@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap";:root{color-scheme:dark;--bg: #09040b;--bg-alt: #140615;--card: rgba(6, 2, 8, .78);--pink: #ff3f9e;--pink-soft: #ff87c8;--magenta: #c91a7a;--violet: #7a2bff;--text: #f8dce9;--text-muted: rgba(248, 220, 233, .64);--border: rgba(255, 255, 255, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 15%,rgba(255,90,160,.15),transparent 50%),radial-gradient(circle at 85% 20%,rgba(120,50,255,.18),transparent 45%),linear-gradient(140deg,#0b040d,#120410 40%,#050205);color:var(--text);font-family:Familjen Grotesk,Helvetica Neue,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,140,200,.05),transparent 60%);pointer-events:none;z-index:-1}main{max-width:1200px;margin:0 auto 64px;padding:72px 24px 48px;display:grid;gap:24px}.scene{animation:sceneIn .52s cubic-bezier(.22,1,.36,1)}@keyframes sceneIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body[data-scene=darkroom]{background:radial-gradient(circle at 20% 20%,rgba(120,40,50,.2),transparent 55%),linear-gradient(160deg,#080406,#0c050a 45%,#040203)}body[data-scene=aftermint]{background:radial-gradient(circle at 80% 20%,rgba(60,200,220,.14),transparent 55%),linear-gradient(150deg,#070b12,#08121a 45%,#020406)}body[data-scene=vault]{background:radial-gradient(circle at 30% 20%,rgba(130,110,60,.18),transparent 55%),linear-gradient(160deg,#090709,#0f0b0c 45%,#050305)}body[data-scene=market],body[data-scene=profile],body[data-scene=lounge],body[data-scene=wallet],body[data-scene=onboarding]{background:radial-gradient(circle at 15% 15%,rgba(255,90,160,.15),transparent 50%),radial-gradient(circle at 85% 20%,rgba(120,50,255,.18),transparent 45%),linear-gradient(140deg,#0b040d,#120410 40%,#050205)}header{padding:56px 24px 24px;max-width:1200px;margin:0 auto}.logo-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.logo-mark{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(255,70,150,.35))}header h1{font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.6rem);margin:8px 0 12px}header p{max-width:680px;color:var(--text-muted);margin:0 0 8px}.mode-banner{margin-top:18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0602088c}.mode-title{font-size:1.05rem;font-weight:600}.nav{max-width:1100px;width:calc(100% - 32px);margin:0;padding:10px 16px;display:flex;flex-wrap:wrap;gap:14px;position:fixed;left:50%;top:18px;transform:translate(-50%);background:#08030a8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:999px;box-shadow:0 18px 40px #00000073;z-index:100}.nav-item{background:transparent;border:none;color:var(--text-muted);padding:8px 2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.28em;cursor:pointer;transition:color .2s ease,transform .2s ease;position:relative}.nav-item:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--pink-soft),transparent);opacity:0;transition:opacity .2s ease}.nav-item.active{color:var(--text);transform:translateY(-1px)}.nav-item.active:after{opacity:.6}.nav-item:hover{color:var(--text)}.eyebrow{letter-spacing:.6em;font-size:.7rem;text-transform:uppercase;color:var(--pink-soft)}.panel{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:panelFade .24s ease}.panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,80,160,.12),transparent 50%);opacity:.6;pointer-events:none}.panel h2{margin:0 0 8px;font-size:1.4rem}.panel p{margin:0 0 16px;color:var(--text-muted)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#060208a6;padding:14px 16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);border-color:#ff64be40;box-shadow:0 12px 24px #00000059}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--pink-soft);border:1px solid rgba(255,100,190,.4)}.btn{border:none;border-radius:999px;padding:12px 18px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;font-size:.75rem;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));transition:transform .16s ease,filter .16s ease}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}input,textarea{width:100%;background:#0602088c;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;color:var(--text);font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus{outline:none;border-color:#ff64be80;box-shadow:0 0 0 3px #ff50a02e}.avatar{width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.2);overflow:hidden;background:#ffffff14}.avatar-lg{width:84px;height:84px}.avatar img{width:100%;height:100%;object-fit:cover}.status{font-size:.8rem;color:var(--pink-soft)}.list{display:grid;gap:10px}.muted{color:var(--text-muted)}.market-card{display:grid;gap:10px}.market-preview{border-radius:16px;padding:18px;min-height:160px;background:linear-gradient(140deg,#ff46962e,#0a0612cc);border:1px solid rgba(255,255,255,.08);display:grid;align-content:end}.market-title{font-size:1.1rem;font-weight:600}.market-collection{margin-top:6px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.market-meta{margin-top:6px}.market-description{margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-price{margin-top:6px;color:var(--pink-soft)}.wallet-grid .wallet-value{margin-top:8px;font-size:.95rem}.profile-hero{position:relative;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0602088c}.consent-row{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;color:var(--text-muted);margin-top:12px}.consent-row input{margin-top:4px}.profile-banner{position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#ff50a01f,#0a0612b3);pointer-events:none}.profile-header{position:relative;gap:16px;align-items:flex-end}.lounge-list{gap:12px}.lounge-card{background:#0602088c}.onboard-hero h2{margin:10px 0 8px;font-size:1.8rem}.onboard-hero p{max-width:620px}.onboard-steps{display:grid;gap:16px;margin-top:18px}.onboard-steps h3{margin:8px 0 6px;font-size:1.1rem}.onboard-steps button.card{text-align:left;cursor:pointer}.media-preview{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0006}.media-preview img,.media-preview video{width:100%;max-height:220px;object-fit:cover;display:block}.gallery{margin-top:10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.gallery-item{border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:10px;background:#06020880;scroll-snap-align:start;min-height:180px}.gallery-item img,.gallery-item video{width:100%;height:140px;object-fit:cover;border-radius:12px;display:block}@keyframes panelFade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){header{padding-top:32px}.nav{top:auto;bottom:18px;justify-content:center}.nav-item{padding:10px 4px;letter-spacing:.2em}.nav-item:after{bottom:-4px}main{padding-top:24px;padding-bottom:120px}}