:root{font-family:DM Sans,sans-serif;color:#f6efe4;background:radial-gradient(circle at top left,rgba(243,123,62,.45),transparent 30%),radial-gradient(circle at bottom right,rgba(64,178,162,.35),transparent 32%),linear-gradient(135deg,#1f2432,#11151f 45%,#151c29);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;--panel-bg: rgba(15, 18, 27, .76);--panel-border: rgba(255, 255, 255, .12);--accent: #f9a03f;--accent-strong: #f0702f;--mint: #7ce0cf;--text-soft: rgba(246, 239, 228, .72);--danger: #ff8f8f;--shadow: 0 24px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}input,button{touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:2rem}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.5rem;padding:1.5rem}.hero-panel,.panel-card,.sidebar-card,.dashboard-hero,.insight-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.hero-panel{border-radius:32px;padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:14rem;height:14rem;border-radius:50%;background:#f9a03f29;top:-3rem;right:-2rem;filter:blur(8px)}.eyebrow,.panel-title{font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.eyebrow{color:var(--mint);margin:0 0 1rem}.hero-panel h1,.panel-card h2{font-family:Space Grotesk,sans-serif;line-height:.95;margin:0}.hero-panel h1{font-size:clamp(3rem,7vw,5.8rem);max-width:8ch}.hero-copy,.panel-copy,.session-copy,.help-text{color:var(--text-soft)}.hero-copy{font-size:1.05rem;max-width:38rem;margin:1.5rem 0 0}.hero-points{margin:2rem 0 0;padding:0;list-style:none;display:flex;gap:.8rem;flex-wrap:wrap}.hero-points li{padding:.7rem 1rem;border-radius:999px;background:#7ce0cf1a;border:1px solid rgba(124,224,207,.22)}.public-info-grid{display:grid;gap:.9rem;margin-top:1.4rem}.public-info-card,.premium-highlight,.info-callout{border-radius:22px;padding:1rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.public-info-card strong,.premium-highlight strong,.info-callout strong{display:block;margin-top:.2rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.public-info-card p,.premium-highlight p,.info-callout p{color:var(--text-soft);margin:.45rem 0 0}.public-info-list{margin:.8rem 0 0;padding-left:1.1rem;color:var(--text-soft)}.public-info-list li+li{margin-top:.35rem}.premium-highlight{margin-top:1rem;background:linear-gradient(135deg,#f9a03f1f,#7ce0cf14)}.plan-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.plan-comparison-card{border-radius:22px;padding:1rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.plan-comparison-card strong{display:block;margin-top:.2rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.plan-comparison-card-featured{background:linear-gradient(135deg,#f9a03f29,#f0702f24);border-color:#f9a03f47}.faq-panel{margin-top:1rem;border-radius:22px;padding:1rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.faq-panel strong{display:block;margin-top:.2rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.faq-grid{display:grid;gap:.8rem;margin-top:.9rem}.faq-item{border-radius:18px;padding:.95rem 1rem;background:#ffffff0a}.faq-item h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.faq-item p{margin:.45rem 0 0;color:var(--text-soft)}.login-panel{display:flex;align-items:center;justify-content:center}.dashboard-sidebar{display:grid;gap:1rem}.sidebar-card,.dashboard-hero,.insight-card{border-radius:28px}.sidebar-card{padding:1.25rem}.brand-card h2{margin:0;font-family:Space Grotesk,sans-serif}.nav-card{display:grid;gap:.7rem}.nav-pill{text-transform:capitalize;border:1px solid transparent;background:#ffffff0a;color:inherit;border-radius:16px;padding:.85rem 1rem;text-align:left;cursor:pointer}.nav-pill-active{background:linear-gradient(135deg,#f9a03f33,#f0702f33);border-color:#f9a03f59}.account-card{display:grid;gap:.75rem}.dashboard-main{display:grid;gap:1rem}.dashboard-hero{padding:2rem}.dashboard-hero h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,5vw,4.2rem);line-height:.96;max-width:11ch}.hero-inline-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.hero-inline-stats div{border-radius:18px;padding:1rem;background:#ffffff0d}.hero-inline-stats span,.insight-label{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.hero-inline-stats strong{display:block;margin-top:.35rem;font-family:Space Grotesk,sans-serif}.dashboard-grid,.detail-panels{display:grid;gap:1rem}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-card{padding:1.35rem}.insight-card h3{margin:.35rem 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.insight-card p:last-child{margin-bottom:0;color:var(--text-soft)}.summary-repeated-header{display:grid;gap:.8rem}.summary-repeated-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.summary-repeated-card{border-radius:20px;padding:.9rem 1rem;background:#ffffff0d;display:grid;gap:.25rem}.summary-repeated-card strong{font-family:Space Grotesk,sans-serif}.summary-repeated-card small{color:var(--text-soft)}.summary-repeated-actions{display:grid;gap:.6rem;margin-top:.4rem}.summary-repeated-actions .primary-button,.summary-repeated-actions .ghost-button{width:100%}.panel-card{width:min(100%,30rem);border-radius:28px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.wide-panel{width:100%}.info-panel-card{width:min(100%,34rem)}.panel-title{margin:0;color:var(--accent)}.panel-card h2{font-size:2.35rem}.field{display:grid;gap:.5rem}.field span,dt{font-size:.92rem;color:var(--text-soft)}.field input{width:100%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;border-radius:18px;padding:.95rem 1rem;outline:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.field input:focus{border-color:#f9a03fe6;background:#ffffff1a;transform:translateY(-1px)}.account-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.account-role-card{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1rem;background:#ffffff0a;color:inherit;cursor:pointer;display:grid;gap:.3rem;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.account-role-card strong{font-family:Space Grotesk,sans-serif}.account-role-card small{color:var(--text-soft)}.account-role-card:hover{transform:translateY(-1px);border-color:#ffffff3d}.account-role-card-active{border-color:#f9a03f5c;background:#f9a03f1f}.primary-button{border:0;border-radius:18px;padding:1rem 1.2rem;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#19130d;font-family:Space Grotesk,sans-serif;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-button:disabled{cursor:wait;opacity:.75}.ghost-button{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:1rem 1.2rem;background:#ffffff0a;color:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ghost-button:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffffff47}.inline-form{display:grid;gap:1rem}.status-banner,.success-banner{margin:0;padding:.85rem 1rem;border-radius:16px}.status-banner{border:1px solid rgba(124,224,207,.24);background:#7ce0cf17;color:#d7fff7}.success-banner{border:1px solid rgba(249,160,63,.28);background:#f9a03f1a;color:#ffe0b5}.error-banner{margin:0;border:1px solid rgba(255,143,143,.35);background:#ff8f8f14;color:var(--danger);padding:.85rem 1rem;border-radius:16px}.session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.session-grid div{padding:1rem;border-radius:18px;background:#ffffff0d}dd{margin:.35rem 0 0;font-family:Space Grotesk,sans-serif}.help-text{margin:0;font-size:.9rem}.roadmap-list{margin:0;padding-left:1.1rem;color:var(--text-soft)}.trade-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.trade-plan-card,.trade-row{border-radius:22px;padding:1rem;background:#ffffff0d}.trade-plan-card{display:grid;gap:.6rem}.trade-plan-card strong,.trade-row strong{font-family:Space Grotesk,sans-serif}.trade-plan-card small,.trade-row span{color:var(--text-soft)}.trade-list{display:grid;gap:.8rem}.trade-events-panel{display:grid;gap:.9rem;padding:1rem;border-radius:22px;background:#ffffff0d}.trade-events-panel h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.trade-section-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.trade-events-grid{display:grid;gap:.9rem}.trade-event-card{display:grid;gap:.8rem;padding:1rem;border-radius:20px;background:#ffffff0a}.trade-event-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.trade-event-header strong{display:block;margin-top:.2rem;font-family:Space Grotesk,sans-serif}.trade-event-header small{color:var(--text-soft)}.trade-event-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.trade-action-row{display:flex;flex-wrap:wrap;gap:.7rem}.trade-create-form{display:grid;gap:.9rem;padding:1rem;border-radius:22px;background:#ffffff0d}.trade-payment-panel{display:grid;gap:1rem;padding:1rem;border-radius:22px;background:linear-gradient(135deg,#f9a03f24,#ffffff0a),#ffffff0d;border:1px solid rgba(249,160,63,.18)}.trade-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.trade-payment-card{display:grid;gap:.7rem;padding:1rem;border-radius:20px;background:#0b141b47}.trade-payment-card-highlight{border:1px solid rgba(249,160,63,.2)}.trade-payment-card strong{font-family:Space Grotesk,sans-serif}.trade-payment-card small{color:var(--text-soft)}.trade-payment-list{margin:0;padding-left:1.1rem;color:var(--text-soft)}.trade-payment-actions{display:flex;flex-wrap:wrap;gap:.8rem}.trade-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.trade-row{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.7fr));gap:.8rem;align-items:center}.trade-row div{display:grid;gap:.2rem}.album-summary-row{display:grid;gap:1rem}.album-summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:1rem}.album-progress-card{display:grid;gap:.2rem;padding:1rem;border-radius:22px;background:#ffffff0d}.album-progress-card span,.album-progress-card small{color:var(--text-soft)}.album-progress-card strong{font-family:Space Grotesk,sans-serif;font-size:2.4rem}.album-mini-card{display:grid;gap:.2rem;padding:1rem;border-radius:22px;background:#ffffff0d}.album-mini-card-action{border:1px solid rgba(249,190,74,.18);color:inherit;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.album-mini-card-action:hover{transform:translateY(-1px);border-color:#f9be4a57;background:#f9be4a14}.album-mini-card span,.album-mini-card small,.toolbar-label{color:var(--text-soft)}.album-mini-card strong{font-family:Space Grotesk,sans-serif;font-size:2rem}.album-progress-bar{width:100%;height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.album-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--mint))}.album-toolbar,.album-filter-block{display:grid;gap:.75rem}.album-toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end}.album-search-field{min-width:0}.team-filter-row{display:flex;flex-wrap:wrap;gap:.65rem}.team-chip{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.65rem .9rem;background:#ffffff0a;color:inherit;cursor:pointer}.team-chip-active{border-color:#f9a03f5c;background:#f9a03f24}.quick-sticker-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:20px;background:#ffffff0d}.quick-sticker-panel strong{display:block;margin-top:.25rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.quick-sticker-button{border:1px solid rgba(249,160,63,.32);border-radius:999px;padding:.8rem 1rem;background:#f9a03f24;color:inherit;cursor:pointer}.quick-sticker-button-owned{border-color:#7ce0cf57;background:#7ce0cf24}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.6rem}.sticker-card{text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.7rem .45rem;background:#ffffff0a;color:inherit;display:grid;place-items:center;gap:.35rem;min-height:76px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.sticker-card:hover{transform:translateY(-1px);border-color:#ffffff3d}.sticker-card-owned{border-color:#7ce0cf57;background:#7ce0cf1f}.sticker-card-repeated{border-color:#f9a03f5c;background:#f9a03f24}.sticker-card-golden{border-color:#f9be4a66;background:linear-gradient(180deg,#f9be4a24,#ffffff0a);box-shadow:inset 0 0 0 1px #f9be4a14}.sticker-card-repeated .sticker-number{color:#ffd2a3}.sticker-card-repeated .sticker-action{color:#ffd2a3db}.sticker-card-golden .sticker-number{color:#ffe39a}.sticker-card-golden .sticker-action{color:#ffe39ad1}.sticker-tag{border-radius:999px;padding:.18rem .45rem;background:#f9be4a33;color:#ffe39a;font-size:.62rem;line-height:1;text-transform:uppercase;letter-spacing:.04em}.sticker-number{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1}.sticker-action{color:var(--text-soft);font-size:.72rem;line-height:1;font-style:normal}@media (max-width: 860px){.app-shell,.dashboard-shell{grid-template-columns:1fr;padding:1rem}.hero-panel{padding:2rem}.hero-panel h1{max-width:10ch;font-size:clamp(2.4rem,12vw,4rem)}.panel-card{width:100%}.session-grid,.dashboard-grid,.hero-inline-stats,.album-summary-grid,.album-toolbar,.trade-overview-grid,.trade-payment-grid,.trade-event-form-grid,.trade-create-grid,.trade-row,.summary-repeated-grid,.account-role-grid,.plan-comparison-grid{grid-template-columns:1fr}.quick-sticker-panel{align-items:stretch;flex-direction:column}}@media (max-width: 560px){.app-shell,.dashboard-shell{gap:1rem;padding:.8rem}.hero-panel,.dashboard-hero,.panel-card,.sidebar-card,.insight-card{border-radius:22px}.hero-panel,.dashboard-hero,.panel-card{padding:1.2rem}.panel-card h2,.dashboard-hero h1{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1}.hero-copy,.panel-copy,.session-copy,.help-text{font-size:.94rem}.nav-card{grid-auto-columns:minmax(140px,1fr);display:grid;grid-auto-flow:column;overflow-x:auto;padding-bottom:.2rem;scroll-snap-type:x proximity}.nav-pill{min-height:48px;scroll-snap-align:start;white-space:nowrap}.field input,.primary-button,.ghost-button,.quick-sticker-button,.team-chip{min-height:48px}.album-summary-grid{gap:.6rem}.album-progress-card strong,.album-mini-card strong{font-size:1.35rem}.album-progress-card span,.album-progress-card small,.album-mini-card span,.album-mini-card small{font-size:.78rem}.album-toolbar,.album-filter-block,.field{gap:.55rem}.album-search-field span,.toolbar-label,.field span{font-size:.8rem}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.sticker-card{min-height:78px;padding:.55rem .3rem;border-radius:14px}.sticker-number{font-size:.9rem}.sticker-action,.sticker-tag{font-size:.64rem}.team-filter-row{gap:.5rem;overflow-x:auto;padding-bottom:.15rem;flex-wrap:nowrap}.team-chip{flex:0 0 auto;white-space:nowrap;padding:.65rem .8rem}.quick-sticker-panel,.album-mini-card,.album-progress-card,.session-grid div,.hero-inline-stats div{padding:.8rem}.quick-sticker-panel strong{font-size:1.1rem}.panel-title,.eyebrow{font-size:.72rem;letter-spacing:.14em}.dashboard-main,.detail-panels,.dashboard-grid{gap:.8rem}.trade-row{gap:.6rem}}@media (max-width: 390px){.app-shell,.dashboard-shell{padding:.7rem}.panel-card,.dashboard-hero,.hero-panel,.sidebar-card{padding:1rem}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-card{min-height:76px}.primary-button,.ghost-button{padding:.9rem 1rem}}
