/* (c) 2026 TrackWise. All rights reserved. */
:root{--primary: #2563EB;--primary-ink: #1D4ED8;--primary-soft: #DBEAFE;--success: #22C55E;--success-ink: #15803D;--success-soft: #DCFCE7;--warning: #F59E0B;--warning-ink: #B45309;--warning-soft: #FEF3C7;--danger: #EF4444;--danger-ink: #B91C1C;--danger-soft: #FEE2E2;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #F1F5F9;--line: #E2E8F0;--text: #1E293B;--text-2: #475569;--text-3: #64748B;--ring-track: #E2E8F0;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px -6px rgba(15, 23, 42, .08);--shadow-float: 0 10px 30px -8px rgba(37, 99, 235, .45);--scrim: rgba(15, 23, 42, .45);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.5625rem;--t-2xl: 1.953rem;--t-3xl: 2.441rem;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--gap: 16px;--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}:root[data-theme=dark]{--primary: #3B82F6;--primary-ink: #93C5FD;--primary-soft: rgba(59,130,246,.16);--success-ink: #4ADE80;--success-soft: rgba(34,197,94,.14);--warning-ink: #FBBF24;--warning-soft: rgba(245,158,11,.14);--danger-ink: #F87171;--danger-soft: rgba(239,68,68,.14);--bg: #0B1220;--surface: #111A2E;--surface-2: #17223A;--line: #22304D;--text: #E2E8F0;--text-2: #A7B4C8;--text-3: #8391A7;--ring-track: #22304D;--shadow-card: 0 1px 0 rgba(255,255,255,.03) inset, 0 6px 20px -10px rgba(0,0,0,.6);--shadow-float: 0 10px 30px -8px rgba(59,130,246,.5);--scrim: rgba(2, 6, 23, .7);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #3B82F6;--primary-ink: #93C5FD;--primary-soft: rgba(59,130,246,.16);--success-ink: #4ADE80;--success-soft: rgba(34,197,94,.14);--warning-ink: #FBBF24;--warning-soft: rgba(245,158,11,.14);--danger-ink: #F87171;--danger-soft: rgba(239,68,68,.14);--bg: #0B1220;--surface: #111A2E;--surface-2: #17223A;--line: #22304D;--text: #E2E8F0;--text-2: #A7B4C8;--text-3: #8391A7;--ring-track: #22304D;--shadow-card: 0 1px 0 rgba(255,255,255,.03) inset, 0 6px 20px -10px rgba(0,0,0,.6);--shadow-float: 0 10px 30px -8px rgba(59,130,246,.5);--scrim: rgba(2, 6, 23, .7);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100dvh;font:400 var(--t-md)/1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h2{font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em}h3{font-size:var(--t-md);font-weight:600}a{color:var(--primary-ink)}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--surface);padding:8px 14px;border-radius:var(--r-sm)}.skip-link:focus{top:12px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.small{font-size:var(--t-sm)}.noscript{padding:24px}svg path,svg polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.splash{position:fixed;inset:0;z-index:90;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--bg);transition:opacity .35s var(--ease),visibility .35s}.splash.done{opacity:0;visibility:hidden}.splash-track{fill:none;stroke:var(--ring-track);stroke-width:5}.splash-arc{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center;animation:draw 1s var(--ease) forwards}.splash-check{stroke:var(--primary)!important;stroke-width:4!important;stroke-dasharray:100;stroke-dashoffset:100;animation:draw .4s .8s var(--ease) forwards}.splash-name{font-weight:650;font-size:var(--t-lg);letter-spacing:-.01em}@keyframes draw{to{stroke-dashoffset:0}}.app{min-height:100dvh}.shell{min-width:0}.main{max-width:760px;margin:0 auto;padding:8px 16px calc(var(--tabbar-h) + var(--safe-b) + 96px);outline:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-t)) 12px 10px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}.topbar-title{flex:1;min-width:0;font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;gap:4px}.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:22px;height:22px}.badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font:700 11px/18px var(--font-num);text-align:center;border:2px solid var(--bg)}.offline-bar{margin:0 16px 8px;padding:8px 12px;border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning-ink);font-size:var(--t-sm);text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);text-decoration:none;font-size:11px;font-weight:550}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--primary)}.fab{position:fixed;z-index:31;right:18px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 16px;border-radius:var(--r-pill);background:var(--primary);color:#fff;text-decoration:none;box-shadow:var(--shadow-float);font-weight:600;transition:transform .2s var(--ease)}.fab:active{transform:scale(.96)}.fab svg{width:24px;height:24px;stroke-width:2.4}.fab-label,body.hide-fab .fab,.rail{display:none}@media(min-width:900px){.app{display:grid;grid-template-columns:240px 1fr}.rail{display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100dvh;padding:22px 14px;border-right:1px solid var(--line);background:var(--surface)}.rail-brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--text);text-decoration:none;font-weight:700;font-size:var(--t-lg)}.rail-links{display:grid;gap:2px}.rail-links .tab{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-2)}.rail-links .tab:hover{background:var(--surface-2)}.rail-links .tab[aria-current=page]{background:var(--primary-soft);color:var(--primary-ink)}.rail-links .tab svg{width:20px;height:20px}.tabbar{display:none}.main{padding:8px 32px 96px}.topbar{padding:18px 32px 12px;max-width:824px;margin:0 auto}.fab{bottom:28px;right:32px;padding:0 22px 0 18px}.fab-label{display:inline}}.section{margin-top:28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head a{font-size:var(--t-sm);text-decoration:none;font-weight:550}.stack{display:grid;gap:10px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.card-pad{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid transparent;background:var(--surface-2);color:var(--text);font-weight:600;font-size:var(--t-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s var(--ease),box-shadow .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-ink)}:root[data-theme=dark] .btn-primary:hover{background:#2563eb}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger-ink)}.btn-block{width:100%}.btn-lg{min-height:52px;font-size:var(--t-md)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 6px;margin:0 -16px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:none;min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--t-sm);font-weight:550;cursor:pointer}.chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;background:var(--surface-2);color:var(--text-2)}.pill-ok{background:var(--primary-soft);color:var(--primary-ink)}.pill-due-soon{background:var(--warning-soft);color:var(--warning-ink)}.pill-overdue{background:var(--danger-soft);color:var(--danger-ink)}.pill-done{background:var(--success-soft);color:var(--success-ink)}.field{display:grid;gap:6px}.field+.field{margin-top:16px}.label{font-size:var(--t-sm);font-weight:600;color:var(--text-2)}.hint{font-size:var(--t-xs);color:var(--text-3)}.input,.select,.textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.textarea{min-height:88px;resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.form-error{padding:10px 12px;border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger-ink);font-size:var(--t-sm)}.interval-input{display:flex;align-items:center;gap:10px}.interval-input .input{width:110px;text-align:center;font-family:var(--font-num);font-size:var(--t-lg)}.presets{display:flex;flex-wrap:wrap;gap:6px}.search{position:relative}.search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search .input{padding-left:42px;border-radius:var(--r-pill)}.switch{position:relative;width:50px;height:30px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--line);transition:background .2s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:3px solid var(--primary);outline-offset:2px}.segmented{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--surface-2)}.segmented button{min-height:34px;padding:0 14px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:var(--t-sm);font-weight:600;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0f172a1f}.ring{--size: 64px;--p: 0;--tone: var(--primary);position:relative;width:var(--size);height:var(--size);flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6}.ring .track{stroke:var(--ring-track)}.ring .arc{stroke:var(--tone);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p) * 100);transition:stroke-dashoffset .8s var(--ease),stroke .3s}.ring-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}.ring-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700;font-size:calc(var(--size) * .3);letter-spacing:-.02em}.ring-unit{margin-top:2px;font-size:calc(var(--size) * .14);color:var(--text-3);font-weight:550}.ring[data-status=due-soon]{--tone: var(--warning)}.ring[data-status=overdue]{--tone: var(--danger)}.ring[data-status=new],.ring[data-status=tracking]{--tone: var(--text-3)}.ring.just-logged{--tone: var(--success)}.ring-xl{--size: 168px}.ring-xl circle{stroke-width:5}.event-card{display:flex;align-items:center;gap:14px;padding:14px;text-decoration:none;color:inherit}.event-card .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:var(--t-sm);color:var(--text-3)}.event-title{font-weight:620;font-size:var(--t-md);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-link{position:static;color:inherit;text-decoration:none}.event-link:after{content:"";position:absolute;inset:0;border-radius:var(--r-md)}.event-card{position:relative}.log-btn{position:relative;z-index:1;flex:none;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s var(--ease)}.log-btn:hover{border-color:var(--success);color:var(--success-ink)}.log-btn:active{transform:scale(.92)}.log-btn svg{width:22px;height:22px;stroke-width:2.4}.log-btn.done{background:var(--success);border-color:var(--success);color:#fff;animation:pop .45s var(--ease)}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.greeting{margin:4px 0 18px;color:var(--text-2)}.insights{display:grid;gap:8px}.insight{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-size:var(--t-sm);color:var(--text-2);text-decoration:none}.insight .dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--primary)}.insight-warning{background:var(--warning-soft);border-color:transparent;color:var(--text)}.insight-warning .dot{background:var(--warning)}.insight-success .dot{background:var(--success)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px}.stat-value{font-family:var(--font-num);font-weight:700;font-size:var(--t-2xl);line-height:1.1;letter-spacing:-.02em}.stat-label{font-size:var(--t-xs);color:var(--text-3);margin-top:2px}.stat-overdue .stat-value{color:var(--danger-ink)}.stat-soon .stat-value{color:var(--warning-ink)}.upcoming{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 8px;margin:0 -16px;scroll-snap-type:x mandatory;scrollbar-width:none}.upcoming::-webkit-scrollbar{display:none}.upcoming-item{flex:none;width:150px;padding:14px;scroll-snap-align:start;text-decoration:none;color:inherit}.upcoming-when{font-family:var(--font-num);font-weight:700;font-size:var(--t-lg)}.upcoming-title{font-size:var(--t-sm);color:var(--text-2);margin-top:4px;line-height:1.35}.list{padding:4px 0}.list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:inherit;text-decoration:none}.list-item+.list-item{border-top:1px solid var(--line)}a.list-item:hover{background:var(--surface-2)}.check{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--success-soft);color:var(--success-ink);flex:none}.check svg{width:16px;height:16px;stroke-width:2.6}.timeline-day{margin-top:22px}.timeline-date{position:sticky;top:calc(64px + var(--safe-t));z-index:5;display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:var(--r-pill);background:var(--bg);font-size:var(--t-sm);font-weight:650;color:var(--text-2)}.log-list .list-item{padding:12px 8px 12px 16px}.gap{font-family:var(--font-num);font-size:var(--t-xs);color:var(--text-3);white-space:nowrap}.detail-hero{display:grid;justify-items:center;gap:14px;padding:24px 16px 20px;text-align:center}.detail-hero .ring-value{font-size:3.2rem}.detail-hero .ring-unit{font-size:var(--t-sm);margin-top:4px}.detail-sub{color:var(--text-2);font-size:var(--t-sm)}.detail-actions{display:flex;gap:10px;width:100%;max-width:380px}.detail-actions .btn-primary{flex:1}.facts{display:grid;grid-template-columns:repeat(2,1fr)}.fact{padding:14px 16px}.fact:nth-child(odd){border-right:1px solid var(--line)}.fact:nth-child(n+3){border-top:1px solid var(--line)}.fact-value{font-family:var(--font-num);font-weight:700;font-size:var(--t-xl);letter-spacing:-.01em}.fact-label{font-size:var(--t-xs);color:var(--text-3)}.prediction{display:flex;align-items:center;gap:14px;padding:16px}.prediction-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary-ink);flex:none}.prediction-icon svg{width:22px;height:22px}.description{color:var(--text-2);white-space:pre-wrap}.chart{width:100%;height:auto;overflow:visible}.chart .bar{fill:var(--primary)}.chart .bar-dim{fill:color-mix(in srgb,var(--primary) 35%,var(--surface))}.chart .axis{fill:var(--text-3);font-size:11px;font-family:var(--font)}.chart .val{fill:var(--text-2);font-size:11px;font-family:var(--font-num);font-weight:600}.chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.chart .line{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:color-mix(in srgb,var(--primary) 14%,transparent);stroke:none}.chart .pt{fill:var(--surface);stroke:var(--primary);stroke-width:2}.hbar{display:grid;grid-template-columns:minmax(80px,30%) 1fr auto;align-items:center;gap:10px;font-size:var(--t-sm)}.hbar+.hbar{margin-top:10px}.hbar-track{height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.hbar-fill{height:100%;width:var(--w, 0%);border-radius:inherit;background:var(--primary);transition:width .8s var(--ease)}.hbar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.hbar-val{font-family:var(--font-num);font-weight:650}.settings-group{overflow:hidden}.setting{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 16px;color:inherit;text-decoration:none}.setting+.setting{border-top:1px solid var(--line)}.setting-text{flex:1;min-width:0}.setting-title{font-weight:550}.setting-desc{font-size:var(--t-xs);color:var(--text-3);margin-top:1px}button.setting{width:100%;border:0;background:none;text-align:left;cursor:pointer}button.setting:hover,a.setting:hover{background:var(--surface-2)}.setting.danger .setting-title{color:var(--danger-ink)}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--primary-soft);color:var(--primary-ink);font-weight:700;font-size:var(--t-lg);flex:none}.notif{display:flex;gap:12px;padding:14px 12px 14px 16px;align-items:flex-start}.notif+.notif{border-top:1px solid var(--line)}.notif.unread{background:color-mix(in srgb,var(--primary-soft) 55%,transparent)}.notif-dot{width:8px;height:8px;margin-top:8px;border-radius:50%;flex:none;background:transparent}.notif.unread .notif-dot{background:var(--primary)}.notif-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.notif-actions .btn{min-height:36px;padding:0 14px}.empty{display:grid;justify-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--text-2)}.empty>svg{width:56px;height:56px;color:var(--text-3);stroke-width:1.5}.empty h2{color:var(--text)}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton-card{height:78px}@keyframes shimmer{to{background-position:-200% 0}}.auth{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--safe-t)) 20px calc(24px + var(--safe-b))}.auth-panel{width:100%;max-width:400px}.auth-brand{display:grid;justify-items:center;gap:12px;margin-bottom:28px;text-align:center}.auth-brand img{width:64px;height:64px}.auth-brand h1{font-size:var(--t-2xl);font-weight:750;letter-spacing:-.02em}.auth-brand p{color:var(--text-2);max-width:30ch}.auth-card{padding:22px}.auth-switch{margin-top:18px;text-align:center;font-size:var(--t-sm);color:var(--text-2)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:76px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;padding:0 10px;border:0;background:none;color:var(--primary-ink);font-size:var(--t-sm);font-weight:600;cursor:pointer;border-radius:8px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:var(--scrim);animation:fade .2s ease}.sheet{position:fixed;z-index:61;left:0;right:0;bottom:0;max-height:88dvh;overflow:auto;padding:10px 20px calc(20px + var(--safe-b));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:0 -10px 40px #0003;animation:rise .28s var(--ease)}.sheet:before{content:"";display:block;width:40px;height:5px;margin:0 auto 14px;border-radius:3px;background:var(--line)}.sheet h2{margin-bottom:6px}.sheet-actions{display:flex;gap:10px;margin-top:20px}.sheet-actions .btn{flex:1}@media(min-width:640px){.sheet{inset:50% auto auto 50%;width:min(460px,92vw);transform:translate(-50%,-50%);border-radius:var(--r-lg);padding:24px;animation:pop-in .22s var(--ease)}.sheet:before{display:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-46%)}}.toast-stack{position:fixed;z-index:80;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + 84px);transform:translate(-50%);display:grid;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}@media(min-width:900px){.toast-stack{bottom:100px}}.toast{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--text);color:var(--bg);font-size:var(--t-sm);box-shadow:0 10px 30px #00000040;pointer-events:auto;animation:toast-in .3s var(--ease)}.toast.leaving{opacity:0;transform:translateY(8px);transition:.2s}.toast .grow{font-weight:550}.toast button{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.install{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px}.install img{width:40px;height:40px;border-radius:10px}.view-enter{animation:view-in .22s var(--ease)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.ring .arc{stroke:Highlight}.chip[aria-pressed=true],.segmented button[aria-pressed=true]{outline:2px solid Highlight}}.note-line{display:block}a.stat{color:inherit;text-decoration:none}a.stat:hover{border-color:var(--primary)}.stats+.stats{margin-top:10px}.setting>svg{width:22px;height:22px;flex:none;color:var(--text-3)}.setting-title,.setting-desc{display:block}.setting .select{width:auto;min-width:150px;min-height:40px;padding-top:8px;padding-bottom:8px;background-position:calc(100% - 20px) 17px,calc(100% - 15px) 17px}.setting .segmented{flex:none}.upcoming-item,.insight{transition:border-color .15s}a.insight:hover,a.upcoming-item:hover{border-color:var(--primary)}.chart{display:block;max-width:560px;margin:0 auto}@media(min-width:900px){.topbar{max-width:760px}}.boot-help{display:none}.tabbar .tab{min-width:0;padding:0 2px}.tabbar .tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9.5px,2.75vw,11px);letter-spacing:-.01em}.setting-theme{flex-wrap:wrap;row-gap:8px}.setting-theme .segmented{flex:1 1 auto;max-width:100%}.setting-theme .segmented button{flex:1 1 auto;min-width:0;padding:0 6px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:340px){.setting-theme .segmented{flex-basis:100%}.setting-theme .segmented button{font-size:11.5px;padding:0 3px}.tabbar .tab{padding:0 1px}}.install{flex-wrap:wrap}.install>.grow{min-width:0;flex:1 1 160px;line-height:1.4}.install>.btn-primary{flex:0 0 auto}@media(max-width:520px){.install>.btn-primary{flex:1 1 100%;order:3}}.interval-input{flex-wrap:wrap}.interval-input .unit-select{width:auto;min-width:130px;flex:0 0 auto}.weather-slot{margin-bottom:16px}.weather-slot:empty{display:none}.weather-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;color:inherit;font:inherit;cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface) 70%)}.weather-card:hover{border-color:var(--primary)}.weather-temp{font-size:var(--t-2xl);font-weight:700;letter-spacing:-.02em;line-height:1}.weather-text{display:grid;gap:2px;min-width:0}.weather-desc{font-weight:600}.weather-meta{font-size:var(--t-xs);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-chevron{width:18px;height:18px;color:var(--text-3);flex:none}.weather-empty{color:var(--text-2);font-size:var(--t-sm)}.skeleton-weather{height:66px;background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.wx-icon{width:28px;height:28px;flex:none}.wx-icon path,.wx-icon circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wx-lg{width:40px;height:40px}.wx-xl{width:64px;height:64px}.wx-clear.wx-day,.wx-partly.wx-day{color:var(--warning)}.wx-clear.wx-night,.wx-partly.wx-night{color:var(--text-2)}.wx-cloud,.wx-fog{color:var(--text-3)}.wx-rain,.wx-drizzle,.wx-snow{color:var(--primary)}.wx-thunder{color:var(--danger)}.wx-sheet h2{margin:0}.wx-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wx-head .btn{min-height:36px;padding:0 12px;flex:none}.wx-place-line{margin:2px 0 12px}.wx-location{display:grid;gap:10px;margin-bottom:16px}.wx-results{max-height:220px;overflow:auto}.wx-place{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.wx-place:hover{background:var(--surface-2)}.wx-now{display:flex;align-items:center;gap:16px;margin:4px 0 14px}.wx-now-temp{font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:-.03em}.wx-now-desc{font-weight:600;margin:2px 0}.wx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0 0 18px}.wx-facts div{padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2)}.wx-facts dt{font-size:var(--t-xs);color:var(--text-3)}.wx-facts dd{margin:2px 0 0;font-weight:650}.wx-h{margin:0 0 8px;font-size:var(--t-sm);color:var(--text-2)}.wx-hours{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.wx-hour{flex:0 0 58px;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:var(--r-sm);background:var(--surface-2);scroll-snap-align:start}.wx-hour:first-child{background:var(--primary-soft)}.wx-hour-time{font-size:var(--t-xs);color:var(--text-3)}.wx-hour-temp{font-weight:650}.wx-hour-rain{font-size:11px;color:var(--text-3);min-height:14px}.wx-hour-rain.wet{color:var(--primary-ink);font-weight:600}.wx-chart{margin-top:14px}.wx-attrib{margin:14px 0 0;text-align:center}.wx-attrib a{color:var(--text-3)}.wx-skel{height:160px}@media(min-width:640px){.sheet:has(.wx-sheet){width:min(560px,92vw)}}.block{display:block}.center{text-align:center}.wrap-row{flex-wrap:wrap;justify-content:center;gap:6px}.header-actions{gap:2px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.quick-tile{position:relative;display:grid;gap:4px;align-content:start;min-height:92px;padding:12px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s var(--ease),border-color .15s}.quick-tile:hover{border-color:var(--success)}.quick-tile:active{transform:scale(.97)}.quick-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);color:var(--text-2)}.quick-check svg{width:18px;height:18px;stroke-width:2.4}.quick-title{font-weight:620;line-height:1.25}.quick-meta{font-size:var(--t-xs);color:var(--text-3)}.quick-overdue .quick-check{border-color:var(--danger);color:var(--danger-ink)}.quick-due-soon .quick-check{border-color:var(--warning);color:var(--warning-ink)}.quick-tile.done .quick-check{background:var(--success);border-color:var(--success);color:#fff;animation:pop .45s var(--ease)}.pin-btn[aria-pressed=true]{color:var(--primary)}.pin-btn[aria-pressed=true] path{fill:color-mix(in srgb,var(--primary) 25%,transparent)}.insight-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px}.insight-icon svg{width:18px;height:18px}.insight-weather{background:color-mix(in srgb,var(--primary) 9%,var(--surface));border-color:transparent;color:var(--text)}.insight-weather .insight-icon{color:var(--primary)}.insight-power{background:var(--warning-soft);border-color:transparent;color:var(--text)}.insight-power .insight-icon{color:var(--warning-ink)}.insight-water{background:color-mix(in srgb,#0EA5E9 12%,var(--surface));border-color:transparent;color:var(--text)}.insight-water .insight-icon{color:#0284c7}:root[data-theme=dark] .insight-water .insight-icon{color:#38bdf8}.outlook-card{display:grid;gap:8px;padding:12px 14px;color:inherit;text-decoration:none}.outlook-card:hover{border-color:var(--primary)}.outlook-head{display:flex;justify-content:space-between;gap:8px;font-weight:650;font-size:var(--t-sm)}.outlook-row{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-sm);color:var(--text-2)}.outlook-row svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--warning-ink)}.outlook-row.now{color:var(--text)}.outlook-row.now svg{color:var(--danger-ink)}.outlook-row.warn{color:var(--warning-ink)}.stage-line{display:flex;align-items:center;gap:6px;margin:14px 0 6px;font-weight:650}.stage-line svg{width:18px;height:18px;color:var(--warning-ink)}.window-list{list-style:none;margin:8px 0 0;padding:0}.window-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.window-list li.now{color:var(--danger-ink);font-weight:600}.attrib{margin:10px 0 0;color:var(--text-3)}.outage-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none}.outage-icon svg{width:18px;height:18px}.outage-icon.water{background:color-mix(in srgb,#0EA5E9 15%,var(--surface));color:#0284c7}.outage-icon.power{background:var(--warning-soft);color:var(--warning-ink)}.section-head .btn{min-height:36px;padding:0 12px}.seg-opt{position:relative}.seg-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.seg-opt span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:600;color:var(--text-2)}.seg-opt span svg{width:16px;height:16px}.seg-opt input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0f172a1f}.seg-opt input:focus-visible+span{outline:3px solid var(--primary);outline-offset:2px}.log-item{align-items:center}.log-body{display:grid;gap:1px;min-width:0;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.log-body:disabled{cursor:default}.log-note{overflow-wrap:anywhere}.cost-tag{display:inline-block;width:fit-content;padding:1px 8px;border-radius:var(--r-pill);background:var(--success-soft);color:var(--success-ink);font-weight:600;font-family:var(--font-num)}.photo-mark svg{display:inline-block;width:14px;height:14px;vertical-align:-2px;color:var(--text-3)}.log-thumb{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--surface-2);cursor:zoom-in}.log-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.log-thumb img.loaded{opacity:1}.photo-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.photo-preview{width:100%;max-height:220px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}.photo-preview img{display:block;width:100%;max-height:220px;object-fit:contain}.photo-viewer img{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:var(--r-sm);background:var(--surface-2)}.pill-shared{gap:4px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-ink)}.pill-shared svg{width:13px;height:13px}.house-card h2{margin:0}.avatar svg{width:24px;height:24px}.avatar.sm{width:34px;height:34px;font-size:var(--t-sm)}.invite{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px;border-radius:var(--r-sm);background:var(--surface-2);flex-wrap:wrap}.invite-code{font-size:var(--t-xl);font-weight:700;letter-spacing:.12em}.member-list{list-style:none;margin:0 0 12px;padding:0}.member-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.code-input{text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-num)}.house-card .wrap-row{justify-content:flex-start}.review-link{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;color:inherit;text-decoration:none;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 14%,var(--surface)),var(--surface) 70%)}.review-link>svg:first-child{width:28px;height:28px;color:var(--success-ink);flex:none}.review-link>svg:last-child{width:18px;height:18px;color:var(--text-3)}.small-stat{font-size:var(--t-lg)}.review-hero{padding:24px 20px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),var(--surface) 75%)}.review-year{font-size:3.4rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--primary-ink)}.review-hero p{margin-top:8px;font-size:var(--t-lg);font-weight:600}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.review-card{padding:14px}.review-big{font-size:var(--t-lg);font-weight:700;line-height:1.2;overflow-wrap:break-word}.review-big.money{font-size:var(--t-md);overflow-wrap:normal;font-family:var(--font-num)}.review-label{font-size:var(--t-xs);color:var(--text-3);margin:2px 0}.review-top{list-style:none;margin:0;padding:4px 0}.review-top a{color:inherit;text-decoration:none}.rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary-ink);font-weight:700;flex:none}a.chip{display:inline-flex;align-items:center;text-decoration:none}.topbar-title.long{font-size:var(--t-lg);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}input[type=date].input,input[type=time].input,input[type=datetime-local].input{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;width:100%;min-height:48px;text-align:left;line-height:1.3}input[type=date].input::-webkit-date-and-time-value,input[type=time].input::-webkit-date-and-time-value,input[type=datetime-local].input::-webkit-date-and-time-value{text-align:left;margin:0}.field,.card{min-width:0}.ios-hint{align-items:flex-start}.ios-hint svg{flex:none;width:22px;height:22px;color:var(--primary);margin-top:2px}.pack-title{display:flex;align-items:center;gap:8px;margin:0 0 10px}.pack-title svg{width:22px;height:22px;color:var(--primary)}.pack-items{display:grid;gap:6px}.pack-item{border-radius:var(--r-sm);border:1px solid var(--line);overflow:hidden}.pack-item.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.pack-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.pack-check{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;border:1.5px solid var(--line);color:transparent}.pack-check svg{width:16px;height:16px;stroke-width:2.6}.pack-item.on .pack-check{background:var(--primary);border-color:var(--primary);color:#fff}.pack-sub{display:grid;gap:6px;padding:0 12px 12px 46px}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.starter-bar{position:sticky;bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);z-index:5;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:16px;padding:10px;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.starter-bar .btn-primary{flex:1 1 200px}@media(min-width:900px){.starter-bar{bottom:12px}}.deadline-line{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}.deadline-line svg{width:18px;height:18px}.deadline-line.overdue{color:var(--danger-ink)}.deadline-line.due-soon{color:var(--warning-ink)}.detail-hero .wrap-row .btn{min-height:38px}.detail-hero p svg{display:inline-block;width:14px;height:14px;vertical-align:-2px}.link-sheet .qr{display:grid;place-items:center;margin:10px auto 4px;padding:10px;width:fit-content;border-radius:var(--r-sm);background:#fff}.link-sheet .qr svg{width:200px;height:200px}.qr-caption{text-align:center;margin:0 0 12px}.ad-slot:empty{display:none}.ad-card{display:grid;gap:4px;padding:14px 16px;color:inherit;text-decoration:none;border-style:dashed}.ad-card:hover{border-color:var(--primary)}.ad-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.ad-cta{justify-self:start;margin-top:4px;padding:4px 12px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:var(--t-sm);font-weight:650}.ad-card.house{border-style:solid;background:linear-gradient(135deg,color-mix(in srgb,#F59E0B 12%,var(--surface)),var(--surface) 70%)}.ad-card.network{min-height:100px}.consent-opt{display:grid;gap:2px;width:100%;margin-top:10px;padding:14px 16px;text-align:left;font:inherit;color:inherit;cursor:pointer}.consent-opt:hover{border-color:var(--primary)}.plus-hero{padding:26px 20px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,#F59E0B 22%,var(--surface)),var(--surface) 75%)}.plus-hero>svg{width:44px;height:44px;margin:0 auto 6px;color:#d97706}.plus-hero h2{font-size:var(--t-2xl)}.plus-price{font-size:var(--t-xl);font-weight:700;margin-top:6px}.plus-list li svg{width:18px;height:18px;color:var(--success-ink);flex:none}.plus-row>svg:first-child{color:#d97706}.pdf-link{width:100%;border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer;background:var(--surface)}.pdf-link>svg:first-child{color:var(--primary-ink)!important}img.deferred{opacity:1!important}.admin .stat-value{font-size:var(--t-xl)}.avatar{position:relative;overflow:hidden;flex:none}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar.md{width:44px;height:44px}.avatar.lg{width:52px;height:52px}.avatar.xl{width:96px;height:96px;font-size:var(--t-2xl)}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.avatar img.loaded{opacity:1}.profile-pic{display:grid;justify-items:center;gap:10px;margin:6px 0 14px;text-align:center}.profile-pic-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.profile-pic .hint{margin:0}.setting-select{flex-wrap:wrap}.setting-select .select{flex:1 1 180px;min-width:0;max-width:100%}@media(max-width:560px){.setting-select .setting-text{flex:1 1 calc(100% - 40px)}.setting-select .select{flex-basis:100%;margin-left:36px}.setting-select:not(:has(>svg)) .select{margin-left:0}}.history-tools{display:flex;justify-content:flex-end;gap:6px;margin:-4px 0 10px}.history-tools .btn{min-height:34px;padding:0 12px;font-size:var(--t-xs)}.day-group{margin-bottom:10px;overflow:hidden}.day-head{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.day-head:hover{background:var(--surface-2)}.day-date{display:grid;flex:1;min-width:0}.day-name{font-weight:700;font-size:var(--t-md)}.day-sub{font-size:var(--t-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-count{min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);font-weight:700;font-size:var(--t-sm)}.day-chevron svg{width:18px;height:18px;color:var(--text-3);transition:transform .2s var(--ease)}.day-group.open .day-chevron svg{transform:rotate(90deg)}.day-body{border-top:1px solid var(--line);animation:fade .18s ease}.history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:12px 16px;color:inherit;text-decoration:none}.history-row+.history-row{border-top:1px solid var(--line)}.history-row:hover{background:var(--surface-2)}.history-lead{padding-top:1px}.history-main{display:grid;gap:2px;min-width:0}.history-title{font-weight:600;line-height:1.3;overflow-wrap:anywhere}.history-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:var(--t-xs);color:var(--text-3)}.history-meta:empty{display:none}.history-note{font-size:var(--t-sm);color:var(--text-2);overflow-wrap:anywhere}.history-time{padding-top:2px;font-size:var(--t-sm);color:var(--text-2)}.history .ad-slot{margin-bottom:10px}.when-pair{border:0;margin:0;padding:0;min-width:0}.when-pair+.field,.field+.when-pair{margin-top:16px}.date-time{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}.date-time label{min-width:0}.date-time .input{text-align:left}.duration-chips{margin-top:8px}.duration-chips .chip{min-height:32px}.snooze-list{padding:4px 0}.snooze-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.snooze-opt+.snooze-opt{border-top:1px solid var(--line)}.snooze-opt:hover{background:var(--surface-2)}.snooze-opt>svg{width:18px;height:18px;color:var(--text-3);flex:none}.snooze-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--primary-soft);color:var(--primary-ink)}.snooze-icon svg{width:18px;height:18px}.snooze-text{display:grid;flex:1;min-width:0}.snooze-name{font-weight:600}.snooze-when{font-size:var(--t-xs);color:var(--text-3)}.snooze-custom{display:grid;gap:10px;margin-top:12px}.list-item>svg{width:20px;height:20px;flex:none}.plans .plan-card{padding:16px;margin-bottom:12px}.plan-card.current{border:2px solid var(--primary)}.plan-head{display:flex;align-items:center;gap:12px}.plan-head h2{margin:0}.plan-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--primary-soft);color:var(--primary-ink)}.plan-icon svg{width:22px;height:22px}.plan-plus .plan-icon{background:color-mix(in srgb,#F59E0B 18%,var(--surface));color:#b45309}.plan-family .plan-icon{background:var(--success-soft);color:var(--success-ink)}.plan-ai .plan-icon{background:color-mix(in srgb,#8B5CF6 18%,var(--surface));color:#7c3aed}:root[data-theme=dark] .plan-plus .plan-icon{color:#fbbf24}:root[data-theme=dark] .plan-ai .plan-icon{color:#c4b5fd}.plan-price{font-weight:700;color:var(--text-2)}.plan-features{list-style:none;margin:12px 0;padding:0;display:grid;gap:6px}.plan-features li{display:flex;align-items:center;gap:8px;font-size:var(--t-sm)}.plan-features svg{width:16px;height:16px;color:var(--success-ink);flex:none}.plan-ai{opacity:.92}.upgrade-card{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}.upgrade-card .btn{flex:none}.setting .pill svg{width:12px;height:12px}.warn-text{color:var(--warning-ink)}.duration-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.unit-input{position:relative;min-width:0}.unit-input .input{padding-right:44px;text-align:left}.unit-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:var(--t-sm);pointer-events:none}.log-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.time-tag{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:1px 8px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:var(--t-xs);font-weight:600;font-family:var(--font-num)}.time-tag svg{width:12px;height:12px}.tester-card{border:1px dashed var(--primary)}.tester-card h3{display:flex;align-items:center;gap:6px;margin:0 0 4px}.tester-card h3 svg{width:18px;height:18px}.plan-family_plus .plan-icon{background:var(--success-soft);color:var(--success-ink)}.tester-card .segmented button{padding-inline:8px}:where(svg.ic){width:1.25em;height:1.25em;flex:none}.notice{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px}.notice>svg{width:22px;height:22px;color:var(--primary-ink)}.plan-local{display:grid}.plan-charged{font-size:var(--t-xs);color:var(--text-3);font-weight:500}.plans .fx-note{margin-top:4px}.legal-note{margin-top:8px}.legal-note a{white-space:nowrap}