:root{--c-bg: #FFFFFF;--c-surface: #FFFFFF;--c-surface-sunk: #F5F7FA;--c-border: #E9ECF2;--c-border-strong: #D8DDE6;--c-text-1: #1B1F27;--c-text-2: #5A6272;--c-text-3: #98A0AE;--c-text-inv: #FFFFFF;--c-primary: #4C6FFF;--c-primary-hover: #3D5CF0;--c-primary-press: #3352E0;--c-primary-weak: #EEF3FF;--c-primary-line: #C9D6FF;--c-done: #2FBF71;--c-done-weak: #EAF8F0;--c-warm: #FF9B52;--c-warm-weak: #FFF4EB;--c-warn: #F5A524;--c-warn-weak: #FFF8E8;--c-danger: #E5484D;--fs-display: 2.125rem;--fs-h1: 1.5rem;--fs-h2: 1.25rem;--fs-body-lg: 1.0625rem;--fs-body: .9375rem;--fs-caption: .8125rem;--fs-micro: .6875rem;--lh-tight: 1.25;--lh-body: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--page-x: 20px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(20, 26, 40, .04);--sh-2: 0 4px 16px rgba(20, 26, 40, .08);--sh-3: 0 12px 32px rgba(20, 26, 40, .12);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--dur-praise: 2.4s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--h-tap: 44px;--h-bottom-bar: 56px;--h-card: 72px;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text-1);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}input,textarea{font:inherit}ul{margin:0;padding:0;list-style:none}.app{min-height:100%;display:flex;flex-direction:column;background:var(--c-bg)}.page{flex:1;padding:0 var(--page-x) var(--sp-10);max-width:560px;width:100%;margin:0 auto}.page--withbar{padding-bottom:calc(var(--h-bottom-bar) + env(safe-area-inset-bottom) + var(--sp-6))}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) 0 var(--sp-4)}.topbar__title{font-size:var(--fs-h1);font-weight:var(--fw-medium);line-height:var(--lh-tight)}.topbar__sub{font-size:var(--fs-caption);color:var(--c-text-2);margin-top:var(--sp-1)}.btn{min-height:var(--h-tap);padding:0 var(--sp-5);border-radius:var(--r-pill);border:1px solid transparent;background:var(--c-primary);color:var(--c-text-inv);font-size:var(--fs-body);font-weight:var(--fw-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn--ghost{background:var(--c-surface);color:var(--c-text-1);border-color:var(--c-border-strong)}.btn--warm{background:var(--c-warm)}.btn--block{width:100%}.btn--sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-caption)}.icon-btn{width:var(--h-tap);height:var(--h-tap);min-width:var(--h-tap);border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--c-text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:active{background:var(--c-surface-sunk)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4)}.sunk{background:var(--c-surface-sunk);border-radius:var(--r-md)}.section-title{font-size:var(--fs-caption);color:var(--c-text-2);margin:var(--sp-5) 0 var(--sp-2)}.pill{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-micro);font-weight:var(--fw-medium);white-space:nowrap}.pill--gray{background:var(--c-surface-sunk);color:var(--c-text-2)}.pill--primary{background:var(--c-primary-weak);color:var(--c-primary)}.pill--done{background:var(--c-done-weak);color:var(--c-done)}.pill--warm{background:var(--c-warm-weak);color:#d9772e}.pill--warn{background:var(--c-warn-weak);color:#b77a0f}.check{position:relative;width:28px;height:28px;min-width:28px;border-radius:var(--r-pill);border:1.5px solid var(--c-border-strong);background:transparent;padding:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) linear,border-color var(--dur-fast) linear}.check:after{content:"";position:absolute;inset:-8px;border-radius:var(--r-pill)}.check:active{transform:scale(.9)}.check--done{background:var(--c-done);border-color:var(--c-done)}.check__tick{stroke:var(--c-text-inv);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:18;stroke-dashoffset:18}.check--done .check__tick{animation:tickdraw .2s var(--ease-out) 60ms forwards}.check--pop{animation:checkpop var(--dur-base) var(--ease-spring)}@keyframes tickdraw{to{stroke-dashoffset:0}}@keyframes checkpop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.task{position:relative;display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);margin-bottom:var(--sp-3);transition:transform var(--dur-base) var(--ease-spring);overflow:hidden}.task__bar{position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:var(--r-pill);background:var(--c-primary)}.task__body{flex:1;min-width:0}.task__title{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--c-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__meta{margin-top:2px;font-size:var(--fs-caption);color:var(--c-text-2)}.task__bar-thin{margin-top:var(--sp-2)}.task--running{background:var(--c-primary-weak);border-color:var(--c-primary-line)}.task--overdue{background:var(--c-warm-weak);border-color:#ffe0c4}.task--overdue .task__bar{background:var(--c-warm)}.task--paused .task__bar{background:var(--c-primary-line)}.task--done .task__title{color:var(--c-text-3);text-decoration:line-through;text-decoration-thickness:1px}.task--sealed .task__title{color:var(--c-text-3)}.task--pressed{transform:scale(.985)}.task__menu{position:absolute;right:var(--sp-2);bottom:var(--sp-2);display:flex;gap:var(--sp-1)}.bar{display:flex;height:10px;border-radius:var(--r-pill);background:var(--c-surface-sunk);overflow:hidden}.bar--thin{height:4px}.bar__seg{position:relative;height:100%}.bar__seg+.bar__seg{border-left:1px solid var(--c-primary-line)}.bar__fill{height:100%;border-radius:var(--r-pill);transition:width var(--dur-base) var(--ease-out)}.bar__seg--extra .bar__fill{transition-duration:var(--dur-slow)}.bar__extra-bg{position:absolute;inset:0;background:repeating-linear-gradient(45deg,var(--c-primary-line) 0 4px,transparent 4px 8px)}.bar__tag{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-micro);color:var(--c-primary);white-space:nowrap}.bar__tick{position:absolute;top:0;width:2px;height:100%;border-radius:var(--r-pill);background:var(--c-border-strong)}.bar__tick--fired{background:var(--c-primary)}.bar__dot{position:absolute;top:-6px;width:3px;height:3px;border-radius:var(--r-pill);background:var(--c-primary)}.bar__breath{animation:breath 2.4s ease-in-out infinite}@keyframes breath{0%,to{opacity:.9}50%{opacity:1}}.ticks{display:flex;justify-content:space-between;margin-top:var(--sp-2);font-size:var(--fs-micro);color:var(--c-text-3)}.ticks__item--fired{color:var(--c-primary)}.ring{display:flex;flex-direction:column;align-items:center}.ring__wrap{position:relative;width:clamp(200px,62vw,240px);aspect-ratio:1}.ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{stroke:var(--c-surface-sunk)}.ring__value{transition:stroke-dashoffset 1s linear,stroke var(--dur-base) linear}.ring__dot{fill:var(--c-border-strong)}.ring__dot--fired{fill:var(--c-primary)}.ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:0 18%}.ring__num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-display);font-weight:var(--fw-semi);line-height:1}.ring__num--paused{opacity:.45}.ring__label{font-size:var(--fs-body);color:var(--c-text-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ring__hint{font-size:var(--fs-micro);color:var(--c-text-3);text-align:center;margin-top:var(--sp-2)}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-6);background:#fffffff0;backdrop-filter:blur(8px);animation:fadein var(--dur-slow) var(--ease-out)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.praise__check{width:56px;height:56px}.praise__check path{stroke:var(--c-done);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:40;stroke-dashoffset:40;animation:tickdraw .4s var(--ease-out) forwards}.praise__halo{position:absolute;width:96px;height:96px;border-radius:var(--r-pill);background:var(--c-done-weak);animation:halo 2.4s ease-in-out infinite}@keyframes halo{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}.praise__text{margin-top:var(--sp-6);font-size:clamp(1.25rem,6vw,2.125rem);font-weight:var(--fw-medium);line-height:var(--lh-tight);text-align:center;max-width:280px;animation:rise var(--dur-slow) var(--ease-out) .2s both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.praise__sub{margin-top:var(--sp-3);font-size:var(--fs-caption);color:var(--c-text-2)}.praise__btn{margin-top:var(--sp-8)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:45;background:var(--c-surface);box-shadow:var(--sh-3);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-5) var(--page-x) calc(var(--sp-5) + env(safe-area-inset-bottom));animation:slideup var(--dur-slow) var(--ease-out)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__title{font-size:var(--fs-h2);font-weight:var(--fw-medium)}.sheet__text{margin-top:var(--sp-2);font-size:var(--fs-body);color:var(--c-text-1)}.sheet__row{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.sheet__row .btn{flex:1}.banner{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);margin-bottom:var(--sp-3);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--sh-2);animation:slidein var(--dur-slow) var(--ease-out)}@keyframes slidein{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.banner__dot{width:8px;height:8px;border-radius:var(--r-pill);margin-top:6px;flex:none}.banner__dot--primary{background:var(--c-primary)}.banner__dot--warn{background:var(--c-warn)}.banner__dot--warm{background:var(--c-warm)}.banner__text{font-size:var(--fs-body);color:var(--c-text-1)}.banner__row{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.guide{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3);background:var(--c-warm-weak);color:#b05e1e;font-size:var(--fs-caption)}.guide__text{flex:1}.bottom-bar{position:sticky;bottom:0;z-index:30;display:flex;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom)}.bottom-bar__item{flex:1;min-height:var(--h-bottom-bar);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--c-text-3);font-size:var(--fs-micro);cursor:pointer}.bottom-bar__item--active{color:var(--c-primary)}.bottom-bar__item--cta{position:relative}.bottom-bar__plus{width:40px;height:40px;border-radius:var(--r-pill);background:var(--c-primary);color:var(--c-text-inv);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;margin-top:-14px;box-shadow:var(--sh-2)}.empty{text-align:center;padding:var(--sp-8) 0 var(--sp-6)}.empty__art{width:120px;height:120px;margin:0 auto;opacity:.3}.empty__text{margin-top:var(--sp-5);font-size:var(--fs-body-lg);color:var(--c-text-2)}.empty__list{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.quick{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:var(--h-tap);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);text-align:left;cursor:pointer}.quick__title{font-size:var(--fs-body);color:var(--c-text-1)}.quick__meta{font-size:var(--fs-caption);color:var(--c-text-3);white-space:nowrap}.field{margin-top:var(--sp-5)}.field__label{font-size:var(--fs-caption);color:var(--c-text-2);margin-bottom:var(--sp-2)}.input{width:100%;min-height:var(--h-tap);padding:0 var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-1);outline:none}.input:focus{border-color:var(--c-primary)}.input::placeholder{color:var(--c-text-3)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{min-height:38px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-2);cursor:pointer}.chip--on{background:var(--c-primary-weak);border-color:var(--c-primary-line);color:var(--c-primary)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--h-tap);padding:var(--sp-2) 0}.row__label{font-size:var(--fs-body)}.row__hint{font-size:var(--fs-caption);color:var(--c-text-3);margin-top:2px}.switch{position:relative;width:48px;height:28px;border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface-sunk);cursor:pointer;flex:none;transition:background var(--dur-base) var(--ease-out)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--sh-1);transition:transform var(--dur-base) var(--ease-out)}.switch--on{background:var(--c-primary);border-color:var(--c-primary)}.switch--on:after{transform:translate(20px)}.segmented{display:flex;padding:3px;border-radius:var(--r-pill);background:var(--c-surface-sunk);margin:var(--sp-3) 0 var(--sp-5)}.segmented__item{flex:1;min-height:38px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--c-text-2);cursor:pointer}.segmented__item--on{background:var(--c-surface);color:var(--c-primary);font-weight:var(--fw-medium);box-shadow:var(--sh-1)}.hero{padding:var(--sp-5);border-radius:var(--r-lg);background:var(--c-primary-weak)}.hero__big{font-size:var(--fs-h1);font-weight:var(--fw-medium);line-height:var(--lh-tight)}.hero__mid{margin-top:var(--sp-2);font-size:var(--fs-body-lg);color:var(--c-text-1)}.hero__small{margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--c-text-2)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}.stat{padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md)}.stat__k{font-size:var(--fs-caption);color:var(--c-text-2)}.stat__v{margin-top:var(--sp-1);font-size:var(--fs-h2);font-weight:var(--fw-semi)}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;margin-top:var(--sp-4)}.heat__cell{width:100%;aspect-ratio:1;border-radius:3px;background:var(--c-surface-sunk)}.heat__cell--1{background:#dce6ff}.heat__cell--2{background:#b5c8ff}.heat__cell--3{background:#8aa6ff}.heat__cell--4{background:var(--c-primary)}.bars{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.bars__row{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:var(--sp-3);font-size:var(--fs-caption)}.bars__track{height:10px;border-radius:var(--r-pill);background:var(--c-surface-sunk);overflow:hidden}.bars__fill{height:100%;background:var(--c-primary);border-radius:var(--r-pill)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}.badge{text-align:center;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md)}.badge--locked{opacity:.4}.badge__name{font-size:var(--fs-caption);font-weight:var(--fw-medium)}.badge__desc{font-size:var(--fs-micro);color:var(--c-text-3);margin-top:2px}.quote{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--c-warm-weak);font-size:var(--fs-body);color:var(--c-text-1)}.note{font-size:var(--fs-caption);color:var(--c-text-3);margin-top:var(--sp-3)}.prose{font-size:var(--fs-body);color:var(--c-text-1);line-height:1.7}.prose p+p{margin-top:var(--sp-4)}.danger-text{color:var(--c-danger);font-size:var(--fs-caption)}.update-bar{display:flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);background:var(--c-primary-weak);color:var(--c-primary);font-size:var(--fs-caption)}