:root{--font-body:"Segoe UI", Arial, sans-serif;--font-display:"Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:var(--font-body);color:#203022;-webkit-font-smoothing:antialiased;background:#edf0eb}button,input,select,textarea{font:inherit}button{color:inherit}.app[data-theme=green]{--accent:#759d43;--accent-strong:#587d2b;--accent-soft:#e9f1df;--accent-pale:#f4f8ef;--accent-rgb:117,157,67}.app[data-theme=blue]{--accent:#4f86ad;--accent-strong:#336a91;--accent-soft:#e1edf5;--accent-pale:#f1f6f9;--accent-rgb:79,134,173}.app[data-theme=purple]{--accent:#836baa;--accent-strong:#67508e;--accent-soft:#ece7f4;--accent-pale:#f6f3f9;--accent-rgb:131,107,170}.app[data-theme=greige]{--accent:#b0a999;--accent-strong:#6f675c;--accent-soft:#d1cdcb;--accent-pale:#f5f2ef;--accent-rich:#b7ab9f;--accent-rgb:176,169,153}.app[data-theme=neutral]{--accent:#6b766e;--accent-strong:#4e5a52;--accent-soft:#e7ebe8;--accent-pale:#f3f5f3;--accent-rgb:107,118,110}.app{--bg:#eef1ec;--surface:#fff;--surface-raised:#fff;--surface-muted:#f5f7f3;--sidebar:#16271b;--text:#1d2a20;--muted:#718075;--faint:#a7b0a9;--line:#e1e7df;--shadow:0 10px 30px #1a2d1f12;background:var(--bg);width:100vw;min-width:1024px;height:100dvh;color:var(--text);display:flex;overflow:hidden}.app[data-mode=dark]{--bg:#111814;--surface:#1a241d;--surface-raised:#202c23;--surface-muted:#242f27;--sidebar:#0c120e;--text:#ecf2ed;--muted:#9cab9f;--faint:#66746a;--line:#303c33;--accent-soft:rgba(var(--accent-rgb), .17);--accent-pale:rgba(var(--accent-rgb), .1);--shadow:0 12px 35px #00000038}button{cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--accent-rgb), .28);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{color:#e7efe8;background:radial-gradient(circle at 20% 0%, rgba(var(--accent-rgb), .22), transparent 30%), var(--sidebar);z-index:5;flex-direction:column;flex:0 0 224px;width:224px;height:100%;padding:18px 14px 16px;transition:width .25s,flex-basis .25s;display:flex}.sidebar.collapsed{flex-basis:72px;width:72px;padding-inline:10px}.sidebar.collapsed .app-logo>span:last-child,.sidebar.collapsed nav span,.sidebar.collapsed .sidebar-footer>div:not(.avatar){display:none}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;min-height:46px;display:flex}.logo-button{min-width:0;color:inherit;text-align:left;padding:0}.app-logo{min-width:0;font:700 15px/1 var(--font-display);white-space:nowrap;align-items:center;gap:10px;display:flex}.logo-mark{color:#fff;background:var(--accent);width:32px;height:32px;box-shadow:0 7px 16px rgba(var(--accent-rgb), .25);border-radius:10px;flex:none;place-items:center;display:grid}.sidebar-toggle{color:#a9b7ac}.sidebar.collapsed .sidebar-toggle{margin:4px auto 0}.icon-button{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#ffffff14}.sidebar nav{flex-direction:column;gap:5px;margin-top:40px;display:flex}.sidebar nav button{color:#9dafaa;text-align:left;border-radius:10px;align-items:center;gap:12px;height:42px;padding:0 12px;transition:all .18s;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:rgba(var(--accent-rgb), .23);box-shadow:inset 3px 0 0 var(--accent)}.sidebar nav button i{color:#dbe5dd;background:#ffffff1a;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;display:grid}.sidebar.collapsed nav button{justify-content:center;padding:0}.sidebar.collapsed nav button i{min-width:15px;height:15px;padding:0;font-size:8px;position:absolute;top:1px;right:1px}.sidebar .sidebar-bottom-nav{margin:auto 0 4px}.sidebar .support-people-nav{margin-top:22px}.support-people-nav>small{color:#71827a;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;margin:0 10px 5px;font-size:8px;font-weight:800}.sidebar.auto-collapse:not(:is(.peek-expanded,:hover)) .support-people-nav>small{display:none}.support-buddy-prompt{border:1px solid rgba(var(--accent-rgb), .44);color:#eef8ef;background:linear-gradient(135deg, rgba(var(--accent-rgb), .3), rgba(var(--accent-rgb), .12));text-align:left;border-radius:13px;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:64px;margin-top:auto;padding:10px 9px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.support-buddy-prompt:before{content:"";background:rgba(var(--accent-rgb), .18);border-radius:50%;width:54px;height:54px;position:absolute;top:-22px;right:-18px}.support-buddy-prompt>span{color:#fff;background:var(--accent);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 16px #00000029}.support-buddy-prompt>div{flex-direction:column;gap:3px;min-width:0;display:flex}.support-buddy-prompt strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.support-buddy-prompt small{color:#9eb0a3;white-space:normal;font-size:8.5px;line-height:1.3}.support-buddy-prompt>svg{color:#9eb0a3;position:relative}.support-buddy-prompt:hover{border-color:rgba(var(--accent-rgb), .72);background:linear-gradient(135deg, rgba(var(--accent-rgb), .4), rgba(var(--accent-rgb), .17));transform:translateY(-1px)}.sidebar:has(.support-buddy-prompt) .sidebar-bottom-nav{margin-top:7px}.sidebar.collapsed .support-buddy-prompt{grid-template-columns:1fr;height:44px;min-height:44px;padding:5px}.sidebar.collapsed .support-buddy-prompt>div,.sidebar.collapsed .support-buddy-prompt>svg{display:none}.sidebar.collapsed .support-buddy-prompt>span{margin:auto}.sidebar-footer{border-top:1px solid #ffffff17;align-items:center;gap:10px;padding:14px 8px 2px;display:flex}.sidebar-footer div:not(.avatar){flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-footer strong{font-size:13px}.sidebar-footer span{color:#819187;font-size:11px}.avatar{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-strong));border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.avatar.small{width:34px;height:34px;text-decoration:none}.workspace{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);flex:0 0 72px;grid-template-columns:minmax(170px,.8fr) minmax(260px,1.3fr) auto;align-items:center;gap:18px;height:72px;padding:0 20px 0 24px;display:grid}.page-heading{flex-direction:column;gap:4px;display:flex}.page-heading>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.page-heading>strong{font:700 15px/1.2 var(--font-display);white-space:nowrap}.quote-slot{border:1px solid var(--line);min-width:0;height:34px;color:var(--muted);background:var(--surface-muted);font:500 12px var(--font-display);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:flex;overflow:hidden}.quote-slot svg{color:var(--accent);flex:none}.quote-slot span{text-overflow:ellipsis;overflow:hidden}.top-actions{align-items:center;gap:10px;display:flex}.top-display-select{border:1px solid var(--line);height:34px;color:var(--accent-strong);background:var(--surface);border-radius:10px;align-items:center;gap:4px;padding-left:9px;display:flex}.top-display-select select{outline-offset:-2px;width:88px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0 20px 0 4px;font-size:10.5px;font-weight:700}.week-switcher{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;height:34px;display:flex;overflow:hidden}.week-switcher button{place-items:center;min-width:30px;height:100%;display:grid}.week-switcher button:hover{background:var(--surface-muted)}.week-switcher button:disabled{color:var(--muted);opacity:.35;cursor:not-allowed}.week-switcher button:disabled:hover{background:0 0}.week-switcher .today-button{border-inline:1px solid var(--line);color:var(--muted);padding:0 10px;font-size:11px;font-weight:700}.mode-toggle{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:0 8px;display:flex}.toggle-track{background:var(--line);border-radius:8px;width:28px;height:16px;padding:2px;display:flex}.toggle-track i{background:var(--accent);border-radius:50%;width:12px;height:12px;transition:transform .2s}.app[data-mode=dark] .toggle-track i{transform:translate(12px)}.dashboard-view{flex:1;grid-template-rows:minmax(190px,34%) minmax(0,1fr);gap:12px;min-height:0;padding:14px 16px 16px;display:grid;position:relative;overflow:hidden}.dashboard-view.has-rollover{grid-template-rows:52px minmax(180px,31%) minmax(0,1fr)}.focused-overview-trigger,.focused-overview-heading,.focused-overview-backdrop{display:none}.overview-grid{grid-template-columns:minmax(420px,1.1fr) minmax(520px,1.45fr);gap:12px;min-height:0;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.progress-panel,.habit-panel{min-height:0;padding:16px 18px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:800;display:block}.panel-heading h2{font:700 14px/1.25 var(--font-display);margin:0}.completion-copy{color:var(--muted);font-size:11.5px;font-weight:600}.progress-content{grid-template-columns:1fr 126px;align-items:center;gap:20px;height:calc(100% - 42px);min-height:120px;display:grid}.weekly-bars{grid-template-columns:repeat(var(--week-days,7), 1fr);align-self:stretch;gap:8px;padding:14px 4px 0;display:grid}.bar-column{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.bar-column span{color:var(--muted);font-size:9.5px;font-weight:650}.bar-track{background:var(--accent-soft);border-radius:7px 7px 3px 3px;flex:1;width:min(24px,62%);min-height:80px;position:relative;overflow:hidden}.bar-track i{background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-radius:5px 5px 2px 2px;min-height:4px;position:absolute;inset:auto 0 0}.progress-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress), var(--accent-soft) 0);width:112px;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .08);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.progress-ring:after{content:"";background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;position:absolute;inset:14px}.ring-centre{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.ring-centre strong{font:750 24px/1 var(--font-display);letter-spacing:-.04em}.ring-centre span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:9.5px}.progress-ring.small{width:46px}.progress-ring.small:after{inset:6px}.progress-ring.small .ring-centre strong{font-size:11px}.progress-ring.small .ring-centre span{display:none}.habit-panel{scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:10px;overflow:hidden auto}.habit-panel .panel-heading{height:48px}.habit-table{flex-direction:column;display:flex}.habit-row{grid-template-columns:minmax(120px, 1.2fr) repeat(var(--week-days,7), 19px) minmax(76px, .75fr);border-top:1px solid var(--line);align-items:center;gap:5px;min-height:23px;display:grid}.habit-row>span:first-child{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.habit-name-cell{align-items:center;min-width:0;display:flex;position:relative}.habit-name-cell>button:first-child{width:100%;min-width:0;height:auto;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;padding:0;font-size:10.5px;font-weight:600;overflow:hidden}.habit-name-cell .habit-delete{width:18px;height:18px;color:var(--muted);background:var(--surface);border:0;display:none;position:absolute;right:0}.habit-row:hover .habit-name-cell .habit-delete{display:grid}.habit-name-cell .habit-delete:hover{color:#b45f52}.habit-row button{border:1px solid color-mix(in srgb, var(--muted) 60%, transparent);color:#0000;border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.habit-row button:hover{border-color:var(--accent)}.habit-row button.checked{border-color:var(--accent);color:#fff;background:var(--accent)}.habit-head{min-height:19px;color:var(--muted);border:0}.habit-head>span:first-child{color:var(--muted);text-transform:uppercase;font-size:9.5px}.habit-head b{text-align:center;font-size:9px}.habit-head>span:last-child{text-align:right;text-transform:uppercase;font-size:9.5px}.mini-progress{background:var(--accent-soft);border-radius:4px;height:6px;position:relative}.mini-progress i{border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.mini-progress em{color:var(--muted);font-size:8.5px;font-style:normal;position:absolute;top:-4px;right:1px;transform:translateY(-100%)}.text-button{color:var(--accent-strong);align-items:center;gap:5px;margin-top:7px;font-size:10.5px;font-weight:700;display:inline-flex}.habit-add{gap:4px;margin-top:6px;display:flex}.habit-add input{border:1px solid var(--line);min-width:0;height:27px;color:var(--text);background:var(--surface-muted);border-radius:7px;flex:1;padding:0 8px;font-size:10.5px}.habit-add button{color:#fff;background:var(--accent);border-radius:7px;width:26px}.days-grid{grid-template-columns:repeat(var(--week-days,7), minmax(0, 1fr));gap:8px;min-height:0;display:grid}.day-panel{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:14px;grid-template-rows:68px 92px minmax(0,1fr) 40px auto;display:grid;overflow:hidden}.day-panel.today{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .1), var(--shadow)}.day-panel.previous{pointer-events:none;-webkit-user-select:none;user-select:none}.day-panel.previous>:not(.day-progress){opacity:.5;filter:saturate(.55)}.day-panel.previous .day-progress{z-index:1;position:relative}.day-header{color:#fff;text-align:center;background:linear-gradient(140deg, var(--accent), var(--accent-strong));place-items:center;padding:10px 8px 9px;display:grid;position:relative}.app[data-theme=greige] .day-header{background:linear-gradient(140deg, var(--accent-rich), var(--accent-strong))}.day-header>div{flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.day-header span{max-width:100%;font:800 22.4px/.95 var(--font-display);letter-spacing:-.025em;text-overflow:ellipsis;overflow:hidden}.day-header time{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:650;line-height:1.1;overflow:hidden}.day-header>i{color:var(--accent-strong);letter-spacing:.03em;text-transform:uppercase;background:#ffffffe6;border-radius:5px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:850;position:absolute;top:5px;right:5px}.day-progress{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 48%, var(--surface) 0, var(--accent-pale) 72%);place-items:center;padding:7px;display:grid}.day-progress .progress-ring{width:76px;box-shadow:0 8px 22px rgba(var(--accent-rgb), .15), inset 0 0 0 1px rgba(var(--accent-rgb), .08)}.day-progress .progress-ring:after{inset:10px}.day-progress .progress-ring .ring-centre strong{letter-spacing:-.04em;font-size:18px}.task-list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding:4px 5px;overflow:hidden auto}.task-row{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);grid-template-columns:14px 20px minmax(0,1fr) 7px;align-items:center;gap:4px;min-height:35px;padding:5px 4px 5px 0;display:grid;position:relative}.task-row:hover{background:var(--surface-muted)}.drag-handle{color:var(--faint);cursor:grab}.task-check{border:1px solid var(--faint);color:#0000;border-radius:5px;place-items:center;width:18px;height:18px;padding:0;display:grid}.task-check:hover{border-color:var(--accent);color:var(--accent)}.task-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0;font-size:12px;font-weight:580;overflow:hidden}.priority-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.priority-dot.low{background:#8ca0a8}.priority-dot.medium{background:#d6a142}.priority-dot.high{background:#d56458}.task-actions{background:linear-gradient(90deg, transparent, var(--surface-muted) 15%);align-items:center;padding-left:5px;display:none;position:absolute;inset:2px 2px 2px auto}.task-row:hover .task-actions{display:flex}.task-actions button{width:22px;height:22px;color:var(--muted);place-items:center;padding:0;display:grid}.task-actions button:hover{color:var(--accent-strong)}.task-row.completed .task-check{border-color:var(--accent);color:#fff;background:var(--accent)}.task-row.completed .task-title{color:var(--faint);text-decoration:line-through}.task-row.completed .drag-handle{opacity:.25;cursor:default}.goal-step-card{border:1px solid rgba(var(--accent-rgb), .38);background:linear-gradient(145deg, var(--accent-pale), var(--surface));min-height:110px;box-shadow:inset 4px 0 0 var(--accent);border-radius:11px;flex-direction:column;gap:8px;margin:6px 5px 7px;padding:10px 9px;display:flex;overflow:hidden}.goal-step-card.empty{width:calc(100% - 10px);color:var(--muted);text-align:left;box-shadow:none;border-style:dashed;flex-direction:row;align-items:center;gap:7px}.goal-step-card.empty>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.goal-step-card.empty strong{color:var(--text);font-size:12px}.goal-step-card.empty small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.goal-step-card.empty>svg:first-child{color:var(--accent)}.goal-step-card.empty>svg:last-child{flex:none}.goal-step-heading{color:var(--accent-strong);justify-content:space-between;align-items:center;display:flex}.goal-step-heading span{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:850;display:flex}.goal-step-heading>svg{color:var(--faint)}.goal-step-body{grid-template-columns:21px minmax(0,1fr) 20px;align-items:center;gap:7px;min-width:0;display:grid}.goal-check{border:1.5px solid var(--accent);color:#0000;background:var(--surface);border-radius:6px;place-items:center;width:21px;height:21px;padding:0;display:grid}.goal-check:hover{color:var(--accent)}.goal-step-copy{text-align:left;flex-direction:column;gap:2px;min-width:0;padding:0;display:flex;overflow:hidden}.goal-step-copy small,.goal-step-copy strong{text-overflow:ellipsis;overflow:hidden}.goal-step-copy small{color:var(--accent-strong);white-space:nowrap;font-size:9.5px;font-weight:750}.goal-step-copy strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:750;line-height:1.3;display:-webkit-box}.goal-delete{width:18px;height:18px;color:var(--faint);opacity:0;border-radius:5px;place-items:center;padding:0;display:grid}.goal-step-card:hover .goal-delete{opacity:1}.goal-delete:hover{color:#b45f52;background:var(--surface)}.goal-step-card.ready{border-color:var(--accent);background:linear-gradient(145deg, rgba(var(--accent-rgb), .2), var(--surface));box-shadow:inset 3px 0 0 var(--accent), 0 0 0 2px rgba(var(--accent-rgb), .1);animation:1.8s ease-out goal-ready}.goal-ready-note{border-top:1px solid rgba(var(--accent-rgb), .22);color:var(--accent-strong);align-items:center;gap:5px;padding-top:6px;font-size:10px;font-weight:750;line-height:1.25;display:flex}.goal-step-card.completed{opacity:.78;box-shadow:inset 3px 0 0 var(--accent)}.goal-step-card.completed .goal-check{color:#fff;background:var(--accent)}.goal-step-card.completed .goal-step-copy strong{color:var(--muted);text-decoration:line-through}@keyframes goal-ready{0%{box-shadow:inset 3px 0 0 var(--accent), 0 0 0 7px rgba(var(--accent-rgb), .18);transform:scale(.98)}to{box-shadow:inset 3px 0 0 var(--accent), 0 0 0 2px rgba(var(--accent-rgb), .1);transform:scale(1)}}.task-add-trigger{border:1px solid rgba(var(--accent-rgb), .38);width:calc(100% - 10px);height:34px;color:var(--accent-strong);background:var(--accent-pale);text-align:left;border-radius:9px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;margin:3px 5px;padding:0 9px;font-size:11px;font-weight:800;display:grid}.task-add-trigger:hover{border-color:var(--accent);background:var(--accent-soft)}.task-add-trigger small{color:var(--muted);font-size:9.5px;font-weight:700}.rollover-banner{z-index:4;border:1px solid rgba(var(--accent-rgb), .32);background:var(--surface-raised);width:100%;min-height:52px;box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex}.rollover-banner>div{align-items:center;gap:8px;display:flex}.rollover-banner>div:first-child svg{color:var(--accent)}.rollover-banner span{color:var(--muted);font-size:10px}.rollover-banner span strong{color:var(--text);margin-bottom:2px;font-size:11px;display:block}.primary-button,.secondary-button,.ghost-button{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--accent);box-shadow:0 5px 12px rgba(var(--accent-rgb), .2)}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{border:1px solid var(--line);background:var(--surface)}.secondary-button:hover,.ghost-button:hover{background:var(--surface-muted)}.ghost-button{color:var(--muted)}.page-content{flex:1;min-height:0;padding:28px}.scrollable{overflow-y:auto}.narrow-page{width:100%;max-width:980px;margin:0 auto}.content-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.content-intro h1{font:750 26px/1.15 var(--font-display);letter-spacing:-.035em;margin:0 0 6px}.content-intro p{color:var(--muted);margin:0;font-size:14px}.content-intro select{border:1px solid var(--line);height:36px;color:var(--text);background:var(--surface);border-radius:10px;padding:0 32px 0 12px;font-size:10px}.analytics-coming-soon{place-items:center;display:grid}.coming-soon-card{text-align:center;width:min(620px,100%);padding:54px 42px}.coming-soon-icon{width:64px;height:64px;color:var(--accent-strong);background:var(--accent-soft);border-radius:20px;place-items:center;margin:0 auto 20px;display:grid;position:relative}.coming-soon-icon svg:last-child{position:absolute;top:-4px;right:-5px}.coming-soon-card h1{font:750 30px/1.1 var(--font-display);letter-spacing:-.035em;margin:9px 0 10px}.coming-soon-card p{max-width:490px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.65}.coming-soon-card small{color:var(--accent-strong);margin-top:22px;font-size:12px;font-weight:700;display:block}.timeline{padding:8px 20px}.timeline-row{grid-template-columns:34px 1fr;align-items:center;gap:13px;min-height:70px;display:grid;position:relative}.timeline-row>i{background:var(--line);width:1px;position:absolute;top:51px;bottom:-19px;left:16px}.timeline-icon{z-index:1;width:34px;height:34px;color:var(--accent-strong);background:var(--accent-soft);border-radius:11px;place-items:center;display:grid}.timeline-icon.deleted{color:#b45f52;background:#f7e4e0}.app[data-mode=dark] .timeline-icon.deleted{background:#b45f522e}.timeline-row>div{flex-direction:column;gap:5px;display:flex}.timeline-row strong{font-size:13px}.timeline-row div span{color:var(--muted);font-size:10px}.trash-list{padding:8px 18px}.trash-row{border-bottom:1px solid var(--line);grid-template-columns:8px 1fr auto;align-items:center;gap:13px;min-height:68px;display:grid}.trash-row:last-child{border:0}.trash-row>div{flex-direction:column;gap:5px;display:flex}.trash-row strong{font-size:13px}.trash-row span{color:var(--muted);font-size:10px}.trash-row .trash-goal-note{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.trash-row .trash-goal-note svg{color:var(--accent)}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.empty-state h2{color:var(--text);font:700 16px var(--font-display);margin:12px 0 5px}.empty-state p{margin:0;font-size:12px}.guide-page{scroll-behavior:smooth;width:100%;max-width:1160px;margin:0 auto}.guide-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:16px;display:grid}.guide-toc{flex-direction:column;gap:3px;padding:14px;display:flex;position:sticky;top:0}.guide-toc>span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin:2px 7px 9px;font-size:9px;font-weight:850}.guide-toc a{min-height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:7px;font-size:11px;font-weight:650;text-decoration:none;display:flex}.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--accent-strong);background:var(--accent-pale)}.guide-toc a:focus-visible{outline:3px solid rgba(var(--accent-rgb), .22)}.guide-toc a i{width:22px;height:22px;color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;flex:none;place-items:center;font-size:9px;font-style:normal;font-weight:850;display:grid}.guide-content{flex-direction:column;gap:12px;min-width:0;display:flex}.guide-section{grid-template-columns:40px minmax(0,1fr);gap:17px;padding:24px;scroll-margin-top:16px;display:grid}.guide-number{width:40px;height:40px;color:var(--accent-strong);background:var(--accent-soft);border-radius:12px;place-items:center;font-size:10px;font-weight:850;display:grid}.guide-section h2{font:750 18px/1.2 var(--font-display);letter-spacing:-.02em;margin:1px 0 10px}.guide-section p{color:var(--muted);margin:0 0 11px;font-size:12.5px;line-height:1.65}.guide-section ol{color:var(--muted);margin:14px 0;padding-left:20px;font-size:12px;line-height:1.65}.guide-section li{padding-left:4px}.guide-section strong{color:var(--text)}.guide-tip{border:1px solid rgba(var(--accent-rgb), .25);background:var(--accent-pale);border-radius:11px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 14px;display:flex}.guide-tip>svg{color:var(--accent-strong);flex:none;margin-top:1px}.guide-tip strong{color:var(--accent-strong);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:10px;display:block}.guide-tip p{color:var(--text);margin:0;font-size:11.5px;line-height:1.55}.guide-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.guide-steps>div{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}.guide-steps strong{font-size:11.5px}.guide-steps span{color:var(--muted);font-size:10.5px;line-height:1.45}.guide-steps.numbered{grid-template-columns:1fr 1fr}.guide-rules{grid-template-columns:1fr 1fr;gap:8px;display:grid}.guide-rules>div{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;padding:14px}.guide-rules strong{font-size:11.5px}.guide-rules p{margin:5px 0 0;font-size:10.5px;line-height:1.5}.settings-page{width:100%;max-width:880px;margin:0 auto}.settings-section{margin-bottom:12px;padding:20px}.settings-title{align-items:flex-start;gap:12px;display:flex}.settings-title>svg{color:var(--accent)}.settings-title h2{font:700 14px var(--font-display);margin:0}.settings-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.theme-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px;display:grid}.theme-grid button{border:1px solid var(--line);background:var(--surface-muted);border-radius:11px;flex-direction:column;align-items:flex-start;gap:8px;min-height:72px;padding:9px;display:flex;position:relative}.theme-grid button>i{border-radius:7px;width:100%;height:28px}.theme-grid button>span{font-size:11px;font-weight:700}.theme-grid button>svg{color:#fff;position:absolute;top:14px;right:14px}.theme-grid button.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.segmented{background:var(--surface-muted);border-radius:10px;width:fit-content;margin-top:18px;padding:3px;display:flex}.segmented button{min-width:100px;height:35px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.segmented button.selected{color:var(--accent-strong);background:var(--surface);box-shadow:0 2px 7px #1e2d2214}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;font-size:12px;display:flex}.setting-row:first-of-type{margin-top:15px}.setting-row:last-child{border-bottom:0}.setting-row span{color:var(--muted)}.display-select{color:var(--muted);grid-template-columns:minmax(120px,1fr) minmax(250px,1.4fr);align-items:center;gap:18px;margin-top:18px;font-size:12px;display:grid}.display-select select{border:1px solid var(--line);width:100%;height:40px;color:var(--text);background:var(--surface-muted);border-radius:10px;padding:0 36px 0 12px}.display-profile-note{background:var(--accent-pale);border-radius:10px;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;display:flex}.display-profile-note strong{color:var(--accent-strong);font-size:12px}.display-profile-note span{color:var(--muted);font-size:11px;line-height:1.45}.setting-row:has(+.week-length-setting){border-bottom:0}.week-length-setting{border-top:1px solid var(--line);padding-top:14px}.setting-label{color:var(--muted);font-size:12px;display:block}.week-length-setting .segmented{margin-top:10px}.week-length-setting .segmented button{min-width:138px}.setting-help{color:var(--muted);background:var(--accent-pale);border-radius:10px;margin-top:12px;padding:12px 14px;font-size:11px;line-height:1.45}.danger-zone{justify-content:space-between;align-items:center;display:flex}.support-buddy-settings{flex-direction:column;gap:16px;display:flex}.support-setup-note,.support-verify,.support-current,.support-privacy-note{background:var(--surface-muted);border-radius:11px;align-items:center;gap:12px;padding:13px 14px;display:flex}.support-setup-note{background:color-mix(in srgb, #f2ca7d 14%, var(--surface));border:1px solid #ddb974;flex-direction:column;align-items:flex-start;gap:4px}.support-setup-note strong,.support-verify strong{font-size:12px}.support-setup-note span,.support-verify span{color:var(--muted);font-size:11px}.support-verify{border:1px solid rgba(var(--accent-rgb), .24);background:var(--accent-pale);justify-content:space-between}.support-verify>div{flex-direction:column;gap:4px;display:flex}.support-current{grid-template-columns:38px minmax(0,1fr) auto;display:grid}.support-avatar{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-strong));border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.support-current.pending .support-avatar{color:var(--accent-strong);background:var(--accent-soft)}.support-current>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.support-current-actions{align-items:center;gap:4px;display:flex}.support-current span,.support-current small{color:var(--muted);font-size:9.5px}.support-current strong{font-size:13px}.support-invite-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.support-invite-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.support-invite-form input{border:1px solid var(--line);height:40px;color:var(--text);background:var(--surface-muted);border-radius:10px;padding:0 12px}.support-incoming{border-top:1px solid var(--line);padding-top:15px}.support-incoming>div{background:var(--accent-pale);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:9px;padding:12px;display:grid}.support-incoming>div>div{flex-direction:column;gap:4px;display:flex}.support-incoming strong{font-size:11.5px}.support-incoming span{color:var(--muted);font-size:10px}.support-privacy-note{color:var(--muted);align-items:flex-start;font-size:10px;line-height:1.5}.support-privacy-note svg{color:var(--accent);flex:none}.support-progress-page{width:100%;max-width:1180px;margin:0 auto}.support-progress-intro{align-items:center}.support-progress-actions{align-items:center;gap:10px;display:flex}.support-progress-actions .segmented{margin:0}.support-period-switcher{justify-content:center;align-items:center;gap:10px;margin:-7px 0 15px;display:flex}.support-period-switcher button{border:1px solid var(--line);background:var(--surface);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.support-period-switcher strong{min-width:205px;color:var(--muted);text-align:center;font-size:11px}.support-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.support-summary-card{flex-direction:column;min-height:155px;padding:18px;display:flex}.support-summary-card>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:750}.support-summary-card>strong{font:800 32px/1 var(--font-display);margin:14px 0 12px}.support-summary-card>strong small{color:var(--muted);font-size:15px}.support-summary-card>em{color:var(--muted);margin-top:8px;font-size:10px;font-style:normal}.support-meter{background:var(--surface-muted);border-radius:4px;height:7px;overflow:hidden}.support-meter i{border-radius:inherit;background:var(--accent);height:100%;display:block}.support-adjustments{gap:6px;margin-top:auto;display:flex}.support-adjustments small{color:var(--muted);background:var(--surface-muted);border-radius:8px;padding:6px 8px;font-size:9px}.support-weekly-panel{margin-top:12px;padding:18px}.support-week-list{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin-top:18px;display:grid}.support-week-list article{border:1px solid var(--line);background:var(--surface-muted);border-radius:11px;grid-template-rows:auto 88px auto;gap:11px;min-height:190px;padding:13px;display:grid}.support-week-list article>div:first-child{flex-direction:column;gap:4px;display:flex}.support-week-list article strong{font-size:12px}.support-week-list article span{color:var(--muted);font-size:9px}.support-week-bars{border-bottom:1px solid var(--line);justify-content:center;align-items:flex-end;gap:8px;display:flex}.support-week-bars i{background:var(--accent);border-radius:6px 6px 0 0;width:24px;max-height:100%}.support-week-bars i:last-child{background:color-mix(in srgb, var(--accent) 52%, var(--surface))}.support-week-events{flex-wrap:wrap;gap:5px;display:flex}.support-week-events span{background:var(--surface);border-radius:6px;padding:4px 6px}.support-loading,.support-error{color:var(--muted);text-align:center;padding:42px}.support-error{color:#b45f52}.nudge-options{grid-template-columns:1fr;gap:6px;margin-top:17px;display:grid}.nudge-options button{border:1px solid var(--line);background:var(--surface-muted);text-align:left;border-radius:9px;min-height:36px;padding:0 11px;font-size:10.5px}.nudge-options button.selected{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-pale)}.support-nudge-dialog textarea{resize:vertical;border:1px solid var(--line);min-height:86px;color:var(--text);background:var(--surface-muted);border-radius:10px;padding:10px 12px;font-size:12px}.support-nudge-dialog label small{color:var(--muted);align-self:flex-end;font-size:9px}.support-invite-card{text-align:center}.support-invite-emblem{width:62px;height:62px;color:var(--accent-strong);background:var(--accent-soft);border-radius:20px;place-items:center;margin:20px auto 5px;display:grid}.support-invite-actions{gap:8px;margin-top:22px;display:grid}.support-invite-actions a{text-decoration:none}.app[data-display=compact] .sidebar{flex-basis:72px;width:72px;padding-inline:10px;position:absolute;inset:0 auto 0 0}.app[data-display=compact] .workspace{margin-left:72px}.app[data-display=compact] .sidebar .app-logo>span:last-child,.app[data-display=compact] .sidebar nav span,.app[data-display=compact] .sidebar-footer>div:not(.avatar){display:none}.app[data-display=compact] .sidebar .sidebar-toggle{margin:4px auto 0}.app[data-display=compact] .sidebar nav button{justify-content:center;padding:0}.app[data-display=compact] .sidebar.peek-expanded{flex-basis:72px;width:224px;padding-inline:14px;box-shadow:18px 0 45px #0000003d}.app[data-display=compact] .sidebar.peek-expanded .app-logo>span:last-child,.app[data-display=compact] .sidebar.peek-expanded nav span,.app[data-display=compact] .sidebar.peek-expanded .sidebar-footer>div:not(.avatar){display:flex}.app[data-display=compact] .sidebar.peek-expanded nav button{justify-content:flex-start;padding:0 12px}.app[data-display=compact] .sidebar.peek-expanded nav button:after{display:none}.app[data-display=compact] .sidebar nav button:after,.app[data-display=week-focus] .sidebar nav button:after{content:attr(aria-label);z-index:30;border:1px solid var(--line);color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:700;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(4px,-50%)}.app[data-display=compact] .sidebar nav button:hover:after,.app[data-display=compact] .sidebar nav button:focus-visible:after,.app[data-display=week-focus] .sidebar nav button:hover:after,.app[data-display=week-focus] .sidebar nav button:focus-visible:after{opacity:1;transform:translateY(-50%)}.app[data-display=compact] .quote-slot{display:none}.app[data-display=compact] .topbar{flex-basis:62px;grid-template-columns:1fr auto;height:62px}.app[data-display=compact] .dashboard-view{grid-template-rows:minmax(150px,27%) minmax(0,1fr);gap:9px;padding:10px 12px 12px}.app[data-display=compact] .dashboard-view.has-rollover{grid-template-rows:48px minmax(140px,24%) minmax(0,1fr)}.app[data-display=compact] .progress-panel,.app[data-display=compact] .habit-panel{padding-top:11px}.app[data-display=compact] .day-panel{grid-template-rows:56px 64px minmax(0,1fr) 36px auto}.app[data-display=compact] .day-header span{font-size:18px}.app[data-display=compact] .day-progress .progress-ring{width:52px}.app[data-display=compact] .day-progress .progress-ring:after{inset:7px}.app[data-display=compact] .day-progress .progress-ring .ring-centre strong{font-size:13px}.app[data-display=compact] .goal-step-card{min-height:88px;margin-block:4px;padding-block:7px}.app[data-display=week-focus] .sidebar{flex-basis:60px;width:60px;padding:10px 7px;position:absolute;inset:0 auto 0 0}.app[data-display=week-focus] .workspace{margin-left:60px}.app[data-display=week-focus] .sidebar .app-logo>span:last-child,.app[data-display=week-focus] .sidebar .sidebar-toggle,.app[data-display=week-focus] .sidebar nav span,.app[data-display=week-focus] .sidebar-footer>div:not(.avatar){display:none}.app[data-display=week-focus] .sidebar nav{margin-top:20px}.app[data-display=week-focus] .sidebar nav button{justify-content:center;padding:0}.app[data-display=week-focus] .sidebar.peek-expanded{flex-basis:60px;width:224px;padding-inline:14px;box-shadow:18px 0 45px #0000003d}.app[data-display=week-focus] .sidebar.peek-expanded .app-logo>span:last-child,.app[data-display=week-focus] .sidebar.peek-expanded nav span,.app[data-display=week-focus] .sidebar.peek-expanded .sidebar-footer>div:not(.avatar){display:flex}.app[data-display=week-focus] .sidebar.peek-expanded .sidebar-toggle{margin:0;display:grid}.app[data-display=week-focus] .sidebar.peek-expanded nav button{justify-content:flex-start;padding:0 12px}.app[data-display=week-focus] .sidebar.peek-expanded nav button:after{display:none}.app[data-display=week-focus] .sidebar-footer{justify-content:center;padding-inline:0}.app[data-display=week-focus] .quote-slot,.app[data-display=week-focus] .mode-toggle,.app[data-display=week-focus] .overview-grid{display:none}.app[data-display=week-focus] .focused-overview-trigger{border:1px solid var(--line);height:34px;color:var(--accent-strong);background:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:750;display:inline-flex}.app[data-display=week-focus] .focused-overview-trigger:hover{background:var(--accent-pale)}.app[data-display=week-focus] .focused-overview-backdrop{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#070f097a;display:block;position:fixed;inset:0}.app[data-display=week-focus] .overview-grid.focused-open{z-index:20;border:1px solid var(--line);background:var(--bg);border-radius:18px;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);gap:12px;padding:58px 16px 16px;display:grid;position:fixed;inset:72px 24px 24px 84px;box-shadow:0 28px 90px #00000052}.app[data-display=week-focus] .overview-grid.focused-open .focused-overview-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;position:absolute;inset:0 0 auto}.focused-overview-heading h2{font:700 14px var(--font-display);margin:0}.focused-overview-heading .eyebrow{margin-bottom:2px}.focused-overview-heading button{width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.focused-overview-heading button:hover{color:var(--text);background:var(--surface-muted)}.app[data-display=week-focus] .overview-grid.focused-open .progress-panel,.app[data-display=week-focus] .overview-grid.focused-open .habit-panel{padding-top:16px}.app[data-display=week-focus] .topbar{flex-basis:56px;grid-template-columns:1fr auto;height:56px;padding-inline:14px}.app[data-display=week-focus] .dashboard-view,.app[data-display=week-focus] .dashboard-view.has-rollover{grid-template-rows:minmax(0,1fr);gap:8px;padding:8px 10px 10px}.app[data-display=week-focus] .dashboard-view.has-rollover{grid-template-rows:46px minmax(0,1fr)}.app[data-display=week-focus] .day-panel{grid-template-rows:52px 58px minmax(0,1fr) 36px auto}.app[data-display=week-focus] .day-header{padding-block:7px}.app[data-display=week-focus] .day-header span{font-size:16px}.app[data-display=week-focus] .day-header time{font-size:7.5px}.app[data-display=week-focus] .day-progress .progress-ring{width:46px}.app[data-display=week-focus] .day-progress .progress-ring:after{inset:6px}.app[data-display=week-focus] .day-progress .progress-ring .ring-centre strong{font-size:12px}.app[data-display=week-focus] .goal-step-card{gap:5px;min-height:76px;margin-block:3px;padding:6px 7px}.app[data-display=week-focus] .goal-ready-note{display:none}.app[data-display=week-focus] .task-row{min-height:30px}@media (max-width:1150px){.app[data-display=week-focus] .overview-grid.focused-open{grid-template-columns:minmax(300px,.8fr) minmax(470px,1.2fr);inset:66px 14px 14px 74px}}.app{--sidebar-rail:72px}.app[data-display=week-focus]{--sidebar-rail:60px}.app .sidebar.auto-collapse{width:var(--sidebar-rail);flex-basis:var(--sidebar-rail);padding-inline:10px;position:absolute;inset:0 auto 0 0}.app .workspace{margin-left:var(--sidebar-rail)}.app .sidebar.auto-collapse .app-logo>span:last-child,.app .sidebar.auto-collapse nav span,.app .sidebar.auto-collapse .sidebar-footer>div:not(.avatar){display:none}.app .sidebar.auto-collapse .sidebar-toggle{margin:4px auto 0}.app .sidebar.auto-collapse nav button{justify-content:center;padding:0}.app .sidebar.auto-collapse nav button:after{content:attr(aria-label);z-index:30;border:1px solid var(--line);color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:700;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(4px,-50%)}.app .sidebar.auto-collapse nav button:hover:after,.app .sidebar.auto-collapse nav button:focus-visible:after{opacity:1;transform:translateY(-50%)}.app .sidebar.auto-collapse:is(.peek-expanded,:hover){flex-basis:var(--sidebar-rail);width:224px;padding-inline:14px;box-shadow:18px 0 45px #0000003d}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .app-logo>span:last-child,.app .sidebar.auto-collapse:is(.peek-expanded,:hover) nav span,.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .sidebar-footer>div:not(.avatar){display:flex}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .sidebar-toggle{margin:0;display:grid}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) nav button{justify-content:flex-start;padding:0 12px}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) nav button:after{display:none}.app .sidebar.auto-collapse:not(:is(.peek-expanded,:hover)) .support-buddy-prompt{grid-template-columns:1fr;height:44px;min-height:44px;padding:5px}.app .sidebar.auto-collapse:not(:is(.peek-expanded,:hover)) .support-buddy-prompt>div,.app .sidebar.auto-collapse:not(:is(.peek-expanded,:hover)) .support-buddy-prompt>svg{display:none}.app .sidebar.auto-collapse:not(:is(.peek-expanded,:hover)) .support-buddy-prompt>span{margin:auto}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .support-buddy-prompt{grid-template-columns:34px minmax(0,1fr) 14px;height:auto;min-height:64px;padding:10px 9px}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .support-buddy-prompt>div{display:flex}.app .sidebar.auto-collapse:is(.peek-expanded,:hover) .support-buddy-prompt>svg{display:block}.toast{z-index:30;border:1px solid var(--line);max-width:420px;min-height:48px;color:var(--text);background:var(--surface-raised);border-radius:13px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:10px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #14231838}.toast>svg{color:var(--accent)}.toast span{flex:1}.toast button{color:var(--accent-strong);border-radius:7px;padding:7px;font-size:10px;font-weight:750}.toast button:hover{background:var(--surface-muted)}.celebration-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07120a94;place-items:center;padding:24px;animation:.28s ease-out both celebration-fade;display:grid;position:fixed;inset:0}.celebration-card{border:1px solid rgba(var(--accent-rgb), .38);width:min(520px,100vw - 48px);color:var(--text);background:radial-gradient(circle at 50% 5%, rgba(var(--accent-rgb), .2), transparent 36%), var(--surface-raised);box-shadow:0 35px 110px #00000061, 0 0 0 8px rgba(var(--accent-rgb), .1);text-align:center;border-radius:26px;padding:42px 48px 34px;animation:.55s cubic-bezier(.16,1.25,.36,1) both celebration-arrive;position:relative;overflow:hidden}.celebration-close{z-index:3;width:34px;height:34px;color:var(--muted);background:var(--surface-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.celebration-close:hover{color:var(--text)}.celebration-emblem{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-strong));width:92px;height:92px;box-shadow:0 18px 40px rgba(var(--accent-rgb), .35);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid;position:relative}.celebration-emblem>span{border:2px solid rgba(var(--accent-rgb), .24);border-radius:50%;animation:1.7s ease-out infinite celebration-ring;position:absolute;inset:-9px}.celebration-emblem .spark-one{color:#f2c75c;animation:1.2s ease-in-out infinite alternate sparkle-pop;position:absolute;top:-9px;right:-14px}.celebration-emblem .spark-two{color:var(--accent);animation:1s ease-in-out .3s infinite alternate sparkle-pop;position:absolute;bottom:2px;left:-18px}.celebration-kicker{color:var(--accent-strong);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.celebration-card h2{font:850 42px/1 var(--font-display);letter-spacing:-.045em;margin:7px 0 10px}.celebration-card>p{max-width:390px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.55}.celebrated-step{border:1px solid rgba(var(--accent-rgb), .24);background:var(--accent-pale);border-radius:15px;flex-direction:column;gap:5px;margin:24px 0 22px;padding:16px 18px;display:flex}.celebrated-step small{color:var(--accent-strong);font-size:10px;font-weight:750}.celebrated-step strong{font:750 16px/1.35 var(--font-display)}.celebrated-step span{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:9px;font-weight:800;display:flex}.celebration-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));min-height:44px;box-shadow:0 12px 26px rgba(var(--accent-rgb), .3);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:12px;font-weight:800;display:inline-flex}.celebration-primary:hover{box-shadow:0 15px 30px rgba(var(--accent-rgb), .38);transform:translateY(-1px)}.celebration-undo{color:var(--muted);text-underline-offset:3px;margin:14px auto 0;padding:5px;font-size:9px;text-decoration:underline;display:block}.confetti{z-index:0;pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--accent);border-radius:2px;width:7px;height:14px;animation:2.4s ease-out both confetti-fall;position:absolute;top:-18px;left:50%}.confetti i:nth-child(3n){background:#f0bd4e}.confetti i:nth-child(3n+1){background:#d96d63}.confetti i:nth-child(4n){border-radius:50%;width:9px;height:9px}.confetti i:first-child{--drift:22px;animation-delay:50ms;left:8%}.confetti i:nth-child(2){--drift:-18px;animation-delay:.22s;left:15%}.confetti i:nth-child(3){--drift:36px;animation-delay:.1s;left:22%}.confetti i:nth-child(4){--drift:-28px;animation-delay:.34s;left:30%}.confetti i:nth-child(5){--drift:18px;animation-delay:.16s;left:38%}.confetti i:nth-child(6){--drift:-38px;animation-delay:.4s;left:46%}.confetti i:nth-child(7){--drift:32px;animation-delay:80ms;left:53%}.confetti i:nth-child(8){--drift:-16px;animation-delay:.28s;left:60%}.confetti i:nth-child(9){--drift:42px;animation-delay:.18s;left:67%}.confetti i:nth-child(10){--drift:-34px;animation-delay:.44s;left:74%}.confetti i:nth-child(11){--drift:19px;animation-delay:.12s;left:82%}.confetti i:nth-child(12){--drift:-25px;animation-delay:.32s;left:91%}.confetti i:nth-child(n+13){animation-duration:1.8s;animation-delay:.48s;top:18%}.confetti i:nth-child(13){--drift:40px;left:5%}.confetti i:nth-child(14){--drift:-22px;left:18%}.confetti i:nth-child(15){--drift:28px;left:34%}.confetti i:nth-child(16){--drift:-28px;left:66%}.confetti i:nth-child(17){--drift:24px;left:81%}.confetti i:nth-child(18){--drift:-40px;left:95%}.celebration-card>:not(.confetti){z-index:1;position:relative}@keyframes celebration-fade{0%{opacity:0}to{opacity:1}}@keyframes celebration-arrive{0%{opacity:0;transform:translateY(24px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes celebration-ring{0%{opacity:.8;transform:scale(.86)}80%,to{opacity:0;transform:scale(1.3)}}@keyframes sparkle-pop{0%{opacity:.6;transform:scale(.75)rotate(-8deg)}to{opacity:1;transform:scale(1.15)rotate(8deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}12%{opacity:1}to{transform:translate3d(var(--drift),540px,0) rotate(720deg);opacity:0}}.support-pop-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07120a9e;place-items:center;padding:24px;animation:.22s ease-out both support-pop-fade;display:grid;position:fixed;inset:0}.support-pop-card{border:1px solid rgba(var(--accent-rgb), .42);width:min(470px,100vw - 48px);color:var(--text);background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .25), transparent 38%), var(--surface-raised);box-shadow:0 34px 100px #0000006b, 0 0 0 7px rgba(var(--accent-rgb), .1);text-align:center;border-radius:25px;padding:38px 42px 34px;animation:.5s cubic-bezier(.16,1.22,.36,1) both support-pop-arrive;position:relative;overflow:hidden}.support-pop-card.celebrate{background:radial-gradient(circle at 50% 0%, #f0bd4e40, transparent 39%), var(--surface-raised);border-color:#e4ae4394;box-shadow:0 34px 100px #0000006b,0 0 0 7px #f0bd4e1c}.support-pop-close{z-index:3;width:34px;height:34px;color:var(--muted);background:var(--surface-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:15px}.support-pop-close:hover{color:var(--text);transform:rotate(5deg)}.support-pop-icon{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-strong));width:88px;height:88px;box-shadow:0 18px 42px rgba(var(--accent-rgb), .37);border-radius:50%;place-items:center;margin:0 auto 21px;display:grid;position:relative}.support-pop-card.celebrate .support-pop-icon{background:linear-gradient(145deg,#efc65b,#c9842c);box-shadow:0 18px 42px #c9842c57}.support-pop-icon svg:last-child{color:#f4ce62;filter:drop-shadow(0 2px 3px #0000002e);animation:1s ease-in-out infinite alternate support-pop-twinkle;position:absolute;top:3px;right:-4px}.support-pop-kicker{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.support-pop-card h2{font:830 32px/1.05 var(--font-display);letter-spacing:-.04em;margin:8px 0 12px}.support-pop-card>p{max-width:360px;color:var(--muted);white-space:pre-line;margin:0 auto 25px;font-size:14px;line-height:1.6}.support-pop-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));min-height:44px;box-shadow:0 12px 26px rgba(var(--accent-rgb), .3);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 21px;font-size:12px;font-weight:800;display:inline-flex}.support-pop-primary:hover{box-shadow:0 15px 30px rgba(var(--accent-rgb), .38);transform:translateY(-1px)}.support-pop-sparks{pointer-events:none;position:absolute;inset:0}.support-pop-sparks i{background:var(--accent);opacity:0;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite support-pop-spark;position:absolute}.support-pop-sparks i:nth-child(3n){background:#efbd4e}.support-pop-sparks i:nth-child(4n){background:#d66f66}.support-pop-sparks i:first-child{animation-delay:50ms;top:20%;left:10%}.support-pop-sparks i:nth-child(2){animation-delay:.65s;top:70%;left:18%}.support-pop-sparks i:nth-child(3){animation-delay:1s;top:12%;left:29%}.support-pop-sparks i:nth-child(4){animation-delay:.3s;top:82%;left:41%}.support-pop-sparks i:nth-child(5){animation-delay:.8s;top:9%;left:52%}.support-pop-sparks i:nth-child(6){animation-delay:1.2s;top:77%;left:61%}.support-pop-sparks i:nth-child(7){animation-delay:.45s;top:16%;left:72%}.support-pop-sparks i:nth-child(8){animation-delay:.95s;top:68%;left:82%}.support-pop-sparks i:nth-child(9){animation-delay:.2s;top:27%;left:91%}.support-pop-sparks i:nth-child(10){animation-delay:1.35s;top:47%;left:7%}.support-pop-card>:not(.support-pop-sparks){z-index:1;position:relative}@keyframes support-pop-fade{0%{opacity:0}to{opacity:1}}@keyframes support-pop-arrive{0%{opacity:0;transform:translateY(24px)scale(.86)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes support-pop-twinkle{0%{opacity:.55;transform:scale(.75)rotate(-9deg)}to{opacity:1;transform:scale(1.2)rotate(9deg)}}@keyframes support-pop-spark{0%{opacity:0;transform:scale(.3)translateY(8px)}25%{opacity:.9}70%,to{opacity:0;transform:scale(1.25)translateY(-18px)}}.dialog-backdrop{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070f096e;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:var(--surface-raised);border-radius:17px;width:min(420px,100vw - 40px);padding:22px;box-shadow:0 24px 80px #050f0847}.dialog-heading{justify-content:space-between;align-items:flex-start;display:flex}.dialog h2{font:750 19px var(--font-display);margin:0}.dialog-help{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.dialog label,.dialog fieldset{color:var(--muted);border:0;flex-direction:column;gap:8px;margin-top:20px;padding:0;font-size:11px;font-weight:700;display:flex}.dialog label input{border:1px solid var(--line);height:42px;color:var(--text);background:var(--surface-muted);border-radius:10px;padding:0 12px;font-size:13px}.dialog legend{margin-bottom:8px}.priority-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.priority-options button{border:1px solid var(--line);background:var(--surface-muted);text-transform:capitalize;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:36px;font-size:9px;display:flex}.priority-options button.selected{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-pale)}.dialog-actions{justify-content:flex-end;gap:7px;margin-top:24px;display:flex}.add-task-dialog,.task-limit-dialog{width:min(470px,100vw - 40px)}.task-coaching{border:1px solid rgba(var(--accent-rgb), .25);color:var(--muted);background:var(--accent-pale);border-radius:11px;flex-direction:column;gap:5px;margin-top:16px;padding:13px 14px;display:flex}.task-coaching strong{color:var(--accent-strong);font-size:12px}.task-coaching span{color:var(--text);font-size:12px;line-height:1.45}.task-coaching small{margin-top:3px;font-size:10.5px;line-height:1.45}.task-limit-note{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font-size:10.5px;display:flex}.task-limit-note span{color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;flex:none;padding:5px 7px;font-weight:800}.task-limit-note strong{text-align:right;font-weight:650}.task-limit-message{border:1px solid rgba(var(--accent-rgb), .3);color:var(--accent-strong);background:var(--accent-pale);border-radius:12px;grid-template-columns:24px 1fr;align-items:start;gap:11px;margin-top:18px;padding:15px;display:grid}.task-limit-message p{color:var(--text);margin:0;font-size:13px;line-height:1.55}.locked-note{color:var(--muted);background:var(--surface-muted);border-radius:9px;align-items:flex-start;gap:8px;margin-top:17px;padding:10px;font-size:8px;line-height:1.45;display:flex}.locked-note svg{color:var(--accent);flex:none}@media (max-width:1250px){.sidebar{flex-basis:190px;width:190px}.overview-grid{grid-template-columns:minmax(390px,1fr) minmax(470px,1.2fr)}.topbar{grid-template-columns:minmax(155px,.8fr) minmax(200px,1fr) auto;gap:10px}.quote-slot{padding-inline:8px}.day-header{padding-inline:5px}.day-header span{font-size:19.6px}.day-header time{font-size:8px}.task-row{grid-template-columns:12px 18px minmax(0,1fr) 6px}.task-title{font-size:10px}.day-progress span{display:none}}@media (max-width:980px){.guide-layout{grid-template-columns:1fr}.guide-toc{grid-template-columns:repeat(2,1fr);display:grid;position:static}.guide-toc>span{grid-column:1/-1}.guide-steps,.guide-steps.numbered,.guide-rules,.support-summary-grid{grid-template-columns:1fr}}@media (max-height:760px){.topbar{flex-basis:62px;height:62px}.dashboard-view{grid-template-rows:minmax(165px,32%) minmax(0,1fr);padding-top:10px}.dashboard-view.has-rollover{grid-template-rows:48px minmax(155px,28%) minmax(0,1fr)}.progress-panel,.habit-panel{padding-top:12px}.habit-row{min-height:20px}.day-panel{grid-template-rows:58px 78px minmax(0,1fr) 36px auto}.day-header{padding-block:8px 7px}.day-header span{font-size:19.6px}.day-header time{font-size:8px}.day-progress .progress-ring{width:64px}.day-progress .progress-ring .ring-centre strong{font-size:15px}.goal-step-card{min-height:94px;margin-block:4px;padding-block:8px}}@media (prefers-reduced-motion:reduce){.goal-step-card.ready,.celebration-backdrop,.celebration-card,.celebration-emblem>span,.celebration-emblem .spark-one,.celebration-emblem .spark-two,.confetti i,.support-pop-backdrop,.support-pop-card,.support-pop-icon svg:last-child,.support-pop-sparks i{animation:none}}.auth-shell{color:#1d2a20;background:radial-gradient(circle at 15% 10%,#759d4333,#0000 30%),#eef1ec;place-items:center;min-height:100dvh;padding:28px;display:grid}.auth-card{background:#fff;border:1px solid #dce4da;border-radius:22px;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #1a2d1f21}.auth-card:has(.signup-plans){width:min(520px,100%)}.auth-brand{color:#1d2a20;align-items:center;gap:9px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.auth-brand>span{color:#fff;background:#759d43;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.auth-heading{margin:30px 0 24px}.auth-heading>span{color:#587d2b;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:850}.auth-heading h1{font:800 28px/1.1 var(--font-display);letter-spacing:-.035em;margin:7px 0 8px}.auth-heading p{color:#718075;margin:0;font-size:13px;line-height:1.55}.auth-card form{flex-direction:column;gap:16px;display:flex}.signup-plans{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.signup-plans legend{color:#526057;margin-bottom:8px;font-size:11px;font-weight:750}.signup-plans>label{cursor:pointer;background:#f7f9f6;border:1px solid #dce4da;border-radius:11px;grid-template-columns:1fr auto;align-items:center;min-width:0;min-height:58px;padding:10px 11px;gap:6px!important;display:grid!important}.signup-plans>label.selected{background:#f4f8ef;border-color:#759d43;box-shadow:0 0 0 2px #759d431c}.signup-plans input{opacity:0;position:absolute;width:1px!important;height:1px!important}.signup-plans label>span{flex-direction:column;gap:4px;min-width:0;display:flex}.signup-plans strong{color:#1d2a20;font-size:12px}.signup-plans small{color:#718075;white-space:nowrap;min-height:0!important}.signup-plans label>svg{color:#759d43;opacity:0}.signup-plans label.selected>svg{opacity:1}.auth-card form label{color:#526057;flex-direction:column;gap:7px;font-size:11px;font-weight:750;display:flex}.auth-card form input{color:#1d2a20;background:#f7f9f6;border:1px solid #dce4da;border-radius:10px;height:45px;padding:0 12px;font-size:13px}.auth-card form small{color:#879188;min-height:10px;font-size:10px;font-weight:500}.auth-submit{color:#fff;background:linear-gradient(135deg,#759d43,#587d2b);border-radius:11px;justify-content:center;align-items:center;gap:8px;height:45px;margin-top:3px;font-size:12px;font-weight:800;display:flex}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-spinner{animation:.8s linear infinite auth-spin}.auth-error{color:#9e4137;background:#fae9e6;border-radius:9px;margin:0;padding:10px 12px;font-size:11px;line-height:1.4}.auth-switch{color:#718075;text-align:center;margin:22px 0 0;font-size:11px}.auth-switch a,.auth-back{color:#587d2b;font-weight:750}.auth-back{text-align:center;text-underline-offset:3px;margin-top:15px;font-size:8px;display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}.plans-shell{color:#1d2a20;background:radial-gradient(circle at 12% 5%,#759d4330,#0000 27%),#eef1ec;min-height:100dvh;padding:38px 24px}.plans-page{width:min(900px,100%);margin:0 auto}.plans-heading{text-align:center;max-width:600px;margin:50px auto 30px}.plans-heading>span{color:#587d2b;letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:850}.plans-heading h1{font:850 38px/1 var(--font-display);letter-spacing:-.045em;margin:8px 0 10px}.plans-heading p{color:#718075;margin:0;font-size:14px;line-height:1.55}.plan-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plan-card{background:#fff;border:1px solid #dce4da;border-radius:20px;flex-direction:column;min-height:430px;padding:28px;display:flex;position:relative;box-shadow:0 16px 45px #1a2d1f14}.plan-card.featured{border-color:#759d43a6;box-shadow:0 20px 55px #587d2b29}.plan-badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#759d43;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:18px;right:18px}.plan-icon{color:#587d2b;background:#e9f1df;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.plan-card h2{font:800 19px var(--font-display);margin:20px 0 8px}.plan-price{align-items:baseline;gap:9px;display:flex}.plan-price strong{font:850 32px var(--font-display);letter-spacing:-.04em}.plan-price span{color:#718075;align-items:center;gap:4px;font-size:11px;display:inline-flex}.plan-card>p{color:#718075;min-height:42px;margin:10px 0 18px;font-size:12px;line-height:1.5}.plan-card ul{flex-direction:column;gap:11px;margin:0 0 24px;padding:0;list-style:none;display:flex}.plan-card li{color:#526057;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.plan-card li svg{color:#759d43;flex:none}.plan-choose{color:#587d2b;border:1px solid #759d43;border-radius:11px;justify-content:center;align-items:center;min-height:44px;margin-top:auto;font-size:12px;font-weight:800;text-decoration:none;display:flex}.featured .plan-choose{color:#fff;background:linear-gradient(135deg,#759d43,#587d2b)}.plans-note{color:#718075;text-align:center;max-width:690px;margin:18px auto 0;font-size:10px;line-height:1.5}@media (max-width:680px){.plan-grid{grid-template-columns:1fr}.plans-heading h1{font-size:31px}.signup-plans{grid-template-columns:1fr}}
.mobile-header,.mobile-bottom-nav,.mobile-dashboard-view{display:none}.desktop-dashboard{flex:1;min-height:0;display:flex}@media (max-width:767px),(hover:none) and (pointer:coarse) and (max-height:500px){html,body{min-height:100%;overflow-x:hidden}.app{width:100%;min-width:0;height:auto;min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom));display:block;overflow:visible}.sidebar,.topbar,.desktop-dashboard{display:none}.workspace{height:auto;min-height:0;display:block;overflow:visible}.app[data-display] .workspace{margin-left:0}.mobile-header{z-index:18;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:block;position:sticky;top:0}.mobile-header-top{min-height:60px;padding:max(10px, env(safe-area-inset-top)) 14px 10px;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-header-top>div{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-header-top span{color:var(--muted);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.mobile-header-top strong{font:750 17px/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--accent-strong);background:var(--surface);border-radius:12px;flex:none;place-items:center;display:grid}.mobile-week-switcher{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;min-height:48px;padding:0 14px 10px;display:grid}.mobile-week-switcher>button{border:1px solid var(--line);background:var(--surface);border-radius:11px;place-items:center;min-height:44px;display:grid}.mobile-week-switcher>button:disabled{opacity:.38}.mobile-week-switcher .mobile-today-button{color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:9px;padding:5px 10px;display:flex}.mobile-today-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.mobile-today-button strong{color:var(--accent-strong);flex:none;font-size:11px}.mobile-bottom-nav{z-index:45;min-height:calc(64px + env(safe-area-inset-bottom));padding:7px 8px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #18271c14}.mobile-bottom-nav button{min-height:50px;color:var(--muted);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-bottom-nav button span{font-size:9px;font-weight:750}.mobile-bottom-nav button.active{color:var(--accent-strong);background:var(--accent-pale)}.mobile-dashboard-view{flex-direction:column;gap:12px;min-width:0;padding:12px 14px 24px;display:flex}.mobile-rollover-banner{border:1px solid rgba(var(--accent-rgb), .32);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:11px;padding:13px;display:flex}.mobile-rollover-banner>div:first-child{flex-direction:column;gap:3px;display:flex}.mobile-rollover-banner strong{font-size:13px}.mobile-rollover-banner span{color:var(--muted);font-size:11px}.mobile-rollover-banner>div:last-child{justify-content:flex-end;gap:7px;display:flex}.mobile-rollover-banner .ghost-button,.mobile-rollover-banner .primary-button{min-height:38px}.mobile-day-selector{scrollbar-width:none;scroll-snap-type:x proximity;gap:7px;margin-inline:-14px;padding:0 14px 2px;display:flex;overflow-x:auto}.mobile-day-selector::-webkit-scrollbar{display:none}.mobile-day-selector button{border:1px solid var(--line);background:var(--surface);scroll-snap-align:start;border-radius:13px;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:60px;min-height:70px;padding:8px 6px;display:flex}.mobile-day-selector button.selected{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-pale);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.mobile-day-selector span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.mobile-day-selector strong{font:750 17px/1 var(--font-display)}.mobile-day-selector small{color:var(--muted);white-space:nowrap;font-size:8.5px}.mobile-week-overview-trigger{border:1px solid var(--line);min-height:46px;color:var(--accent-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:8px;padding:0 13px;display:flex}.mobile-week-overview-trigger span{text-align:left;flex:1;font-size:12px;font-weight:750}.mobile-week-overview-trigger strong{color:var(--muted);font-size:10px}.mobile-read-only-note{border:1px solid var(--line);color:var(--muted);background:var(--surface-muted);border-radius:11px;margin:0;padding:10px 12px;font-size:11px;line-height:1.45}.mobile-day-card,.mobile-habit-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.mobile-day-card--enter-from-right{animation:.2s cubic-bezier(.22,.8,.24,1) mobile-day-card-enter-from-right}.mobile-day-card--enter-from-left{animation:.2s cubic-bezier(.22,.8,.24,1) mobile-day-card-enter-from-left}.mobile-day-card>header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 100% 0%, var(--accent-pale), transparent 52%);justify-content:space-between;align-items:center;gap:14px;padding:17px 15px;display:flex}.mobile-day-card>header>div:first-child{min-width:0}.mobile-day-card>header span,.mobile-habit-panel>header span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:850;display:block}.mobile-day-card h1,.mobile-habit-panel h2{font:750 20px/1.2 var(--font-display);letter-spacing:-.025em;margin:0}.mobile-progress-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress), var(--accent-soft) 0);border-radius:50%;flex:none;place-items:center;width:66px;display:grid;position:relative}.mobile-progress-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:8px}.mobile-progress-ring>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.mobile-progress-ring strong{font:750 14px/1 var(--font-display)}.mobile-progress-ring span{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:7px}.mobile-task-list{flex-direction:column;display:flex}.mobile-task-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-height:65px;padding:9px 10px;display:grid}.mobile-task-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.mobile-task-row strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-task-row span{color:var(--muted);text-transform:capitalize;align-items:center;gap:5px;font-size:9.5px;display:flex}.mobile-task-row.completed strong{color:var(--faint);text-decoration:line-through}.mobile-task-check,.mobile-habit-row>button:first-child,.mobile-goal-body>button:first-child{border:1.5px solid var(--faint);color:#0000;background:var(--surface);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.mobile-task-row.completed .mobile-task-check,.mobile-habit-row>button:first-child.checked,.mobile-goal-step.completed .mobile-goal-body>button:first-child{border-color:var(--accent);color:#fff;background:var(--accent)}.mobile-task-check:disabled,.mobile-habit-row>button:first-child:disabled,.mobile-goal-body>button:first-child:disabled{opacity:.65}.mobile-empty-state{color:var(--muted);text-align:center;margin:0;padding:22px 16px;font-size:12px;line-height:1.5}.mobile-add-task-trigger{border:1px solid rgba(var(--accent-rgb), .4);min-height:48px;color:var(--accent-strong);background:var(--accent-pale);text-align:left;border-radius:12px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;margin:10px;padding:0 13px;display:grid}.mobile-add-task-trigger span{font-size:12px;font-weight:800}.mobile-add-task-trigger small{color:var(--muted);font-size:10px;font-weight:700}.mobile-goal-step{border:1px solid rgba(var(--accent-rgb), .35);background:linear-gradient(145deg, var(--accent-pale), var(--surface));box-shadow:inset 3px 0 0 var(--accent);border-radius:13px;margin:0 10px 11px;padding:12px}.mobile-goal-heading{color:var(--accent-strong);justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.mobile-goal-heading span{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:850;display:flex}.mobile-goal-heading button{color:#b45f52;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.mobile-goal-body{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mobile-goal-body>button:last-child{text-align:left;flex-direction:column;gap:3px;min-width:0;padding:0;display:flex}.mobile-goal-body small{color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.mobile-goal-body strong{font-size:13px;line-height:1.35}.mobile-empty-goal{width:100%;min-height:61px;color:var(--accent-strong);text-align:left;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:0;display:grid}.mobile-empty-goal.static{color:var(--muted);grid-template-columns:24px minmax(0,1fr)}.mobile-empty-goal span{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-empty-goal strong{color:var(--text);font-size:12px}.mobile-empty-goal small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-habit-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:70px;padding:14px;display:flex}.mobile-habit-panel>header button{min-height:40px;color:var(--accent-strong);background:var(--accent-pale);border-radius:10px;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.mobile-habit-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;min-height:64px;padding:9px 10px;display:grid}.mobile-habit-row:last-child{border-bottom:0}.mobile-habit-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-habit-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-habit-row span{color:var(--muted);font-size:10px}.mobile-sheet-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070f097a;align-items:flex-end;padding-top:52px;display:flex;position:fixed;inset:0}.mobile-sheet{width:100%;max-height:min(82dvh,720px);padding:8px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface-raised);border-bottom:0;border-radius:21px 21px 0 0;overflow-y:auto;box-shadow:0 -20px 50px #0003}.mobile-sheet-handle{background:var(--line);border-radius:3px;width:42px;height:4px;margin:2px auto 11px}.mobile-sheet-heading{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.mobile-sheet-heading h2{min-width:0;font:750 19px/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.mobile-sheet-copy{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.mobile-sheet-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.mobile-sheet-actions .primary-button,.mobile-sheet-actions .ghost-button{min-height:42px}.mobile-field{color:var(--muted);flex-direction:column;gap:8px;margin-top:19px;font-size:11px;font-weight:750;display:flex}.mobile-field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:var(--surface-muted);border-radius:11px;padding:0 12px;font-size:16px}.mobile-task-limit{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:10px;display:flex}.mobile-task-limit span{color:var(--accent-strong);background:var(--accent-pale);border-radius:7px;padding:5px 7px;font-weight:750}.mobile-task-limit strong{text-align:right}.mobile-action-list,.mobile-more-list,.mobile-more-footer{flex-direction:column;gap:5px;margin-top:9px;display:flex}.mobile-action-list button,.mobile-more-list button,.mobile-more-footer button{min-height:48px;color:var(--text);background:var(--surface-muted);text-align:left;border-radius:11px;align-items:center;gap:10px;padding:0 11px;display:flex}.mobile-action-list button:disabled{color:var(--faint);opacity:.6}.mobile-action-list button span,.mobile-more-list button span,.mobile-more-footer button span{flex:1;font-size:12px;font-weight:700}.mobile-action-list button.destructive{color:#b45f52;background:#fbedeb}.mobile-more-list button i{min-width:22px;height:22px;color:var(--accent-strong);background:var(--accent-soft);border-radius:11px;place-items:center;font-size:9px;font-style:normal;display:grid}.mobile-account-summary{background:var(--accent-pale);border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:12px;display:flex}.mobile-account-summary>div:last-child{flex-direction:column;gap:3px;display:flex}.mobile-account-summary strong{font-size:12px}.mobile-account-summary span{color:var(--muted);font-size:10px}.mobile-more-footer{border-top:1px solid var(--line);padding-top:11px}.mobile-more-footer button:last-child{color:var(--muted)}.mobile-destination-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.mobile-destination-list>p{color:var(--muted);font-size:12px}.mobile-destination-list button{border:1px solid var(--line);background:var(--surface-muted);text-align:left;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 10px;display:flex}.mobile-destination-list button:disabled{opacity:.52}.mobile-destination-list button>span:first-child{flex-direction:column;gap:3px;display:flex}.mobile-destination-list strong{font-size:12px}.mobile-destination-list small,.mobile-destination-list button>span:last-child{color:var(--muted);font-size:10px}.mobile-week-overview-copy{justify-content:space-between;align-items:center;gap:16px;margin:10px 0 18px;display:flex}.mobile-week-overview-copy>span{color:var(--muted);font-size:12px;line-height:1.45}.mobile-week-overview-copy .mobile-progress-ring{width:92px}.mobile-week-overview-copy .mobile-progress-ring strong{font-size:18px}.mobile-week-bars{grid-template-columns:repeat(var(--week-days,7), 1fr);align-items:end;gap:5px;height:170px;padding:10px 3px 0;display:grid}.mobile-week-bars>div{grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:4px;min-width:0;height:100%;display:grid}.mobile-week-bar-track{background:var(--accent-soft);border-radius:7px 7px 3px 3px;width:min(24px,78%);height:100%;position:relative;overflow:hidden}.mobile-week-bar-track i{border-radius:inherit;background:linear-gradient(180deg, var(--accent), var(--accent-strong));position:absolute;bottom:0;left:0;right:0}.mobile-week-bars strong{color:var(--muted);font-size:9px}.mobile-week-bars span{color:var(--muted);font-size:8px}.mobile-habit-summary{border:1px solid var(--line);background:var(--surface-muted);border-radius:12px;margin-top:22px;padding:13px}.mobile-habit-summary>div{justify-content:space-between;align-items:baseline;display:flex}.mobile-habit-summary span,.mobile-habit-summary p{color:var(--muted);font-size:11px}.mobile-habit-summary strong{color:var(--accent-strong);font:750 22px/1 var(--font-display)}.mobile-habit-summary p{margin:7px 0 0}.toast{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:none;min-height:52px;font-size:11px;left:12px}.dialog-backdrop{z-index:71;align-items:flex-end;padding-top:52px;display:flex}.dialog{width:100%;max-height:min(82dvh,720px);padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-bottom:0;border-radius:21px 21px 0 0;overflow-y:auto}.dialog label input,.support-nudge-dialog textarea{min-height:48px;font-size:16px}.dialog-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-raised);margin:22px -16px -18px;position:sticky;bottom:-18px}.dialog-actions .primary-button,.dialog-actions .ghost-button{min-height:42px}.celebration-backdrop,.support-pop-backdrop{z-index:80;align-items:end;padding:14px}.celebration-card,.support-pop-card{width:100%;max-height:84dvh;padding:32px 24px calc(24px + env(safe-area-inset-bottom));border-radius:22px;overflow-y:auto}.celebration-card h2{font-size:34px}.support-pop-card h2{font-size:28px}.page-content{min-height:0;padding:20px 14px 28px}.scrollable{overflow:visible}.content-intro,.support-progress-intro{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:17px}.content-intro h1{font-size:24px}.content-intro p{font-size:12px;line-height:1.5}.content-intro select{width:100%;min-height:44px;font-size:16px}.trash-list{padding:7px 12px}.trash-row{grid-template-columns:8px minmax(0,1fr);min-height:0;padding:13px 0}.trash-row>.secondary-button,.trash-row .trash-goal-note{grid-column:2;justify-self:start}.trash-row .secondary-button{min-height:42px}.settings-section{padding:16px}.display-setting{display:none}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-grid button{min-height:78px}.segmented{width:100%}.segmented button{flex:1;min-width:0;min-height:42px}.support-verify,.support-current,.support-invite-form,.support-incoming>div{grid-template-columns:1fr;align-items:stretch}.support-verify{flex-direction:column}.support-current-actions{justify-content:flex-start}.support-invite-form .primary-button,.support-verify .secondary-button{min-height:42px}.guide-layout{display:block}.guide-toc{scrollbar-width:none;flex-direction:row;margin-bottom:12px;padding:10px;display:flex;position:static;overflow-x:auto}.guide-toc::-webkit-scrollbar{display:none}.guide-toc>span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.guide-toc a{min-width:max-content}.guide-section{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:16px}.guide-number{border-radius:9px;width:30px;height:30px}.guide-section h2{font-size:16px}.guide-steps,.guide-steps.numbered,.guide-rules{grid-template-columns:1fr}.support-progress-actions{flex-direction:column;align-items:stretch;width:100%}.support-period-switcher{justify-content:space-between;margin:0 0 14px}.support-period-switcher button{width:44px;height:44px}.support-period-switcher strong{min-width:0;font-size:11px}.support-summary-grid,.support-week-list{grid-template-columns:1fr}}@keyframes mobile-day-card-enter-from-right{0%{opacity:.55;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes mobile-day-card-enter-from-left{0%{opacity:.55;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.mobile-day-card--enter-from-right,.mobile-day-card--enter-from-left{animation:none}}