:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111c20;color:#e6eded;--mint:#b6e1bf;--muted:#a1b2b3;--gold:#e8bc78;--line:#35494a}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;padding:28px 24px 64px;margin:auto}nav{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:40px}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}header{margin-bottom:32px}.eyebrow,.section-label{font-size:12px;color:var(--mint);letter-spacing:.12em}h1{font-size:clamp(32px,5.5vw,54px);font-weight:530;letter-spacing:-.04em;margin:12px 0 16px}h2{font-size:22px;font-weight:570;margin:10px 0 20px;line-height:1.5}h3{font-size:17px;font-weight:560;line-height:1.5;margin:0 0 14px}p{color:var(--muted);line-height:1.8;margin:10px 0}.intro{font-size:17px;max-width:740px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span,.tag{font-size:11px;color:var(--mint);border:1px solid #436052;border-radius:30px;padding:6px 10px}.panel{background:#19272b;border:1px solid #314146;border-radius:22px;padding:26px;margin-top:24px;min-width:0}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.score{background:#20322e;border:1px solid #3b5749;border-radius:14px;padding:22px}.score h3{margin:18px 0 4px}.score.free{background:#2b2f2b;border-color:#575344}.score.free .tag{color:var(--gold);border-color:#76684b}.score-value{font-size:42px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--mint)}.free .score-value{color:var(--gold)}.score-value small{font-size:11px;letter-spacing:0;color:var(--muted)}.score p{font-size:13px;min-height:46px}.small{font-size:12px;color:var(--muted);line-height:1.8}.caution{border-left:3px solid var(--gold);padding-left:15px;font-size:13px;margin-top:22px;color:#d1cec2}button,select{font:inherit;font-size:13px;color:#dae7e1;background:#2b403d;border:1px solid #486157;border-radius:9px;padding:9px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:hover{background:#365148}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary,button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#142a20}.help{font-size:11px;padding:0;margin-left:4px;width:27px;height:27px;vertical-align:2px;border-radius:50%;color:var(--mint);background:transparent}.help[aria-expanded=true]{color:#17291d;background:var(--mint)}.help-panel{font-size:13px;line-height:1.85;color:#ccd8d1;background:#243a32;padding:15px 18px;border:1px solid #4b6856;border-radius:10px;margin:0 0 18px}.help-panel[hidden]{display:none}.model-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 24px}.model-tabs button{text-align:left;padding:13px 16px;font-size:15px}.model-tabs small{display:block;font-size:11px;opacity:.8;margin-top:4px}audio{display:none}.play-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#play{min-width:88px;font-size:15px}.play-row #clock{font-variant-numeric:tabular-nums;color:var(--gold);font-size:14px}#model-label{margin-left:auto;font-size:12px;color:var(--muted)}.seek-label{font-size:11px;color:var(--muted);display:block;margin:18px 0 3px}input[type=range]{accent-color:var(--mint);cursor:pointer}#seek{width:100%;height:28px;margin:0}.control-row{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin:10px 0}.control-row label,.mode-controls label{font-size:12px;color:#c4d1ce}.volume{display:flex;align-items:center;gap:8px}.volume input{width:95px}input[type=checkbox]{accent-color:var(--mint)}#load-status:empty{display:none}.downloads{display:flex;gap:12px 24px;flex-wrap:wrap;margin:18px 0;font-size:12px}.subsection{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.heading-row .small{white-space:nowrap}svg{display:block;width:100%;height:auto}svg text{fill:var(--muted);font:14px system-ui;text-anchor:middle}#overview{background:#142622;border-radius:12px}#overview circle.string-dot{fill:#8a9d86}#overview circle.model-dot{fill:var(--mint)}#zoom-box{fill:#b6e1bf0a;stroke:#6a9971;stroke-dasharray:4 4}#overview-point{fill:var(--gold);stroke:#111c20;stroke-width:2}.motion-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.motion-readout span{display:block;color:var(--muted);font-size:11px}.motion-readout strong{display:block;font-size:20px;margin-top:5px;font-weight:520;font-variant-numeric:tabular-nums}#zoom-field{height:180px;position:relative;background:linear-gradient(90deg,#233a31,#1c302b);border:1px solid #476052;border-radius:12px;margin:10px 0 16px}.endpoint{position:absolute;top:10px;font-size:11px;color:var(--gold)}.endpoint.left{left:10px}.endpoint.right{right:10px}.zoom-string{position:absolute;top:39px;bottom:29px;width:2px;background:#b59c70;transform:translateX(-50%);z-index:1}.zoom-string span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#b9cbbd;font-size:11px}.zoom-string.hit{background:#e3ffb6;box-shadow:0 0 12px 3px #c5ed8799}.zoom-string.weak{background:#919d83;box-shadow:none}.track-line{position:absolute;left:4%;right:4%;top:86px;border-top:1px dashed #637b6d}#tail-point{position:absolute;top:86px;width:17px;height:17px;transform:translate(-50%,-50%);border:2px solid var(--gold);background:#e8bc7855;border-radius:50%;z-index:2}.observation{font-size:12px;padding:9px 12px;border-radius:8px;background:#244231;color:#bed9c5}.observation.gap{color:#c2c9c5;background:#303a3a;border:1px dashed #65736d}#crossing-note{min-height:22px}#route-chart{background:#142421;border-radius:12px;margin-top:8px}#route-grid line{stroke:#31483e;stroke-width:1}#gap-shades rect{fill:#9ba5a522}#route-future{fill:none;stroke:#92b8a5;stroke-width:2;stroke-dasharray:6 5}#route-past{fill:none;stroke:var(--mint);stroke-width:2.6}#route-now{stroke:var(--gold);stroke-width:1.5}#route-dot{fill:var(--gold)}.mode-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.mode-controls select{margin-left:7px}.pages{display:flex;gap:5px;margin-left:auto}.pages button{font-size:12px}#mode-chart{background:#142421;border-radius:12px;margin:16px 0}.mode-bar{fill:var(--mint)}.mode-bar.missing{fill:#53635b}.mode-background{fill:#20382b}.mode-hz{font-size:10px}#mode-grid line{stroke:#31483e}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th{font-weight:500;color:#a1bba9;text-align:right;padding:9px 6px;border-bottom:1px solid #476052}td{text-align:right;padding:10px 6px;border-bottom:1px solid #2d433b;color:#d9e5dc}th:first-child,td:first-child{text-align:left}.mode-table td:last-child{color:#a2b6a8}.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.audit-grid strong{display:block;font-size:24px;font-weight:540;color:var(--mint)}.audit-grid span{display:block;font-size:12px;color:var(--muted);margin-top:9px;line-height:1.7}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:14px;line-height:1.7}details p{font-size:13px}footer{color:#80999a;font-size:11px;line-height:1.8;margin:30px 0 0}@media(max-width:700px){main{padding:22px 15px 42px}nav{font-size:11px;margin-bottom:30px}.panel{padding:20px 17px;border-radius:17px}h2{font-size:19px}.score-grid{gap:12px}.score{padding:16px}.score-value{font-size:34px}.score p{min-height:72px}.score .small{font-size:11px}.intro{font-size:15px}.motion-readout{gap:8px}.motion-readout strong{font-size:17px}.heading-row{display:block}.heading-row>.small{display:none}.pages{margin-left:0}.mode-controls{gap:12px}.audit-grid{gap:14px}.audit-grid strong{font-size:20px}.audit-grid span{font-size:11px}#model-label{display:none}#route-chart text{font-size:18px}.mode-table{font-size:11px}.mode-table th,.mode-table td{padding:10px 4px}#overview text{font-size:22px}}@media(max-width:420px){main{padding:18px 12px 36px}nav{flex-wrap:wrap;margin-bottom:28px}.panel{padding:18px 14px}h1{font-size:34px}h2{font-size:18px}.score-grid{grid-template-columns:1fr}.score{padding:17px}.score p{min-height:0}.score-value{font-size:39px}.score h3{margin-top:14px}.model-tabs button{font-size:12px;padding:12px 10px}.control-row{gap:10px}.control-row button{font-size:11px}.motion-readout strong{font-size:16px}.motion-readout span{font-size:9px}.audit-grid{grid-template-columns:1fr}.audit-grid div{display:flex;align-items:center;justify-content:space-between;gap:15px}.audit-grid span{text-align:right;margin:0}.zoom-string span{font-size:9px}.table-scroll{max-width:100%}.mode-controls label{font-size:11px}.mode-controls select{font-size:11px;padding:8px}.help-panel{padding:12px;font-size:12px}.play-row{gap:12px}#clock{font-size:12px!important}#play{min-width:70px}.downloads{gap:10px}.mode-table th,.mode-table td{padding:10px 3px}.mode-table{font-size:10px}}

