:root{--bg:#f2f2f5;--surface:#fff;--surface-2:#ebebf0;--surface-3:#e0e0e8;--line:#dcdce4;--text:#16161a;--text-dim:#6b6b76;--text-faint:#9a9aa4;--accent:#4a4a6a;--accent-text:#fff;--shadow:0 1px 2px #0000000f;--radius:14px;--radius-pill:999px;--gap:10px;--pad:16px;--tap:48px;--tick:44px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}:root[data-theme=dark]{--bg:#0c0d11;--surface:#16181f;--surface-2:#21242e;--surface-3:#2c303c;--line:#262a34;--text:#e6e8ef;--text-dim:#9a9eae;--text-faint:#6a6e7e;--accent:#6f7bb5;--accent-text:#0c0d11;--shadow:none}:root[data-theme=night]{--bg:#120e0a;--surface:#1c1610;--surface-2:#271f16;--surface-3:#33291d;--line:#2b2218;--text:#f0e2ce;--text-dim:#ad9a80;--text-faint:#7d6d59;--accent:#b98a4e;--accent-text:#120e0a;--shadow:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);margin:0;padding:0}body{font-family:var(--font);color:var(--text);overscroll-behavior-y:none;font-size:17px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}#root{min-height:100vh;padding:calc(var(--pad) + var(--tg-safe-area-inset-top,0px)) var(--pad) calc(var(--pad) * 2 + var(--tg-safe-area-inset-bottom,0px));max-width:640px;margin:0 auto}.screen__head{margin:4px 0 20px}.screen__date{color:var(--text-dim);font-size:15px}.screen__title{letter-spacing:-.01em;margin-top:2px;font-size:26px;font-weight:650}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.card__head{width:100%;min-height:var(--tap);padding:14px var(--pad);text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{font-size:18px;font-weight:600;display:block}.card__about{color:var(--text-dim);margin-top:2px;font-size:14px;display:block}.card__state{color:var(--text-dim);white-space:nowrap;font-size:15px}.card__body{padding:4px var(--pad) var(--pad)}.row{border-top:1px solid var(--line);padding:14px 0}.row:first-child{border-top:none}.row__label{text-align:left;align-items:baseline;gap:8px;min-height:24px;padding:0;font-size:16px;font-weight:550;display:flex}.row__mark{color:var(--text-faint);font-size:14px}.row__hint{color:var(--text-dim);margin-top:4px;font-size:14px;line-height:1.35}.row__options{gap:var(--gap);flex-wrap:wrap;margin-top:10px;display:flex}.option{min-height:var(--tap);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);justify-content:center;align-items:center;padding:0 16px;font-size:16px;transition:background .12s;display:inline-flex}.option:active{background:var(--surface-3)}.option--on{background:var(--accent);color:var(--accent-text);font-weight:550}.option--face{flex-direction:column;gap:2px;min-height:62px;padding:8px 14px}.option__face{font-size:22px;line-height:1}.option__word{font-size:13px;line-height:1}.option--wide{flex:auto}.strip{margin-top:10px;position:relative}.strip__value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:center;font-size:30px;font-weight:650;line-height:1.1}.strip__ruler{position:relative}.strip__track{scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px calc(50% - var(--tick) / 2) 4px;overscroll-behavior-x:contain;touch-action:pan-x;display:flex;overflow-x:auto}.strip__track::-webkit-scrollbar{display:none}.strip__tick{width:var(--tick);scroll-snap-align:center;height:46px;color:var(--text-faint);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:6px;padding:0;font-size:12px;display:flex}.strip__line{opacity:.3;background:currentColor;border-radius:1px;width:2px;height:10px}.strip__tick--quarter{color:var(--text-dim)}.strip__tick--quarter .strip__line{opacity:.55;height:18px}.strip__pointer{background:var(--accent);pointer-events:none;border-radius:1px;width:2px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.strip__base{color:var(--text-faint);text-align:center;font-size:13px}.button{width:100%;min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);justify-content:center;align-items:center;margin-top:18px;font-size:17px;font-weight:600;display:flex}.button:disabled{opacity:.5}.button--quiet{background:var(--surface-2);color:var(--text);font-weight:500}.saving{color:var(--text-faint);text-align:center;min-height:20px;margin-top:10px;font-size:14px}.note{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:var(--pad);margin-bottom:16px}.note__text{color:var(--text-dim);font-size:15px;line-height:1.45}.note__text b{color:var(--text);font-weight:600}.full{text-align:center;min-height:70vh;padding:var(--pad);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.full__title{color:var(--text);font-size:22px;font-weight:600}.full__text{color:var(--text-dim);max-width:34ch;font-size:16px;line-height:1.45}.breath{background:var(--accent);opacity:.25;border-radius:50%;width:44px;height:44px;animation:2.4s ease-in-out infinite breath}@keyframes breath{0%,to{opacity:.2;transform:scale(.75)}50%{opacity:.45;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.breath{animation:none}*{transition:none!important}}