:root{font-family:'DM Sans',sans-serif;color:#f5f5f5;background:#08090b;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1380px;padding:0 6%;margin:auto}.ambient{position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;background:radial-gradient(ellipse 45% 33% at 76% 38%,#9799a521,transparent 75%),radial-gradient(ellipse 40% 55% at 13% 7%,#33363c3e,transparent 70%),linear-gradient(130deg,#0d0f13 0%,#08090b 58%,#101116 100%);z-index:-2}.noise{position:fixed;inset:0;pointer-events:none;z-index:15;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.header{min-height:92px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;gap:22px;position:relative;z-index:5;background:#090a0cc7;backdrop-filter:blur(28px)}.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk';letter-spacing:-1.5px;line-height:1}.brand .light{font-weight:400}.brand-mark{font:44px 'Space Grotesk';line-height:1}.brand small{font:500 8px 'DM Sans';letter-spacing:3px;display:block;margin-top:6px;color:#a2a3ab}.nav{display:flex;gap:32px;font-size:12px;color:#8f919a}.nav a.active,.nav a:hover{color:#fff}.header-right{display:flex;align-items:center;gap:18px}.status{font-size:9px;letter-spacing:1.5px;color:#b8bbc1;white-space:nowrap}.status span{display:inline-block;height:6px;width:6px;border-radius:50%;background:#e1e4e6;box-shadow:0 0 12px #fff;margin-right:6px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 19px;border-radius:99px;text-transform:uppercase;font-size:10px;letter-spacing:1.3px;font-weight:700;transition:.25s}.pill:hover{transform:translateY(-2px)}.outline{border:1px solid #ffffff50;color:#fff;background:#ffffff08}.outline:hover{background:#ffffff1c}.solid{background:#f1f2f4;color:#0a0b0e;border:1px solid #f1f2f4}.solid:hover{background:#bfc0c4}.menu{display:none;border:0;background:transparent;color:#fff;font-size:23px}.hero{min-height:740px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:relative;padding-top:80px;padding-bottom:90px}.eyebrow,.kicker{color:#a6a8b0;letter-spacing:2.5px;font-size:10px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.sparkle{font-size:22px;color:#fff}.eyebrow .line{width:60px;height:1px;background:#60616b}.hero h1{font:700 clamp(54px,8.5vw,126px)/.95 'Space Grotesk';letter-spacing:-.085em;margin:30px 0 30px;position:relative;z-index:1}.hero h1 span{color:#989aa5}.hero-copy{max-width:485px;line-height:1.8;color:#a8abb4;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:23px}.hero-foot{display:flex;gap:32px;position:absolute;bottom:35px;font-size:9px;color:#72747f;letter-spacing:1.4px}.hero-star{position:absolute;right:8%;top:25%;font:clamp(160px,22vw,350px)/1 'Space Grotesk';color:#ffffff0a;transform:rotate(-15deg);pointer-events:none}.ticker{overflow:hidden;background:#e7e8ea;color:#121317;transform:rotate(-1.2deg) scale(1.03);padding:18px 0}.ticker div{white-space:nowrap;text-align:center;min-width:1200px;font-size:12px;font-weight:700;letter-spacing:3px}.ticker b{padding:0 32px}.vault{padding-top:135px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-top h2,.about h2{font:700 clamp(44px,5.8vw,80px)/1.04 'Space Grotesk';letter-spacing:-.07em;margin:20px 0}.section-top em,.about em{font-style:normal;color:#858894}.section-top p,.about p{font-size:13px;color:#a5a6af;line-height:1.9}.count{font-size:10px;color:#a0a1aa;letter-spacing:2px;padding-bottom:18px;white-space:nowrap}.toolbar{border-top:1px solid #ffffff2a;margin-top:45px;padding-top:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid transparent;color:#a5a6ad;background:transparent;padding:12px 17px;font-size:11px;border-radius:40px}.filters .selected,.filters button:hover{border-color:#ffffff3a;color:#fff;background:#ffffff12}.search{display:flex;align-items:center;gap:12px;border:1px solid #ffffff36;border-radius:40px;padding:12px 17px;min-width:225px;color:#a9abb4}.search input{background:transparent;outline:0;border:0;color:#fff;min-width:0;width:100%;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;min-height:220px}.item{background:linear-gradient(155deg,#1a1b20,#101115 65%,#15161c);border:1px solid #ffffff18;border-radius:18px;overflow:hidden;transition:.25s}.item:hover{transform:translateY(-4px);border-color:#ffffff5b;box-shadow:0 18px 40px #0007}.art{height:205px;background:radial-gradient(ellipse at 70% 30%,#ffffff25,transparent 45%),linear-gradient(145deg,#3b3e48,#121319 70%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff2d;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.art strong{font:700 90px 'Space Grotesk';letter-spacing:-10px;color:#ffffffad;filter:drop-shadow(0 12px 18px #0009);transform:rotate(-12deg)}.art span{position:absolute;top:15px;left:16px;padding:7px 11px;border:1px solid #ffffff53;border-radius:20px;background:#0006;font-size:9px;letter-spacing:1px}.info{padding:21px}.category{color:#9699a5;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.info h3{font:600 19px 'Space Grotesk';letter-spacing:-.6px;margin:9px 0}.info p{color:#989ba5;font-size:12px;line-height:1.7;min-height:39px}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff20;margin-top:20px;padding-top:18px}.meta small{font-size:10px;color:#acadb6}.download{border:1px solid #ffffff4a;border-radius:30px;background:#ffffff0f;color:#fff;padding:10px 14px;font-size:10px}.download:hover{background:#fff;color:#090909}.empty{grid-column:1/-1;border:1px dashed #ffffff35;padding:70px 20px;text-align:center;color:#a5a6ae;border-radius:20px}.bottom-note{color:#797c85;font-size:10px;letter-spacing:2px;text-align:center;margin-top:44px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:105px;padding-bottom:140px;border-top:1px solid #ffffff24}.about-orb{min-height:330px;display:grid;place-items:center;font:280px 'Space Grotesk';color:#d8d9dc;text-shadow:0 0 75px #ffffff57;background:radial-gradient(ellipse,#ffffff20,transparent 65%)}.about p{max-width:520px}.about a{display:inline-block;border-bottom:1px solid #bbb;margin-top:23px;padding-bottom:10px;font-size:11px;letter-spacing:2px}footer{border-top:1px solid #ffffff29;background:#0d0e12}.footer-inside{padding-top:38px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#888a94;font-size:10px;letter-spacing:1px}.footer-inside strong{color:#fff;font:700 20px 'Space Grotesk';letter-spacing:-1px}.footer-inside p{font-size:8px;letter-spacing:2px}.toast{position:fixed;bottom:25px;right:25px;background:#eee;color:#111;border-radius:12px;padding:15px 22px;z-index:40;display:none;max-width:330px;font-size:13px;box-shadow:0 12px 40px #0009}.toast.show{display:block}.modal{color:#fff;background:linear-gradient(145deg,#202127,#0d0e11);border:1px solid #ffffff50;border-radius:22px;padding:30px;width:min(440px,calc(100% - 30px));box-shadow:0 30px 90px #000e}.modal::backdrop{background:#000b;backdrop-filter:blur(9px)}.modal-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#a4a6b0}.modal-top button{background:transparent;border:0;color:#fff;font-size:29px}.modal h3{font:700 35px 'Space Grotesk';letter-spacing:-2px;margin:25px 0 8px}.modal-sub{font-size:12px;color:#a5a7b0;line-height:1.7}.discord{display:flex;justify-content:space-between;width:100%;border:1px solid #ffffff70;border-radius:12px;color:#fff;background:#ffffff15;padding:16px;margin-top:24px;font-weight:700;font-size:12px}.discord:hover{background:#ffffff29}.or{display:flex;align-items:center;gap:14px;color:#8d8f99;font-size:9px;letter-spacing:2px;margin:25px 0}.or:before,.or:after{content:'';height:1px;flex:1;background:#ffffff30}.modal label{font-size:11px;color:#b9bbc2;display:block;margin-bottom:16px}.modal input{width:100%;padding:15px;border:1px solid #ffffff37;background:#06070a6b;color:#fff;border-radius:10px;display:block;margin-top:8px;outline:0}.modal input:focus{border-color:#fff}.full{width:100%;margin-top:8px}.text-button{display:block;margin:24px auto;background:transparent;border:0;color:#eee;text-decoration:underline;text-underline-offset:4px;font-size:12px}.fineprint{line-height:1.5;color:#858691;font-size:10px;margin-top:20px;text-align:center}@media(max-width:1050px){.status{display:none}.grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:400px}}@media(max-width:680px){.header{min-height:74px;padding:15px 5%}.brand{font-size:18px}.brand-mark{font-size:33px}.menu{display:block}.header-right{gap:10px}.header-right .pill{padding:11px;font-size:9px;gap:9px}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#121317f7;backdrop-filter:blur(22px);padding:26px;flex-direction:column;border-bottom:1px solid #ffffff40}.nav.open{display:flex}.hero{min-height:655px;padding-top:50px}.hero h1{font-size:clamp(52px,12vw,82px)}.hero-star{right:0;top:45%;font-size:150px}.hero-copy{font-size:13px}.hero-foot{gap:14px;flex-wrap:wrap;font-size:8px}.hero-actions{flex-wrap:wrap}.section-top{align-items:start;flex-direction:column}.count{padding:0}.vault{padding-top:95px}.grid{grid-template-columns:1fr}.art{height:230px}.filters button{padding:10px}.about{grid-template-columns:1fr;padding-top:35px;padding-bottom:90px}.about-orb{min-height:180px;font-size:190px}.footer-inside{align-items:start;flex-direction:column}.ticker{padding:15px 0}}
/* Privileged publishing controls */
.role-label{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:#c8c8d0;border:1px solid #ffffff30;border-radius:24px;padding:6px 10px}
.staff-tools{margin-top:24px;padding:24px;border:1px solid #ffffff2b;border-radius:23px;background:linear-gradient(130deg,#ffffff12,#ffffff05);backdrop-filter:blur(20px)}
.staff-tools[hidden]{display:none!important}
.staff-tools h3{margin:0 0 8px;font-family:'Space Grotesk',sans-serif;font-size:1.4rem}
.staff-tools p{opacity:.7;margin:0 0 18px}
.staff-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.staff-form label{display:flex;flex-direction:column;gap:7px;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#b9b9c1}
.staff-form input,.staff-form select,.staff-form textarea{width:100%;border:1px solid #ffffff35;border-radius:12px;padding:13px;background:#121317;color:white;font:inherit;box-sizing:border-box}
.staff-form textarea{min-height:85px;resize:vertical}
.staff-form .wide{grid-column:1/-1}.staff-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.staff-actions button{cursor:pointer}
.manage{margin-top:18px;display:grid;gap:10px}.manage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff20;border-radius:12px}.manage-row small{opacity:.7}.manage-row button{background:#ffffff12;color:white;border:1px solid #ffffff35;padding:8px 12px;border-radius:10px;cursor:pointer}
@media(max-width:650px){.staff-form{grid-template-columns:1fr}.manage-row{align-items:flex-start;flex-direction:column}}

/* Independent same-tab pages: only the selected page content is displayed. */
body[data-page="discover"] .vault, body[data-page="discover"] .about { display:none; }
body[data-page="vault"] .hero, body[data-page="vault"] .ticker, body[data-page="vault"] .about { display:none; }
body[data-page="about"] .hero, body[data-page="about"] .ticker, body[data-page="about"] .vault { display:none; }
body[data-page="vault"] .vault { min-height:calc(100vh - 210px);padding-top:90px; }
body[data-page="about"] .about { min-height:calc(100vh - 210px);border-top:none; }
.nav a[aria-current="page"] {color:#fff;}
@media (prefers-reduced-motion:no-preference) { main {animation:pageReveal .38s ease-out both} @keyframes pageReveal {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} }

/* Polished fade-up authentication panel */
.auth-dialog{max-height:min(92dvh,850px);overflow-y:auto;overscroll-behavior:contain;padding:30px 34px 25px;background:radial-gradient(ellipse at 50% -10%,#ffffff20,transparent 55%),linear-gradient(155deg,#282930 0%,#15161b 45%,#090a0d 100%);border:1px solid #ffffff57;box-shadow:0 30px 110px #000f,0 0 65px #ffffff0a;isolation:isolate}
.auth-dialog[open]{animation:authFloatIn .42s cubic-bezier(.19,1,.22,1) both}
.auth-dialog[open]::backdrop{animation:authShadeIn .32s ease-out both}
@keyframes authFloatIn{from{opacity:0;transform:translateY(42px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes authShadeIn{from{background:#0000;backdrop-filter:blur(0)}to{background:#000c;backdrop-filter:blur(10px)}}
.auth-dialog .modal-top{position:relative;z-index:1}.auth-dialog .close-modal{cursor:pointer;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff32;color:#fff;font-size:25px;line-height:1}.auth-dialog .close-modal:hover{background:#ffffff2a}
.auth-emblem{text-align:center;font:80px/1 'Space Grotesk';color:#eeeff4;text-shadow:0 0 33px #ffffff7a;margin:3px 0 -7px;transform:rotate(-14deg)}
.auth-dialog h3{text-align:center;margin:13px 0 7px;font-size:clamp(27px,6vw,37px)}.auth-dialog .modal-sub{text-align:center;margin:0 0 22px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#ffffff0d;border:1px solid #ffffff26;padding:5px;border-radius:13px}
.auth-tabs button{padding:12px;border:none;border-radius:9px;color:#aeb0b9;background:transparent;font-size:11px;font-weight:800;letter-spacing:1.1px;cursor:pointer;transition:.2s}.auth-tabs button.active{color:#111;background:linear-gradient(125deg,#fff,#c9cbd2);box-shadow:0 3px 18px #ffffff22}
.auth-dialog .discord{cursor:pointer;align-items:center;margin-top:17px;background:#ffffff14;transition:.2s}.auth-dialog .discord:hover{background:#ffffff27;transform:translateY(-2px)}.discord-label{display:inline-flex;align-items:center;gap:13px}
.auth-dialog .or{margin:19px 0}.auth-dialog label{margin-bottom:12px}.auth-dialog .text-button{margin:18px auto 0}.auth-dialog .fineprint{margin:15px 0 0}
@media(max-width:520px){.auth-dialog{padding:22px;width:calc(100% - 22px)}.auth-emblem{font-size:60px}}
@media(prefers-reduced-motion:reduce){.auth-dialog[open],.auth-dialog[open]::backdrop{animation:none}}


/* AFTERDARK — floating rounded navbar + pristine smooth-gradient background */
:root { background: #07080a; }
body { background: radial-gradient(ellipse 75% 45% at 85% 8%, rgba(255,255,255,.055) 0%, transparent 72%), radial-gradient(ellipse 65% 40% at 8% 38%, rgba(140,145,159,.07), transparent 75%), linear-gradient(145deg,#0b0d11 0%,#07080a 58%,#111218 100%); background-attachment: fixed; }
.noise { display:none !important; background:none !important; }
.ambient { background: radial-gradient(ellipse 58% 42% at 80% 24%, rgba(220,224,241,.11), transparent 75%),radial-gradient(ellipse 52% 46% at 8% 25%,rgba(105,111,130,.13),transparent 75%); }
.header { width: min(1320px,calc(100% - 48px)); margin: 20px auto 0; min-height:78px; padding:14px 24px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:linear-gradient(145deg,rgba(38,40,48,.82),rgba(13,14,19,.86)); box-shadow:0 12px 38px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); isolation:isolate; }
.header .nav { gap:clamp(14px,2.5vw,35px); align-items:center; }
.header .nav a { display:inline-flex; padding:10px 2px; transition:color .2s ease; }
.header .nav a.active {color:#fff;}
.header .pill { border-radius:999px; }
.header .brand-mark {font-size:35px;}
@media(max-width:1050px){.header {width:calc(100% - 32px);padding:13px 20px}.header .status{display:none}}
@media(max-width:680px){
 .header {width:calc(100% - 24px);min-height:68px;margin:12px auto 0;padding:10px 14px;border-radius:26px;gap:8px;}
 .header .brand {font-size:17px;gap:6px}.header .brand-mark{font-size:28px}.header .brand small{font-size:7px;letter-spacing:2px}
 .header-right{gap:9px}.header-right .pill{padding:10px 12px;max-width:110px;text-align:center;}
 .nav {top:calc(100% + 9px);left:0;right:0;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px 20px;gap:5px;background:rgba(16,18,24,.98);box-shadow:0 18px 40px #0009;overflow:hidden;}
 .nav a{width:100%;padding:13px 12px !important;border-radius:12px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.09)}
}