@media(max-width:700px){#mode-chart text{font-size:20px}#mode-chart .mode-hz{font-size:16px}}
#zoom-field{height:190px}.bank-band{position:absolute;top:0;bottom:0;background:#2d4c3744;padding-top:12px;text-align:center;font-size:13px;color:var(--mint);border-radius:8px}.bank-b{left:4%;width:40%}.bank-a{left:56%;width:40%}.gap-band{position:absolute;top:0;bottom:0;left:44%;width:12%;background:#d1bd8520;text-align:center;font-size:10px;color:var(--gold);padding-top:44px}.zoom-string{top:56px;bottom:32px;background:#5d7166;width:1px}.zoom-string.modeled{width:2px;background:#b6e1bf}.zoom-string.hit{background:#e3ffb6;box-shadow:0 0 10px 2px #c5ed8799}.zoom-string.weak{background:#8a9b83;box-shadow:none}.zoom-string span{font-size:10px;color:#b4c3b8}.endpoint{top:auto;bottom:7px;font-size:9px;z-index:2}.endpoint.left{left:13%;transform:translateX(-50%)}.endpoint.right{right:auto;left:77%;transform:translateX(-50%)}#tail-point,.track-line{top:104px}.bank-legends{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:13px 0}.bank-legends i{display:inline-block;width:7px;height:7px;margin-right:4px;background:var(--mint);border-radius:50%}.bank-legends i.grey{background:#5d7166}.bank-legends i.gold{background:var(--gold)}#spatial-gap-shade{fill:#e8bc7817}.mode-controls{gap:11px}.mode-table{font-size:11px}.mode-table th,.mode-table td{padding:10px 3px}#position-label{color:var(--gold)}@media(max-width:420px){.mode-table{font-size:9px}.mode-table th,.mode-table td{padding:10px 2px}.control-row button{font-size:10px;padding:8px}.bank-band{font-size:11px}.gap-band{font-size:8px}.zoom-string span{font-size:8px}}