:root{color-scheme:dark;--bg:#071625;--panel:#10263a;--panel2:#0d2133;--ink:#ecf4f7;--muted:#9aafbe;--aqua:#45d1c9;--amber:#ffcd84;--red:#f17d85;--border:#263d50;--blue:#8ba7e7}*{box-sizing:border-box}html{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 130% 50% at 70% -25%,#1d5060 0,transparent 80%),var(--bg);min-height:100vh}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}a{color:var(--aqua);text-underline-offset:3px}.shell{max-width:1100px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 20px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #387a8b;background:#153d50;border-radius:14px;color:var(--aqua);font-size:42px;font-weight:300;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--aqua);font-weight:800}h1{font-size:clamp(22px,4vw,30px);letter-spacing:-.04em;line-height:1.15;margin:3px 0 5px}h1 span{font-weight:350}.subtitle,.panel-head p{color:var(--muted);font-size:12px;margin:0}.refresh{background:var(--aqua);border:0;border-radius:14px;color:#03282d;font-weight:800;padding:12px 15px;min-height:46px;display:flex;align-items:center;gap:7px;white-space:nowrap}.refresh:disabled{opacity:.6;cursor:wait}#refreshIcon{font-size:24px;line-height:.6}.notice{border-radius:13px;padding:11px 15px;margin-bottom:14px;border:1px solid #466075;font-size:13px;background:#19344a;color:#d6e8f2}.notice.good{background:#112e31;border-color:#285b59;color:#b7ebe4}.notice.bad{background:#3c252e;border-color:#764453;color:#ffccd2}.notice.warning{background:#3a3223;border-color:#7b663d;color:#ffdb9e}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric,.main-panel,.settings,.crossings,.sources{background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:18px}.metric{padding:16px;display:flex;flex-direction:column;gap:7px;min-width:0}.metric span{color:var(--muted);font-size:12px}.metric strong{font-variant-numeric:tabular-nums;font-size:clamp(23px,4vw,34px);letter-spacing:-.035em;font-weight:750;white-space:nowrap}.metric strong em{font-style:normal;font-weight:400;font-size:14px;color:var(--muted)}.metric small{color:var(--muted);font-size:11px;line-height:1.35}.main-panel{padding:21px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.panel-head h2,h2{font-size:18px;letter-spacing:-.025em;margin:0 0 4px}.ranges{display:flex;padding:4px;border-radius:13px;background:#071a2c;gap:3px;flex-shrink:0}.ranges button{min-width:43px;padding:9px 10px;background:transparent;border:0;color:#aabecb;border-radius:9px;font-size:12px;font-weight:800;min-height:37px}.ranges button.active{background:#24465d;color:var(--ink)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:11px;margin:20px 0 8px}.legend span{display:flex;gap:7px;align-items:center}.key{width:19px;height:3px;border-radius:3px;background:var(--aqua);display:inline-block}.key.predicted{background:var(--amber);border-top:1px dashed var(--amber);height:1px}.key.above{background:rgba(69,209,201,.34);height:10px}.key.reference{background:var(--red)}.plot-holder{position:relative;height:355px;max-height:55vh;min-height:280px;border-radius:9px;overflow:hidden}#plot{width:100%;height:100%;display:block;touch-action:pan-y}.chart-overlay{position:absolute;inset:32px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;pointer-events:none}.chart-overlay.hidden{display:none}.chart-foot{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;color:#8197a7;font-size:10px;margin-top:4px}.settings,.crossings,.sources{padding:19px 21px;margin-bottom:14px}.setting-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.setting-top p{color:var(--muted);font-size:12px;max-width:600px;line-height:1.5;margin:3px 0 0}.setting-top strong{white-space:nowrap;color:var(--amber);font-size:18px;font-variant-numeric:tabular-nums}.slider-row{display:flex;align-items:center;gap:16px;margin-top:13px}.slider-row button{width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:#23445b;color:var(--ink);font-size:29px;font-weight:400;border:1px solid #396077}.slider-row input{width:100%;flex:1;min-width:0;height:40px;accent-color:var(--aqua);cursor:pointer}.scale{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;padding:0 3px}.scale button{border:0;background:transparent;color:var(--aqua);padding:8px}.cross-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.cross-header span{color:var(--muted);font-size:12px}.crossing-summary{margin:12px 0 8px;font-size:14px;color:var(--amber);font-weight:650}.event-list{display:flex;flex-direction:column;gap:7px}.event{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #30495d;border-radius:11px;padding:11px 13px;font-size:13px}.event strong{font-variant-numeric:tabular-nums}.event small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.pill{border-radius:30px;padding:5px 9px;font-size:11px;background:#20493f;color:#9be3ce;white-space:nowrap}.footnote{font-size:11px;line-height:1.55;color:var(--muted);margin:12px 0 0}.sources{padding:12px 21px}.source-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:10px 0}.source-row+.source-row{border-top:1px solid var(--border)}.source-row strong{font-weight:600;color:#aabcca}.source-row span{text-align:right;color:#bed1db}footer{font-size:11px;line-height:1.6;color:#839bac;margin-top:15px}@media(max-width:680px){.shell{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}header{margin:6px 0 15px}.mark{height:43px;width:43px;border-radius:12px}h1{font-size:21px}.eyebrow{font-size:9px}.subtitle{font-size:10px;max-width:220px}.refresh{padding:10px 11px;font-size:12px}.kpis{gap:6px}.metric{padding:12px 9px;gap:6px;border-radius:13px}.metric span{font-size:10px;min-height:25px}.metric strong{font-size:21px}.metric small{font-size:10px;min-height:27px}.main-panel,.settings,.crossings{padding:14px;border-radius:15px}.panel-head{flex-direction:column;align-items:stretch;gap:13px}.ranges{align-self:stretch;justify-content:space-between}.ranges button{flex:1}.plot-holder{height:340px;max-height:none;min-height:0}.legend{margin:13px 0 5px;gap:8px 10px;font-size:10px}.setting-top strong{font-size:16px}.slider-row{gap:9px}.slider-row button{width:43px;height:43px;flex-basis:43px}.cross-header h2{font-size:16px}.cross-header span{font-size:10px}.source-row{font-size:11px}.chart-foot{font-size:9px}}@media(max-width:365px){h1{font-size:19px}.metric strong{font-size:18px}.refresh{font-size:11px}.metric span{font-size:9px}}