:root{--bg:#0e0f10;--surface:#17181a;--fg:#f1efe9;--muted:#f1efe994;--faint:#f1efe980;--line:#f1efe924;--focus:#f1efe9b3;--error:#e3a58f;--scrim:#0000008c;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:clamp(1.75rem, 7vw, 2.25rem);--text-hero:clamp(3.25rem, 17vw, 6.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius:14px;--gutter:24px;--page-max:30rem;--ease:cubic-bezier(.22, .61, .36, 1);--dur-fast:.18s;--dur-slow:.7s;--dur-page:.28s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f4f2ec;--surface:#ebe8e0;--fg:#161616;--muted:#161616b3;--faint:#16161699;--line:#16161624;--focus:#161616b3;--error:#9a3d22;--scrim:#0000004d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-slow:0s;--dur-page:0s}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:100%}body,#root{min-height:100dvh}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page,.clock{animation:fade-in var(--dur-page) var(--ease) both}.page{min-height:100dvh;max-width:var(--page-max);padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-5));flex-direction:column;margin:0 auto;display:flex}.page-body{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.page-actions{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);display:flex}.page-actions-end{align-items:center;gap:var(--space-4);display:flex}.eyebrow{font-size:var(--text-xs);color:var(--faint);letter-spacing:.06em;text-transform:uppercase}.question{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:500;line-height:1.2}.question:focus{outline:none}.help{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.btn{appearance:none;font-size:var(--text-md);background:var(--fg);color:var(--bg);cursor:pointer;min-height:48px;transition:opacity var(--dur-fast) var(--ease);border:0;border-radius:999px;padding:.9rem 1.6rem;font-weight:500}.btn:disabled{opacity:.4;cursor:default}.btn-quiet{appearance:none;font-size:var(--text-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;padding:.75rem 0}.btn-quiet:hover{color:var(--fg)}.btn-danger{color:var(--error)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--muted)}.input{border:0;border-bottom:1px solid var(--line);width:100%;padding:var(--space-3) 0;font-size:var(--text-lg);background:0 0;border-radius:0;min-height:48px}.input::placeholder{color:var(--faint);opacity:.6}.input:focus{border-bottom-color:var(--fg);outline:none}.input[aria-invalid=true]{border-bottom-color:var(--error)}select.input{appearance:none;font-size:var(--text-md)}select.input option{background:var(--surface);color:var(--fg)}.money-input{align-items:baseline;gap:var(--space-1);border-bottom:1px solid var(--line);display:flex}.money-input:focus-within{border-bottom-color:var(--fg)}.money-input[data-invalid=true]{border-bottom-color:var(--error)}.money-input .input{border-bottom:0}.money-input span{font-size:var(--text-lg);color:var(--muted)}.field-error{font-size:var(--text-sm);color:var(--error)}.choices{gap:var(--space-3);border:0;flex-direction:column;margin:0;padding:0;display:flex}.choice{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:var(--space-4);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;display:block}.choice[aria-checked=true]{border-color:var(--fg);background:var(--surface)}.choice-title{font-size:var(--text-md);font-weight:500;display:block}.choice-detail{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted);line-height:1.45;display:block}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{appearance:none;border:1px solid var(--line);font-size:var(--text-sm);cursor:pointer;min-height:40px;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border-radius:999px;padding:.55rem .95rem}.chip[aria-pressed=true],.chip[aria-checked=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.add-row{gap:var(--space-3);align-items:flex-end;display:flex}.add-row .field{flex:1}.add-row .input{font-size:var(--text-md);flex:1}.goal-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.goal-list li,.section-lines li,.history li{overflow-wrap:anywhere}.goal-list li{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);padding:var(--space-2) 0;display:flex}.row-actions{gap:var(--space-4);align-items:center;display:flex}.goal-list li[aria-current=true]{opacity:.5}.goal-amount{color:var(--muted);font-size:var(--text-sm);margin-left:var(--space-2)}.reveal{text-align:center;min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-6));cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.reveal-beat{align-items:center;gap:var(--space-3);max-width:22rem;animation:fade-in var(--dur-slow) var(--ease) both;flex-direction:column;display:flex}.reveal-line{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.25}.reveal-small{color:var(--muted);font-size:var(--text-md)}.reveal .btn{margin-top:var(--space-6);animation:fade-in var(--dur-slow) var(--ease) .6s both}.clock{min-height:100dvh;max-width:var(--page-max);padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-4));-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:clip}.clock-stage{touch-action:none;justify-content:center;gap:var(--space-7);flex-direction:column;flex:1;padding-right:24px;display:flex}.rate{flex-direction:column;align-items:flex-start;display:flex}.hero-number{-webkit-touch-callout:none;appearance:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500;line-height:1}.hero-value{display:inline-block}.hero-value[data-dir=up]{animation:rise var(--dur-slow) var(--ease) both}.hero-value[data-dir=down]{animation:fall var(--dur-slow) var(--ease) both}.hero-label{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--muted)}.estimate-tag{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--faint)}.clock-secondary{gap:var(--space-2);font-size:var(--text-md);color:var(--faint);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.unit-dots{right:calc(var(--space-2) + env(safe-area-inset-right));flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.unit-dot{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:28px;padding:0;display:grid}.unit-dot:after{content:"";background:var(--faint);width:5px;height:5px;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%}.unit-dot[aria-current=true]:after{background:var(--fg);transform:scale(1.3)}.sheet-scrim{background:var(--scrim);animation:fade-in var(--dur-fast) var(--ease) both;z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--page-max);background:var(--surface);padding:var(--space-5) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-5));animation:sheet-up var(--dur-slow) var(--ease) both;border-radius:20px 20px 0 0;max-height:90dvh;overflow-y:auto}.sheet h2{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:500}.calc-rows{margin:0}.calc-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);display:flex}.calc-row dt{color:var(--muted);font-size:var(--text-sm)}.calc-row dd{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;margin:0}.calc-row.result dt{color:var(--fg)}.calc-row.result dd{font-size:var(--text-lg);font-weight:500}.calc-notes{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--muted);line-height:1.5}.sheet-actions{align-items:stretch;gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.settings-list{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.confirm{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex}.confirm-actions{gap:var(--space-5);align-items:center;display:flex}.notice{font-size:var(--text-sm);color:var(--muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fall{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.quiet-nav{justify-content:space-between;align-items:center;column-gap:var(--space-4);padding-top:var(--space-5);flex-wrap:wrap;display:flex}.quiet-nav-spaces{column-gap:var(--space-4);flex-wrap:wrap;display:flex}.quiet-nav-link{appearance:none;min-height:44px;font-size:var(--text-sm);color:var(--faint);cursor:pointer;background:0 0;border:0;padding:.75rem 0}.quiet-nav-link[aria-current=page]{color:var(--fg)}.quiet-nav-link:hover{color:var(--muted)}.quiet-nav-settings{font-size:var(--text-xs)}.space-header{justify-content:space-between;align-items:baseline;display:flex}.section{gap:var(--space-2);flex-direction:column;display:flex}.section-title{font-size:var(--text-xs);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:400}.section-lines{gap:var(--space-1);font-size:var(--text-md);flex-direction:column;margin:0;padding:0;line-height:1.4;list-style:none;display:flex}.primary-tag{font-size:var(--text-xs);color:var(--faint);margin-top:var(--space-1)}.primary-choice{font-size:var(--text-xs);min-height:36px;padding:.5rem 0}.goal-comparison{font-size:var(--text-sm);color:var(--muted);line-height:1.45}.edit-group{gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.edit-group h2{font-size:var(--text-lg);font-weight:500}.figure{gap:var(--space-1);flex-direction:column;display:flex}.figure-value{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:500}.figure-big{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,14vw,4.5rem);font-weight:500;line-height:1}.figure-label{font-size:var(--text-sm);color:var(--muted)}.stepper{align-items:center;gap:var(--space-4);display:flex}.stepper button{appearance:none;border:1px solid var(--line);width:44px;height:44px;font-size:var(--text-lg);cursor:pointer;background:0 0;border-radius:50%}.stepper button:disabled{opacity:.35;cursor:default}.check{gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;align-items:flex-start;line-height:1.45;display:flex}.check input{width:20px;height:20px;accent-color:var(--fg);flex:none;margin:0}.history{margin:0;padding:0;list-style:none}.history li{padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.history-meta{color:var(--faint);font-size:var(--text-xs)}.clock[data-holding=true] .clock-secondary,.clock[data-holding=true] .unit-dots,.clock[data-holding=true] .quiet-nav,.clock[data-holding=true] .hero-label,.clock[data-holding=true] .estimate-tag{opacity:.08}.clock .clock-secondary,.clock .unit-dots,.clock .quiet-nav,.clock .hero-label,.clock .estimate-tag{transition:opacity var(--dur-slow) var(--ease)}.clock-secondary-wrap{position:relative}.hold-comparison{font-size:var(--text-lg);max-width:20rem;animation:fade-in var(--dur-slow) var(--ease) both;margin:0;line-height:1.35;position:absolute;top:0;left:0;right:0}.reflection-reply{font-size:var(--text-lg);margin:var(--space-2) 0 var(--space-3);line-height:1.4}.sheet .choice[aria-pressed=true]{border-color:var(--fg);background:var(--bg)}.sheet[aria-busy=true] .choice[aria-pressed=true]{animation:breathe 1.6s var(--ease) infinite}@keyframes breathe{50%{opacity:.55}}
