:root{--release-build:202607000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf7;--surface:#fff;--surface-2:#f3f4f7;--surface-3:#e9ebf1;--text:#111b35;--muted:#707686;--faint:#aeb3bf;--line:#dfe1e7;--shadow:0 18px 60px #141f3d1f;--blue:#2f67d8;--teal:#0b9c98;--green:#59a832;--violet:#6b45ca;--amber:#e98b00;--coral:#ed5952;--accent:var(--blue);--accent-soft:#e9effd;--success:var(--green);--partial:var(--amber);--missed:var(--coral);--nav-height:68px;--header-height:57px;--radius:16px;font-family:Manrope,system-ui,sans-serif}[data-theme=color-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1114;--surface:#12191d;--surface-2:#182126;--surface-3:#212c32;--text:#f7f8fa;--muted:#a2aab2;--faint:#6e7880;--line:#2a343a;--shadow:0 20px 64px #00000061;--blue:#4d8fff;--teal:#20c4b8;--green:#7abb43;--violet:#8a6bea;--amber:#ff9a26;--coral:#ff6862;--accent:var(--teal);--accent-soft:#112d2d}[data-theme=mono]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf6;--surface:#fffefb;--surface-2:#f0efeb;--surface-3:#dfdfdb;--text:#141414;--muted:#5f5f5d;--faint:#a7a7a2;--line:#c9c8c2;--shadow:0 18px 55px #0000001a;--blue:#151515;--teal:#373737;--green:#151515;--violet:#555;--amber:#707070;--coral:#151515;--accent:#151515;--accent-soft:#ecebe7;--success:#151515;--partial:#626262;--missed:#151515}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#dcdfe5}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 55%);outline-offset:2px}button:disabled{opacity:.28}.prototype-stage{place-items:center;min-height:100dvh;display:grid}.mobile-prototype{background:var(--bg);width:min(100vw,390px);height:min(100dvh,844px);color:var(--text);box-shadow:var(--shadow);margin-inline:auto;transition:background-color .24s,color .24s;position:relative;overflow:hidden}[data-theme=mono] .mobile-prototype,.mobile-prototype[data-theme=mono]{font-family:Fraunces,Georgia,serif}[data-theme=mono] .mobile-prototype small,[data-theme=mono] .mobile-prototype p,[data-theme=mono] .mobile-prototype button,[data-theme=mono] .mobile-prototype input,[data-theme=mono] .mobile-prototype select{font-family:Manrope,system-ui,sans-serif}.app-header{height:var(--header-height);background:color-mix(in srgb, var(--bg), transparent 6%);border-bottom:1px solid color-mix(in srgb, var(--line), transparent 45%);z-index:4;align-items:center;gap:10px;padding:13px 18px 8px;display:flex;position:relative}.app-header svg{color:var(--accent)}.app-header strong{letter-spacing:-.035em;font-size:19px}.app-scroll{height:calc(100% - var(--header-height) - var(--nav-height));scrollbar-width:none;overscroll-behavior:contain;overflow:hidden auto}.app-scroll::-webkit-scrollbar{display:none}.screen{padding:12px 18px 28px;animation:.26s cubic-bezier(.2,.8,.2,1) screen-enter}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.icon-button,.more-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:active,.more-button:active{background:var(--surface-2);transform:scale(.94)}.day-navigator{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;margin:1px -4px 15px;display:grid}.day-navigator h1{letter-spacing:-.04em;margin:0;font-size:20px;line-height:1.25}.day-navigator p{color:var(--muted);margin:3px 0 0;font-size:12px}.section-heading{color:var(--blue);align-items:center;gap:12px;margin:16px 0 7px;display:flex}.section-heading[data-tone=break]{color:var(--coral)}.section-heading span{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:800}.section-heading i{opacity:.55;background:currentColor;flex:1;height:1px}.habit-list{border-top:1px solid var(--line)}.habit-row{border-bottom:1px solid var(--line);padding:11px 0 10px}.habit-row-header{grid-template-columns:42px 1fr 42px;align-items:center;gap:9px;min-height:42px;display:grid}.habit-glyph{color:#fff;background:var(--blue);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;line-height:0;display:inline-grid}.habit-glyph svg{flex:none;display:block}.habit-glyph[data-color=teal]{background:var(--teal)}.habit-glyph[data-color=green]{background:var(--green)}.habit-glyph[data-color=violet]{background:var(--violet)}.habit-glyph[data-color=amber]{background:var(--amber)}.habit-glyph[data-color=coral]{background:var(--coral)}[data-theme=mono] .habit-glyph{background:var(--text)}.habit-name{flex-direction:column;min-width:0;display:flex}.habit-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;overflow:hidden}.habit-name span{color:var(--muted);margin-top:2px;font-size:11px}.more-button{color:var(--muted)}.slot-grid{grid-template-columns:repeat(var(--slot-count), minmax(0, 1fr));margin:9px 0 0 50px;display:grid}.slot-button{border:0;border-left:1px solid var(--line);cursor:pointer;min-width:0;min-height:72px;color:var(--blue);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background-color .16s,transform .16s;display:flex}.slot-button:first-child{border-left:0}.slot-button:nth-child(2){color:var(--teal)}.slot-button:nth-child(3){color:var(--violet)}.slot-button:active{background:var(--surface-2);transform:scale(.97)}.slot-button>span{text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.slot-button i{border:2px solid;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.slot-button[data-status=done] i{color:#fff;background:currentColor}.slot-button[data-status=missed]{color:var(--coral)}.slot-button[data-status=skipped]{color:var(--muted)}.slot-button[data-status=upcoming]{color:var(--faint)}.slot-button small{color:currentColor;white-space:nowrap;font-size:9px}.break-row{padding-bottom:12px}.break-checkin{text-align:left;border:1px solid color-mix(in srgb, var(--coral), transparent 65%);background:color-mix(in srgb, var(--coral), transparent 93%);cursor:pointer;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;width:calc(100% - 50px);min-height:62px;margin:9px 0 0 50px;padding:9px;display:grid}.break-checkin .status-ring{border:2px solid var(--coral);width:34px;height:34px;color:var(--coral);border-radius:50%;place-items:center;display:grid}.break-checkin[data-status=avoided] .status-ring{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green), transparent 86%)}.break-checkin>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.break-checkin strong{color:var(--coral);font-size:12px}.break-checkin small{color:var(--muted);margin-top:2px;font-size:9px}.break-checkin b{color:#fff;background:var(--coral);white-space:nowrap;border-radius:9px;padding:9px 11px;font-size:10px}.add-habit-button{border:1px dashed var(--line);width:100%;min-height:42px;color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-weight:700;display:flex}.week-strip{margin-top:18px}.week-strip-title,.report-heading{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.week-strip-title strong,.report-heading strong{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.week-strip-title span,.report-heading span{color:var(--muted);font-size:10px}.week-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.week-day{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 2px 7px;display:flex}.week-day[data-selected=true]{background:var(--surface-2)}.week-day small{color:var(--muted);text-transform:uppercase;font-size:8px}.week-day strong{font-size:13px}.mini-heat{grid-template-columns:repeat(2,6px);gap:2px;margin-top:3px;display:grid}.heat-cell{background:var(--surface-3);border:1px solid #0000;border-radius:1px;width:9px;min-width:0;height:9px;padding:0;display:block}button.heat-cell{cursor:pointer}.mini-heat .heat-cell{width:6px;height:6px}.heat-cell[data-tone=success]{background:var(--success)}.heat-cell[data-tone=partial]{background:var(--partial)}.heat-cell[data-tone=missed]{background:var(--missed)}.heat-cell[data-tone=skipped]{background:var(--muted);border-color:var(--bg)}.heat-cell[data-tone=unrecorded]{background:var(--surface-3)}.heat-cell[data-tone=none]{opacity:0}[data-theme=mono] .heat-cell[data-tone=partial]{background:#777;border-color:#777}[data-theme=mono] .heat-cell[data-tone=missed]{background:#151515;border-color:#151515;box-shadow:inset 0 0 0 1px #fff}[data-theme=mono] .heat-cell[data-tone=skipped]{background:#7d7d7d}.empty-state{text-align:center;color:var(--muted);padding:34px 18px}.empty-state h2{color:var(--text);margin:7px 0 3px;font-size:18px}.empty-state p{margin:0;font-size:12px}.screen-title{justify-content:space-between;align-items:center;padding:4px 2px 15px;display:flex}.screen-title p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px;font-size:11px;font-weight:700}.screen-title h1{letter-spacing:-.045em;margin:0;font-size:24px}.screen-title>svg{color:var(--accent)}.segmented-control{background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented-control button{min-height:35px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:11px;font-weight:700}.segmented-control button[data-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 9px #00000014}.report-range{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;margin:8px 0;display:grid}.report-range strong{font-size:12px}.scope-select{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:13px;padding:7px 0 11px;display:flex}.scope-select span{color:var(--muted);font-size:11px}.scope-select select{max-width:210px;color:var(--text);background:var(--surface-2);border:0;border-radius:8px;padding:8px 10px;font-size:11px}.score-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score-block{border:1px solid var(--line);border-radius:13px;flex-direction:column;padding:12px;display:flex}.score-block>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.score-block>strong{margin:4px 0 1px;font-size:25px}.score-block>small{color:var(--muted);font-size:8px}.score-block>i{background:var(--surface-3);border-radius:10px;width:100%;height:4px;margin-top:9px;overflow:hidden}.score-block>i span{background:var(--blue);height:100%;display:block}.score-block[data-tone=break]>i span{background:var(--coral)}.selected-habit-summary{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 0 13px;display:grid}.selected-habit-summary>div{flex-direction:column;display:flex}.selected-habit-summary span{color:var(--muted);font-size:9px}.selected-habit-summary strong{font-size:15px}.selected-habit-summary b{font-size:23px}.report-visual{border-bottom:1px solid var(--line);margin-top:16px;padding-bottom:14px}.week-report-grid{grid-template-columns:repeat(7,1fr);gap:5px;padding:10px 0 4px;display:grid}.report-day{flex-direction:column;align-items:center;gap:4px;display:flex}.report-day small{color:var(--muted);text-transform:uppercase;font-size:8px}.report-day strong{font-size:14px}.report-day .heat-cell{border-radius:7px;width:28px;height:28px}.month-report{padding-top:7px}.weekday-labels,.month-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday-labels span{text-align:center;color:var(--muted);padding-bottom:3px;font-size:8px}.month-day{aspect-ratio:1;place-items:center;display:grid;position:relative}.month-day>span{z-index:1;color:#fff;font-size:8px;font-weight:700;position:absolute}.month-day .heat-cell{border-radius:5px;width:100%;height:100%}.month-day .heat-cell[data-tone=unrecorded]+span{color:var(--muted)}.month-day:has(.heat-cell[data-tone=unrecorded])>span{color:var(--muted)}.year-report{padding:7px 4px 1px;overflow:hidden}.year-month-labels,.year-pixels{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.year-month-labels span{text-align:center;color:var(--muted);font-size:7px}.month-column{gap:2px;display:grid}.month-column .heat-cell{width:100%;height:5px}.heat-legend{justify-content:space-between;gap:6px;margin-top:11px;display:flex}.heat-legend span{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:7px;display:flex}.insight-row{color:var(--amber);grid-template-columns:28px 1fr;gap:9px;margin:14px 0 7px;display:grid}.insight-row>div{flex-direction:column;display:flex}.insight-row span,.insight-row small{color:var(--muted);font-size:8px}.insight-row strong{color:var(--text);margin:2px 0;font-size:12px}.habit-score-row{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:34px 1fr auto 18px;align-items:center;gap:9px;width:100%;min-height:51px;padding:6px 0;display:grid}.habit-score-row .habit-glyph{justify-content:center;justify-self:center;align-items:center;width:31px;height:31px;padding:0;line-height:0;display:flex}.habit-score-row .habit-glyph svg,.bottom-nav button svg{flex:none;margin-inline:auto;display:block}.habit-score-row>span{flex-direction:column;display:flex}.habit-score-row strong{font-size:11px}.habit-score-row small{color:var(--muted);font-size:8px}.habit-score-row b{font-size:13px}.habit-breakdown-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;margin:17px 0 6px;padding-bottom:8px;display:flex}.habit-breakdown-heading strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:12px}.habit-breakdown-heading span{text-align:right;max-width:145px;color:var(--muted);font-size:8px}.streak-section{border-bottom:1px solid var(--line);margin-top:15px;padding-bottom:14px}.streak-summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.streak-summary-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:24px 1fr;align-items:start;gap:7px;min-width:0;padding:11px;display:grid}.streak-summary-grid>div:first-child svg{color:var(--coral)}.streak-summary-grid>div:last-child svg{color:var(--amber)}.streak-summary-grid span{flex-direction:column;min-width:0;display:flex}.streak-summary-grid small{color:var(--muted);font-size:8px}.streak-summary-grid strong{font-size:18px;line-height:1.2}.streak-summary-grid b{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;overflow:hidden}.selected-habit-summary small{color:var(--muted);margin-top:2px;font-size:8px}.home-layout-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.home-layout-options button{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:13px;grid-template-columns:24px 1fr;align-content:start;gap:7px;min-height:92px;padding:11px;display:grid;position:relative}.home-layout-options button[data-selected=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent), transparent 60%)}.home-layout-options button>span{flex-direction:column;display:flex}.home-layout-options strong{font-size:10px}.home-layout-options small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.35}.home-layout-options button>svg:last-child{color:var(--accent);position:absolute;top:8px;right:8px}.grid-today-screen{padding-inline:11px}.grid-today-screen .section-heading{margin-inline:7px}.habit-grid-table{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;margin-bottom:20px}.habit-grid-header,.habit-grid-row{grid-template-columns:92px repeat(3,54px) 78px;display:grid}.habit-grid-header{min-height:42px;color:var(--muted);text-align:center;align-items:center;font-size:8px;font-weight:700}.habit-grid-header span:first-child{text-align:left;padding-left:7px}.habit-grid-row{border-top:1px solid var(--line);min-height:70px}.grid-habit-name{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:29px 1fr;align-items:center;gap:6px;min-width:0;padding:6px 4px 6px 1px;display:grid}.grid-habit-name .habit-glyph{width:28px;height:28px}.grid-habit-name>span{flex-direction:column;min-width:0;display:flex}.grid-habit-name strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.2;display:-webkit-box;overflow:hidden}.grid-habit-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:6px;overflow:hidden}.grid-slot-button{border:0;border-left:1px solid var(--line);min-width:0;color:var(--blue);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 1px;display:flex}.grid-slot-button:nth-of-type(3){color:var(--teal)}.grid-slot-button:nth-of-type(4){color:var(--violet)}.grid-slot-button[data-status=missed],.grid-slot-button[data-status=lapse]{color:var(--coral);background:color-mix(in srgb, var(--coral), transparent 90%)}.grid-slot-button[data-status=done],.grid-slot-button[data-status=avoided]{background:color-mix(in srgb, currentColor, transparent 91%)}.grid-slot-button[data-status=upcoming]{color:var(--faint)}.grid-slot-button i{border:2px solid;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.grid-slot-button small{color:currentColor;white-space:nowrap;text-overflow:ellipsis;max-width:50px;font-size:6px;overflow:hidden}.grid-empty{border-left:1px solid var(--line);color:var(--faint);place-items:center;display:grid}.grid-week-heat{border-left:1px solid var(--line);grid-template-columns:repeat(7,7px);place-content:center;gap:3px;padding-inline:5px;display:grid}.grid-week-heat .heat-cell{border-radius:2px;width:7px;height:18px}.break-grid-header,.break-grid-row{grid-template-columns:106px 67px 73px 86px}.grid-break-target{border-left:1px solid var(--line);color:var(--amber);place-items:center;font-size:7px;display:grid}.break-grid-check{color:var(--coral)}[data-theme=color-dark] .habit-grid-row,[data-theme=color-dark] .habit-grid-header{background:color-mix(in srgb, var(--surface), transparent 45%)}.theme-options{gap:7px;display:grid}.theme-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:13px;grid-template-columns:30px 1fr 28px;align-items:center;gap:10px;width:100%;min-height:60px;padding:9px 11px;display:grid}.theme-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.theme-option>svg{color:var(--accent)}.theme-option>span{flex-direction:column;display:flex}.theme-option strong{font-size:12px}.theme-option small{color:var(--muted);font-size:8px}.theme-option i{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.theme-option[data-selected=true] i{background:var(--accent);border-color:var(--accent);color:#fff}.settings-note{color:var(--muted);margin:-1px 0 7px;font-size:10px;line-height:1.55}.settings-actions{border-top:1px solid var(--line)}.settings-actions>button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;min-height:57px;padding:7px 2px;display:grid}.settings-actions>button>svg{color:var(--accent)}.settings-actions>button>span{flex-direction:column;display:flex}.settings-actions strong{font-size:11px}.settings-actions small{color:var(--muted);margin-top:2px;font-size:8px}.settings-actions .danger-action svg,.settings-actions .danger-action strong{color:var(--coral)}.about-block{color:var(--muted);align-items:center;gap:10px;margin:22px 0 5px;display:flex}.onboarding-scroll{height:calc(100% - var(--header-height))}.onboarding-screen{min-height:100%;padding-bottom:32px}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:6px;margin:2px 0 22px;display:grid}.onboarding-progress i{background:var(--surface-3);border-radius:20px;height:3px}.onboarding-progress i[data-active=true]{background:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.onboarding-screen h1{letter-spacing:-.055em;max-width:320px;margin:0;font-size:30px;line-height:1.04}.onboarding-screen section>p{color:var(--muted);margin:12px 0 18px;font-size:12px;line-height:1.55}.onboarding-mark{width:78px;height:78px;color:var(--accent);background:var(--accent-soft);border-radius:24px;place-items:center;margin:12px 0 22px;display:grid}.onboarding-principles{border-block:1px solid var(--line);gap:4px;margin-bottom:20px;padding:8px 0;display:grid}.onboarding-principles>div,.schedule-preview>div{grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:48px;display:grid}.onboarding-principles svg{color:var(--accent)}.onboarding-principles span,.schedule-preview span,.seed-history-option span{flex-direction:column;display:flex}.onboarding-principles strong,.schedule-preview strong,.seed-history-option strong{font-size:11px}.onboarding-principles small,.schedule-preview small,.seed-history-option small{color:var(--muted);font-size:9px;line-height:1.35}.onboarding-intro>.primary-button{justify-content:center;align-items:center;gap:7px;display:flex}.onboarding-group{margin-top:16px}.starter-habit-row{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:38px 1fr 24px;align-items:center;gap:9px;width:100%;min-height:54px;padding:6px 2px;display:grid}.starter-habit-row[data-selected=false]{opacity:.5}.starter-habit-row>span:not(.habit-glyph){flex-direction:column;min-width:0;display:flex}.starter-habit-row strong{font-size:11px}.starter-habit-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.starter-habit-row>i{border:1px solid var(--line);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.starter-habit-row[data-selected=true]>i{background:var(--accent);border-color:var(--accent)}.icon-picker{border:0;margin:14px 0 0;padding:0}.icon-picker legend{margin-bottom:8px;font-size:11px;font-weight:800}.icon-picker>div{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.icon-picker button{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:11px;place-items:center;display:grid}.icon-picker button[data-selected=true]{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.onboarding-actions{background:var(--bg);grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 0 4px;display:grid;position:sticky;bottom:0}.onboarding-actions .primary-button{justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.onboarding-actions .text-button{align-items:center;gap:3px;min-height:44px;display:flex}.schedule-preview{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:3px;margin:18px 0;padding:10px 12px;display:grid}.schedule-preview>div{grid-template-columns:38px 1fr}.seed-history-option{background:var(--accent-soft);cursor:pointer;border-radius:13px;grid-template-columns:22px 1fr;align-items:start;gap:9px;padding:12px;display:grid}.seed-history-option input{width:18px;height:18px;accent-color:var(--accent)}.about-block>div{flex-direction:column;display:flex}.about-block strong{color:var(--text);font-size:11px}.about-block span{font-size:8px}.bottom-nav{height:var(--nav-height);z-index:5;border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg), transparent 3%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:auto 0 0}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav button[data-active=true]{color:var(--accent)}.bottom-nav button:active svg{transform:translateY(-2px)scale(.94)}.bottom-nav svg{transition:transform .16s}.sheet-backdrop{z-index:20;background:#00000073;align-items:flex-end;animation:.18s backdrop-in;display:flex;position:absolute;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.bottom-sheet{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-height:88%;padding:8px 18px 22px;animation:.26s cubic-bezier(.2,.8,.2,1) sheet-in;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--surface-3);border-radius:20px;width:38px;height:4px;margin:0 auto 9px}.bottom-sheet>header{align-items:center;gap:10px;min-height:48px;margin-bottom:9px;display:flex}.bottom-sheet>header>div{flex-direction:column;flex:1;display:flex}.bottom-sheet>header span{color:var(--muted);font-size:9px}.bottom-sheet>header h2{margin:1px 0 0;font-size:18px}.checkin-options{border-top:1px solid var(--line)}.checkin-options button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:36px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:61px;padding:7px 2px;display:grid}.checkin-options button[data-selected=true]{color:var(--accent)}.checkin-options i{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.checkin-options button>span{flex-direction:column;display:flex}.checkin-options strong{font-size:12px}.checkin-options small{color:var(--muted);margin-top:2px;font-size:8px}.habit-form-sheet form{gap:12px;display:grid}.kind-control{grid-template-columns:1fr 1fr}.habit-form-sheet label{flex-direction:column;gap:5px;display:flex}.habit-form-sheet label>span,.color-picker legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.habit-form-sheet input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:9px 11px;font-size:12px}.color-picker{border:0;gap:9px;margin:0;padding:0;display:flex}.color-picker legend{margin-bottom:7px}.color-picker button{border:3px solid var(--bg);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);background:var(--blue);cursor:pointer;border-radius:50%}.color-picker button[data-color=teal]{background:var(--teal)}.color-picker button[data-color=green]{background:var(--green)}.color-picker button[data-color=violet]{background:var(--violet)}.color-picker button[data-color=amber]{background:var(--amber)}.color-picker button[data-color=coral]{background:var(--coral)}.color-picker button[data-selected=true]{box-shadow:0 0 0 3px var(--text)}.slot-editor{gap:7px;display:grid}.slot-editor>div:first-child{flex-direction:column;display:flex}.slot-editor>div:first-child strong{font-size:11px}.slot-editor>div:first-child small{color:var(--muted);font-size:8px}.slot-presets{gap:5px;display:flex;overflow-x:auto}.slot-presets button,.text-button{border:1px solid var(--line);min-height:30px;color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:5px 9px;font-size:9px}.slot-edit-row{grid-template-columns:1fr 116px 38px;gap:6px;display:grid}.slot-edit-row:has(input:only-child){grid-template-columns:1fr}.text-button{justify-self:start;align-items:center;gap:3px;display:flex}.primary-button,.delete-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;min-height:45px;font-weight:800}.delete-button{color:var(--coral);border:1px solid color-mix(in srgb, var(--coral), transparent 50%);background:0 0;justify-content:center;align-items:center;gap:6px;display:flex}.toast{z-index:30;white-space:nowrap;background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:100px;align-items:center;gap:6px;padding:9px 14px;font-size:10px;animation:.22s toast-in;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.habit-detail-sheet{max-height:min(82dvh,690px)}.habit-detail-sheet .detail-sheet-note{color:var(--muted);margin:0 0 12px;font-size:10px;line-height:1.55}.habit-detail-sheet .habit-row{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2), transparent 30%);border-radius:14px;padding:12px}.habit-detail-sheet .habit-row-header .more-button{display:none}.detail-edit-button{border:1px solid var(--line);width:100%;min-height:42px;color:var(--accent);cursor:pointer;background:0 0;border-radius:11px;margin-top:12px;font-size:10px;font-weight:800}.install-panel,.sync-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2), transparent 35%);border-radius:14px}.install-panel{grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:68px;padding:11px;display:grid}.install-panel>svg,.sync-status-line>svg{color:var(--accent)}.install-panel>span,.sync-status-line>span{flex-direction:column;min-width:0;display:flex}.install-panel strong,.sync-status-line strong{font-size:10px}.install-panel small,.sync-status-line small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.4}.install-panel>button,.sync-actions button,.sync-code-row button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--accent);cursor:pointer;border-radius:9px;font-size:9px;font-weight:800}.sync-panel{gap:11px;padding:13px;display:grid}.sync-panel[data-status=error]{border-color:color-mix(in srgb, var(--coral), transparent 35%)}.sync-status-line{grid-template-columns:27px 1fr;align-items:center;gap:8px;display:grid}.sync-panel>p,.sync-advanced p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.sync-field{gap:5px;display:grid}.sync-field>span{color:var(--muted);font-size:8px;font-weight:700}.sync-field input,.sync-code-row{border:1px solid var(--line);background:var(--surface);width:100%;min-height:39px;color:var(--text);border-radius:9px;padding:8px 10px;font-size:10px}.sync-code-row{grid-template-columns:1fr 34px;align-items:center;gap:7px;display:grid}.sync-code-row code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-code-row button{place-items:center;min-width:32px;padding:0;display:grid}.sync-actions{gap:7px;display:flex}.sync-actions button{justify-content:center;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.sync-advanced{border-top:1px solid var(--line);padding-top:9px}.sync-server-field{border-top:1px solid var(--line);gap:7px;padding-top:11px;display:grid}.sync-server-field>p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.sync-advanced summary{color:var(--accent);cursor:pointer;font-size:9px;font-weight:800}.sync-advanced[open] summary{margin-bottom:9px}.sync-connect{min-height:41px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=350px){.screen,.app-header{padding-inline:13px}.slot-grid{margin-left:43px}.break-checkin{width:calc(100% - 43px);margin-left:43px}.heat-legend span{font-size:6px}.grid-today-screen{padding-inline:6px}.grid-today-screen .section-heading{margin-inline:4px}.habit-grid-header,.habit-grid-row{grid-template-columns:78px repeat(3,44px) 66px}.break-grid-header,.break-grid-row{grid-template-columns:88px 54px 60px 70px}.grid-habit-name{grid-template-columns:25px 1fr;gap:4px}.grid-habit-name .habit-glyph,.grid-slot-button i{width:24px;height:24px}.grid-week-heat{grid-template-columns:repeat(7,5px);gap:2px;padding-inline:2px}.grid-week-heat .heat-cell{width:5px;height:16px}.habit-grid-header{font-size:7px}}@media (width>=391px){.mobile-prototype{border-radius:24px}}@media (width>=760px){.mobile-prototype{width:min(94vw,820px);height:min(94dvh,920px)}.screen{padding-inline:26px}.grid-today-screen{padding-inline:20px}.habit-grid-header,.habit-grid-row{grid-template-columns:170px repeat(3,minmax(100px,1fr)) 132px}.break-grid-header,.break-grid-row{grid-template-columns:220px 140px 160px minmax(150px,1fr)}.grid-habit-name{grid-template-columns:35px 1fr;padding-inline:8px}.grid-habit-name strong{font-size:11px}.grid-habit-name small,.grid-slot-button small{font-size:8px}.habit-grid-header{font-size:10px}.habit-detail-sheet{border-radius:20px 20px 0 0;width:min(540px,100% - 40px);left:50%;right:auto;transform:translate(-50%)}}@media (width>=1080px){body{background:linear-gradient(90deg,#ffffff61,#0000 22% 78%,#ffffff47),#dcdfe5}.prototype-stage{place-items:center;padding:18px}.mobile-prototype{grid-template-columns:116px minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0, 1fr);border-radius:18px;width:min(1180px,100vw - 56px);height:min(900px,100dvh - 36px);display:grid}.app-header{grid-column:1/-1;padding-inline:28px}.app-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent), transparent 60%) transparent;grid-area:2/2;height:100%}.app-scroll::-webkit-scrollbar{width:8px;display:block}.app-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent), transparent 60%);border-radius:99px}.bottom-nav{border-top:0;border-right:1px solid var(--line);grid-area:2/1;grid-template-columns:1fr;grid-auto-rows:86px;align-content:start;height:100%;padding-top:14px;position:static}.bottom-nav button{gap:7px;font-size:11px}.screen{width:min(100%,1000px);margin-inline:auto;padding:24px 34px 42px}.screen-title h1{font-size:34px}.grid-today-screen{width:100%;max-width:none;padding-inline:24px}.habit-grid-header,.habit-grid-row{grid-template-columns:minmax(230px,1.2fr) repeat(3,minmax(128px,1fr)) minmax(168px,.9fr)}.break-grid-header,.break-grid-row{grid-template-columns:minmax(260px,1.35fr) minmax(150px,.8fr) minmax(170px,.85fr) minmax(180px,1fr)}.grid-habit-name{grid-template-columns:42px 1fr;gap:10px;padding-inline:12px}.grid-habit-name .habit-glyph{width:36px;height:36px}.grid-habit-name strong{font-size:13px}.grid-habit-name small,.grid-slot-button small,.habit-grid-header{font-size:10px}.settings-screen{max-width:940px}.settings-screen .theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-panel,.install-panel{border-radius:12px}.sync-panel{grid-template-columns:minmax(0,1fr);padding:18px}.sync-status-line strong,.install-panel strong{font-size:13px}.sync-status-line small,.install-panel small,.sync-panel>p,.sync-advanced p,.sync-server-field>p,.sync-field>span{font-size:11px}.sync-field input,.sync-code-row{font-size:13px}.bottom-sheet{border-radius:18px 18px 0 0;width:min(620px,100% - 40px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-recovery{text-align:center;color:#eef6f7;background:#091114;place-content:center;gap:16px;min-height:100dvh;padding:32px;font-family:Manrope,system-ui,sans-serif;display:grid}.app-recovery>svg{color:#24d1c3;margin-inline:auto}.app-recovery h1{margin:0;font-size:clamp(1.8rem,5vw,3rem)}.app-recovery p{color:#a9b8bd;max-width:560px;margin:0 auto;line-height:1.6}.app-recovery>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}