:root{--obsidian: #0f172a;--slate: #1e293b;--slate-2: #273449;--teal: #115e59;--emerald: #10b981;--gold: #d4af37;--wisp: #f8fafc;--gray: #94a3b8;--mint: #34d399;--amber: #f59e0b;--crimson: #ef4444;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--obsidian);color:var(--wisp);font-family:Aptos,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--mint)}button{font-family:inherit;cursor:pointer;min-height:44px;border-radius:var(--radius);border:1px solid var(--teal);background:var(--slate);color:var(--wisp);padding:.6rem 1.1rem;font-size:1rem}button.primary{background:var(--emerald);border-color:var(--emerald);color:#06281c;font-weight:700}button:disabled{opacity:.55;cursor:default}button.ghost{background:transparent}input,select{font-family:inherit;background:var(--slate);border:1px solid var(--teal);color:var(--wisp);border-radius:var(--radius);padding:.6rem .8rem;font-size:1rem;min-height:44px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.wrap{max-width:1100px;margin:0 auto;padding:0 1rem}.site-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 0}.site-header img{width:44px;height:44px;border-radius:10px}.site-header .brand{font-size:1.35rem;font-weight:800;letter-spacing:.02em}.brand-cents{color:#10b981}.site-header .tagline{color:var(--gray);font-size:.85rem}.landing{padding:3.5rem 0 4rem;text-align:center}.landing h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:.4rem 0 1.6rem}.hero-logo-anim{display:block;width:min(300px,72vw);height:auto;margin:0 auto .75rem;border-radius:1rem}.fill-blank{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.4rem}.fill-blank input[type=text]{width:min(300px,70vw)}.fill-blank input.budget{width:110px;text-align:center}.cmdr-suggest{position:relative}.cmdr-suggest ul{position:absolute;z-index:20;left:0;right:0;top:100%;margin:.25rem 0 0;padding:.25rem;list-style:none;background:var(--slate-2);border:1px solid var(--teal);border-radius:var(--radius);text-align:left;max-height:260px;overflow:auto}.cmdr-suggest li button{width:100%;text-align:left;border:none;background:transparent;padding:.55rem .7rem;border-radius:8px;min-height:44px;display:flex;justify-content:space-between;gap:.5rem}.cmdr-suggest li button:hover,.cmdr-suggest li button.active{background:var(--teal)}.cmdr-suggest .decks{color:var(--gray);font-size:.8rem}.mode-toggle{display:inline-flex;background:var(--slate);border:1px solid var(--teal);border-radius:999px;padding:4px;gap:4px;margin-bottom:1.4rem}.mode-toggle button{border:none;border-radius:999px;background:transparent;padding:.55rem 1.2rem;min-height:44px}.mode-toggle button small{display:block;font-size:.72rem;color:var(--gray);font-weight:400}.mode-toggle button.on{background:var(--emerald);color:#06281c;font-weight:700}.mode-toggle button.on small{color:#06281c}.form-error{color:var(--crimson);margin:.6rem 0;min-height:1.4em}.smart-banner{background:#10b9811a;border:1px solid var(--teal);border-radius:var(--radius);padding:.8rem 1rem;margin:0 0 1.2rem;display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.smart-banner p{margin:0;flex:1 1 18rem}.smart-banner .banner-actions{display:flex;gap:.5rem;flex-wrap:wrap}.smart-banner .banner-actions button{min-height:36px;padding:.3rem .9rem;font-size:.85rem}.smart-banner .skipped-list{flex-basis:100%;margin:.2rem 0 0}.breaker-callout{background:#f59e0b14;border:1px solid rgba(245,158,11,.45);border-radius:var(--radius);padding:.8rem 1rem;margin:0 0 1.2rem;display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.breaker-callout p{margin:0;flex:1 1 16rem}.feedback-widget{background:#0f172a99;border:1px solid var(--teal);border-radius:var(--radius);padding:.9rem 1.1rem;margin:0 0 1.2rem}.feedback-widget p{margin:0 0 .6rem}.feedback-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.feedback-row>button{min-height:40px;padding:.35rem .8rem;font-size:1.05rem}.feedback-row>button.on{border-color:var(--emerald);background:#10b98126}.feedback-row select,.feedback-row input{background:var(--slate-2);border:1px solid var(--teal);border-radius:8px;color:var(--wisp);padding:.5rem .6rem;font-size:.9rem}.feedback-row input{flex:1 1 12rem}.skipped-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.skipped-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--slate);border:1px solid var(--teal);border-radius:999px;padding:.3rem .7rem;font-size:.85rem;color:var(--wisp)}.skipped-chip img{width:24px;height:24px;border-radius:4px}.grid-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 1rem}.grid-tools h2{margin:0;font-size:1.2rem}.grid-tools .hint{color:var(--gray);font-size:.9rem;width:100%}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:7rem}.card-tile{position:relative;background:var(--slate);border:1px solid var(--teal);border-radius:var(--radius);overflow:hidden;text-align:left;padding:0;display:flex;flex-direction:column}.card-tile .imgwrap{position:relative;aspect-ratio:63 / 88;background:#0b1220}.card-tile img.card-img{width:100%;height:100%;object-fit:cover;display:block}.card-tile:not(.selected) .imgwrap:after{content:"Removed";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172ab8;color:var(--gray);font-weight:700;letter-spacing:.06em}.value-badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:800;white-space:nowrap;background:#0f172ae6;border:1px solid var(--gray);color:var(--wisp)}.value-badge.gold{border-color:var(--gold);color:var(--gold)}.value-badge.emerald{border-color:var(--emerald);color:var(--mint)}.card-tile .meta{padding:.6rem .7rem .7rem;display:flex;flex-direction:column;gap:.3rem}.card-tile .meta-head{display:flex;align-items:center;gap:.45rem}.card-tile .select-dot{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;background:transparent;border:2px solid var(--gray);color:var(--gray)}.card-tile.selected .select-dot{background:var(--emerald);border-color:var(--emerald);color:#06281c}.card-tile .name{font-weight:700;font-size:.92rem}.card-tile .price-row{display:flex;align-items:center;gap:.5rem}.card-tile .price{color:var(--mint);font-weight:700}.card-tile .role{display:inline-block;align-self:flex-start;font-size:.75rem;color:var(--gray);border:1px solid var(--teal);border-radius:999px;padding:.15rem .55rem}.card-tile .swap{margin-top:.35rem;min-height:40px;font-size:.82rem;padding:.35rem .6rem}.checkout-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#1e293bfa;border-top:1px solid var(--teal);padding:.7rem 0 .4rem}.checkout-bar .row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.checkout-bar .totals{font-weight:700;margin-right:auto}.checkout-bar .totals small{display:block;color:var(--gray);font-weight:400;font-size:.8rem}.checkout-bar .actions{display:flex;gap:.5rem;flex-wrap:wrap}.ftc{color:#64748b;font-size:.75rem;text-align:center;margin:.45rem 0 .2rem}.upsell{text-align:center;font-size:.85rem;color:var(--gray);margin:0 0 .3rem}.upsell a{color:var(--mint);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020610bf;display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.modal-backdrop{align-items:center}}.modal{background:var(--slate);border:1px solid var(--teal);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:86vh;overflow:auto;padding:1.2rem}@media(min-width:640px){.modal{border-radius:16px}}.modal h3{margin-top:0}.vendor-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--teal)}.vendor-row:last-child{border-bottom:none}.note{color:var(--gray);font-size:.88rem}.toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:var(--slate-2);border:1px solid var(--emerald);color:var(--wisp);border-radius:999px;padding:.6rem 1.2rem;z-index:60;font-size:.9rem}.method{padding:2.5rem 0;border-top:1px solid var(--teal);margin-top:2rem}.method h2{margin-top:0}.method .kicker{color:var(--gold);text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}.method p{color:var(--gray);line-height:1.6;max-width:60ch}.site-footer{border-top:1px solid var(--teal);padding:1.4rem 0 2rem;color:var(--gray);font-size:.82rem;line-height:1.7;margin-bottom:9rem}.site-footer .credit{opacity:.75}.site-footer .legal{color:#64748b}.receipt-preview{max-width:100%;border-radius:var(--radius);border:1px solid var(--teal)}.hero{position:relative;overflow:hidden;display:flex;gap:1.1rem;align-items:center;border:1px solid var(--teal);border-radius:var(--radius);padding:1rem 1.2rem;margin:1.2rem 0;background:#0f172a99}.hero-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:0;pointer-events:none;filter:blur(48px) saturate(1.4);opacity:.35}.hero-glow img{width:100%;height:100%;object-fit:cover}.hero-art{position:relative;z-index:1;flex:none;width:96px;height:96px;object-fit:cover;border-radius:12px;border:2px solid var(--teal);box-shadow:0 4px 18px #00000080}.hero-body{position:relative;z-index:1;flex:1 1 16rem;min-width:0}.hero-body .kicker{color:var(--gold);text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}.hero-body h2{margin:.15rem 0 .6rem}.hero-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem}.mode-toggle.small button{padding:.45rem .9rem;font-size:.88rem}.mode-toggle.small button small{display:none}.hero-budget{display:inline-flex;align-items:center;gap:.35rem;color:var(--gray);font-size:.9rem}.hero-budget input{width:4.5rem;background:var(--slate-2);border:1px solid var(--teal);border-radius:8px;color:var(--wisp);padding:.45rem .5rem;font-size:.95rem}.hero-budget button,.hero-controls>button.ghost{min-height:38px;padding:.35rem .9rem;font-size:.88rem}.budget-bar{height:10px;border-radius:999px;background:#94a3b82e;overflow:hidden;margin-bottom:.5rem}.budget-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--emerald));transition:width .4s ease}.budget-fill.over{background:linear-gradient(90deg,#b45309,var(--crimson))}.results-metrics{display:flex;gap:1.4rem;flex-wrap:wrap;color:var(--gray);font-size:.92rem}.results-metrics strong{color:var(--wisp)}@media(max-width:390px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.checkout-bar .actions button{flex:1 1 45%;font-size:.85rem;padding:.6rem .4rem}}