:root{color-scheme:dark;--bg:#09151b;--panel:#101f27;--line:#253940;--muted:#8aa1ad;--text:#e1ecef;--mint:#69e4bf;--amber:#e8b66e;--red:#fa8a76}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{background:#172b34;border:1px solid #314650;color:var(--text);border-radius:6px;padding:9px 14px;cursor:pointer;transition:background .16s,border-color .16s}button:hover{background:#223b45;border-color:#6c939b}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--mint);color:#0b2422;border-color:var(--mint);font-weight:650}.primary:hover{background:#a0f3d9}.muted,p{color:var(--muted)}header{height:88px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#0b181f}.brand{font-size:24px;font-weight:800;letter-spacing:2px;text-decoration:none;color:#eef5f7;position:relative;line-height:1}.brand>span:not(.brand-mark){font-weight:350;color:var(--mint)}.brand-mark{color:var(--mint);font-size:35px;vertical-align:middle;margin-right:8px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin:5px 0 0 49px}.header-right{display:flex;align-items:center;gap:25px}.recorded{font-size:10px;letter-spacing:1.3px;color:var(--mint)}main{max-width:1600px;padding:34px 4% 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.eyebrow{color:var(--mint);font-size:10px;font-weight:650;letter-spacing:2px}h1{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-1.5px;margin:7px 0}h2{font-size:15px;font-weight:600;margin:0}p{margin:7px 0 14px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.panel-heading{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);min-height:58px}.panel-heading>span{font-size:10px;letter-spacing:.6px;color:var(--muted)}.panel-heading button{font-size:11px;padding:5px 9px}.panel-heading i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px}.library{margin-bottom:20px}.upload-row{padding:18px 20px;display:flex;gap:30px;align-items:center}.upload-row p{font-size:12px}.upload-zone{cursor:pointer;border:1px dashed #53726e;background:#122b2c;display:flex;flex-direction:column;padding:15px 25px;flex:1;border-radius:6px}.upload-zone strong{color:var(--mint);font-size:14px}.upload-zone span{color:var(--muted);font-size:11px;margin-top:4px}.file-row{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}.file-info{flex:1;min-width:0}.file-info strong{display:block;overflow-wrap:anywhere;font-size:12px}.file-info small{color:var(--muted)}.file-row button{font-size:11px;padding:6px 10px}.file-row .delete{color:var(--red)}.slots{display:flex;gap:12px;margin:20px 0}.slot{text-align:left;min-width:0;max-width:42%;width:300px;padding:12px 18px;background:transparent;border-color:var(--line)}.slot span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.slot strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}.slot.active{border-color:var(--mint);background:#122c2c}.slot.active span{color:var(--mint)}.slot-help{margin-left:auto;color:var(--muted);font-size:11px;align-self:center}.notice{padding:14px 18px;margin:16px 0;border-radius:7px;font-size:12px}.warning{background:#30291e;border:1px solid #6a5332;color:#e3c298}.notice strong{margin-right:12px;font-size:10px;letter-spacing:1px}.metadata{display:grid;grid-template-columns:1.8fr 1.3fr repeat(4,1fr);padding:18px 0;margin-bottom:16px}.metadata>div{padding:0 18px;border-right:1px solid var(--line);min-width:0}.metadata>div:last-child{border:0}label,.instrument label{font-size:9px;letter-spacing:1.1px;color:var(--muted);display:block}.metadata strong{display:block;font-size:14px;font-weight:550;margin:7px 0 3px;overflow-wrap:anywhere}.metadata span{font-size:10px;color:var(--muted)}.replay{padding:17px 20px;margin-bottom:20px}.transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transport button{font-size:12px;padding:8px 13px}.divider{height:20px;width:1px;background:var(--line);margin:0 8px}.speed-label{display:flex;align-items:center;gap:9px;letter-spacing:0;font-size:11px;margin-left:12px}select{background:#152a33;color:var(--text);border:1px solid #38515c;border-radius:5px;padding:7px 9px}.state{margin-left:auto;font-size:10px;color:var(--mint);letter-spacing:1px}.timeline{display:flex;align-items:center;gap:16px;margin-top:18px;font:12px ui-monospace,monospace}.timeline input{flex:1;min-width:50px;accent-color:var(--mint);height:28px;cursor:ew-resize;touch-action:none}.timeline-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:3px}.main-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:20px}#map{height:325px;background:#0b1e29;background-image:linear-gradient(#1b354044 1px,transparent 1px),linear-gradient(90deg,#1b354044 1px,transparent 1px);background-size:32px 32px}.leaflet-container{font:inherit!important;background-color:#0b1e29!important}.leaflet-control-attribution{font-size:10px!important;background:#122630e8!important;color:#abc1cc!important}.leaflet-control-attribution a{color:#83d9c1!important}.leaflet-bar a{background:#172d37!important;color:#d2e5ec!important;border-color:#35505d!important}.map-footer{padding:12px 18px;display:flex;justify-content:space-between;gap:8px;font:10px ui-monospace,monospace;color:var(--mint);border-top:1px solid var(--line)}.map-footer span:last-child{color:var(--muted)}.map-note{padding:0 18px 12px;font-size:10px;color:var(--muted)}#force-gauge{height:240px}.force-status{text-align:center;color:var(--mint);font-size:11px;font-weight:600}.force-panel p{font-size:11px;text-align:center;padding:0 22px;margin:10px auto;max-width:340px}.raw-reading{border-top:1px solid var(--line);margin:16px 20px 0;padding:12px 0;color:var(--muted);font-size:10px}.raw-reading strong{float:right;color:var(--text);font-family:monospace}.raw-reading span{display:block;font-size:9px;margin-top:3px}.instruments{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.instrument{padding:19px}.instrument>div{margin:14px 0 9px}.instrument strong{font:500 35px ui-monospace,monospace;letter-spacing:-1px}.instrument>div span{margin-left:8px;color:var(--mint);font-size:13px}.instrument small{font-size:10px;color:var(--muted)}.events{margin-bottom:20px}#events{display:flex;gap:8px;flex-wrap:wrap;padding:14px 20px;color:var(--muted);font-size:12px}#events button{font-size:11px}#events button.passed{border-color:var(--mint);color:var(--mint)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart{height:240px}.chart-panel .panel-heading h2 span{color:var(--muted);font-weight:400;font-size:11px;margin-left:6px}.legend{font-size:10px!important}.mint{color:var(--mint)!important}.amber{color:var(--amber)!important}.details{margin-top:20px;padding:16px 20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--text)}summary span{float:right;color:var(--amber);font-size:11px}.details p{margin-top:12px}#issues{max-height:220px;overflow:auto;font-family:monospace;font-size:11px}.empty{text-align:center;padding:50px 20px}.empty h2{font-size:24px;font-weight:450;margin:10px 0}.radar{font-size:70px;color:var(--mint);line-height:1.5}.login-panel{max-width:520px;margin:65px auto 100px}.login-panel h1{font-size:43px;line-height:1.15;margin:18px 0}.login-panel h1 span{color:var(--mint)}.login-panel p{max-width:410px}.login-panel form{margin:30px 0}.login-panel label{font-size:12px;letter-spacing:0;color:var(--text);margin:16px 0}.login-panel input{display:block;width:100%;background:var(--panel);border:1px solid #38505b;padding:13px;border-radius:6px;margin-top:7px;color:white}.login-panel button{width:100%;padding:13px}.login-panel .muted{font-size:11px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:35px;padding:22px 0;color:var(--muted);font-size:9px;letter-spacing:.9px}footer b{color:var(--mint);margin:0 10px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203741;border:1px solid var(--mint);box-shadow:0 8px 40px #0009;color:white;padding:15px 24px;border-radius:8px;z-index:2000;max-width:90vw;white-space:pre-line}#message.error{border-color:var(--red)}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:45px;padding-right:45px}}@media(max-width:1100px){.metadata{grid-template-columns:repeat(3,1fr);gap:20px 0}.metadata>div:nth-child(3){border:0}.main-grid{grid-template-columns:1.7fr 1fr}.instruments{gap:10px}.instrument{padding:14px}.instrument label{font-size:8px}.instrument strong{font-size:28px}.map-footer{flex-direction:column}}@media(max-width:700px){header{height:73px}.brand{font-size:19px}.brand-mark{font-size:27px}.brand small{font-size:6px;margin-left:41px}.recorded{display:none}.header-right{gap:0}main{padding-top:22px}.intro{align-items:flex-start}.intro p{font-size:12px;max-width:230px}.intro button{font-size:11px;padding:9px;white-space:nowrap}.eyebrow{font-size:8px}.panel-heading{padding:13px}.panel-heading>span{font-size:8px}.upload-row{padding:13px;gap:8px}.upload-row p{display:none}.file-row{padding:12px;flex-wrap:wrap}.file-info{flex-basis:100%}.slots{gap:8px}.slot{max-width:50%;padding:10px 12px;flex:1}.slot-help{display:none}.metadata{grid-template-columns:repeat(2,1fr);gap:17px 0}.metadata>div{padding:0 13px}.metadata>div:nth-child(3){border-right:1px solid var(--line)}.metadata>div:nth-child(even){border:0}.metadata strong{font-size:12px}.metadata label{font-size:8px}.replay{padding:13px}.transport{gap:6px}.transport button{padding:8px 10px;font-size:11px}.divider{display:none}.speed-label{margin:6px 0 0}.state{margin-top:6px}.timeline{gap:9px;font-size:10px}.timeline-foot span:last-child{display:none}.timeline-foot{font-size:9px}.main-grid,.chart-grid{grid-template-columns:1fr;gap:16px}#map{height:300px}.force-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.force-panel .panel-heading{grid-column:1/-1}.force-panel #force-gauge{height:210px;grid-row:2/5}.force-panel p{padding:0 16px;margin:0;text-align:left}.force-status{padding:15px 15px 5px;text-align:left}.raw-reading{margin:0 15px}.instruments{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.instrument strong{font-size:31px}.instrument small{font-size:9px}.chart{height:220px}.chart-grid .panel-heading h2{font-size:13px}.legend{font-size:9px!important}.notice{font-size:11px}.notice strong{display:block;margin-bottom:5px}footer{gap:10px;flex-direction:column;font-size:8px}.login-panel{margin:35px auto 70px}.login-panel h1{font-size:36px}}

/* Retain the reserved fourth chart position on desktop. */
@media(max-width:700px){.chart-placeholder{display:none}}
.main-grid{margin-bottom:20px}

.upload-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:24px;min-width:0}
#upload-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:8px;box-shadow:0 3px 16px #69e4bf12;white-space:nowrap}
#upload-button>span{font-size:22px;line-height:1;font-weight:400}
#upload-filename{color:var(--muted);font-size:13px;overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){.upload-toolbar{gap:12px;margin-bottom:18px}#upload-button{padding:11px 15px}#upload-filename{font-size:11px}}