*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{color:#e8eef4;overscroll-behavior:none;background:#0b0f14;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;padding:14px 22px}button.primary{color:#fff;background:#1e88e5;font-weight:600}button.secondary{color:#e8eef4;background:#ffffff1f}#start-screen{background:radial-gradient(at 50% -20%,#1a3a5c 0%,#0000 60%),#0b0f14;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.start-inner{text-align:center;flex-direction:column;gap:14px;max-width:420px;display:flex}.logo{font-size:64px;line-height:1}h1{letter-spacing:.5px;margin:0;font-size:32px}.tagline{color:#aebdcc;margin:0;line-height:1.5}.hint{color:#7d8da0;margin:0;font-size:13px}.error{color:#ff6e6e;background:#ff3c3c1a;border:1px solid #ff3c3c66;border-radius:10px;margin:0;padding:10px;font-size:14px}.disclaimer{color:#5c6b7c;margin:8px 0 0;font-size:11px}#ar-view{touch-action:none;position:fixed;inset:0}#camera-feed{object-fit:cover;background:linear-gradient(#27425e 0%,#466b8f 55%,#2c3b32 55.2%,#1c2620 100%);width:100%;height:100%;position:absolute;inset:0}#three-canvas{width:100%;height:100%;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud button{pointer-events:auto}#status-bar{padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000e6;background:linear-gradient(#05080cbf,#0000);justify-content:space-between;gap:8px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}#status-heading{font-weight:700}#demo-banner,#desktop-hint{top:calc(env(safe-area-inset-top,0px) + 40px);color:#1a1200;white-space:nowrap;text-overflow:ellipsis;background:#ffaa00eb;border-radius:999px;max-width:92vw;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#desktop-hint{color:#fff;background:#1e88e5eb}#trim-hint{top:calc(env(safe-area-inset-top,0px) + 72px);color:#fff;text-align:center;background:#1e88e5eb;border-radius:14px;max-width:86vw;padding:7px 14px;font-size:12px;font-weight:600;line-height:1.35;position:absolute;left:50%;transform:translate(-50%)}#crosshair{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 4px #000c}#crosshair:before{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}#crosshair:after{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}#gaze-info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12d1;border-left:4px solid #1e88e5;border-radius:10px;max-width:86vw;padding:8px 14px;font-size:13px;line-height:1.45;position:absolute;top:calc(50% + 32px);left:50%;transform:translate(-50%)}#gaze-info .gaze-name{font-size:14px;font-weight:700}#gaze-info .gaze-sub{color:#aebdcc}#inside-banner{bottom:calc(env(safe-area-inset-bottom,0px) + 84px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12d1;border-radius:12px;max-width:92vw;padding:8px 14px;font-size:13px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}#inside-banner .inside-title{text-transform:uppercase;letter-spacing:1px;color:#8fa1b5;font-size:11px}#toolbar{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#toolbar button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12bf;border:1px solid #ffffff26;border-radius:50%;width:52px;height:52px;padding:0;font-size:20px}#toast{bottom:calc(env(safe-area-inset-bottom,0px) + 150px);text-align:center;background:#080c12e6;border-radius:10px;max-width:88vw;padding:10px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}dialog{color:#e8eef4;background:#141b24;border:none;border-radius:16px;width:min(440px,92vw);max-height:86vh;padding:20px;overflow-y:auto}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}dialog h2{margin:0 0 16px;font-size:20px}dialog label{margin-bottom:16px;font-size:14px;font-weight:600;display:block}dialog label.row{align-items:center;gap:10px;font-weight:500;display:flex}dialog input[type=text]{color:#e8eef4;width:100%;font:inherit;background:#0b0f14;border:1px solid #fff3;border-radius:8px;margin-top:6px;padding:10px;display:block}dialog input[type=range]{width:100%;margin-top:8px;display:block}dialog small{color:#8fa1b5;margin-top:4px;font-weight:400;display:block}dialog small.row-hint{margin:-10px 0 16px}.dialog-buttons{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}#airspace-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.asp-item{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.asp-color{border-radius:4px;flex-shrink:0;width:12px;height:36px}.asp-item b{font-size:14px;display:block}.asp-item .asp-sub{color:#8fa1b5}.asp-item .asp-dist{color:#aebdcc;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
