:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7edf4;background:#101923;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{width:min(880px,100%);margin:0 auto;padding:64px 28px}.eyebrow{color:#a7b5c5;letter-spacing:.06em;font-size:13px}h1{margin:12px 0;font-size:clamp(32px,5vw,50px)}h1 span{color:#d7b270}.lead{color:#b7c3cf;line-height:1.6}.status{background:#172431;border:1px solid #334457;border-radius:12px;margin-top:36px;padding:28px}.badge{color:#f1c889;background:#362e23;border-radius:6px;margin:0;padding:5px 10px;font-size:13px;display:inline-block}h2{margin:22px 0 14px;font-size:24px}.status p{line-height:1.6}dl{margin:26px 0}dl div{border-bottom:1px solid #334457;justify-content:space-between;gap:24px;padding:13px 0;display:flex}dt{color:#a7b5c5}dd{text-align:right;overflow-wrap:anywhere;margin:0}a{color:#f1c889;text-underline-offset:4px}a:focus-visible{outline-offset:5px;outline:2px solid #f1c889}.auth-shell{max-width:580px}.account{flex-wrap:wrap;align-items:center;gap:16px;display:flex}form{gap:14px;display:grid}label{font-weight:600}input{color:#e7edf4;width:100%;min-width:0;font:inherit;background:#101923;border:1px solid #53677c;border-radius:6px;padding:12px}button{cursor:pointer;color:#101923;font:inherit;background:#d7b270;border:1px solid #d7b270;border-radius:6px;padding:11px 18px;font-weight:600}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #f1c889}.error{color:#ffb7b7}.warning{color:#f1c889;background:#362e23;border-radius:6px;padding:14px;line-height:1.6}.monitor-shell{width:min(1440px,100%);padding:24px 32px}.brand-small{color:#d7b270;letter-spacing:.12em;font-size:12px;font-weight:750}.account-user{color:#a7b5c5;margin-left:auto;font-size:13px}.monitor-shell .account a{font-size:13px}.quiet-button{color:#c9d6e3;background:0 0;border-color:#435367;padding:7px 12px;font-size:13px}.monitor-header{justify-content:space-between;align-items:center;gap:24px;margin:40px 0 26px;display:flex}.monitor-header h1{font-size:clamp(32px,4vw,44px)}.monitor-header .lead{margin-bottom:0}.stage-label{text-align:right;flex-shrink:0}.stage-label p{color:#a7b5c5;font-size:13px;line-height:1.7}.monitor-notice{color:#c3cbd3;background:#20262b;border-left:3px solid #d7b270;padding:12px 16px;font-size:13px;line-height:1.7}.refresh-bar{color:#a7b5c5;justify-content:space-between;align-items:center;gap:12px;min-height:62px;font-size:12px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px;display:grid}.metric-grid article{background:#172431;border:1px solid #334457;border-radius:10px;padding:20px}.metric-grid article>span{color:#c0cbd6;font-size:13px;display:block}.metric-grid strong{font-variant-numeric:tabular-nums;margin:12px 0;font-size:34px;line-height:1;display:block}.metric-grid i{color:#53677c;font-style:normal}.metric-grid small{color:#a7b5c5;font-size:11px}.success-text{color:#8fd4b2}.monitor-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:start;gap:22px;display:grid}.monitor-panel{background:#15212d;border:1px solid #334457;border-radius:12px;min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 0;display:flex}.panel-heading h2{margin:0;font-size:20px}.panel-heading>span{color:#a7b5c5;font-size:12px}.panel-caption{color:#a7b5c5;margin:10px 22px 18px;font-size:12px;line-height:1.6}.empty-queue{text-align:center;padding:42px 20px 48px}.empty-queue>span{color:#d7b270;font-size:54px;line-height:1}.empty-queue h3{margin:20px 0 10px;font-size:19px}.empty-queue p{color:#a7b5c5;font-size:14px;line-height:1.8}.queue-footnote{color:#a7b5c5;border-top:1px solid #334457;padding:18px 22px;font-size:12px;line-height:1.7}.queue-list,.journal-list{max-height:510px;margin:0;padding:0;list-style:none;overflow:auto}.queue-list>li{border-top:1px solid #2b3a4a;padding:18px 22px}.track-title{overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.6}.queue-list small,.journal-track>small{color:#96a8b9;overflow-wrap:anywhere;font-size:11px;display:block}.track-detail{color:#b7c3cf;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.state-pill{color:#f1c889}.journal-list>li{border-top:1px solid #2b3a4a;gap:12px;padding:15px 20px;display:flex}.result-mark{color:#a2dfbf;background:#203d36;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.result-mark.bad{color:#ffb7b7;background:#432b30;font-weight:750}.journal-track{flex:1;min-width:0}.journal-time{color:#96a8b9;margin:8px 0 0;font-size:10px;line-height:1.6}.journal-result{text-align:right;flex-shrink:0;font-size:12px}.journal-result small{color:#96a8b9;margin-top:8px;font-size:11px;display:block}.error-detail{margin:6px 0 0;font-size:11px}.empty-journal{color:#a7b5c5;padding:24px}.monitor-footer{color:#a7b5c5;justify-content:space-between;gap:22px;padding:24px 0;font-size:11px;line-height:1.7;display:flex}.stale-data{opacity:.65}.upload-panel{margin-bottom:24px;padding:22px}.upload-panel h2{margin-top:0}.upload-panel p{color:#b7c3cf;line-height:1.6}.upload-panel input[type=file]{margin-top:12px}.upload-panel audio{width:100%;margin:12px 0}.upload-panel input[type=range]{max-width:300px;display:block}.upload-panel .panel-caption{margin:14px 0 0}.media-columns button{margin-top:10px;margin-right:8px}.media-columns .queue-list{max-height:620px}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-columns{grid-template-columns:1fr}.monitor-header{align-items:flex-start}.stage-label{text-align:left}.monitor-footer{flex-direction:column;gap:8px}}@media (width<=480px){.shell{padding:32px 16px}.status{padding:20px}dl div{flex-direction:column;gap:6px}dd{text-align:left}.monitor-header{flex-direction:column;gap:12px;margin-top:26px}.account-user{margin-left:0}.metric-grid{gap:10px}.metric-grid article{padding:14px}.journal-list>li{gap:8px;padding:14px 12px}.journal-result{font-size:10px}.refresh-bar{align-items:flex-start;padding:12px 0}}
