:root{color-scheme:dark;--color-bg: #0b0d10;--color-surface: #121418;--color-surface-raised: #181b20;--color-rule: #24282e;--color-rule-strong: #363b43;--color-muted: #8a919b;--color-text: #d7dbe0;--color-text-strong: #f3f5f7;--color-signal: #8ec5ff;--color-signal-tint: #8ec5ff1f;--color-gate: #c9a45c;--color-gate-tint: #c9a45c1f;--color-danger: #e07070;--color-on-inverse: #0b0d10;--font-display: "Noto Serif TC", "Songti TC", "Noto Serif CJK TC", serif;--font-display-weight: 600;--font-body: -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--type-body-size: 16px;--type-body-line: 1.75;--type-small-size: 13px;--type-small-line: 1.6;--type-label-size: 12px;--type-label-line: 1.4;--type-h3-size: 20px;--type-h3-line: 1.5;--type-h2-size: 24px;--type-h2-line: 1.4;--type-h1-size: 32px;--type-h1-line: 1.3;--type-num-m-size: 28px;--type-num-m-line: 1.1;--type-num-l-size: 48px;--type-num-l-line: 1;--type-num-xl-size: 72px;--type-num-xl-line: 1;--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--space-xxxxl: 64px;--radius-none: 0px;--radius-control: 2px;--hairline: 1px;--measure-column: 720px;--measure-compact: 640px;--measure-wide: 1100px;--motion-state: .12s;--motion-enter: .24s;--motion-window: .28s;--motion-count: .4s;--motion-dwell: 1.8s;--motion-easing: cubic-bezier(.2, .7, .2, 1);--motion-spring-bounce: .15}@font-face{font-family:"Noto Serif TC";src:url(/fonts/NotoSerifTC-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}button:disabled{cursor:default;opacity:.45}a{color:inherit}:focus-visible{outline:1px solid var(--color-signal);outline-offset:2px}::selection{background:var(--color-signal-tint)}.display,.page-title,.section-title,.num{font-family:var(--font-display);font-weight:var(--font-display-weight)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--color-muted)}.signal{color:var(--color-signal)}.gate{color:var(--color-gate)}.small{font-size:var(--type-small-size);line-height:var(--type-small-line)}.flip{transform:scaleX(-1);display:inline-block}.glyph{display:inline-flex;line-height:0;flex-shrink:0}.inline-glyph{vertical-align:-3px;margin-right:6px}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:var(--measure-column);margin:0 auto;padding:var(--space-xl) var(--space-l) calc(76px + env(safe-area-inset-bottom))}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--color-bg);border-top:var(--hairline) solid var(--color-rule);padding-bottom:env(safe-area-inset-bottom)}.nav-mark{display:none;color:var(--color-muted)}.nav a{flex:1;text-align:center;padding:14px 0 13px;color:var(--color-muted);text-decoration:none;font-size:15px;line-height:1.4;position:relative}.nav a[aria-current]{color:var(--color-text-strong)}.nav a[aria-current]:after{content:"";position:absolute;left:50%;bottom:6px;width:14px;height:2px;margin-left:-7px;background:var(--color-signal)}@media(min-width:640px){.app{flex-direction:row}.nav{position:sticky;top:0;align-self:flex-start;height:100dvh;flex-direction:column;width:168px;flex-shrink:0;border-top:0;border-right:var(--hairline) solid var(--color-rule);padding:var(--space-xxl) 0}.nav-mark{display:block;padding:0 var(--space-xl) var(--space-xl)}.nav a{flex:0 0 auto;text-align:left;padding:10px var(--space-xl);font-size:16px}.nav a[aria-current]:after{left:0;bottom:auto;top:50%;width:2px;height:16px;margin:-8px 0 0}.main{padding:var(--space-xxxl) var(--space-xxl) var(--space-xxxxl)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-l);margin-bottom:var(--space-xl)}.page-title{font-size:var(--type-h1-size);line-height:var(--type-h1-line);color:var(--color-text-strong);overflow-wrap:anywhere}.page-sub{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-muted);margin-top:var(--space-xs)}.page-sub .num{font-size:15px;color:var(--color-text)}.page-head+.page-sub,.page-sub+.page-title{margin-top:0}.backbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-l);min-height:28px}.backbtn{display:inline-flex;align-items:center;gap:2px;color:var(--color-muted);font-size:15px}.backbtn:hover{color:var(--color-text)}.meta-line{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-muted);margin-top:var(--space-s)}.lead{color:var(--color-text-strong);margin-bottom:var(--space-m)}.section{margin-top:var(--space-xxl)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-l);padding-bottom:var(--space-s);border-bottom:var(--hairline) solid var(--color-rule);margin-bottom:var(--space-xs)}.section-title{font-size:var(--type-h3-size);line-height:var(--type-h3-line);color:var(--color-text-strong)}.notice{border-top:var(--hairline) solid var(--color-rule);padding-top:var(--space-s);margin-bottom:var(--space-l);font-size:var(--type-small-size);color:var(--color-muted)}.error{color:var(--color-danger);font-size:var(--type-small-size)}.status-line{display:flex;align-items:center;gap:var(--space-s);margin-top:var(--space-xl);color:var(--color-text)}.list{border-top:var(--hairline) solid var(--color-rule)}.list-muted{margin-top:var(--space-xl)}.row{display:flex;align-items:center;gap:var(--space-m);padding:14px 0;border-bottom:var(--hairline) solid var(--color-rule)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0}.row-line{display:flex;align-items:center;gap:var(--space-m)}.row-title{color:var(--color-text-strong);overflow-wrap:anywhere}.row-meta{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-muted)}.row-glyph{color:var(--color-muted)}.row-num{margin-left:auto;font-size:var(--type-num-m-size);line-height:1;color:var(--color-text-strong)}.row.done .row-title,.row.paused .row-title,.row.paused .row-num{color:var(--color-muted)}.row-undo{color:var(--color-muted);font-size:var(--type-small-size);padding:6px 0 6px 8px}.row-undo:hover{color:var(--color-text)}.row-record .row-evidence{margin-top:var(--space-xs);font-size:var(--type-small-size);color:var(--color-text);white-space:pre-wrap}.row-link{flex-direction:row;align-items:center;justify-content:space-between}.list-links{margin-top:var(--space-xxl)}.row-note{display:inline-flex;align-items:center;gap:var(--space-s);font-size:var(--type-small-size);color:var(--color-muted)}.row-actions{display:flex;align-items:center;gap:var(--space-l);margin-top:var(--space-m)}.row-domain .row-main .bar-s{margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s);min-height:44px;padding:0 var(--space-l);border:var(--hairline) solid var(--color-rule-strong);border-radius:var(--radius-control);color:var(--color-text-strong);background:transparent;font-size:15px;transition:background var(--motion-state) var(--motion-easing)}.btn:hover{background:var(--color-surface-raised)}.btn-primary{background:var(--color-text-strong);color:var(--color-on-inverse);border-color:var(--color-text-strong)}.btn-primary:hover{background:#fff}.btn-wide{width:100%;margin-top:var(--space-l)}.btn-text{color:var(--color-muted);font-size:15px;padding:4px 0}.btn-text:hover{color:var(--color-text-strong)}.btn-text.link{font-size:inherit;color:var(--color-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-rule-strong)}.tick{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border:var(--hairline) solid var(--color-rule-strong);border-radius:var(--radius-control);color:transparent;transition:background var(--motion-state),border-color var(--motion-state)}.tick:hover{border-color:var(--color-text);color:var(--color-muted)}.tick.on{background:var(--color-text-strong);border-color:var(--color-text-strong);color:var(--color-bg)}.field{width:100%;display:block;background:var(--color-surface);border:var(--hairline) solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-text-strong);padding:11px 12px;font:inherit;line-height:1.6;resize:vertical}.field:focus{outline:1px solid var(--color-signal);outline-offset:-1px}.field::placeholder{color:var(--color-muted)}.field:disabled{opacity:.5}.field-block{display:block}.field-label{display:block;font-size:var(--type-small-size);color:var(--color-text);margin-bottom:var(--space-xs)}.note-ro{white-space:pre-wrap;color:var(--color-text)}.form{display:flex;flex-direction:column;gap:var(--space-l);margin-top:var(--space-l)}.form>.btn-wide{margin-top:var(--space-s)}.form>.btn-text{align-self:flex-start}.choice-grid,.choice-list{border-top:var(--hairline) solid var(--color-rule)}@media(min-width:640px){.choice-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-xxl)}.choice-grid>li:nth-child(2) .choice{border-top:0}}.choice{display:flex;align-items:center;gap:var(--space-m);width:100%;padding:13px 14px 13px 12px;border-bottom:var(--hairline) solid var(--color-rule);background:transparent;box-shadow:inset 2px 0 0 transparent;transition:background var(--motion-state),box-shadow var(--motion-state)}.choice:hover{background:var(--color-surface)}.choice.selected,.choice.right{box-shadow:inset 2px 0 0 var(--color-signal)}.choice.wrong{box-shadow:inset 2px 0 0 var(--color-rule-strong)}.choice.wrong .choice-title{color:var(--color-muted)}.choice:disabled{opacity:1}.choice-main{display:flex;flex-direction:column;min-width:0;flex:1}.choice-title{color:var(--color-text-strong)}.choice-sub{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-muted)}.choice .glyph{color:var(--color-muted)}.why{padding:var(--space-m) 0 0;border-top:var(--hairline) solid var(--color-rule);color:var(--color-text);font-size:var(--type-small-size);line-height:1.7}.steppers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l)}.seg{display:flex;border:var(--hairline) solid var(--color-rule);border-radius:var(--radius-control);overflow:hidden}.seg button{flex:1;padding:8px 0;text-align:center;color:var(--color-muted);font-variant-numeric:tabular-nums}.seg button+button{border-left:var(--hairline) solid var(--color-rule)}.seg button.on{background:var(--color-text-strong);color:var(--color-on-inverse)}.empty{padding:var(--space-xl) 0;border-top:var(--hairline) solid var(--color-rule);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-l)}.quiet{padding:var(--space-xl) 0;border-top:var(--hairline) solid var(--color-rule)}.quiet-line{color:var(--color-text-strong)}.quiet-next{margin-top:var(--space-xs);font-size:var(--type-small-size);color:var(--color-muted)}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs);margin-top:var(--space-xxl)}.section .week{margin-top:var(--space-m)}.wd{text-align:center;font-size:var(--type-label-size);color:var(--color-muted)}.wd.today{color:var(--color-signal)}.wd i{display:block;width:6px;height:6px;margin:6px auto 0;border-radius:50%;border:var(--hairline) solid var(--color-rule-strong)}.wd.done i{background:var(--color-text-strong);border-color:var(--color-text-strong)}.wd.none i{visibility:hidden}.stat{display:flex;align-items:baseline;gap:var(--space-s);margin-top:var(--space-xl)}.stat-num{font-size:var(--type-num-xl-size);line-height:1;color:var(--color-text-strong)}.stat-unit{font-size:var(--type-label-size);color:var(--color-muted)}.stat-stage{margin-left:auto;font-size:var(--type-small-size);color:var(--color-muted)}.bar{position:relative;height:2px;background:var(--color-rule);margin:var(--space-m) 0 0}.bar-s{height:2px;margin-top:8px}.bar>b{position:absolute;left:0;top:0;height:100%;background:var(--color-text)}.bar>i{position:absolute;top:-3px;width:1px;height:8px;background:var(--color-rule-strong)}.bar>i.cur{background:var(--color-signal)}.timeline{margin-top:var(--space-s)}.tl{display:flex;align-items:center;gap:var(--space-m);padding:8px 0;border-bottom:var(--hairline) solid var(--color-rule);font-size:15px}.tl-day{width:20px;color:var(--color-muted);font-size:var(--type-label-size)}.tl.today .tl-day{color:var(--color-signal)}.tl-title{flex:1;color:var(--color-text)}.tl.rest{padding:5px 0}.tl.rest .tl-title{color:transparent}.tl.done .tl-title{color:var(--color-text-strong)}.steps{counter-reset:step;display:flex;flex-direction:column;gap:var(--space-m);margin-top:var(--space-s)}.steps li{display:flex;gap:var(--space-m);color:var(--color-text)}.steps li:before{counter-increment:step;content:counter(step);flex-shrink:0;width:20px;color:var(--color-muted);font-family:var(--font-display);font-weight:600}.rules div{padding:var(--space-l) 0;border-top:var(--hairline) solid var(--color-rule)}.rules dt{color:var(--color-text-strong);font-family:var(--font-display);font-weight:600;font-size:var(--type-h3-size)}.rules dd{margin-top:var(--space-xs);color:var(--color-text)}.wordmark-line{display:flex;align-items:center;gap:var(--space-m);margin-top:var(--space-xxl);color:var(--color-muted)}.pass{min-height:60dvh;display:flex;flex-direction:column;justify-content:center}.pass .page-title{margin-top:var(--space-xs)}.pass-delta{margin-top:var(--space-xl);font-size:var(--type-num-l-size);line-height:1.1;color:var(--color-gate)}.sw-layer{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:20;display:flex;justify-content:center;padding:0 var(--space-l);pointer-events:none}@media(min-width:640px){.sw-layer{left:168px;bottom:var(--space-xxl)}}.sw{pointer-events:auto;position:relative;width:100%;max-width:440px;background:var(--color-surface);border:var(--hairline) solid var(--color-signal);padding:18px 20px 16px;opacity:0;transform:translateY(10px);clip-path:inset(50% 0 50% 0);transition:clip-path .16s var(--motion-easing),opacity .24s var(--motion-easing) 60ms,transform .28s var(--motion-easing)}.sw-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.sw-c{position:absolute;width:8px;height:8px;border:0 solid var(--color-signal)}.sw-tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.sw-tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.sw-bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.sw-br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.sw-title{font-family:var(--font-display);font-weight:600;font-size:var(--type-h3-size);color:var(--color-text-strong)}.sw-sub{font-size:var(--type-small-size);color:var(--color-muted);margin-top:2px}.sw-xp{margin-top:var(--space-m);font-size:var(--type-num-l-size);line-height:1;color:var(--color-text-strong)}.sw-line{margin-top:var(--space-s);font-size:var(--type-small-size);color:var(--color-text)}.sw-action{margin-top:var(--space-m)}.sw-gate,.sw-gate .sw-c{border-color:var(--color-gate)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.sw{clip-path:none;transform:none}}