:root{--ink:#eef4fb;--muted:#a8b8cc;--glass:#0a1626b3;--line:#ffffff24;--accent:#5bc0f0;--warn:#ffb547;--bar-h:64px;--safe-b:max(12px, env(safe-area-inset-bottom));--safe-t:max(10px, env(safe-area-inset-top));-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);background:#0d1a2b;margin:0;overflow:hidden}canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;display:block}canvas:active{cursor:grabbing}button,input{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.i{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.boot{color:var(--muted);letter-spacing:2px;z-index:30;background:#0d1a2b;place-items:center;display:grid;position:fixed;inset:0}.card,.flight,.seatchip,.pax,.bar,.toast{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line)}.hud-top{top:var(--safe-t);z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:fixed;left:12px;right:12px}.hud-top>*{pointer-events:auto}.flight{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:calc(100vw - 120px);padding:8px 12px;font-size:14px;display:flex}.flight-line{flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;display:flex}.flight-line.sub{color:var(--muted);font-size:12px}.flight b{color:var(--accent);letter-spacing:.5px}.right{align-items:flex-start;gap:6px;display:flex}.seatchip{border-radius:12px;flex-direction:column;align-items:center;min-width:62px;padding:6px 10px;display:flex}.seatchip span{letter-spacing:1px;font-size:19px;font-weight:700}.seatchip small{color:var(--muted);font-size:11px}.belt-sign{color:#111;background:#ffd84d;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.pax{top:calc(var(--safe-t) + 60px);color:var(--muted);z-index:5;pointer-events:none;border-radius:999px;margin:0;padding:4px 10px;font-size:12px;position:fixed;left:12px}.pax.offline{color:var(--warn)}.bar{left:50%;bottom:var(--safe-b);z-index:8;border-radius:16px;gap:2px;max-width:calc(100vw - 16px);padding:5px;display:flex;position:fixed;transform:translate(-50%)}.bar button{white-space:nowrap;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:64px;min-height:52px;padding:4px 8px;font-size:12px;display:flex;position:relative}.bar button:hover{background:#ffffff14}.bar button[aria-pressed=true],.bar button[aria-expanded=true]{color:var(--accent);background:#5bc0f033}[aria-disabled=true]{opacity:.38}.attention{animation:1s ease-in-out infinite attention;color:var(--warn)!important}@keyframes attention{50%{background:#ffb54740}}.badge{background:var(--warn);color:#241400;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;right:8px}.badge[hidden]{display:none}.more{right:max(8px,50vw - 260px);bottom:calc(var(--safe-b) + var(--bar-h) + 10px);z-index:9;border-radius:14px;gap:2px;min-width:200px;padding:6px;display:grid;position:fixed}.more[hidden]{display:none}.more button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:14px;display:flex}.more button:hover{background:#ffffff14}.more button[aria-checked=true]{color:var(--accent)}.hint{left:0;right:0;bottom:calc(var(--safe-b) + var(--bar-h) + 8px);text-align:center;color:var(--muted);text-shadow:0 1px 4px #000;pointer-events:none;z-index:4;margin:0;padding:0 16px;font-size:12px;position:fixed}.toast{top:calc(var(--safe-t) + 96px);opacity:0;pointer-events:none;z-index:20;border-radius:12px;width:max-content;max-width:calc(100vw - 24px);padding:10px 16px;font-size:14px;line-height:1.4;transition:opacity .3s,transform .3s;position:fixed;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.joy{left:20px;bottom:calc(var(--safe-b) + var(--bar-h) + 34px);border:1px solid var(--line);touch-action:none;z-index:7;background:#0a162659;border-radius:50%;width:116px;height:116px;display:none;position:fixed}.joy-knob{background:#eef4fbbf;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}@media (pointer:coarse){.joy{display:block}}body.chat-open .joy{display:none}.chat{left:12px;bottom:calc(var(--safe-b) + var(--bar-h) + 10px);z-index:10;border-radius:14px;flex-direction:column;width:min(360px,100vw - 24px);height:min(420px,50vh);display:flex;position:fixed}.chat[hidden]{display:none}.chat header{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.chat header input{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;width:120px;margin-left:4px;padding:6px 8px;font-size:16px}.chat ol{flex-direction:column;flex:1;margin:0;padding:8px 12px;font-size:14px;line-height:1.45;list-style:none;display:flex;overflow-y:auto}.chat ol>li:first-child{margin-top:auto}.chat li{overflow-wrap:anywhere;margin:3px 0}.chat li b{color:var(--accent);margin-right:6px;font-weight:600}.chat li.me b{color:var(--warn)}.chat li.sys{color:var(--muted);font-size:12px}.chat form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat form input{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;flex:1;min-width:0;padding:9px 10px;font-size:16px}.chat button,.sheet button,.panel .primary{background:var(--accent);color:#062033;border:0;border-radius:10px;padding:8px 14px;font-weight:600}button.ghost{border:0;padding:6px 8px;color:var(--muted)!important;background:0 0!important}.sheet{right:12px;bottom:calc(var(--safe-b) + var(--bar-h) + 10px);z-index:11;border-radius:14px;width:min(330px,100vw - 24px);padding:14px;position:fixed}.sheet h2{margin:0 0 4px;font-size:16px}.sheet p{color:var(--muted);margin:0 0 12px;font-size:13px}.sheet-options{gap:6px;display:grid}.sheet-options button{text-align:left;min-height:44px;color:var(--ink);background:#ffffff14;font-weight:500}.sheet-options button small{color:var(--muted);font-size:12px;font-weight:400;display:block}.sheet-options button:hover{background:#5bc0f033}.panel-back{z-index:14;background:#00000059;position:fixed;inset:0}.panel{z-index:15;border-radius:16px;flex-direction:column;width:min(520px,100vw - 24px);max-height:min(640px,100dvh - 40px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel[hidden]{display:none}.panel header{justify-content:space-between;align-items:center;padding:12px 14px 4px;display:flex}.panel h2{margin:0;font-size:17px}.panel-desc{color:var(--muted);margin:0;padding:0 14px 10px;font-size:12px;line-height:1.6}.flight-list{margin:0;padding:0 8px 10px;list-style:none;overflow-y:auto}.flight-list li{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 8px;display:grid}.flight-list .no{color:var(--accent);margin-right:6px;font-weight:700}.flight-list .meta{color:var(--muted);grid-column:1;font-size:12px}.flight-list .count{font-variant-numeric:tabular-nums}.flight-list .side{color:var(--muted);flex-direction:column;grid-area:1/2/span 2;align-items:flex-end;gap:6px;font-size:12px;display:flex}.flight-list .here{color:var(--warn);font-weight:600}.seatmap-scroll{padding:0 12px 14px;overflow:auto}.seat-grid{grid-template-columns:26px repeat(3,28px) 14px repeat(4,28px) 14px repeat(3,28px);justify-content:center;gap:4px;font-size:11px;display:grid}.seat-grid.first{grid-template-columns:26px 44px 24px 44px 44px 24px 44px}.seat-grid.first button{width:44px;height:40px;font-size:12px}.seat-grid .rowno,.seat-grid .colh{color:var(--muted);place-items:center;display:grid}.seat-grid button{background:#5bc0f014;border:1px solid #5bc0f08c;border-radius:6px 6px 4px 4px;width:28px;height:28px;padding:0;font-size:10px}.seat-grid button.taken{color:#0d1a2b;cursor:not-allowed;background:#6b7a8f;border-color:#6b7a8f}.seat-grid button.mine{background:var(--warn);border-color:var(--warn);color:#241400;font-weight:700}.key{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin:0 4px 0 8px;display:inline-block}.key.mine{background:var(--warn)}.key.taken{background:#6b7a8f}.key.free{border:1px solid var(--accent)}.picker{right:12px;top:calc(var(--safe-t) + 70px);width:min(340px,100vw - 24px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - var(--bar-h) - 90px);z-index:12;border-radius:16px;flex-direction:column;display:flex;position:fixed}.picker[hidden]{display:none}.picker header,.picker footer{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.picker h2{margin:0;font-size:16px}.picker-body{padding:0 14px;overflow-y:auto}.picker fieldset{border:0;margin:0 0 12px;padding:0}.picker legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.chips,.swatches{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;min-height:36px;padding:0 12px;font-size:13px}.chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#062033;font-weight:600}.swatches button{border:2px solid #ffffff40;border-radius:50%;width:32px;height:32px;padding:0}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.picker footer{border-top:1px solid var(--line)}.picker .primary{background:var(--accent);color:#062033;border:0;border-radius:10px;padding:9px 18px;font-weight:600}.tags{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.tag{transform-origin:50% 100%;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.tag span{color:var(--ink);white-space:nowrap;background:#0a1626bf;border-radius:999px;padding:2px 8px;font-size:12px}.tag .bubble{color:#10233a;overflow-wrap:anywhere;background:#fff;border-radius:12px;max-width:220px;margin:0;padding:6px 10px;font-size:13px;line-height:1.35;box-shadow:0 2px 8px #0000004d}.tag.crew .bubble{background:#e9f6fd;border:1px solid #8fcdf0}.tag.me span{color:#241400;background:#ffb547e6;font-weight:600}.tag.seatmark span{background:var(--warn);color:#241400;font-size:13px;font-weight:700;box-shadow:0 0 0 3px #ffb5474d}.eyemask{opacity:0;pointer-events:none;z-index:2;background:radial-gradient(#03060ed1 0%,#010206f7 70%);transition:opacity 1.2s;position:fixed;inset:0}.eyemask.on{opacity:1}@media (width<=600px){:root{--bar-h:58px}.flight{padding:6px 10px;font-size:12px}.flight-line.sub{font-size:11px}.bar{justify-content:space-between;left:8px;right:8px;transform:none}.bar button{flex:1;min-width:0;min-height:48px;padding:4px 2px;font-size:11px}.chat{width:auto;height:min(380px,45dvh);left:8px;right:8px}.sheet{width:auto;left:8px;right:8px}.picker{top:auto;left:8px;right:8px;bottom:calc(var(--safe-b) + var(--bar-h) + 8px);width:auto;max-height:44dvh}.more{right:8px}.hint{font-size:11px}.pax{top:calc(var(--safe-t) + 54px)}.seatmap-scroll{padding:0 6px 12px}.seat-grid{grid-template-columns:20px repeat(3,25px) 8px repeat(4,25px) 8px repeat(3,25px);gap:3px}.seat-grid button{width:25px;height:26px}}@media (prefers-reduced-motion:reduce){.toast,.eyemask{transition:none}.attention{outline:2px solid var(--warn);animation:none}}