:root{
  --ink:#232530;--muted:#858997;--soft:#a5a8b2;--line:#eceef2;--paper:#f8f8fb;--white:#fff;
  --violet:#8378e8;--violet-deep:#665dcc;--lavender:#efedff;--mint:#68bca8;--mint-bg:#eaf7f3;
  --rose:#d9909e;--rose-bg:#fff1f4;--gold:#dfa96f;--gold-bg:#fff5e9;--navy:#28273d;
  --font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Manrope","DM Sans",sans-serif;
  --shadow:0 16px 46px rgba(45,47,74,.052);--radius:20px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.page-width{width:min(1152px,calc(100% - 76px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(85px);opacity:.48}.ambient-one{width:510px;height:510px;top:70px;right:0;background:radial-gradient(circle,rgba(218,213,255,.56),transparent 70%)}.ambient-two{width:380px;height:380px;top:1230px;left:-235px;background:radial-gradient(circle,rgba(211,244,234,.58),transparent 70%)}
.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(38px,calc((100vw - 1152px)/2));background:rgba(248,248,251,.86);border-bottom:1px solid rgba(230,232,239,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{width:25px;height:25px;display:grid;place-items:center}.brand-mark svg{width:25px;height:25px;fill:var(--violet)}.brand-mark circle{fill:#f2bb77}.brand-name,.footer-brand{font:800 20px var(--display);letter-spacing:-1.1px}.brand-name span,.footer-brand span{color:var(--violet)}.brand-tag{font-size:7px;letter-spacing:1.2px;color:#a0a3ae;margin-left:4px}.main-nav{height:100%;display:flex;align-items:center;gap:31px}.nav-link{height:100%;display:grid;place-items:center;position:relative;color:#858896;font-size:11px;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;width:17px;height:2px;border-radius:2px;background:var(--violet)}.header-actions{display:flex;align-items:center;gap:11px}.month-select-wrap{height:33px;position:relative;display:flex;align-items:center;border:1px solid #eaebf0;background:rgba(255,255,255,.6);border-radius:9px;padding:0 10px;color:#747785}.month-select-wrap select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font-size:9px;padding-right:13px;cursor:pointer}.month-select-wrap>span{position:absolute;right:9px;pointer-events:none;font-size:12px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e8e5ff;color:#6f65d6;font-size:10px;font-weight:700}.button{height:41px;border:0;border-radius:11px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--navy);color:white;box-shadow:0 7px 17px rgba(40,39,61,.13)}.button-dark:hover{background:#36344e;box-shadow:0 11px 21px rgba(40,39,61,.2)}.button-plus{font-size:15px;font-weight:400}.button-quiet{height:36px;padding:0 4px;background:transparent;color:#737684}.button-quiet:hover{color:var(--violet-deep)}.button-quiet span{font-size:15px}.button-outline{border:1px solid #e5e6ec;color:#555866;background:#fff;box-shadow:0 5px 17px rgba(38,40,61,.035)}.button-outline:hover{border-color:#cbc6f4;background:#fcfbff}
.hero{min-height:500px;padding-top:56px;padding-bottom:27px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:18px}.hero-copy{padding:3px 0 14px}.eyebrow,.section-kicker,.panel-kicker,.snapshot-label,.hero-signature,.peek-month,.panel-footnote,.legend-row,.chart-unit,.chart-footer,.category-hint,.goal-label,.goal-projection-label,.goal-horizon,.empty-eyebrow,.risk-amount>span,.tiny-label,.budget-badge{font-size:8px;font-weight:700;letter-spacing:1.25px}.eyebrow{color:#797d89;display:flex;align-items:center;gap:9px}.eyebrow-dot,.note-live{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(104,188,168,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(43px,5.4vw,63px)/1.07 var(--display);letter-spacing:-3.1px;margin:19px 0 14px}.hero h1 span{color:var(--violet);position:relative;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;z-index:-1;left:2px;bottom:2px;width:95%;height:7px;border-radius:50%;background:#e6e2ff;transform:rotate(-1deg)}.hero-subtitle{max-width:410px;color:#838694;font-size:12px;line-height:1.8;margin-bottom:18px}.hero-actions{display:flex;align-items:center;gap:19px}.hero-budget-peek{display:flex;align-items:center;gap:10px;margin-top:26px;padding:11px 13px;width:max-content;max-width:100%;border:1px solid rgba(232,233,240,.9);background:rgba(255,255,255,.65);border-radius:12px}.peek-icon{width:27px;height:27px;border-radius:9px;background:#f0eeff;color:#8074e5;display:grid;place-items:center;font-size:14px}.hero-budget-peek small,.hero-budget-peek strong{display:block}.hero-budget-peek small{font-size:7px;color:#999ca8;letter-spacing:1px}.hero-budget-peek strong{font:700 13px var(--display);letter-spacing:-.2px;margin-top:1px}.peek-month{margin-left:9px;padding-left:12px;border-left:1px solid #e8e8ef;color:#aaaeba;font-size:7px}.hero-signature{display:flex;align-items:center;gap:9px;margin-top:26px;color:#a2a5b0;font-size:7px;letter-spacing:1.6px}.hero-signature span{height:1px;width:23px;background:#bcb6ef}
.hero-scene{height:397px;position:relative;isolation:isolate;display:grid;place-items:center;perspective:950px;--px:0px;--py:0px;--rx:0deg;--ry:0deg}.scene-glow{position:absolute;width:285px;height:285px;left:50%;top:50%;transform:translate(-50%,-48%);border-radius:50%;background:radial-gradient(circle,rgba(231,224,255,.8),rgba(247,221,225,.45) 48%,transparent 73%);filter:blur(11px);animation:glowBreath 6s ease-in-out infinite}.scene-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(135,125,219,.19);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit-a{width:410px;height:151px;transform:translate(-50%,-50%) rotate(-21deg) rotateX(58deg)}.orbit-b{width:350px;height:263px;transform:translate(-50%,-50%) rotate(36deg) rotateX(59deg);border-color:rgba(220,172,162,.15)}.companion-art{position:relative;z-index:2;width:min(112%,560px);height:395px;object-fit:contain;transform:translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry));filter:drop-shadow(0 22px 20px rgba(94,80,129,.12));animation:companionFloat 7s ease-in-out infinite;transition:transform .25s cubic-bezier(.2,.8,.2,1);user-select:none;pointer-events:none}.hero-scene:hover .companion-art{animation-play-state:paused}.coin{position:absolute;z-index:3;display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:800;color:#b17633;background:radial-gradient(circle at 33% 28%,#fff5c2,#e8b75d 49%,#c58432 75%,#f5cf81);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 3px rgba(255,245,201,.45),0 8px 19px rgba(188,139,69,.18);transform-style:preserve-3d;animation:coinDrift 6s ease-in-out infinite,coinTurn 8s ease-in-out infinite}.coin:before{content:"";position:absolute;inset:6px;border:1px solid rgba(171,121,44,.45);border-radius:50%}.coin-a{width:35px;height:35px;right:13%;top:19%;font-size:15px;animation-delay:-2s}.coin-b{width:26px;height:26px;left:16%;bottom:21%;font-size:11px;animation-delay:-3.5s}.coin-c{width:22px;height:22px;right:17%;bottom:25%;font-size:11px;color:#a684bf;background:radial-gradient(circle at 35% 30%,#fff,#d9c8f4 58%,#bca8dd);border-color:white;box-shadow:0 6px 14px rgba(146,117,192,.16);animation-delay:-1s}.scene-caption{position:absolute;z-index:4;left:4%;bottom:30px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.88);border-radius:11px;background:rgba(255,255,255,.76);box-shadow:0 9px 24px rgba(52,53,81,.09);backdrop-filter:blur(13px);animation:captionFloat 5s ease-in-out infinite}.caption-sparkle{width:25px;height:25px;display:grid;place-items:center;background:#efedff;color:#7e73dc;border-radius:8px;font-size:13px}.scene-caption b,.scene-caption small{display:block}.scene-caption b{font-size:8px;font-weight:600}.scene-caption small{font-size:7px;color:#999ca7;margin-top:2px}.scene-footnote{position:absolute;right:3%;bottom:17px;color:#a7a4b1;font-size:7px;letter-spacing:1.3px}
.snapshot{min-height:89px;display:flex;align-items:center;gap:19px;padding:15px 22px;background:rgba(255,255,255,.88);border:1px solid rgba(233,235,240,.91);border-radius:16px;box-shadow:0 12px 33px rgba(47,50,78,.035);position:relative}.snapshot-item{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.snapshot-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:14px;flex:none}.snapshot-icon.violet{background:var(--lavender);color:#7e73df}.snapshot-icon.rose{background:var(--rose-bg);color:#d78c9c}.snapshot-icon.green{background:var(--mint-bg);color:#54aa96}.snapshot-icon.gold{background:var(--gold-bg);color:#d39857}.snapshot-label{display:block;color:#9a9daa;font-size:7px;letter-spacing:1px;margin-bottom:4px;white-space:nowrap}.snapshot-item strong{font:700 15px var(--display);letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap}.snapshot-divider{width:1px;height:30px;background:#eeeff3;flex:none}.snapshot-note{position:absolute;right:17px;top:5px;color:#b1b3bd;font-size:6px;letter-spacing:1px}
.section{padding-top:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-kicker{color:#999ca9;font-size:7px;letter-spacing:1.5px}.section-heading h2{font:600 28px/1.25 var(--display);letter-spacing:-1.15px;margin:8px 0 0}.section-heading>p{max-width:310px;color:#9699a6;font-size:10px;line-height:1.6;margin:0 0 2px 18px;text-align:right}.heading-note{display:flex;align-items:center;gap:8px;color:#9c9eaa;font-size:9px;margin-bottom:4px}.note-live{width:5px;height:5px;box-shadow:0 0 0 3px rgba(104,188,168,.1)}.overview-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:15px}.panel{border:1px solid #eaecf1;border-radius:var(--radius);background:rgba(255,255,255,.95);box-shadow:var(--shadow);padding:22px}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-kicker{display:block;color:#a1a4b0;font-size:7px;letter-spacing:1.25px;margin-bottom:5px}.panel h3{font:600 15px var(--display);letter-spacing:-.3px;margin:0}.soft-pill,.budget-badge{padding:6px 8px;border-radius:7px;color:#8b88bb;background:#f3f1ff;font-size:6px;letter-spacing:1px}.spend-visual{display:flex;align-items:center;gap:22px;padding:16px 0 11px}.spend-ring{height:135px;width:135px;position:relative;flex:none}.spend-ring svg{height:100%;width:100%;overflow:visible;transform:rotate(-90deg)}.spend-ring-track,.spend-ring-fill{fill:none;stroke-width:10}.spend-ring-track{stroke:#f1f2f6}.spend-ring-fill{stroke:#8378e8;stroke-dasharray:0 427.3;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dasharray .7s cubic-bezier(.2,.8,.2,1)}.spend-ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.spend-ring-center strong{font:700 18px var(--display);letter-spacing:-.65px}.spend-ring-center span{font-size:8px;color:#a0a2ae;margin-top:2px}.spend-legend{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:11px 7px;flex:1;min-width:0}.spend-legend>span:not(.legend-dot){font-size:8px;color:#8d909d;white-space:nowrap}.spend-legend strong{font-size:8px;color:#4d4f5a;font-weight:600;white-space:nowrap}.legend-dot{width:7px;height:7px;border-radius:50%}.violet-dot{background:#8378e8}.grey-dot{background:#e5e6ed}.spend-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8f929f;margin:4px 0 7px}.spend-progress-label strong{color:#6860c9;font-weight:600}.spend-track,.budget-progress{height:4px;background:#f0f1f6;border-radius:9px;overflow:hidden}.spend-track>span,.budget-progress>span{height:100%;display:block;width:0;border-radius:inherit;background:linear-gradient(90deg,#877ce9,#b6adf1);transition:width .6s cubic-bezier(.2,.8,.2,1)}.panel-footnote{font-size:8px;font-weight:400;letter-spacing:0;color:#a1a4b0;line-height:1.55;margin:9px 0 0}.chart-unit{font-size:6px;color:#a5a7b2}.week-chart{height:136px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:13px;padding:15px 9px 0}.week-column{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:7px;min-width:0}.week-bar-track{height:93px;width:min(27px,100%);display:flex;align-items:flex-end;overflow:hidden;border-radius:8px 8px 4px 4px;background:#f5f4fb}.week-bar{display:block;width:100%;height:2px;min-height:2px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#a59bed,#8378e8);transition:height .55s cubic-bezier(.2,.8,.2,1)}.week-column:nth-child(2n) .week-bar{background:linear-gradient(180deg,#a4d9ca,#67bca8)}.week-label{font-size:7px;color:#a0a2ae;white-space:nowrap}.chart-footer{border-top:1px solid #f0f1f4;margin-top:10px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;color:#a0a2ae;font-size:7px;letter-spacing:.2px;font-weight:500}.chart-footer span{display:flex;align-items:center;gap:6px}.chart-footer strong{font-size:8px;color:#6b6d79;font-weight:600}.chart-key{height:6px;width:6px;border-radius:50%;background:#8a7fe8}
.category-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 1px 12px}.category-heading .section-kicker{display:block;margin-bottom:5px}.category-heading h3{font:600 14px var(--display);letter-spacing:-.3px;margin:0}.category-hint{color:#aaaeba;font-size:7px;font-weight:500;letter-spacing:.4px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-card{padding:14px 15px 13px;background:rgba(255,255,255,.85);border:1px solid #eceef3;border-radius:14px;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(44,46,74,.06)}.category-card-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.category-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:11px}.category-icon.home{background:#f0eeff;color:#7e73df}.category-icon.people{background:#fff0f3;color:#d48c9a}.category-icon.bills{background:#fff5e9;color:#d19b60}.category-icon.everyday{background:#eaf7f3;color:#53a993}.category-icon.subs{background:#f2efff;color:#8e79ca}.category-icon.invest{background:#eef5fd;color:#6790c4}.category-name{font-size:9px;font-weight:600;color:#5c5f6b}.category-card-top>span:last-child{margin-left:auto;font-size:7px;color:#a5a7b1}.category-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.category-amount strong{font:700 14px var(--display);letter-spacing:-.35px}.category-amount span{font-size:8px;color:#a0a2ae}.category-mini-track{height:3px;border-radius:5px;background:#f0f1f5;overflow:hidden}.category-mini-track span{display:block;height:100%;width:0;border-radius:inherit;background:#8b80e8;transition:width .55s}.category-card.over .category-mini-track span{background:#dc8d8d}.category-card-foot{display:flex;justify-content:space-between;margin-top:7px;font-size:7px;color:#a1a3ae}.category-card-foot strong{font-weight:600;color:#747784}
.transactions-section{padding-top:91px}.transactions-section .section-heading{margin-bottom:18px}.transactions-section .section-heading h2{font-size:27px}.transactions-panel{padding:0;overflow:hidden}.transactions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 21px;border-bottom:1px solid #eff0f4}.transactions-toolbar h3{font:600 14px var(--display);margin:0 0 3px;letter-spacing:-.2px}.transaction-count{font-size:8px;color:#a1a4af}.transaction-controls{display:flex;align-items:center;gap:8px}.search-wrap{height:31px;width:157px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #ededef;border-radius:8px;color:#a0a2ae}.search-wrap>span{font-size:17px;line-height:1}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:8px;color:var(--ink)}.search-wrap input::placeholder{color:#a6a8b2}.filter-select{height:31px;max-width:125px;padding:0 9px;border:1px solid #ededef;border-radius:8px;background:#fff;color:#777a88;font-size:8px;outline:0}.transaction-table-wrap{min-height:0}.transaction-table-head,.transaction-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(95px,.9fr) minmax(82px,.7fr) minmax(95px,.7fr) 68px;align-items:center;gap:10px;padding:0 21px}.transaction-table-head{height:35px;background:#fcfcfd;color:#a0a2ae;font-size:6px;letter-spacing:1px}.transaction-row{min-height:59px;border-top:1px solid #f0f1f5}.transaction-description{display:flex;align-items:center;gap:9px;min-width:0}.transaction-symbol{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:12px}.transaction-symbol.expense{background:#fff0f2;color:#d18a99}.transaction-symbol.income{background:#eaf7f3;color:#55a993}.transaction-symbol.saving{background:#f0eeff;color:#7b72d6}.transaction-copy{min-width:0}.transaction-copy strong,.transaction-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-copy strong{font-size:9px;font-weight:600}.transaction-copy small{margin-top:3px;color:#a0a3ae;font-size:7px}.transaction-category{display:flex;align-items:center;gap:5px;color:#757885;font-size:8px}.transaction-category i{width:5px;height:5px;border-radius:50%;background:#b3aae9}.transaction-date{font-size:8px;color:#9295a2}.transaction-amount{text-align:right;font:600 10px var(--display);font-variant-numeric:tabular-nums}.transaction-amount.expense{color:#565866}.transaction-amount.income{color:#49a28d}.transaction-amount.saving{color:#7268d0}.row-actions{display:flex;justify-content:flex-end;gap:3px;opacity:.55;transition:opacity .2s}.transaction-row:hover .row-actions,.row-actions:focus-within{opacity:1}.icon-button{width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:#9295a3;display:grid;place-items:center;cursor:pointer;font-size:11px}.icon-button:hover{background:#f1efff;color:#6f65cc}.icon-button.delete:hover{background:#fff0f2;color:#ce7783}.empty-state{min-height:220px;display:flex;align-items:center;justify-content:center;gap:15px;padding:19px 22px}.empty-state img{width:191px;height:171px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(87,74,118,.1));animation:receiptBob 5.5s ease-in-out infinite}.empty-state>div{max-width:280px}.empty-eyebrow{font-size:6px;color:#9c98c6;letter-spacing:1.35px}.empty-state h3{font:600 16px var(--display);margin:5px 0}.empty-state p{font-size:9px;line-height:1.6;color:#9396a2;margin-bottom:13px}.empty-state .button{height:35px;font-size:8px}.no-results{padding:28px;text-align:center;color:#9295a1;font-size:9px}.empty-state[hidden],.no-results[hidden]{display:none}
.budgets-section{padding-top:94px}.budget-layout{display:grid;grid-template-columns:1fr .96fr;gap:14px;align-items:start}.budget-panel{padding:22px 22px 17px}.text-button{border:0;background:transparent;color:#8d909e;font-size:8px;cursor:pointer;transition:color .2s}.text-button:hover{color:var(--violet-deep)}.text-button span{margin-left:2px;font-size:13px}.salary-field{display:flex;align-items:center;justify-content:space-between;margin:17px 0 13px;padding:9px 12px;border:1px solid #edeeF2;border-radius:10px;color:#818491;font-size:9px}.money-input-wrap{display:flex;align-items:center;gap:4px;color:#aaacb6}.money-input-wrap input,.row-input input{width:83px;border:0;outline:0;background:transparent;color:var(--ink);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.money-input-wrap input{font-size:11px}.money-input-wrap input:focus,.row-input input:focus{color:var(--violet-deep)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.budget-visual-row{display:flex;align-items:center;justify-content:center;gap:23px;padding:3px 0 12px}.donut-wrap{height:123px;width:123px;position:relative;flex:none}.donut{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.donut-track,.donut-segment{fill:none;stroke-width:11}.donut-track{stroke:#f0f1f5}.donut-segment{stroke-dasharray:0 415;stroke-dashoffset:0;transition:stroke-dasharray .65s cubic-bezier(.2,.8,.2,1),stroke-dashoffset .65s}.donut-fixed{stroke:#8378e8}.donut-goals{stroke:#62bea9}.donut-flex{stroke:#edbb91}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center strong{font:700 17px var(--display);letter-spacing:-.6px}.donut-center span{font-size:8px;color:#a0a2ad;margin-top:2px}.legend{display:flex;flex-direction:column;gap:12px;min-width:146px}.legend-row{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;color:#898c99;font-size:8px;letter-spacing:0;font-weight:400;white-space:nowrap}.legend-row strong{color:#4e505c;font-size:8px;font-weight:600}.dot-fixed{background:#8378e8}.dot-goals{background:#62bea9}.dot-flex{background:#edbb91}.budget-total-row{display:flex;justify-content:space-between;border-top:1px solid #eff0f4;padding:11px 0 8px;color:#858895;font-size:8px}.budget-total-row strong{color:#5d57be;font-size:9px;font-weight:600}.budget-progress{margin-top:1px}.budget-progress>span{width:0}.budget-footnote{font-size:8px;color:#a0a3ae;margin:8px 0 0}.allocation-section{margin-top:20px}.allocation-title{display:flex;justify-content:space-between;padding-bottom:7px;color:#a1a3ae;font-size:7px;letter-spacing:.7px}.allocation-row{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;min-height:33px;border-top:1px solid #f2f3f6}.row-glyph{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;font-size:12px}.glyph-home{color:#8075df;background:#f0eeff}.glyph-family{color:#d48999;background:#fff0f2}.glyph-save{color:#4eaa95;background:#eaf7f3}.glyph-fun{color:#cf9567;background:#fff4e8}.glyph-marriage{color:#d188a0;background:#fff0f5}.glyph-car{color:#7770d2;background:#f0efff}.glyph-kids{color:#5ba689;background:#eaf7ef}.glyph-trade{color:#c68c63;background:#fff3e9}.row-name{font-size:9px;color:#646672}.row-input{display:flex;align-items:center;justify-content:flex-end;gap:2px;color:#afb1bb;font-size:8px}.row-input input{width:73px;padding:3px 0;font-size:9px}.goal-allocation-section{margin-top:17px}.allocation-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid #eeeff3;color:#858895;font-size:8px}.allocation-footer strong{font:700 14px var(--display);color:#615bbd;letter-spacing:-.3px}.over-budget{color:#c66f77!important}.budget-side{display:grid;gap:12px}.limits-panel,.regulars-panel{padding:21px}.budget-badge{font-size:6px;color:#8c88bc;background:#f2f0ff}.budget-category-list{margin-top:13px}.budget-category-row{display:grid;grid-template-columns:1fr auto;gap:3px 9px;padding:10px 0;border-top:1px solid #f1f2f5}.budget-category-title{display:flex;align-items:center;gap:7px;font-size:8px;color:#646672}.budget-category-title i{width:6px;height:6px;border-radius:50%;background:#8d82e8}.budget-category-row:nth-child(2) .budget-category-title i{background:#d991a0}.budget-category-row:nth-child(3) .budget-category-title i{background:#e6b57e}.budget-category-row:nth-child(4) .budget-category-title i{background:#62baa6}.budget-category-row:nth-child(5) .budget-category-title i{background:#a991d4}.budget-category-row:nth-child(6) .budget-category-title i{background:#78a7cf}.budget-category-amount{text-align:right;font-size:8px;color:#646672;font-variant-numeric:tabular-nums}.budget-category-amount strong{font-weight:600}.budget-category-amount span{color:#a1a4ae}.budget-category-track{grid-column:1/3;height:3px;border-radius:6px;background:#f0f1f5;overflow:hidden}.budget-category-track span{display:block;height:100%;width:0;border-radius:inherit;background:#8a7fe7;transition:width .5s}.budget-category-row.over .budget-category-track span{background:#d47b81}.tiny-label{font-size:6px;color:#a4a7b1}.recurring-list{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-top:11px}.recurring-item{min-height:42px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:6px;border-top:1px solid #f1f2f5}.recurring-glyph{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#f4f2ff;color:#7c73d9;font-size:9px}.recurring-copy{min-width:0}.recurring-copy strong,.recurring-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recurring-copy strong{font-size:8px;font-weight:600}.recurring-copy small{font-size:7px;color:#a2a4af;margin-top:1px}.recurring-item button{border:0;background:transparent;color:#8178da;font-size:7px;padding:5px;cursor:pointer}.recurring-item button:hover{color:#5046b4;text-decoration:underline}.recurring-item button.logged{color:#65ad98;cursor:default}
.goals-section{padding-top:91px}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.goal-card{min-height:266px;padding:19px 20px 16px;border-radius:17px;border:1px solid rgba(235,236,242,.9);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(50,53,82,.035);transition:transform .25s,box-shadow .25s}.goal-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(50,53,82,.08)}.goal-marriage{background:linear-gradient(139deg,#fff 38%,#fff4f6)}.goal-car{background:linear-gradient(139deg,#fff 38%,#f5f4ff)}.goal-kids{background:linear-gradient(139deg,#fff 38%,#f0faf5)}.goal-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.goal-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.goal-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-ring{color:#d4889e;background:#ffedf2}.icon-car{color:#7971d8;background:#efedff}.icon-kids{color:#5ca78a;background:#e9f7ef}.goal-horizon{font-size:7px;color:#a0a3af;letter-spacing:1.2px}.goal-label{display:block;color:#a0a3af;font-size:7px;letter-spacing:1.25px}.goal-card h3{font:600 14px var(--display);margin:5px 0 5px;letter-spacing:-.3px}.goal-desc{font-size:8px;line-height:1.5;color:#8f93a0;min-height:26px;margin-bottom:13px}.goal-projection-label{font-size:6px;letter-spacing:1px;color:#a1a3af;margin-bottom:5px}.goal-total{font:700 22px var(--display);letter-spacing:-.8px;display:block}.goal-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:8px;color:#9a9daa;font-size:7px}.goal-card-bottom b{font-weight:600;color:#646774}.goal-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(157,149,206,.12)}.goal-bar span{display:block;height:100%;width:0;background:#d29cab;transition:width .5s}.goal-car .goal-bar span{background:#8a80e6}.goal-kids .goal-bar span{background:#72bea0}.projection-note{display:flex;align-items:center;gap:8px;padding:13px 2px 0;color:#9b9eaa;font-size:8px;line-height:1.5}.note-info{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;border:1px solid #c3c5cf;font:600 9px Georgia;color:#9498a4;flex:none}
.risk-band{margin-top:82px;padding:25px 29px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:17px;border-radius:19px;background:linear-gradient(110deg,#f1efff,#faf5ff 53%,#edf8f3);border:1px solid #eeedf4}.risk-symbol{width:43px;height:43px;border-radius:15px;background:rgba(255,255,255,.8);display:grid;place-items:center;color:#877de1;font-size:21px;box-shadow:0 6px 16px rgba(91,78,145,.07)}.risk-copy .section-kicker{font-size:6px}.risk-copy h2{font:600 15px var(--display);letter-spacing:-.3px;margin:5px 0}.risk-copy p{max-width:665px;margin:0;color:#888b99;font-size:8px;line-height:1.6}.risk-amount{min-width:135px;padding-left:18px;border-left:1px solid rgba(190,186,218,.48);display:flex;flex-direction:column;gap:3px}.risk-amount>span{font-size:6px;color:#9a9ba9}.risk-amount strong{font:700 18px var(--display);letter-spacing:-.5px}.risk-amount small{font-size:7px;color:#9c9eaa}.footer{min-height:84px;display:flex;align-items:center;justify-content:space-between;color:#a1a3af}.footer-brand{font-size:15px;color:#3e404d}.footer>span,.footer>a:last-child{font-size:7px;letter-spacing:.7px}.footer>a:last-child{font-weight:600;color:#898c99}
.transaction-dialog{width:min(480px,calc(100% - 28px));max-height:min(92vh,760px);padding:0;border:1px solid #ebeaf2;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 28px 100px rgba(35,34,59,.28);overflow:auto}.transaction-dialog::backdrop{background:rgba(34,33,52,.35);backdrop-filter:blur(4px)}.transaction-dialog form{padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-header h2{font:600 21px var(--display);letter-spacing:-.7px;margin:6px 0 4px}.dialog-header p{font-size:9px;color:#999ca8;margin:0}.dialog-close{width:30px;height:30px;border:0;border-radius:9px;background:#f5f4fa;color:#848797;font-size:18px;line-height:1;cursor:pointer}.dialog-close:hover{background:#eeecff;color:#6d63cf}.transaction-types{border:0;padding:0;margin:0 0 18px;display:flex;gap:7px}.transaction-types legend{font-size:8px;color:#858895;margin-bottom:8px}.transaction-types label{cursor:pointer}.transaction-types input{position:absolute;opacity:0;pointer-events:none}.transaction-types span{height:31px;padding:0 10px;display:grid;place-items:center;border:1px solid #ececf2;border-radius:8px;font-size:8px;color:#858895;transition:all .2s}.transaction-types input:checked+span{background:#f1efff;color:#685fc8;border-color:#e2defa}.transaction-types input:focus-visible+span{outline:2px solid #8378e8;outline-offset:2px}.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-fields label{display:flex;flex-direction:column;gap:6px;color:#858895;font-size:8px}.dialog-fields label.field-wide{grid-column:1/3}.dialog-fields input,.dialog-fields select{height:38px;padding:0 10px;border:1px solid #e9eaf0;border-radius:9px;background:#fff;color:var(--ink);font-size:10px;outline:0}.dialog-fields input:focus,.dialog-fields select:focus{border-color:#b9b2ef;box-shadow:0 0 0 3px rgba(131,120,232,.09)}.dialog-fields input::placeholder{color:#b3b5be}.dialog-amount{height:38px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #e9eaf0;border-radius:9px;color:#a4a6b1}.dialog-amount:focus-within{border-color:#b9b2ef;box-shadow:0 0 0 3px rgba(131,120,232,.09)}.dialog-amount input{width:100%;height:auto;padding:0;border:0;outline:0!important;box-shadow:none!important;font-size:11px;font-weight:600}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.dialog-actions .button-quiet{height:39px;padding:0 12px}.dialog-actions .button-dark{height:39px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,14px);padding:10px 15px;border-radius:10px;background:#29273f;color:#fff;font-size:9px;box-shadow:0 8px 28px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes companionFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:.6deg}}@keyframes coinDrift{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes coinTurn{0%,100%{rotate:y 0deg}48%{rotate:y 70deg}51%{rotate:y 78deg}88%{rotate:y 0deg}}@keyframes captionFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes glowBreath{0%,100%{scale:.93;opacity:.65}50%{scale:1.06;opacity:1}}@keyframes receiptBob{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.js .category-grid .category-card:nth-child(2){transition-delay:.04s}.js .category-grid .category-card:nth-child(3){transition-delay:.08s}.js .category-grid .category-card:nth-child(4){transition-delay:.12s}.js .category-grid .category-card:nth-child(5){transition-delay:.16s}.js .category-grid .category-card:nth-child(6){transition-delay:.2s}}
@media(max-width:980px){.page-width{width:min(100% - 48px,760px)}.topbar{padding-inline:24px}.brand-tag{display:none}.main-nav{gap:20px}.header-actions{gap:7px}.header-add{height:35px;padding-inline:10px;font-size:8px}.hero{grid-template-columns:1fr .9fr;gap:4px;min-height:460px;padding-top:43px}.hero h1{font-size:49px}.hero-scene{transform:scale(.88);transform-origin:center right;margin-left:-30px}.snapshot{gap:12px;padding-inline:15px}.snapshot-icon{width:26px;height:26px}.snapshot-label{font-size:6px;letter-spacing:.65px}.snapshot-item strong{font-size:13px}.overview-grid{gap:11px}.panel{padding:18px}.spend-visual{gap:12px}.spend-ring{width:116px;height:116px}.spend-legend{gap:9px 5px}.spend-legend>span:not(.legend-dot),.spend-legend strong{font-size:7px}.week-chart{gap:8px}.budget-layout{grid-template-columns:1fr .98fr;gap:11px}.budget-panel{padding:18px}.limits-panel,.regulars-panel{padding:17px}.budget-visual-row{gap:12px}.donut-wrap{width:111px;height:111px}.legend{min-width:129px;gap:10px}.legend-row{font-size:7px;gap:6px}.legend-row strong{font-size:7px}.allocation-row{min-height:31px}.row-name{font-size:8px}.row-input input{width:64px;font-size:8px}.recurring-list{grid-template-columns:1fr}.goals-grid{gap:9px}.goal-card{padding-inline:15px}.goal-card-bottom{font-size:6px}.risk-band{padding:21px;gap:13px}.risk-copy p{font-size:7px}.transaction-table-head,.transaction-row{grid-template-columns:minmax(120px,1.4fr) minmax(80px,.9fr) minmax(72px,.7fr) minmax(82px,.7fr) 60px;padding-inline:15px;gap:7px}}
@media(max-width:780px) and (min-width:701px){.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding-top:48px;padding-bottom:20px}.hero-copy{max-width:660px}.hero h1{font-size:51px}.hero-scene{width:min(100%,540px);height:330px;transform:none;margin:-8px auto -5px}.snapshot{margin-top:2px}.overview-grid{grid-template-columns:1fr 1fr}.budget-layout{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:72px}.page-width{width:calc(100% - 36px)}.topbar{height:63px;padding-inline:16px}.brand{gap:6px}.brand-mark,.brand-mark svg{width:22px;height:22px}.brand-name{font-size:17px}.main-nav{gap:11px}.nav-link{font-size:8px}.header-actions{gap:6px}.month-select-wrap{height:29px;padding-inline:7px}.month-select-wrap select{font-size:7px;max-width:82px}.month-select-wrap>span{right:6px}.header-add{width:30px;height:30px;padding:0;border-radius:9px;font-size:0;gap:0}.header-add .button-plus{font-size:17px}.avatar{width:25px;height:25px;font-size:9px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:auto;padding-top:45px;padding-bottom:22px}.hero-copy{position:relative;z-index:3;padding-bottom:0}.eyebrow{font-size:7px}.hero h1{font-size:clamp(43px,10.5vw,57px);letter-spacing:-2.5px;margin:16px 0 11px}.hero-subtitle{font-size:10px;max-width:350px;margin-bottom:14px}.hero-actions{gap:13px}.hero-actions .button{height:38px;font-size:9px}.hero-budget-peek{margin-top:18px;padding:9px 10px}.peek-icon{width:24px;height:24px}.hero-budget-peek small{font-size:6px}.hero-budget-peek strong{font-size:12px}.peek-month{font-size:6px}.hero-signature{margin-top:18px;font-size:6px}.hero-scene{height:285px;width:min(100%,450px);margin:-2px auto 0;transform:none}.scene-glow{width:225px;height:225px}.orbit-a{width:330px;height:123px}.orbit-b{width:289px;height:212px}.companion-art{width:112%;height:292px}.coin-a{right:11%;top:16%;width:30px;height:30px}.coin-b{left:12%;bottom:17%;width:23px;height:23px}.coin-c{right:12%;bottom:21%;width:19px;height:19px}.scene-caption{left:2%;bottom:16px;padding:7px 9px}.scene-footnote{right:0;bottom:5px;font-size:6px}.snapshot{display:grid;grid-template-columns:1fr 1fr;gap:11px 7px;padding:13px 12px 12px;min-height:0}.snapshot-item{gap:7px}.snapshot-icon{width:25px;height:25px;border-radius:8px;font-size:12px}.snapshot-label{font-size:5.5px;letter-spacing:.45px;margin-bottom:3px}.snapshot-item strong{font-size:12px}.snapshot-divider{display:none}.snapshot-note{top:4px;right:8px;font-size:5px}.section{padding-top:67px}.section-heading{display:block;margin-bottom:16px}.section-heading h2{font-size:24px;letter-spacing:-.9px}.section-heading>p{margin:7px 0 0;text-align:left;font-size:9px}.heading-note{margin:8px 0 0;font-size:8px}.overview-grid{grid-template-columns:1fr;gap:10px}.panel{padding:18px}.spend-visual{justify-content:center;gap:24px;padding-block:15px 11px}.spend-ring{height:125px;width:125px}.spend-legend{max-width:230px;gap:12px 7px}.spend-legend>span:not(.legend-dot),.spend-legend strong{font-size:8px}.week-chart{height:133px;gap:12px;padding-inline:14px}.week-bar-track{height:92px;width:31px}.category-heading{margin-top:22px}.category-heading h3{font-size:13px}.category-hint{font-size:6px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-card{padding:12px 11px 10px}.category-card-top{gap:6px;margin-bottom:8px}.category-icon{width:23px;height:23px}.category-name{font-size:8px}.category-card-top>span:last-child{font-size:6px}.category-amount strong{font-size:13px}.category-amount span{font-size:7px}.category-card-foot{font-size:6px}.transactions-section{padding-top:69px}.transactions-section .section-heading h2{font-size:24px}.transactions-section .section-heading{display:flex;align-items:flex-end}.transactions-section .section-heading .button{height:34px;padding-inline:9px;font-size:8px}.transactions-panel{padding:0}.transactions-toolbar{align-items:flex-start;padding:14px 13px;gap:9px}.transactions-toolbar h3{font-size:12px}.transaction-count{font-size:7px}.transaction-controls{flex-direction:column;align-items:stretch;gap:5px}.search-wrap{width:130px;height:28px}.filter-select{width:130px;max-width:130px;height:27px}.transaction-table-head,.transaction-row{grid-template-columns:minmax(120px,1fr) minmax(63px,.6fr) minmax(68px,.65fr) minmax(68px,.6fr) 47px;padding-inline:11px;gap:5px}.transaction-table-head{font-size:5px;height:29px}.transaction-row{min-height:53px}.transaction-symbol{width:24px;height:24px;border-radius:7px;font-size:10px}.transaction-description{gap:6px}.transaction-copy strong{font-size:7px}.transaction-copy small,.transaction-category,.transaction-date{font-size:6px}.transaction-amount{font-size:8px}.row-actions{opacity:1}.icon-button{width:20px;height:22px;font-size:9px}.empty-state{min-height:191px;gap:2px;padding:11px 10px}.empty-state img{width:128px;height:126px}.empty-state>div{max-width:190px}.empty-eyebrow{font-size:5px}.empty-state h3{font-size:12px}.empty-state p{font-size:7px;margin-bottom:8px}.empty-state .button{height:30px;font-size:7px;padding-inline:8px}.budgets-section{padding-top:72px}.budget-layout{grid-template-columns:1fr;gap:10px}.budget-panel{padding:18px}.salary-field{margin:15px 0 12px}.budget-visual-row{gap:22px;padding:5px 0 12px}.donut-wrap{width:127px;height:127px}.legend{min-width:140px;gap:12px}.legend-row{font-size:8px;gap:7px}.legend-row strong{font-size:8px}.allocation-section{margin-top:17px}.allocation-row{min-height:36px}.row-name{font-size:9px}.row-input input{width:78px;font-size:9px}.limits-panel,.regulars-panel{padding:17px}.budget-category-row{padding:9px 0}.recurring-list{grid-template-columns:1fr 1fr;gap:0 8px}.goals-section{padding-top:73px}.goals-grid{grid-template-columns:1fr;gap:9px}.goal-card{min-height:238px;padding:17px 18px 15px}.goal-card-top{margin-bottom:13px}.goal-desc{min-height:0;max-width:330px}.goal-card-bottom{font-size:7px}.projection-note{font-size:7px;align-items:flex-start}.risk-band{margin-top:67px;grid-template-columns:39px 1fr;gap:11px;padding:17px}.risk-symbol{width:36px;height:36px;border-radius:12px;font-size:18px}.risk-copy h2{font-size:13px}.risk-copy p{font-size:7px}.risk-amount{grid-column:1/3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;margin:3px 0 0;padding:11px 0 0;border-left:0;border-top:1px solid rgba(190,186,218,.48)}.risk-amount>span{grid-column:1;font-size:5px}.risk-amount strong{grid-column:2;grid-row:1/3;font-size:16px}.risk-amount small{grid-column:1;font-size:6px}.footer{min-height:68px}.footer>span{display:none}.transaction-dialog form{padding:19px}.dialog-header h2{font-size:19px}}
@media(max-width:420px){.brand-tag{display:none}.main-nav{gap:8px}.nav-link{font-size:7px}.header-actions{gap:5px}.month-select-wrap select{max-width:68px;font-size:6px}.hero h1{font-size:42px}.hero-scene{height:263px}.companion-art{height:270px}.snapshot{gap:10px 4px;padding-inline:9px}.snapshot-item{gap:5px}.snapshot-label{font-size:5px;letter-spacing:.35px}.snapshot-item strong{font-size:11px}.transaction-table-head,.transaction-row{grid-template-columns:minmax(96px,1fr) minmax(55px,.55fr) minmax(55px,.58fr) minmax(57px,.58fr) 41px;padding-inline:8px;gap:4px}.transaction-category{font-size:5px}.transaction-date{font-size:5px}.transaction-amount{font-size:7px}.empty-state img{width:112px}.empty-state>div{max-width:180px}}

/* Local-first tools and cinematic opening scene */
.startup-loader{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f8f7ff 48%,#f1f4fa 100%);opacity:1;transition:opacity .62s ease,visibility .62s ease;perspective:900px}.startup-loader:before,.startup-loader:after{content:"";position:absolute;width:min(78vw,690px);height:min(78vw,690px);border:1px solid rgba(142,132,215,.07);border-radius:50%;pointer-events:none}.startup-loader:before{animation:loaderPulse 4s ease-in-out infinite}.startup-loader:after{width:min(58vw,510px);height:min(58vw,510px);animation:loaderPulse 4s ease-in-out -1.5s infinite}.startup-loader.loader-leaving{opacity:0;visibility:hidden;pointer-events:none}.loader-scene{position:relative;width:300px;height:250px;display:grid;place-items:center;transform-style:preserve-3d}.loader-scene>img{position:absolute;width:270px;height:270px;object-fit:contain;filter:drop-shadow(0 17px 19px rgba(74,67,117,.12));animation:loaderBuddy 3.6s cubic-bezier(.4,0,.3,1) infinite;transform:translateZ(26px)}.loader-halo{position:absolute;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,rgba(197,190,255,.38),rgba(235,232,255,.13) 60%,transparent 72%);filter:blur(7px);animation:loaderGlow 3s ease-in-out infinite}.loader-orbit{position:absolute;border:1px solid rgba(139,130,208,.27);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.loader-orbit-one{width:240px;height:83px;transform:rotateX(69deg) rotateZ(-18deg);animation:loaderOrbit 9s linear infinite}.loader-orbit-two{width:191px;height:143px;transform:rotateY(66deg) rotateZ(28deg);border-color:rgba(131,196,179,.38);animation:loaderOrbitReverse 13s linear infinite}.loader-coin{position:absolute;z-index:2;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#7468d2;background:linear-gradient(145deg,#fff,#f0edff);border:1px solid rgba(151,142,220,.33);box-shadow:0 7px 20px rgba(81,70,143,.14);font:700 13px var(--display);animation:loaderCoin 3.3s ease-in-out infinite;transform-style:preserve-3d}.loader-coin-one{right:26px;top:43px}.loader-coin-two{left:27px;bottom:43px;animation-delay:-1.6s;color:#66a891}.loader-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;margin-top:-4px;text-align:center}.loader-kicker{color:#918ba8;font-size:8px;font-weight:700;letter-spacing:1.7px}.loader-copy strong{font:600 17px var(--display);letter-spacing:-.4px;color:#343244}.loader-progress{width:126px;height:3px;border-radius:9px;background:#e8e6f2;overflow:hidden}.loader-progress i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c80df,#8cc9b4);animation:loaderProgress 1.5s ease-in-out infinite}
@keyframes loaderBuddy{0%,100%{transform:translate3d(0,5px,26px) rotateY(-4deg) rotateX(1deg)}50%{transform:translate3d(0,-9px,40px) rotateY(5deg) rotateX(-2deg)}}@keyframes loaderCoin{0%,100%{transform:translate3d(0,4px,5px) rotateY(0deg)}50%{transform:translate3d(0,-10px,37px) rotateY(180deg)}}@keyframes loaderOrbit{to{transform:rotateX(69deg) rotateZ(342deg)}}@keyframes loaderOrbitReverse{to{transform:rotateY(66deg) rotateZ(-332deg)}}@keyframes loaderGlow{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.12);opacity:1}}@keyframes loaderPulse{0%,100%{transform:scale(.97);opacity:.42}50%{transform:scale(1.04);opacity:.85}}@keyframes loaderProgress{0%{transform:translateX(-110%)}55%{transform:translateX(145%)}100%{transform:translateX(290%)}}
.save-indicator{display:inline-flex;align-items:center;gap:6px;color:#79a997;font-size:7px;font-weight:600;white-space:nowrap}.save-indicator i,.recovery-check{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e8f5ef;color:#5a9b80;font-size:9px;font-style:normal}.save-indicator i{width:6px;height:6px;display:inline-block;background:#78b99f;box-shadow:0 0 0 3px rgba(119,185,158,.13)}.save-indicator.save-error{color:#c27379}.save-indicator.save-error i{background:#d98b91;box-shadow:0 0 0 3px rgba(217,139,145,.13)}
.section-actions{display:flex;align-items:center;gap:7px}.section-actions .button{white-space:nowrap}.report-action{color:#7870c8!important}.report-action:hover{background:#f3f1ff!important}.recovery-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;border-top:1px solid #f0eff4}.recovery-status{display:flex;align-items:center;gap:9px}.recovery-check{flex:none}.recovery-status strong,.recovery-status small{display:block}.recovery-status strong{font-size:8px;font-weight:600;color:#626472}.recovery-status small{max-width:390px;margin-top:3px;color:#a0a2ad;font-size:7px;line-height:1.5}.recovery-actions{display:flex;align-items:center;gap:14px;flex:none}.recovery-actions .text-button{font-size:8px}.restore-label{cursor:pointer}.restore-label input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.payslip-card{display:flex;align-items:center;gap:10px;margin:-3px 0 13px;padding:11px 12px;border:1px solid #efedf5;border-radius:12px;background:linear-gradient(110deg,rgba(249,248,255,.92),rgba(255,255,255,.83))}.payslip-icon{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:#eeecff;color:#8177d7;font-size:15px}.payslip-copy{min-width:0;flex:1}.payslip-copy strong,.payslip-copy span{display:block}.payslip-copy strong{font-size:8px;font-weight:600;color:#5a5b68}.payslip-copy span{font-size:7px;color:#a0a2ad;line-height:1.4;margin-top:3px}.payslip-pick{flex:none;border:1px solid #e8e5f5;border-radius:8px;padding:7px 9px;color:#756bc8;background:#fff;font-size:7px;font-weight:600;cursor:pointer;transition:background .2s}.payslip-pick:hover{background:#f4f2ff}.payslip-card input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.payslip-match{display:flex;align-items:center;gap:12px;margin:-5px 0 10px;padding:10px 11px;border:1px solid #e8e4f7;border-radius:10px;background:#faf9ff}.payslip-match[hidden]{display:none}.payslip-match>span{display:grid;gap:3px;flex:1}.payslip-match small{color:#9691ac;font-size:6px;font-weight:700;letter-spacing:1px}.payslip-match strong{color:#46415f;font:700 15px var(--display)}.payslip-match button{border:0;border-radius:8px;padding:7px 9px;color:#fff;background:#7770cf;font-size:7px;font-weight:600;cursor:pointer}.payslip-match .match-dismiss{padding:2px 5px;background:transparent;color:#9998a6;font-size:16px}.payslip-message{min-height:0;margin:-6px 0 10px;color:#75a18f;font-size:7px;line-height:1.5}.payslip-message:empty{display:none}.payslip-message.error{color:#c27379}
@media(max-width:980px){.save-indicator{display:none}.main-nav{gap:13px}.nav-link{font-size:7px}}
@media(max-width:700px){.section-actions{gap:5px}.section-actions .button{height:34px;padding-inline:8px;font-size:7px}.recovery-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.recovery-actions{padding-left:26px}.payslip-card{gap:7px;padding:9px}.payslip-copy span{max-width:180px}.startup-loader .loader-scene{transform:scale(.92)}}
@media(prefers-reduced-motion:reduce){.startup-loader{transition:none}.loader-scene>img,.loader-orbit,.loader-coin,.loader-halo,.loader-progress i,.startup-loader:before,.startup-loader:after{animation:none!important}}
.transaction-dialog.dialog-open{position:fixed;z-index:26;inset:0;margin:auto;display:block}.transaction-modal-open:after{content:"";position:fixed;z-index:25;inset:0;background:rgba(34,33,52,.35);backdrop-filter:blur(4px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.snapshot-icon.blue{background:#edf4fd;color:#6b8fbd}
.spend-ring-fill.over{stroke:#d98d95}
.spend-track>span.over{background:linear-gradient(90deg,#df979d,#c97885)}
.goal-transfer-btn{display:inline-flex;margin-top:6px;border:0;background:transparent;color:#8075d8;font-size:7px;padding:0;cursor:pointer}
.goal-transfer-btn:hover{color:#574bbd;text-decoration:underline}
@media(max-width:700px){.snapshot-item:last-of-type{display:none}}
.timeline-band{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:44px;margin-top:83px;padding:34px 39px;border-radius:21px;overflow:hidden;background:linear-gradient(116deg,#29273f,#36324f);color:#fff;box-shadow:0 18px 43px rgba(39,37,62,.15)}
.timeline-band:before,.timeline-band:after{content:"";position:absolute;border:1px solid rgba(206,199,255,.09);border-radius:50%;pointer-events:none}.timeline-band:before{width:340px;height:340px;right:25%;top:-290px}.timeline-band:after{width:470px;height:470px;right:18%;top:-390px}
.timeline-copy,.timeline-rail{position:relative;z-index:1}.timeline-copy .section-kicker{color:#bbb5e8}.timeline-copy h2{font:600 23px/1.3 var(--display);letter-spacing:-.9px;margin:8px 0}.timeline-copy h2 span{color:#ded9ff}.timeline-copy p{max-width:220px;margin:0;color:#b6b5c5;font-size:8px;line-height:1.65}.timeline-rail{padding-top:9px}.timeline-rail-labels,.timeline-foot{display:flex;justify-content:space-between;color:#aaa7bb;font-size:6px;letter-spacing:1px}.timeline-track{height:3px;position:relative;margin:17px 0 14px;border-radius:4px;background:rgba(255,255,255,.15)}.timeline-track>span{height:100%;display:block;width:0;border-radius:inherit;background:linear-gradient(90deg,#9388f0,#e1c6e6);transition:width .8s}.timeline-track>i{position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:#e9e2ff;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(211,201,255,.16)}.timeline-rail-points{display:flex;justify-content:space-between;color:#e2dfec;font-size:7px;margin-bottom:24px}.timeline-rail-points span{display:flex;align-items:center;gap:6px}.timeline-rail-points i{width:6px;height:6px;border-radius:50%;background:#dfc59f}.timeline-rail-points .point-current{background:#82ccb7}.timeline-foot{color:#938ea8;font-size:5px}.timeline-spark{position:absolute;right:23px;top:17px;color:#a59aef;font-size:17px;animation:glowBreath 3.2s ease-in-out infinite}
@media(max-width:980px){.timeline-band{padding-inline:28px;gap:30px}}
@media(max-width:700px){.timeline-band{grid-template-columns:1fr;gap:14px;margin-top:67px;padding:25px 22px}.timeline-copy h2{font-size:21px}.timeline-copy h2 br{display:none}.timeline-copy p{max-width:315px}.timeline-rail{padding-top:0}.timeline-rail-points{margin-bottom:20px}.timeline-foot{font-size:5px}.timeline-spark{right:19px;top:15px}}

.auto-check-panel{margin-top:22px;padding:19px 21px;border:1px solid rgba(235,236,242,.9);border-radius:17px;background:rgba(255,255,255,.75);box-shadow:0 10px 30px rgba(50,53,82,.035)}.auto-check-heading{display:flex;align-items:center;gap:10px}.auto-check-mark{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:10px;background:#eaf7f1;color:#5fa88c;font-size:13px}.auto-check-heading .section-kicker{font-size:6px}.auto-check-heading h3{margin:3px 0 0;font:600 13px var(--display)}.auto-check-summary{margin-left:auto;padding:6px 9px;border-radius:20px;background:#eaf7f1;color:#5c9b7d;font-size:7px;font-weight:700}.auto-check-summary.has-issues{background:#fff2e8;color:#ba8251}.auto-check-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.auto-check-row{min-width:0;display:flex;align-items:flex-start;gap:7px;padding:10px 9px;border-radius:11px;background:#f7f8fa}.auto-check-row.attention{background:#fff8f2}.auto-check-row-icon{width:17px;height:17px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e8f5ee;color:#5a9b80;font-size:9px;font-weight:700}.auto-check-row.attention .auto-check-row-icon{background:#ffead8;color:#b77b48}.auto-check-copy{min-width:0;flex:1}.auto-check-copy strong,.auto-check-copy small{display:block}.auto-check-copy strong{font-size:7px;font-weight:700;color:#595c68}.auto-check-copy small{margin-top:3px;color:#9699a5;font-size:6px;line-height:1.45}.auto-check-state{flex:none;color:#69a286;font-size:5px;font-weight:700;letter-spacing:.5px}.auto-check-row.attention .auto-check-state{color:#bf8956}.auto-check-note{margin:12px 0 0;color:#a1a3ae;font-size:6px;line-height:1.5}
.trading-page .topbar{position:sticky}.trading-main{padding-top:18px;padding-bottom:20px}.trading-hero{min-height:445px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:28px}.trading-hero-copy{position:relative;z-index:2;padding:20px 0}.trading-hero h1{font:600 clamp(44px,6vw,67px)/1.04 var(--display);letter-spacing:-3px;margin:20px 0 14px}.trading-hero h1 span{color:var(--violet);position:relative;white-space:nowrap}.trading-hero h1 span:after{content:"";position:absolute;z-index:-1;left:2px;bottom:2px;width:95%;height:7px;border-radius:50%;background:#e6e2ff;transform:rotate(-1deg)}.trading-hero-copy .hero-subtitle{margin-bottom:22px}.trading-stage{height:350px;position:relative;display:grid;place-items:center;perspective:800px}.trading-stage-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(194,187,255,.45),rgba(232,229,255,.17) 61%,transparent 73%);filter:blur(9px);animation:loaderGlow 3.4s ease-in-out infinite}.trading-stage-orbit{position:absolute;border:1px solid rgba(139,130,208,.31);border-radius:50%;transform-style:preserve-3d}.trading-stage-orbit.orbit-one{width:370px;height:130px;transform:rotateX(68deg) rotateZ(-18deg);animation:loaderOrbit 12s linear infinite}.trading-stage-orbit.orbit-two{width:294px;height:212px;border-color:rgba(131,196,179,.39);transform:rotateY(65deg) rotateZ(25deg);animation:loaderOrbitReverse 15s linear infinite}.trading-stage img{position:relative;z-index:1;width:min(105%,390px);height:330px;object-fit:contain;filter:drop-shadow(0 14px 19px rgba(74,67,117,.12));animation:loaderBuddy 4s ease-in-out infinite}.trading-stage-chip{position:absolute;z-index:2;padding:7px 10px;border:1px solid rgba(226,224,241,.9);border-radius:20px;background:rgba(255,255,255,.73);color:#7770c8;font-size:6px;font-weight:700;letter-spacing:1px;box-shadow:0 7px 19px rgba(81,70,143,.08);animation:loaderCoin 3.5s ease-in-out infinite}.chip-one{top:54px;right:7%}.chip-two{bottom:65px;left:7%;color:#66a891;animation-delay:-1.4s}.trading-summary{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:28px;padding:24px 27px}.trading-summary-heading h2{font:600 18px var(--display);letter-spacing:-.6px;margin:6px 0}.trading-summary-heading p{max-width:490px;margin:0;color:#898c99;font-size:9px;line-height:1.7}.trading-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trading-metrics>div{padding-left:15px;border-left:1px solid #ecebf3}.trading-metrics span{display:block;color:#9a9ca8;font-size:6px;font-weight:700;letter-spacing:1px}.trading-metrics strong{display:block;margin-top:5px;font:700 20px var(--display);letter-spacing:-.7px}.trading-storage-note{grid-column:1/-1;margin:-11px 0 0;color:#a4a5af;font-size:7px}.trading-next{position:relative;max-width:610px;margin:73px auto 18px;padding:33px 20px;text-align:center;border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(245,244,255,.65));border:1px solid rgba(235,236,242,.85)}.trading-next .section-kicker{color:#948bcf}.trading-next h2{margin:9px 0 7px;font:600 23px var(--display);letter-spacing:-.8px}.trading-next p{max-width:410px;margin:0 auto 15px;color:#898c99;font-size:9px;line-height:1.7}.next-spark{position:absolute;top:17px;right:22px;color:#998fe0;font-size:16px;animation:glowBreath 3.2s ease-in-out infinite}.trading-next .button{font-size:8px}.trading-back{height:34px;font-size:8px;padding-inline:11px}.trading-back span{font-size:12px}
@media(max-width:980px){.auto-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.trading-hero{min-height:390px;gap:5px}.trading-stage{height:320px}.trading-stage-orbit.orbit-one{width:320px}.trading-summary{gap:20px}}
@media(max-width:700px){.auto-check-panel{margin-top:14px;padding:14px 12px}.auto-check-list{grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.auto-check-row{gap:5px;padding:8px 6px}.auto-check-copy strong{font-size:6px}.auto-check-copy small{font-size:5.5px}.auto-check-state{font-size:4.5px}.auto-check-note{font-size:5.5px}.trading-page .topbar{padding-inline:13px}.trading-page .brand-tag{display:none}.trading-page .main-nav{gap:8px}.trading-page .nav-link{font-size:7px}.trading-back{width:31px;height:31px;padding:0;font-size:0;gap:0}.trading-back span{font-size:12px}.trading-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:26px}.trading-hero-copy{padding:7px 0 0}.trading-hero .eyebrow{font-size:6px}.trading-hero h1{font-size:44px;letter-spacing:-2.5px;margin:14px 0 10px}.trading-hero-copy .hero-subtitle{font-size:9px;margin-bottom:15px}.trading-hero-copy .button{height:35px;font-size:8px}.trading-stage{height:258px;margin-top:4px}.trading-stage-glow{width:190px;height:190px}.trading-stage-orbit.orbit-one{width:290px;height:103px}.trading-stage-orbit.orbit-two{width:238px;height:170px}.trading-stage img{height:245px;width:min(105%,310px)}.chip-one{top:29px;right:12%}.chip-two{bottom:35px;left:11%}.trading-summary{grid-template-columns:1fr;gap:16px;padding:17px}.trading-summary-heading h2{font-size:16px}.trading-summary-heading p{font-size:8px}.trading-metrics{gap:9px}.trading-metrics>div{padding-left:11px}.trading-metrics strong{font-size:17px}.trading-storage-note{margin:-8px 0 0;font-size:6px}.trading-next{margin:54px auto 15px;padding:26px 16px}.trading-next h2{font-size:20px}.trading-next p{font-size:8px}.trading-page .footer{gap:10px}.trading-page .footer>a:last-child{font-size:5px}}
@media(max-width:420px){.trading-page .topbar{padding-inline:10px}.trading-page .main-nav{gap:6px}.trading-page .nav-link{font-size:6px}.trading-page .brand-name{font-size:15px}.trading-page .brand-mark,.trading-page .brand-mark svg{width:20px;height:20px}.trading-page .trading-back{width:27px;height:29px}}
@media(prefers-reduced-motion:reduce){.trading-stage img,.trading-stage-orbit,.trading-stage-glow,.trading-stage-chip{animation:none!important}}
@media(max-width:700px){.topbar{padding-inline:12px}.main-nav{flex:1;min-width:0;justify-content:center;gap:6px}.nav-link{font-size:6px}.header-actions{gap:4px}.header-actions .avatar{display:none}.month-select-wrap{padding-inline:5px}.month-select-wrap select{max-width:58px;font-size:6px}}
@media(max-width:700px){.companion-art{width:108%}}
.month-select-wrap{width:168px;min-width:0;height:40px;flex:none;padding:0 32px 0 38px;border:1px solid rgba(228,229,238,.95);border-radius:12px;background:rgba(255,255,255,.83);color:#343644;box-shadow:0 4px 14px rgba(48,49,75,.035);transition:border-color .2s,box-shadow .2s,background .2s}.month-select-wrap:hover{border-color:#d6d2f3;background:#fff}.month-select-wrap:focus-within{border-color:#a9a0eb;box-shadow:0 0 0 3px rgba(131,120,232,.13)}.month-select-wrap>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.month-calendar-icon{position:absolute;left:12px;width:16px;height:16px;stroke:#8178d6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.month-select-wrap select{width:100%;max-width:100%;min-width:0;padding:0;appearance:none;border:0;outline:0;background:transparent;color:#424451;font-size:10px;font-weight:600;letter-spacing:-.1px;cursor:pointer}.month-select-wrap .month-chevron{position:absolute;right:12px;color:#9a9ba7;font-size:12px;line-height:1;transform:translateY(-1px);pointer-events:none}.month-select-wrap>span:not(.sr-only){right:12px}
.trading-checklist{padding:20px 22px}.trading-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.trading-section-heading h2{margin:5px 0 4px;font:600 16px var(--display);letter-spacing:-.45px}.trading-section-heading p{margin:0;color:#9294a0;font-size:8px;line-height:1.55}.checklist-count{flex:none;padding:6px 9px;border-radius:20px;background:#f1efff;color:#746ac9;font-size:7px;font-weight:700}.trading-checklist-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trading-check{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:1px solid #efeff5;border-radius:12px;background:rgba(250,250,253,.82);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.trading-check:hover{transform:translateY(-1px);border-color:#d9d5f4;background:#fff}.trading-check input{width:16px;height:16px;flex:none;margin:1px 0 0;accent-color:#8277dc;cursor:pointer}.trading-check-copy{min-width:0}.trading-check-copy strong,.trading-check-copy small{display:block}.trading-check-copy strong{color:#555765;font-size:8px;font-weight:700}.trading-check-copy small{margin-top:3px;color:#9295a1;font-size:7px;line-height:1.5}.trading-check input:checked+.trading-check-copy strong{color:#667f75}.trading-check:has(input:checked){border-color:#d7eee3;background:#f8fcfa}.trading-screener{margin-top:14px;padding:21px 22px}.screener-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.screener-heading h2{margin:5px 0 4px;font:600 17px var(--display);letter-spacing:-.5px}.screener-heading p{max-width:680px;margin:0;color:#9294a0;font-size:8px;line-height:1.6}.screener-market-tag{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;background:#edf7f2;color:#65987f;font-size:6px;font-weight:700;letter-spacing:.65px}.screener-market-tag i{width:5px;height:5px;border-radius:50%;background:#73bb96}.tradingview-widget-container{width:100%;min-height:620px;overflow:hidden;border:1px solid #eff0f5;border-radius:13px;background:#fff}.tradingview-widget-container__widget{width:100%;height:620px}.tradingview-widget-copyright{padding:7px 10px;color:#9a9ca8;font-size:7px;text-align:right}.tradingview-widget-copyright a{color:#8278d7}.screener-note{display:flex;align-items:flex-start;gap:7px;margin:11px 0 0;color:#9295a1;font-size:7px;line-height:1.55}.screener-note span{color:#8178d6;font-weight:700}
@media(max-width:980px){.month-select-wrap{width:148px}.trading-checklist-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.month-select-wrap{width:108px;height:31px;padding:0 19px 0 29px;border-radius:10px}.month-calendar-icon{left:9px;width:14px;height:14px}.month-select-wrap select{font-size:6px}.month-select-wrap .month-chevron{right:7px;font-size:10px}.month-select-wrap>span:not(.sr-only){right:7px}.trading-checklist{padding:15px 12px}.trading-section-heading{align-items:flex-start;gap:7px;margin-bottom:10px}.trading-section-heading h2{font-size:14px}.trading-section-heading p{max-width:255px;font-size:7px}.checklist-count{font-size:6px;padding:6px 7px}.trading-checklist-list{grid-template-columns:1fr;gap:6px}.trading-check{gap:8px;padding:10px}.trading-check input{width:15px;height:15px}.trading-check-copy strong{font-size:8px}.trading-check-copy small{font-size:7px}.trading-screener{margin-top:10px;padding:15px 11px}.screener-heading{display:block;margin-bottom:11px}.screener-heading h2{font-size:15px}.screener-heading p{font-size:7px}.screener-market-tag{margin-top:8px;font-size:5.5px}.tradingview-widget-container{min-height:600px}.tradingview-widget-container__widget{height:600px}.screener-note{font-size:6px}.topbar{padding-inline:10px}.main-nav{gap:4px}.nav-link{font-size:5.5px}}
.checklist-meta{display:grid;justify-items:end;gap:4px;flex:none}.checklist-meta small{color:#9a9ca8;font-size:6px}
@media(max-width:420px){.month-select-wrap{width:104px}.month-select-wrap select{font-size:5.7px}.trading-section-heading{flex-wrap:wrap}.checklist-meta{grid-auto-flow:column;align-items:center;gap:7px}.tradingview-widget-container__widget{height:570px}.tradingview-widget-container{min-height:570px}}
@media(min-width:701px) and (max-width:980px){.month-select-wrap select{font-size:8.5px;letter-spacing:-.2px}}

/* Custom month picker and shared appearance controls */
.month-picker{position:relative;z-index:22;flex:none}
.month-picker-trigger{display:flex;align-items:center;justify-content:flex-start;gap:0;cursor:pointer;text-align:left}
.month-picker-trigger #month-picker-label{position:static;right:auto;display:block;min-width:0;overflow:hidden;color:inherit;font-size:10px;font-weight:600;letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.month-picker-trigger .month-chevron{position:absolute;right:12px;color:#9496a3;font-size:14px;line-height:1;transform:translateY(-1px);pointer-events:none}
.month-picker-trigger:hover{border-color:#d0cafa;background:#fff;box-shadow:0 6px 18px rgba(69,62,132,.08)}
.month-picker-trigger:focus-visible,.theme-toggle:focus-visible,.month-picker-popover button:focus-visible{outline:3px solid rgba(131,120,232,.35);outline-offset:2px}
.month-picker-popover{position:absolute;top:calc(100% + 11px);right:0;z-index:80;width:304px;padding:17px;border:1px solid rgba(228,228,239,.96);border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(35,35,63,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:monthPickerIn .18s ease-out}
.month-picker-popover[hidden]{display:none}
.month-picker-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 1px 13px;border-bottom:1px solid #eff0f5}
.month-picker-heading>span:first-child{display:grid;gap:3px}
.month-picker-heading small{color:#9c9dab;font-size:7px;font-weight:700;letter-spacing:1.25px}
.month-picker-heading strong{font:700 23px/1 var(--display);letter-spacing:-.8px;color:#2a2a38}
.month-year-controls{display:flex;gap:5px}
.month-year-controls button{width:30px;height:30px;border:1px solid #eeedf4;border-radius:10px;background:#faf9ff;color:#7167cc;font-size:20px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.month-year-controls button:hover:not(:disabled){transform:translateY(-1px);border-color:#d6d0fb;background:#f1efff}
.month-year-controls button:disabled{opacity:.32;cursor:default}
.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px 0 12px}
.month-option{height:38px;border:1px solid transparent;border-radius:11px;background:#f7f7fb;color:#565765;font-size:10px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}
.month-option:hover:not(:disabled){transform:translateY(-1px);border-color:#d8d3f7;background:#f1efff;color:#675dc5}
.month-option.is-selected{border-color:#8278df;background:#8278df;color:#fff;box-shadow:0 5px 12px rgba(115,102,209,.2)}
.month-option.is-current:not(.is-selected):after{content:"";display:block;width:4px;height:4px;margin:2px auto -6px;border-radius:50%;background:#70bba4}
.month-option:disabled{background:transparent;color:#c8c8d1;cursor:default}
.month-picker-footer{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #eff0f5;color:#a2a3ad;font-size:8px}
.month-picker-footer button{padding:5px 8px;border:0;border-radius:8px;background:#f2f0ff;color:#7066cb;font-size:8px;font-weight:700;cursor:pointer}
.theme-toggle{height:34px;min-width:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #e9e9f0;border-radius:11px;background:rgba(255,255,255,.68);color:#676979;font-size:8px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s}
.theme-toggle:hover{transform:translateY(-1px);border-color:#d7d2f5;background:#fff;color:#665dcc}
.theme-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
html[data-theme="dark"] .theme-moon{display:none}
html[data-theme="dark"] .theme-sun{display:block}
html[data-theme="dark"] .theme-toggle{border-color:#393846;background:#24232f;color:#e2dfff}
html[data-theme="dark"] .theme-toggle:hover{background:#302e40;border-color:#57516f}
@keyframes monthPickerIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Market page refresh */
.trading-main{width:min(1200px,calc(100% - 76px));padding-top:20px;padding-bottom:30px}
.trading-header-actions{display:flex;align-items:center;gap:9px}
.trading-hero{position:relative;isolation:isolate;min-height:414px;grid-template-columns:.96fr 1.04fr;gap:12px;margin:0 0 18px;padding:38px 43px 30px;border:1px solid rgba(255,255,255,.1);border-radius:31px;overflow:hidden;background:radial-gradient(circle at 76% 44%,rgba(114,103,205,.28),transparent 37%),radial-gradient(circle at 93% 6%,rgba(90,178,154,.16),transparent 26%),linear-gradient(115deg,#1a1a2b 0%,#24223a 52%,#302b4b 100%);box-shadow:0 28px 64px rgba(30,27,56,.19)}
.trading-hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(22,21,37,.35),transparent 69%);pointer-events:none}
.trading-hero-copy{padding:10px 0 17px}
.trading-kicker{display:inline-flex;align-items:center;gap:9px;color:#c2bedb;font-size:8px;font-weight:700;letter-spacing:1.7px}
.trading-kicker i{width:7px;height:7px;border-radius:50%;background:#78ceb1;box-shadow:0 0 0 5px rgba(120,206,177,.12)}
.trading-hero h1{margin:21px 0 16px;color:#fff;font-size:clamp(42px,5.1vw,64px);line-height:1.02;letter-spacing:-3px}
.trading-hero h1 span{color:#b9b0ff}
.trading-hero h1 span:after{height:5px;background:rgba(176,165,255,.3)}
.trading-hero-copy .hero-subtitle{max-width:365px;margin-bottom:20px;color:#c0bfd0;font-size:11px;line-height:1.8}
.trading-hero-actions{display:flex;align-items:center;gap:20px}
.trading-primary-link{height:39px;display:inline-flex;align-items:center;gap:12px;padding:0 15px;border-radius:12px;background:#f4f2ff;color:#3b345f;font-size:9px;font-weight:700;box-shadow:0 8px 22px rgba(6,5,19,.16);transition:transform .2s,background .2s}
.trading-primary-link:hover{transform:translateY(-2px);background:#fff}
.trading-primary-link span{font-size:13px;color:#7166ce}
.trading-secondary-link{color:#d5d2e4;font-size:8px;font-weight:600;transition:color .18s}
.trading-secondary-link:hover{color:#fff}
.trading-stage{height:350px;perspective:1000px}
.duo-stage-glow{position:absolute;inset:6% 4% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(160,148,255,.34),rgba(110,204,181,.1) 47%,transparent 72%);filter:blur(13px);animation:duoGlow 5s ease-in-out infinite}
.duo-stage-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(200,192,255,.18);border-radius:50%;pointer-events:none}
.duo-orbit-one{width:92%;height:41%;transform:translate(-50%,-50%) rotate(-17deg) rotateX(62deg);animation:loaderOrbit 17s linear infinite}
.duo-orbit-two{width:73%;height:67%;border-color:rgba(110,204,181,.18);transform:translate(-50%,-50%) rotate(34deg) rotateX(62deg);animation:loaderOrbitReverse 23s linear infinite}
.cat-duo-art{position:relative;z-index:1;width:min(100%,510px);height:100%;overflow:visible;filter:drop-shadow(0 17px 21px rgba(8,7,26,.25));animation:duoFloat 5.2s ease-in-out infinite;transform-origin:center}
.cat-buddy{transform-box:fill-box;transform-origin:center bottom}
.cat-oggy{animation:oggyBob 4.4s ease-in-out infinite}
.cat-jack{animation:jackBob 4.1s ease-in-out infinite}
.cat-tail{transform-box:fill-box;transform-origin:10% 50%}
.oggy-tail{animation:tailWave 3.7s ease-in-out infinite}
.jack-tail{animation:tailWave 3.3s ease-in-out infinite reverse}
.cat-blink{transform-box:fill-box;transform-origin:center;animation:catBlink 5.1s ease-in-out infinite}
.cat-jack .cat-blink{animation-delay:-2.2s}
.duo-floating-coins{transform-box:fill-box;transform-origin:center;animation:coinDrift 5.7s ease-in-out infinite}
.duo-stage-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(34,32,58,.72);color:#eeeaff;font-size:6.5px;font-weight:700;letter-spacing:1px;box-shadow:0 8px 20px rgba(5,5,20,.17);backdrop-filter:blur(12px)}
.chip-market{top:19px;right:5%}.chip-market i{width:6px;height:6px;border-radius:50%;background:#74d1a8;box-shadow:0 0 0 4px rgba(116,209,168,.12)}
.chip-plan{left:4%;bottom:31px;color:#d0cafa}
.trading-summary{grid-template-columns:1.05fr .95fr;gap:20px;padding:22px 27px;border-radius:22px}
.trading-summary-heading h2{font-size:19px}
.trading-summary-heading p{max-width:470px;font-size:9px}
.trading-metrics>div{padding:5px 0 5px 17px;border-left:1px solid #ecebf3}
.trading-metrics span{font-size:7px}
.trading-metrics strong{font-size:21px}
.trading-storage-note{font-size:7px}
.trading-page .panel{border-radius:21px}
.trading-checklist{margin-top:16px;padding:22px 24px}
.trading-section-heading{margin-bottom:17px}
.trading-section-heading h2{font-size:19px;letter-spacing:-.55px}
.trading-section-heading p{font-size:9px}
.checklist-count{padding:7px 10px;font-size:7px}
.checklist-meta small{font-size:7px}
.trading-checklist-list{gap:10px}
.trading-check{min-height:67px;align-items:center;padding:13px 15px;border-radius:14px;background:#fbfbfd}
.trading-check input{width:17px;height:17px}
.trading-check-copy strong{font-size:9px}
.trading-check-copy small{font-size:8px}
.trading-screener{margin-top:16px;padding:23px 24px;border-radius:23px}
.screener-heading{align-items:center;margin-bottom:17px}
.screener-heading .section-kicker{font-size:7px;letter-spacing:1.45px}
.screener-heading h2{font-size:24px;letter-spacing:-.8px}
.screener-heading p{max-width:660px;font-size:9px;line-height:1.7}
.screener-market-tag{padding:8px 11px;font-size:7px;letter-spacing:.8px}
.tradingview-widget-container{border-radius:16px;min-height:620px}
.tradingview-widget-container__widget{height:620px}
.tradingview-widget-copyright{padding:8px 11px;font-size:7px}
.screener-note{align-items:center;gap:8px;margin-top:13px;font-size:8px}
.screener-note>span{width:17px;height:17px;display:grid;place-items:center;flex:none;border-radius:50%;background:#f1efff;font-size:9px}
.screener-note a{margin-left:auto;color:#7770cf;font-weight:700;white-space:nowrap}
.trading-next{max-width:660px;margin-top:52px;border-radius:25px}
.trading-next h2{font-size:26px}
.trading-next p{font-size:10px}
.trading-page .footer{margin-top:30px}
@keyframes duoFloat{0%,100%{transform:translateY(3px) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}
@keyframes oggyBob{0%,100%{transform:translateY(1px) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.5deg)}}
@keyframes jackBob{0%,100%{transform:translateY(1px) rotate(.4deg)}50%{transform:translateY(-7px) rotate(-.5deg)}}
@keyframes tailWave{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(9deg)}}
@keyframes catBlink{0%,91%,100%{transform:scaleY(1)}94%,97%{transform:scaleY(.08)}}
@keyframes duoGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}

/* Persistent dark appearance across the dashboard and Trading page */
html[data-theme="dark"]{color-scheme:dark;--ink:#f0eff7;--muted:#a9a8b7;--soft:#8d8c9b;--line:#343442;--paper:#111118;--white:#1d1d27;--lavender:#29263f;--mint-bg:#1b302b;--rose-bg:#34242c;--gold-bg:#352c21;--navy:#746bd1;--shadow:0 17px 46px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:#111118;color:#efedf6}
html[data-theme="dark"] .ambient{opacity:.19}
html[data-theme="dark"] .topbar{background:rgba(18,18,26,.88);border-color:rgba(57,57,70,.8)}
html[data-theme="dark"] .brand-tag,html[data-theme="dark"] .nav-link{color:#9d9bab}
html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .nav-link.active{color:#f3f1fa}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] .brand-name,html[data-theme="dark"] .panel h3{color:#efedf6}
html[data-theme="dark"] p,html[data-theme="dark"] .hero-subtitle,html[data-theme="dark"] .panel-footnote,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .trading-section-heading p,html[data-theme="dark"] .screener-heading p,html[data-theme="dark"] .screener-note{color:#aaa9b8}
html[data-theme="dark"] .section-kicker,html[data-theme="dark"] .panel-kicker,html[data-theme="dark"] .snapshot-label,html[data-theme="dark"] .hero-signature,html[data-theme="dark"] .heading-note,html[data-theme="dark"] .chart-unit,html[data-theme="dark"] .tiny-label{color:#9291a1}
html[data-theme="dark"] .panel,html[data-theme="dark"] .snapshot,html[data-theme="dark"] .hero-budget-peek,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .auto-check-panel,html[data-theme="dark"] .trading-next{background:#1b1b25;border-color:#30303c;box-shadow:var(--shadow)}
html[data-theme="dark"] .trading-next{background:linear-gradient(145deg,#1f1e2c,#232132)}
html[data-theme="dark"] .snapshot-divider,html[data-theme="dark"] .budget-total-row,html[data-theme="dark"] .allocation-row,html[data-theme="dark"] .allocation-title,html[data-theme="dark"] .allocation-footer,html[data-theme="dark"] .budget-category-row,html[data-theme="dark"] .recurring-item,html[data-theme="dark"] .trading-metrics>div{border-color:#33333f}
html[data-theme="dark"] .hero-budget-peek,html[data-theme="dark"] .spend-legend,html[data-theme="dark"] .chart-footer,html[data-theme="dark"] .legend-row,html[data-theme="dark"] .budget-total-row,html[data-theme="dark"] .allocation-footer,html[data-theme="dark"] .row-name,html[data-theme="dark"] .budget-category-title,html[data-theme="dark"] .budget-category-amount,html[data-theme="dark"] .recurring-copy strong,html[data-theme="dark"] .trading-metrics strong{color:#e6e4ee}
html[data-theme="dark"] .month-select-wrap,html[data-theme="dark"] .month-picker-trigger{border-color:#393846;background:#22222d;color:#eeedf5;box-shadow:none}
html[data-theme="dark"] .month-picker-trigger:hover{border-color:#5c5680;background:#292838}
html[data-theme="dark"] .month-calendar-icon{stroke:#aaa0fa}
html[data-theme="dark"] .month-picker-popover{border-color:#3c3b4b;background:rgba(31,30,42,.98);box-shadow:0 24px 70px rgba(0,0,0,.5)}
html[data-theme="dark"] .month-picker-heading{border-color:#383744}
html[data-theme="dark"] .month-picker-heading strong{color:#f1eff8}
html[data-theme="dark"] .month-picker-heading small,html[data-theme="dark"] .month-picker-footer{color:#a7a5b5}
html[data-theme="dark"] .month-year-controls button{border-color:#424051;background:#292837;color:#c7c0ff}
html[data-theme="dark"] .month-year-controls button:hover:not(:disabled){border-color:#6c629e;background:#343149}
html[data-theme="dark"] .month-option{background:#292833;color:#dddae9}
html[data-theme="dark"] .month-option:hover:not(:disabled){border-color:#665e95;background:#34304b;color:#e8e4ff}
html[data-theme="dark"] .month-option.is-selected{background:#8075de;border-color:#9289ef;color:#fff}
html[data-theme="dark"] .month-option:disabled{background:transparent;color:#5d5c69}
html[data-theme="dark"] .month-picker-footer{border-color:#383744}
html[data-theme="dark"] .month-picker-footer button{background:#34304b;color:#c5bdff}
html[data-theme="dark"] .hero h1 span,html[data-theme="dark"] .trading-next .section-kicker{color:#bcb4ff}
html[data-theme="dark"] .hero h1 span:after{background:#35314d}
html[data-theme="dark"] .hero-budget-peek small,html[data-theme="dark"] .peek-month,html[data-theme="dark"] .snapshot-note,html[data-theme="dark"] .legend-row,html[data-theme="dark"] .auto-check-note{color:#9e9cac}
html[data-theme="dark"] .panel input,html[data-theme="dark"] .panel select,html[data-theme="dark"] .panel textarea,html[data-theme="dark"] input:not([type="checkbox"]),html[data-theme="dark"] select,html[data-theme="dark"] textarea{border-color:#3b3a48;background:#23222d;color:#eeeef5}
html[data-theme="dark"] .button-outline{border-color:#42414f;background:#252530;color:#e1dfeb}
html[data-theme="dark"] .button-outline:hover{border-color:#7169a3;background:#302e40}
html[data-theme="dark"] .button-quiet{color:#bbb9c8}
html[data-theme="dark"] .avatar{background:#33304d;color:#c7c0ff}
html[data-theme="dark"] .trading-check{border-color:#383744;background:#24232e}
html[data-theme="dark"] .trading-check:hover,html[data-theme="dark"] .trading-check:has(input:checked){border-color:#625a8d;background:#2b293a}
html[data-theme="dark"] .trading-check-copy strong{color:#e7e5ef}
html[data-theme="dark"] .trading-check-copy small,html[data-theme="dark"] .checklist-meta small,html[data-theme="dark"] .trading-storage-note{color:#a7a5b4}
html[data-theme="dark"] .checklist-count{background:#33304d;color:#d2cbff}
html[data-theme="dark"] .screener-market-tag{background:#21372f;color:#a1d5b7}
html[data-theme="dark"] .tradingview-widget-container{background:#171720;border-color:#343442}
html[data-theme="dark"] .screener-loading{color:#aaa9b8}
html[data-theme="dark"] .screener-note>span{background:#34304b;color:#c8c1ff}
html[data-theme="dark"] .trading-page .footer{border-color:#32313d;color:#9e9cab}
html[data-theme="dark"] .footer-brand{color:#f0eff7}
html[data-theme="dark"] .loader-copy strong{color:#f1eff8}
@media(min-width:701px) and (max-width:980px){.month-select-wrap,.month-picker{width:158px}.month-picker-trigger{padding-left:34px;padding-right:29px}.month-picker-trigger #month-picker-label{font-size:9px}}
@media(max-width:980px){.trading-hero{padding-inline:30px}.trading-stage{height:320px}}
@media(max-width:700px){.month-picker-popover{position:fixed;top:75px;right:12px;width:min(304px,calc(100vw - 24px))}.month-picker-trigger{padding:0 25px 0 29px}.month-picker-trigger #month-picker-label{font-size:7px}.month-picker-trigger .month-chevron{right:7px;font-size:11px}.theme-toggle{width:31px;height:31px;min-width:31px;padding:0;border-radius:10px}.theme-toggle-label{display:none}.header-actions .save-indicator{display:none}.trading-header-actions{gap:5px}.trading-hero{min-height:0;grid-template-columns:1fr;gap:0;padding:29px 22px 17px;border-radius:24px}.trading-hero-copy{padding:0}.trading-hero h1{font-size:42px;letter-spacing:-2.4px;margin:15px 0 11px}.trading-hero-copy .hero-subtitle{max-width:390px;font-size:9px}.trading-hero-actions{gap:14px}.trading-primary-link{height:35px;font-size:8px}.trading-secondary-link{font-size:7px}.trading-stage{height:260px;margin-top:2px}.chip-market{top:7px;right:3%}.chip-plan{left:0;bottom:11px}.trading-summary{grid-template-columns:1fr;gap:15px;padding:17px}.trading-summary-heading h2{font-size:16px}.trading-summary-heading p{font-size:8px}.trading-metrics{gap:10px}.trading-metrics>div{padding-left:11px}.trading-metrics strong{font-size:17px}.trading-storage-note{font-size:6px}.trading-checklist,.trading-screener{padding:16px 13px}.trading-section-heading{align-items:flex-start;gap:8px}.trading-section-heading h2{font-size:15px}.trading-section-heading p{font-size:7px}.checklist-count{font-size:6px}.trading-checklist-list{grid-template-columns:1fr;gap:7px}.trading-check{min-height:58px;padding:10px}.trading-check-copy strong{font-size:8px}.trading-check-copy small{font-size:7px}.screener-heading{display:block}.screener-heading h2{font-size:20px}.screener-heading p{font-size:8px}.screener-market-tag{margin-top:9px}.screener-note{flex-wrap:wrap;font-size:7px}.screener-note a{margin-left:24px}.tradingview-widget-container,.tradingview-widget-container__widget{min-height:580px;height:580px}.trading-next{margin:39px auto 13px;padding:24px 15px}.trading-next h2{font-size:21px}.trading-next p{font-size:8px}.trading-page .topbar{gap:5px}.trading-page .main-nav{flex:1;justify-content:center}.trading-back{height:31px;padding-inline:9px;font-size:7px}.trading-back span{font-size:11px}}
@media(max-width:420px){.month-select-wrap,.month-picker{width:104px}.month-picker-trigger{width:104px}.trading-page .topbar{padding-inline:8px}.trading-page .brand-name{font-size:14px}.trading-page .main-nav{gap:5px}.trading-page .nav-link{font-size:5.5px}.trading-back{font-size:0;width:27px;padding:0}.trading-back span{font-size:11px}.trading-hero{padding-inline:17px}.trading-hero h1{font-size:38px}.trading-stage{height:235px}}
@media(prefers-reduced-motion:reduce){.month-picker-popover,.cat-duo-art,.cat-buddy,.cat-tail,.cat-blink,.duo-stage-glow,.duo-stage-orbit,.duo-floating-coins{animation:none!important}}

/* Trade-type focus, checklist and risk calculator */
.trade-focus-panel,.trade-calculator{margin-top:16px;padding:23px 24px;border-radius:22px}
.trade-focus-panel .trading-section-heading,.trade-calculator .trading-section-heading{margin-bottom:16px}
.trade-focus-panel .trading-section-heading h2,.trade-calculator .trading-section-heading h2{font-size:20px;letter-spacing:-.7px}
.trade-type-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}
.trade-type-option{position:relative;min-width:0;cursor:pointer}
.trade-type-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.trade-type-option>span{min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 13px;border:1px solid #ececf3;border-radius:13px;background:#fafafd;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.trade-type-option:hover>span{transform:translateY(-1px);border-color:#d4d0f5}
.trade-type-option input:checked+span{border-color:#9187e9;background:#f5f3ff;box-shadow:inset 0 0 0 1px rgba(131,120,232,.08)}
.trade-type-option input:focus-visible+span{outline:3px solid rgba(131,120,232,.33);outline-offset:2px}
.trade-type-option strong{font:700 10px var(--display);color:#3d3d4b}
.trade-type-option small{font-size:7px;color:#999aa7}
.trade-focus-note{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:12px 13px;border:1px solid #ecebf5;border-radius:13px;background:linear-gradient(105deg,#f7f5ff,#f9fcfb)}
.focus-note-icon{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:8px;background:#ece9ff;color:#7067c8;font-size:12px}
.trade-focus-note strong{display:block;color:#484653;font-size:9px}
.trade-focus-note p{margin:3px 0 0;color:#8b8d9b;font-size:8px;line-height:1.55}
.trade-calculator{scroll-margin-top:92px}
.calculator-mode{flex:none;padding:7px 10px;border:1px solid #e8e5f8;border-radius:999px;background:#f7f5ff;color:#7770c8;font-size:6px;font-weight:700;letter-spacing:.8px}
.trade-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.trade-input-field{display:grid;gap:6px;min-width:0;padding:10px 11px;border:1px solid #eeedf4;border-radius:12px;background:#fbfbfd}
.trade-input-field>span:first-child{color:#848694;font-size:7px;font-weight:600}
.trade-input-wrap{height:22px;display:flex;align-items:center;gap:4px;color:#5e5d6b}
.trade-input-wrap i{color:#9293a1;font-size:9px;font-style:normal}
.trade-input-wrap input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;color:#343442!important;font:700 12px var(--display)!important;font-variant-numeric:tabular-nums}
.trade-input-wrap input:focus-visible{outline:0!important}
.trade-input-field:focus-within{border-color:#a69de9;box-shadow:0 0 0 3px rgba(131,120,232,.11)}
.trade-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.trade-result{min-width:0;min-height:67px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 11px;border:1px solid #eeedf4;border-radius:12px;background:#fbfbfd}
.trade-result>span{color:#8e909c;font-size:7px;font-weight:600}
.trade-result strong{overflow:hidden;color:#383746;font:700 14px var(--display);letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap}
.trade-result small{color:#a2a3ad;font-size:6px;line-height:1.3}
.trade-result.result-loss{border-color:#f3e4e7;background:#fff9fa}
.trade-result.result-loss strong{color:#bb7180}
.trade-result.result-gain{border-color:#e1efe8;background:#f8fcf9}
.trade-result.result-gain strong{color:#528b71}
.calculator-message{margin:11px 0 0;padding:9px 11px;border-radius:10px;background:#f4f7f5;color:#718579;font-size:7px;line-height:1.55}
.calculator-message.is-attention{background:#fff7ed;color:#a16a37}
.pretrade-sections{display:grid;gap:8px}
.pretrade-topic{overflow:hidden;border:1px solid #eeedf4;border-radius:14px;background:#fff}
.pretrade-topic[hidden]{display:none}
.pretrade-topic>summary{min-height:60px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 15px;align-items:center;gap:10px;padding:10px 13px;list-style:none;cursor:pointer;transition:background .18s}
.pretrade-topic>summary::-webkit-details-marker{display:none}
.pretrade-topic>summary:hover{background:#fbfaff}
.topic-index{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f0eeff;color:#766dc8;font:700 8px var(--display)}
.topic-title{min-width:0;display:grid;gap:3px}
.topic-title strong{color:#454552;font:700 9px var(--display)}
.topic-title small{overflow:hidden;color:#999aa6;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.topic-count{padding:5px 7px;border-radius:8px;background:#f6f6f9;color:#838490;font-size:6px;font-weight:700;white-space:nowrap}
.topic-chevron{color:#8983c9;font-size:14px;transition:transform .2s}
.pretrade-topic[open] .topic-chevron{transform:rotate(180deg)}
.topic-body{padding:4px 14px 14px;border-top:1px solid #f1f0f5}
.pretrade-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pretrade-check{min-width:0;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #f0eff5;border-radius:10px;background:#fcfcfe;cursor:pointer;transition:border-color .18s,background .18s}
.pretrade-check:hover{border-color:#d9d5f4;background:#faf9ff}
.pretrade-check[hidden]{display:none}
.pretrade-check input{width:14px;height:14px;flex:none;margin:1px 0 0;accent-color:#8277dc;cursor:pointer}
.pretrade-check>span{min-width:0;display:grid;gap:3px}
.pretrade-check strong{color:#555663;font-size:7.5px;font-weight:700;line-height:1.35}
.pretrade-check small{color:#9698a4;font-size:6.5px;line-height:1.45}
.market-trend-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:9px 10px;border:1px solid #efeff5;border-radius:10px;background:#fbfbfd}
.market-trend-field>span{color:#646571;font-size:7px;font-weight:700}
.market-trend-field select{max-width:290px;padding:6px 8px;border:1px solid #e9e8ef;border-radius:8px;background:white;color:#585966;font-size:7px}
.topic-caution{margin:9px 1px 0;padding-left:9px;border-left:2px solid #d7d1fa;color:#9998a6;font-size:7px;line-height:1.5}
.timeframe-ladder{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px;padding:9px;border-radius:10px;background:#f5f4fb;color:#605b8d;font-size:8px;font-weight:700}
.timeframe-ladder i{color:#aaa6cb;font-style:normal}
.mini-guide,.expectancy-note{margin-top:9px;border:1px solid #efedf6;border-radius:10px;background:#fbfaff}
.mini-guide>summary,.expectancy-note>summary{padding:9px 11px;color:#6f68b6;font-size:7px;font-weight:700;cursor:pointer}
.mini-guide>div,.expectancy-note>p{padding:0 11px 10px}
.mini-guide p,.expectancy-note p{margin:0 0 6px;color:#898b98;font-size:7px;line-height:1.6}
.mini-guide p:last-child,.expectancy-note p:last-child{margin-bottom:0}
.mini-guide strong{color:#555563}
.formula-ribbon{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:10px;border-radius:10px;background:#f5f4fb;color:#625d91;font-size:7px;font-weight:600}
.formula-ribbon i{color:#bebad6;font-style:normal}
.expectancy-note{margin-top:11px}
.checklist-footnote{margin:9px 2px 0;color:#a1a2ad;font-size:6.5px;line-height:1.5}

/* Search and in-page symbol chart */
.screener-heading{align-items:center}
.screener-intro{min-width:0}
.screener-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}
.market-search-trigger{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #e9e8f1;border-radius:10px;background:#fff;color:#575767;font-size:8px;font-weight:700;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.market-search-trigger:hover,.market-search-trigger[aria-expanded="true"]{transform:translateY(-1px);border-color:#cfcaf2;background:#f8f7ff;color:#655dc1}
.market-search-trigger svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.market-search-form{margin:0 0 13px;padding:13px;border:1px solid #e9e7f4;border-radius:14px;background:linear-gradient(105deg,#faf9ff,#f8fbfa)}
.market-search-form[hidden],.market-chart-card[hidden]{display:none}
.market-search-form>label{display:block;margin-bottom:7px;color:#696a79;font-size:8px;font-weight:700}
.market-search-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:7px}
.market-search-row select,.market-search-row input{height:36px;min-width:0;padding:0 10px;border:1px solid #e6e5ed;border-radius:9px;background:#fff;color:#454552;font-size:8px}
.market-search-row input::placeholder{color:#a4a5b0}
.market-search-row button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:9px;background:#28273d;color:#fff;font-size:8px;font-weight:700;cursor:pointer}
.market-search-row button:hover{background:#413d68}
.market-search-status{margin:7px 0 0;color:#9899a6;font-size:7px}
.market-search-status.is-attention{color:#b67843}
.market-chart-card{margin:0 0 13px;padding:14px;border:1px solid #e9e8f0;border-radius:16px;background:#fbfbfd;scroll-margin-top:90px}
.market-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.market-chart-heading h3{margin:3px 0 0;color:#3f3f4c;font:700 15px var(--display)}
.market-chart-actions{display:flex;align-items:center;gap:10px}
.market-chart-actions a{color:#746acb;font-size:7px;font-weight:700}
.market-chart-actions button{width:27px;height:27px;border:1px solid #e8e7ef;border-radius:8px;background:#fff;color:#7c7d89;font-size:17px;cursor:pointer}
.market-chart-container{height:420px;overflow:hidden;border:1px solid #ecebf1;border-radius:11px;background:#fff}
.market-chart-container .tradingview-widget-container__widget{width:100%;height:calc(100% - 1px)}
.market-chart-container iframe{width:100%;height:100%;border:0}
.screener-loading{margin:0;padding:18px;color:#9698a5;font-size:8px}

html[data-theme="dark"] .trade-type-option>span{border-color:#393846;background:#24232e}
html[data-theme="dark"] .trade-type-option input:checked+span{border-color:#756cc8;background:#302d48}
html[data-theme="dark"] .trade-type-option strong,html[data-theme="dark"] .trade-focus-note strong{color:#eeecf5}
html[data-theme="dark"] .trade-type-option small,html[data-theme="dark"] .trade-focus-note p{color:#a7a6b4}
html[data-theme="dark"] .trade-focus-note{border-color:#383744;background:linear-gradient(105deg,#242233,#202b2a)}
html[data-theme="dark"] .focus-note-icon{background:#393552;color:#cdc5ff}
html[data-theme="dark"] .calculator-mode{border-color:#49445f;background:#2b283c;color:#c5bcff}
html[data-theme="dark"] .trade-input-field,html[data-theme="dark"] .trade-result{border-color:#383744;background:#24232e}
html[data-theme="dark"] .trade-input-field>span:first-child,html[data-theme="dark"] .trade-result>span{color:#a7a6b4}
html[data-theme="dark"] .trade-input-wrap,html[data-theme="dark"] .trade-input-wrap input{color:#f0eef7!important}
html[data-theme="dark"] .trade-result strong{color:#f0eef7}
html[data-theme="dark"] .trade-result small{color:#a5a4b2}
html[data-theme="dark"] .trade-result.result-loss{border-color:#4d343d;background:#30242a}
html[data-theme="dark"] .trade-result.result-loss strong{color:#e5a2ad}
html[data-theme="dark"] .trade-result.result-gain{border-color:#304b3f;background:#22302a}
html[data-theme="dark"] .trade-result.result-gain strong{color:#a3d3b6}
html[data-theme="dark"] .calculator-message{background:#24302b;color:#aed0bb}
html[data-theme="dark"] .calculator-message.is-attention{background:#382b20;color:#e6bd8c}
html[data-theme="dark"] .pretrade-topic,html[data-theme="dark"] .pretrade-check{border-color:#383744;background:#24232e}
html[data-theme="dark"] .pretrade-topic>summary:hover,html[data-theme="dark"] .pretrade-check:hover{background:#2c2a3a}
html[data-theme="dark"] .pretrade-topic>summary{border-color:#393846}
html[data-theme="dark"] .topic-index{background:#37334f;color:#d0c9ff}
html[data-theme="dark"] .topic-title strong,html[data-theme="dark"] .pretrade-check strong,html[data-theme="dark"] .mini-guide strong{color:#e6e4ee}
html[data-theme="dark"] .topic-title small,html[data-theme="dark"] .pretrade-check small,html[data-theme="dark"] .topic-caution,html[data-theme="dark"] .checklist-footnote{color:#aaa9b7}
html[data-theme="dark"] .topic-count{background:#302f3a;color:#c0bfcb}
html[data-theme="dark"] .topic-body{border-color:#393846}
html[data-theme="dark"] .market-trend-field,html[data-theme="dark"] .timeframe-ladder,html[data-theme="dark"] .formula-ribbon,html[data-theme="dark"] .mini-guide,html[data-theme="dark"] .expectancy-note{border-color:#3b3948;background:#292837;color:#cbc6f0}
html[data-theme="dark"] .market-trend-field>span{color:#e0deea}
html[data-theme="dark"] .mini-guide p,html[data-theme="dark"] .expectancy-note p{color:#b0aebb}
html[data-theme="dark"] .market-search-trigger{border-color:#403e50;background:#282733;color:#e5e2ee}
html[data-theme="dark"] .market-search-trigger:hover,html[data-theme="dark"] .market-search-trigger[aria-expanded="true"]{border-color:#7067aa;background:#343149;color:#d0c9ff}
html[data-theme="dark"] .market-search-form,html[data-theme="dark"] .market-chart-card{border-color:#393846;background:#20202a}
html[data-theme="dark"] .market-search-form>label,html[data-theme="dark"] .market-chart-heading h3{color:#eeeef5}
html[data-theme="dark"] .market-search-row select,html[data-theme="dark"] .market-search-row input,html[data-theme="dark"] .market-chart-actions button{border-color:#42414e;background:#2a2935;color:#f0eef7}
html[data-theme="dark"] .market-search-row button{background:#8378df;color:#fff}
html[data-theme="dark"] .market-search-status{color:#aeacba}
html[data-theme="dark"] .market-chart-container{border-color:#393846;background:#16161e}

/* Independent character actions and dark surfaces missed in the first pass */
.character-artboard{position:absolute;z-index:2;left:50%;top:50%;width:min(112%,560px);aspect-ratio:3/2;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 14px 18px rgba(70,60,100,.13))}
.character-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;will-change:transform}
.sprite-jack{clip-path:polygon(17% 4%,21% 8%,23% 2%,27% 8%,30% 5%,34% 9%,38% 11%,42% 14%,46% 19%,49% 25%,52% 30%,55% 38%,57% 44%,55% 49%,51% 53%,46% 54%,43% 58%,46% 64%,47% 70%,45% 76%,47% 84%,49% 92%,46% 97%,41% 97%,36% 94%,34% 88%,33% 81%,31% 75%,28% 70%,23% 70%,19% 74%,17% 81%,18% 88%,17% 94%,13% 97%,8% 96%,6% 93%,9% 88%,12% 83%,12% 77%,10% 72%,7% 69%,7% 64%,11% 59%,14% 54%,12% 50%,8% 47%,7% 42%,9% 38%,14% 35%,15% 31%,12% 27%,9% 24%,10% 20%,14% 18%,17% 14%,15% 10%)}
.sprite-oggy{clip-path:polygon(67% 26%,69% 19%,72% 17%,75% 21%,77% 14%,80% 17%,82% 22%,85% 25%,88% 30%,92% 33%,96% 39%,98% 45%,97% 51%,94% 55%,90% 58%,86% 60%,90% 64%,95% 68%,98% 74%,97% 78%,93% 79%,89% 76%,86% 72%,83% 70%,81% 76%,80% 84%,84% 90%,85% 95%,82% 98%,77% 97%,74% 94%,72% 89%,69% 96%,65% 97%,61% 94%,60% 91%,64% 85%,66% 79%,66% 75%,63% 72%,59% 70%,56% 66%,54% 61%,53% 57%,55% 53%,59% 52%,62% 50%,63% 46%,60% 45%,56% 47%,53% 49%,51% 45%,53% 41%,57% 37%,61% 34%,64% 30%)}
.sprite-piggy{clip-path:polygon(45% 78%,46% 73%,48% 71%,47% 68%,49% 66%,52% 69%,55% 65%,58% 67%,61% 71%,64% 73%,67% 78%,67% 84%,65% 89%,62% 93%,58% 96%,52% 96%,48% 93%,46% 89%,44% 84%)}
.hero-scene .sprite-jack{transform-origin:32% 76%;animation:jackChecksLedger 4.8s ease-in-out infinite}
.hero-scene .sprite-oggy{transform-origin:75% 78%;animation:oggyDropsCoin 3.9s ease-in-out infinite}
.hero-scene .sprite-piggy{transform-origin:55% 84%;animation:piggyAcceptsCoin 3.9s ease-in-out infinite}
.hero-drop-coin,.trading-action-coin{position:absolute;z-index:4;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffe8a4;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6cf,#e8b452 58%,#be7d2f);box-shadow:0 5px 12px rgba(132,91,35,.2),inset 0 0 0 3px rgba(255,248,215,.5);color:#9c682b;font:800 11px var(--display);pointer-events:none}
.hero-drop-coin{left:54%;top:57%;animation:coinIntoPiggy 3.9s cubic-bezier(.4,0,.7,1) infinite}
.trading-artboard{width:min(105%,430px)}
.trading-stage .character-artboard .character-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:none;animation:none}
.trading-stage .character-artboard .sprite-jack{transform-origin:31% 78%;animation:jackReviewsPlan 5.5s ease-in-out infinite}
.trading-stage .character-artboard .sprite-oggy{transform-origin:77% 77%;animation:oggySpotsMarket 4.7s ease-in-out infinite}
.trading-stage .character-artboard .sprite-piggy{transform-origin:56% 85%;animation:piggyMarketBounce 4.7s ease-in-out infinite}
.trading-action-coin{left:60%;top:51%;animation:marketCoinPulse 2.7s ease-in-out infinite}
@keyframes jackChecksLedger{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-7px) rotate(-1.5deg)}43%{transform:translateY(1px) rotate(1deg)}62%{transform:translateY(-3px) rotate(-.5deg)}}
@keyframes oggyDropsCoin{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(1deg)}47%{transform:translateY(4px) rotate(-2deg)}61%{transform:translateY(1px) rotate(1deg)}}
@keyframes piggyAcceptsCoin{0%,67%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(2px) rotate(-2.5deg)}84%{transform:translateY(-2px) rotate(2.5deg)}92%{transform:translateY(0) rotate(-1deg)}}
@keyframes coinIntoPiggy{0%,25%{opacity:0;transform:translate(15px,-13px) scale(.6) rotate(0)}34%{opacity:1}66%{opacity:1;transform:translate(-1px,33px) scale(.84) rotate(155deg)}72%,100%{opacity:0;transform:translate(-1px,37px) scale(.5) rotate(220deg)}}
@keyframes jackReviewsPlan{0%,100%{transform:translateY(0) rotate(0)}34%{transform:translateY(-8px) rotate(1.3deg)}48%{transform:translateY(-2px) rotate(-1.5deg)}62%{transform:translateY(0) rotate(0)}}
@keyframes oggySpotsMarket{0%,100%{transform:translateY(0) rotate(0)}28%{transform:translateY(-5px) rotate(-1deg)}43%{transform:translateY(2px) rotate(2deg)}57%{transform:translateY(0) rotate(0)}}
@keyframes piggyMarketBounce{0%,100%{transform:translateY(0) rotate(0)}36%{transform:translateY(-3px) rotate(1.5deg)}49%{transform:translateY(1px) rotate(-1.5deg)}63%{transform:translateY(0) rotate(0)}}
@keyframes marketCoinPulse{0%,30%,100%{opacity:.35;transform:translateY(6px) scale(.75)}55%,76%{opacity:1;transform:translateY(-5px) scale(1.08)}}
.loader-piggy{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:57px;border-radius:48% 47% 40% 42%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#e7b6f2,#a879d2);box-shadow:inset -9px -8px 0 rgba(98,58,131,.13),0 12px 28px rgba(67,45,92,.2);animation:loaderPiggyHop 1.6s ease-in-out infinite}
.loader-piggy:before{content:"";position:absolute;right:-8px;top:21px;width:17px;height:15px;border-radius:50%;background:#ce9de0}.loader-piggy:after{content:"";position:absolute;bottom:-7px;left:12px;width:14px;height:13px;border-radius:0 0 6px 6px;background:#ae7bd0;box-shadow:37px 0 #ae7bd0}.loader-piggy span{position:absolute;top:-3px;left:50%;width:24px;height:4px;transform:translateX(-50%);border-radius:4px;background:#744596;color:transparent}
.empty-state-coin{width:68px;height:68px;display:grid;place-items:center;border:1px solid #e9b653;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff3c8,#e2ac4b 60%,#b8772d);box-shadow:inset 0 0 0 5px rgba(255,250,224,.52),0 10px 22px rgba(150,112,53,.18);color:#946328;font:800 29px var(--display);animation:emptyCoinTurn 3s ease-in-out infinite}
@keyframes loaderPiggyHop{0%,100%{transform:translate(-50%,-50%) translateY(2px) rotate(-2deg)}50%{transform:translate(-50%,-50%) translateY(-8px) rotate(2deg)}}
@keyframes emptyCoinTurn{0%,100%{transform:rotateY(0)}48%,52%{transform:rotateY(72deg)}}
@media(prefers-reduced-motion:reduce){.character-sprite,.hero-drop-coin,.trading-action-coin,.loader-piggy,.empty-state-coin{animation:none!important}}
@media(max-width:700px){.character-artboard{width:min(112%,440px)}.trading-artboard{width:min(108%,340px)}.hero-drop-coin{width:18px;height:18px;font-size:9px}.trading-action-coin{width:18px;height:18px;font-size:9px}}

html[data-theme="dark"] .transaction-dialog{border-color:#393846;background:#1b1b25;color:#efedf6;box-shadow:0 28px 100px rgba(0,0,0,.58)}
html[data-theme="dark"] .dialog-header p,html[data-theme="dark"] .transaction-types legend,html[data-theme="dark"] .dialog-fields label{color:#aaa9b8}
html[data-theme="dark"] .dialog-close{background:#302f3d;color:#d8d5e2}
html[data-theme="dark"] .dialog-close:hover{background:#3b3752;color:#d0c9ff}
html[data-theme="dark"] .transaction-types span{border-color:#3d3c49;background:#24232e;color:#c0becc}
html[data-theme="dark"] .transaction-types input:checked+span{border-color:#625a98;background:#322f49;color:#d3cdff}
html[data-theme="dark"] .dialog-fields input,html[data-theme="dark"] .dialog-fields select{border-color:#3b3a48;background:#23222d;color:#eeeef5}
html[data-theme="dark"] .dialog-fields input::placeholder{color:#858493}
html[data-theme="dark"] .dialog-amount{border-color:#3b3a48;color:#aaa9b8}
html[data-theme="dark"] .dialog-amount input{background:transparent!important}
html[data-theme="dark"] .dialog-actions .button-quiet{color:#c1bfce}
html[data-theme="dark"] .transaction-table-head{background:#20202a;color:#aaa9b8}
html[data-theme="dark"] .auto-check-row{background:#24232e;color:#efedf6}
html[data-theme="dark"] .auto-check-row.attention{border:1px solid #4c3a2e;background:#33291f}
html[data-theme="dark"] .auto-check-copy strong{color:#e5e3ed}

/* Keep the reference illustration whole: the source is a single Oggy and Jack scene. */
.character-sprite{clip-path:none!important;object-fit:contain!important}
.dashboard-character-group{transform-origin:52% 91%;animation:dashboardDuoCoinShare 4.8s cubic-bezier(.4,0,.2,1) infinite}
.trading-stage .character-artboard .trading-character-group{transform-origin:51% 91%;animation:tradingDuoMarketScan 5.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes dashboardDuoCoinShare{0%,100%{transform:translateY(0) rotate(0) rotateY(0) scale(1)}18%{transform:translateY(-12px) rotate(-1deg) rotateY(-1.8deg) scale(1.008)}34%{transform:translateY(-2px) rotate(.7deg) rotateY(.8deg) scale(1)}51%{transform:translateY(4px) rotate(0) rotateY(0) scale(.998)}70%{transform:translateY(-5px) rotate(-.5deg) rotateY(-.7deg) scale(1.004)}}
@keyframes tradingDuoMarketScan{0%,100%{transform:translateY(0) rotate(0) rotateY(0) scale(1)}23%{transform:translateY(-9px) rotate(.8deg) rotateY(1.7deg) scale(1.006)}39%{transform:translateY(2px) rotate(-.8deg) rotateY(-.8deg) scale(1)}58%{transform:translateY(-3px) rotate(.3deg) rotateY(.5deg) scale(1.003)}76%{transform:translateY(0) rotate(0) rotateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.dashboard-character-group,.trading-stage .character-artboard .trading-character-group{animation:none!important}}

/* Dark surfaces for the pastel category and goal tiles. */
html[data-theme="dark"] .category-card{background:#20202a;border-color:#353541;box-shadow:0 8px 22px rgba(0,0,0,.14)}
html[data-theme="dark"] .category-card:hover{background:#272633;box-shadow:0 10px 26px rgba(0,0,0,.23)}
html[data-theme="dark"] .category-name,html[data-theme="dark"] .category-card-foot strong{color:#e1dfeb}
html[data-theme="dark"] .category-card-top>span:last-child,html[data-theme="dark"] .category-amount span,html[data-theme="dark"] .category-card-foot{color:#a9a7b6}
html[data-theme="dark"] .category-mini-track{background:#33323e}
html[data-theme="dark"] .category-icon.home,html[data-theme="dark"] .category-icon.subs{background:#302d48;color:#bcb4ff}
html[data-theme="dark"] .category-icon.people{background:#3b2932;color:#e2a6b3}
html[data-theme="dark"] .category-icon.bills{background:#3d3023;color:#e0b67f}
html[data-theme="dark"] .category-icon.everyday{background:#23362f;color:#91cbb4}
html[data-theme="dark"] .category-icon.invest{background:#263344;color:#a0c1e5}
html[data-theme="dark"] .goal-card{border-color:#393744;box-shadow:0 10px 30px rgba(0,0,0,.18)}
html[data-theme="dark"] .goal-marriage{background:linear-gradient(139deg,#211e29 38%,#30232e)}
html[data-theme="dark"] .goal-car{background:linear-gradient(139deg,#211f2b 38%,#29263b)}
html[data-theme="dark"] .goal-kids{background:linear-gradient(139deg,#1e2425 38%,#22322d)}
html[data-theme="dark"] .goal-horizon,html[data-theme="dark"] .goal-label,html[data-theme="dark"] .goal-desc,html[data-theme="dark"] .goal-projection-label,html[data-theme="dark"] .goal-card-bottom{color:#aaa8b7}
html[data-theme="dark"] .goal-card-bottom b{color:#e2e0eb}
html[data-theme="dark"] .icon-ring{color:#e0a4b4;background:#3a2932}
html[data-theme="dark"] .icon-car{color:#c1baff;background:#302d49}
html[data-theme="dark"] .icon-kids{color:#9bd4b8;background:#26382f}
html[data-theme="dark"] .goal-bar{background:#3b3948}
html[data-theme="dark"] .projection-note{color:#aaa8b7}
html[data-theme="dark"] .note-info{border-color:#555362;color:#b2b0c0}

/* Phone navigation collapses into a compact three-dot menu. */
.mobile-nav-toggle{display:none}
@media(max-width:700px){
  .topbar{position:sticky;z-index:50;overflow:visible;justify-content:space-between;gap:8px;padding-inline:12px}
  .brand{flex:none}
  .mobile-nav-toggle{flex:none;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #e5e5ed;border-radius:10px;background:rgba(255,255,255,.72);color:#656577;font:700 23px/1 var(--display);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
  .mobile-nav-toggle:hover{transform:translateY(-1px);border-color:#c9c3f3}
  .mobile-nav-toggle:focus-visible{outline:2px solid #978ce7;outline-offset:2px}
  .main-nav,.trading-page .main-nav{position:absolute;top:calc(100% + 8px);right:12px;left:auto;width:min(236px,calc(100vw - 24px));height:auto;min-width:0;padding:7px;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;border:1px solid #e8e7ef;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(35,34,57,.17);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:60}
  .main-nav.is-open,.trading-page .main-nav.is-open{display:flex}
  .main-nav .nav-link,.trading-page .main-nav .nav-link{height:42px;min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:flex-start;border-radius:9px;font-size:13px;color:#686979}
  .main-nav .nav-link:hover,.main-nav .nav-link.active,.trading-page .main-nav .nav-link:hover,.trading-page .main-nav .nav-link.active{background:#f1efff;color:#4f497b}
  .nav-link.active:after{display:none}
  .header-actions,.trading-header-actions{flex:none;gap:5px}
  .header-actions .avatar{display:none}
  .month-picker,.month-select-wrap,.month-picker-trigger{width:104px;min-width:104px}
  .month-picker-trigger{padding:0 23px 0 28px}
  .header-add{flex:none}
  .trading-back{width:31px;height:31px;padding:0;font-size:0;gap:0}
  .trading-back span{font-size:12px}
  html[data-theme="dark"] .mobile-nav-toggle{border-color:#3c3b49;background:#22212c;color:#dedbec}
  html[data-theme="dark"] .main-nav,html[data-theme="dark"] .trading-page .main-nav{border-color:#3a3948;background:rgba(29,28,39,.98);box-shadow:0 18px 48px rgba(0,0,0,.4)}
  html[data-theme="dark"] .main-nav .nav-link,html[data-theme="dark"] .trading-page .main-nav .nav-link{color:#c0becc}
  html[data-theme="dark"] .main-nav .nav-link:hover,html[data-theme="dark"] .main-nav .nav-link.active,html[data-theme="dark"] .trading-page .main-nav .nav-link:hover,html[data-theme="dark"] .trading-page .main-nav .nav-link.active{background:#302d45;color:#e4e0ff}
}
@media(max-width:360px){.topbar{gap:5px;padding-inline:8px}.brand{gap:4px}.brand-name{font-size:15px}.brand-mark,.brand-mark svg{width:20px;height:20px}.mobile-nav-toggle{width:31px;height:31px}.header-actions,.trading-header-actions{gap:4px}.month-picker,.month-select-wrap,.month-picker-trigger{width:96px;min-width:96px}.month-picker-trigger{padding-left:27px;padding-right:20px}.header-add{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.mobile-nav-toggle{transition:none}}
html[data-theme="dark"] .auto-check-copy small{color:#aaa9b8}
html[data-theme="dark"] .auto-check-summary{background:#21372f;color:#a1d5b7}
html[data-theme="dark"] .auto-check-summary.has-issues{background:#3a2c20;color:#e5bb8d}
html[data-theme="dark"] .week-bar-track,html[data-theme="dark"] .spend-track,html[data-theme="dark"] .budget-progress,html[data-theme="dark"] .budget-category-track{background:#30303c}
html[data-theme="dark"] .budget-badge,html[data-theme="dark"] .soft-pill{background:#302f40;color:#c8c2f3}
html[data-theme="dark"] .goal-icon.icon-ring,html[data-theme="dark"] .row-glyph.glyph-family{background:#3d2b36;color:#e0a5b4}
html[data-theme="dark"] .goal-icon.icon-car,html[data-theme="dark"] .row-glyph.glyph-car,html[data-theme="dark"] .category-icon.home,html[data-theme="dark"] .row-glyph.glyph-home{background:#302e46;color:#c2baff}
html[data-theme="dark"] .goal-icon.icon-kids,html[data-theme="dark"] .row-glyph.glyph-kids,html[data-theme="dark"] .category-icon.everyday,html[data-theme="dark"] .row-glyph.glyph-save,html[data-theme="dark"] .recovery-check{background:#233b34;color:#9dd0b6}
html[data-theme="dark"] .category-icon.people,html[data-theme="dark"] .row-glyph.glyph-family{background:#3d2b36;color:#e0a5b4}
html[data-theme="dark"] .category-icon.bills,html[data-theme="dark"] .row-glyph.glyph-fun,html[data-theme="dark"] .row-glyph.glyph-trade{background:#3b3024;color:#dfb67f}
html[data-theme="dark"] .category-icon.subs,html[data-theme="dark"] .recurring-glyph,html[data-theme="dark"] .peek-icon,html[data-theme="dark"] .caption-sparkle,html[data-theme="dark"] .payslip-icon{background:#302e46;color:#c2baff}
html[data-theme="dark"] .snapshot-icon.violet{background:#302e46;color:#c2baff}
html[data-theme="dark"] .snapshot-icon.rose{background:#3d2b36;color:#e0a5b4}
html[data-theme="dark"] .snapshot-icon.blue{background:#283342;color:#acc4e2}
html[data-theme="dark"] .snapshot-icon.green{background:#233b34;color:#9dd0b6}
html[data-theme="dark"] .snapshot-icon.gold{background:#3b3024;color:#dfb67f}
html[data-theme="dark"] .payslip-pick,html[data-theme="dark"] .report-action{border-color:#42414f;background:#252530;color:#d1cbff}
html[data-theme="dark"] .payslip-pick:hover,html[data-theme="dark"] .report-action:hover{border-color:#7169a3;background:#302e40}
html[data-theme="dark"] .startup-loader{background:radial-gradient(ellipse at 50% 42%,#20202b 0%,#171720 48%,#111118 100%)}
html[data-theme="dark"] .startup-loader:before,html[data-theme="dark"] .startup-loader:after{border-color:rgba(164,153,238,.11)}
html[data-theme="dark"] .loader-kicker{color:#aaa5c5}
html[data-theme="dark"] .loader-progress{background:#353443}
html[data-theme="dark"] .loader-coin{border-color:#514b6c;background:linear-gradient(145deg,#38344f,#292738);color:#d0c9ff}
html[data-theme="dark"] .empty-state-coin{border-color:#9a793d;color:#f0c878}

@media(max-width:980px){.trade-results{grid-template-columns:repeat(4,minmax(0,1fr))}.trade-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.trade-focus-panel,.trade-calculator{padding:17px 13px}.trade-focus-panel .trading-section-heading h2,.trade-calculator .trading-section-heading h2{font-size:16px}.trade-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trade-type-option>span{min-height:49px;padding:8px 10px}.trade-type-option strong{font-size:9px}.trade-type-option small{font-size:6px}.trade-focus-note{padding:10px}.trade-focus-note strong{font-size:8px}.trade-focus-note p{font-size:7px}.calculator-mode{font-size:5px}.trade-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trade-input-field{padding:8px}.trade-input-field>span:first-child{font-size:6px}.trade-input-wrap input{font-size:11px!important}.trade-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trade-result{min-height:60px;padding:8px}.trade-result>span{font-size:6.5px}.trade-result strong{font-size:12px}.calculator-message{font-size:6.5px}.pretrade-topic>summary{grid-template-columns:24px minmax(0,1fr) auto 12px;gap:7px;padding:9px}.topic-index{width:22px;height:22px;font-size:7px}.topic-title strong{font-size:8px}.topic-title small{max-width:215px;font-size:6px}.topic-count{padding:4px 5px;font-size:5px}.topic-body{padding:4px 9px 10px}.pretrade-check-grid{grid-template-columns:1fr;gap:5px}.pretrade-check{padding:8px}.pretrade-check strong{font-size:7px}.pretrade-check small{font-size:6px}.market-trend-field{align-items:flex-start;flex-direction:column;gap:6px}.market-trend-field select{width:100%;max-width:none}.timeframe-ladder{gap:5px;font-size:6px}.formula-ribbon{gap:5px;font-size:6px}.mini-guide p,.expectancy-note p{font-size:6.5px}.screener-controls{justify-content:space-between;margin-top:10px}.market-search-trigger{height:31px;font-size:7px}.market-search-row{grid-template-columns:65px minmax(0,1fr);gap:6px}.market-search-row button{grid-column:1/-1}.market-search-form{padding:10px}.market-search-status{font-size:6px}.market-chart-card{padding:10px}.market-chart-container{height:360px}.market-chart-actions{gap:6px}.market-chart-actions a{font-size:6px}}
@media(max-width:420px){.trade-results{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-title small{max-width:175px}.market-chart-container{height:330px}.market-chart-heading h3{font-size:13px}.market-chart-actions a{max-width:92px;text-align:right}}

html[data-theme="dark"] .scene-caption{border-color:#41404e;background:rgba(31,30,42,.94);box-shadow:0 9px 24px rgba(0,0,0,.3);color:#eeedf6}
html[data-theme="dark"] .scene-caption small{color:#aaa9b8}
html[data-theme="dark"] .payslip-card{border-color:#373643;background:linear-gradient(110deg,#252432,#20202a)}
html[data-theme="dark"] .payslip-copy strong{color:#e4e2ec}
html[data-theme="dark"] .payslip-copy span{color:#aaa9b8}
html[data-theme="dark"] .risk-band{border-color:#373643;background:linear-gradient(110deg,#242234,#25212e 53%,#202a27);box-shadow:0 12px 35px rgba(0,0,0,.2)}
html[data-theme="dark"] .risk-symbol{background:#302d46;color:#c5bcff;box-shadow:0 6px 16px rgba(0,0,0,.2)}
html[data-theme="dark"] .risk-copy p,html[data-theme="dark"] .risk-amount>span,html[data-theme="dark"] .risk-amount small{color:#aaa9b8}
html[data-theme="dark"] .risk-amount{border-color:#3b3948}
@media(max-width:700px){.main-nav,.trading-page .main-nav{background:#fff}html[data-theme="dark"] .main-nav,html[data-theme="dark"] .trading-page .main-nav{background:#1d1c27}}

/* Private account gate and installable phone shell */
[hidden]{display:none!important}
.cloud-access{display:none;position:fixed;inset:0;z-index:1000;place-items:center;padding:20px;background:var(--paper);overflow:auto}
html.cloud-required .cloud-access:not([hidden]){display:grid}
html.cloud-required body>*:not(#cloud-access){visibility:hidden!important;pointer-events:none!important}
html.cloud-required body>#cloud-access{visibility:visible!important;pointer-events:auto!important}
.cloud-access-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:0 24px 80px rgba(31,32,49,.12)}
.cloud-access-mark{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;border-radius:14px;background:var(--lavender);color:var(--violet-deep);font:800 20px var(--display)}
.cloud-access-card h1{margin:9px 0 8px;font:650 27px/1.18 var(--display);letter-spacing:-1px;color:var(--ink)}
.cloud-access-card>p,.cloud-access-card [data-cloud-panel] p{margin:0 0 17px;color:var(--muted);font-size:13px;line-height:1.65}
.cloud-access-card .cloud-access-error{padding:10px 12px;border:1px solid #f1c8cd;border-radius:10px;background:#fff3f4;color:#9d4655;font-size:12px}
.cloud-form{display:grid;gap:13px;margin-top:19px}
.cloud-form label,.cloud-enrollment>label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:600}
.cloud-form input{height:43px;width:100%;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);outline:none}
.cloud-form input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(131,120,232,.13)}
.cloud-submit{width:100%;margin-top:4px;min-height:42px}
.cloud-reset-password{justify-self:center;padding:3px 6px;border:0;background:transparent;color:var(--violet-deep);font:600 11px var(--font);cursor:pointer}
.cloud-reset-password:hover{text-decoration:underline}
.cloud-access-card [data-cloud-panel="reset-sent"] .cloud-submit{margin-top:3px}
.cloud-access-card [data-cloud-panel="config"]{padding:13px;border-radius:12px;background:var(--paper)}
.cloud-access-card .cloud-config-note{margin:9px 0 0;font-size:11px}
.cloud-enrollment img{display:block;width:172px;height:172px;object-fit:contain;margin:12px auto;padding:8px;border-radius:12px;background:#fff}
.cloud-enrollment code{display:block;max-width:100%;overflow-wrap:anywhere;padding:10px;border-radius:9px;background:var(--paper);color:var(--ink);font-size:12px;letter-spacing:1px}
.cloud-choice{display:grid;gap:9px;margin-top:14px}
.cloud-choice p{margin-bottom:4px!important}
.cloud-choice [data-cloud-start-fresh]{margin-top:0}
.cloud-loading{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--muted);font-size:12px}
.cloud-spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--violet);border-radius:50%;animation:cloudSpin .8s linear infinite}
@keyframes cloudSpin{to{transform:rotate(360deg)}}
.cloud-access-foot{display:block;margin-top:23px;color:var(--soft);font-size:10px;text-align:center}
.cloud-lock-button{padding:0;border:0;background:transparent;cursor:pointer}
.goal-date-control{display:grid;gap:6px;min-width:190px;color:var(--muted);font-size:10px;text-align:right}
.goal-date-control input{height:36px;min-width:180px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font:500 11px var(--font)}
html[data-theme="dark"] .cloud-access{background:#15141d}
html[data-theme="dark"] .cloud-access-card{border-color:#393744;background:#201f2a;box-shadow:0 24px 80px rgba(0,0,0,.38)}
html[data-theme="dark"] .cloud-access-card .cloud-access-error{border-color:#61404a;background:#33242b;color:#f1b9c1}
html[data-theme="dark"] .cloud-reset-password{color:#bcb5ff}
html[data-theme="dark"] .cloud-form input,html[data-theme="dark"] .cloud-enrollment code,html[data-theme="dark"] .goal-date-control input{border-color:#403e4d;background:#191821;color:#eeedf6}
html[data-theme="dark"] .cloud-access-card [data-cloud-panel="config"]{background:#191821}
@media(max-width:700px){.cloud-access{padding:14px}.cloud-access-card{padding:23px 19px;border-radius:19px}.cloud-access-card h1{font-size:24px}.goal-date-control{width:100%;text-align:left}.goal-date-control input{width:100%}.section-heading:has(.goal-date-control){align-items:flex-start;flex-direction:column;gap:12px}}