: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}.tabs{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:var(--tg-safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs__item{min-height:var(--tap);color:var(--text-faint);border-top:2px solid #0000;flex:1 1 0;margin-top:-1px;padding:10px 4px;font-size:13px}.tabs__item--on{color:var(--text);border-top-color:var(--accent);font-weight:550}.screen{padding-bottom:calc(var(--tap) + var(--pad))}.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}.row__value{color:var(--text);margin-top:10px;font-size:16px}.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}.option--mark{box-shadow:inset 0 0 0 1px var(--line);background:0 0;min-height:44px;padding:0 14px;font-size:15px}.option--mark:active{background:var(--surface-2)}.option--mark.option--on{background:var(--accent);color:var(--accent-text);box-shadow:none}.row__options--marks{gap:8px}.row__more{text-align:left;width:100%;color:var(--text-dim);border-top:1px solid var(--line);margin-top:4px;padding:14px 0 4px;font-size:15px;display:block}.row__more:after{content:" ›";color:var(--text-faint)}.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}.prose{max-width:46em;margin:0 0 12px;font-size:16px;line-height:1.5}.prose:last-of-type{margin-bottom:16px}.prose--dim{color:var(--text-dim);font-size:15px}.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}.month{padding:4px var(--pad) 0;justify-content:space-between;align-items:center;display:flex}.month__name{font-size:17px;font-weight:600}.month__step{width:var(--tap);height:var(--tap);color:var(--text-dim);font-size:24px}.month__step:disabled{color:#0000}.month__grid{padding:8px var(--pad) var(--pad);grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month__weekday{text-align:center;color:var(--text-faint);padding-bottom:2px;font-size:12px}.month__day{aspect-ratio:1;background:var(--surface-2);color:var(--text-dim);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.month__day--has{background:var(--accent);color:var(--accent-text);font-weight:550}.month__day--today{box-shadow:inset 0 0 0 2px var(--text-dim)}.month__day--late:after{content:"";opacity:.6;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;transform:translateY(14px)}.month__day--late{position:relative}.month__day--ahead{opacity:.25}.bars{flex-direction:column;gap:3px;margin-top:12px;display:flex}.bars__row{align-items:center;gap:8px;width:100%;min-height:14px;padding:0;display:flex}.bars__date{color:var(--text-faint);text-align:right;flex:0 0 52px;font-size:11px}.bars__track{background:var(--surface-2);border-radius:3px;flex:auto;height:12px;position:relative}.bars__sleep{background:var(--accent);border-radius:3px;position:absolute;top:0;bottom:0}.bars__empty{color:var(--text-dim);margin-top:12px;font-size:15px}.window{margin-bottom:14px}.window .row__options{margin-top:0}.stats__range{color:var(--text-dim);margin:0 2px 14px;font-size:14px}.metric{padding:14px var(--pad) var(--pad)}.metric__head{text-align:left;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:0;display:flex}.metric__name{color:var(--text-dim);font-size:16px;font-weight:550}.metric__value{letter-spacing:-.02em;margin-top:6px;font-size:34px;font-weight:600;line-height:1.15}.metric__value--empty{color:var(--text-faint);font-weight:500}.metric__trend{color:var(--text-dim);margin-top:4px;font-size:15px}.metric__lines{margin-top:12px}.metric__line{color:var(--text);margin:0 0 6px;font-size:15px;line-height:1.45}.metric__line:last-child{margin-bottom:0}.metric__nights{color:var(--text-faint);margin-top:10px;font-size:14px}.counts{margin:10px 0 12px}.counts__row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.counts__row:first-child{border-top:none}.counts__name{font-size:15px;line-height:1.4}.counts__value{color:var(--text-dim);white-space:nowrap;font-size:15px}.library__section{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:22px 2px 8px;font-size:14px;font-weight:600}.library__item{text-align:left;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);padding:14px var(--pad);margin-bottom:var(--gap);display:block}.library__name{font-size:17px;font-weight:600;line-height:1.3;display:block}.library__lead{color:var(--text-dim);margin-top:4px;font-size:14px;line-height:1.4;display:block}.article{max-width:42em;font-size:16px;line-height:1.6}.article .prose{margin-bottom:14px}.article__head{margin:26px 0 10px;font-size:20px;font-weight:650;line-height:1.25}.article__subhead{margin:20px 0 8px;font-size:17px;font-weight:600}.article__list{margin:0 0 14px;padding-left:22px;list-style:outside}.article__list li{margin-bottom:6px}.article__rule{border:none;border-top:1px solid var(--line);margin:24px 0 16px}.article__code{background:var(--surface-2);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:14px;line-height:1.5}.article__inline-code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.92em}.article__scroll{-webkit-overflow-scrolling:touch;margin:0 0 14px;overflow-x:auto}.article__table{border-collapse:collapse;min-width:100%;font-size:15px}.article__table th,.article__table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 14px 8px 0}.article__table th{color:var(--text-dim);white-space:nowrap;font-weight:600}.article__link{font:inherit;color:var(--accent);text-underline-offset:2px;padding:0;text-decoration:underline;display:inline}.article__updated{color:var(--text-faint);margin:18px 0 0;font-size:14px}.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}}