:root{color-scheme:dark;--panel:#101b2af5;--line:#ffffff18;--muted:#9aabbd;--yellow:#ffd24a}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#f4f7fc;background:#0c1925}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}button{color:inherit}#map{position:fixed;inset:0}.maplibregl-canvas{outline:none}header{position:fixed;top:20px;left:24px;right:24px;display:flex;align-items:center;gap:26px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:white;background:var(--panel);border:1px solid var(--line);padding:11px 17px;border-radius:15px;box-shadow:0 6px 24px #00102022}.brand-icon{font-size:29px;color:var(--yellow)}.brand>span:last-child{font-size:26px;font-weight:750;line-height:1;letter-spacing:-1px}.brand-dot{color:var(--yellow)}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:6px;color:var(--muted)}.search-wrap{width:370px;position:relative}.search-box{display:flex;align-items:center;gap:12px;background:var(--panel);padding:15px 17px;border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 24px #00102022}.search-box>span{font-size:25px;color:var(--muted)}input{width:100%;background:transparent;border:0;color:white;font-size:14px;outline:none}input::placeholder{color:var(--muted)}kbd{border:1px solid #405267;border-radius:4px;padding:2px 6px;color:var(--muted)}#results{position:absolute;top:67px;left:0;right:0;background:#101b2a;border:1px solid #354458;border-radius:13px;max-height:350px;overflow:auto;box-shadow:0 12px 36px #0005;padding:6px}.result{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:13px 12px;background:none;border:0;border-radius:8px}.result:hover,.result:focus{background:#ffffff12}.result strong{display:block;font-size:14px}.result small{display:block;color:var(--muted);margin-top:4px}.result>span:last-child{color:var(--yellow);font-size:12px}.empty{padding:17px;font-size:13px;color:var(--muted);line-height:1.7}.live-badge{margin-left:auto;background:var(--panel);padding:12px 16px;border-radius:30px;font-size:11px;letter-spacing:1px;border:1px solid var(--line)}.live-badge i{display:inline-block;background:#63d5af;width:6px;height:6px;border-radius:50%;margin-right:6px}.live-badge span{color:var(--muted);letter-spacing:0;margin-left:12px}.map-tools{position:fixed;top:110px;right:24px;display:grid;gap:8px}.map-tools button{width:43px;height:43px;border:1px solid var(--line);background:var(--panel);border-radius:12px;font-size:24px}.map-tools button:hover{background:#25364a}.overview{position:fixed;left:24px;top:112px;padding:17px 21px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.overview strong{font-size:32px;letter-spacing:-1px;margin-right:8px}.overview div{margin-top:7px}.overview div span{font-size:12px;color:var(--muted)}.overview p{font-size:11px;margin:6px 0 0;color:var(--muted)}.hint{position:fixed;bottom:57px;left:50%;transform:translateX(-50%);background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:13px 23px;font-size:13px;white-space:nowrap;color:#d3deeb}#notice{position:fixed;top:96px;left:50%;transform:translateX(-50%);background:#553b13ed;color:#ffe0a4;padding:10px 17px;border-radius:9px;font-size:12px;max-width:90vw;z-index:4}footer{position:fixed;bottom:0;left:0;right:0;min-height:30px;background:#0c1723ef;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 22px calc(8px + env(safe-area-inset-bottom));font-size:10px;color:var(--muted);z-index:8}footer a{color:#d2dfeb;text-decoration:none}#sheet{position:fixed;bottom:44px;left:50%;transform:translateX(-50%);width:440px;max-height:calc(100dvh - 140px);overflow:auto;background:var(--panel);border:1px solid #354357;border-radius:22px;box-shadow:0 20px 70px #0005;padding:0 24px 17px;animation:rise .22s ease-out;z-index:5;backdrop-filter:blur(16px)}@keyframes rise{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}.handle{display:block;padding:12px;width:100%;border:0;background:none;touch-action:none}.handle span{display:block;width:36px;height:4px;border-radius:4px;background:#506176;margin:auto}.sheet-top{display:flex;align-items:center;gap:12px}.flight-title{display:flex;align-items:center;gap:12px;flex:1}.plane-badge{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffd24a16;color:var(--yellow);font-size:25px}h1{font-size:23px;margin:4px 0 0;letter-spacing:.5px}.position-state{font-size:10px;color:#72d5b3;background:#72d5b311;padding:6px 8px;border-radius:6px;white-space:nowrap}.icon-button{background:transparent;border:0;font-size:26px;color:var(--muted);padding:5px}.route{display:flex;align-items:center;gap:20px;margin:22px 0}.route>div:first-child,.destination{min-width:90px}.route small,.metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.route strong{font-size:17px;font-weight:500;color:#c4cfdd}.destination{text-align:right}.route-line{position:relative;flex:1;height:1px;background:#425167}.route-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);background:#111e2d;padding:7px;color:var(--yellow)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding-left:15px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metrics strong{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.metrics strong.unknown{font-size:13px;color:var(--muted)}.details{display:none}.expanded .details{display:block}dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}dt{font-size:11px;color:var(--muted)}dd{margin:6px 0 0;font-size:13px}.details p{font-size:11px;line-height:1.8;color:var(--muted);padding:12px;background:#ffffff05;border-radius:8px}.sheet-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.sheet-bottom>span{font-size:10px;color:var(--muted)}#follow{background:#ffffff0a;border:1px solid #ffffff20;border-radius:8px;padding:9px 12px;font-size:11px}#follow[aria-pressed=true]{background:#ffd24a22;color:var(--yellow);border-color:#ffd24a66}[hidden]{display:none!important}@media(max-width:640px){header{top:12px;left:12px;right:12px;gap:10px}.brand{padding:11px;border-radius:12px}.brand>span:last-child{display:none}.brand-icon{font-size:24px}.search-wrap{flex:1;width:auto}.search-box{padding:12px;gap:7px}.search-box input{font-size:12px}kbd,.live-badge{display:none}.overview{left:12px;top:86px;padding:12px 14px}.overview strong{font-size:24px}.overview .eyebrow{font-size:8px}.map-tools{top:86px;right:12px}.map-tools button{width:38px;height:38px}.hint{font-size:11px;bottom:70px;padding:11px 15px}#sheet{bottom:49px;width:calc(100% - 16px);padding:0 18px 15px;border-radius:20px;max-height:calc(100dvh - 132px)}footer{padding:7px 10px calc(7px + env(safe-area-inset-bottom));font-size:9px;flex-wrap:wrap;gap:5px}footer>span:first-child{flex-basis:100%}.route{margin:18px 0}.metrics strong{font-size:15px}#notice{top:240px;width:max-content;max-width:85vw}.sheet-bottom>span{font-size:9px}body.has-selection .overview{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}