:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f5f5f5;--bg-card:#fff;--bg-sunken:#ededed;--bg-hover:#f0f0f0;--ink-900:#111;--ink-700:#3d3d3d;--ink-500:#767676;--ink-400:#9b9b9b;--ink-300:#c4c4c4;--line:#e6e6e6;--line-strong:#d2d2d2;--accent:#111;--accent-ink:#fff;--danger:#8c3a3a;--danger-bg:#f3ebeb;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-lg:12px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:44px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-clock:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", "Songti SC", serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--shell-max:560px;--tabbar-h:56px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0d0d0d;--bg-card:#171717;--bg-sunken:#101010;--bg-hover:#1f1f1f;--ink-900:#f2f2f2;--ink-700:#cfcfcf;--ink-500:#8a8a8a;--ink-400:#6b6b6b;--ink-300:#4a4a4a;--line:#262626;--line-strong:#363636;--accent:#f2f2f2;--accent-ink:#111;--danger:#c98a8a;--danger-bg:#241a1a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg-page);height:100%;color:var(--ink-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}input,select,textarea{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{height:100%}.app-shell{height:100%;max-width:var(--shell-max);background:var(--bg-page);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.screen-pad{padding:var(--sp-5) var(--sp-5) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px)}.screen-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-3);display:flex}.screen-title{letter-spacing:.2px;font-size:17px;font-weight:500}.screen-meta{color:var(--ink-400);font-size:12px}.section{margin-top:var(--sp-6)}.section-label{color:var(--ink-400);margin-bottom:var(--sp-3);letter-spacing:.3px;font-size:12px}.focus{min-height:100%;padding:calc(env(safe-area-inset-top) + var(--sp-5)) var(--sp-5) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px);flex-direction:column;display:flex}.focus-top{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.focus-date{color:var(--ink-400);font-size:12px}.countdown-pill{color:var(--ink-500);align-items:baseline;gap:5px;font-size:12px;display:inline-flex}.countdown-pill b{font-family:var(--font-mono);color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.clock{padding:var(--sp-4) 0;justify-content:center;align-items:center;gap:var(--sp-5);flex-direction:column;flex:1;display:flex}.clock-time{font-family:var(--font-clock);letter-spacing:-.02em;color:var(--ink-900);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:clamp(62px,21vw,104px);font-weight:400;line-height:.94}.clock-tz{color:var(--ink-300);letter-spacing:.6px;margin-top:calc(-1 * var(--sp-3));font-size:11px}.clock-sub{justify-content:center;align-items:center;gap:var(--sp-3);min-height:22px;color:var(--ink-500);font-size:15px;display:flex}.clock-sub .elapsed{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-900);font-weight:500}.clock-sub .sep{color:var(--ink-300)}.clock-sub .idle{color:var(--ink-400);font-size:14px}.focus-rule{background:var(--line);height:1px;margin:var(--sp-5) 0 0;position:relative}.focus-rule span{background:var(--ink-900);height:1px;transition:width .4s;position:absolute;top:0;left:0}.focus-rule-label{color:var(--ink-400);margin-top:var(--sp-2);justify-content:space-between;font-size:11px;display:flex}.chips{gap:var(--sp-2);margin:0 calc(-1 * var(--sp-5));padding-bottom:2px;padding-left:var(--sp-5);padding-right:var(--sp-5);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-700);background:var(--bg-card);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.chip.active{border-color:var(--ink-900);color:var(--ink-900)}.chip:disabled{opacity:.4;cursor:not-allowed}.subject-dot{background:var(--ink-400);border-radius:50%;flex:none;width:8px;height:8px}.mode-switch{border:1px solid var(--line-strong);border-radius:var(--r-sm);display:inline-flex;overflow:hidden}.mode-switch button{color:var(--ink-500);background:var(--bg-card);padding:7px 14px;font-size:12px}.mode-switch button.on{background:var(--ink-900);color:var(--accent-ink)}.btn{border-radius:var(--r-sm);justify-content:center;align-items:center;gap:6px;padding:14px 20px;font-size:15px;transition:opacity .15s,background .15s;display:inline-flex}.btn:active{opacity:.7}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--ink-900);color:var(--accent-ink)}.btn-outline{border:1px solid var(--line-strong);color:var(--ink-700);background:var(--bg-card)}.btn-quiet{border:1px solid var(--line);color:var(--ink-500);background:0 0}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-block{width:100%}.btn-sm{padding:8px 13px;font-size:13px}.action-row{gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.action-row .btn{flex:1}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}.card+.card{margin-top:var(--sp-3)}.card-tight{padding:var(--sp-3) var(--sp-4)}.list{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.list-item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);border-bottom:1px solid var(--line);display:flex}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg-hover)}.item-main{flex:1;min-width:0}.item-title{color:var(--ink-900);align-items:center;gap:7px;font-size:14px;display:flex}.item-sub{color:var(--ink-400);margin-top:3px;font-size:12px}.item-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-700);flex:none;font-size:13px}.item-note{color:var(--ink-500);margin-top:var(--sp-2);white-space:pre-wrap;word-break:break-word;font-size:13px}.empty{padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--ink-400);font-size:13px}.stat-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--bg-card);padding:var(--sp-3) var(--sp-4)}.stat-label{color:var(--ink-400);font-size:11px}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-900);margin-top:5px;font-size:19px}.stat-value small{font-family:var(--font-sans);color:var(--ink-400);margin-left:2px;font-size:12px}.timeline-scale{color:var(--ink-300);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.timeline-track{background:var(--bg-sunken);border-radius:var(--r-xs);height:34px;position:relative;overflow:hidden}.timeline-seg{min-width:2px;position:absolute;top:0;bottom:0}.timeline-now{background:var(--ink-900);width:1px;position:absolute;top:-3px;bottom:-3px}.timeline-legend{gap:var(--sp-3);margin-top:var(--sp-3);color:var(--ink-400);flex-wrap:wrap;font-size:11px;display:flex}.timeline-legend span{align-items:center;gap:5px;display:inline-flex}.hbar{background:var(--bg-sunken);border-radius:3px;height:6px;display:flex;overflow:hidden}.subject-row{align-items:center;gap:var(--sp-2);padding:7px 0;font-size:13px;display:flex}.subject-row .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-900);flex:1;overflow:hidden}.subject-row .val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:12px}.quote{margin-top:var(--sp-6);padding:var(--sp-5) 0 0;border-top:1px solid var(--line)}.quote-text{font-family:var(--font-clock);color:var(--ink-700);font-size:16px;line-height:1.7}.quote-from{margin-top:var(--sp-3);color:var(--ink-400);font-size:12px}.field{margin-bottom:var(--sp-4)}.field-label{color:var(--ink-500);margin-bottom:6px;font-size:12px;display:block}.input,.select,.textarea{background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--r-sm);width:100%;color:var(--ink-900);outline:none;padding:11px 12px;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink-900)}.textarea{resize:vertical;min-height:76px;line-height:1.6}.swatch-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.swatch{outline:1px solid var(--line);outline-offset:-1px;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.swatch.on{border-color:var(--bg-card);outline:2px solid var(--ink-900)}.inline-actions{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.tabbar{border-top:1px solid var(--line);background:var(--bg-card);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tab{height:var(--tabbar-h);color:var(--ink-400);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;transition:color .15s;display:flex}.tab.on{color:var(--ink-900)}.tab svg{display:block}.notice{align-items:center;gap:var(--sp-2);padding:10px var(--sp-4);color:var(--ink-500);background:var(--bg-sunken);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;display:flex}.notice.warn{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.boot{background:var(--bg-page);height:100%}.focus{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.clock{gap:0}.clock-tz{margin-top:5px}.clock-sub{margin-top:var(--sp-6)}.mode-row{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.input-narrow{text-align:right;font-variant-numeric:tabular-nums;width:104px}.select-narrow{width:auto;min-width:176px}.field-row{gap:var(--sp-3);display:flex}.field-row>.field{flex:1;min-width:0}.day-head{color:var(--ink-500);margin-bottom:var(--sp-2);justify-content:space-between;align-items:baseline;padding:0 2px;font-size:12px;display:flex}.day-head .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.day-nav{gap:6px;display:flex}.day-nav button{border:1px solid var(--line-strong);border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-700);justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.day-nav button:disabled{opacity:.3}.list-item.static{cursor:default}.item-editor{padding:var(--sp-4);background:var(--bg-sunken);border-bottom:1px solid var(--line)}.tag{border:1px solid var(--line-strong);border-radius:var(--r-xs);color:var(--ink-500);padding:0 5px;font-size:10px;line-height:1.6;display:inline-block}.tag.warn{color:var(--danger);border-color:var(--danger)}.stat-hero{align-items:baseline;gap:var(--sp-3);display:flex}.stat-hero-num{font-family:var(--font-clock);color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:46px;line-height:1}.stat-hero-unit{color:var(--ink-400);font-size:12px}.hero-meta{margin-top:var(--sp-2);color:var(--ink-500);font-size:12px}.insight{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md)}.insight-row{gap:var(--sp-2);color:var(--ink-700);font-size:13px;line-height:1.7;display:flex}.insight-row+.insight-row{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.insight-row:before{content:"";background:var(--ink-300);border-radius:2px;flex:none;width:3px;margin:6px 0}.compare{margin-top:var(--sp-2);color:var(--ink-500);font-size:12px}.compare b{color:var(--ink-900);font-variant-numeric:tabular-nums;font-weight:500}.goal-head{align-items:center;gap:var(--sp-2);display:flex}.goal-title{color:var(--ink-900);flex:1;font-size:14px}.goal-period{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:12px}.goal-progress{margin-top:var(--sp-3);color:var(--ink-500);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.goal-progress .ok{color:var(--ink-900)}.goal-content{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.goal-content>span{min-width:0;color:var(--ink-700);word-break:break-word;flex:1;font-size:13px}.goal-content>span.done{color:var(--ink-400);text-decoration:line-through}.kv{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:7px 0;font-size:13px;display:flex}.kv>span{color:var(--ink-500);flex:none}.kv>b{color:var(--ink-900);font-weight:500}.hint{margin-top:var(--sp-3);color:var(--ink-400);font-size:11px;line-height:1.75}.sync-note{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--ink-500);font-size:11.5px;line-height:1.6}.sync-note.ok{color:var(--ink-700)}.sync-note.error{background:var(--danger-bg);color:var(--danger)}.conflict-row{align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;border-top:1px solid var(--line);display:flex}.conflict-row .item-main,.inline-actions .input{flex:1;min-width:0}:root{--ease-out:cubic-bezier(.16, .84, .44, 1);--ease-soft:cubic-bezier(.32, .72, .28, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clockIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes secTick{0%{opacity:.42;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes ringOut{0%{opacity:.5;transform:scale(1)}70%{opacity:.12}to{opacity:0;transform:scale(2.7)}}@keyframes tickSweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes segGrow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes nowPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes swatchPop{0%{transform:scale(1)}45%{transform:scale(1.24)}to{transform:scale(1)}}.page{flex-direction:column;flex:1;min-height:0;animation:.24s both fadeIn;display:flex}.page>.screen,.page>.focus{flex:1;min-height:0}.focus-top{animation:.34s both fadeIn}.clock-time{animation:clockIn .52s var(--ease-out) both}.clock-tick-wrap{animation:.4s .1s both fadeIn}.clock-tz{animation:.4s .12s both fadeIn}.clock-sub{animation:riseIn .46s var(--ease-out) .2s both}.focus-rule{animation:.44s .3s both fadeIn}.focus-rule-label{animation:.44s .34s both fadeIn}.focus .section{animation:riseIn .44s var(--ease-out) .38s both}.focus .mode-row{animation:riseIn .44s var(--ease-out) .44s both}.focus .notice{animation:riseIn .4s var(--ease-out) both}.focus .action-row{animation:riseIn .44s var(--ease-out) .5s both}.clock-time{justify-content:center;align-items:baseline;display:flex}.clock-sec{animation:.26s ease-out secTick;display:inline-block}.clock-tick-wrap{margin-top:16px}.clock-tick{background:var(--line);width:68px;height:1px;position:relative;overflow:hidden}.clock-tick:after{content:"";background:var(--ink-900);transform-origin:0;animation:1s linear tickSweep;position:absolute;inset:0}.clock-sub .subject-dot{position:relative}.focus.running .clock-sub .subject-dot:after{content:"";background:inherit;border-radius:50%;animation:1.9s ease-out infinite ringOut;position:absolute;inset:0}.focus.running .chips,.focus.running .section-label{opacity:.3;transition:opacity .5s}.btn{transition:transform .12s var(--ease-out), opacity .15s ease, background .15s ease, border-color .15s ease, color .15s ease}.btn:active:not(:disabled){transform:scale(.972)}.chip{transition:transform .12s var(--ease-out), border-color .2s ease, color .2s ease, opacity .3s ease}.chip:active:not(:disabled){transform:scale(.96)}.tab svg{transition:transform .2s var(--ease-out)}.tab:active svg{transform:scale(.85)}.swatch{transition:transform .14s var(--ease-out), outline-color .2s ease}.swatch.on{animation:swatchPop .34s var(--ease-out)}.list-item{transition:background .15s}.focus-rule span,.hbar>div{transition:width .6s var(--ease-soft)}.timeline-seg{transform-origin:bottom;animation:segGrow .42s var(--ease-out) both}.timeline-now{animation:2.4s ease-in-out infinite nowPulse}.timeline-track{animation:.5s .1s both fadeIn}.stat-hero-num{animation:clockIn .5s var(--ease-out) both}.stat-hero-unit{animation:.4s .12s both fadeIn}.quote{animation:riseIn .5s var(--ease-out) .24s both}.subject-row{animation:.4s both fadeIn}.card{animation:riseIn .36s var(--ease-out) both}.list-item{animation:.32s both fadeIn}.empty{animation:.5s .1s both fadeIn}@media (hover:hover){.card{transition:transform .18s var(--ease-out), border-color .18s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-1px)}}