.bottom-nav{z-index:20;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--c-surface);border-top:1px solid var(--c-border);max-width:var(--content-max-width);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--c-text-muted);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:10px;line-height:1}.bottom-nav__item--active{color:var(--c-primary)}.bottom-nav__item--center{position:relative}.bottom-nav__item--center .bottom-nav__icon{box-sizing:content-box;border-radius:var(--radius-pill);background:var(--c-primary-soft);width:26px;height:26px;color:var(--c-primary);transition:background-color var(--transition-fast), color var(--transition-fast);padding:5px}.bottom-nav__item--center.bottom-nav__item--active .bottom-nav__icon{background:var(--c-primary);color:var(--c-primary-ink)}.ambience{margin-top:var(--space-5)}.ambience__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ambience__state{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--c-primary);background:var(--c-primary-soft);transition:background-color var(--transition-fast);padding:6px 10px;display:inline-flex}.ambience__state--idle{color:var(--c-text-muted);background:0 0;padding-right:0}.ambience__dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite ambience-pulse}@keyframes ambience-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.ambience__dot{animation:none}}.ambience__grid{gap:var(--space-1);margin-top:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ambience__card{justify-content:center;align-items:center;gap:var(--space-1);min-height:68px;padding:var(--space-2) 2px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.ambience__card:active{transform:scale(.96)}.ambience__card--active{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-soft)}.ambience__icon{width:24px;height:24px}.ambience__label{font-size:var(--text-xs);line-height:1.2}.ambience__volume{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.ambience__volume-label,.ambience__volume-value{font-size:var(--text-xs);color:var(--c-text-muted);font-variant-numeric:tabular-nums;min-width:2ch}.ambience__volume input[type=range]{appearance:none;background:0 0;flex:1;height:22px;margin:0}.ambience__volume input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--c-border);height:4px}.ambience__volume input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--c-primary);border:none;border-radius:50%;width:18px;height:18px;margin-top:-7px}.ambience__volume input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--c-border);height:4px}.ambience__volume input[type=range]::-moz-range-thumb{background:var(--c-primary);border:none;border-radius:50%;width:18px;height:18px}.ambience-bar{left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));z-index:19;align-items:center;gap:var(--space-2);max-width:var(--content-max-width);padding:var(--space-2) var(--space-3);background:var(--c-surface);border-top:1px solid var(--c-border);margin:0 auto;animation:.22s ambience-bar-in;display:flex;position:fixed}@keyframes ambience-bar-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ambience-bar{animation:none}}.ambience-bar__main{align-items:center;gap:var(--space-2);min-width:0;color:var(--c-text);flex:1;display:flex}.ambience-bar__icon{width:18px;height:18px;color:var(--c-primary);flex-shrink:0}.ambience-bar__text{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ambience-bar__hint{font-size:var(--text-xs);color:var(--c-text-muted)}.ambience-bar__stop{border-radius:var(--radius-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--text-xs);transition:background-color var(--transition-fast);flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;display:inline-flex}.ambience-bar__pulse{background:var(--c-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.6s ease-in-out infinite ambience-pulse}@media (prefers-reduced-motion:reduce){.ambience-bar__pulse{animation:none}}.home-hero{text-align:left;width:100%;padding:var(--space-5) var(--space-4);border-radius:var(--radius-card);background:var(--c-primary-soft);border:1px solid var(--c-border);display:block}.home-hero__eyebrow{font-size:var(--text-xs);color:var(--c-text-muted);margin-bottom:var(--space-2)}.home-hero__title{font-family:var(--font-display);letter-spacing:.03em;color:var(--c-text);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.3}.home-hero__sub{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--c-text-muted)}.home-hero__hint{align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--c-surface);font-size:var(--text-xs);color:var(--c-text-muted);display:inline-flex}.home-hero__hint--urgent{color:var(--c-danger)}.home-hero--active{cursor:pointer;border-color:var(--c-primary)}.home-hero__clock{font-family:var(--font-mono);font-size:var(--text-hero);color:var(--c-primary);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.home-hero__pulse{border-radius:var(--radius-pill);background:var(--c-primary);width:8px;height:8px;animation:1.6s ease-in-out infinite home-pulse;display:inline-block}@keyframes home-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.home-hero__pulse{animation:none}}.home-week__grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.home-week__cell{text-align:center}.home-week__num{font-size:var(--text-xl);color:var(--c-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.home-week__num--accent{color:var(--c-primary)}.home-week__label{font-size:var(--text-xs);color:var(--c-text-muted);margin-top:2px}.home-week__bar{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.home-week__seg{border-radius:var(--radius-pill);background:var(--c-border);height:6px}.home-week__seg--achieved{background:var(--c-primary)}.home-week__seg--future{opacity:.35}.home-week__seg--today{box-shadow:0 0 0 2px var(--c-primary-soft);outline:1px solid var(--c-primary);outline-offset:0}.home-week__days{gap:var(--space-1);margin-top:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.home-week__days span{text-align:center;font-size:var(--text-xs);color:var(--c-text-muted)}.home-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.home-grid__item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.home-grid__item:hover{background:var(--c-primary-soft);border-color:var(--c-primary)}.home-grid__icon{width:22px;height:22px;color:var(--c-primary)}.home-section{margin-top:var(--space-5)}.home-section__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.home-section__more{font-size:var(--text-sm);color:var(--c-primary);padding:var(--space-1) 0;text-decoration:none}.home-empty{font-size:var(--text-sm);color:var(--c-text-muted);padding:var(--space-3) 0}.home-todos{margin:0;padding:0;list-style:none}.home-todo{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--c-border);display:flex}.home-todo:last-child{border-bottom:none}.home-todo--focus{box-shadow:inset 2px 0 0 var(--c-primary);padding-left:var(--space-3)}.home-todo__check{cursor:pointer;background:0 0;border:none;flex:none;width:22px;height:22px;padding:0}.home-todo__box{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);width:18px;height:18px;transition:border-color var(--transition-fast);margin:2px;display:block}.home-todo__check:hover .home-todo__box{border-color:var(--c-primary)}.home-todo__check[aria-checked=true] .home-todo__box{background:var(--c-primary);border-color:var(--c-primary)}.home-todo__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-todo__title{font-size:var(--text-sm);color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-todo__meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--c-text-muted);flex-wrap:wrap;display:flex}.home-todo__priority--high{color:var(--c-danger)}.home-todo__priority--low{opacity:.8}.home-todo__due--overdue{color:var(--c-danger);font-weight:600}.home-todo__badge{padding:1px var(--space-1);border-radius:var(--radius-pill);background:var(--c-primary-soft);color:var(--c-primary)}.home-todo__track{border-radius:var(--radius-pill);background:var(--c-border);height:2px;display:block;overflow:hidden}.home-todo__fill{background:var(--c-primary);height:100%;display:block}.home-todo__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-primary);font-family:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);flex:none}.home-todo__btn:hover{background:var(--c-primary-soft);border-color:var(--c-primary)}.home-diary{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--c-border);color:inherit;text-decoration:none;display:flex}.home-diary:last-child{border-bottom:none}.home-diary__thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--c-border);flex:none;width:44px;height:44px}.home-diary__mood{border-radius:var(--radius-sm);background:var(--c-primary-soft);flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.home-diary__body{min-width:0}.home-diary__meta{font-size:var(--text-xs);color:var(--c-text-muted);margin-bottom:2px}.home-diary__text{font-size:var(--text-sm);color:var(--c-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.home-plan__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.home-plan__rate{font-size:var(--text-lg);color:var(--c-primary);font-variant-numeric:tabular-nums;font-weight:700}.home-plan__track{border-radius:var(--radius-pill);background:var(--c-border);height:8px;overflow:hidden}.home-plan__fill{border-radius:var(--radius-pill);background:var(--c-primary);height:100%;transition:width var(--transition-base)}.home-plan__note{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--c-text-muted)}.home-metrics{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--c-border);grid-template-columns:repeat(3,1fr);display:grid}.home-metrics__cell{text-align:center}.home-metrics__num{font-size:var(--text-lg);color:var(--c-text);font-variant-numeric:tabular-nums;font-weight:600}.home-metrics__label{font-size:var(--text-xs);color:var(--c-text-muted);margin-top:2px}.icon-btn{border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-surface);width:36px;height:36px;color:var(--c-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn:after{content:"";position:absolute;inset:-4px}.icon-btn svg{width:19px;height:19px}.icon-btn:hover{color:var(--c-primary);border-color:var(--c-primary)}.icon-btn[aria-expanded=true]{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-soft)}.segmented{border-radius:var(--radius-pill);background:var(--c-primary-soft);gap:2px;padding:3px;display:flex}.segmented__item{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--c-text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1;font-family:inherit}.segmented__item--on{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow-card);font-weight:600}.segmented__item:disabled{opacity:.5;cursor:not-allowed}.theme-picker{position:relative}.theme-picker__panel{top:calc(100% + var(--space-2));z-index:40;min-width:148px;padding:var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-raised);flex-direction:column;gap:2px;display:flex;position:absolute;right:0}.theme-swatch{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--c-text);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.theme-swatch:hover{background:var(--c-bg)}.theme-swatch--on{color:var(--c-primary);font-weight:600}.theme-swatch__chip{border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-bg);flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.theme-swatch__dot{border-radius:var(--radius-pill);background:var(--c-primary);width:12px;height:12px}.theme-swatch__name{flex:1}.sheet-scrim{z-index:50;animation:sheet-fade var(--transition-base);background:#0000006b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--content-max-width);max-height:88vh;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--c-surface);animation:sheet-rise var(--transition-base);overscroll-behavior:contain;overflow-y:auto}.sheet:focus,.sheet-scrim:focus{outline:none}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.sheet__title{font-size:var(--text-lg);font-weight:600}.sheet__section+.sheet__section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--c-border)}.sheet__section-title{font-size:var(--text-sm);color:var(--c-text-muted);letter-spacing:.04em;margin-bottom:var(--space-3);font-weight:600}.usage__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.usage__bar{border-radius:var(--radius-pill);background:var(--c-border);height:6px;overflow:hidden}.usage__fill{border-radius:var(--radius-pill);background:var(--c-primary);height:100%;transition:width var(--transition-base)}.usage__bar--full .usage__fill{background:var(--c-danger)}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-rise{0%{transform:translateY(12%)}}@media (prefers-reduced-motion:reduce){.sheet-scrim,.sheet{animation:none}}.field{margin-bottom:var(--space-4)}.field__label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--c-text);font-weight:600;display:block}.field__hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--c-text-muted)}.select{width:100%;min-height:42px;padding:0 var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:var(--text-base)}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:48px;display:flex}.switch-row__text{flex:1}.switch-row__desc{font-size:var(--text-xs);color:var(--c-text-muted)}.switch{appearance:none;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--c-text-muted) 32%, var(--c-surface));cursor:pointer;width:46px;height:28px;transition:background-color var(--transition-fast);flex:none;margin:0;position:relative}.switch:after{content:"";border-radius:var(--radius-pill);background:var(--c-surface);width:22px;height:22px;box-shadow:var(--shadow-card);transition:transform var(--transition-fast);position:absolute;top:3px;left:3px}.switch:checked:after{background:var(--c-primary-ink)}.switch:checked{background:var(--c-primary)}.switch:checked:after{transform:translate(18px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{border-color:var(--c-primary);background:var(--c-primary);color:var(--c-primary-ink);font-weight:600}.btn--ghost{color:var(--c-text-muted);background:0 0;border-color:#0000}.btn--block{width:100%}.btn--lg{min-height:52px;font-size:var(--text-lg);border-radius:var(--radius-card)}.chip{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--c-primary-soft);color:var(--c-text);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.crash{padding:var(--space-6) 0;text-align:center}.crash__title{margin:0 0 var(--space-3);font-size:var(--text-xl);color:var(--c-text);font-weight:600}.crash__text{margin:0 auto var(--space-5);max-width:30em;font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.6}.crash__actions{gap:var(--space-2);flex-direction:column;max-width:320px;margin:0 auto;display:flex}.crash__detail{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--c-text-muted);text-align:left}.crash__detail summary{cursor:pointer;justify-content:center;align-items:center;min-height:44px;display:flex}.crash__stack{margin:var(--space-2) 0 0;padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.timer-body{flex-direction:column;flex:1;justify-content:center;display:flex}.dial{aspect-ratio:1;width:min(240px,68vw);margin:var(--space-5) auto;position:relative}.dial__svg{width:100%;height:100%}.dial__track{stroke:var(--c-primary-soft)}.dial__tick{stroke:var(--c-primary-soft);stroke-width:1.4px}.dial__tick--major{stroke-width:2px}.dial__tick--lit{stroke:var(--c-primary);opacity:.5}.dial--over .dial__tick--lit{stroke:var(--c-success)}.dial__ring{stroke:var(--c-primary);transition:stroke var(--transition-base)}.dial--over .dial__ring{stroke:var(--c-success)}.dial--dim{opacity:.55}.dial__center{justify-content:center;align-items:center;gap:var(--space-1);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.dial__clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--c-text);font-size:52px;font-weight:300;line-height:1}.dial__clock--long{font-size:42px}.dial__caption{font-size:var(--text-sm);color:var(--c-text-muted)}.phase-tabs{gap:var(--space-1);border-radius:var(--radius-pill);background:var(--c-primary-soft);width:100%;max-width:340px;margin:0 auto;padding:4px;display:flex}.phase-tab{border-radius:var(--radius-pill);min-height:38px;color:var(--c-text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1}.phase-tab--on{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow-card);font-weight:600}.phase-tab:disabled{cursor:not-allowed;opacity:.6}.phase-tab:disabled.phase-tab--on{opacity:1}.timer-controls{gap:var(--space-2);margin-top:var(--space-5);display:flex}.timer-controls .btn{flex:1}.timer-controls__main{flex:1.6}.timer-target{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.timer-target__title{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.timer-meta{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--c-text-muted);display:flex}.timer-meta__sep{background:var(--c-border);width:1px;height:11px}.session-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border-left:3px solid var(--c-success);display:flex}.session-banner--interrupted{border-left-color:var(--c-text-muted)}.session-banner__text{font-size:var(--text-sm)}.strict-overlay{z-index:60;padding:var(--space-5);padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--c-bg);animation:sheet-fade var(--transition-base);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.strict-overlay__body{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.strict-overlay .dial{width:min(280px,74vw)}.strict-overlay__todo{text-overflow:ellipsis;white-space:nowrap;max-width:80vw;font-size:var(--text-lg);color:var(--c-text-muted);font-weight:600;overflow:hidden}.strict-overlay .timer-controls{width:100%;max-width:var(--content-max-width)}.strict-overlay__exit{min-height:44px;padding:0 var(--space-4);color:var(--c-text-muted);font-family:inherit;font-size:var(--text-xs);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex:none;text-decoration:underline}.strict-overlay__exit:hover{color:var(--c-text)}.volume-row{align-items:center;gap:var(--space-3);display:flex}.volume-row input[type=range]{min-width:0;accent-color:var(--c-primary);flex:1}.volume-row .btn{flex:none;min-height:38px}.todo-page{gap:var(--space-4);flex-direction:column;display:flex}.todo-chip-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.todo-chip{min-height:44px;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--c-text-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:inline-flex}.todo-chip--active{color:var(--c-primary-ink);background:var(--c-primary);border-color:var(--c-primary)}.todo-composer{gap:var(--space-3);flex-direction:column;display:flex}.todo-composer__bar{align-items:center;gap:var(--space-2);display:flex}.todo-composer__title{min-width:0;min-height:48px;padding:0 var(--space-3);font:inherit;font-size:var(--text-base);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex:1}.todo-composer__title::placeholder{color:var(--c-text-muted)}.todo-composer__title:focus{border-color:var(--c-primary)}.todo-composer__toggle{width:48px;height:48px;color:var(--c-text-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.todo-composer__toggle--open{color:var(--c-primary);border-color:var(--c-primary)}.todo-composer__toggle--open svg{transform:rotate(180deg)}.todo-composer__options{gap:var(--space-3);flex-direction:column;display:flex}.todo-composer__row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.todo-composer__group{align-items:center;gap:var(--space-2);min-width:0;display:flex}.todo-composer__label{font-size:var(--text-xs);color:var(--c-text-muted);white-space:nowrap;flex:none}.todo-composer__date{min-height:44px;padding:0 var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md)}.todo-composer__submit{min-height:48px;padding:0 var(--space-5);font:inherit;font-size:var(--text-base);color:var(--c-primary-ink);background:var(--c-primary);border:1px solid var(--c-primary);border-radius:var(--radius-md);cursor:pointer;flex:none;font-weight:500}.todo-composer__submit:disabled{color:var(--c-text-muted);background:var(--c-bg);border-color:var(--c-border);cursor:default}.todo-stepper{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);align-items:center;display:flex}.todo-stepper__btn{width:44px;height:44px;font:inherit;font-size:var(--text-lg);color:var(--c-primary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.todo-stepper__btn:disabled{color:var(--c-text-muted);opacity:.5;cursor:default}.todo-stepper__value{min-width:18px;font-size:var(--text-base);font-variant-numeric:tabular-nums;text-align:center;color:var(--c-text)}.todo-stepper__hint{font-size:var(--text-xs);color:var(--c-text-muted);white-space:nowrap}.todo-filters{gap:var(--space-3);flex-direction:column;display:flex}.todo-filters__bar{align-items:center;gap:var(--space-2);display:flex}.todo-filters__category{min-height:44px;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);white-space:nowrap;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:4px;display:inline-flex}.todo-filters__category--active{color:var(--c-primary);background:var(--c-primary-soft);border-color:var(--c-primary)}.todo-group{margin-bottom:var(--space-5)}.todo-group:last-child{margin-bottom:0}.todo-group__head{align-items:center;gap:var(--space-2);width:100%;margin:0 0 var(--space-2);font:inherit;font-size:var(--text-xs);letter-spacing:.06em;color:var(--c-text-muted);text-align:left;background:0 0;border:none;padding:0;font-weight:600;display:flex}.todo-group__title{flex:none}.todo-group__count{min-width:20px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-pill);flex:none;padding:1px 6px}.todo-group__head--urgent{color:var(--c-danger)}.todo-group__head--urgent .todo-group__count{color:var(--c-danger);background:0 0;border-color:currentColor}.todo-group__head--toggle{cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.todo-group__head--toggle:hover{color:var(--c-text)}.todo-group__chevron{transition:transform var(--transition-fast);flex:none;margin-left:auto}.todo-group__chevron--open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.todo-group__chevron{transition:none}}.todo-group--done{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--c-border)}.todo-allclear{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-5) 0;font-size:var(--text-sm);color:var(--c-primary);display:flex}.todo-list{gap:var(--space-3);flex-direction:column;display:flex}.todo-empty{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--c-text-muted);flex-direction:column;display:flex}.todo-empty__mark{width:44px;height:44px;margin-bottom:var(--space-1);color:var(--c-primary);opacity:.4}.todo-empty__title{font-size:var(--text-base);color:var(--c-text);font-weight:500}.todo-empty__hint{font-size:var(--text-sm)}.todo-item{gap:var(--space-3);padding:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative}.todo-item--focus:before{content:"";left:1px;top:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-pill);background:var(--c-primary);width:3px;position:absolute}.todo-item--done{background:var(--c-success-soft);box-shadow:none;border-color:#0000}.todo-item__row{align-items:flex-start;gap:var(--space-2);display:flex}.todo-item__row--foot{align-items:center;gap:var(--space-3)}.todo-item__check{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-11px 0 -11px -11px;padding:0;display:flex}.todo-item__box{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sm);width:22px;height:22px;transition:background-color var(--transition-fast), border-color var(--transition-fast);display:block}.todo-item__check[aria-checked=true] .todo-item__box{background:var(--c-primary);border-color:var(--c-primary);animation:.26s cubic-bezier(.34,1.56,.64,1) todo-tick-pop}@keyframes todo-tick-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}.todo-item__box:after{content:"";border:solid var(--c-primary-ink);opacity:0;width:5px;height:10px;transition:opacity var(--transition-fast), transform .22s cubic-bezier(.34, 1.56, .64, 1);border-width:0 2px 2px 0;margin:1px auto 0;display:block;transform:rotate(45deg)scale(.4)}.todo-item__check[aria-checked=true] .todo-item__box:after{opacity:1;transform:rotate(45deg)scale(1)}@media (prefers-reduced-motion:reduce){.todo-item__check[aria-checked=true] .todo-item__box{animation:none}.todo-item__box:after{transition:opacity var(--transition-fast);transform:rotate(45deg)}}.todo-item__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.todo-item__title{font-size:var(--text-base);color:var(--c-text);overflow-wrap:anywhere;font-weight:500;line-height:1.35}.todo-item--done .todo-item__title{color:var(--c-text-muted);text-decoration:line-through}.todo-item__more{width:44px;height:44px;color:var(--c-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:-11px -11px -11px 0;padding:0;display:flex}.todo-item__more--open{color:var(--c-danger);background:var(--c-bg)}.todo-item__meta{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--c-text-muted);flex-wrap:wrap;display:flex}.todo-item__priority{font-size:var(--text-xs);color:var(--c-text-muted);align-items:center;gap:4px;display:inline-flex}.todo-item__priority--high{color:var(--c-danger)}.todo-item__priority--medium{color:var(--c-primary)}.todo-item__dot{border-radius:var(--radius-pill);background:currentColor;width:7px;height:7px}.todo-item__tag{padding:1px var(--space-2);font-size:var(--text-xs);color:var(--c-text);background:var(--c-primary-soft);border-radius:var(--radius-pill)}.todo-item__due--overdue{color:var(--c-danger);font-weight:500}.todo-item__overdue{padding:0 var(--space-2);font-size:var(--text-xs);color:var(--c-danger);border-radius:var(--radius-pill);border:1px solid}.todo-item__badge{padding:0 var(--space-2);font-size:var(--text-xs);color:var(--c-primary-ink);background:var(--c-primary);border-radius:var(--radius-pill);font-weight:500}.todo-item__ticks{justify-content:flex-end;align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.todo-item__dots{flex:none;align-items:center;gap:6px;display:inline-flex}.todo-item__pip{border:1.5px solid var(--c-text-muted);width:10px;height:10px;transition:background-color var(--transition-base), border-color var(--transition-base);background:0 0;border-radius:50%}.todo-item__pip--done{background:var(--c-primary);border-color:var(--c-primary)}.todo-item__tick-text{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--c-text-muted);white-space:nowrap;flex:none}.todo-item__confirm{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.todo-item__confirm-text{font-size:var(--text-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.todo-item__btn{min-height:44px;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);white-space:nowrap;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex:none;justify-content:center;align-items:center;display:inline-flex}.todo-item__btn:active{transform:scale(.97)}.todo-item__btn--focus{padding:0 var(--space-5);color:var(--c-primary-ink);background:var(--c-primary);border-color:var(--c-primary);font-weight:500}.todo-item__btn--danger{color:var(--c-danger);border-color:currentColor;font-weight:500}.butler-page{gap:var(--space-4);flex-direction:column;display:flex}.butler-card{padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-card)}.butler-card__head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.butler-card__title{font-size:var(--text-lg);color:var(--c-text);margin:0;font-weight:600}.butler-card__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.butler-source{padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.butler-source--local{background:var(--c-primary-soft);color:var(--c-text)}.butler-source--ai{background:var(--c-success-soft);color:var(--c-text)}.butler-source__dot{opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.butler-input__content{width:100%;min-height:92px;padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text);font-family:inherit;font-size:var(--text-base);resize:vertical;line-height:1.6}.butler-input__content:focus{outline:2px solid var(--c-primary);outline-offset:-1px}.butler-input__content::placeholder{color:var(--c-text-muted)}.butler-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;display:flex}.butler-row__label{font-size:var(--text-sm);color:var(--c-text);font-weight:600}.butler-row__hint{font-size:var(--text-xs);color:var(--c-text-muted)}.butler-slots{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.butler-slot{gap:var(--space-1);flex-direction:column;display:flex}.butler-slot__label{font-size:var(--text-xs);color:var(--c-text-muted)}.butler-slot__input{width:100%;min-height:44px;padding:0 var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text);font-family:inherit;font-size:var(--text-base);text-align:center}.butler-slot__input:focus{outline:2px solid var(--c-primary);outline-offset:-1px}.butler-plan{gap:var(--space-3);flex-direction:column;display:flex}.butler-day{gap:var(--space-1);flex-direction:column;display:flex}.butler-day__head{align-items:baseline;gap:var(--space-2);padding:0 var(--space-1);display:flex}.butler-day__name{font-size:var(--text-sm);color:var(--c-text);font-weight:600}.butler-day__sum{font-size:var(--text-xs);color:var(--c-text-muted)}.butler-task{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--c-bg);display:flex}.butler-task__slot{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--text-xs);flex:none}.butler-task__title{min-width:0;color:var(--c-text);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.butler-task__duration{color:var(--c-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.butler-task__focus{flex:none}.butler-banner{padding:var(--space-3);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius-md);background:var(--c-primary-soft);color:var(--c-text);font-size:var(--text-sm);line-height:1.6}.butler-banner__title{font-weight:600}.butler-banner--error{border-left-color:var(--c-danger);background:var(--c-surface);color:var(--c-text)}.butler-empty{padding:var(--space-5) var(--space-3);color:var(--c-text-muted);font-size:var(--text-sm);text-align:center}.butler-diff{border-color:var(--c-primary);border-width:2px}.butler-diff__summary{margin:0 0 var(--space-3);color:var(--c-text);font-size:var(--text-sm);line-height:1.6}.butler-change{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--c-border);display:flex}.butler-change:first-of-type{border-top:none}.butler-change__type{min-width:52px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--c-primary-soft);color:var(--c-text);font-size:var(--text-xs);text-align:center;flex:none}.butler-change__body{flex:1;min-width:0}.butler-change__title{color:var(--c-text);font-size:var(--text-base);overflow-wrap:anywhere}.butler-change__detail{color:var(--c-text-muted);font-size:var(--text-xs);margin-top:2px;line-height:1.5}.butler-diff__foot{gap:var(--space-2);margin-top:var(--space-3);display:flex}.butler-diff__foot .btn{flex:1}.butler-chat{gap:var(--space-2);max-height:40vh;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.butler-bubble{max-width:86%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.6}.butler-bubble--assistant{border:1px solid var(--c-border);border-top-left-radius:var(--radius-sm);background:var(--c-bg);color:var(--c-text);align-self:flex-start}.butler-bubble--user{border-top-right-radius:var(--radius-sm);background:var(--c-primary);color:var(--c-primary-ink);align-self:flex-end}.butler-chat__input{gap:var(--space-2);margin-top:var(--space-3);display:flex}.butler-chat__field{min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text);font-family:inherit;font-size:var(--text-base);resize:none;flex:1}.butler-chat__field:focus{outline:2px solid var(--c-primary);outline-offset:-1px}.butler-chat__field::placeholder{color:var(--c-text-muted)}.butler-chat__send{flex:none;align-self:flex-end}.butler-chat__scope{margin-top:var(--space-2);color:var(--c-text-muted);font-size:var(--text-xs);line-height:1.6}.butler-chat__scope code{background:var(--c-bg);font-family:var(--font-mono);border-radius:3px;padding:0 3px;font-size:11px}.butler-typing{align-items:center;gap:3px;display:inline-flex}.butler-typing__dot{opacity:.4;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite butler-typing}.butler-typing__dot:nth-child(2){animation-delay:.15s}.butler-typing__dot:nth-child(3){animation-delay:.3s}@keyframes butler-typing{0%,60%,to{opacity:.25}30%{opacity:.9}}@media (prefers-reduced-motion:reduce){.butler-typing__dot{opacity:.55;animation:none}}.toast-host{left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3));z-index:70;gap:var(--space-2);pointer-events:none;max-width:var(--content-max-width);padding:0 var(--space-4);flex-direction:column;align-items:center;margin:0 auto;display:flex;position:fixed}.toast{max-width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--c-text);color:var(--c-bg);font-size:var(--text-sm);text-align:center;line-height:1.45;animation:.18s ease-out toast-in;box-shadow:0 4px 16px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast--error{background:var(--c-danger);color:#fff}@media (prefers-reduced-motion:reduce){.toast{animation:.18s ease-out toast-fade-in}}@keyframes toast-fade-in{0%{opacity:0}}:root{--radius-sm:8px;--radius-md:12px;--radius-card:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-page:16px;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display:"Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", "SimSun", "宋体", serif;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:26px;--text-hero:34px;--bottom-nav-height:56px;--content-max-width:480px;--transition-fast:.12s ease;--transition-base:.2s ease}:root,[data-theme=sage]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-primary:#5f7a55;--c-primary-soft:#dde7d8;--c-primary-ink:#fff;--c-bg:#f5f7f2;--c-surface:#fff;--c-border:#e0e6d9;--c-text:#262b22;--c-text-muted:#616b58;--c-danger:#a83226;--c-success:#4a7c52;--c-success-soft:#dbe7db;--c-overlay:#262b22f0;--shadow-card:0 1px 3px #262b2212;--shadow-raised:0 4px 16px #262b221a;--theme-color-meta:#f5f7f2}[data-theme=terracotta]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-primary:#b45f3c;--c-primary-soft:#f0ddd3;--c-primary-ink:#fff;--c-bg:#faf6f2;--c-surface:#fff;--c-border:#e7ded6;--c-text:#2b2320;--c-text-muted:#6e6158;--c-danger:#b3261e;--c-success:#4a7c52;--c-success-soft:#dfeade;--c-overlay:#2b2320f0;--shadow-card:0 1px 3px #2b232012;--shadow-raised:0 4px 16px #2b23201a;--theme-color-meta:#faf6f2}[data-theme=mist]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-primary:#56687d;--c-primary-soft:#dde4ec;--c-primary-ink:#fff;--c-bg:#f5f7f9;--c-surface:#fff;--c-border:#e1e6eb;--c-text:#232a31;--c-text-muted:#5f6b78;--c-danger:#b3261e;--c-success:#3f7350;--c-success-soft:#d9e5dd;--c-overlay:#232a31f0;--shadow-card:0 1px 3px #232a3112;--shadow-raised:0 4px 16px #232a311a;--theme-color-meta:#f5f7f9}[data-theme=sand]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-primary:#8a6939;--c-primary-soft:#efe4cf;--c-primary-ink:#fff;--c-bg:#fbf8f3;--c-surface:#fff;--c-border:#eae1d3;--c-text:#2e2820;--c-text-muted:#6d6152;--c-danger:#a83226;--c-success:#4a7c52;--c-success-soft:#e2e8d8;--c-overlay:#2e2820f0;--shadow-card:0 1px 3px #2e282012;--shadow-raised:0 4px 16px #2e28201a;--theme-color-meta:#fbf8f3}[data-theme=dusk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-primary:#7ba7d9;--c-primary-soft:#2b3d50;--c-primary-ink:#10171f;--c-bg:#131a22;--c-surface:#1b242e;--c-border:#2c3946;--c-text:#e6edf3;--c-text-muted:#8a9aab;--c-danger:#f2857a;--c-success:#7fb98d;--c-success-soft:#25382d;--c-overlay:#131a22f5;--shadow-card:0 1px 3px #0000004d;--shadow-raised:0 4px 16px #0006;--theme-color-meta:#131a22}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--c-text);background:var(--c-bg);transition:background-color var(--transition-base), color var(--transition-base)}.skip-link{top:var(--space-2);z-index:80;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--c-primary);color:var(--c-primary-ink);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-card);transition:transform var(--transition-base);font-weight:600;position:fixed;left:50%;transform:translate(-50%,-200%)}.skip-link:focus-visible{transform:translate(-50%)}.app-main:focus{outline:none}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.app-shell{background:var(--c-bg);flex-direction:column;min-height:100%;display:flex}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-page);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.app-shell--ambience .app-main{padding-bottom:calc(var(--bottom-nav-height) + 48px + var(--space-6) + env(safe-area-inset-bottom))}.app-main--focus{max-width:none;padding:0}.app-main--fill{flex-direction:column;display:flex}.page-title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600}.page-subtitle{font-size:var(--text-sm);color:var(--c-text-muted)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.card-title{font-size:var(--text-sm);color:var(--c-text-muted);margin-bottom:var(--space-3);font-weight:600}.muted{color:var(--c-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}