:root{--bg: #12151b;--surface: #1c2129;--line: #2c333e;--fg: #f2efe8;--muted: #9aa3b2;--accent: #f2b632;--accent-ink: #1a1405;--ok: #5cc98a;--warn: #e07a5f;--display: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;--body: system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body{height:100%;margin:0}#app{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}*{box-sizing:border-box}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen{min-height:100%;display:flex;flex-direction:column;gap:20px;padding-block:16px 20px;max-width:560px;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px}.top>.eyebrow{min-height:64px;min-width:64px;padding:0 4px;text-align:left}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.num{font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums;line-height:.9}.grow{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0}.primary{min-height:112px;border-radius:20px;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-size:44px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;width:100%}.primary:disabled{background:var(--line);color:var(--muted)}.ghost{min-height:64px;border-radius:16px;border:2px solid var(--line);padding:0 18px;font-weight:700}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{min-height:64px;min-width:64px;flex:1;border-radius:16px;border:2px solid var(--line);font-weight:700;font-size:18px;padding:0 12px}.chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--fg)}h1{font-family:var(--display);font-weight:700;font-size:44px;line-height:1;margin:0;text-wrap:balance}p{margin:0;line-height:1.45}.muted{color:var(--muted)}.daypick .chip{font-family:var(--display);font-size:30px}.hist{display:grid;gap:8px}.hist div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-variant-numeric:tabular-nums;border-top:1px solid var(--line);padding-top:8px}.card{touch-action:pan-y;display:flex;flex-direction:column;gap:18px;transition:transform .18s ease}.fit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;text-wrap:nowrap;line-height:1.25;padding-block:.04em}.namerow{min-height:64px;display:flex;align-items:center;gap:8px;text-align:left;width:100%}.exname{font-family:var(--display);font-weight:700;font-size:46px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;align-self:center}.caret{flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:20px;color:var(--muted);margin-top:2px;transition:transform .18s ease}.caret.open{transform:rotate(180deg);color:var(--accent)}.demo{display:grid;gap:12px;background:var(--surface);border-radius:20px;padding:12px}.demo .frame{position:relative;aspect-ratio:3 / 2;max-width:100%;border-radius:12px;overflow:hidden;background:var(--bg)}.demo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.demo .cues{font-size:16px}.demo .frame.gif{aspect-ratio:auto;background:#fff;display:grid;place-items:center;padding:8px}.demo .frame.gif img{position:static;width:180px;height:180px;max-width:100%;object-fit:contain}.credit{font-size:12px;color:var(--muted)}.alt{display:flex;gap:10px;align-items:stretch}.alt .pick{flex:1;min-width:0;text-align:left;min-height:72px;padding:10px 16px;border-radius:14px;background:var(--line);display:flex;flex-direction:column;justify-content:center;gap:4px}.alt .pick[aria-current=true]{outline:2px solid var(--accent)}.alt .pick b{font-size:18px}.alt .pick span{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.alt.off .pick{opacity:.45}.alt .gone.on{background:color-mix(in srgb,var(--warn) 45%,transparent);transition:background .6s linear}.alt .gone{flex:none;width:88px;min-height:64px;border-radius:14px;border:2px solid var(--line);font-size:13px;font-weight:700;color:var(--muted);line-height:1.2;padding:4px}.numin{width:100%;font-family:var(--display);font-weight:700;font-size:80px;text-align:center;background:var(--bg);color:var(--fg);border:2px solid var(--accent);border-radius:16px;padding:4px 8px;font-variant-numeric:tabular-nums}.figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fig{background:var(--surface);border-radius:20px;padding:14px 16px 16px;text-align:left;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.fig .num{font-size:84px}.fig .unit{font-size:22px;color:var(--muted);font-family:var(--body);font-weight:700;margin-left:4px}.fig.empty .num{font-size:40px;color:var(--accent)}.dots{display:flex;gap:10px;align-items:center}.dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted)}.dot.done{background:var(--accent);border-color:var(--accent)}.dot.now{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 25%,transparent)}.hint{font-size:14px;color:var(--muted)}.next{font-size:15px;color:var(--muted)}.next b{color:var(--fg)}.restnum{font-size:clamp(120px,42vw,200px);text-align:center}.restnum.over{color:var(--ok)}.wstack{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.phase{align-self:flex-start;padding:4px 10px;border-radius:999px}.phase.ready{background:var(--surface);color:var(--muted)}.phase.go{background:var(--accent);color:var(--accent-ink)}.flip{perspective:1400px;touch-action:pan-y;height:clamp(220px,calc(100vh - 430px),440px);height:clamp(220px,calc(100dvh - 430px),440px)}.flip-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.85,.25,1)}.flip-inner.drag{transition:none}.face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;background:var(--surface);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--sheen, 0);background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--fg) 14%,transparent) 50%,transparent 80%)}.front{align-items:center;justify-content:center;text-align:center;cursor:pointer}.bigtime{font-size:clamp(104px,36vw,176px)}.front.paused .bigtime,.chiptime.paused{color:var(--muted)}.back{transform:rotateY(180deg)}.backtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.chiptime{font-size:30px;color:var(--accent)}.media{flex:1;min-height:0;border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center}.media.gif{background:#fff}.media.gif img{width:180px;height:180px;max-height:100%;object-fit:contain}.media.photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.media.none{background:var(--bg);color:var(--muted);font-size:14px}.back .cues{font-size:15px;gap:4px;margin:0}.back .hint{font-size:13px}.facerow{display:flex;align-items:center;justify-content:center;gap:8px}.facedot{width:8px;height:8px;border-radius:50%;background:var(--line)}.facedot.on{background:var(--accent)}.facehint{font-size:14px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}.face:after{display:none}}.endrow{display:flex;justify-content:flex-end}.hold{position:relative;min-height:64px;padding:0 16px;border-radius:999px;border:2px solid var(--line);color:var(--muted);font-weight:700;overflow:hidden}.hold i{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--warn) 45%,transparent);transform-origin:left;transform:scaleX(0)}.hold.on i{transform:scaleX(1);transition:transform 1s linear}.hold span{position:relative}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;flex-direction:column;justify-content:flex-end;z-index:20;padding:16px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.sheet-in{background:var(--surface);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;max-width:560px;width:100%;margin:0 auto;max-height:90%;overflow:auto}.stepper{display:grid;grid-template-columns:96px 1fr 96px;gap:12px;align-items:center}.stepper button{min-height:96px;border-radius:20px;background:var(--line);font-family:var(--display);font-size:52px;font-weight:700}.stepper .num{font-size:96px;text-align:center}.list{display:grid;gap:10px}.list button{text-align:left;min-height:64px;padding:0 16px;border-radius:14px;background:var(--line);font-weight:700}.cues{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.4}.status{font-size:14px;color:var(--muted)}.status.ok{color:var(--ok)}.status.bad{color:var(--warn)}textarea{width:100%;min-height:140px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:12px;font-size:12px;padding:10px}@media(prefers-reduced-motion:reduce){.card,.hold.on i{transition:none}}.startbtns{display:grid;gap:12px}.startbtns .primary{min-height:96px;font-size:44px}.sorerow{display:grid;gap:8px}.sorerow .chip{font-size:16px}.lastline{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.screen.start{justify-content:space-between}.repsleft{display:grid;gap:8px}.repsleft .chip{font-family:var(--display);font-size:30px}.stepper-hint{text-align:center}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px}.field input,.field select{min-height:64px;width:100%;background:var(--bg);color:var(--fg);border:2px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;font-size:18px}.sub{font-family:var(--display);font-size:30px;font-weight:700;margin:0}.brow{display:flex;gap:10px;align-items:center}.brow>.name{flex:1;min-width:0;font-weight:700}.brow input{width:84px;min-height:64px;background:var(--bg);color:var(--fg);border:2px solid var(--line);border-radius:14px;padding:0 8px;font:inherit;font-size:18px;text-align:center}.brow .chip{flex:none;min-width:96px}.scroll{display:grid;gap:10px;max-height:46vh;overflow:auto}.finish-lines{display:grid;gap:8px}.empty-plan{padding:24px 0}.sheet-in{-webkit-user-select:text;user-select:text}.sheet-in .num,.sheet-in .eyebrow{-webkit-user-select:none;user-select:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}