:root{color-scheme:dark;--bg:#101211;--panel:#191c19;--ink:#f0f1e9;--muted:#8d948b;--line:#2c312b;--accent:#d5ef9e;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.3;cursor:default}input,textarea,select{color:var(--ink);background:var(--surface-input,#20241f);border:1px solid var(--border-soft,#343a31);border-radius:12px;padding:13px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:70px}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100dvh}.sidebar{padding:42px 24px 30px 24px;border-right:1px solid var(--border-soft,#252a24);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-1px}.brand-mark{color:var(--accent);display:flex;gap:4px;transform:skew(-25deg);margin:0 5px}.brand-mark i{height:24px;width:6px;border-radius:5px;background:currentColor}.sidebar nav{display:grid;gap:7px;margin-top:64px}.nav-button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:12px;color:var(--muted);font-size:14px}.nav-button.active{background:var(--surface-nav,#252d20);color:var(--accent)}.nav-button:hover{background:var(--surface-hover,#20251f)}.side-footer{margin-top:auto;color:var(--fg-subtle,#697264);font-size:12px;line-height:1.8}.side-footer .mini-line{width:30px;height:2px;background:var(--accent);margin-bottom:16px}.main{padding:42px 52px 64px;max-width:800px;width:100%;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--fg-label,#b8bfb2);border:1px solid var(--line);flex-shrink:0}.icon-button:hover{background:var(--surface-hover,#2a3026);color:var(--ink)}.greeting{font-size:43px;line-height:1.12;letter-spacing:-1.8px;font-weight:500}.subheading{color:var(--muted);font-size:14px;margin-top:12px;line-height:1.6}.goal{margin-top:29px;padding:23px 25px 21px;background:var(--surface-step,#1b2019);border:1px solid var(--border-strong,#313b27);border-radius:20px}.goal-heading{display:flex;justify-content:space-between;align-items:center}.goal-title{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.goal-title svg{color:var(--accent);width:16px}.small-edit{color:var(--muted);padding:4px;display:flex;gap:6px;align-items:center;font-size:11px}.small-edit svg{width:14px;height:14px}.goal-stat{display:flex;align-items:baseline;gap:7px;margin-top:18px}.goal-stat strong{font-size:31px;letter-spacing:-1px;font-weight:500}.goal-stat span{font-size:13px;color:var(--muted)}.goal-stat .goal-percent{margin-left:auto;color:var(--accent);font-size:13px}.track{height:6px;background:var(--surface-track,#343b2e);border-radius:8px;overflow:hidden;margin-top:13px}.fill{height:100%;border-radius:8px;background:var(--accent);transition:width .65s cubic-bezier(.2,.8,.2,1)}.goal-note{color:var(--fg-muted,#86937a);font-size:11px;margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 17px}.section-heading h2{font-size:16px;font-weight:500;letter-spacing:-.3px}.count{color:var(--fg-muted,#737e6c);font-size:12px;margin-left:7px}.add-button{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);padding:7px 0 7px 10px}.add-button svg{width:15px}.filters{display:flex;gap:6px;margin-bottom:19px;overflow:auto;scrollbar-width:none;padding-bottom:2px}.chip{white-space:nowrap;padding:8px 13px;font-size:11px;border-radius:30px;color:var(--fg-muted,#949c8c);border:1px solid transparent}.chip.active{background:var(--surface-selected,#2a3125);border-color:var(--border-strong,#3d4834);color:var(--fg-selected,#e1edce)}.chip:hover{color:var(--ink)}.cards{display:grid;gap:12px}.project-card,.step-card{--tone:150,185,100;position:relative;border:1px solid rgba(var(--tone),.22);background:linear-gradient(110deg,rgba(var(--tone),.1),rgba(var(--tone),.025)),var(--surface-card,#181b18);border-radius:19px;overflow:hidden;isolation:isolate}.project-card{min-height:136px;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-2px);border-color:rgba(var(--tone),.5)}.card-open{width:100%;padding:20px 68px 20px 22px;text-align:left;display:block;min-height:136px}.card-top{display:flex;align-items:center;gap:8px;color:rgba(var(--tone),.9);font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:600}.card-top svg{width:13px;height:13px}.card-top .repeat-tag{letter-spacing:0;text-transform:none;font-size:9px;color:var(--fg-label,#b0b8a7);border:1px solid #ffffff15;padding:3px 6px;border-radius:5px;margin-left:auto;white-space:nowrap}.task-title{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-top:11px;font-weight:500;overflow-wrap:anywhere}.card-meta{margin-top:12px;font-size:10px;color:var(--fg-muted,#8d9685);display:flex;align-items:center;gap:7px}.diff-dot{height:5px;width:5px;background:rgb(var(--tone));border-radius:50%;display:inline-block}.meta-separator{color:var(--fg-subtle,#515a4c)}.check-button{position:absolute;right:22px;top:57px;width:29px;height:29px;border-radius:50%;border:1px solid rgba(var(--tone),.55);display:flex;align-items:center;justify-content:center;color:rgb(var(--tone));z-index:2;transition:background .2s}.check-button svg{width:17px;opacity:0;transition:opacity .2s}.check-button:hover{background:rgba(var(--tone),.2)}.check-button:hover svg{opacity:1}.card-footnote{text-align:center;font-size:10px;color:var(--fg-subtle,#626c5d);margin-top:23px;letter-spacing:.2px}.card-footnote svg{width:11px;vertical-align:middle;margin-right:4px}.bottom-nav{display:none}.detail-header{display:flex;gap:12px;align-items:flex-start}.detail-header h1{font-size:34px;font-weight:500;letter-spacing:-1.2px;overflow-wrap:anywhere}.detail-header>.icon-button{margin-left:auto}.detail-type{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);margin-top:10px}.detail-type svg{width:13px}.project-progress{margin:27px 0 25px}.progress-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}.project-progress .track{margin:0;height:5px}.timeline{display:grid;gap:12px}.step-card{padding:20px 64px 20px 22px;min-height:105px}.step-card .check-button{top:37px}.step-card .task-title{font-size:18px;margin-top:7px}.step-number{font-size:9px;color:rgb(var(--tone));letter-spacing:1.4px;font-weight:600}.step-card.completed{filter:saturate(.28);opacity:.43}.step-card.completed .task-title{text-decoration:line-through;text-decoration-color:#ffffff55}.step-card.completed .check-button svg{opacity:1}.step-card.current{border-color:rgba(var(--tone),.48)}.timeline-label{font-size:10px;color:var(--fg-muted,#7b8871);letter-spacing:1.7px;text-transform:uppercase;margin:23px 0 15px}.empty{text-align:center;padding:45px 15px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:14px;line-height:1.7}.empty svg{width:32px;height:32px;margin-bottom:12px;color:var(--accent)}.empty h3{color:var(--ink);font-weight:500;margin-bottom:6px}.primary{border-radius:12px;background:var(--accent);color:var(--button-ink,#202719);padding:13px 20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary{border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:12px;color:var(--fg-label,#c0c8b8)}.danger{color:#e29988}.calendar{padding:20px;background:var(--surface-calendar,#191d18);border:1px solid var(--line);border-radius:19px;margin:25px 0}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.calendar-head h3{font-size:13px;font-weight:500}.calendar-nav{display:flex;gap:5px}.calendar-nav button{padding:4px;color:var(--muted);display:flex}.calendar-nav svg{width:17px;height:17px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.weekday{font-size:9px;color:var(--fg-subtle,#6e7a64);padding-bottom:7px}.cal-day{aspect-ratio:1.15;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:11px;background:var(--surface-selected,#242a20);color:var(--fg-label,#a8b19f);position:relative;min-height:24px}.cal-day.untracked{background:transparent;color:var(--fg-subtle,#50594c)}.cal-day.today{outline:1px solid var(--accent);outline-offset:-1px;color:#f0f1e9}.cal-day.selected{box-shadow:inset 0 0 0 2px #eee}.cal-day:not(.untracked):hover{filter:brightness(1.3)}.cal-key{margin-top:16px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--fg-muted,#7b8672)}.heat-scale{width:66px;height:5px;border-radius:8px;background:linear-gradient(90deg,#a55b4f,#b4a354,#80a85b)}.calendar-detail{font-size:11px;color:var(--fg-label,#a3ae99);margin-top:12px;line-height:1.5}.activity-row{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-nav,#263220);color:var(--accent)}.activity-row h3{font-size:14px;font-weight:500}.activity-row p{font-size:11px;color:var(--muted);margin-top:5px}.activity-points{margin-left:auto;color:var(--accent);font-size:12px;white-space:nowrap}.archive-row{padding:20px;background:var(--surface-calendar,#1a1e18);border:1px solid var(--line);border-radius:17px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-row h3{font-size:17px;font-weight:500}.archive-row p{font-size:11px;color:var(--muted);margin-top:6px}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface-overlay,#171b16);border:1px solid var(--border-strong,#39422f);border-radius:25px;width:100%;max-width:560px;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 24px 90px #0008}.modal-head{padding:24px 25px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h2{font-size:23px;font-weight:500;letter-spacing:-.7px}.modal-body{padding:0 25px 25px;overflow:auto}.modal-foot{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;background:var(--surface-overlay,#171b16);border-radius:0 0 25px 25px}.field-label{display:block;color:var(--fg-label,#a6af9c);font-size:11px;margin:16px 0 8px}.form-note{font-size:11px;line-height:1.6;color:var(--fg-muted,#7d8b71);margin-top:10px}.editor-step{border:1px solid var(--border-soft,#31382b);border-radius:15px;padding:15px;margin-top:13px;background:var(--surface-step,#1b2019)}.editor-step-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--fg-muted,#89947f);margin-bottom:10px}.reorder{display:flex;gap:3px}.reorder button{padding:5px;display:flex}.reorder svg{width:15px;height:15px}.editor-step input[type=text]{font-size:14px;background:var(--surface-input,#242b20)}.difficulty-info{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--fg-muted,#929d87);margin-top:14px}.difficulty-info strong{font-weight:500}.difficulty-slider{appearance:none;-webkit-appearance:none;height:7px;display:block;border:0;border-radius:10px;padding:0;margin:15px 0 8px;background:linear-gradient(90deg,#a3cc87 0%,#e2c66b 50%,#df8172 100%);cursor:pointer;touch-action:pan-y}.difficulty-slider::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:#eceee4;border:3px solid var(--border-strong,#2a3124);box-shadow:0 0 0 1px #dfe4d4}.difficulty-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#eceee4;border:3px solid var(--border-strong,#2a3124)}.difficulty-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--fg-subtle,#6f7c63)}.editor-add{width:100%;margin-top:14px}.form-error{color:#f3a392;font-size:12px;min-height:16px;margin-top:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:15px}.settings-row span{font-size:13px}.settings-row small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(25px);z-index:50;opacity:0;pointer-events:none;background:var(--toast-surface,#e5ebd9);color:var(--toast-ink,#26301e);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:20px;max-width:calc(100% - 30px);width:max-content;box-shadow:0 8px 50px #0008;font-size:12px;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}#toast button{font-weight:700;color:var(--toast-ink,#283e17);border-left:1px solid var(--toast-line,#879776);padding-left:16px;white-space:nowrap}.shatter-layer{position:fixed;z-index:20;pointer-events:none;overflow:visible}.shard{position:absolute;inset:0;background:linear-gradient(115deg,rgba(var(--tone),.2),var(--surface-shard,#252b22));border:1px solid rgba(var(--tone),.4);animation:shatter .65s cubic-bezier(.2,.6,.5,1) both}.fracturing{visibility:hidden}@keyframes shatter{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}15%{filter:brightness(1.4)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.6)}}@keyframes arrive{from{opacity:.6;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.arrive{animation:arrive .28s both}.mobile-brand{display:none}.period-complete{padding:24px;text-align:center;background:var(--surface-success,#202a1a);border:1px solid var(--border-strong,#435434);border-radius:18px;margin:25px 0;color:var(--accent);font-size:14px;line-height:1.8}.period-complete svg{display:block;margin:0 auto 8px;width:28px;height:28px}.scroll-note{color:var(--fg-muted,#78856c);font-size:10px;margin-bottom:15px}.text-link{color:var(--accent);font-size:12px;padding:8px 0}.hidden{display:none!important}.archive-row .secondary{white-space:nowrap;font-size:10px;padding:8px 10px}@media(min-width:1100px){.main{padding-left:70px;padding-right:70px}.layout{padding-right:30px}}@media(max-width:720px){.layout{display:block}.sidebar{display:none}.main{padding:24px 22px 115px;max-width:500px}.mobile-brand{display:flex;font-size:17px;letter-spacing:-.6px}.mobile-brand .brand-mark i{height:19px;width:5px}.topline{margin-bottom:30px}.topline>.eyebrow{display:none}.greeting{font-size:37px}.subheading{font-size:12px;margin-top:10px}.goal{margin-top:25px;padding:20px;border-radius:18px}.section-heading{margin-top:28px}.filters{gap:2px;margin-bottom:15px}.chip{padding:8px 11px}.card-open{padding-left:19px}.project-card{min-height:132px}.task-title{font-size:20px}.card-top{font-size:9px;letter-spacing:1px}.card-top .repeat-tag{font-size:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:12px 18px max(15px,env(safe-area-inset-bottom));background:var(--nav-glass,#141713ec);border-top:1px solid var(--border-soft,#30352b);backdrop-filter:blur(20px);z-index:10}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:var(--fg-muted,#839077);min-width:60px}.bottom-nav button.active{color:var(--accent)}.bottom-nav svg{width:21px;height:21px}.detail-header h1{font-size:29px}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:560px;border-radius:25px 25px 0 0;max-height:94dvh}.modal-foot{padding-bottom:max(22px,env(safe-area-inset-bottom));border-radius:0}.modal-head{padding:22px 21px 17px}.modal-body{padding:0 21px 22px}#toast{bottom:91px}.calendar{padding:17px}.cal-day{aspect-ratio:1}.card-footnote{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:360px){.main{padding-left:16px;padding-right:16px}.chip{padding:8px 9px}.card-top .repeat-tag{margin-left:0}.task-title{font-size:18px}}

.shatter-layer .shard{position:absolute;inset:0;min-height:0;animation:shatter .65s cubic-bezier(.2,.6,.5,1) both;pointer-events:none}.shatter-layer .project-card:hover{transform:none}

:root[data-theme="purple"]{--bg:#131016;--panel:#1d1922;--ink:#f3edf8;--muted:#a296af;--line:#342a3d;--accent:#c3a0ed;--surface-input:#282030;--surface-nav:#30233f;--surface-hover:#2b2234;--surface-goal:#211a2b;--surface-card:#1d1921;--surface-overlay:#1d1724;--surface-calendar:#201a27;--surface-step:#211a2b;--surface-selected:#31243f;--surface-success:#2a2036;--surface-track:#3d2e4b;--border-soft:#362b40;--border-strong:#503965;--fg-muted:#9e8aaf;--fg-subtle:#786685;--fg-label:#bcb0c7;--fg-selected:#e9d9fa;--button-ink:#23152e;--surface-shard:#2d2335;--toast-surface:#e7dcf1;--toast-ink:#30203e;--toast-line:#aa93bc;--nav-glass:#19131fed}
:root[data-theme="cyan"]{--bg:#0e1415;--panel:#182022;--ink:#edf4f4;--muted:#90a4a7;--line:#2a383b;--accent:#8fdde5;--surface-input:#1d2a2d;--surface-nav:#1e3337;--surface-hover:#203034;--surface-goal:#17272a;--surface-card:#171f21;--surface-overlay:#142023;--surface-calendar:#182528;--surface-step:#17272a;--surface-selected:#21373b;--surface-success:#1b3337;--surface-track:#2c4146;--border-soft:#2a3b3f;--border-strong:#34565e;--fg-muted:#7c9a9f;--fg-subtle:#5f7c81;--fg-label:#a6bcc0;--fg-selected:#d4f0f3;--button-ink:#102d32;--surface-shard:#203035;--toast-surface:#d8edef;--toast-ink:#19343a;--toast-line:#80a6ad;--nav-glass:#111e21ed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-goal{margin-top:0}
.project-card{height:164px;min-height:164px;transition:border-color .2s}
.project-card:hover{transform:none}
.card-open{height:100%;min-height:0;display:flex;flex-direction:column}
.card-top{width:100%;min-width:0;flex-shrink:0;min-height:15px}
.card-top>span:not(.repeat-tag){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-top .repeat-tag{flex-shrink:0}
.project-card .task-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex-shrink:0;text-align:left}
.project-card .card-meta{margin-top:auto;padding-top:10px;white-space:nowrap}
.project-card .check-button{top:50%;transform:translateY(-50%)}
.modal-body{overflow-anchor:none;scroll-behavior:auto}
.project-icon-field{margin-top:16px}
.icon-picker-trigger{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface-input,#20241f)}
.icon-picker-trigger>svg:first-child{color:var(--accent)}
.icon-picker-hint{margin-left:auto;color:var(--muted);font-size:11px}
.icon-picker-trigger>svg:last-child{width:14px;height:14px;color:var(--muted)}
.icon-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:10px}
.icon-option{height:42px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.icon-option:hover{background:var(--surface-hover,#20251f)}
.icon-option[aria-pressed="true"]{color:var(--accent);background:var(--surface-selected,#2a3125);border-color:var(--accent)}
.theme-setting{padding-bottom:18px;border-bottom:1px solid var(--line)}
.theme-setting .field-label{margin-top:0}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.theme-option{display:flex;align-items:center;gap:9px;justify-content:center;padding:12px 8px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:13px}
.theme-option[aria-pressed="true"]{color:var(--ink);border-color:var(--accent);background:var(--surface-selected,#2a3125)}
.theme-swatch{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;color:#17201a;flex-shrink:0}
.theme-swatch svg{width:13px;height:13px;opacity:0;stroke-width:2}
.theme-option[aria-pressed="true"] .theme-swatch svg{opacity:1}
.theme-swatch-green{background:#d5ef9e}.theme-swatch-purple{background:#c3a0ed}.theme-swatch-cyan{background:#8fdde5}
@media(max-width:400px){.theme-option{font-size:11px;gap:6px}.theme-swatch{width:18px;height:18px}.icon-options{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* First visit and accounts share the app's selected palette. */
.welcome{padding:10px 0 0;max-width:520px}.welcome-symbol{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--border-strong,#39422f);background:var(--surface-goal,#1b2019);color:var(--accent);border-radius:16px;margin-bottom:27px}.welcome-symbol svg{width:23px;height:23px}.welcome .eyebrow{color:var(--muted);margin-bottom:17px}.welcome h1{font-size:44px;font-weight:500;letter-spacing:-1.6px;line-height:1.12}.welcome h1>span{color:var(--accent)}.welcome-copy{font-size:14px;line-height:1.7;color:var(--muted);max-width:410px;margin-top:20px}.getting-started{padding:0;list-style:none;display:grid;gap:22px;margin:34px 0}.getting-started li{display:flex;gap:15px;align-items:baseline}.getting-started li>span{font-size:10px;color:var(--accent);letter-spacing:1px;flex-shrink:0}.getting-started h2{font-size:14px;font-weight:500;margin-bottom:6px}.getting-started p{font-size:12px;line-height:1.6;color:var(--muted)}.welcome-create{width:100%;max-width:370px;min-height:47px}.welcome-daily{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12px}.welcome-daily svg{width:13px;height:13px}.welcome-private,.welcome-preview-note{font-size:10px;line-height:1.6;color:var(--fg-subtle,#78856c);margin-top:25px}.welcome-private{display:flex;gap:6px;align-items:center}.welcome-private svg{width:12px;height:12px}.cloud-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap;margin-left:auto;margin-right:15px;padding:8px 0}.cloud-status svg{width:14px;height:14px}.cloud-status:has(span){color:var(--accent)}.account-settings{align-items:flex-start}.account-settings small{overflow-wrap:anywhere}.account-sync{line-height:1.7}.account-shell{max-width:520px;margin:auto;padding:35px 28px 65px;min-height:100dvh}.account-top{display:flex;justify-content:space-between;align-items:center}.account-panel{margin-top:62px}.account-panel>.eyebrow{margin-bottom:14px}.account-panel h1{font-size:35px;letter-spacing:-1.1px;line-height:1.15;font-weight:500}.account-panel>.subheading{font-size:13px;line-height:1.7;margin-top:15px}.account-tabs{display:flex;background:var(--surface-input,#20241f);padding:4px;border-radius:12px;margin:29px 0 20px}.account-tabs button{width:50%;padding:10px 8px;font-size:12px;color:var(--muted);border-radius:9px}.account-tabs button[aria-pressed=true]{color:var(--ink);background:var(--surface-selected,#2a3125);box-shadow:0 1px 6px #0002}.account-panel input{font-size:16px;min-height:46px}.account-panel .field-label{margin-top:17px}.account-panel form .field-label:first-child{margin-top:0}.forgot-password{display:block;margin:8px 0 0 auto;padding:4px 0;font-size:11px}.account-submit{width:100%;min-height:46px}.account-message{font-size:12px;line-height:1.6;min-height:16px;margin:12px 0;color:var(--accent)}.account-message.error{color:#f3a392}.account-footnote{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:23px}.account-footnote svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.account-not-connected{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px;padding:16px 0;border-top:1px solid var(--line)}.account-not-connected .text-link{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px}.account-not-connected svg{width:13px;height:13px}.account-loading{text-align:center;padding-top:90px}.account-loading>svg{width:30px;height:30px;color:var(--accent);margin-bottom:23px}.account-loading h1{font-size:25px}.account-loading p{margin-top:13px;color:var(--muted);font-size:13px}.settings-row+.text-link{display:flex;align-items:center;gap:8px}.settings-row+.text-link svg{width:15px;height:15px}
@media(max-width:720px){.welcome{padding-top:0}.welcome-symbol{margin-bottom:23px}.welcome h1{font-size:36px;line-height:1.14;letter-spacing:-1.3px}.welcome-copy{font-size:12px}.getting-started{gap:21px;margin:29px 0}.getting-started p{font-size:11px}.welcome-create{max-width:none}.account-shell{padding:24px 23px 45px}.account-panel{margin-top:45px}.account-panel h1{font-size:32px}.cloud-status{margin-right:12px;font-size:9px}.cloud-status svg{width:12px;height:12px}.topline .cloud-status+button{margin-left:0}}



.backup-actions{display:flex;gap:9px;margin-top:13px}.backup-actions button{flex:1;font-size:11px}