@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";
:root{--accent:#3a5bff;--accent-2:#5b73ff;--accent-soft:#3a5bff1a;--accent-softer:#3a5bff0d;--success:#0f8b5c;--success-soft:#0f8b5c1a;--danger:#d93636;--danger-soft:#d936361a;--warn:#c77a0a;--warn-soft:#c77a0a1a;--bg:#f4f4f5;--surface:#fff;--surface-2:#fafafa;--surface-elev:#fff;--text:#0a0a0b;--text-2:#6b7280;--text-3:#9ca3af;--border:#ececee;--border-strong:#d8d8dc;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 1px 2px #0a0a0b0a;--shadow-md:0 6px 24px -8px #0a0a0b14, 0 2px 6px #0a0a0b0a;--shadow-lg:0 24px 60px -20px #0a0a0b2e;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=dark]{--bg:#060608;--surface:#111114;--surface-2:#16161a;--surface-elev:#1b1b20;--text:#fafafa;--text-2:#a1a1a8;--text-3:#6b6b72;--border:#1f1f24;--border-strong:#2a2a30;--accent-soft:#5b73ff29;--accent-softer:#5b73ff14;--success-soft:#0f8b5c2e;--danger-soft:#d936362e;--warn-soft:#c77a0a2e;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 24px -8px #0009, 0 2px 6px #0000004d;--shadow-lg:0 24px 60px -20px #000000b3}*{box-sizing:border-box}html,body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";margin:0;padding:0}body{min-height:100vh;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{color:inherit;font-family:inherit}.page{background:radial-gradient(1200px 600px at 50% -10%, var(--accent-softer), transparent 60%), var(--bg);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:0;display:flex}.screen{background:var(--surface);width:100%;max-width:500px;height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.statusbar{font-variant-numeric:tabular-nums;letter-spacing:-.01em;height:44px;color:var(--text);flex:0 0 44px;justify-content:space-between;align-items:center;padding:0 24px;font-size:15px;font-weight:600;display:flex}.statusbar-right{align-items:center;gap:6px;display:flex}.signal-dot{background:currentColor;border-radius:99px;width:4px;height:4px}.signal-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.signal-bars span{background:currentColor;border-radius:1px;width:3px}.signal-bars span:first-child{height:4px}.signal-bars span:nth-child(2){height:6px}.signal-bars span:nth-child(3){height:8px}.signal-bars span:nth-child(4){height:11px}.battery{border:1px solid;border-radius:3px;width:24px;height:11px;padding:1px;position:relative}.battery:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-3px}.battery>span{background:currentColor;border-radius:1px;width:70%;height:100%;display:block}.topbar{flex:0 0 56px;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.topbar-btn{border-radius:var(--r-pill);background:var(--surface-2);width:40px;height:40px;color:var(--text);justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.topbar-btn:hover{background:var(--border)}.scrollbody{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;padding:0 20px 100px;overflow:hidden auto}.scrollbody::-webkit-scrollbar{display:none}.bottomnav{background:var(--surface);z-index:10;grid-template-columns:repeat(5,1fr);align-items:center;gap:4px;height:64px;padding:0 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.navitem{border-radius:var(--r-md);color:var(--text-3);letter-spacing:.02em;flex-direction:column;align-items:center;gap:4px;padding:12px 0;font-size:10px;font-weight:600;transition:color .15s;display:flex}.navitem.active{color:var(--accent)}.navitem:not(.active):hover{color:var(--text-2)}.fab{border-radius:var(--r-pill);background:var(--accent);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin:-48px auto 0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 10px 24px -6px #3a5bff80,0 4px 12px #3a5bff4d}.fab:hover{transform:translateY(-2px);box-shadow:0 14px 28px -6px #3a5bff8c,0 6px 16px #3a5bff59}.fab:active{transform:scale(.96)}.fab-label{letter-spacing:.02em;color:var(--text-3);white-space:nowrap;font-size:10px;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.num{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.card-flat{background:var(--surface-2);border-radius:var(--r-lg);padding:16px}.btn{border-radius:var(--r-md);letter-spacing:-.01em;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:var(--border)}.btn-outline{color:var(--text);border:1px solid var(--border-strong);background:0 0}.btn-block{width:100%}.btn-sm{border-radius:var(--r-sm);height:36px;padding:0 14px;font-size:13px}.input{border-radius:var(--r-md);background:var(--surface-2);border:1px solid #0000;outline:none;width:100%;height:52px;padding:0 16px;font-size:15px;transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent);background:var(--surface)}.searchbar{background:var(--surface-2);border-radius:var(--r-md);align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.searchbar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.searchbar input::placeholder{color:var(--text-3)}.chip{border-radius:var(--r-pill);background:var(--surface-2);height:28px;color:var(--text-2);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.active{background:var(--text);color:var(--surface)}.badge{border-radius:var(--r-pill);background:var(--accent-soft);height:22px;color:var(--accent);letter-spacing:.01em;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.txn{grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.txn-icon{border-radius:var(--r-md);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);justify-content:center;align-items:center;display:flex}.txn-name{font-size:14.5px;font-weight:600;line-height:1.3}.txn-meta{color:var(--text-3);margin-top:2px;font-size:12px}.txn-amount{font-family:var(--font-mono);letter-spacing:-.01em;font-size:14.5px;font-weight:600}.txn-amount.income{color:var(--success)}.hr{background:var(--border);border:none;height:1px;margin:0}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-up{animation:.35s cubic-bezier(.22,.61,.36,1) both fadeup}.skeleton{background:var(--surface-2);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#0000000d,#0000);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000)}@keyframes shimmer{to{transform:translate(100%)}}.viewfinder{background:#000;position:absolute;inset:0;overflow:hidden}.viewfinder-frame{aspect-ratio:3/4;pointer-events:none;border-radius:16px;position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%)}.viewfinder-frame:before,.viewfinder-frame:after,.viewfinder-frame>span:before,.viewfinder-frame>span:after{content:"";border:0 solid #fff;width:28px;height:28px;position:absolute}.viewfinder-frame:before{border-top-width:3px;border-left-width:3px;border-top-left-radius:12px;top:-2px;left:-2px}.viewfinder-frame:after{border-top-width:3px;border-right-width:3px;border-top-right-radius:12px;top:-2px;right:-2px}.viewfinder-frame>span{position:absolute;inset:0}.viewfinder-frame>span:before{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:12px;bottom:-2px;left:-2px}.viewfinder-frame>span:after{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:12px;bottom:-2px;right:-2px}.fake-receipt{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fake-receipt-paper{width:60%;font-family:var(--font-mono);color:#2a251f;background:#f9f5ec;border-radius:4px;padding:20px 14px;font-size:9px;line-height:1.5;transform:rotate(-3deg)skewY(-1deg);box-shadow:0 30px 60px #00000080}.fake-receipt-paper .r-row{justify-content:space-between;gap:6px;display:flex}.fake-receipt-paper .r-h{text-align:center;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:700}.fake-receipt-paper .r-divider{background:repeating-linear-gradient(90deg,#2a251f 0 2px,#0000 2px 4px);height:1px;margin:6px 0}.scanline{border-bottom:2px solid var(--accent);pointer-events:none;background:linear-gradient(#0000,#3a5bff99,#0000);height:60%;animation:2s ease-in-out infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%,to{opacity:0;top:-20%}10%{opacity:1}90%{opacity:1}50%{opacity:1;top:60%}}.ai-dots{gap:4px;display:inline-flex}.ai-dots span{background:currentColor;border-radius:99px;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-soft}.ai-dots span:nth-child(2){animation-delay:.2s}.ai-dots span:nth-child(3){animation-delay:.4s}.voice-bars{align-items:center;gap:3px;height:16px;display:inline-flex}.voice-bars span{background:var(--accent);transform-origin:50%;border-radius:99px;width:3px;height:100%;animation:1s ease-in-out infinite voice-wave}.voice-bars span:nth-child(2){animation-delay:.15s}.voice-bars span:nth-child(3){animation-delay:.3s}.voice-bars span:nth-child(4){animation-delay:.45s}.voice-bars span:nth-child(5){animation-delay:.6s}@keyframes voice-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mic-listening{animation:1.2s ease-in-out infinite pulse-soft}.mic-listening:after{content:"";border:2px solid var(--accent);pointer-events:none;border-radius:99px;animation:1.2s ease-out infinite mic-ring;position:absolute;inset:-5px}@keyframes mic-ring{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.progress{background:var(--surface-2);border-radius:99px;width:100%;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1)}.sheet-overlay{z-index:20;background:#0006;align-items:flex-end;animation:.25s fadeup;display:flex;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:80%;padding:12px 20px 28px;animation:.35s cubic-bezier(.22,.61,.36,1) sheetIn;overflow-y:auto}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{background:var(--border-strong);border-radius:99px;width:36px;height:4px;margin:0 auto 12px}.toast{z-index:30;background:var(--text);color:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;animation:.3s fadeup;display:flex;position:absolute;bottom:110px;left:20px;right:20px}.bars{align-items:flex-end;gap:10px;height:140px;padding:0 4px;display:flex}.bars .bar{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.bars .bar-tip{background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;z-index:5;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%);box-shadow:0 6px 16px -6px #00000059}.bars .bar-tip:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.bars .bar-fill{background:var(--surface-2);border-radius:8px 8px 4px 4px;width:100%;position:relative;overflow:hidden}.bars .bar-fill>div{background:linear-gradient(to top, var(--accent), var(--accent-2));border-radius:8px 8px 4px 4px;position:absolute;bottom:0;left:0;right:0}.bars .bar-fill.muted>div{background:var(--border-strong)}.bars .bar-label{color:var(--text-3);font-size:10px;font-weight:600}.dots{gap:6px;display:flex}.dots>span{background:var(--border-strong);border-radius:99px;width:6px;height:6px;transition:width .25s,background .25s}.dots>span.active{background:var(--accent);width:22px}.item-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 24px;align-items:center;gap:10px;padding:12px 0;display:grid}.item-row:last-child{border-bottom:none}.item-row .item-name{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.item-row .item-price{font-family:var(--font-mono);text-align:right;color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:600}.chat-msg{border-radius:18px;max-width:78%;margin-bottom:8px;padding:12px 14px;font-size:14px;line-height:1.4}.chat-msg.ai{background:var(--surface-2);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.chat-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-list{flex-direction:column;padding:8px 0;display:flex}.suggest{scrollbar-width:none;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.suggest::-webkit-scrollbar{display:none}.suggest>button{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s}.suggest>button:hover{background:var(--surface-2)}.insight{background:linear-gradient(135deg, var(--accent) 0%, #2645e0 100%);color:#fff;border-radius:var(--r-lg);padding:18px;position:relative;overflow:hidden}.insight:before{content:"";background:#ffffff14;border-radius:99px;width:200px;height:200px;position:absolute;top:-80px;right:-80px}.insight:after{content:"";background:#ffffff0d;border-radius:99px;width:140px;height:140px;position:absolute;bottom:-60px;right:40px}.balance{background:var(--text);color:var(--surface);border-radius:var(--r-xl);margin-top:12px;padding:22px;position:relative;overflow:hidden}[data-theme=dark] .balance{border:1px solid var(--border);color:#fafafa;background:linear-gradient(135deg,#1b1b20 0%,#111114 100%)}.goal-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px}.goal-bar{background:var(--surface-2);border-radius:99px;height:8px;position:relative;overflow:hidden}.goal-bar>div{border-radius:99px;height:100%;transition:width .5s}.donut-legend{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:16px;display:grid}.donut-legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.donut-legend-item .swatch{border-radius:3px;width:10px;height:10px}.setlist{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.setlist>.row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;display:flex}.setlist>.row:last-child{border-bottom:none}.setlist>.row .row-icon{border-radius:var(--r-sm);background:var(--surface-2);width:36px;height:36px;color:var(--text-2);justify-content:center;align-items:center;display:flex}.setlist>.row .row-title{flex:1;font-size:14px;font-weight:500}.setlist>.row .row-sub{color:var(--text-3);margin-top:2px;font-size:11px}.switch{background:var(--border-strong);cursor:pointer;border-radius:99px;width:42px;height:25px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:99px;width:21px;height:21px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(17px)}.shutter{background:0 0;border:4px solid #fff;border-radius:99px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .12s;display:flex}.shutter:after{content:"";background:#fff;border-radius:99px;width:56px;height:56px;transition:transform .12s}.shutter:active:after{transform:scale(.85)}.scanning-overlay{z-index:5;color:#fff;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px;display:flex;position:absolute;inset:0}.scanning-ring{border:3px solid #ffffff26;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:99px;width:88px;height:88px;animation:1s linear infinite spin}.ob-illust{aspect-ratio:1;border-radius:var(--r-xl);background:var(--surface-2);width:100%;position:relative;overflow:hidden}.success-check{background:var(--success-soft);width:96px;height:96px;color:var(--success);border-radius:99px;justify-content:center;align-items:center;margin:0 auto;animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex}