:root{--bg:#05070d;--surface:#0d1220;--surface-2:#131a2c;--surface-3:#1a2238;--border:#1e2740;--border-strong:#2a3654;--accent:#2e6bff;--accent-hi:#4d8dff;--accent-soft:#2e6bff24;--accent-glow:#2e6bff59;--grad-accent:linear-gradient(135deg, #2b64f2 0%, #2e6bff 100%);--text:#eaeff9;--text-2:#8a93a8;--text-3:#727d9a;--on-accent:#fff;--success:#34d399;--danger:#ff5d73;--warning:#f5b14c;--font-ui:"Inter", -apple-system, system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--fs-hero:2rem;--fs-title:1.375rem;--fs-lead:1.0625rem;--fs-body:.9375rem;--fs-small:.8125rem;--fs-micro:.6875rem;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--shadow-card:0 4px 18px #00000059;--shadow-sheet:0 -12px 40px #0000008c;--glow-accent:0 0 0 1px #4d8dff59, 0 4px 20px var(--accent-glow);--ease:cubic-bezier(.2, .8, .2, 1);--t-fast:.15s;--t-med:.22s;--tabbar-h:60px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}input,select{font:inherit}a{color:var(--accent-hi);text-decoration:none}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px;border-radius:4px}#root{flex-direction:column;min-height:100dvh;display:flex}.app-shell{flex-direction:column;flex:1;min-height:100dvh;display:flex}.screen{padding:calc(var(--safe-top) + var(--sp-5)) var(--sp-4) calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-6));flex:1;width:100%;max-width:560px;margin:0 auto}.eyebrow{font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-weight:600}.screen-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:-.01em;font-weight:700}.display-num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tabbar{inset-inline:0;z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);background:#090d18e0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0}.tabbar__item{font-size:var(--fs-micro);color:var(--text-3);transition:color var(--t-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:500;display:flex}.tabbar__item.is-active{color:var(--accent-hi)}.tabbar__item:active{transform:translateY(1px)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--r-md);font-weight:600;font-size:var(--fs-body);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--grad-accent);color:var(--on-accent);box-shadow:var(--glow-accent)}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--danger{color:var(--danger);background:#ff5d731f;border:1px solid #ff5d734d}.btn--sm{min-height:38px;padding:0 var(--sp-4);font-size:var(--fs-small);border-radius:var(--r-sm)}.btn:disabled{opacity:.45;pointer-events:none}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.icon-btn{border-radius:var(--r-md);width:44px;height:44px;color:var(--text-2);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{background:var(--surface-2);color:var(--text)}@media (hover:hover){.btn--primary:hover{filter:brightness(1.09)}.btn--ghost:hover{background:var(--surface-3)}.btn--danger:hover{background:#ff5d7333}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.tabbar__item:hover{color:var(--text-2)}.tabbar__item.is-active:hover{color:var(--accent-hi)}.cattile:hover{border-color:var(--border-strong)}.tl-cell--gap:hover{border-color:var(--accent);color:var(--accent-hi)}.segmented__item:hover:not(.is-active){color:var(--text)}}[dir=rtl] .icon--dir{transform:scaleX(-1)}.log-head{margin-bottom:var(--sp-5)}.log-head .screen-title{margin-top:var(--sp-1);font-size:1.75rem}.log-head__day{font-size:var(--fs-small);color:var(--text-2);margin-inline-start:var(--sp-2);font-weight:500}.log-head__q{color:var(--text-2);margin-top:var(--sp-1)}.log-head__already{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--text-2);display:flex}.log-head__already strong{color:var(--text)}.log-head__chip{border-radius:var(--r-sm);background:color-mix(in srgb, var(--cat) 18%, transparent);width:24px;height:24px;color:var(--cat);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.catchup-banner{align-items:center;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--accent-soft);border-radius:var(--r-md);color:var(--text);transition:transform var(--t-fast) var(--ease);border:1px solid #4d8dff59;font-weight:500;display:flex}.catchup-banner:active{transform:scale(.98)}.catchup-banner__dot{min-width:26px;height:26px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--grad-accent);color:var(--on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);justify-content:center;align-items:center;display:inline-flex}.catchup-banner__txt{text-align:start;font-size:var(--fs-small);flex:1}.catchup-banner>svg{color:var(--accent-hi)}.catchup-controls{margin-bottom:var(--sp-4)}.catchup-progress{border-radius:var(--r-full);background:var(--surface-2);height:5px;overflow:hidden}.catchup-progress__fill{border-radius:var(--r-full);background:var(--grad-accent);transform-origin:0;width:100%;height:100%;transition:transform var(--t-med) var(--ease)}[dir=rtl] .catchup-progress__fill{transform-origin:100%}.catchup-actions{justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.catgrid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.cattile{justify-content:center;align-items:center;gap:var(--sp-2);min-height:108px;padding:var(--sp-3) var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;display:flex;position:relative}.cattile:active{transform:scale(.94)}.cattile.is-selected{border-color:var(--cat);box-shadow:0 0 0 1px var(--cat), 0 4px 18px color-mix(in srgb, var(--cat) 30%, transparent)}.cattile__chip{border-radius:var(--r-md);background:color-mix(in srgb, var(--cat) 16%, transparent);width:46px;height:46px;color:var(--cat);justify-content:center;align-items:center;display:inline-flex}.cattile__name{font-size:var(--fs-small);text-align:center;color:var(--text);font-weight:500;line-height:1.25}.cattile__badge{white-space:nowrap;border-radius:var(--r-full);background:var(--grad-accent);color:var(--on-accent);letter-spacing:.02em;padding:2px 8px;font-size:.625rem;font-weight:600;position:absolute;top:6px;left:50%;transform:translate(-50%)}.cattile__check{top:8px;border-radius:var(--r-full);background:var(--cat);color:#06121c;width:22px;height:22px;animation:pop var(--t-med) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:8px}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.log-hint{margin-top:var(--sp-4);font-size:var(--fs-small);text-align:center}.empty{gap:var(--sp-3);padding:var(--sp-5);flex-direction:column;align-items:flex-start;display:flex}.empty__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead)}.today-head{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.today-head .screen-title{text-transform:capitalize}.fillring{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.fillring__label{font-size:.7rem;font-weight:700;position:absolute}.day-nav{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.day-nav__today{font-size:var(--fs-small)}.timeline{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.timeline__row{align-items:stretch;gap:var(--sp-2);grid-template-columns:40px 1fr;display:grid}.timeline__time{font-size:var(--fs-micro);color:var(--text-3);text-align:end;padding-top:6px}.tl-cell{border-radius:var(--r-sm);align-items:center;gap:var(--sp-2);min-height:30px;padding:0 var(--sp-3);text-align:start;transition:transform var(--t-fast) var(--ease), filter var(--t-fast) var(--ease);display:flex}.tl-cell--logged{background:color-mix(in srgb, var(--cat) 17%, var(--surface));border:1px solid color-mix(in srgb, var(--cat) 30%, transparent);color:var(--text)}.tl-cell--logged:active{filter:brightness(1.15);transform:scale(.985)}.tl-cell__icon{color:var(--cat);display:inline-flex}.tl-cell__name{font-size:var(--fs-small);flex-shrink:0;font-weight:600}.tl-cell__note{min-width:0;font-size:var(--fs-micro);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tl-cell__dur{font-size:var(--fs-micro);color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto;padding-inline-start:var(--sp-2)}.tl-cell__notedot{border-radius:var(--r-full);background:var(--cat);opacity:.7;width:5px;height:5px;margin-inline-start:auto}.tl-cell--gap{border:1.5px dashed var(--border-strong);color:var(--text-3);background:0 0;justify-content:center}.tl-cell--gap:active{border-color:var(--accent);color:var(--accent-hi)}.tl-cell--current{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-hi);font-size:var(--fs-small);justify-content:center;font-weight:600}.tl-cell--current:active{transform:scale(.985)}.tl-cell--future{border:1px dashed var(--border);opacity:.4;min-height:30px}.tl-cell__pulse{border-radius:var(--r-full);background:var(--accent-hi);width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.sheet__row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.stats-head{margin-bottom:var(--sp-4)}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-4);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented__item{border-radius:var(--r-sm);min-height:40px;font-weight:600;font-size:var(--fs-small);color:var(--text-2);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease)}.segmented__item.is-active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.stats-screen .card{margin-bottom:var(--sp-4)}.stats-summary{align-items:center;gap:var(--sp-4);display:flex}.stats-summary__big{font-size:var(--fs-hero);font-weight:700;line-height:1.1}.weekchart{width:100%;height:auto;display:block}.weekchart__label{fill:var(--text-3);font-size:11px;font-family:var(--font-ui)}.weekchart__label.is-today{fill:var(--accent-hi);font-weight:700}.weekchart__value{fill:var(--text-2);font-size:10px;font-family:var(--font-display);font-weight:500}.weeklegend{margin:var(--sp-3) 0 0;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.weeklegend li{font-size:var(--fs-micro);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.weeklegend__dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.catlist{gap:var(--sp-3);flex-direction:column;display:flex}.catrow{align-items:center;gap:var(--sp-3);display:flex}.catrow__chip{border-radius:var(--r-sm);background:color-mix(in srgb, var(--cat) 16%, transparent);width:34px;height:34px;color:var(--cat);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.catrow__mid{flex:1;min-width:0}.catrow__top{justify-content:space-between;gap:var(--sp-2);margin-bottom:5px;display:flex}.catrow__name{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.catrow__arch{color:var(--text-3);font-weight:400}.catrow__time{font-size:var(--fs-small);color:var(--text-2)}.catrow__bar{border-radius:var(--r-full);background:var(--surface-2);height:6px;overflow:hidden}.catrow__fill{border-radius:var(--r-full);transform-origin:0;width:100%;height:100%;transition:transform var(--t-med) var(--ease)}[dir=rtl] .catrow__fill{transform-origin:100%}.catrow__delta{text-align:end;flex-shrink:0;width:64px}.catlist__hint{font-size:var(--fs-micro);text-align:end}.delta{font-size:var(--fs-micro);font-variant-numeric:tabular-nums;color:var(--text-2);align-items:center;gap:3px;font-weight:600;display:inline-flex}.delta--flat,.delta--new{color:var(--text-3);font-weight:500}.deepcard{gap:var(--sp-4);background:linear-gradient(160deg, #2e6bff1f, var(--surface) 55%);border-color:#4d8dff59;align-items:flex-start;display:flex}.deepcard__chip{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-hi);justify-content:center;align-items:center;display:inline-flex}.deepcard__label{font-size:var(--fs-small);color:var(--accent-hi);font-weight:600}.deepcard__big{font-size:1.5rem;font-weight:700;line-height:1.2}.deepcard__sep{font-size:var(--fs-small);color:var(--text-2);font-weight:500}.deepcard__sub{font-size:var(--fs-small)}.streakcard__main{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.streakcard__flame{border-radius:var(--r-md);width:46px;height:46px;color:var(--warning);background:#f5b14c24;justify-content:center;align-items:center;display:inline-flex}.streakcard__big{font-size:var(--fs-hero);font-weight:700;line-height:1.1}.streakcard__unit{font-size:var(--fs-body);color:var(--text-2);font-weight:500}.streakcard__records{gap:var(--sp-2);border-top:1px solid var(--border);padding:0;padding-top:var(--sp-3);flex-direction:column;margin:0;list-style:none;display:flex}.streakcard__records li{font-size:var(--fs-small);justify-content:space-between;display:flex}.settings-head,.settings-screen .card{margin-bottom:var(--sp-4)}.set-section{gap:var(--sp-3);flex-direction:column;display:flex}.set-section__title{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-lead);font-weight:700;display:flex}.set-section__title svg{color:var(--accent-hi)}.set-section__status{font-size:var(--fs-small);margin-top:calc(-1 * var(--sp-2))}.set-section__warn{font-size:var(--fs-small);color:var(--warning);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);background:#f5b14c1a;border:1px solid #f5b14c4d}.set-row{gap:var(--sp-2);align-items:center;display:flex}.set-row--wrap{flex-wrap:wrap}.set-field{gap:var(--sp-2);flex-direction:column;display:flex}.set-field__label{font-size:var(--fs-small);color:var(--text-2);font-weight:600}.set-field .segmented{margin-bottom:0}.pause-state{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--accent-soft);border-radius:var(--r-sm);border:1px solid #4d8dff59;display:flex}.pause-state__txt{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--accent-hi);font-weight:600;display:inline-flex}.set-toggle{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0;cursor:pointer;display:flex}.set-toggle+.set-toggle{border-top:1px solid var(--border)}.set-toggle__txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.set-toggle__name{font-size:var(--fs-body);font-weight:600}.set-toggle__desc{font-size:var(--fs-small);color:var(--text-3);line-height:1.45}.set-toggle .switch{margin-top:2px}.daylist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dayrow{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);min-height:52px;display:flex}.dayrow:last-child{border-bottom:0}.dayrow.is-off .dayrow__name{color:var(--text-3)}.dayrow__name{width:70px;font-size:var(--fs-small);flex-shrink:0;font-weight:600}.dayrow__times{align-items:center;gap:var(--sp-1);min-width:0;font-size:var(--fs-small);margin-inline-start:auto;display:flex}.dayrow__times .timefield{max-width:96px;padding-inline:6px}.dayrow__arrow{color:var(--text-3)}.timefield{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-small);font-variant-numeric:tabular-nums;min-height:38px;padding:7px 8px}.timefield:focus{border-color:var(--accent);outline:none}.switch{flex-shrink:0;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch__track{border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--border-strong);width:40px;height:24px;transition:background var(--t-fast) var(--ease);position:relative}.switch__track:after{content:"";top:2px;border-radius:var(--r-full);background:var(--text-2);width:18px;height:18px;transition:transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);position:absolute;inset-inline-start:2px}.switch input:checked+.switch__track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch__track:after{background:#fff;transform:translate(16px)}[dir=rtl] .switch input:checked+.switch__track:after{transform:translate(-16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent-hi);outline-offset:2px}.catmanage{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.catmanage__row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);min-height:52px;display:flex}.catmanage__row:last-child{border-bottom:0}.catmanage__row.is-archived{opacity:.75}.catmanage__name{min-width:0;font-size:var(--fs-body);overflow-wrap:anywhere;flex:1;font-weight:500;line-height:1.25}.catmanage__actions{gap:2px;display:flex}.icon-btn--sm{width:38px;height:38px}.icon-btn--danger:active{color:var(--danger);background:#ff5d731f}.icon-btn:disabled{opacity:.3;pointer-events:none}.archived{border-top:1px solid var(--border);padding-top:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.iconpick{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.iconpick__item{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);height:44px;color:var(--text-2);transition:border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.iconpick__item.is-active{border-color:var(--accent);color:var(--accent-hi);box-shadow:0 0 0 1px var(--accent)}.colorpick{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(38px,1fr));display:grid}.colorpick__item{border-radius:var(--r-sm);background:var(--cat);opacity:.85;height:38px;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.colorpick__item.is-active{opacity:1;box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--cat);transform:scale(.94)}.about{text-align:center;font-size:var(--fs-micro);padding-bottom:var(--sp-4)}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--sp-5);animation:fade-in var(--t-fast) var(--ease);background:#02040ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:100%;max-width:360px;padding:var(--sp-5);box-shadow:var(--shadow-card)}.dialog__title{font-family:var(--font-display);font-size:var(--fs-lead);margin-bottom:var(--sp-2);font-weight:700}.dialog__msg{font-size:var(--fs-small);margin-bottom:var(--sp-4)}.dialog__actions{justify-content:flex-end;gap:var(--sp-3);display:flex}.onboarding{padding-bottom:var(--sp-8);flex-direction:column;min-height:100dvh;display:flex}.ob-dots{gap:var(--sp-2);margin-bottom:var(--sp-6);justify-content:center;display:flex}.ob-dot{border-radius:var(--r-full);background:var(--surface-3);width:26px;height:4px;transition:background var(--t-med) var(--ease)}.ob-dot.is-done{background:var(--grad-accent)}.ob-step{gap:var(--sp-4);flex-direction:column;flex:1;justify-content:center;width:100%;max-width:420px;margin:0 auto;display:flex}.ob-logo{border:1px solid var(--border-strong);background:linear-gradient(160deg,#0b1122,#05070d);border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto;display:flex;position:relative;box-shadow:0 8px 40px #2e6bff40}.ob-logo__t{font-family:var(--font-display);color:var(--accent-hi);font-size:44px;font-weight:700}.ob-logo__dot{border-radius:var(--r-full);background:var(--accent-hi);width:8px;height:8px;position:absolute;bottom:22px;right:20px}.ob-title{font-family:var(--font-display);text-align:center;letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.ob-lead{text-align:center;color:var(--text-2);font-size:var(--fs-lead);line-height:1.55}.ob-lead strong{color:var(--text)}.ob-points{padding:var(--sp-4);gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;margin:0;list-style:none;display:flex}.ob-points li{align-items:center;gap:var(--sp-3);font-size:var(--fs-body);display:flex}.ob-points svg{color:var(--accent-hi);flex-shrink:0}.ob-guide{gap:var(--sp-3);counter-reset:guide;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ob-guide li{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-body);display:flex}.ob-guide__num{border-radius:var(--r-full);background:var(--grad-accent);width:24px;height:24px;color:var(--on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ob-guide__ico{color:var(--accent-hi);flex-shrink:0;display:inline-flex}.ob-hint{font-size:var(--fs-small);color:var(--warning);text-align:center}.ob-note{font-size:var(--fs-small);text-align:center}.ob-note--warn{color:var(--warning);border-radius:var(--r-sm);padding:var(--sp-3);background:#f5b14c1a;border:1px solid #f5b14c4d}.ob-window{gap:var(--sp-3);flex-direction:column;display:flex}.ob-window__row{align-items:center;gap:var(--sp-3);display:flex}.ob-window__row .timefield{flex:1}.splitbar{height:52px;margin-bottom:var(--sp-5);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);touch-action:none;display:flex;position:relative;overflow:hidden}.splitseg{min-width:0;transition:width var(--t-fast) var(--ease);display:flex;position:relative}.splitseg__body{min-width:0;padding:0 var(--sp-2);background:color-mix(in srgb, var(--cat) 22%, var(--surface));color:var(--text);border-inline-end:1px solid var(--bg);flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.splitseg:last-child .splitseg__body{border-inline-end:0}.splitseg__body>svg{color:var(--cat);flex-shrink:0}.splitseg__name{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.splitseg__dur{font-family:var(--font-display);font-size:var(--fs-micro);color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0}.splithandle{top:0;z-index:2;cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:22px;height:100%;display:flex;position:absolute;inset-inline-end:-11px}.splithandle__grip{border-radius:var(--r-full);background:var(--text-2);width:4px;height:22px;box-shadow:0 0 0 3px var(--bg)}.splithandle:active .splithandle__grip,.splithandle:focus-visible .splithandle__grip{background:var(--accent-hi)}.splitbar__scale{inset-inline:var(--sp-2);color:var(--text-3);pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:2px}.cattile__rank{font-family:var(--font-display);font-size:.7rem;font-weight:700}.log-head__q--ok{color:var(--success);align-items:center;gap:var(--sp-2);font-size:var(--fs-small);display:flex}.log-footer{margin-top:var(--sp-5)}.log-footer--sticky{bottom:calc(var(--tabbar-h) + var(--safe-bottom));z-index:20;margin-top:var(--sp-4);padding:var(--sp-5) 0 var(--sp-3);background:linear-gradient(to top, var(--bg) 72%, transparent);position:sticky}.existing-list{margin:0 0 var(--sp-4);gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.existing-list li{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--cat) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--cat) 28%, transparent);display:flex}.existing-list__chip{color:var(--cat);display:inline-flex}.existing-list__name{font-size:var(--fs-small);flex:1;font-weight:600}.existing-list__dur{font-size:var(--fs-small);color:var(--text-2);font-variant-numeric:tabular-nums}.tl{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.tl__row{gap:var(--sp-2);grid-template-columns:44px 1fr;align-items:stretch;display:grid}.tl__time{font-size:var(--fs-micro);color:var(--text-3);text-align:end;font-variant-numeric:tabular-nums;padding-top:8px}.tl-block{align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);border-radius:var(--r-sm);text-align:start;transition:transform var(--t-fast) var(--ease), filter var(--t-fast) var(--ease);display:flex;overflow:hidden}.tl-block--entry{background:color-mix(in srgb, var(--cat) 17%, var(--surface));border:1px solid color-mix(in srgb, var(--cat) 32%, transparent);color:var(--text)}.tl-block--entry:active{filter:brightness(1.15);transform:scale(.985)}.tl-block__icon{color:var(--cat);flex-shrink:0;display:inline-flex}.tl-block__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tl-block__name{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tl-block__note{font-size:var(--fs-micro);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-block__dur{font-size:var(--fs-micro);color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0}.tl-block--gap{justify-content:center;gap:var(--sp-2);border:1.5px dashed var(--border-strong);color:var(--text-3);background:0 0}.tl-block--gap:active{border-color:var(--accent);color:var(--accent-hi)}.tl-block--gap.is-future{border-style:solid;border-color:var(--border);opacity:.35;pointer-events:none}.tl-block__gaplabel{font-size:var(--fs-micro)}.tl__now{gap:var(--sp-2);grid-template-columns:44px 1fr;align-items:center;margin:3px 0;display:grid}.tl__now-time{font-size:var(--fs-micro);color:var(--accent-hi);text-align:end;font-variant-numeric:tabular-nums;font-weight:700}.tl__now-line{border-radius:var(--r-full);background:linear-gradient(90deg, var(--accent-hi), transparent);height:2px;position:relative}.tl__now-line:before{content:"";inset-inline-start:0;border-radius:var(--r-full);background:var(--accent-hi);width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.goalrings{margin:0 0 var(--sp-4);padding:var(--sp-4) var(--sp-3);justify-content:space-around;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);list-style:none;display:flex}.goalring{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.goalring__ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.goalring__icon{display:inline-flex;position:absolute}.goalring__val{font-size:var(--fs-small);font-weight:700}.goalring__target{font-size:var(--fs-micro);color:var(--text-3)}.goalring.is-ok .goalring__val{color:var(--success)}.goalring.is-exceeded .goalring__val{color:var(--warning)}.verdict{border-color:var(--border-strong)}.verdict__label{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--text-2);margin-bottom:var(--sp-2);font-weight:600;display:flex}.verdict__chip{border-radius:var(--r-sm);background:color-mix(in srgb, var(--cat) 18%, transparent);width:28px;height:28px;color:var(--cat);justify-content:center;align-items:center;display:inline-flex}.verdict__big{font-size:2.25rem;font-weight:700;line-height:1.05}.verdict__delta{margin-top:var(--sp-1);font-size:var(--fs-small);color:var(--text-2);align-items:center;gap:5px;font-weight:600;display:flex}.verdict.is-up .verdict__delta{color:var(--success)}.verdict.is-down .verdict__delta{color:var(--warning)}.verdict__goal{margin-top:var(--sp-2);font-size:var(--fs-small)}.insights__title{font-family:var(--font-display);font-size:var(--fs-lead);margin-bottom:var(--sp-3);font-weight:700}.insights ul{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.insight{gap:var(--sp-3);font-size:var(--fs-small);color:var(--text);align-items:flex-start;line-height:1.5;display:flex}.insight__icon{border-radius:var(--r-sm);background:var(--surface-2);width:30px;height:30px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insight--up .insight__icon{color:var(--success);background:#34d3991f}.insight--down .insight__icon{color:var(--warning);background:#f5b14c1f}.heatmap{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.heatmap__cell{aspect-ratio:1;background:color-mix(in srgb, var(--cat) calc(var(--i) * 85%), var(--surface-2));border:1px solid var(--border);border-radius:4px}.heatmap__cell.is-empty{background:var(--surface-2);opacity:.5}.heatmap__legend{margin-top:var(--sp-2);font-size:var(--fs-micro);justify-content:space-between;display:flex}.goallist{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.goallist__row{gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);flex-direction:column;display:flex}.goallist__row:last-child{border-bottom:0}.goallist__head{align-items:center;gap:var(--sp-3);display:flex}.goallist__name{min-width:0;font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.goallist__controls{align-items:center;gap:var(--sp-2);padding-inline-start:calc(34px + var(--sp-3));display:flex}.goallist__controls .timefield{flex:1;min-width:0}.goallist__unit{font-size:var(--fs-small);flex-shrink:0}.goallist__add{width:100%;color:var(--accent-hi);font-weight:600}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-4));z-index:60;align-items:center;gap:var(--sp-3);max-width:min(92vw,420px);padding:var(--sp-3) var(--sp-4);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-card);animation:toast-in var(--t-med) var(--ease);display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast__msg{font-size:var(--fs-small);font-weight:500}.toast__undo{color:var(--accent-hi);font-weight:700;font-size:var(--fs-small);padding:var(--sp-1) var(--sp-2);flex-shrink:0}.toast__close{color:var(--text-3);padding:var(--sp-1);flex-shrink:0;display:inline-flex}.sheet-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-fast) var(--ease);background:#02040aa8;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:560px;padding:var(--sp-2) var(--sp-4) calc(var(--safe-bottom) + var(--sp-5));box-shadow:var(--shadow-sheet);animation:sheet-in var(--t-med) var(--ease);border-bottom:0;max-height:86dvh;margin:0 auto;overflow-y:auto}@keyframes sheet-in{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet__grab{border-radius:var(--r-full);background:var(--border-strong);width:40px;height:4px;margin:var(--sp-1) auto var(--sp-2)}.sheet__head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.sheet__title{font-family:var(--font-display);font-size:var(--fs-lead);font-weight:700}.sheet__body{gap:var(--sp-4);flex-direction:column;display:flex}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-small);color:var(--text-2);font-weight:600}.field__input{width:100%;padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-body);resize:none}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}