@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{--paper:#fbfaf8;--canvas:#f2f0ec;--surface:#fff;--ink:#141311;--ink-2:#3b3934;--muted:#918d86;--muted-2:#a9a49c;--line:#e5e1da;--line-2:#dcd7cf;--calendar-text-mix:40%;--gain:#17864a;--gain-dark:#106b3a;--loss:#c8362b;--soft:#f4f1ec;--overlay:#1413116b;--shadow:#14131133;--page-glow:#ffffffe6;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-data:var(--font-body);--font-balance:"JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--calendar-text-mix:25%;--paper:#323437;--canvas:#292b2e;--surface:#3a3c3f;--ink:#d1d0c5;--ink-2:#bab9b1;--muted:#929499;--muted-2:#7e8084;--line:#484a4d;--line-2:#55575a;--gain:#a3be8c;--gain-dark:#8eab75;--loss:#ca4754;--soft:#2c2e31;--overlay:#08090a94;--shadow:#00000059;--page-glow:#ffffff06}:root[data-theme=serika]{--paper:#e1e1e3;--canvas:#d5d5d7;--surface:#eeeeef;--ink:#323437;--ink-2:#4b4d50;--muted:#7d7f83;--muted-2:#aaaeb3;--line:#c8c8cb;--line-2:#bcbec2;--gain:#9a7908;--gain-dark:#7f6509;--loss:#b23b45;--soft:#d7d7d9;--overlay:#2021236b;--shadow:#20212333;--page-glow:#ffffff4d}:root[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#2e3440;--canvas:#272c36;--surface:#3b4252;--ink:#eceff4;--ink-2:#d8dee9;--muted:#9da9bc;--muted-2:#7f8ba0;--line:#4c566a;--line-2:#5c687e;--gain:#88c0d0;--gain-dark:#72aebb;--loss:#bf616a;--soft:#343b49;--overlay:#12161d99;--shadow:#0a0d1261;--page-glow:#88c0d009}:root[data-theme=rose]{--paper:#fff6f7;--canvas:#f4e7e9;--surface:#fffafb;--ink:#392b30;--ink-2:#5e4a51;--muted:#9a7d86;--muted-2:#b59ba3;--line:#ead7dc;--line-2:#dec5cc;--gain:#b45f82;--gain-dark:#914664;--loss:#c14e59;--soft:#f7e9ed;--overlay:#392b306e;--shadow:#392b302e;--page-glow:#ffffffb8}:root[data-theme=lavender]{--paper:#f8f5ff;--canvas:#ece7f5;--surface:#fdfbff;--ink:#302b3f;--ink-2:#514a65;--muted:#8c839f;--muted-2:#aaa1bb;--line:#ded7ea;--line-2:#cfc5df;--gain:#7655a6;--gain-dark:#60428d;--loss:#c05262;--soft:#f0ebf7;--overlay:#302b3f73;--shadow:#302b3f2e;--page-glow:#ffffffb3}*{box-sizing:border-box}#root{display:contents}html{background:var(--canvas);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}body{overscroll-behavior-y:none;background:radial-gradient(circle at 50% -20%, var(--page-glow), transparent 44rem), var(--canvas);min-height:100svh;margin:0}button,input,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gain);outline-offset:2px}:where(a,button,input,select,textarea,[role=button]){-webkit-tap-highlight-color:transparent}button:not(:disabled):active,a:active{opacity:.8}.loading-screen,.app-shell,.onboarding{background:var(--paper);min-height:100svh}.loading-screen{place-content:center;width:100%;max-width:390px;min-height:100svh;margin:0 auto;display:grid}.startup-indicator{opacity:0;justify-items:center;gap:12px;animation:.15s ease-out .3s forwards reveal-startup;display:grid}.startup-indicator strong{letter-spacing:-.04em;font-size:22px}.startup-indicator>span{color:var(--muted);font:500 11px var(--font-data);letter-spacing:.04em}.loading-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite loading-spin}.startup-spinner{width:30px;height:30px;color:var(--gain);border-width:2px}@keyframes reveal-startup{to{opacity:1}}@keyframes loading-spin{to{transform:rotate(1turn)}}.onboarding{flex-direction:column;max-width:390px;height:100svh;margin:0 auto;display:flex;overflow:hidden}.onboarding-screen{flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.onboarding-scroll{overscroll-behavior-y:contain;scrollbar-width:none;flex:auto;min-height:0;padding:18px 24px;overflow:hidden auto}.onboarding-scroll::-webkit-scrollbar{display:none}.welcome-screen .onboarding-scroll{padding:18px 28px 24px}.onboarding-header{min-height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 24px 0;background:var(--paper);flex:none;grid-template-columns:76px 1fr 42px;align-items:center;gap:12px;display:grid}.onboarding-brand,.onboarding-step-count{color:var(--muted);font:600 9px var(--font-data);letter-spacing:.09em}.onboarding-step-count{text-align:right}.onboarding-back{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:-12px;padding:0;display:grid}.onboarding-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.onboarding-progress{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:var(--gain);height:100%;transition:width .2s;display:block}.onboarding-actions{z-index:2;padding:0 24px calc(20px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -12px 22px var(--paper);flex:none;position:relative}.welcome-screen .onboarding-actions{padding-inline:28px}.onboarding-signin{color:var(--muted);text-align:center;margin:8px 0 0;font-size:14px}.onboarding-account{align-items:center;gap:12px;margin-bottom:20px;display:flex}.onboarding-account p{color:var(--muted);overflow-wrap:anywhere;flex:1;margin:0;font-size:13px}.onboarding-account button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:13px;text-decoration:underline}.onboarding-signin a{min-height:44px;color:var(--ink);text-underline-offset:3px;align-items:center;padding-inline:4px;font-weight:600;text-decoration:underline;display:inline-flex}.onboarding-pebble{--pebble-size:178px;height:var(--pebble-size);background:var(--paper);flex:none;place-items:center;display:grid;overflow:hidden}.onboarding-pebble img{width:var(--pebble-size);height:var(--pebble-size);object-fit:contain;display:block}.welcome-screen h1,.onboarding-screen h2{letter-spacing:-.045em;margin:26px 0 0;font-size:clamp(29px,8.4vw,36px);font-weight:500;line-height:1.13}.welcome-screen h1{letter-spacing:-.035em;max-width:330px;margin-top:30px;font-size:32px;font-weight:650;line-height:1.12}.onboarding-screen h2{margin-top:24px;font-size:28px;font-weight:620}.lead,.supporting{color:var(--ink-2);margin:15px 0 0;font-size:16px;line-height:1.5}.onboarding-product-preview{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.theme-choices>button{border:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:9px 10px;display:grid}.theme-choices>button.selected{border-color:var(--gain);box-shadow:inset 0 0 0 1px var(--gain)}.theme-choices strong{font:600 12px var(--font-body);text-overflow:ellipsis;overflow:hidden}.theme-selected-mark{color:var(--gain);font:700 13px var(--font-data);text-align:right}.theme-swatches{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:flex;overflow:hidden}.theme-swatches i{flex:1}.onboarding-preview-content{padding:14px}.preview-equity-topline,.preview-section-heading{color:var(--muted);font:600 8px var(--font-data);letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.preview-equity-value{font:700 27px/1.05 var(--font-balance);letter-spacing:-.06em;margin-top:6px;display:block}.preview-live-return{color:var(--gain);align-items:center;gap:8px;margin-top:7px;display:flex}.preview-live-return b{font:600 11px var(--font-data)}.preview-live-return span{background:color-mix(in srgb, var(--gain) 8%, transparent);font:600 8px var(--font-data);border-radius:4px;padding:2px 4px}.preview-live-return.negative{color:var(--loss)!important}.preview-live-return.negative span{background:color-mix(in srgb, var(--loss) 8%, transparent)}.onboarding-product-preview .portfolio-chart{height:48px;margin-top:8px}.preview-section-heading{margin:10px 2px 7px}.onboarding-nav-preview{border-top:1px solid var(--line);background:var(--soft);grid-template-columns:repeat(4,1fr);height:42px;display:grid}.onboarding-nav-preview>span{color:var(--muted);place-content:center;justify-items:center;gap:1px;display:grid}.onboarding-nav-preview>span.active{color:var(--ink)}.onboarding-nav-preview svg{width:14px;height:14px}.onboarding-nav-preview>span.active svg{color:var(--gain)}.onboarding-nav-preview small{font:500 7px var(--font-data)}.portfolio-chart{width:100%;min-width:0;color:var(--gain);display:block;overflow:visible}.portfolio-chart.loss{color:var(--loss)}.portfolio-chart-line{fill:none;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.portfolio-chart-guide{stroke:var(--line-2);stroke-dasharray:3 5;stroke-width:1px;vector-effect:non-scaling-stroke}.portfolio-chart-point{fill:currentColor;vector-effect:non-scaling-stroke}.virtual-score-notice{border-left:2px solid var(--gain);gap:4px;margin-top:18px;padding-left:13px;display:grid}.virtual-score-notice>span{color:var(--muted);font:600 9px var(--font-data);letter-spacing:.09em}.virtual-score-notice>p{color:#69665f;font:400 13px/1.45 var(--font-body);margin:0}.lesson-screen .onboarding-scroll{padding-block:20px 24px}.lesson-screen h2{margin-top:26px}.onboarding-card-preview .preview-section-heading{margin-top:0}.preview-checkin-button{place-items:center;display:grid}span.preview-checkin-button{pointer-events:none}.onboarding-checkin-hint{color:var(--ink-2);font:400 13px/1.4 var(--font-body);justify-content:flex-end;align-items:center;gap:8px;margin:0 20px 8px 0;display:flex}.onboarding-checkin-hint svg{flex-shrink:0;width:24px;height:24px}.onboarding-checkin-preview.compact .checkin-main{grid-template-columns:30px minmax(0,1fr) 32px;gap:8px;min-height:50px;padding:6px 8px}.onboarding-checkin-preview.compact .habit-icon{border-radius:8px;width:30px;height:30px;font-size:12px}.onboarding-checkin-preview.compact .habit-copy{gap:2px}.onboarding-checkin-preview.compact .habit-copy strong{font-size:11px}.onboarding-checkin-preview.compact .habit-copy small{font-size:9px}.onboarding-checkin-preview.compact .checkin-button.checked{width:32px;min-width:32px;min-height:32px}.onboarding-checkin-preview.compact .checkin-button.checked:before{width:25px;height:25px}.onboarding-checkin-preview.compact .checkin-button.checked svg{width:14px;height:14px}.onboarding-checkin-preview.compact .checkin-movement{display:none}.onboarding-product-preview.loss .portfolio-chart{height:56px}.onboarding-product-preview.loss .preview-section-heading{margin-top:12px}.onboarding-product-preview.loss .checkin-main{grid-template-columns:36px minmax(0,1fr) 64px;gap:8px;padding-inline:10px}.onboarding-product-preview.loss .habit-copy strong{font-size:13px}.onboarding-product-preview.loss .checkin-button{z-index:2;white-space:nowrap;min-width:64px;padding-inline:6px;font-size:11px;position:relative}.onboarding-card-preview .onboarding-checkin-preview{border-radius:14px}.primary-button,.secondary-button,.danger-button{background:var(--ink);width:100%;min-height:52px;color:var(--paper);cursor:pointer;font:500 14px var(--font-body);border:0;border-radius:10px}.primary-button:disabled{cursor:not-allowed;background:var(--line-2);color:var(--muted)}.primary-button.is-loading{justify-content:center;align-items:center;gap:9px;display:flex}.primary-button.is-loading:disabled{background:var(--ink);color:var(--paper)}.onboarding-save-error{color:var(--loss);text-align:center;margin:0 0 10px;font-size:12px}.secondary-button{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);margin-top:20px}.danger-button{border:1px solid color-mix(in srgb, var(--loss) 25%, transparent);background:color-mix(in srgb, var(--loss) 5%, transparent);color:var(--loss);margin-top:10px}.step-row{color:var(--muted);font:500 11px var(--font-data);letter-spacing:.12em;justify-content:space-between;align-items:center;display:flex}.currency-switch{border:1px solid var(--line);background:var(--soft);letter-spacing:.05em;border-radius:999px;grid-template-columns:repeat(2,48px);padding:3px;display:grid;position:relative}.currency-switch:before{content:"";border:1px solid var(--line-2);background:var(--surface);border-radius:999px;width:48px;transition:transform .18s;position:absolute;inset:3px auto 3px 3px}.currency-switch[data-currency=IDR]:before{transform:translate(48px)}.currency-switch button{min-height:44px;color:var(--muted);cursor:pointer;font:500 10px var(--font-data);background:0 0;border:0;border-radius:999px;padding:0;position:relative}.currency-switch button[aria-pressed=true]{color:var(--ink)}.choice-stack{gap:10px;margin-top:25px;display:grid}.choice-card{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:72px;padding:16px 18px;display:flex}.choice-card.selected,.pace-card.selected,.starter-card.selected{border-color:var(--gain);background:color-mix(in srgb, var(--gain) 6%, transparent)}.choice-card strong{color:var(--ink-2);font:700 20px var(--font-data)}.choice-card.selected strong{color:var(--gain)}.choice-card span{color:var(--muted);font:400 11px var(--font-body)}.feels-card{border-top:1px solid var(--line);margin-top:18px;padding:15px 0 0}.feels-card>span,.eyebrow,.projection-card>div:first-child span{color:var(--muted);font:500 10px var(--font-data);letter-spacing:.11em}.feels-card p{color:var(--ink-2);margin:7px 0 0;font-size:13px;line-height:1.5}.fine-print,.screen-note{color:var(--muted-2);font:400 11px/1.5 var(--font-body);margin:0}.pace-card{border:1px solid var(--line-2);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:76px;padding:14px 16px;display:grid}.pace-card>b{font:700 16px var(--font-data)}.pace-card>span{gap:4px;display:grid}.pace-card strong{font-size:15px}.pace-card small{color:var(--muted);font:400 11px var(--font-body)}.pace-card em{font:500 11px var(--font-data);font-style:normal}.pace-card.selected>b,.pace-card.selected em{color:var(--gain)}.projection-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:20px;padding:17px}.projection-card>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.projection-card>div:first-child b{color:var(--gain);font:500 10px var(--font-data)}.projection-card>strong{font:700 29px var(--font-data);letter-spacing:-.04em;margin-top:7px;display:block}.projection-card p{color:var(--muted);font:400 11px/1.5 var(--font-body);margin:8px 0 0}.starter-list{gap:9px;margin-top:22px;display:grid}.starter-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:38px 1fr 24px;align-items:center;gap:11px;min-height:66px;padding:11px 13px;display:grid}.habit-icon{background:var(--soft);color:#5d5a55;width:36px;height:36px;font:600 14px var(--font-data);border-radius:10px;flex:none;place-items:center;display:grid}.starter-card>span:nth-child(2){gap:4px;display:grid}.starter-card strong{font-size:14px}.starter-card small{color:var(--muted);font:400 10px var(--font-data)}.starter-card i{border:1px solid var(--line-2);color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;display:grid}.starter-card.selected i{border-color:var(--gain);background:var(--gain)}.selection-summary{background:var(--soft);border-radius:13px;gap:4px;margin:16px 0 8px;padding:14px;display:grid}.selection-summary strong{font-size:13px}.selection-summary span{color:var(--muted);font:400 11px var(--font-body)}.history-preview{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:24px;padding:14px 14px 10px}.history-equity-topline{color:var(--muted);font:600 8px var(--font-data);letter-spacing:.09em;justify-content:space-between;align-items:center;display:flex}.history-equity-topline small{font:inherit}.history-equity-value{font:700 25px/1.1 var(--font-data);letter-spacing:-.05em;margin-top:6px;display:block}.history-preview .portfolio-chart{height:86px;margin-top:10px}.history-chart-readout{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 2px;display:flex}.history-chart-readout>span{gap:3px;display:grid}.history-chart-readout>span:last-child{text-align:right;justify-items:end}.history-chart-readout small{color:var(--muted);font:500 7px var(--font-data);letter-spacing:.07em}.history-chart-readout strong{color:var(--ink-2);font:600 11px var(--font-data)}.history-chart-readout .gain strong{color:var(--gain)}.history-chart-readout .loss strong{color:var(--loss)}.history-chart-readout .neutral strong{color:var(--muted)}.history-preview.fresh .portfolio-chart-point{fill:var(--ink-2)}.history-timeframes{grid-template-columns:repeat(5,1fr);display:grid}.history-timeframes span{min-height:28px;color:var(--muted);font:600 8px var(--font-data);place-items:center;display:grid;position:relative}.history-timeframes span.active{color:var(--ink)}.history-timeframes span.active:after{background:var(--ink);content:"";height:2px;position:absolute;bottom:0;left:30%;right:30%}.history-choices{gap:9px;margin-top:18px;display:grid}.history-choices button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:grid}.history-choices button.selected{border-color:var(--gain);background:color-mix(in srgb, var(--gain) 5%, transparent)}.history-choices button>span{gap:4px;display:grid}.history-choices strong{font-size:14px}.history-choices small{color:var(--muted);font-size:11px;line-height:1.35}.history-choices i{border:1px solid var(--line-2);border-radius:50%;width:18px;height:18px;display:block;position:relative}.history-choices button.selected i{border-color:var(--gain)}.history-choices button.selected i:after{background:var(--gain);content:"";border-radius:50%;position:absolute;inset:4px}.history-note{color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.4}.ready-screen .onboarding-scroll{padding-top:28px}.ready-check{border:1px solid var(--gain);width:54px;height:54px;color:var(--gain);border-radius:50%;place-items:center;display:grid}.ready-check svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.setup-review{border-block:1px solid var(--line);margin-top:30px;padding-block:6px;display:grid}.setup-review>div{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.setup-review>div+div{border-top:1px solid var(--line)}.setup-review span{color:var(--muted);font:600 9px var(--font-data);letter-spacing:.08em}.setup-review strong{font-size:14px}.ready-habits{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ready-habits span{background:var(--soft);border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.ready-note{border-left:2px solid var(--gain);margin-top:24px;padding-left:13px}.ready-note strong{font-size:14px}.ready-note p{color:var(--ink-2);margin:5px 0 0;font-size:13px;line-height:1.5}.app-shell{width:100%;max-width:390px;height:100dvh;max-height:100dvh;box-shadow:none;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-screen{flex-direction:column;flex:auto;height:auto;min-height:0;display:flex}.screen-scroll{min-height:0;padding:calc(26px + env(safe-area-inset-top)) 22px 30px;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;flex:1;overflow-y:auto}.screen-scroll::-webkit-scrollbar{width:0}.today-screen .screen-scroll{padding-top:0}.equity-card{z-index:4;padding:calc(26px + env(safe-area-inset-top)) 22px 28px;background:linear-gradient(to bottom, var(--paper) 0 calc(100% - 24px), transparent 100%);margin-inline:-22px;position:sticky;top:0}.equity-topline{min-height:32px;color:var(--muted);font:500 10px var(--font-data);letter-spacing:.11em;justify-content:space-between;align-items:center;display:flex}.equity-topline>span,.equity-actions>span{align-items:center;height:32px;line-height:1;display:inline-flex}.equity-actions{align-items:center;gap:10px;display:flex}.equity-actions button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-6px;padding:0;display:grid}.equity-actions button:hover{background:var(--soft);color:var(--ink)}.settings-gear{width:19px;height:19px;display:block}.equity-value{font:700 clamp(36px, 11.8vw, 46px) var(--font-balance);letter-spacing:-.065em;margin-top:10px;line-height:1;display:block}.rolling-number{white-space:pre;font:inherit;font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.rolling-digit{vertical-align:baseline;display:inline-block;position:relative;overflow:hidden}.rolling-digit-placeholder{visibility:hidden}.rolling-digit-old,.rolling-digit-new{text-align:center;animation-duration:.68s;animation-delay:var(--roll-delay,0s);animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-fill-mode:both;display:block;position:absolute;inset:0}.rolling-value .rolling-digit-old,.rolling-value .rolling-digit-new{text-align:right}.rolling-number.live .rolling-digit-old,.rolling-number.live .rolling-digit-new{animation-duration:.14s;animation-delay:0s}.rolling-digit.up .rolling-digit-old{animation-name:roll-old-up}.rolling-digit.up .rolling-digit-new{animation-name:roll-new-up}.rolling-digit.down .rolling-digit-old{animation-name:roll-old-down}.rolling-digit.down .rolling-digit-new{animation-name:roll-new-down}@keyframes roll-old-up{to{transform:translateY(-100%)}}@keyframes roll-new-up{0%{transform:translateY(100%)}}@keyframes roll-old-down{to{transform:translateY(100%)}}@keyframes roll-new-down{0%{transform:translateY(-100%)}}.live-return{color:var(--gain);align-items:center;gap:12px;margin-top:11px;display:flex}.live-return b{font:500 17px var(--font-data)}.live-return>span{background:color-mix(in srgb, var(--gain) 8%, transparent);font:600 10px var(--font-data);border-radius:5px;padding:3px 6px}.negative,.live-return.negative{color:var(--loss)!important}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.rolling-digit-old{display:none}.rolling-digit-new{animation:none!important;transform:none!important}}.interactive-chart{border-bottom:1px solid var(--line);margin:16px -22px 0;padding:6px 22px 9px}.chart-timeframes{grid-template-columns:repeat(5,1fr);display:grid}.chart-timeframes button{min-height:44px;color:var(--muted);font:600 9px var(--font-data);letter-spacing:.04em;background:0 0;border:0;position:relative}.chart-timeframes button:after{background:var(--ink);content:"";opacity:0;height:2px;transition:opacity .15s,transform .15s;position:absolute;bottom:-1px;left:24%;right:24%;transform:scaleX(.5)}.chart-timeframes button.active{color:var(--ink)}.chart-timeframes button.active:after{opacity:1;transform:scaleX(1)}.chart-readout{min-height:58px;font-family:var(--font-data);justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 9px;display:flex}.chart-readout div{gap:2px;display:grid}.chart-readout>div>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.chart-readout strong{color:var(--ink-2);font-size:14px;font-weight:600}.chart-change{text-align:right;justify-items:end}.chart-change b{font-size:10px;font-weight:600}.chart-readout .gain{color:var(--gain)}.chart-readout .loss{color:var(--loss)}.interactive-chart-canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:140px}.interactive-chart-canvas>div{overflow:hidden}.section-heading{color:var(--muted);font:500 10px var(--font-data);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:12px;display:flex}.section-heading b{color:var(--ink-2);letter-spacing:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkin-heading-actions{align-items:center;gap:8px;display:flex}.today-sort,.today-reset{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.today-sort:not([data-order=original]){color:var(--gain)}.today-reset:disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.today-sort svg,.today-reset svg{width:22px;height:22px}.today-list{gap:8px;margin-top:10px;display:grid}.checkin-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;position:relative;overflow:hidden}.checkin-row.completed{border-color:color-mix(in srgb, var(--gain) 24%, transparent)}.checkin-row.bursting{z-index:3;position:relative;overflow:visible}.checkin-main{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:11px 12px;display:grid;position:relative}.coin-burst{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:50%;right:34px}.coin-burst i{--coin-x:-88px;--coin-y:-92px;--coin-rotation:420deg;opacity:0;background:linear-gradient(145deg,#fff0a8 0 28%,#f4bd45 29% 72%,#dc8e25 73%);border:1px solid #e6a93f;border-radius:50%;width:12px;height:9px;margin:-5px 0 0 -6px;animation:.9s cubic-bezier(.2,.75,.25,1) forwards coin-bust;position:absolute;box-shadow:inset 0 0 0 1px #fff8ca8c}.coin-burst i:nth-child(2){--coin-x:-172px;--coin-y:-28px;--coin-rotation:-540deg;animation-delay:35ms}.coin-burst i:nth-child(3){--coin-x:-110px;--coin-y:104px;--coin-rotation:620deg;animation-delay:70ms}.coin-burst i:nth-child(4){--coin-x:-30px;--coin-y:-112px;--coin-rotation:-460deg;animation-delay:20ms}.coin-burst i:nth-child(5){--coin-x:56px;--coin-y:-74px;--coin-rotation:380deg;animation-delay:55ms}@keyframes coin-bust{0%{opacity:0;transform:translate(0)rotate(0)scale(.45)}12%,68%{opacity:1}to{opacity:0;transform:translate(var(--coin-x), var(--coin-y)) rotate(var(--coin-rotation)) scale(1)}}.habit-copy{gap:4px;min-width:0;display:grid}.habit-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.habit-copy small{color:var(--muted);font-size:12px;line-height:1.3}.habit-open{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.habit-open:focus-visible{outline-offset:-3px}.habit-detail-nav{padding:calc(8px + env(safe-area-inset-top)) 16px 4px;border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;display:flex}.habit-detail-nav button{min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0 6px;font-size:13px;display:flex}.habit-detail-nav svg{width:20px;height:20px}.habit-detail-scroll{padding-top:24px}.habit-detail-title{align-items:center;gap:12px;display:flex}.habit-detail-title h1{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:25px;font-weight:570}.habit-chart{border-bottom:0;margin-top:20px;padding-top:0}.habit-chart .chart-readout{padding:0 0 16px}.habit-chart .chart-readout strong{font-size:clamp(28px,8vw,44px)}.habit-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;display:grid}.habit-detail-stats dt{color:var(--muted);font-size:12px}.habit-detail-stats dd{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:20px;font-weight:570}.score-info-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.score-info-button svg{width:20px;height:20px}.score-info-button[aria-expanded=true]{color:var(--ink)}@media (height<=640px){.habit-detail-scroll{padding-top:16px}.habit-detail-title h1{font-size:22px}.habit-chart .interactive-chart-canvas{height:110px}}.habit-calendar{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.habit-calendar .calendar-title h2{letter-spacing:-.04em;margin:0;font-size:20px;font-weight:570}.habit-calendar .calendar-title button{min-width:44px;min-height:44px}.checkin-button{z-index:2;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;min-width:70px;min-height:44px;color:var(--ink-2);font:500 11px var(--font-data);border-radius:10px;padding:0 11px;position:relative}.checkin-button.checked{color:#fff;background:0 0;border-color:#0000;border-radius:0;width:44px;min-width:44px;padding:0;position:relative}.checkin-button.checked:before{background:var(--gain);content:"";border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkin-button.checked svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;position:relative}.checkin-movement{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:10px;padding:10px 12px 12px;display:grid}.checkin-movement>span{color:var(--muted);font:600 8px/1.3 var(--font-data);letter-spacing:.12em;grid-column:1/-1;margin-bottom:4px}.checkin-movement strong{color:var(--gain);font:600 18px/1.15 var(--font-data);letter-spacing:-.03em}.checkin-movement small{color:var(--muted);text-align:right;font-size:11px;line-height:1.3}.checkin-movement.negative strong{color:var(--loss)}.screen-note{padding:20px 4px 8px}.empty-card{border:1px dashed var(--line-2);text-align:center;border-radius:14px;gap:6px;padding:12px 24px 24px;display:grid}.empty-card-mascot{object-fit:cover;width:128px;height:128px;margin:0 auto 2px;display:block}.empty-card span{color:var(--muted);font-size:12px}.bottom-nav{--nav-safe-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px));width:100%;height:calc(76px + var(--nav-safe-bottom));padding:10px max(8px, env(safe-area-inset-right)) calc(13px + var(--nav-safe-bottom)) max(8px, env(safe-area-inset-left));flex:0 0 calc(76px + var(--nav-safe-bottom));border-top:1px solid var(--line);background:var(--paper);overscroll-behavior:none;touch-action:none;border-radius:0;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.bottom-nav button{cursor:pointer;color:var(--muted);font:500 11px var(--font-body);background:0 0;border:0;justify-items:center;gap:3px;display:grid}.bottom-nav button>svg{width:21px;height:21px}.bottom-nav button.active{color:var(--ink)}.bottom-nav button.active>svg{color:var(--gain)}.calendar-scroll{padding-top:18px}.calendar-title{grid-template-columns:1fr auto;align-items:end;display:grid}.calendar-title>div{grid-row:1/span 2;align-items:center;gap:5px;display:flex}.calendar-title h1{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:570}.calendar-title button{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px}.calendar-title button:disabled{opacity:.25}.calendar-title>span{color:var(--muted);font:500 8px var(--font-data);letter-spacing:.1em}.calendar-title>strong{color:var(--gain);font:700 16px var(--font-data);font-variant-numeric:tabular-nums;text-align:right;margin-top:4px}.week-labels,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-labels{color:var(--muted);font:500 8px var(--font-data);text-align:center;margin-top:14px}.calendar-grid{margin-top:8px}.calendar-grid button,.calendar-blank{aspect-ratio:1;min-width:0;color:var(--ink-2);cursor:pointer;font:500 12px var(--font-data);border:1px solid #0000;border-radius:9px}.calendar-grid button{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;display:flex}.calendar-grid button>span{font:600 13px/1.2 var(--font-body)}.calendar-grid small{color:var(--calendar-amount,var(--ink));font:500 10px/1.3 var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.calendar-grid button:disabled{color:var(--ink);cursor:default}.calendar-grid button.selected{border-color:var(--ink-2)}.calendar-grid button.today{box-shadow:inset 0 0 0 1px var(--gain)}.calendar-unit{color:var(--muted);font:500 9px var(--font-data);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 0}.calendar-hint{color:var(--muted);margin:12px 0 20px;font-size:11px}.day-detail{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:17px}.day-detail-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.day-detail-top>div{gap:7px;display:grid}.day-detail-top span{font:500 10px var(--font-data)}.day-detail-top strong{font:700 22px var(--font-data);letter-spacing:-.04em}.day-detail-change{color:var(--gain);font:600 12px var(--font-data)}.day-detail-top>b{color:var(--gain);font:700 13px var(--font-data)}.day-habits{gap:7px;padding-top:10px;display:grid}.day-habits>div{grid-template-columns:18px 1fr auto;align-items:center;gap:7px;font-size:11px;display:grid}.day-habits>div>span{background:var(--soft);border-radius:5px;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.day-habits>div>span.done{background:color-mix(in srgb, var(--gain) 18%, transparent)}.day-habits em{color:var(--muted);font:400 8px var(--font-data);font-style:normal}.habits-title{justify-content:space-between;align-items:center;display:flex}.habits-title h1{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:570}.habits-action-dock{background:var(--paper);box-shadow:0 -12px 22px var(--paper);flex:none;padding:12px 22px 14px}.habits-action-dock button{background:var(--ink);width:100%;min-height:52px;color:var(--paper);cursor:pointer;font:500 14px var(--font-body);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 18px;display:flex}.habits-action-dock svg{width:18px;height:18px}.list-label{color:var(--muted);font:500 9px var(--font-data);letter-spacing:.11em;margin:22px 0 10px}.habit-management-list{gap:0;display:grid}.habit-management-list>button,.habit-management-list>div{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;min-height:68px;padding:16px 0;display:grid}.habit-management-list>button{cursor:pointer}.habit-management-list>button>span:nth-child(2),.habit-management-open>span:nth-child(2),.habit-management-list>div>span:nth-child(2){gap:4px;min-width:0;display:grid}.habit-management-list strong{overflow-wrap:anywhere;font-size:14px}.habit-management-list small{color:var(--muted);font:400 11px var(--font-body)}.habit-stats{justify-items:end;gap:4px;display:grid}.habit-stats b{color:var(--gain);font:600 12px var(--font-data)}.habit-management-list>.habit-management-row{grid-template-columns:44px minmax(0,1fr);gap:0;padding:0}.habit-management-open{text-align:left;width:100%;min-height:68px;color:var(--ink);cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:16px 0;display:grid}.habit-drag-handle{width:44px;min-height:44px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-self:stretch;place-items:center;padding:0;display:grid}.habit-drag-handle:disabled{opacity:.45;cursor:default}.habit-management-row.is-dragging{background:var(--surface);outline:1px solid var(--line-2)}.is-dragging .habit-drag-handle{cursor:grabbing;color:var(--ink)}.habit-management-open .habit-stats{max-width:96px}.habit-reorder-controls{grid-column:2;gap:10px;padding:0 0 10px;display:flex}.habit-reorder-controls button,.habit-order-error button{border:1px solid var(--line-2);min-height:44px;color:var(--ink);font:500 12px var(--font-body);cursor:pointer;background:0 0;border-radius:6px;padding:0 10px}.habit-reorder-controls button:disabled{opacity:.45;cursor:default}.habit-order-status,.habit-order-error{font:400 12px/1.5 var(--font-body);color:var(--muted);margin:0 0 10px}.habit-order-error{color:var(--loss);justify-content:space-between;align-items:center;gap:10px;display:flex}.archived-label{margin-top:28px}.archived-list>div{color:var(--muted);background:0 0}.archived-list>div>button{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;min-height:44px;color:var(--ink-2);font:500 11px var(--font-body);border-radius:9px;padding:0 11px}.modal-backdrop{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);z-index:20;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain;border:0;justify-content:center;align-items:flex-end;margin:0;padding:0;display:flex;position:fixed;inset:0}.modal-backdrop:not([open]){display:none}.modal-backdrop::backdrop{background:0 0}.sheet{overscroll-behavior-y:contain;touch-action:pan-y;background:var(--paper);width:min(100%,390px);max-height:92dvh;box-shadow:0 -20px 60px var(--shadow);border-radius:24px 24px 0 0;flex-direction:column;padding:10px 0 0;display:flex;overflow:hidden}.sheet-handle{background:var(--line-2);border-radius:4px;flex-shrink:0;width:42px;height:4px;margin:0 auto 8px}.sheet-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 14px;display:flex}.sheet-header h2{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:570}.sheet-header>button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.sheet label,.sheet legend{color:var(--muted);font:500 9px var(--font-data);letter-spacing:.08em;text-transform:uppercase;gap:8px;display:grid}.sheet label>span{color:var(--muted);font:400 11px/1.45 var(--font-body);letter-spacing:0;text-transform:none}.sheet input,.sheet select{border:1px solid var(--line-2);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:500 16px var(--font-body);letter-spacing:0;text-transform:none;border-radius:11px;padding:0 14px}.sheet fieldset{border:0;min-width:0;margin:0;padding:0}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px;display:grid}.emoji-grid button{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;min-height:44px;font-size:18px}.emoji-grid button.selected{border-color:var(--gain);background:color-mix(in srgb, var(--gain) 7%, transparent)}.settings-scroll{overscroll-behavior:contain;min-height:0;padding:0 22px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.settings-sheet .cloud-account{border:0;gap:8px;padding:22px 0}.account-heading{align-items:center;gap:12px;display:flex}.account-heading>div{flex:1;min-width:0}.settings-sheet .account-heading h3{color:var(--muted);font:500 10px var(--font-data);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.settings-sheet .account-email{color:var(--ink);overflow-wrap:anywhere;font-size:14px}.account-logout{border:1px solid var(--line-2);min-height:44px;color:var(--ink);font:500 13px var(--font-body);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.account-logout:disabled{opacity:.5;cursor:wait}.settings-sheet .account-status{font-size:12px}.settings-sheet .account-status.synced{color:var(--gain)}.settings-group{border-top:1px solid var(--line);margin:0;padding:15px 0 6px}.settings-group h3{color:var(--muted);font:500 10px var(--font-data);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.sheet .settings-row{min-height:52px;color:var(--ink);font:400 14px var(--font-body);letter-spacing:normal;text-transform:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet .settings-row>span{color:var(--ink);font:400 14px var(--font-body);flex:1}.settings-row select{min-width:0;max-width:58%;min-height:44px;color:var(--ink-2);font:400 16px var(--font-body);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 2px 8px 8px}.settings-theme{color:var(--ink);font:400 14px var(--font-body);padding:14px 0}.settings-theme .theme-choices{margin-top:12px}.settings-row select option{background:var(--paper);color:var(--ink)}.settings-switch{cursor:pointer;background:0 0;border:0;align-items:center;width:48px;height:44px;padding:0;display:grid}.settings-switch>span{background:var(--line-2);border-radius:14px;width:42px;height:24px;display:block;position:relative}.settings-switch>span:after{content:"";background:var(--paper);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.settings-switch[aria-checked=true]>span{background:var(--gain)}.settings-switch[aria-checked=true]>span:after{transform:translate(18px)}.settings-secondary{margin-top:14px}.settings-disclosure{border-top:1px solid var(--line)}.settings-disclosure>summary{min-height:54px;color:var(--ink);font:500 14px var(--font-body);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-right:5px;transform:rotate(45deg)}.settings-disclosure[open]>summary:after{transform:rotate(225deg)}.settings-sheet .settings-disclosure>section,.settings-disclosure .reset-zone{border:0;padding:0 0 20px}.settings-disclosure>section>h3{display:none}.settings-reset>summary{color:var(--loss)}.habit-editor form{flex-direction:column;min-height:0;display:flex}.editor-scroll{overscroll-behavior:contain;min-height:0;padding:22px 22px 12px;overflow-y:auto}.sheet .editor-name{color:var(--ink);font:400 14px var(--font-body);letter-spacing:normal;text-transform:none}.editor-name input{margin-top:4px}.editor-icon{margin-top:14px}.editor-icon input{text-align:center;width:60px;padding:0 6px;font-size:24px}.editor-emoji{border:0}.editor-emoji>summary{color:var(--muted);font-size:13px;font-weight:400}.editor-emoji .emoji-grid{margin:0 0 16px}.editor-schedule,.editor-archive{border-top:1px solid var(--line);padding:8px 0}.editor-help{color:var(--muted);font:400 12px/1.5 var(--font-body);margin:4px 0 10px}.editor-archive .danger-button{background:0 0;border:0;width:auto;padding:0}.editor-actions{border-top:1px solid var(--line);padding:14px 22px max(18px, env(safe-area-inset-bottom));flex-shrink:0}.editor-actions .primary-button{margin:0}.editor-actions [role=alert]{color:var(--loss);margin:0 0 10px;font-size:13px}.reset-today-copy{color:var(--ink-2);font:400 14px/1.6 var(--font-body);margin:0 0 10px}.reset-today-actions .secondary-button{margin-top:10px}.habit-stats{text-align:right;max-width:116px}.habit-stats small{font-size:10px}.habits-archive{margin-top:22px}.backup-controls{border-top:1px solid var(--line);gap:10px;padding-top:20px;display:grid}.backup-controls h3{margin:0;font-size:16px;font-weight:600}.backup-controls p{color:var(--muted);font:400 12px/1.5 var(--font-body);margin:0}.backup-actions{gap:10px;display:flex}.backup-controls button{border:1px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--ink);font:500 13px/1.4 var(--font-body);cursor:pointer;border-radius:8px;padding:10px 12px}.backup-controls button:disabled{cursor:wait;opacity:.6}.backup-actions button{flex:1}.backup-controls .backup-error{color:var(--loss)}.segmented{background:var(--soft);border-radius:11px;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{cursor:pointer;min-height:44px;color:var(--muted);font:500 9px var(--font-data);background:0 0;border:1px solid #0000;border-radius:9px;padding:0 6px}.segmented button.active{border-color:var(--line-2);background:var(--surface);color:var(--gain);box-shadow:0 2px 8px #1e1a140d}.reset-zone{border-top:1px solid var(--line);gap:7px;padding-top:18px;display:grid}.reset-zone>span{color:var(--loss);font:500 8px var(--font-data);letter-spacing:.11em}.reset-zone>strong{font-size:13px}.reset-zone>p,.reset-confirmation>p{color:var(--muted);font:400 11px/1.5 var(--font-body);margin:0}.reset-zone .danger-button{min-height:44px;margin-top:5px}.reset-confirmation{border:1px solid color-mix(in srgb, var(--loss) 25%, transparent);background:color-mix(in srgb, var(--loss) 4%, transparent);border-radius:12px;gap:10px;margin-top:5px;padding:12px;display:grid}.reset-confirmation>div{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.reset-confirmation button{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;min-height:44px;color:var(--ink-2);font:500 11px var(--font-body);border-radius:9px}.reset-confirmation button:last-child{border-color:var(--loss);background:var(--loss);color:#fff}@media (width<=559px){html,body{background:var(--paper)}.app-shell,.onboarding,.loading-screen{width:100%;max-width:none}}@media (width>=560px){.app-shell,.onboarding{border-inline:1px solid var(--line);border-radius:0;min-height:100dvh}.app-shell{height:100dvh;max-height:100dvh}.app-screen{height:auto}.onboarding-screen,.onboarding{height:100dvh}.bottom-nav{border-radius:0}}@media (width<=360px){.screen-scroll{padding-inline:16px}.equity-card,.interactive-chart{margin-inline:-16px;padding-inline:16px}.checkin-row{border-radius:12px}.checkin-main{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding-inline:10px}.habit-icon{width:32px;height:32px}.checkin-button{min-width:62px;padding-inline:8px}.checkin-button.checked{min-width:44px;padding:0}.checkin-movement{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding-sync-error{gap:12px;margin-top:20px;display:grid}.storage-error{padding:24px;overflow-y:auto}.storage-error p{margin-block:24px;line-height:1.5}.cloud-account{border-top:1px solid var(--line);gap:12px;padding-block:20px;display:grid}.cloud-account h3,.leaderboard-sharing h3{margin:0;font-size:16px}.cloud-account p,.leaderboard-view p,.leaderboard-sharing p{color:var(--muted);font:400 13px/1.5 var(--font-body);margin:0}.cloud-actions{flex-wrap:wrap;gap:8px;display:flex}.cloud-actions button,.leaderboard-view button,.leaderboard-sharing button,.cloud-signin{border:1px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--ink);font:500 13px/1.4 var(--font-body);cursor:pointer;border-radius:8px;padding:10px 14px}.cloud-actions button{flex:1}.cloud-signin{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.leaderboard-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.leaderboard-header{padding:24px 24px 16px}.leaderboard-header h1{letter-spacing:-1px;margin:10px 0;font-size:30px}.leaderboard-scroll{flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}.leaderboard-filters{grid-template-columns:1fr;gap:12px;padding-bottom:20px;display:grid}.leaderboard-view label,.leaderboard-sharing label{color:var(--muted);font:500 12px/1.4 var(--font-body);gap:8px;display:grid}.leaderboard-view select,.leaderboard-sharing input{border:1px solid var(--line-2);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:400 16px var(--font-body);border-radius:6px;padding:8px}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding-block:16px;display:flex}.leaderboard-list li.is-you{color:var(--gain)}.leaderboard-list li>div{min-width:0}.leaderboard-list strong{overflow-wrap:anywhere;font-size:14px;display:block}.leaderboard-list small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.leaderboard-rank{min-width:20px;font:500 13px var(--font-data)}.leaderboard-score{white-space:nowrap;text-align:right;font-family:var(--font-data);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.leaderboard-sharing{border-top:1px solid var(--line);gap:12px;padding-block:20px;display:grid}.leaderboard-sharing form{gap:12px;display:grid}.leaderboard-empty{padding-block:24px}.cloud-account>button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);border-radius:8px}.onboarding-cloud-help{color:var(--muted);text-align:center;font:400 12px/1.5 var(--font-body);margin:10px 0 0}.habit-calendar .calendar-grid button{background:0 0}.habit-calendar .calendar-grid button.activity-logged,.habit-activity-legend .activity-logged{background:color-mix(in srgb, #17864a 22%, var(--paper))}.habit-calendar .calendar-grid button.activity-empty,.habit-activity-legend .activity-empty{background:color-mix(in srgb, #c8362b 20%, var(--paper))}.habit-activity-legend{color:var(--muted);gap:20px;margin-top:18px;font-size:11px;display:flex}.habit-activity-legend span{align-items:center;gap:7px;display:inline-flex}.habit-activity-legend i{border-radius:3px;width:12px;height:12px}.consistency-hint{color:var(--muted);margin:-8px 0 16px;font-size:12px}.habit-chart .chart-readout .score-maximum{color:var(--muted);letter-spacing:0;font-size:18px;font-weight:400}.settings-fields{border:0;min-width:0;margin:0;padding:0}.settings-save-status,.goal-note{color:var(--muted);font-size:12px;line-height:1.5}.goal-card{gap:12px}.goal-card span{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-refresh{min-height:44px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0}.leaderboard-refresh:disabled{color:var(--muted);cursor:default}.currency-card{text-align:left;gap:14px;min-height:88px}.currency-card .currency-symbol{min-width:40px;color:var(--ink-2);text-align:center;font-size:25px}.currency-card strong{font:600 17px/1.4 var(--font-body);flex:1}.currency-card small{color:var(--muted);font:400 12px var(--font-body);margin-top:4px;display:block}.currency-card svg{width:22px;height:22px;color:var(--gain);flex-shrink:0}.target-card{gap:12px}.target-card strong{font:600 clamp(20px, 5.6vw, 26px)/1.3 var(--font-body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.target-card span{color:var(--ink-2);flex-shrink:0;font-size:17px}.goal-summary{font-variant-numeric:tabular-nums}.goal-summary span{color:var(--gain);margin-top:8px;font-weight:600;display:block}.duration-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.duration-choices .choice-card{justify-content:center;padding-inline:8px}.duration-choices strong{white-space:nowrap;font-size:16px}@media (height<=650px){.onboarding-pebble{--pebble-size:100px}}.onboarding-signin>p{margin:0}.recommended-choice{position:relative}.choice-card .recommendation-banner{background:var(--gain);color:var(--paper);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;line-height:14px;position:absolute;top:-10px;left:12px}.duration-choices .recommendation-banner{left:50%;transform:translate(-50%)}.onboarding-quote{border-top:1px solid var(--line);margin:28px 0 0;padding:20px 0 0}.onboarding-quote p{color:var(--ink-2);margin:0;font-size:16px;font-style:italic;line-height:1.6}.onboarding-quote footer{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.5}
