:root{--bg:#09070d;--surface:#15101c;--surface2:#21162a;--text:#f7f4f8;--muted:#b8acbe;--purple:#8b4bc8;--copper:#c57848;--teal:#2ab7ad;--line:#ffffff1a}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at top, #8b4bc821, transparent 35rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09070de0;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.topbar strong{letter-spacing:-.5px;font-size:22px}.brandMark{color:var(--teal);margin-right:8px}.topbar a{color:var(--copper);font-size:14px}.categoryBar{z-index:19;border-bottom:1px solid var(--line);scrollbar-width:none;background:#09070deb;gap:8px;padding:10px 14px;display:flex;position:sticky;top:60px;overflow-x:auto}.categoryBar button,.typeSwitch button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:9px 13px}.categoryBar button.active,.typeSwitch button.active{background:linear-gradient(120deg, var(--purple), #673698);color:#fff;border-color:#0000}.feed{width:min(680px,100%);margin:0 auto;padding-bottom:80px}.post{border-bottom:1px solid var(--line);padding:18px 0 26px}.postMeta{color:var(--muted);justify-content:space-between;padding:0 14px 10px;font-size:13px;display:flex}.mediaFrame{background:#000;width:100%;display:block;position:relative;overflow:visible}.mediaFrame video,.mediaFrame img,.singleMedia video,.singleMedia img{object-fit:contain;background:#000;width:100%;max-height:78vh;display:block}.duration{background:#000000b3;border-radius:6px;padding:4px 7px;font-size:12px;position:absolute;bottom:10px;right:10px}.postBody{padding:14px}.postBody h2{margin:0 0 7px;font-size:20px}.postBody p,.singlePost p{color:#ded5e1;line-height:1.55}.tags{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.tags span{color:#6fe0d7;background:#2ab7ad14;border:1px solid #2ab7ad59;border-radius:999px;padding:5px 9px;font-size:12px}.actions{align-items:center;gap:12px;margin-top:16px;display:flex}.actions button,.actions a{color:var(--muted);background:0 0;border:0;padding:0}.actions button:first-child{color:#d99d76}.ageGate{z-index:100;background:radial-gradient(circle at 30% 20%,#2ab7ad33,#0000 25rem),radial-gradient(circle at 70% 85%,#8b4bc847,#0000 26rem),#050408f7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ageCard{text-align:center;border:1px solid var(--line);background:linear-gradient(160deg,#22152cf5,#0e0a12fa);border-radius:26px;width:min(460px,100%);padding:36px 28px;box-shadow:0 30px 90px #00000080}.ageCard .lotus{color:var(--teal);font-size:42px}.eyebrow{color:var(--copper);letter-spacing:.2em;font-size:11px;font-weight:700}.ageCard h1,.creatorPage h1{margin:8px 0 14px;font-size:clamp(32px,7vw,48px)}.ageCard p{color:var(--muted);line-height:1.5}.primary,.secondary{border:0;border-radius:14px;width:100%;min-height:48px;margin-top:10px}.primary{color:#fff;background:linear-gradient(115deg, var(--purple), #703bad 50%, var(--teal));font-weight:700}.secondary{color:var(--muted);border:1px solid var(--line);background:0 0}.creatorPage,.singlePost{width:min(720px,100%);margin:0 auto;padding:28px 18px 80px}.creatorPage>a,.singlePost>a{color:var(--teal)}.typeSwitch{gap:8px;margin:24px 0;display:flex}.creatorForm{gap:18px;display:grid}.creatorForm label{color:#e9e1eb;gap:7px;font-weight:600;display:grid}.creatorForm input,.creatorForm textarea,.creatorForm select{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:12px;padding:13px}.creatorForm textarea{resize:vertical;min-height:120px}.creatorForm .primary{max-width:280px}.singlePost h1{font-size:clamp(30px,6vw,48px)}.singleMedia{background:#000;margin:20px -18px}@media (min-width:720px){.post{border:1px solid var(--line);background:#15101c9e;border-radius:20px;margin-top:20px;overflow:hidden}.categoryBar{justify-content:center}}.creator-shell{color:#f7f2eb;background:radial-gradient(circle at 15% 15%,#53268038,#0000 34%),radial-gradient(circle at 85% 15%,#00a0a61f,#0000 30%),#08090b;place-items:center;min-height:100vh;padding:32px 18px;display:grid}.creator-card{background:#111216f0;border:1px solid #be7b4647;border-radius:24px;width:min(760px,100%);padding:28px;box-shadow:0 24px 80px #00000061}.login-card{width:min(460px,100%)}.creator-card h1{margin:.25rem 0 .45rem;font-size:clamp(2rem,6vw,3.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#30c6c8;font-size:.78rem;font-weight:700}.muted{color:#aaa4af}.creator-form{gap:18px;margin-top:24px;display:grid}.creator-form label{gap:8px;font-weight:600;display:grid}.creator-form input,.creator-form textarea{color:#fff;width:100%;font:inherit;background:#0b0c10;border:1px solid #ffffff24;border-radius:14px;padding:14px 15px}.creator-form input:focus,.creator-form textarea:focus{border-color:#30c6c8;outline:2px solid #30c6c861}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:13px 18px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(110deg,#7441b8,#bf7a49 52%,#22a8aa)}.secondary-button{color:#f7f2eb;background:#24232a}.primary-button:disabled{opacity:.5;cursor:not-allowed}.form-error{color:#ff9fa9;margin:0}.creator-card-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.upload-dropzone{text-align:center;background:#30c6c80b;border:1px dashed #30c6c87a;border-radius:18px;margin-top:28px;padding:32px}.media-mode-tabs{gap:10px;margin:18px 0 24px;display:flex}.media-mode-tabs button{min-width:110px}.mux-uploader-wrap{background:#17092680;border:1px solid #62d7cf52;border-radius:16px;gap:14px;padding:16px;display:grid}.mux-uploader-wrap mux-uploader{--progress-bar-fill-color:#2bc6bd;--overlay-background-color:#2a1238;--button-background-color:#8b55c5;--button-hover-background-color:#a56dd6;width:100%}.creator-status{background:#be77481f;border:1px solid #be77484d;border-radius:12px;margin:0;padding:12px 14px}