@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/saigon-rush-hour/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/saigon-rush-hour/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/saigon-rush-hour/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/saigon-rush-hour/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/saigon-rush-hour/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(/saigon-rush-hour/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/saigon-rush-hour/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/saigon-rush-hour/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/saigon-rush-hour/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/saigon-rush-hour/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--paper:#fbf6ea;--paper-2:#f3ead6;--paper-3:#ebdfc6;--ink:#2a2118;--ink-2:#5b4d3d;--ink-3:#8a7a66;--line:#2a211824;--line-2:#2a211814;--red:#d9412b;--amber:#e9a23b;--green:#2e8b57;--teal:#3f8f8a;--ochre:#d9a23e;--shadow:0 1px 0 #ffffffb3 inset, 0 10px 30px -12px #462d1447, 0 2px 6px #462d1414;--radius:14px;--sans:"Be Vietnam Pro", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";background:#f1e4c8;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#app canvas.dragging{cursor:grabbing}#app canvas.hovering{cursor:pointer}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}#boot{z-index:50;background:var(--grain), radial-gradient(120% 90% at 50% 40%, #fbf3e0 0%, #efe0bf 70%, #e6d2a8 100%);place-items:center;transition:opacity .7s cubic-bezier(.2,.7,.2,1),visibility 0s linear .7s;display:grid;position:fixed;inset:0}#boot.done{opacity:0;visibility:hidden}#boot.done .boot-card{transform:translateY(-8px)scale(.985)}.boot-card{text-align:center;width:min(420px,86vw);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.boot-light{background:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 10px 9px 12px;display:inline-flex;box-shadow:0 10px 24px -10px #2a211899}.boot-light .lamp{background:#3a3128;border-radius:50%;width:14px;height:14px}.boot-light .lamp.r{animation:3s step-end infinite lampR}.boot-light .lamp.a{animation:3s step-end infinite lampA}.boot-light .lamp.g{animation:3s step-end infinite lampG}@keyframes lampR{0%,to{background:var(--red);box-shadow:0 0 12px var(--red)}33%,99%{box-shadow:none;background:#3a3128}}@keyframes lampG{0%,33%{box-shadow:none;background:#3a3128}34%,80%{background:#3fbf72;box-shadow:0 0 12px #3fbf72}81%,to{box-shadow:none;background:#3a3128}}@keyframes lampA{0%,80%{box-shadow:none;background:#3a3128}81%,99%{background:var(--amber);box-shadow:0 0 12px var(--amber)}}.boot-count{font-family:var(--mono);color:#ffb24a;min-width:2ch;padding-left:4px;font-size:15px;font-weight:700}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 6px;font-size:12px;font-weight:600}.boot-card h1{letter-spacing:-.03em;margin:0;font-size:clamp(40px,8vw,60px);font-weight:800;line-height:.95}.boot-card h1 span{letter-spacing:-.01em;color:var(--red);margin-top:8px;font-size:.42em;font-weight:600;display:block}.boot-bar{background:#2a21181a;border-radius:4px;width:220px;height:4px;margin:26px auto 10px;overflow:hidden}.boot-bar i{background:linear-gradient(90deg, var(--red), var(--amber), var(--green));width:0;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1);display:block}.boot-step{color:var(--ink-2);min-height:1.4em;margin:0;font-size:13px}.hud{pointer-events:none;z-index:10;grid-template-rows:auto 1fr auto;grid-template-columns:300px 1fr 300px;gap:14px;padding:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}.hud.hidden .panel,.hud.hidden .hints{opacity:0;pointer-events:none;transform:translateY(4px)}.panel{pointer-events:auto;background:var(--grain), var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:opacity .3s,transform .3s}.col-left{flex-direction:column;grid-area:1/1/3;gap:12px;min-height:0;display:flex}.col-right{flex-direction:column;grid-area:1/3/3;gap:12px;min-height:0;display:flex}.brand{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.brand-mark{background:var(--ink);border-radius:9px;grid-template-rows:repeat(3,1fr);place-items:center;width:26px;height:52px;padding:5px 0;display:grid}.brand-mark i{background:#3a3128;border-radius:50%;width:11px;height:11px;transition:background .2s,box-shadow .2s}.brand-mark i.on.r{background:var(--red);box-shadow:0 0 8px var(--red)}.brand-mark i.on.a{background:var(--amber);box-shadow:0 0 8px var(--amber)}.brand-mark i.on.g{background:#3fbf72;box-shadow:0 0 8px #3fbf72}.brand h1{letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:21px;font-weight:800;line-height:1}.brand p{color:var(--ink-2);white-space:nowrap;margin:4px 0 0;font-size:12px}.clock{text-align:right}.clock .time{font-family:var(--mono);letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1}.clock .phase{color:var(--ink-3);max-width:130px;margin-top:5px;margin-left:auto;font-size:11px;font-weight:600;line-height:1.25}.clock .phase.rush{color:var(--red)}.controls{padding:6px 16px 14px}.section{border-bottom:1px dashed var(--line);padding:12px 0}.section:last-child{border-bottom:0;padding-bottom:2px}.label-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.label{color:var(--ink-2);font-size:12px;font-weight:600}.value{font-family:var(--mono);font-size:13px;font-weight:700}.value small{font-family:var(--sans);color:var(--ink-3);margin-left:4px;font-size:11px;font-weight:500}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track,var(--paper-3));border-radius:8px;height:8px;box-shadow:inset 0 1px 2px #2a21182e}input[type=range]::-moz-range-track{background:var(--track,var(--paper-3));border-radius:8px;height:8px;box-shadow:inset 0 1px 2px #2a21182e}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-top:-5px;transition:transform .12s;box-shadow:0 2px 4px #2a211840}input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:8px}.time-range{--track:linear-gradient(90deg, #1d2a3c 0%, #2a3a52 20%, #e0a676 25%, #f6dcae 30%, #a9d2e2 40%, #a9d2e2 66%, #f6be80 72%, #e8925e 76%, #2a3a52 82%, #1d2a3c 100%)}.rush-marks{height:14px;margin-top:2px;position:relative}.rush-marks span{background:var(--red);opacity:.85;border-radius:3px;height:4px;position:absolute;top:0}.rush-marks em{color:var(--red);white-space:nowrap;font-size:9.5px;font-style:normal;font-weight:600;position:absolute;top:5px;transform:translate(-50%)}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:600 11.5px/1 var(--sans);cursor:pointer;border-radius:999px;padding:7px 9px;transition:background .15s,border-color .15s,transform .12s}.chip:hover{background:var(--paper-3)}.chip:active{transform:scale(.97)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:focus-visible,.seg button:focus-visible,.switch:focus-visible,.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.density-range{--track:linear-gradient(90deg, #cfe3c4, #f2d68a 50%, #f0a07a 80%, #d9412b)}.switch-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.switch-row .desc{color:var(--ink-3);margin-top:3px;font-size:11.5px}.switch{appearance:none;border:1px solid var(--line);background:var(--paper-3);cursor:pointer;border-radius:999px;flex:none;width:46px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--paper);border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.3,.7,.2,1.2);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #2a21184d}.switch[aria-checked=true]{background:var(--teal)}.switch[aria-checked=true]:after{transform:translate(20px)}.seg{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:3px;padding:3px;display:grid}.seg button{appearance:none;color:var(--ink-2);font:700 12.5px/1 var(--mono);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:8px 0;transition:background .15s,color .15s;display:inline-flex}.seg button:hover{background:var(--paper-3)}.seg button.on{background:var(--ink);color:var(--paper)}.seg button.pause.on{background:var(--red)}.seg svg{width:12px;height:12px}.kpi{padding:14px 16px 16px}.kpi-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.kpi-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}.live{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.live i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}.live.paused{color:var(--red)}.live.paused i{animation:none}@keyframes pulse{50%{opacity:.25}}.big-stat{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-end;gap:10px;padding:6px 0 12px;display:flex}.big-stat .label{margin-bottom:2px;display:block}.big-stat .n{font-family:var(--mono);letter-spacing:-.04em;font-size:40px;font-weight:700;line-height:1}.big-stat .n small{font-family:var(--sans);color:var(--ink-3);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:600}.spark{flex:none;width:120px;height:44px}.stat-grid{border-bottom:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:12px 14px;padding:12px 0;display:grid}.stat .n{font-family:var(--mono);letter-spacing:-.03em;margin-top:2px;font-size:22px;font-weight:700}.stat .n small{font-family:var(--sans);color:var(--ink-3);margin-left:3px;font-size:11px;font-weight:600}.meter{grid-column:1/-1}.meter-bar{background:var(--paper-3);border-radius:6px;height:10px;margin-top:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #2a211826}.meter-bar i{background:linear-gradient(90deg,#3fae6a,#e9c23b 55%,#e98a3b 75%,#d9412b) 0 0/300px 100%;border-radius:6px;width:0;transition:width .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 auto 0 0}.meter-scale{color:var(--ink-3);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.mix{padding-top:12px}.mix-bar{background:var(--paper-3);border-radius:7px;height:14px;margin:8px 0 10px;display:flex;overflow:hidden}.mix-bar span{height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1)}.mix-bar span+span{box-shadow:-1px 0 0 var(--paper)}.legend{gap:5px;margin:0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:10px 1fr auto 44px;align-items:center;gap:8px;font-size:12.5px;display:grid}.legend .dot{border-radius:3px;width:10px;height:10px}.legend .cnt{font-family:var(--mono);font-size:12px;font-weight:700}.legend .pct{font-family:var(--mono);color:var(--ink-3);text-align:right;font-size:11.5px}.follow{transform-origin:100% 100%;margin-top:auto;padding:14px 16px;animation:.32s cubic-bezier(.2,.8,.2,1) cardIn}.follow[hidden]{display:none}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.98)}}.follow-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.follow-icon{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.follow-icon svg{width:24px;height:24px}.follow-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.follow-head p{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:170px;margin:2px 0 0;font-size:12px;overflow:hidden}.close{appearance:none;border:1px solid var(--line);background:var(--paper-2);cursor:pointer;width:30px;height:30px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.close:hover{background:var(--paper-3);color:var(--ink)}.plate{border:2px solid var(--ink);font-family:var(--mono);letter-spacing:.02em;background:#fdfbf4;border-radius:5px;margin:12px 0 10px;padding:5px 10px 4px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 1px #2a211826}.plate.bus{background:#f4d35e}.follow-speed{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.follow-speed .n{font-family:var(--mono);letter-spacing:-.04em;font-size:30px;font-weight:700}.follow-speed small{color:var(--ink-3);font-size:12px;font-weight:600}.status{color:var(--green);white-space:nowrap;background:#2e8b571f;border-radius:999px;align-self:center;margin-left:auto;padding:5px 9px;font-size:11.5px;font-weight:700}.status.wait{color:var(--red);background:#d9412b1f}.status.slow{color:#b46f0e;background:#e9a23b29}.facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:12.5px;display:grid}.facts dt{color:var(--ink-3)}.facts dd{text-align:right;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.facts dd.num{font-weight:700}.bottom{pointer-events:none;flex-direction:column;grid-area:3/1/auto/-1;align-items:center;gap:10px;min-width:0;display:flex}.hints{pointer-events:auto;background:var(--grain), var(--paper);border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:6px;font-size:12px;transition:opacity .3s;display:flex}.hints .hint{white-space:nowrap;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.hints kbd{font-family:var(--mono);border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:10.5px;font-weight:700}.btn{appearance:none;background:var(--ink);color:var(--paper);font:700 12px/1 var(--sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 13px;transition:transform .12s,background .15s;display:inline-flex}.btn:hover{background:#44372a}.btn.ghost{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--paper-3)}.btn.ghost.on{background:var(--amber);color:var(--ink);border-color:#0000}.btn:disabled,.chip:disabled{opacity:.45;cursor:default;transform:none}.tabs{background:var(--paper-2);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.tabs button{appearance:none;font:700 11.5px/1 var(--sans);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;transition:background .16s,color .16s}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #2a211824}.tabs button:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.tab-pane:not([hidden]){animation:.26s cubic-bezier(.2,.8,.2,1) paneIn}@keyframes paneIn{0%{opacity:0;transform:translateY(4px)}}.road-empty{text-align:center;color:var(--ink-2);justify-items:center;gap:10px;padding:26px 10px 14px;font-size:13px;line-height:1.5;display:grid}.road-empty svg{width:54px;height:54px}.road-empty p{margin:0}.road-head{justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0 4px;display:flex}.road-head h3{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.road-head p{color:var(--ink-2);margin:3px 0 0;font-size:12px}.road-live{padding-top:6px}.chart-block{padding-top:12px}.chart-block .label-row{margin-bottom:6px}.bars{grid-template-columns:repeat(24,1fr);align-items:end;gap:2px;height:54px;display:grid}.bars.dens{height:38px}.bars i{background:#3fae6a;border-radius:2px 2px 1px 1px;transition:height .5s cubic-bezier(.2,.7,.2,1),background .3s;display:block}.bars i[data-level=mid]{background:#e9b23b}.bars i[data-level=slow]{background:var(--red)}.bars.dens i{background:var(--teal)}.bars i.empty{background:repeating-linear-gradient(135deg, var(--paper-3) 0 3px, transparent 3px 6px);animation:1.6s ease-in-out infinite shimmer}.bars i.now{box-shadow:0 0 0 1.5px var(--ink)}@keyframes shimmer{50%{opacity:.45}}.axis{font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.road-note{color:var(--ink-3);margin:10px 0 0;font-size:11px;line-height:1.45}.events{pointer-events:none;flex-direction:column;grid-area:1/2;justify-self:center;gap:8px;width:min(360px,100%);display:flex}.event{pointer-events:auto;background:var(--grain), var(--paper);border:1px solid var(--line);border-left:4px solid var(--amber);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;animation:.36s cubic-bezier(.2,.8,.2,1) evIn;display:grid}.event.leaving{animation:.3s forwards evOut}.event.crash{border-left-color:var(--red)}.event.flood{border-left-color:var(--teal)}.event.ban{border-left-color:var(--ink)}.ev-icon{background:var(--paper-2);border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}.event.crash .ev-icon{color:var(--red)}.event.flood .ev-icon{color:var(--teal)}.event b{font-weight:700;display:block}.event .ev-detail{color:var(--ink-2);font-size:11.5px}@keyframes evIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}}@keyframes evOut{to{opacity:0;transform:translateY(-8px)scale(.97)}}.timebar{width:min(560px,100%);padding:12px 16px;animation:.3s cubic-bezier(.2,.8,.2,1) cardIn}.timebar[hidden]{display:none}.tb-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.tb-title{align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.tb-title svg,.btn svg{width:14px;height:14px}.tb-badge{color:var(--green);background:#2e8b571f;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.tb-badge.past{color:#a0620c;background:#e9a23b33}.tb-head .close{margin-left:auto}.tb-range{--track:linear-gradient(90deg, var(--paper-3) 0 calc(100% - var(--avail,0%)), #e9c27a calc(100% - var(--avail,0%)) 100%)}.tb-row{align-items:center;gap:10px;margin-top:6px;display:flex}.tb-time{font-size:18px;font-weight:700}.tb-off{color:var(--ink-3);font-size:12px}.tb-actions{gap:6px;margin-left:auto;display:flex}.hud.reviewing .live{color:#b46f0e}.hud.reviewing .live i{animation:none}#app.reviewing canvas{filter:sepia(.28)saturate(.85);transition:filter .4s}#app canvas{transition:filter .4s}.tip{z-index:30;pointer-events:none;background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600;position:fixed;top:0;left:0;box-shadow:0 6px 16px -6px #2a211880}.btn:active{transform:scale(.97)}.btn svg{width:14px;height:14px}.sign-legend{align-items:center;gap:6px;display:inline-flex}.sign-legend svg{flex:none;width:16px;height:16px}@media (max-width:1500px){.hints .hint.mouse{display:none}}@media (max-width:1100px){.hud{grid-template-columns:270px 1fr 270px}.hints .hint.optional{display:none}}.controls-toggle{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:600 12.5px/1 var(--sans);cursor:pointer;border-radius:9px;grid-column:1/-1;place-items:center;padding:9px;display:none}@media (max-width:820px){.hud{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;padding:10px}.col-left{grid-row:1;max-height:calc(100vh - 220px);overflow-y:auto}.col-right{grid-area:2/1;align-self:end}.controls{display:none}.hud.show-controls .controls{display:block}.controls-toggle{display:grid}.kpi .mix{display:none}.stat-grid{border-bottom:0;grid-template-columns:1fr 1fr 1.4fr;padding-bottom:0}.meter{grid-column:auto}.meter-scale,.hints .hint{display:none}.events{grid-area:2/1;align-self:start;width:100%}.events .event:nth-child(n+2){display:none}.tb-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}