:root{--concrete: #000000;--surface: #101114;--raised: #1a1c21;--well: #24272e;--ink: #f4f5f7;--muted: #a7adb9;--faint: #8b92a0;--cobalt: #4a78ff;--cobalt-deep: #3a66f5;--cobalt-mist: #22397f;--wet-ink: #050812;--drain: #ff6a2e;--negative: #ff5b6b;--positive: #3ccf8e;--display: "Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--text: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Malgun Gothic", "Microsoft YaHei", sans-serif;--fs-answer: clamp(48px, 1.5rem + 6.4vw, 128px);--fs-clock: clamp(44px, 1rem + 5.2vw, 104px);--fs-odds: clamp(40px, 1rem + 4.4vw, 104px);--fs-section: 20px;--fs-body: 16px;--fs-small: 14px;--radius: 18px;--gap: 20px;--pad: 28px;--edge: max(24px, calc((100vw - 1440px)/2) )}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{margin:0;background:var(--concrete);color:var(--ink);font-family:var(--text);font-size:var(--fs-body);line-height:1.55;font-variant-numeric:tabular-nums}h1,h2,p,figure,dl,dd,ol,ul{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-underline-offset:.2em}button,input,output{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}::selection{background:var(--cobalt);color:var(--wet-ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.meta{font-size:var(--fs-small);color:var(--muted)}.pct{font-size:.45em;margin-left:.06em;vertical-align:.9em;font-weight:600}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:var(--wet-ink);padding:8px 14px;border-radius:999px}.skip:focus{top:8px}.bar{position:sticky;top:0;z-index:5;height:60px;display:flex;align-items:center;gap:24px;padding:0 var(--edge);background:var(--concrete)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:18px;text-decoration:none;letter-spacing:-.01em}.wordmark svg{width:26px;height:26px}.mark-tank{fill:none;stroke:var(--ink);stroke-width:2.5}.mark-liquid{fill:var(--cobalt)}.bar-fresh{margin-left:auto;font-size:var(--fs-small);color:var(--muted)}.lang{position:relative;font-size:var(--fs-small)}.lang summary{list-style:none;cursor:pointer;height:36px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--surface);font-weight:500;transition:background .15s}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--well)}.lang ul{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;list-style:none;padding:6px;background:var(--raised);border-radius:14px;box-shadow:0 18px 40px #0009}.lang li a{display:block;padding:8px 12px;border-radius:10px;text-decoration:none}.lang li a:hover{background:var(--well)}.lang li a[aria-current]{color:var(--cobalt);font-weight:600}.tank{position:relative;display:grid;margin:0 var(--edge);overflow:hidden;isolation:isolate;min-height:min(84vh,820px);border-radius:28px;background:var(--surface)}.tank-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.wave-back{fill:var(--cobalt-mist)}.wave-front{fill:var(--cobalt)}html[data-answer=yes] .wave-front{fill:var(--cobalt-deep)}.tank-due{position:absolute;left:0;right:0;bottom:calc(var(--at) * 100%);z-index:1;height:0;border-top:2px dashed rgb(244 245 247 / .3);pointer-events:none}.tank-due span{position:absolute;right:var(--pad);bottom:8px;font-size:var(--fs-small);font-weight:500;color:var(--muted)}.tank-bubbles{position:absolute;inset:0;z-index:1;clip-path:url(#tank-clip);pointer-events:none}.tank-bubbles span{position:absolute;bottom:-24px;border-radius:50%;background:#05081247;animation:rise linear infinite}@keyframes rise{0%{transform:translate(0)}50%{transform:translate(14px,-45vh)}to{transform:translate(-6px,-95vh)}}.tank.is-flooding .tank-bubbles span{animation-duration:2.5s!important}.tank-content,.tank-inverse{grid-area:1 / 1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding:clamp(28px,4vw,56px)}.tank-inverse{color:var(--wet-ink);clip-path:url(#tank-clip);pointer-events:none;z-index:3}.tank-inverse .primary{background:var(--wet-ink);color:#fff}.tank-inverse .tank-due span,.tank-inverse .clock-label,.tank-inverse .tank-odds dt,.tank-inverse .tank-note,.tank-inverse .tank-lead{color:#050812d1}.tank-inverse .clock-d{color:#5a1600}.tank-q{font-family:var(--display);font-size:clamp(18px,1rem + .6vw,24px);font-weight:600;letter-spacing:-.01em;margin-bottom:auto}.answer{margin-top:40px;font-family:var(--display);font-size:var(--fs-answer);font-weight:800;letter-spacing:-.03em;word-spacing:.06em;line-height:.95;max-width:13ch;font-variation-settings:"opsz" 96}.answer .w{display:inline-block;white-space:nowrap}.answer .ch{display:inline-block;will-change:transform}.tank-lead{margin-top:18px;font-size:clamp(16px,.9rem + .3vw,19px);max-width:46ch;color:var(--muted)}.tank-row{margin-top:36px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 56px}.clock{font-family:var(--display);font-size:var(--fs-clock);font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap}.clock-face{display:inline-flex;align-items:baseline;gap:.28em}.clock-d{color:var(--drain);display:inline-flex;align-items:baseline}.clock-u{font-size:.6em;margin-left:.04em}.clock-hms{display:inline-flex;align-items:baseline}.odo{display:inline-block;height:1em;overflow:hidden;vertical-align:-.12em}.odo-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--d) * -10%));transition:transform .52s cubic-bezier(.2,.9,.25,1.15)}.odo-strip span{height:1em;line-height:1;text-align:center}.odo-sep{padding:0 .02em}.clock-label{margin-top:8px;font-size:var(--fs-small);color:var(--muted)}.tank-odds{display:flex;gap:clamp(28px,4vw,64px)}.tank-odds div{display:flex;flex-direction:column-reverse}.tank-odds dd{font-family:var(--display);font-size:var(--fs-odds);font-weight:700;letter-spacing:-.03em;line-height:1}.tank-odds dt{margin-top:6px;font-size:var(--fs-small);color:var(--muted);max-width:16ch}.tank-note{margin-top:26px;font-size:var(--fs-small);color:var(--muted);max-width:70ch}.primary{align-self:flex-start;margin-top:22px;height:48px;display:inline-flex;align-items:center;padding:0 24px;border-radius:999px;background:var(--ink);color:var(--wet-ink);font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.3,1.6,.5,1),background .16s}.primary:hover{transform:translateY(-2px) scale(1.03)}.primary:active{transform:translateY(1px) scale(.98)}.canvas{max-width:1488px;margin:0 auto;padding:var(--gap) 24px 40px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}.card{background:var(--surface);border-radius:var(--radius);padding:var(--pad);min-width:0}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.card-head h2{font-family:var(--display);font-size:var(--fs-section);font-weight:700;letter-spacing:-.01em;line-height:1.25}.text-link{font-size:var(--fs-small);color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:500}.text-link:hover{color:var(--cobalt)}.gaps-card{grid-column:1 / span 8;align-self:stretch}.gaps-plot{position:relative;height:240px;margin-left:28px;margin-top:28px}.gaps-tick{position:absolute;left:0;right:0;bottom:calc(var(--v) / var(--max) * 100%);height:0;border-top:1px solid var(--well);font-size:12px;color:var(--faint);text-indent:-28px;line-height:0}.gaps-typ{position:absolute;left:0;right:0;bottom:calc(var(--v) / var(--max) * 100%);height:0;z-index:1;border-top:2px dashed var(--cobalt);pointer-events:none}.gaps-typ span{position:absolute;left:0;bottom:6px;font-size:12px;font-weight:600;color:var(--cobalt);background:var(--surface);padding-right:6px}.gaps-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:6px}.gaps-bars li{position:relative;flex:1 1 0;height:calc(var(--v) / var(--max) * 100%);min-height:3px}.gaps-bars li>a,.gaps-bars li>span[title]{display:block;height:100%;border-radius:6px 6px 2px 2px;background:#3a3f4a;transition:background .14s,transform .2s;transform-origin:bottom}.gaps-bars li>a:hover,.gaps-bars li>span[title]:hover{background:var(--ink);transform:scaleX(1.12)}.gaps-bars .gaps-now{background:var(--drain);border-radius:6px 6px 2px 2px;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{filter:brightness(1.12);transform:scaleY(1.03)}}.gaps-now{transform-origin:bottom}.gaps-now>span:first-child{position:absolute;bottom:calc(100% + 6px);right:0;z-index:2;padding:0 4px;border-radius:4px;background:var(--surface);font-family:var(--display);font-size:18px;font-weight:700;color:var(--drain)}.gaps-x{margin:10px 0 0 28px;display:flex;justify-content:space-between;font-size:12px;color:var(--faint)}.status{grid-column:9 / span 4;align-self:stretch;display:flex;flex-direction:column}.status-sum{font-weight:600}.srows{margin-top:10px}.srow{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--well);font-size:var(--fs-small)}.srow-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--positive);box-shadow:0 0 #3ccf8e80;animation:ping 2.6s ease-out infinite}@keyframes ping{70%{box-shadow:0 0 0 7px #3ccf8e00}to{box-shadow:0 0 #3ccf8e00}}.srow:not(.state-operational) .dot{background:var(--negative)}.srow:not(.state-operational) .srow-state{color:var(--negative)}.status-figs{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-figs div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px}.status-figs dt{font-size:var(--fs-small);color:var(--muted)}.status-figs dd{font-family:var(--display);font-size:36px;font-weight:700;line-height:1.05;letter-spacing:-.02em}.history{grid-column:1 / -1}.history .card-head{align-items:flex-start}.history .card-head .meta{margin-top:4px}.cal-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:var(--fs-small);color:var(--muted)}.cal-key li{display:inline-flex;align-items:center;gap:8px}.cal-key .d{width:14px;height:14px}.cal-scroll{position:relative;overflow-x:auto;scrollbar-width:thin;padding:4px 2px}.cal{min-width:calc(var(--weeks) * 13px)}.cal-months,.cal-days{display:grid;grid-template-columns:repeat(var(--weeks),minmax(0,1fr));column-gap:4px}.cal-months{margin-bottom:8px;font-size:12px;color:var(--faint);white-space:nowrap}.cal-days{grid-template-rows:repeat(7,auto);grid-auto-flow:column;row-gap:4px}.d{position:relative;display:block;aspect-ratio:1;border-radius:4px;background:var(--well)}.d.today{outline:2px solid var(--ink);outline-offset:1px}.d.k-reset{background:var(--cobalt)}.d.k-pending{background:transparent;box-shadow:inset 0 0 0 2px var(--cobalt)}.d.k-banked,.d.k-credits{background:var(--drain)}a.d{transition:transform .16s cubic-bezier(.3,1.6,.5,1)}a.d:hover{transform:scale(1.5);z-index:1}.how{grid-column:1 / -1}.stages{display:flex;gap:6px}.stage{flex:var(--grow) 1 0;min-width:18%}.stage-bar{height:56px;padding:0 16px;display:flex;align-items:center;border-radius:12px;font-family:var(--display);font-weight:700}.stage p{margin-top:10px;padding-right:10px;font-size:var(--fs-small);color:var(--muted)}.stage-5h .stage-bar{background:var(--drain);color:var(--wet-ink)}.stage-week .stage-bar{background:var(--well)}.stage-global .stage-bar{background:var(--cobalt);color:var(--wet-ink)}.window{grid-column:1 / -1}@media(min-width:900px){.window .control{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px}.window .control>:not(.window-figure,.toggles){grid-column:1}.window-figure{grid-column:2;grid-row:1 / span 3;align-self:center}.window .toggles{grid-column:2;grid-row:4 / span 2}}.control{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.control>label:first-child{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-small);color:var(--muted)}.control output{color:var(--ink);font-weight:600}.control input[type=range]{width:100%;height:28px;margin:0;accent-color:var(--cobalt);cursor:pointer}.control-row{display:flex;gap:8px}.control-row input{flex:1;min-width:0;height:44px;padding:0 14px;background:var(--raised);border:1px solid #3a3f4a;border-radius:12px;color-scheme:dark}.ghost{height:44px;padding:0 18px;cursor:pointer;font-weight:600;background:var(--ink);color:var(--wet-ink);border:0;border-radius:999px;transition:transform .16s}.ghost:hover{transform:translateY(-1px)}.ghost:active{transform:translateY(1px)}.window-figure{margin-top:6px;font-family:var(--display);font-size:clamp(64px,3rem + 3vw,112px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--cobalt)}.toggles{display:grid;gap:4px;margin-top:6px}.toggle{display:flex;align-items:center;gap:12px;min-height:40px;padding:0;border:0;background:none;cursor:pointer;text-align:left;font-size:var(--fs-small)}.toggle-box{position:relative;width:36px;height:20px;border-radius:999px;background:#3a3f4a;flex:none;transition:background .2s}.toggle-box:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .24s cubic-bezier(.3,1.6,.5,1)}.toggle[aria-pressed=true] .toggle-box{background:var(--cobalt)}.toggle[aria-pressed=true] .toggle-box:after{transform:translate(16px)}.foot{max-width:1488px;margin:0 auto;padding:8px 24px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;font-size:var(--fs-small);color:var(--muted)}.foot-langs{display:flex;flex-wrap:wrap;gap:4px 16px}.foot a{text-decoration:none}.foot a:hover,.foot a[aria-current]{color:var(--ink)}@media(prefers-reduced-motion:reduce){.odo-strip,.primary,.toggle-box,.toggle-box:after,a.d{transition:none}.gaps-bars .gaps-now,.dot,.tank-bubbles span{animation:none}}@media(max-width:1100px){.gaps-card,.status{grid-column:1 / -1}}@media(max-width:640px){:root{--pad: 20px;--edge: 12px;--gap: 12px}.bar{padding:0 16px;gap:12px;height:56px}.bar-fresh{display:none}.lang{margin-left:auto}.tank{min-height:88svh;border-radius:22px}.tank-odds{gap:28px}.tank-due span{left:20px;right:auto}.canvas{padding:var(--gap) 12px 24px}.gaps-plot{height:180px}.gaps-bars{gap:3px}.gaps-now>span:first-child{font-size:14px}.history .card-head,.stages{flex-direction:column}.stage{min-width:0}.foot{flex-direction:column;align-items:flex-start}}