:root{--color-primary: #21304e;--color-primary-hover: #18243a;--color-primary-light: rgba(33, 48, 78, .1);--color-secondary: #5b86a6;--color-accent: #ef6a4d;--color-accent-hover: #e2553c;--color-accent-light: rgba(239, 106, 77, .14);--color-success: #3f8f6e;--color-success-light: rgba(63, 143, 110, .13);--color-success-on-dark: #6fbf9a;--color-danger: #c0473b;--color-danger-hover: #a63a30;--color-danger-light: rgba(192, 71, 59, .1);--color-warning: #c98a36;--color-warning-light: rgba(201, 138, 54, .13);--color-text: #1b2438;--color-text-muted: #6b7589;--color-text-light: #9aa1b0;--color-bg: #f4f2ec;--color-bg-raised: #faf8f3;--color-surface: #ffffff;--color-surface-hover: #eeece4;--color-border: #e3ded4;--color-bg-shade: #ece8dc;--color-text-on-bright: #f6f4ee;--font-family: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-accent: "Newsreader", Georgia, "Times New Roman", serif;--text-hero: clamp(2.25rem, 5.5vw, 3.5rem);--text-page: clamp(2rem, 4.5vw, 2.75rem);--text-h2: clamp(1.625rem, 3vw, 2rem);--text-h3: 1.1875rem;--text-lead: 1.25rem;--text-body: 1rem;--text-kicker: .8125rem;--tracking-tight: -.02em;--leading-body: 1.6;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--site-max: 1580px;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .4rem;--radius-lg: .5rem;--radius-xl: .625rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px rgba(27, 36, 56, .07);--shadow-sm: 0 1px 2px rgba(27, 36, 56, .05);--shadow-card: 0 1px 3px rgba(27, 36, 56, .04), 0 8px 24px rgba(27, 36, 56, .07);--shadow-card-hover: 0 2px 6px rgba(27, 36, 56, .06), 0 16px 36px rgba(27, 36, 56, .11);--shadow-md: 0 12px 40px rgba(27, 36, 56, .14);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--header-height: 4rem;--content-max-width: 1100px;--focus-ring-color: rgba(33, 48, 78, .3);--focus-ring-width: 3px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}@media(hover:none){.index-card:active,.article-rel:active,.article-nav a:active,.back-link:active{transform:scale(.98)}.filter-opt:active{transform:scale(.96)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-lg)}.title{font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text);letter-spacing:-.01em;line-height:1.25;font-size:var(--text-h3);margin:0}.title-hero,.title-page{font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:1.1;text-wrap:balance}.title-hero{font-size:var(--text-hero)}.title-page{font-size:var(--text-page)}.title-h2{font-size:var(--text-h2);font-weight:var(--font-semibold)}.title-sm{font-size:var(--text-lg)}.title-lg{font-size:var(--text-2xl)}.title-xl{font-size:var(--text-3xl)}.title-plain{font-family:var(--font-family)}.title-on-dark{color:var(--color-text-on-bright)}.title em{font-family:var(--font-accent);font-style:italic;color:var(--color-accent)}.label{font-size:var(--text-sm);color:var(--color-text-muted)}.value{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-2xl);color:var(--color-text)}.value-accent{color:var(--color-accent)}@media(max-width:640px){h1{font-size:var(--text-2xl)}.title-lg{font-size:var(--text-xl)}.title-xl{font-size:var(--text-2xl)}.value{font-size:var(--text-xl)}}.section-header{display:flex;flex-direction:column;gap:var(--space-1)}.subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.eyebrow{display:inline-block;font-size:var(--text-kicker);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.eyebrow-on-dark{color:#f6f4eea6}.eyebrow-accent{color:var(--color-accent);font-weight:var(--font-bold);letter-spacing:.18em}.lead{font-size:var(--text-lead);line-height:1.55;color:var(--color-text)}.lead-muted{color:var(--color-text-muted)}.help-text{font-size:var(--text-sm);color:var(--color-text-muted)}.brand-logo{height:1.75rem;width:auto;display:block}.app-shell{display:flex;min-height:100vh;background-color:var(--color-bg)}.app-main{flex:1;min-width:0}.app-content{max-width:1600px;padding:var(--space-6) var(--space-8)}.testmode-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-accent-light);color:var(--color-text);font-size:var(--text-base);text-align:center}@media(max-width:640px){.testmode-banner{gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.testmode-banner-more{display:none}}.testmode-banner-text{font-weight:var(--font-medium)}.testmode-banner-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.testmode-banner-leave{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:underline;cursor:pointer}.testmode-banner-leave:hover{color:var(--color-text)}.page{display:flex;flex-direction:column;gap:var(--space-8)}.head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.head-baseline{align-items:baseline}.head-figure{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.empty-state{display:flex;align-items:center;gap:72px;margin-top:44px}.empty-state-body{display:flex;flex-direction:column;align-items:flex-start}.empty-state-title{font-family:var(--font-display);font-weight:500;font-size:26px;color:var(--color-text)}.empty-state-text{font-size:15px;line-height:1.6;color:var(--color-text-muted);margin-top:11px;max-width:360px}.empty-state-cta{margin-top:22px}.empty-state-img{height:200px;border-radius:4px;transform:rotate(-4deg);filter:drop-shadow(0 18px 30px rgba(27,36,56,.2))}@media(max-width:760px){.empty-state{flex-direction:column;align-items:flex-start;gap:28px}.empty-state-text{max-width:none}}.empty-panel{margin-top:var(--space-6);border:1px solid #efe6d8;border-radius:22px;padding:44px 46px}.empty-panel-persika{background:radial-gradient(620px 360px at 88% 8%,#f9ddcf80,#0000 60%),linear-gradient(180deg,#fbf3ea,#f8f0e6)}.empty-panel-top{display:flex;align-items:center;justify-content:space-between;gap:36px}.empty-panel-title{font-family:var(--font-display);font-weight:500;font-size:27px;line-height:1.2;letter-spacing:-.01em;color:var(--color-text)}.empty-panel-text{font-size:15px;color:var(--color-text-muted);line-height:1.55;margin-top:10px;max-width:460px}.empty-panel-rule{height:1px;background-color:#ece0d0;margin:36px 0 28px}.empty-panel-kicker{font-family:var(--font-display);font-weight:var(--font-bold);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:22px}.empty-panel-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.empty-panel-step{display:flex;gap:16px}.empty-panel-step-num{font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1;color:var(--color-accent);width:26px;flex-shrink:0}.empty-panel-step-title{font-family:var(--font-display);font-weight:var(--font-bold);font-size:15.5px;color:var(--color-text)}.empty-panel-step-text{font-size:13.5px;color:var(--color-text-muted);line-height:1.5;margin-top:5px}@media(max-width:760px){.empty-panel{padding:30px 24px}.empty-panel-top{flex-direction:column;align-items:stretch;gap:18px}.empty-panel-top .btn{width:100%;justify-content:center}.empty-panel-steps{grid-template-columns:1fr;gap:24px}}p{margin-bottom:var(--space-4);color:var(--color-text)}.back-link{display:flex;width:fit-content;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.back-link svg{transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-2px)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);border-radius:var(--radius-sm)}ul,ol{list-style:none}img{max-width:100%;display:block}input,select,textarea,[contenteditable=true]{caret-color:auto}input,select,textarea{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}textarea{resize:vertical;min-height:5rem}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-group{display:flex;flex-direction:column}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.label-optional{font-weight:var(--font-normal);color:var(--color-text-muted);font-size:var(--text-xs)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.field-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-bottom:var(--space-2)}.unit-field{display:flex;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:0 var(--space-4);height:3.5rem}.unit-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.unit-field input,.unit-field input:focus{border:none;outline:none;box-shadow:none;background:transparent;font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);width:100%}.unit-field-unit{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}.form-success{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-1)}.choice{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.choice input{flex-shrink:0;width:auto;margin-top:var(--space-1);padding:0;border:none;background:none;accent-color:var(--color-primary);cursor:pointer}.choice-text{display:flex;flex-direction:column;gap:var(--space-1)}.choice-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.disclosure{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.disclosure-summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-medium);color:var(--color-text);list-style:none}.disclosure-summary::-webkit-details-marker{display:none}.disclosure-chevron{margin-left:auto;color:var(--color-text-muted);transition:transform var(--transition-fast)}.disclosure[open] .disclosure-chevron{transform:rotate(180deg)}.disclosure-body{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.password-wrapper{position:relative}.password-wrapper input{padding-right:var(--space-10)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex;align-items:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text)}button{font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}button:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:var(--z-modal);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}input:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-raised)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}::selection{background-color:#3568592e}.field-row{display:flex;gap:var(--space-2)}@media(max-width:860px){.app-shell{flex-direction:column}.app-content{padding:var(--space-5) var(--space-4)}}@media(max-width:480px){.app-content{padding:var(--space-4) var(--space-3)}.page{gap:var(--space-6)}.head-stack .title{font-size:var(--text-2xl)}.page{gap:var(--space-5)}.head-stack{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.head-stack .btn-primary{width:100%}}@media(max-width:360px){.app-content{padding:var(--space-4) var(--space-2)}}.field-row input{flex:1}.field-row select{width:auto;flex-shrink:0}.settings-avatar{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.settings-avatar-edit{position:relative;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;flex-shrink:0;padding:0;overflow:hidden;border:none;border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-text-on-bright);cursor:pointer}.settings-avatar-edit:disabled{cursor:default;opacity:.7}.settings-avatar-img{width:100%;height:100%;object-fit:cover}.settings{max-width:56rem;padding:0 var(--space-8);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 4px 18px #1b24380f}.settings-section{display:grid;grid-template-columns:15rem 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.settings-section:first-child{border-top:none}.settings-section-head{display:flex;flex-direction:column;gap:var(--space-2)}.settings-section-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.settings-section-body{min-width:0}@media(max-width:768px){.settings{padding:0 var(--space-5)}.settings-section{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6) 0}}.badge{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-surface-hover);color:var(--color-text-muted)}.badge-premium{background-color:var(--color-accent-light);color:var(--color-accent)}.plan-status{display:flex;flex-direction:column;gap:var(--space-1)}.plan-card-text{margin:0;color:var(--color-text)}.plan-card-note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.plan-toggle{display:flex;gap:var(--space-1);padding:4px;background-color:var(--color-bg-raised);border-radius:var(--radius-full);margin:var(--space-2) 0 var(--space-4)}.plan-toggle-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-muted);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.plan-toggle-opt span{font-size:var(--text-xs);font-weight:400;opacity:.75}.plan-toggle-opt.is-active{background-color:var(--color-primary);color:var(--color-text-on-bright)}.settings-avatar-initial{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-3xl)}.settings-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#1b243880;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.settings-avatar-edit:hover .settings-avatar-overlay,.settings-avatar-edit:focus-visible .settings-avatar-overlay{opacity:1}.settings-avatar-meta{display:flex;flex-direction:column;gap:var(--space-1)}.settings-avatar-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.settings-avatar-hint{margin:0;font-size:var(--text-xs);color:var(--color-text-light);max-width:22rem}.settings-avatar-remove{align-self:flex-start;margin-top:var(--space-2);background:none;padding:0;font-size:var(--text-sm);color:var(--color-danger);transition:color var(--transition-fast)}.settings-avatar-remove:hover{color:var(--color-danger-hover)}.form-column{display:flex;flex-direction:column;gap:var(--space-5);max-width:540px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-5)}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.cols-2-stretch{align-items:stretch}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--space-5)}.split-row{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-6);align-items:stretch}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);align-items:start}.panel-grid>.panel{display:flex;flex-direction:column;min-height:19rem}@media(max-width:640px){.panel-grid>.panel{min-height:9rem}}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.justify-end{justify-content:flex-end}.field-inline{display:flex;gap:var(--space-2)}.field-inline>select{flex:1}.field-narrow{width:6rem}.field-md{width:12rem;max-width:100%}.field-grow{flex:1;min-width:0}.self-start{align-self:flex-start}.self-center{align-self:center}.fill-center{flex:1;display:flex;align-items:center}.backdrop-stage{position:relative;min-height:70vh}.measure-wide{max-width:60rem}.page-split{width:100%;max-width:1140px;margin:0 auto;display:flex;gap:var(--space-16);align-items:stretch;padding:var(--space-16) var(--space-8)}.col-focal{width:28rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}@media(max-width:860px){.page-split{flex-direction:column;gap:var(--space-10);padding:var(--space-10) var(--space-5)}.col-focal{width:100%}}.measure{max-width:28rem}.measure-sm{max-width:30ch}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}@media(max-width:1000px){.split-row,.panel-grid{grid-template-columns:1fr}}@media(max-width:768px){.cols-2,.cols-3,.card-grid{grid-template-columns:1fr}.cols-2{gap:var(--space-5)}.field-md{width:100%}}.list{display:flex;flex-direction:column;gap:var(--space-1)}.list-row{display:flex;align-items:center;gap:var(--space-4)}.list-row-divided{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.list-row-divided:last-child{border-bottom:none}.list-row-main{flex:1;min-width:0}.list-row-main-stacked{display:flex;flex-direction:column;gap:var(--space-1)}.list-row-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.list-row-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.list-row-amount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:70px;text-align:right}.list-row-amount.is-pos{color:var(--color-success)}.list-row-icon{color:var(--color-text-light);flex-shrink:0}.list-row-actions{display:flex;align-items:center;gap:var(--space-1)}.list-row.is-paused .list-row-title{color:var(--color-text-light)}.list-row.is-paused .list-row-amount{color:var(--color-text-light);text-decoration:line-through}.list-row-delete{border-radius:var(--radius-full);font-size:var(--text-lg);transition:color var(--transition-fast)}.list-row-delete:hover{color:var(--color-danger)}.list-more{margin-top:var(--space-4);padding:0;background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast)}.list-more:hover{color:var(--color-primary-hover)}.overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:#0c1220b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-fade-in .2s ease}.overlay-toggle{animation:none;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.overlay-toggle.is-open{opacity:1;pointer-events:auto}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.lightbox{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);cursor:zoom-out}.lightbox-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);cursor:default}.lightbox-frame{position:relative;display:inline-flex}.lightbox img{max-width:min(90vw,900px);max-height:82vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:modal-fade-in .2s ease;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.lightbox img.lightbox-img-matte{padding:var(--space-4);background-color:var(--color-surface);box-sizing:border-box;object-fit:contain}.lightbox-frame .lightbox-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;color:var(--color-text);background-color:#ffffffeb}.lightbox-frame .lightbox-close:hover{color:var(--color-text);background-color:var(--color-surface)}@media(min-width:1024px){.lightbox-frame .lightbox-close{top:0;right:0;transform:translate(calc(100% + var(--space-4)))}}.img-nav{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:var(--radius-full);color:var(--color-text);background-color:#ffffffeb;cursor:pointer;transition:background-color var(--transition-fast)}.img-nav:hover{background-color:var(--color-surface)}.img-nav:disabled{opacity:0;pointer-events:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.lightbox-nav-prev{left:var(--space-3)}.lightbox-nav-next{right:var(--space-3)}@media(min-width:1024px){.lightbox-nav-prev{left:0;transform:translate(calc(-100% - var(--space-4)),-50%)}.lightbox-nav-next{right:0;transform:translate(calc(100% + var(--space-4)),-50%)}}.lightbox-kind{align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:.72rem;letter-spacing:.03em;color:var(--color-surface);background-color:var(--color-primary)}.lightbox-dots{display:flex;align-items:center;gap:6px}.lightbox-dots .tmpl-dot{background-color:#fff6}.lightbox-dots .tmpl-dot.is-active{background-color:#fff}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-lg{border-radius:1.25rem;padding:var(--space-8)}.card-flat,.card-flat:hover{box-shadow:none}.card-quiet,.card-quiet:hover{border:none;box-shadow:none;padding:var(--space-8)}.card-quiet .title{font-weight:var(--font-bold)}.card.card-quiet p{margin:0;color:var(--color-text-muted);line-height:var(--leading-body)}.media-card{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.media-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);border-left:none;border-right:none;border-top:none;padding:0;width:100%;cursor:zoom-in}.media-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.media-card-media-contain img{object-fit:contain;object-position:center}.media-card-media-fallback{font-size:var(--text-sm);color:var(--color-text-light);padding:var(--space-4);text-align:center}.metric-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl);background-color:var(--color-primary);color:var(--color-text-on-bright);box-shadow:var(--shadow-card)}.metric-card-top{display:flex;flex-direction:column;align-items:flex-start}.metric-card-label{font-size:var(--text-base);color:#f6f4eeb3}.metric-card-amount{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:clamp(2.6rem,4.4vw,3.7rem);line-height:1.05;letter-spacing:-.025em;margin-top:var(--space-2)}.metric-card-trend{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;margin-top:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-full);background-color:#f6f4ee24;font-size:var(--text-xs);color:var(--color-text-on-bright)}.metric-card-calc{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid rgba(246,244,238,.14)}.metric-card-calc-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.metric-card-calc-label{color:#f6f4ee99}.metric-card-calc-val{font-weight:var(--font-medium);color:#f6f4eeeb;font-variant-numeric:tabular-nums}.metric-card-bar{height:8px;border-radius:var(--radius-full);background-color:#f6f4ee29;overflow:hidden}.metric-card-bar-fill{height:100%;border-radius:var(--radius-full);background-color:var(--color-accent)}.metric-card-foot{margin-top:var(--space-2);font-size:var(--text-xs);color:#f6f4ee99}@media(max-width:480px){.metric-card{padding:var(--space-5)}}.goal-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 4px 18px #1b24380f;transition:box-shadow var(--transition-base),transform var(--transition-base)}.goal-card:hover{box-shadow:0 8px 28px #1b243817}.goal-card-badges{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.goal-card-lock{display:inline-flex;color:var(--color-accent)}.goal-card-locked .goal-card-amount,.goal-card-locked .progress-track{opacity:.5}.goal-card-name{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:0}.goal-card-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.goal-card-saved{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-text)}.goal-card-target{font-size:var(--text-sm);color:var(--color-text-muted)}.goal-card .progress-track{height:10px}.goal-card-meta{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:0}.goal-card-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.goal-card-deposit{display:flex;align-items:stretch;gap:var(--space-2);width:100%}.goal-card-icons{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.goal-milestones{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.goal-milestones-toggle{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:none;padding:0;transition:color var(--transition-fast)}.goal-milestones-toggle:hover{color:var(--color-text)}.goal-milestone-list{list-style:none;padding:0;margin:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.goal-milestone{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.goal-milestone-check{display:inline-flex;flex-shrink:0;color:var(--color-text-light)}.goal-milestone.is-reached .goal-milestone-check{color:var(--color-success)}.goal-milestone.is-reached .goal-milestone-name{color:var(--color-text-muted);text-decoration:line-through}.goal-milestone-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.goal-milestone-target{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.goal-milestone-add{display:flex;gap:var(--space-2)}.goal-milestone-add input{min-width:0}.goal-milestone-add input[type=text]{flex:1}.goal-milestone-add input[type=number]{flex:0 0 5rem;width:5rem}@media(max-width:480px){.goal-card{padding:var(--space-5)}.goal-card-deposit{flex-wrap:wrap;justify-content:flex-end}.goal-card-deposit .field-grow{flex-basis:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-lg);padding:14px 28px;font-size:var(--text-base);font-family:var(--font-family);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-md{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-bright)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:var(--color-text-on-bright)}.btn-accent{background-color:var(--color-accent);color:var(--color-text-on-bright)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-hover);color:var(--color-text-on-bright)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-on-bright)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-text-on-bright)}.btn-outline{background:none;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-light);transition:color var(--transition-fast)}.icon-btn:hover{color:var(--color-primary)}.icon-btn-danger:hover{color:var(--color-danger)}.icon-btn-sm{width:1.5rem;height:1.5rem}.icon-btn-md{width:2rem;height:2rem}.icon-btn-lg{width:2.25rem;height:2.25rem}.close-btn{color:var(--color-text-muted);border-radius:var(--radius-full);transition:color var(--transition-fast),background-color var(--transition-fast)}.close-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.only-mobile{display:none}@media(max-width:768px){.close-btn{width:2.75rem;height:2.75rem;font-size:1.75rem}}.close-btn-float{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1}.segmented{display:inline-flex;gap:2px;padding:3px;background-color:var(--color-surface-hover);border-radius:var(--radius-full)}.segmented button{padding:var(--space-1) var(--space-3);background:none;border:none;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.segmented button.is-active{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tabs button{padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tabs button:hover{color:var(--color-text)}.tabs button.is-active{color:var(--color-text);border-bottom-color:var(--color-primary)}@media(max-width:380px){.tabs button{padding:var(--space-3) var(--space-2)}}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-list-inset{margin-top:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);background-color:var(--color-surface-hover);border-radius:var(--radius-full)}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;font-size:var(--text-base);line-height:1;color:var(--color-text-muted);background:none}.chip-remove:hover{color:var(--color-danger)}.inline-add{display:flex;align-items:stretch;gap:var(--space-2);margin-top:var(--space-3)}.inline-add input{flex:1;min-width:0}.inline-add-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;padding:0;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-md);transition:filter var(--transition-fast)}.inline-add-btn:hover{filter:brightness(1.12)}@media(max-width:768px){.btn-block-mobile,.settings-section-body .btn{width:100%}.settings-section-body .button-row .btn{width:auto;flex:1}.hide-mobile{display:none}.only-mobile{display:inline-flex}}.btn-link{display:inline-block;background:none;border:none;padding:0;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);cursor:pointer}.btn-link:hover{color:var(--color-primary-hover)}.btn-link-quiet{background:none;border:none;padding:0;font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.btn-link-quiet:hover{color:var(--color-text)}.choice-row{display:flex;gap:var(--space-3)}.choice{flex:1;text-align:center;padding:var(--space-4) 0;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:none;font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.choice.is-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-text-on-bright)}.option{text-align:left;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast)}.option.is-active{border-color:var(--color-primary);background-color:var(--color-primary-light)}.option-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:default}.option-row.is-active{background-color:transparent}.option-toggle{display:flex;align-items:center;gap:var(--space-3);flex:1;background:none;border:none;padding:var(--space-2) 0;font-family:var(--font-family);font-size:var(--text-md);color:var(--color-text);cursor:pointer;text-align:left}.option-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-on-bright)}.option-row.is-active .option-check{background-color:var(--color-primary);border-color:var(--color-primary)}.filter{position:relative;display:flex;align-items:center;gap:var(--space-3)}.filter-count{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.filter-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;background:none;color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast)}.filter-toggle:hover{opacity:.65}.filter-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-dropdown);display:flex;flex-direction:column;min-width:11rem;padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.filter-opt{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:none;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.filter-opt:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.filter-opt.is-active{font-weight:var(--font-bold);color:var(--color-text)}.filter-opt:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:var(--radius-full);background-color:transparent}.filter-opt.is-active:before{background-color:var(--color-accent)}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);width:calc(100% - 2 * var(--space-6));background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.dialog-lg{max-width:30rem}.modal{max-width:420px;border:1px solid var(--color-border);animation:modal-fade-in .2s ease}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:380px){.modal-header,.modal-body{padding:var(--space-4)}}.auth-modal{max-width:860px;max-height:calc(100vh - 2 * var(--space-6));overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.auth-panel{position:relative;overflow:hidden;background-color:var(--color-primary);background-image:url(/auth-panel.jpg);background-size:cover;background-position:center 72%;color:var(--color-text-on-bright)}.auth-panel-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0c122033,#0c122073 45%,#0c1220d1)}.auth-panel-content{position:relative;z-index:1;height:100%;padding:var(--space-8);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8)}.auth-brand{display:flex;align-items:center;gap:var(--space-2)}.auth-brand-logo{height:2rem;width:auto}.auth-panel-text{color:#f6f4eee0;line-height:1.6;margin:0;max-width:22rem}.auth-form-side{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.auth-form-inner{width:100%}.auth-form-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.auth-google:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-light)}.auth-google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;font-size:var(--text-xs);color:var(--color-text-light)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form .btn{width:100%;justify-content:center;margin-top:var(--space-2)}.auth-forgot{align-self:flex-end;margin-top:calc(-1 * var(--space-2));padding:0;background:none;font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--transition-fast)}.auth-forgot:hover{color:var(--color-primary)}.auth-terms{margin-top:var(--space-4);margin-bottom:0;font-size:var(--text-xs);line-height:1.5;color:var(--color-text-light)}.auth-terms a{color:var(--color-text-muted);text-decoration:underline}.auth-terms a:hover{color:var(--color-primary)}.auth-switch{margin-top:var(--space-5);margin-bottom:0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-switch-btn{padding:0;background:none;color:var(--color-primary);font-weight:var(--font-semibold)}.auth-switch-btn:hover{color:var(--color-primary-hover)}@media(max-width:720px){.auth-modal{grid-template-columns:1fr;max-width:440px}.auth-panel{display:none}}.paywall-modal{max-width:460px;max-height:calc(100vh - 2 * var(--space-6));overflow-y:auto;padding:var(--space-8)}.paywall-sub{color:var(--color-text-muted);margin-bottom:var(--space-5)}.paywall-features{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.paywall-features li{display:flex;align-items:flex-start;gap:var(--space-3)}.paywall-feature-check{flex-shrink:0;margin-top:3px;color:var(--color-accent)}.paywall-feature-text{display:flex;flex-direction:column;gap:1px}.paywall-feature-text strong{font-size:var(--text-sm);color:var(--color-text)}.paywall-feature-desc{font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted)}.premium-lock{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background-color:var(--color-bg-raised);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.premium-lock-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.premium-lock-preview{min-height:26rem;border-style:solid;box-shadow:0 8px 30px #1b243814}.premium-lock-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:blur(6px);opacity:.45;pointer-events:none;user-select:none}.premium-lock-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--color-accent-light);color:var(--color-accent);margin-bottom:var(--space-2)}.premium-lock-text{color:var(--color-text-muted);margin:0 0 var(--space-2);max-width:44ch}.premium-teaser{position:relative}.premium-teaser-blur{filter:blur(5px);opacity:.55;pointer-events:none;user-select:none}.premium-teaser-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-4)}.premium-teaser-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--color-accent-light);color:var(--color-accent)}.premium-teaser-text{margin:0;font-size:var(--text-sm);color:var(--color-text);max-width:28ch}.forecast-teaser{border-radius:var(--radius-xl);overflow:hidden}.slideover{position:fixed;top:0;right:0;bottom:0;width:360px;background-color:var(--color-surface);border-left:1px solid var(--color-border);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow)}.slideover.is-open{transform:translate(0)}.slideover-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.slideover-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);overflow-y:auto;flex:1}@media(max-width:768px){.slideover{width:100%}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg) 0%,#ece7db 100%)}.auth-standalone{width:100%;max-width:860px;min-height:540px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media(max-width:720px){.auth-standalone{grid-template-columns:1fr;max-width:440px;min-height:0}}.auth-panel-forgot{background-image:url(/forgot-password.jpg)}.auth-confirm{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6);text-align:center;background:linear-gradient(135deg,var(--color-bg) 0%,#ece7db 100%)}.auth-confirm-logo{height:2.4rem;width:auto}.auth-confirm-text{font-size:var(--text-lg);color:var(--color-text-muted);margin:0;max-width:32ch}.auth-confirm-text.is-error{color:var(--color-danger)}.auth-confirm-link{font-weight:var(--font-semibold);color:var(--color-primary);transition:color var(--transition-fast)}.auth-confirm-link:hover{color:var(--color-primary-hover)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-modal)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);animation:toast-in .3s ease,toast-out .3s ease 3.7s forwards;box-shadow:var(--shadow-md)}.toast-error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.toast-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message{font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;margin-bottom:var(--space-4)}.message-error{color:var(--color-danger);background-color:var(--color-danger-light)}.message-success{color:var(--color-success);background-color:var(--color-success-light)}.cookie-consent{position:fixed;bottom:var(--space-5);left:var(--space-5);right:var(--space-5);max-width:30rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-sticky)}.cookie-consent-text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.cookie-consent-actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media(max-width:560px){.cookie-consent-actions .btn{flex:1}}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5) var(--space-6);background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.resume-banner-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.resume-banner-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.example-banner{background-color:#ef6a4d12;border-color:#ef6a4d2e}.example-banner .resume-banner-title{color:var(--color-accent)}.is-example-data{opacity:.5;filter:blur(.5px);pointer-events:none;user-select:none}.dev-reset{position:fixed;bottom:var(--space-4);left:var(--space-4);z-index:var(--z-sticky);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer}.dev-reset:hover{color:var(--color-text);border-color:var(--color-text-light)}.ghost-stage{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;padding:var(--space-16) var(--space-5) var(--space-16) 120px;background-color:var(--color-bg)}.ghost-stage-inner{position:relative;z-index:1;max-width:34rem}.ghost-glyph{position:absolute;top:50%;right:-.08em;transform:translateY(-50%);font-family:var(--font-display);font-weight:800;font-size:560px;line-height:1;letter-spacing:-.04em;color:#1b24380b;user-select:none;pointer-events:none;z-index:0}@media(max-width:860px){.ghost-stage{padding-left:var(--space-5)}.ghost-glyph{font-size:300px}}@media(max-width:560px){.ghost-glyph{display:none}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-info{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-muted{background-color:var(--color-surface-hover);color:var(--color-text-muted)}.progress-track{width:100%;height:8px;background-color:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.progress-value{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.stat-list{display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-xl)}.stat-list-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.stat-list-item:last-child{border-bottom:none}.stat-grid-2{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-8)}.stat-grid-2 .stat-list-item{border-bottom:none}@media(max-width:1000px){.stat-grid{display:grid;gap:var(--space-3) var(--space-5);padding:var(--space-5) var(--space-6)}.panel .stat-grid{padding:0}.stat-grid .stat-list-item{gap:var(--space-1);padding:0;border-bottom:none;justify-content:space-between}.stat-grid .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.stat-grid .value{font-family:var(--font-family);font-size:var(--text-sm);white-space:nowrap}.stat-grid-3{grid-template-columns:repeat(3,1fr)}}.dot-accent{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0}.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) var(--space-5) var(--space-6);background-color:var(--color-primary);color:var(--color-text-on-bright)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 0 0 var(--space-3)}.sidebar-logo{height:3.5rem;width:auto}.sidebar-close{display:none;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;color:var(--color-text-on-bright);cursor:pointer}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-foot{flex-shrink:0}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:none;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;color:#f6f4ee9e;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background-color:#f6f4ee12;color:var(--color-text-on-bright)}.sidebar-link.is-active{background-color:#f6f4ee21;color:var(--color-text-on-bright)}.sidebar-divider{height:1px;margin:var(--space-2) var(--space-3);background-color:#f6f4ee1f}.sidebar-link-lock{margin-left:auto;opacity:.5}.sidebar-account{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.sidebar-account-divider{align-self:stretch;width:1px;margin:var(--space-2) 0;background-color:#f6f4ee1f}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-user:hover{background-color:#f6f4ee12}.sidebar-logout{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-2);background:none;border:none;border-radius:var(--radius-md);color:#f6f4ee9e;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-logout:hover{background-color:#f6f4ee12;color:var(--color-text-on-bright)}.sidebar-avatar{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-text-on-bright);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-base)}.sidebar-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-topbar{display:none}@media(max-width:860px){.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--color-text-on-bright);position:sticky;top:0;z-index:var(--z-sticky)}.sidebar-topbar .sidebar-logo{height:1.5rem}.sidebar-burger{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;color:var(--color-text-on-bright)}.sidebar-close{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:#0c122080;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}}.ledger-page{display:flex;flex-direction:column;gap:var(--space-8)}@media(max-width:640px){.ledger-page{gap:var(--space-5)}}.panel{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.panel>:last-child{margin-bottom:0}.panel-lg{padding:var(--space-8)}.panel-intro{margin-bottom:var(--space-6)}.panel-intro .subtitle{margin-top:var(--space-2)}.panel-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:5rem;padding:var(--space-5) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.stat-cell{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-6);border-right:1px solid var(--color-border)}.stat-cell:last-child{border-right:none}.group{display:flex;flex-direction:column;gap:var(--space-2)}.group-label{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.02em;color:var(--color-text)}.group-head{margin:0 calc(-1 * var(--space-6));padding:var(--space-2) var(--space-6);background-color:var(--color-primary-light)}.group-head .group-label{font-weight:var(--font-semibold);color:var(--color-text)}.groups>.group:first-child .group-head{margin-top:calc(-1 * var(--space-5))}.group-total{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.groups{display:flex;flex-direction:column;overflow:hidden}.panel .group+.group{margin-top:var(--space-5)}.year-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text)}.year-toggle-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-lg)}.year-toggle-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.year-toggle-chevron.is-open{transform:rotate(180deg)}.year-section+.year-section{margin-top:var(--space-6)}.year-toggle+.group{margin-top:var(--space-4)}.ledger{display:flex;flex-direction:column}.recurring{padding:var(--space-5) var(--space-6);background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.recurring-head{display:flex;align-items:center;gap:var(--space-3)}.recurring-badge{display:flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-accent-light);color:var(--color-accent)}.recurring-hint{margin-top:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.recurring .list-row{padding:var(--space-3) 0}.recurring .list-row:first-child{padding-top:var(--space-2)}@media(max-width:700px){.stat-cell{padding:var(--space-3) var(--space-4)}.stat-cell .label{font-size:var(--text-xs)}}@media(max-width:480px){.stat-cell{padding:var(--space-4) var(--space-5)}.recurring{padding:var(--space-5)}}.section-intro{margin:calc(-1 * var(--space-2)) 0 var(--space-1);font-size:var(--text-sm);color:var(--color-text-light)}.history{display:flex;flex-direction:column}.history-year{border-top:1px solid var(--color-border)}.history-year:last-child{border-bottom:1px solid var(--color-border)}.history-year-head{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-2);background:none;text-align:left;cursor:pointer}.history-year-toggle{display:inline-flex;color:var(--color-text-light);transition:transform var(--transition-fast)}.history-year-head[aria-expanded=true] .history-year-toggle{transform:rotate(180deg)}.history-year-label{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--color-text)}.history-year-total{margin-left:auto;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.history-months{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-2) var(--space-4)}.history-month-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light)}.history-month-total{font-size:var(--text-xs);color:var(--color-text-light);font-variant-numeric:tabular-nums}.history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px dashed var(--color-border)}.history-row:last-child{border-bottom:none}.history-row-main{display:flex;flex-direction:column;min-width:0}.history-row-name{font-size:var(--text-sm);color:var(--color-text-muted)}.history-row-sub{font-size:var(--text-xs);color:var(--color-text-light)}.history-row-amount{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.history-row-end{display:flex;align-items:center;gap:var(--space-3)}.history-row-actions{display:flex;align-items:center;gap:2px}.history-row-edit{display:flex;align-items:center;gap:var(--space-2)}.history-edit-input{width:6rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:right}.chart{padding:var(--space-5) 0 0;border-top:1px solid var(--color-border)}@media(max-width:600px){.chart .head{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}}.calc-page{max-width:920px}.calc{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.calc-stack{grid-template-columns:1fr}.calc-fill{align-items:stretch}@media(max-width:760px){.calc{grid-template-columns:1fr}}.calc-result{display:flex;flex-direction:column;gap:var(--space-5);background-color:var(--color-primary);color:var(--color-text-on-bright);border-radius:var(--radius-xl);padding:var(--space-6)}.calc-result-head{display:flex;flex-direction:column}.calc-result-label{font-size:.66rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.12em;color:#f6f4eea6}.calc-result-main{font-family:var(--font-display);font-weight:var(--font-bold);font-size:clamp(2.2rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:var(--space-2)}.calc-result-chart{flex:1 1 auto;min-height:96px;display:flex}.spark{width:100%;height:100%;display:block;overflow:visible}.spark-area{fill:color-mix(in srgb,var(--color-success-on-dark) 22%,transparent);stroke:none}.spark-line{fill:none;stroke:var(--color-success-on-dark);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.spark-ref{fill:none;stroke:#f6f4ee66;stroke-width:1.5;stroke-dasharray:4 3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.calc-result-rows{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid rgba(246,244,238,.15);padding-top:var(--space-4)}.calc-result-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm)}.calc-result-row>span:first-child{font-size:.66rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.12em;color:#f6f4eea6}.calc-result-row>span:last-child{font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.calc-result-row-accent>span:last-child{color:var(--color-success-on-dark)}.calc-result-note{font-size:var(--text-xs);line-height:1.6;color:#f6f4ee99;margin:0}.calc-chart{margin-top:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card)}.calc-chart-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin:0 0 var(--space-4)}.calc-split{display:flex;flex-direction:column;gap:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card)}.calc-split-bar{display:flex;height:2.5rem;border-radius:var(--radius-md);overflow:hidden}.calc-split-seg{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-bright)}.calc-split-needs{background-color:var(--color-primary)}.calc-split-wants{background-color:var(--color-secondary)}.calc-split-savings{background-color:var(--color-accent)}.calc-split-rows{display:flex;flex-direction:column;gap:var(--space-4)}.calc-split-row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--space-3)}.calc-split-dot{width:.7rem;height:.7rem;border-radius:var(--radius-full);align-self:center}.calc-split-text{display:flex;flex-direction:column;gap:2px;min-width:0}.calc-split-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.calc-split-name em{font-style:normal;color:var(--color-text-light);font-weight:var(--font-normal)}.calc-split-desc{font-size:var(--text-xs);line-height:1.5;color:var(--color-text-light)}.calc-split-amount{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap}.calc-foot{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.calc-related{font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted);margin:0}.calc-related a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.calc-related a:hover{color:var(--color-primary-hover)}.faq{margin-top:var(--space-8)}.faq-title{font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--color-text);margin:0 0 var(--space-5)}.faq-item{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.faq-q{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.faq-a{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);margin:0}.viz-box{width:100%;height:40px;margin:var(--space-2) 0 var(--space-3);color:var(--color-primary)}.viz-line{color:var(--color-success)}.viz-steps{color:var(--color-accent)}.viz-line-fill{opacity:.1}.viz-dots{display:flex;align-items:center;gap:var(--space-2)}.viz-dot{flex:1;height:18px;border-radius:var(--radius-md);background-color:var(--color-primary)}.viz-dot-empty{background:none;border:2px solid var(--color-primary);opacity:.4}.viz-figure{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:1.5rem;letter-spacing:-.01em;color:var(--color-text);margin:0 0 var(--space-1)}@media(prefers-reduced-motion:no-preference){.viz-line polyline{stroke-dasharray:260;stroke-dashoffset:260}.viz-line .viz-line-fill{opacity:0}.is-in .viz-line polyline{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s ease-out .15s}.is-in .viz-line .viz-line-fill{opacity:.1;transition:opacity .5s ease .8s}.viz-steps rect{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box}.is-in .viz-steps rect{transform:scaleY(1);transition:transform .42s ease}.is-in .viz-steps rect:nth-of-type(2){transition-delay:70ms}.is-in .viz-steps rect:nth-of-type(3){transition-delay:.14s}.is-in .viz-steps rect:nth-of-type(4){transition-delay:.21s}.is-in .viz-steps rect:nth-of-type(5){transition-delay:.28s}.is-in .viz-steps rect:nth-of-type(6){transition-delay:.35s}.is-in .viz-steps rect:nth-of-type(7){transition-delay:.42s}.is-in .viz-steps rect:nth-of-type(8){transition-delay:.49s}.is-in .viz-steps rect:nth-of-type(9){transition-delay:.56s}.viz-dot{opacity:0;transform:scale(.4)}.is-in .viz-dot{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.is-in .viz-dot-empty{opacity:.4}.is-in .viz-dot:nth-of-type(2){transition-delay:.11s}.is-in .viz-dot:nth-of-type(3){transition-delay:.22s}.is-in .viz-dot:nth-of-type(4){transition-delay:.33s}.is-in .viz-dot:nth-of-type(5){transition-delay:.44s}.is-in .viz-dot:nth-of-type(6){transition-delay:.55s}.viz-split rect{transform:scaleX(0);transform-origin:left;transform-box:fill-box}.is-in .viz-split rect{transform:scaleX(1);transition:transform .5s ease}.is-in .viz-split rect:nth-of-type(2){transition-delay:.18s}.is-in .viz-split rect:nth-of-type(3){transition-delay:.36s}}.chartjs-wrap{width:100%;margin-top:var(--space-5)}.section-title-row{display:inline-flex;align-items:center;gap:var(--space-2)}.help-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;color:var(--color-text-light);border-radius:var(--radius-full);transition:color var(--transition-fast),background-color var(--transition-fast)}.help-btn:hover{color:var(--color-primary);background-color:var(--color-surface-hover)}.help-panel{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background-color:var(--color-accent-light);border-radius:var(--radius-md)}.help-panel p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text)}.forecast-summary-ok .title{color:var(--color-success)}.forecast-summary-warning .title{color:var(--color-danger)}.forecast-summary-text{color:var(--color-text-muted);margin:0 0 var(--space-4)}.forecast-stats{display:flex;gap:var(--space-8)}.forecast-stats>div{display:flex;flex-direction:column;gap:2px}.forecast-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.forecast-stats strong{font-size:var(--text-lg);color:var(--color-text)}.forecast-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.forecast-event{display:grid;grid-template-columns:4.5rem 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.forecast-event:last-child{border-bottom:none}.forecast-event-date{font-size:var(--text-sm);color:var(--color-text-muted)}.forecast-event-label{font-size:var(--text-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forecast-event-amount{font-variant-numeric:tabular-nums;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:right}.forecast-event-amount.is-in{color:var(--color-success)}.forecast-event-running{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;min-width:5rem}.scenario-title{color:var(--color-accent)}.scenario-head,.scenario-editor .field-inline{align-items:center}.scenario-add-section{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.scenario-add{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.scenario-add .field-freq{width:auto}.scenario-add-actions{display:flex;gap:var(--space-2)}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-1) var(--space-5)}.toggle-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.toggle-row-name{width:7rem;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text)}.toggle-row .field-narrow{flex:none;width:5.5rem}.toggle-row.is-off .toggle-row-name{text-decoration:line-through;color:var(--color-text-light)}.toggle-row.is-off .field-narrow{opacity:.5}.toggle-switch{position:relative;flex:none;width:2.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--radius-full);background-color:var(--color-border);cursor:pointer;transition:background-color var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:var(--radius-full);background-color:#fff;transition:transform var(--transition-fast)}.toggle-switch[aria-checked=true]{background-color:var(--color-primary)}.toggle-switch[aria-checked=true]:after{transform:translate(1rem)}@media(max-width:768px){.toggle-row-name{width:auto;flex:1}.toggle-row .field-narrow{width:7rem}.scenario-add{flex-direction:column;align-items:stretch}.scenario-add>input,.scenario-add .field-freq{width:100%}.scenario-add-actions button{flex:1}.scenario-add-trigger{width:100%}.forecast-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5)}.forecast-event{grid-template-columns:4rem 1fr auto}.forecast-event-label{white-space:normal}.forecast-event-running{display:none}}.report-ranges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.report-year{position:relative;display:inline-flex}.report-year-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast)}.report-year-trigger:hover{border-color:var(--color-text-light)}.report-year-trigger svg{color:var(--color-text-muted)}.report-year-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-dropdown);min-width:100%;display:flex;flex-direction:column;padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.report-year-opt{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);text-align:left;color:var(--color-text);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.report-year-opt:hover{background-color:var(--color-surface-hover)}.report-year-opt.is-active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-medium)}.report-mom{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.report-mom-cell{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--color-bg-raised);border-radius:var(--radius-md)}.report-mom-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.report-mom-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.report-mom-delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--font-medium);font-variant-numeric:tabular-nums}.report-mom-delta.is-good{color:var(--color-success)}.report-mom-delta.is-bad{color:var(--color-danger)}.report-mom-delta.is-flat{color:var(--color-text-muted)}.report-mom-prev{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:720px){.report-mom{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.report-mom-cell{padding:var(--space-2) var(--space-3)}.report-mom-value{font-size:var(--text-sm);white-space:nowrap}.report-mom-prev{margin-top:auto}}.site{--landing-max: 1320px;min-height:100vh;background-color:var(--color-bg);overflow-x:clip;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:var(--z-sticky);width:100%;max-width:var(--site-max);margin:0 auto;padding:var(--space-5) var(--space-16);display:flex;align-items:center;justify-content:space-between}@media(max-width:1080px){.site-header,.site-footer-main,.site-footer-bottom-inner{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(max-width:760px){.site-header,.site-footer-main,.site-footer-bottom-inner{padding-left:var(--space-5);padding-right:var(--space-5)}}.site-header:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background-color:color-mix(in srgb,var(--color-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;z-index:0}.site-header-solid:before{background-color:var(--color-bg-raised);border-bottom-color:var(--color-border);backdrop-filter:none;-webkit-backdrop-filter:none}.site-header>*{position:relative;z-index:1}.site-nav{display:flex;align-items:center;gap:var(--space-5);position:relative;top:4px}.site-nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.site-nav-link:hover,.site-nav-link.active{color:var(--color-primary)}.site-nav-link.active{font-weight:var(--font-semibold);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:6px}.site-logo{display:flex;align-items:center;flex-shrink:0}.site-logo-full{height:2.1rem;width:auto}.site-header-main{display:flex;align-items:center;gap:var(--space-8)}.site-nav-auth{display:flex;align-items:center;gap:var(--space-4)}.site-nav-toggle{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;background:none;color:var(--color-text);cursor:pointer}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-modal);width:min(84vw,320px);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-primary);color:var(--color-text-on-bright);transform:translate(100%);transition:transform var(--transition-slow)}.drawer.is-open{transform:translate(0)}.drawer-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:#0c122080;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid rgba(246,244,238,.12)}.drawer-logo{height:1.6rem;width:auto}.drawer-close{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;color:var(--color-text-on-bright);cursor:pointer}.drawer-nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.drawer-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:2.5rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:1rem;font-weight:var(--font-semibold);letter-spacing:-.01em;color:#f6f4eec7;transition:background-color var(--transition-fast),color var(--transition-fast)}.drawer-link:hover{background-color:#f6f4ee17;color:var(--color-text-on-bright)}.drawer-link.active{color:var(--color-text-on-bright);font-weight:var(--font-bold)}.drawer-link[aria-expanded=true]{background-color:#f6f4ee17;color:var(--color-text-on-bright)}.drawer-link.active[aria-expanded=true]{color:var(--color-text-on-bright);font-weight:var(--font-bold)}button.drawer-link{width:100%;background:none;border:none;font-family:var(--font-display);text-align:left;cursor:pointer}.drawer-link[aria-expanded=true] .drawer-caret{transform:rotate(180deg)}.drawer-sub{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .22s ease,opacity .18s ease,visibility .22s}.drawer-sub.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}.drawer-sub-inner{display:flex;flex-direction:column;overflow:hidden;min-height:0}@media(prefers-reduced-motion:reduce){.drawer-sub{transition:none}}.drawer-sublink{display:flex;align-items:center;min-height:2.25rem;padding:0 var(--space-3) 0 calc(var(--space-3) + var(--space-4));border-radius:var(--radius-md);font-family:var(--font-display);font-size:.875rem;font-weight:var(--font-medium);color:#f6f4ee9e;transition:background-color var(--transition-fast),color var(--transition-fast)}.drawer-sublink.active{color:var(--color-text-on-bright);font-weight:var(--font-bold)}.drawer-sublink:hover,.drawer-sublink:active{background-color:#f6f4ee17;color:var(--color-text-on-bright)}.drawer-caret{margin-left:auto;color:#f6f4ee73;transition:transform var(--transition-fast)}.drawer-foot{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid rgba(246,244,238,.12)}.drawer-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-text-on-bright);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.drawer-cta:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.drawer-login{width:100%;padding:0;background:none;border:none;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);color:#f6f4eeb3;cursor:pointer;transition:color var(--transition-fast)}.drawer-login:hover{color:var(--color-text-on-bright)}.drawer-tagline{margin:0;text-align:center;font-family:var(--font-family);font-size:var(--text-base);font-style:italic;color:#f6f4ee8c}.hero{max-width:var(--landing-max);margin:0 auto;padding:var(--space-16) var(--space-6);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-16);align-items:center}.site-main{flex:1}.hero-band{position:relative;padding-bottom:var(--space-16)}.hero-chart{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:116vw;height:auto;opacity:.13;z-index:0;pointer-events:none}.hero-text{position:relative;z-index:1}.hero-text .eyebrow{margin-bottom:var(--space-5)}.hero-lead{font-size:var(--text-lead);color:var(--color-text-muted);line-height:var(--leading-body);max-width:30rem;margin-bottom:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.hero-fineprint{font-size:var(--text-sm);color:var(--color-text-light)}.hero-visual{position:relative;z-index:1}.app-window{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transform:rotate(.6deg)}.app-window-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border)}.app-window-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border)}.app-window-name{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light)}.app-window-shot{display:block;width:100%;height:auto}.phone-frame{position:absolute;right:-22px;bottom:-46px;width:198px;padding:10px;border-radius:44px;background:linear-gradient(150deg,#3c4453,#141a24 44%,#05080d);box-shadow:0 32px 60px #0c122061,inset 0 0 0 2px #ffffff0f;transform:rotate(3.5deg);z-index:2}.phone-frame:before{content:"";position:absolute;left:-2px;top:88px;width:3px;height:86px;border-radius:3px 0 0 3px;background-color:#2b323d}.phone-frame:after{content:"";position:absolute;right:-2px;top:104px;width:3px;height:58px;border-radius:0 3px 3px 0;background-color:#2b323d}.phone-frame-screen{position:relative;border-radius:34px;overflow:hidden;background-color:#000}.phone-frame-screen:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:52px;height:15px;border-radius:var(--radius-full);background-color:#05080d;z-index:2}.phone-frame-shot{display:block;width:100%;height:auto}.steps-band{background-color:var(--color-primary);padding:var(--space-16) 0;scroll-margin-top:6rem}.steps-inner{max-width:var(--landing-max);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16);align-items:start}.steps-intro .eyebrow{margin-bottom:var(--space-5);color:#f6f4eea6}.steps-intro h2{color:var(--color-text-on-bright);margin-bottom:var(--space-3)}.steps-intro p{font-size:var(--text-lg);color:#f6f4eec7;max-width:26rem;margin-bottom:0}@media(max-width:640px){.steps-intro .eyebrow{margin-bottom:var(--space-3)}.steps-intro h2 br{display:none}.steps-intro p{font-size:var(--text-base)}}.steps-list{list-style:none;display:flex;flex-direction:column}.step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);padding-bottom:var(--space-8)}.step:last-child{padding-bottom:0}.step:not(:last-child):before{content:"";position:absolute;left:21px;top:46px;bottom:-2px;width:2px;background-color:#f6f4ee38}.step-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:2px solid rgba(246,244,238,.35);background-color:var(--color-primary);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-on-bright)}.step-body{padding-top:var(--space-1)}.step-text{color:#f6f4eeb8;line-height:1.6;margin-bottom:0;max-width:30rem}.showcase{padding:var(--space-16) var(--space-6);background-color:var(--color-bg-shade)}.showcase-intro{max-width:38rem;margin:0 auto var(--space-8);text-align:center}.showcase-intro .eyebrow{margin-bottom:var(--space-4)}.showcase-intro h2{margin-bottom:var(--space-3)}.showcase-intro p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.showcase-tabs{max-width:22rem;margin:0 auto var(--space-6)}.showcase-shots{position:relative;aspect-ratio:1092 / 640}.showcase-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity var(--transition-base)}.showcase-shot.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.showcase-shot{transition:none}}.showcase-stage{position:relative;width:100%;max-width:1040px;margin:0 auto}.app-window-flat{transform:none;box-shadow:none}.value-band{max-width:var(--landing-max);margin:0 auto;padding:var(--space-16) var(--space-6)}.value-intro{margin-bottom:var(--space-8)}.value-intro .eyebrow{margin-bottom:var(--space-4)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.value-col{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.value-col .title,.media-card .title{font-family:var(--font-display);letter-spacing:-.01em}.value-col-body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:0}.cta-band{background-color:var(--color-primary);padding:var(--space-16) 0}.cta-band-inner{max-width:var(--landing-max);margin:0 auto;padding:0 var(--space-6);color:var(--color-text-on-bright);text-align:center}.hero-sub{display:block;margin-top:var(--space-2);font-size:2.125rem;line-height:1.2}@media(max-width:760px){.hero-sub{font-size:1.5rem}}.hero-mark{position:relative;white-space:nowrap}.hero-mark-svg{position:absolute;left:0;bottom:-.14em;width:100%;height:.22em;overflow:visible;pointer-events:none;color:var(--color-success)}.hero-mark-svg path{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hero-mark-draw .5s ease-out .25s forwards}@keyframes hero-mark-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.hero-mark-svg path{animation:none;stroke-dashoffset:0}}.cta-band-text{font-size:var(--text-lg);color:#f6f4eed9;margin-bottom:var(--space-6)}.social-proof-count{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.social-proof-trust{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--color-text-light)}.social-proof-trust li+li:before{content:"·";margin:0 var(--space-3)}@media(max-width:640px){.social-proof-trust{font-size:var(--text-xs)}.social-proof-trust li+li:before{margin:0 var(--space-2)}}.plan-faq.tone-band{margin-top:0;margin-inline:0;padding-left:max(var(--space-16),calc(50% - var(--site-max) / 2 + var(--space-16)));padding-right:max(var(--space-16),calc(50% - var(--site-max) / 2 + var(--space-16)))}@media(max-width:1080px){.plan-faq.tone-band{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(max-width:760px){.plan-faq.tone-band{padding-left:var(--space-5);padding-right:var(--space-5)}}.testimonial-band{max-width:var(--landing-max);margin:0 auto;padding:var(--space-16) var(--space-6)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-6)}.testimonial-card{margin:0;padding:var(--space-6);background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.testimonial-quote{font-size:var(--text-lg);line-height:1.5;color:var(--color-text);margin:0 0 var(--space-4)}.testimonial-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted)}.contact-band{width:100%;max-width:var(--landing-max);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-5) var(--space-16);align-items:stretch;flex:1;align-content:center}.contact-eyebrow{grid-column:1 / -1;justify-self:start}.contact-points{list-style:none;margin:var(--space-8) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}.contact-point{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.contact-point:first-child{padding-top:0;border-top:none}.contact-point-label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.contact-point-value,.contact-point a{font-size:var(--text-base);color:var(--color-text)}.contact-point a{transition:color var(--transition-fast)}.contact-point a:hover{color:var(--color-primary)}.contact-card{padding:var(--space-8);display:flex;flex-direction:column}.contact-card .stack{flex:1}.contact-card .form-group:has(textarea){flex:1}.contact-card .form-group:has(textarea) textarea{flex:1;min-height:7rem;resize:vertical}.site-footer{padding-top:var(--space-8)}.site-footer-main{max-width:var(--site-max);margin:0 auto;padding:0 var(--space-16) var(--space-8);display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-8)}.site-footer-tagline{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);max-width:18rem}.site-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.site-footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.site-footer-heading{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-light);margin-bottom:var(--space-1)}.site-footer-col a,.site-footer-col button{background:none;padding:0;text-align:left;font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);transition:color var(--transition-fast)}.site-footer-col a:hover,.site-footer-col button:hover{color:var(--color-primary)}.site-footer-bottom{border-top:1px solid var(--color-border)}.site-footer-bottom-inner{max-width:var(--site-max);margin:0 auto;padding:var(--space-5) var(--space-16) var(--space-8);display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-light)}.site-footer-made{display:inline-flex;align-items:center;gap:var(--space-2)}.flag{width:18px;height:auto;border-radius:1px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) var(--space-6)}.steps-inner,.value-grid,.contact-band{grid-template-columns:1fr;gap:var(--space-8)}.steps-band,.value-band,.showcase,.contact-band{padding-top:var(--space-8);padding-bottom:var(--space-8)}.phone-frame{display:none}.site-footer-main{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:820px){.site-nav-toggle{display:inline-flex}.site-nav{display:none}}body:has(.drawer.is-open) .sticky-cta{visibility:hidden}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.is-in{opacity:1;transform:none}.step.reveal:nth-child(2),.value-col.reveal:nth-child(2){transition-delay:90ms}.step.reveal:nth-child(3),.value-col.reveal:nth-child(3){transition-delay:.18s}}.sticky-cta{display:none}@media(max-width:760px){.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom));background-color:var(--color-bg);border-top:1px solid var(--color-border);transform:translateY(100%);transition:transform var(--transition-base)}.sticky-cta.is-visible{transform:translateY(0)}}.site-footer-compact{display:none;flex-wrap:wrap;column-gap:var(--space-5);align-items:center}.site-footer-compact a{display:inline-flex;align-items:center;min-height:2.5rem;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}@media(max-width:760px){.info-topbar{display:block}.info-topbar .eyebrow{display:none}.info-topbar .back-link{width:100%;justify-content:center;min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text)}.info-page:has(.index-grid-2)>.eyebrow{display:none}.site-header{padding-top:var(--space-2);padding-bottom:var(--space-2)}.site-logo-full{height:1.75rem}.site-footer-cols{display:none}.site-footer-compact{display:flex}.site-footer{padding-top:var(--space-6)}.site-footer-main{gap:var(--space-3);padding-bottom:var(--space-4)}.site-footer-tagline{margin-top:var(--space-2)}.site-footer-bottom-inner{padding-top:var(--space-4);padding-bottom:var(--space-5)}}@media(max-width:640px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.site-nav-auth .btn{padding:var(--space-2) var(--space-4)}.hero-chart{display:none}.hero-band{padding-bottom:var(--space-8)}.app-window{display:none}.showcase-stage .app-window{display:block}.phone-frame{display:block;position:relative;right:auto;bottom:auto;margin:0 auto;width:224px;transform:none;box-shadow:none}}@media(max-width:520px){.site-footer-cols{grid-template-columns:repeat(2,1fr)}}.try-band{max-width:1080px;margin:0 auto;padding:var(--space-16) var(--space-6)}.try-head{margin-bottom:var(--space-8)}.try-head .eyebrow{margin-bottom:var(--space-4)}.try-title{margin:0}.try-links{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-5)}@media(max-width:760px){.try-head{margin-bottom:var(--space-6)}}@media(max-width:640px){.try-band{border-top:1px solid var(--color-border);padding-top:var(--space-10)}}.try-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast)}.try-link:hover{color:var(--color-primary-hover);gap:var(--space-3)}.try-link-muted{color:var(--color-text-muted)}.try-link-muted:hover{color:var(--color-text)}@media(max-width:640px){.try-links{gap:var(--space-3);margin-top:var(--space-6)}.try-link{flex:1;justify-content:center;min-height:2.75rem;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);background-color:var(--color-primary);color:var(--color-text-on-bright)}.try-link-muted{background:none;border:1px solid var(--color-border);color:var(--color-text)}.try-link svg{display:none}}@media(min-width:769px){.tone-band .article-rel{padding-top:0}}.info-page{flex:1;width:100%;max-width:820px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.info-page-wide{max-width:1160px}.info-page-mid{max-width:1200px;padding-left:var(--space-16);padding-right:var(--space-16)}@media(max-width:1080px){.info-page-mid{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(max-width:760px){.info-page-mid{padding-left:var(--space-5);padding-right:var(--space-5)}}@media(max-width:640px){.info-page{padding:var(--space-8) var(--space-5)}}.info-page .eyebrow{margin-bottom:var(--space-5)}.info-topbar{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.info-topbar .eyebrow{margin-bottom:0}.info-page-meta{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-8)}.tone-band{margin-top:var(--space-12);margin-inline:calc(50% - 50vw);padding-block:var(--space-16);padding-inline:calc(50vw - 50%);background-color:var(--color-bg-shade)}.info-prose .tone-band>h2{margin-top:0}.info-prose>:first-child{margin-top:0}.info-prose h2{margin:var(--space-8) 0 var(--space-3)}.info-prose p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);margin:0 0 var(--space-4)}.info-prose ul{margin:0 0 var(--space-4);padding-left:var(--space-5)}.info-prose li{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);margin-bottom:var(--space-2)}.info-prose .card p{margin:0}.split-aside{display:grid;grid-template-columns:minmax(0,63ch) 17.5rem;justify-content:space-between;gap:var(--space-16);align-items:start;padding-top:var(--space-4)}.split-aside h2{margin-top:0}.signoff,.signoff-head{display:flex;flex-direction:column;gap:var(--space-3)}.signoff-photo{width:100%;height:21rem;flex-shrink:0;border-radius:var(--radius-xl);object-fit:cover}.signoff-initial{display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-on-bright);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-3xl)}.signoff-name{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:var(--font-medium);font-size:1.0625rem;color:var(--color-text)}.signoff-role{margin-top:2px;font-family:var(--font-family);font-size:.66rem;font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.info-prose .signoff-note{font-size:.9375rem;line-height:1.6;margin:0}@media(max-width:640px){.split-aside{grid-template-columns:1fr;gap:var(--space-8)}.signoff{gap:var(--space-4);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.signoff-head{flex-direction:row;align-items:center;gap:var(--space-4)}.signoff-photo{width:4.5rem;height:5.5rem}.om-oss-values .cols-3{gap:var(--space-5)}.om-oss-values .card-flat{padding:var(--space-6)}.om-oss-values{margin-top:var(--space-6);padding-block:var(--space-8)}}.info-prose strong{color:var(--color-text);font-weight:var(--font-semibold)}.info-prose a:not(.btn){color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.info-prose a:not(.btn):hover{color:var(--color-primary-hover)}.info-prose-rich>p:first-child{font-size:var(--text-lg);line-height:1.7;color:var(--color-text);margin-bottom:var(--space-6)}.info-prose-rich h2{margin-top:var(--space-10)}.info-prose-rich h2:before{content:"";display:block;width:var(--space-10);height:3px;border-radius:var(--radius-full);background-color:var(--color-accent);margin-bottom:var(--space-4)}@media(max-width:900px){.info-page{padding:var(--space-8) var(--space-6)}}.cta-box{margin-top:var(--space-8);padding:var(--space-10) var(--space-8);background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.cta-box-text{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.6;max-width:34rem;margin:0 auto var(--space-6)}.cta-box-trust{font-size:var(--text-sm);color:var(--color-text-light);margin:var(--space-4) 0 0}.plans{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.plan-intro{max-width:40rem;margin:0 0 var(--space-8)}@media(max-width:640px){.plans{padding-top:var(--space-8);padding-bottom:var(--space-8)}.plan-intro{margin-bottom:var(--space-8)}}.plan-intro .eyebrow{margin-bottom:var(--space-4)}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.plan-card{position:relative;display:flex;flex-direction:column;padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.plan-card .title{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:-.01em}.plan-card-featured{border-color:var(--color-primary)}.plan-badge{position:absolute;top:calc(-1 * var(--space-3));left:var(--space-8);font-size:.66rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-on-bright);background-color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.plan-logo{height:1.25rem;width:auto;align-self:flex-start;display:block}.plan-card .plan-toggle{max-width:15rem;margin:var(--space-3) 0 var(--space-1)}.plan-price{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-3xl);color:var(--color-text);margin:var(--space-2) 0 0}.plan-price span{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-muted)}.plan-period{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.plan-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}.plan-features li svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.plan-features-rich{gap:var(--space-4)}.plan-features-rich li{align-items:flex-start}.plan-feature-text{display:flex;flex-direction:column;gap:1px}.plan-feature-text strong{font-size:var(--text-sm);color:var(--color-text)}.plan-feature-desc{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.more-note{margin:var(--space-8) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.plan-quip{margin:var(--space-10) 0 0;text-align:center;font-family:var(--font-family);font-style:italic;font-size:var(--text-base);color:var(--color-text-muted)}.plan-plus{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}@media(max-width:720px){.plan-grid{grid-template-columns:1fr}}.article-wrap{--header-h: calc(var(--space-16) + var(--space-3));--article-topbar-h: calc(var(--space-10) + 1.75rem + var(--space-3));--article-sticky-top: calc(var(--header-h) + var(--article-topbar-h) + var(--space-10));--article-anchor-offset: calc(var(--header-h) + var(--article-topbar-h) + var(--space-3));flex:1;width:100%;max-width:1580px;margin:0 auto;padding:0 var(--space-16) var(--space-16)}.article-top{position:sticky;top:var(--header-h);background-color:var(--color-bg);display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) 0 var(--space-3);min-height:var(--article-topbar-h);margin-bottom:var(--space-10)}.article-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;gap:72px;align-items:start}.article-grid-nonav{grid-template-columns:minmax(0,50rem) 290px;justify-content:center}.article-nav{position:sticky;top:var(--article-sticky-top)}.article-side-label{font-family:var(--font-family);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.article-nav-toggle{display:none;align-items:center;gap:var(--space-2);width:100%;padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.article-nav-toggle svg{transition:transform var(--transition-fast)}.article-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.article-nav a{display:flex;gap:var(--space-2);align-items:baseline;text-decoration:none;color:var(--color-text-muted);padding:var(--space-2) 0 var(--space-2) var(--space-3);border-left:2px solid var(--color-border);font-family:var(--font-family);font-size:var(--text-sm);line-height:1.4;transition:color var(--transition-fast),border-color var(--transition-fast)}.article-nav a .article-nav-num{color:var(--color-text-light);font-size:var(--text-xs);font-weight:var(--font-semibold)}.article-nav a:hover{color:var(--color-text)}.article-nav a.is-active{border-left-color:var(--color-primary);color:var(--color-text);font-weight:var(--font-semibold)}.article-nav a.is-active .article-nav-num{color:var(--color-primary)}.article-meta{font-family:var(--font-family);color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-6)}.article-body{font-family:var(--font-family)}.article-body>p:first-child{font-size:var(--text-lead);line-height:var(--leading-body);color:var(--color-text);margin:0 0 3.5rem}.article-body p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);margin:0 0 var(--space-4)}.article-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color var(--transition-fast)}.article-body a:hover{color:var(--color-primary)}.article-body strong{color:var(--color-text);font-weight:var(--font-semibold)}.article-body h2{margin:3.25rem 0 var(--space-4)}.article-step{margin-bottom:3.25rem;scroll-margin-top:var(--article-anchor-offset)}.article-step h2{margin:0 0 var(--space-4)}.article-step-num{display:block;font-family:var(--font-family);font-size:.78rem;font-weight:var(--font-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.article-step-num:before{content:"Steg "}.article-body ul{margin:0 0 var(--space-4);padding:0;list-style:none}.article-body ul li{font-size:1.156rem;line-height:1.6;color:var(--color-text);padding:var(--space-3) 0 var(--space-3) var(--space-6);position:relative;border-bottom:1px solid var(--color-border)}.article-body ul li:last-child{border-bottom:none}.article-body ul li:before{content:"";position:absolute;left:2px;top:1.4rem;width:6px;height:6px;border-radius:50%;background-color:var(--color-text-muted)}.article-body ul+p{margin-top:var(--space-5)}.article-tips{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-4) var(--space-6)}.article-tips .article-tips-row{display:flex;gap:var(--space-3);padding:var(--space-2) 0;font-size:1.0625rem;line-height:1.65}.article-tips+p{margin-top:var(--space-8)}.article-tips-dot{color:var(--color-text-muted);font-weight:var(--font-bold);font-size:1.125rem}.article-cta{margin-top:3.5rem;background-color:var(--color-primary);border-radius:24px;padding:var(--space-6) var(--space-8);color:var(--color-text-on-bright)}.article-cta h3{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:1.3125rem;color:var(--color-text-on-bright);margin:0 0 var(--space-3)}.article-cta p{color:#f6f4eee0;font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--space-6)}.article-cta .btn{font-family:var(--font-family)}.article-cta small{display:block;color:#f6f4ee8c;font-family:var(--font-family);font-size:var(--text-xs);margin-top:var(--space-4)}.article-aside{position:sticky;top:var(--article-sticky-top)}.article-rel{display:block;text-decoration:none;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.article-rel:first-of-type{padding-top:0}.article-rel-tag{display:block;font-family:var(--font-family);font-size:.66rem;font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.article-rel:hover .title{color:var(--color-primary)}.article-rel-text{display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.article-rel-more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.article-mini{margin-top:var(--space-6);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-5)}.article-mini p{font-family:var(--font-family);font-size:.84rem;color:var(--color-text);line-height:1.55;margin:0 0 var(--space-4)}.index-wrap{--header-h: calc(var(--space-16) + var(--space-3));flex:1;width:100%;max-width:1580px;margin:0 auto;padding:var(--space-10) var(--space-16) var(--space-16)}.index-sub{font-family:var(--font-family);font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-6)}.index-listhead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.index-listhead .filter{flex-shrink:0}.index-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:72px;align-items:start}.index-aside{position:sticky;top:calc(var(--header-h) + var(--space-6))}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.index-grid-2{grid-template-columns:repeat(2,1fr)}.index-card.index-card-featured{grid-column:span 2;align-self:stretch;background-color:var(--color-primary);border-color:transparent;padding:var(--space-8)}.index-card-featured .index-card-tag{color:#f6f4eea6}.index-card-featured .title{color:var(--color-text-on-bright);font-size:var(--text-h2)}.index-card-featured .index-card-text{color:#f6f4eed9;font-size:1.0625rem;max-width:46rem}.index-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.index-card:hover{transform:translateY(-2px);border-color:var(--color-text-light)}.index-card-tag{font-family:var(--font-family);font-size:.66rem;font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.index-card-text{font-family:var(--font-family);font-size:.97rem;line-height:1.6;color:var(--color-text);margin:0 0 var(--space-4)}.index-card-more{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.index-card-more svg{transition:transform var(--transition-fast)}.index-card:hover .index-card-more svg{transform:translate(3px)}@media(max-width:1080px){.index-wrap{padding:var(--space-10) var(--space-8) var(--space-16)}.index-layout{grid-template-columns:minmax(0,1fr) 250px;gap:var(--space-8)}.index-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.index-layout .index-grid{grid-template-columns:1fr}.index-layout .index-card.index-card-featured{grid-column:auto}}@media(max-width:760px){.index-grid.index-grid-2{grid-template-columns:1fr}.index-layout{grid-template-columns:1fr;gap:var(--space-10)}.index-aside{position:static;padding-top:var(--space-8);border-top:1px solid var(--color-border)}}@media(max-width:760px){.index-grid{grid-template-columns:1fr}.index-card.index-card-featured{grid-column:auto;padding:var(--space-5)}.index-wrap{padding:var(--space-6) var(--space-5) var(--space-16)}.index-wrap>.eyebrow{display:none}.index-sub{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:var(--space-5)}.index-card{padding:var(--space-5)}.index-card-text{font-size:.9375rem}.index-card-featured .title{font-size:var(--text-h3)}.index-card-featured .index-card-text{font-size:.9375rem}}@media(max-width:1080px){.article-wrap{padding:0 var(--space-8) var(--space-16)}.article-grid{grid-template-columns:minmax(0,1fr) 250px;gap:var(--space-10)}.article-nav{grid-column:1 / -1;position:static;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.article-nav .article-side-label{display:none}.article-nav-toggle{display:flex;justify-content:center}.article-nav-list{display:none;margin-top:var(--space-3)}.article-nav-list.is-open{display:block}}@media(max-width:760px){.article-wrap{--article-anchor-offset: calc(var(--space-16) + var(--space-8));padding:var(--space-8) var(--space-5) var(--space-16)}.article-top{position:static;display:block;padding:0;min-height:0}.article-top .back-link{width:100%;justify-content:center;min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text)}.article-top{margin-bottom:var(--space-6)}.article-grid{grid-template-columns:1fr;gap:0}.article-aside{grid-column:auto;position:static;margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.article-rel{max-width:520px}.article-body>p:first-child{font-size:1.125rem;margin-bottom:2.5rem}.article-body p,.article-body ul li{font-size:1.0625rem}.article-body h2{font-size:1.3125rem}.article-step{margin-bottom:2.5rem}.article-cta{padding:var(--space-6)}}.shop{--ton-persika: #f7e9e0;--ton-salvia: #e9efe6;--ton-ljusbla: #e7edf1;--ton-gratis: #f7e7dd;--glow: #f9ddcf}.info-page.shop{max-width:1440px;padding-left:54px;padding-right:54px}.shop-herostage{position:relative;overflow:hidden;margin-top:calc(-1 * var(--space-12));margin-inline:calc(50% - 50vw);background:radial-gradient(1100px 620px at 82% 26%,#f9ceb8a6,#0000 58%),radial-gradient(700px 520px at 60% 100%,#f6decd80,#0000 60%),linear-gradient(180deg,#faf1e8,#f6f3ec);border-bottom:1px solid #ece5d8}.shop-hero-chart{position:absolute;left:0;right:0;bottom:0;width:100%;height:78%;z-index:0;pointer-events:none}.shop-hero{position:relative;z-index:1;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:60px 54px 66px}.shop-hero-col{min-width:0}.shop-hero-fan{position:relative;height:470px}.shop-hero-fan:before{content:"";position:absolute;inset:0;margin:auto;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 42% 40%,#f9ddcfb3,#f4e6dc00 70%)}.shop-hero-sheet{position:absolute;left:50%;border-radius:4px;filter:drop-shadow(0 22px 34px rgba(27,36,56,.32))}.shop-hero-sheet-m{height:330px;top:11%;transform:translate(-50%) translate(-10px) rotate(-6deg);z-index:2}.shop-hero-sheet-s{height:270px;top:27%;transform:translate(-50%) translate(-142px) rotate(-13deg);z-index:1}.shop-hero-sheet-a{height:185px;top:42%;transform:translate(-50%) translate(94px) rotate(7deg);z-index:3}.shop-kicker{font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-kicker);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.shop-lead{margin-top:var(--space-4);font-size:var(--text-lead);line-height:var(--leading-body);color:var(--color-text-muted);max-width:500px}.shop-free{display:flex;align-items:center;justify-content:center;gap:64px;background-color:var(--ton-gratis);border-radius:1.5rem;margin-top:var(--space-8);padding:var(--space-12)}.shop-free-body{max-width:30rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.shop-free-body .subtitle{font-size:var(--text-base);line-height:1.6;max-width:42ch}.shop-scene{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-free-scene{flex-shrink:0;overflow:visible;background:radial-gradient(circle at 50% 46%,var(--glow),rgba(0,0,0,0) 68%)}.flatlay{display:block;width:auto;max-width:11rem;height:auto;max-height:14.5rem;object-fit:contain;-webkit-user-drag:none;border-radius:2px;transform:rotate(-4deg);filter:drop-shadow(0 9px 18px rgba(27,36,56,.15))}.flatlay-wide{max-width:15.5rem;max-height:none;transform:rotate(-3deg)}.flatlay-excel{padding:var(--space-2);background-color:var(--color-surface);box-sizing:border-box;border-radius:4px}.shop-free-scene .flatlay{max-width:15rem;max-height:17rem}.shop-grid-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);margin-bottom:var(--space-6)}.shop-grid-head .filter{align-self:center}.shop-grid-head .meta{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-muted)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-5)}.shop-grid-capped{grid-template-columns:repeat(auto-fill,minmax(15rem,22rem));justify-content:start}.tmpl-card{display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;background-color:var(--ton-salvia);box-shadow:0 1px 3px #1b24380a,0 10px 26px #1b24380f}.tmpl-spara .tmpl-scene{background-color:var(--ton-salvia)}.tmpl-skuld .tmpl-scene{background-color:var(--ton-persika)}.tmpl-budget .tmpl-scene{background-color:var(--ton-ljusbla)}.tmpl-spara{background-color:var(--ton-salvia)}.tmpl-skuld{background-color:var(--ton-persika)}.tmpl-budget{background-color:var(--ton-ljusbla)}.tmpl-scene{position:relative;height:16rem;display:flex;align-items:center;justify-content:center;width:100%;user-select:none;-webkit-user-select:none}.tmpl-owned{position:absolute;top:var(--space-4);left:var(--space-4);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:.66rem;letter-spacing:.04em;color:var(--color-text);background-color:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);z-index:2}.tmpl-carousel{position:relative}.tmpl-dots{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;z-index:2}.tmpl-dot{width:6px;height:6px;padding:0;border:none;border-radius:var(--radius-full);background-color:#1b243838;cursor:pointer}.tmpl-dot.is-active{width:16px;background-color:var(--color-primary)}.tmpl-zoom,.tmpl-arrow{position:absolute;z-index:2;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.tmpl-zoom{top:var(--space-3);right:var(--space-3);width:1.75rem;height:1.75rem;color:var(--color-text-muted);background-color:#ffffffb3}.tmpl-zoom:hover{color:var(--color-text)}.tmpl-arrow{top:50%;transform:translateY(-50%);width:2rem;height:2rem}.tmpl-arrow-prev{left:var(--space-2)}.tmpl-arrow-next{right:var(--space-2)}.tmpl-scene:hover .tmpl-zoom,.tmpl-scene:hover .tmpl-arrow:not(:disabled){opacity:1}@media(hover:none){.tmpl-zoom,.tmpl-arrow:not(:disabled){opacity:1}}.tmpl-info{background-color:var(--color-surface);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.tmpl-info h3{font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text)}.tmpl-info .subtitle{font-size:var(--text-sm)}.tmpl-meta{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-top:var(--space-1)}.tmpl-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.tmpl-pris{font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--color-text);white-space:nowrap}.bundle{display:flex;background-color:var(--color-primary);border-radius:24px;overflow:hidden;margin-top:40px;color:var(--color-text-on-bright)}.bundle-scene{width:420px;flex-shrink:0;background:linear-gradient(135deg,#2a3a58,#1a2740);display:flex;align-items:center;justify-content:center;position:relative;padding:30px}.bundle-sheet{position:absolute;height:150px;border-radius:3px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.4))}.bundle-sheet:nth-child(1){transform:translate(-90px) rotate(-9deg);z-index:1}.bundle-sheet:nth-child(2){transform:translate(-30px) rotate(-3deg);z-index:2}.bundle-sheet:nth-child(3){transform:translate(30px) rotate(3deg);z-index:3}.bundle-sheet:nth-child(4){transform:translate(96px) rotate(8deg);height:110px;z-index:4}.bundle-body{flex:1;padding:44px 48px;display:flex;align-items:center;gap:46px;color:var(--color-text-on-bright)}.bundle-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.bundle-incl{width:236px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(246,244,238,.14);padding-left:34px}.bundle-incl-h{font-family:var(--font-display);font-weight:var(--font-bold);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f6f4ee8c;margin-bottom:16px}.bundle-incl-row{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--color-text-on-bright);padding:7px 0}.bundle-check{width:19px;height:19px;flex-shrink:0;border-radius:50%;background-color:var(--color-accent);color:var(--color-text-on-bright);display:flex;align-items:center;justify-content:center}.bundle-incl-row.own{color:#f6f4ee80}.bundle-incl-row.own .bundle-check{background-color:#f6f4ee33;color:#f6f4eeb3}.bundle-tag{margin-left:auto;font-family:var(--font-display);font-weight:var(--font-bold);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#f6f4ee66}.bundle-incl-foot{margin-top:16px;font-size:12px;line-height:1.5;color:#f6f4ee80}.bundle-body .btn-outline{border-color:#33456a;color:var(--color-text-on-bright);background-color:#33456a}.bundle-body .btn-outline:hover:not(:disabled){background-color:#3d5178;border-color:#3d5178;color:var(--color-text-on-bright)}.bundle-body h2{color:var(--color-text-on-bright)}.bundle-body p{font-size:14px;line-height:1.55;color:#f6f4eeb8;max-width:420px}.bundle-body p strong{color:var(--color-text-on-bright);font-weight:var(--font-semibold)}.bundle-save{align-self:flex-start;font-family:var(--font-display);font-weight:var(--font-semibold);font-size:13px;color:var(--color-accent);background-color:#ef6a4d24;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.bundle-buy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:var(--space-2);align-self:stretch}.bundle-price{display:inline-flex;align-items:baseline;gap:var(--space-2);white-space:nowrap}.bundle-price .nu{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--color-text-on-bright)}.bundle-price .fore{font-size:13px;color:#f6f4ee99;text-decoration:line-through}@media(max-width:860px){.info-page.shop{padding-left:var(--space-5);padding-right:var(--space-5)}.shop-hero{grid-template-columns:1fr;padding:40px 20px 44px}.shop-hero-fan,.shop .filter{display:none}.shop-free{flex-direction:column;align-items:stretch;gap:var(--space-6);padding:var(--space-6);margin-top:var(--space-3)}.shop-free-body{max-width:none;align-items:center;text-align:center}.shop-free-scene{order:-1}.shop-free-scene .flatlay{max-height:210px}.shop-free .button-row{flex-direction:column;align-items:stretch;width:100%}.shop-free .button-row .btn{width:100%}.bundle{flex-direction:column}.bundle-scene{width:auto;height:200px;padding:20px}.bundle-sheet{height:116px}.bundle-sheet:nth-child(1){transform:translate(-60px) rotate(-8deg)}.bundle-sheet:nth-child(2){transform:translate(-20px) rotate(-3deg)}.bundle-sheet:nth-child(3){transform:translate(20px) rotate(3deg)}.bundle-sheet:nth-child(4){transform:translate(64px) rotate(7deg);height:90px}.bundle-body{flex-direction:column;align-items:stretch;gap:var(--space-6);padding:var(--space-8) var(--space-6)}.bundle-incl{width:auto;border-left:none;padding-left:0;border-top:1px solid rgba(246,244,238,.14);padding-top:var(--space-5)}}@media(max-width:640px){.bundle-buy{flex-direction:column;align-items:stretch}.bundle-buy .btn{width:100%;justify-content:center}}.budget-printout{display:none}@media print{#root{display:none!important}.budget-printout{display:block}}.printout{font-family:var(--font-family);color:var(--color-text)}.printout-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) 2rem;background-color:var(--color-primary);color:var(--color-text-on-bright);-webkit-print-color-adjust:exact;print-color-adjust:exact}.printout-logo{height:2.25rem;width:auto}.printout-banner-meta{display:flex;flex-direction:column;text-align:right}.printout-banner-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.printout-banner-date{font-size:var(--text-sm);opacity:.75}.printout-accent{height:4px;background-color:var(--color-accent);-webkit-print-color-adjust:exact;print-color-adjust:exact}.printout-body{padding:var(--space-8) 2rem 2rem}.printout-sub{margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.printout-section{margin-bottom:var(--space-6)}.printout-section-label{margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.printout-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.printout-row:has(+.printout-row-total){border-bottom:none}.printout-row-total{margin-top:var(--space-3);padding-top:var(--space-3);border-bottom:none;border-top:2px solid var(--color-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.printout-foot{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-light)}