:root{--bg:#080d0b;--surface:#101815;--surface2:#17231f;--line:#293a34;--ink:#f2f7f4;--muted:#9cafaa;--mint:#7bf1af;--amber:#e3b45f;--danger:#ff9999;--radius:18px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;padding:0 max(16px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}button,input,select{font:inherit}button{min-height:46px;border:1px solid var(--line);border-radius:11px;background:#1b2924;color:var(--ink);padding:11px 15px;font-weight:750;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7bf1af88;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--mint);border-color:var(--mint);color:#07110c}.danger{color:var(--danger);border-color:#754040}.quiet{background:transparent}.hidden{display:none!important}.topbar{max-width:1080px;margin:auto;padding:24px 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.eyebrow,.step{margin:0;color:var(--mint);font-size:.72rem;font-weight:850;letter-spacing:.13em}.topbar h1{margin:.22rem 0 0;font-size:clamp(2.35rem,9vw,4.7rem);line-height:.9;letter-spacing:-.065em}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;text-align:right}.dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #7bf1af18}.dot.off{background:var(--amber);box-shadow:0 0 0 5px #e3b45f18}.risk{max-width:1080px;margin:0 auto 14px;padding:13px 15px;border:1px solid #725d34;border-radius:13px;background:#211b10;color:#dbcba9;font-size:.9rem;line-height:1.45}main{max-width:1080px;margin:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,4vw,32px);margin:14px 0}.panel h2{margin:.38rem 0 1rem;font-size:clamp(1.65rem,5vw,2.35rem);letter-spacing:-.035em}.panel h3{font-size:1rem;margin:22px 0 10px}.sectionHead{display:flex;justify-content:space-between;gap:18px;align-items:start}.modeSwitch{display:flex;background:#08100d;border:1px solid var(--line);border-radius:12px;padding:3px}.modeSwitch button{min-height:38px;border:0;background:transparent;padding:7px 11px}.modeSwitch .active{background:var(--mint);color:#07110c}.plain,.statusLine{color:var(--muted);line-height:1.5}.statusLine{min-height:1.5em}.securityNote{padding:12px 14px;border:1px solid #3f5b50;border-radius:11px;background:#0c1512;color:#c5d4ce;line-height:1.45;font-size:.86rem}.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;margin:18px 0}.formGrid.compact{grid-template-columns:140px 160px 1fr}.formGrid label{display:grid;gap:7px;color:var(--muted);font-size:.88rem}.formGrid input,.formGrid select,.trackMapper select,.trackMapper input{width:100%;min-height:46px;padding:10px 11px;border:1px solid #3b5149;border-radius:10px;background:#17231f;color:var(--ink)}.ack{grid-template-columns:24px 1fr!important;align-items:center;align-self:end;min-height:46px}.ack input,.cueModes input{width:20px!important;height:20px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.trackMapper{display:grid;gap:8px;margin-top:16px}.trackRow{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(3,minmax(100px,.65fr)) 76px;gap:8px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.trackName{align-self:center;overflow:hidden}.trackName strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackName small{color:var(--muted)}.trackRow label{font-size:.72rem;color:var(--muted);display:grid;gap:5px}.skip{display:flex!important;align-items:center;gap:6px;padding-bottom:12px}.skip input{width:20px!important;min-height:20px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:20px}.segment{min-height:92px;border-top:4px solid var(--mint);background:var(--surface2);padding:9px;border-radius:7px}.segment b,.segment span{display:block}.segment span{font-size:.72rem;color:var(--muted);margin-top:5px}.queue{margin:0;padding:0;list-style:none;display:grid;gap:6px}.queue li{display:flex;align-items:center;gap:12px;padding:11px 12px;background:var(--surface2);border-radius:9px}.queue em{color:var(--mint);font-style:normal;font-variant-numeric:tabular-nums}.queue small{margin-left:auto;color:var(--muted)}.approval{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #3f5b50;border-radius:13px}.approval p{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}.startRide{width:100%;min-height:58px;margin-top:12px;background:var(--ink);color:#07110c;font-size:1.05rem}.rideShell{position:relative;background:#0e1714;border:1px solid #355147;border-radius:24px;padding:clamp(18px,4vw,32px);margin:14px 0;min-height:min(690px,calc(100vh - 90px));display:flex;flex-direction:column}.rideHeader{display:flex;justify-content:space-between;align-items:start}.clock{font-size:clamp(4rem,20vw,8.5rem);line-height:.88;font-weight:850;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.pill{border:1px solid #3c5b50;border-radius:999px;padding:8px 11px;color:var(--mint);font-size:.78rem;font-weight:800}.interval{margin:auto 0}.interval>p:first-child{font-size:clamp(1.8rem,7vw,3rem);font-weight:800;margin:0 0 13px}.targets{display:flex;gap:10px}.targets span{display:grid;min-width:130px;padding:13px;background:#16241f;border-radius:13px}.targets b{font-size:2.1rem}.targets small{color:var(--muted);font-size:.65rem;letter-spacing:.08em}.cue{color:#c5d4ce;font-size:1.05rem}.progress{height:8px;background:#24342e;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--mint)}.cueModes{display:flex;gap:18px;margin:15px 0;color:var(--muted)}.cueModes label{display:flex;align-items:center;gap:7px}.rideDock{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:12px;background:linear-gradient(transparent,#0e1714 18%)}.rideDock button{min-height:54px}.recovery{border:1px solid #8c4d4d;background:#291515;padding:14px;border-radius:12px;margin-top:12px}pre{white-space:pre-wrap;overflow:auto;max-height:220px;color:#a9bdb5;background:#09100e;padding:10px;border-radius:9px}footer{max-width:1080px;margin:28px auto 0;color:#71887f;text-align:center;font-size:.78rem}@media(max-width:720px){body{padding-left:10px;padding-right:10px}.topbar{padding-top:17px}.connection{max-width:130px}.risk{font-size:.79rem}.panel{border-radius:15px}.sectionHead{display:block}.modeSwitch{margin-top:15px;width:max-content}.formGrid.compact{grid-template-columns:1fr 1fr}.ack{grid-column:1/-1}.trackRow{grid-template-columns:1fr 1fr}.trackName{grid-column:1/-1}.skip{padding:10px 0}.timeline{overflow-x:auto;grid-template-columns:repeat(6,130px);padding-bottom:6px}.approval{align-items:stretch;flex-direction:column}.rideShell{margin-left:-10px;margin-right:-10px;border-radius:0;border-left:0;border-right:0;min-height:calc(100svh - 20px)}.rideDock{grid-template-columns:1fr 1fr}.targets span{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}