@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap");:root{--dash-bg:#0b1512;--dash-panel:#111f1a;--dash-text:#e5f6ef;--dash-muted:#9bb7ad;--dash-accent:#1ed760;--dash-highlight:#3dd6c6;--dash-border:rgba(229,246,239,.08);--dash-shadow:0 24px 60px rgba(2,6,5,.35);--dash-radius:16px;--dash-font:"Space Grotesk","Trebuchet MS",sans-serif}.dashboard-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#143a2f,transparent 55%),radial-gradient(circle at 90% 20%,#13251f,transparent 60%),#0b1512;color:var(--dash-text);font-family:var(--dash-font);padding:32px}.dashboard-shell{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px}.dashboard-sidebar{background:rgba(17,31,26,.9);border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:20px;box-shadow:var(--dash-shadow);display:flex;flex-direction:column;gap:24px}.sidebar-brand{font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{display:grid;grid-gap:12px;gap:12px}.sidebar-link{border:1px solid transparent;background:rgba(15,28,23,.8);color:var(--dash-text);padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left}.sidebar-link.active{border-color:var(--dash-highlight);background:rgba(29,55,44,.9)}.dashboard-main{display:flex;flex-direction:column;gap:20px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-header h1{font-size:clamp(24px,3vw,36px);margin:8px 0 0}.dashboard-header p{color:var(--dash-muted);max-width:520px;margin:6px 0 0}.dashboard-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.dashboard-stat{background:rgba(17,31,26,.9);border:1px solid var(--dash-border);border-radius:12px;padding:8px 14px;min-width:140px}.dashboard-stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dash-muted)}.dashboard-stat strong{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-stat.trip-timer strong{font-size:22px;letter-spacing:.04em}.dashboard-stat.primary-clock{border-color:rgba(61,214,198,.5);box-shadow:0 16px 30px rgba(6,20,16,.35)}.dashboard-stat.primary-clock strong{font-size:16px;letter-spacing:.02em}.trip-clock-led{display:grid;grid-gap:6px;gap:6px;margin-top:6px}.trip-clock-led-digits{display:flex;align-items:center;gap:4px}.trip-clock-colon{position:relative;width:6px;height:28px}.trip-clock-colon:after,.trip-clock-colon:before{content:"";position:absolute;left:50%;width:4px;height:4px;background:var(--dash-highlight);border-radius:999px;transform:translateX(-50%);box-shadow:0 0 6px rgba(61,214,198,.6)}.trip-clock-colon:before{top:8px}.trip-clock-colon:after{bottom:8px}.trip-clock-zone{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dash-muted)}.trip-timer-led{margin-top:6px}.trip-timer-led-digits{display:flex;align-items:center;gap:4px}.trip-timer-colon{position:relative;width:6px;height:34px}.trip-timer-colon:after,.trip-timer-colon:before{content:"";position:absolute;left:50%;width:4px;height:4px;background:var(--dash-highlight);border-radius:999px;transform:translateX(-50%);box-shadow:0 0 6px rgba(61,214,198,.6)}.trip-timer-colon:before{top:10px}.trip-timer-colon:after{bottom:10px}.dashboard-button{min-width:88px;border:none;background:var(--dash-accent);color:#05210f;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;box-shadow:var(--dash-shadow)}.dashboard-button.secondary{background:rgba(15,28,23,.85);color:var(--dash-text);border:1px solid var(--dash-border)}.dashboard-content{grid-template-columns:minmax(320px,3fr) minmax(240px,2fr)}.dashboard-content,.dashboard-primary,.dashboard-secondary{display:grid;grid-gap:20px;gap:20px}.panel{background:var(--dash-panel);border-radius:var(--dash-radius);padding:18px 20px 20px;border:1px solid var(--dash-border);box-shadow:var(--dash-shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header h2{margin:4px 0 0;font-size:20px}.panel-kicker{text-transform:uppercase;letter-spacing:.12em;margin:0}.panel-kicker,.panel-meta{font-size:12px;color:var(--dash-muted)}.map-frame,.trend-frame,.video-frame{background:#0a1411;border-radius:14px;padding:14px;color:#e5f6ef;border:1px solid rgba(229,246,239,.08)}.video-embed{width:100%;height:320px;border:0;border-radius:12px}.video-placeholder{display:grid;place-items:center;min-height:200px;text-align:center}.video-coverage-state{padding:18px;border-radius:14px;background:rgba(17,31,26,.8);border:1px dashed rgba(61,214,198,.5);color:var(--dash-muted)}.map-frame svg,.trend-frame canvas{width:100%;height:90px;display:block;cursor:crosshair}.map-frame svg:focus,.trend-frame canvas:focus{outline:2px solid var(--dash-highlight);outline-offset:4px}.instrument-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:16px;gap:16px}.instrument-card{background:rgba(12,23,19,.9);border-radius:14px;padding:14px;border:1px solid rgba(229,246,239,.06)}.instrument-card span{display:block;color:var(--dash-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.instrument-card strong{font-size:20px;margin-top:6px;display:block}.heart-rate-gauge{position:relative;width:132px;height:132px;margin-top:8px;display:grid;place-items:center}.heart-rate-gauge__svg{width:132px;height:132px}.heart-rate-gauge__label{position:absolute;font-size:18px;font-weight:600;color:var(--dash-text);letter-spacing:.02em}.heart-rate-gauge__needle{stroke:var(--dash-text)}.heart-rate-gauge__hub{fill:var(--dash-text)}.heart-rate-gauge.is-muted .heart-rate-gauge__hub,.heart-rate-gauge.is-muted .heart-rate-gauge__label,.heart-rate-gauge.is-muted .heart-rate-gauge__needle{color:var(--dash-muted);stroke:var(--dash-muted);fill:var(--dash-muted)}.heading-compass{width:112px;height:112px;position:relative;margin-top:6px;margin-bottom:6px;display:grid;place-items:center}.heading-compass.is-muted{opacity:.4}.heading-compass__svg{width:100%;height:100%}.heading-compass__outer{fill:none;stroke:#c85348;stroke-width:5}.heading-compass__inner{fill:#202b31;stroke:none}.heading-compass__dot{fill:#e2e8f0;opacity:.8}.heading-compass__labels{font-family:Georgia,Times New Roman,serif;fill:#e2e8f0;font-size:12px;letter-spacing:.12em}.heading-compass__needle{transform-origin:56px 56px;transition:transform .14s ease-out}.heading-compass__needle path{fill:#c85348}.seek-status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(17,31,26,.9);color:var(--dash-text);font-size:12px;border:1px solid var(--dash-border)}@media (max-width:768px){.dashboard-content,.dashboard-shell{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-controls{width:100%;justify-content:flex-start}}:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;background:#f6f2eb;color:#1b1b1b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff 0,#f2e9df 55%,#e5d7c6 100%)}.layout{padding:80px 24px 120px;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.hero{background:hsla(0,0%,100%,.75);padding:56px;border-radius:32px;box-shadow:0 24px 80px rgba(27,27,27,.12)}.kicker{letter-spacing:.4em;text-transform:uppercase;font-size:12px;margin:0 0 12px}h1{margin:0 0 16px;font-size:clamp(2.6rem,4vw,3.5rem)}.subhead{font-size:1.1rem;margin:0;line-height:1.6;max-width:600px}.timeline{position:relative;padding:24px;background:hsla(0,0%,100%,.85);border-radius:28px;box-shadow:0 18px 60px rgba(27,27,27,.08);overflow:hidden}.timeline-track{position:absolute;left:24px;right:24px;top:50%;height:3px;background:linear-gradient(90deg,#1b1b1b,#9b8b7a,#1b1b1b);opacity:.4}.timeline-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:16px;gap:16px;position:relative;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.timeline-icon{width:72px;height:72px;border-radius:20px;background:#f7f0e6;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(27,27,27,.08)}.timeline-icon img{width:52px;height:52px;object-fit:contain}.timeline-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.build{font-family:Courier New,monospace;font-size:.9rem;margin:0;text-align:right;color:rgba(27,27,27,.7)}.build-value{font-weight:700}@media (max-width:700px){.layout{padding:48px 20px 80px}.hero{padding:36px 28px}.timeline-track{display:none}.build{text-align:left}}