:root{--canvas: oklch(.98 .008 90);--canvas-warm: oklch(.96 .012 75);--surface: #ffffff;--ink: oklch(.22 .02 240);--ink-soft: oklch(.45 .015 240);--ink-mute: oklch(.62 .012 240);--hairline: oklch(.9 .01 240);--hairline-soft: oklch(.94 .008 240);--brand: oklch(.58 .11 195);--brand-deep: oklch(.42 .09 200);--brand-soft: oklch(.94 .03 195);--pos: oklch(.62 .13 155);--neg: oklch(.6 .17 27);--warn: oklch(.75 .13 75);--radius-sm: 10px;--radius: 18px;--radius-lg: 28px;--radius-xl: 40px;--shadow-sm: 0 1px 2px oklch(.2 .02 240 / .05), 0 2px 6px oklch(.2 .02 240 / .04);--shadow: 0 2px 4px oklch(.2 .02 240 / .05), 0 8px 24px oklch(.2 .02 240 / .06);--shadow-lg: 0 6px 14px oklch(.2 .02 240 / .08), 0 24px 60px oklch(.2 .02 240 / .1);--play: 1;--age: 1}*{box-sizing:border-box}html{overflow-x:clip}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--canvas);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}h1{font-size:44px;line-height:1.05;letter-spacing:-.02em}h2{font-size:28px;line-height:1.15}h3{font-size:20px;line-height:1.2}p{margin:0;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;font-size:16px;color:inherit}input:focus,button:focus,select:focus{outline:2px solid var(--brand);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--hairline-soft);background:var(--canvas);position:sticky;top:0;z-index:10}.topbar-brand{display:flex;align-items:center;gap:12px;font-family:Fraunces,serif;font-weight:500;font-size:22px;letter-spacing:-.01em}.brandmark{width:36px;height:36px;position:relative;flex-shrink:0}.brandmark svg{display:block}.topbar-user{display:flex;align-items:center;gap:14px}.topbar-greet{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar-greet .small{font-size:12px;color:var(--ink-mute)}.topbar-greet .name{font-weight:500;font-size:15px}.nav{display:flex;gap:4px;padding:0 36px;border-bottom:1px solid var(--hairline-soft);background:var(--canvas);position:sticky;top:77px;z-index:9}.nav button,.nav a{padding:14px 18px;font-size:14px;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:8px;font-weight:500;transition:color .15s;text-decoration:none;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.nav button:hover,.nav a:hover{color:var(--ink)}.nav button.active,.nav a.active{color:var(--ink);border-bottom-color:var(--ink)}.main{flex:1;padding:36px;max-width:1280px;width:100%;margin:0 auto}.card{background:var(--surface);border-radius:calc(var(--radius) + 6px * var(--play));border:1px solid var(--hairline-soft);padding:24px}.card.flat{box-shadow:none}.card.raised{box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:calc(12px + 12px * var(--play));font-size:15px;font-weight:500;transition:transform .1s,background .15s,box-shadow .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--canvas)}.btn-primary:hover{background:#253541}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-deep)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hairline)}.btn-ghost:hover{background:var(--canvas-warm)}.btn-soft{background:var(--canvas-warm);color:var(--ink)}.btn-soft:hover{background:#ede8d9}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:16px 28px;font-size:16px}.money{font-family:Fraunces,serif;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-.02em}.money-xl{font-size:72px;line-height:1}.money-lg{font-size:44px;line-height:1.05}.money-md{font-size:28px}.money-sm{font-size:18px}.money-pos{color:var(--pos)}.money-neg{color:var(--neg)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--canvas-warm);font-size:12px;font-weight:500;color:var(--ink-soft)}.chip.brand{background:var(--brand-soft);color:var(--brand-deep)}.chip.pos{background:#d7f4e0;color:var(--pos)}.chip.neg{background:#ffe3df;background:oklch(.94 .04 27);color:var(--neg)}.progress{height:calc(10px + 4px * var(--play));background:var(--canvas-warm);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.input{width:100%;padding:14px 16px;border:1px solid var(--hairline);border-radius:calc(10px + 4px * var(--play));background:#fff;font-size:16px;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input-group{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:500;color:var(--ink-soft)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.decoration{opacity:calc(var(--play));pointer-events:none;transition:opacity .3s}.divider{height:1px;background:var(--hairline-soft);margin:16px 0}.divider-v{width:1px;background:var(--hairline-soft);align-self:stretch}.muted{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.center{text-align:center}.coin-stack{position:relative;width:28px;height:28px}.goal-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.login-card{cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid var(--hairline-soft)}.login-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.txn-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hairline-soft)}.txn-row:last-child{border-bottom:none}.txn-icon-wrap{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--canvas-warm)}.ring-decor{position:absolute;border-radius:50%;border:2px solid currentColor;opacity:.15;pointer-events:none}@keyframes coinpop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.08)}to{transform:translateY(0) scale(1)}}.pulse{animation:coinpop .5s cubic-bezier(.2,.8,.2,1)}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadein{animation:fadein .35s cubic-bezier(.2,.8,.2,1)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#121c2359;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadein .2s;padding:24px}.modal{background:#fff;border-radius:calc(20px + 8px * var(--play));box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:28px;max-height:calc(100vh - 48px);overflow-y:auto}.seg{display:inline-flex;background:var(--canvas-warm);border-radius:999px;padding:4px;gap:2px}.seg button{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-soft)}.seg button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.callout{background:var(--brand-soft);border-radius:calc(14px + 6px * var(--play));padding:16px 18px;display:flex;gap:12px;align-items:flex-start;border:1px solid oklch(.88 .04 195)}.callout-icon{width:32px;height:32px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 900px){h1{font-size:34px}.topbar{padding:16px 24px}.nav{padding:0 24px;top:69px}.main{padding:24px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){h1{font-size:26px}h2{font-size:22px}.money-xl{font-size:52px}.money-lg{font-size:34px}.topbar{padding:10px 16px}.topbar-brand{font-size:18px}.topbar-greet{display:none}.nav{top:61px;padding:0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button,.nav a{padding:10px 12px;font-size:13px;flex-shrink:0;white-space:nowrap}.main{padding:14px}.card{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.modal-scrim{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:calc(20px + 8px * var(--play)) calc(20px + 8px * var(--play)) 0 0;max-height:85dvh}.row-between{flex-wrap:wrap}.txn-row{gap:10px}}