:root{
  --bg:#08050c; --bg2:#0f0915; --panel:#14101a; --panel2:#1b1324; --text:#f6f1fa; --muted:#9c91a9;
  --purple:#9c3cff; --violet:#c56cff; --deep:#4e0c7d; --silver:#dad7df; --gold:#d7b567; --line:rgba(255,255,255,.09);
  --shadow:0 24px 80px rgba(0,0,0,.42); --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(123,39,179,.16),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh} button,input,select,textarea{font:inherit} button{cursor:pointer} ::selection{background:var(--purple);color:white}
.glass{background:rgba(18,12,24,.78);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)} .glass-soft{background:linear-gradient(145deg,rgba(24,17,31,.94),rgba(12,8,17,.94));border:1px solid var(--line);box-shadow:0 16px 50px rgba(0,0,0,.24)}
.age-gate{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 20%,rgba(138,45,205,.28),transparent 36%),rgba(3,2,5,.96);display:grid;place-items:center;padding:20px;transition:.45s ease}.age-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.age-card{width:min(520px,100%);border-radius:30px;padding:34px;text-align:center}.age-card h1{font-family:Georgia,serif;font-size:2rem;margin:24px 0 10px}.age-card p{line-height:1.6}.age-card small{display:block;color:#746c7d;margin-top:18px;font-size:.72rem}.exit-screen{height:100vh;display:grid;place-items:center;background:#07040a;color:white}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:14px;border:0;background:transparent;color:white}.sb-monogram{width:72px;height:72px;position:relative;display:grid;place-items:center;color:transparent;background:linear-gradient(135deg,#fff,#91899b 38%,#fff 52%,#7e758b 70%,#f7f7fa);-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-size:46px;font-weight:700;letter-spacing:-18px;padding-right:16px;text-shadow:0 0 24px rgba(190,93,255,.24)}.sb-monogram span:nth-child(2){transform:translate(12px,8px)}.sb-monogram i{position:absolute;top:-9px;right:14px;color:#b35cff;font-size:16px;text-shadow:0 0 16px #9d43ff}.sb-monogram.small{width:48px;height:48px;font-size:31px;letter-spacing:-12px}.wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:.9}.wordmark strong{font-family:Georgia,serif;letter-spacing:.09em;font-size:22px;background:linear-gradient(#fff,#98909f);-webkit-background-clip:text;color:transparent}.wordmark em{font-family:"Segoe Script","Brush Script MT",cursive;font-size:34px;color:#c257ff;transform:rotate(-3deg);text-shadow:0 0 14px rgba(180,74,255,.42)}.wordmark.small strong{font-size:13px}.wordmark.small em{font-size:23px}.tagline{font-size:.68rem;letter-spacing:.25em;color:#b8aabd;margin:8px 0 0}.muted{color:var(--muted)}
.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:700;transition:.2s ease;color:white}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#7d24c7,#b54cff);box-shadow:0 8px 25px rgba(166,65,239,.25)}.btn.outline{background:transparent;border:1px solid rgba(197,108,255,.5);color:#d9b4ff}.btn.ghost{background:rgba(255,255,255,.05);color:#d9d2df}.btn.wide{width:100%;margin-top:10px}
.site-shell{min-height:100vh}.topbar{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:246px;padding:24px 16px;z-index:20;display:flex;flex-direction:column}.sidebar-brand{justify-content:flex-start;margin-bottom:34px}.side-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#b7acbf;padding:12px 14px;border-radius:14px;text-align:left;font-weight:650;position:relative}.nav-item span:first-child{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(155,58,231,.18),rgba(155,58,231,.04));color:white}.nav-item.active:before{content:"";position:absolute;left:-16px;width:3px;height:24px;border-radius:3px;background:#b553ff;box-shadow:0 0 14px #9f43f5}.pill-count{margin-left:auto;background:#9e40ef;color:white;border-radius:20px;padding:2px 7px;font-size:.7rem}.studio-link{margin-top:8px;color:#d9b4ff;border:1px solid rgba(183,86,249,.16)}.creator-switch{margin-top:auto;border:1px solid var(--line);padding:12px;border-radius:16px;background:#0f0a14}.creator-switch>span{display:block;font-size:.68rem;color:#756d7b;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.mode-toggle{border:0;background:transparent;color:white;text-align:left;display:flex;flex-direction:column}.mode-toggle small{color:#8f8598;margin-top:2px}.sidebar-foot{font-size:.64rem;color:#605968;display:flex;flex-direction:column;gap:4px;margin-top:16px}
.main-content{margin-left:246px;padding:34px 34px 110px;max-width:1540px}.view{display:none;animation:fade .28s ease}.active-view{display:block}@keyframes fade{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}