:root{--bg:#090909;--panel:#131313;--text:#f4f1e9;--muted:#aaa59b;--gold:#a9823d;--gold2:#d9b873;--line:#302c24;--radius:16px}*{box-sizing:border-box}html{font-size:18px;background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 75% -10%,#2a2113,#090909 32%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button,a,select,input{min-height:48px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.top{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - 1220px)/2));background:#090909ed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:.18em}.mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font:italic 23px Georgia,serif;color:var(--gold2)}.mark.big{width:64px;height:64px;margin:auto;font-size:36px}.desktop-nav{display:flex}.desktop-nav a,.account{padding:11px 15px;text-decoration:none;color:#c8c3ba;border-radius:9px}.desktop-nav a:hover{background:#191711;color:var(--gold2)}.head-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.language select{border:1px solid #54472f;border-radius:8px;background:#16140f;color:var(--gold2);padding:0 10px}.account{font-size:.88rem}.page{width:min(100% - 32px,1040px);margin:auto;padding:46px 0 110px}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--gold);color:#080808;padding:11px 20px;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:var(--gold2)}.button.ghost{border:1px solid #665232;background:transparent;color:var(--gold2)}.button.small{min-height:40px;padding:7px 12px;font-size:.82rem}.text-link{display:block;margin-top:20px;color:var(--gold2)}.eyebrow{margin:0 0 10px;color:var(--gold2);font-size:.72rem;letter-spacing:.18em;font-weight:700}.flash{width:min(100% - 32px,1040px);margin:18px auto -18px;padding:14px 18px;border:1px solid #435f42;border-radius:10px;background:#152015}.flash.error{border-color:#714343;background:#251515;color:#ffc2c2}
.welcome{min-height:360px;display:flex;align-items:center;margin-bottom:38px;padding:55px;border:1px solid #4d3e25;border-radius:24px;background:linear-gradient(110deg,#18130d,#17130dcc 50%,#18110a55),radial-gradient(circle at 82% 30%,#a9823d55,transparent 32%)}.welcome>div{max-width:610px}.welcome h1,.section-head h1,.auth-card h1,.install-card h1{margin:0 0 15px;font:clamp(2rem,6vw,3.7rem)/1.02 Georgia,serif}.welcome p:not(.eyebrow),.section-head>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:1.06rem}.section-head{margin-bottom:26px}.section-head.compact{margin:0}.section-head.compact h2{font:1.65rem Georgia,serif}
.feed{width:min(100%,700px);margin:auto;display:grid;gap:20px}.post,.panel,.auth-card,.install-card{border:1px solid var(--line);border-radius:var(--radius);background:#121212;box-shadow:0 16px 50px #0004}.post{overflow:hidden}.post>header{display:flex;align-items:center;gap:13px;padding:18px}.post>header div{display:grid}.post>header small{color:var(--muted);font-size:.78rem}.avatar{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:#2a2116;color:var(--gold2);font-weight:700}.post>p{padding:0 18px;margin:0 0 18px}.post-media{display:block;width:100%;max-height:720px;object-fit:cover;background:#050505}.locked{min-height:310px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;background:radial-gradient(circle,#46361b,#18140e 30%,#0e0e0e 72%)}.locked h3{font:1.6rem Georgia,serif;margin:7px 0}.locked p{color:var(--muted);max-width:460px}.lock{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2)}
.auth-card,.install-card{width:min(100%,640px);margin:25px auto;padding:clamp(24px,6vw,48px)}.stack{display:grid;gap:18px}.stack label,.form-grid label{display:grid;gap:7px;font-weight:700}.stack input,.stack select,.stack textarea,.form-grid input,.panel select{width:100%;border:1px solid #403c34;border-radius:9px;background:#0c0c0c;color:#fff;padding:12px}.check{grid-template-columns:26px 1fr!important;align-items:start;font-weight:400!important}.check input{width:22px;height:22px;min-height:auto;margin-top:3px}.check span{font-size:.92rem;color:#d2cec6}.install{min-height:100vh;padding:30px 16px;display:grid;place-items:center}.install-card>.mark,.install-card>.eyebrow{text-align:center}.install-card>h1,.install-card>p{text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.form-grid .full{grid-column:1/-1}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line)}
.creator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.creator-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#121212}.creator-cover{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#765a2d,#1d1810 45%,#0d0d0d)}.creator-cover span{font:4rem Georgia,serif;color:#d5b36f}.creator-card>div:last-child{padding:22px}.creator-card h2{font:1.5rem Georgia,serif;margin:0}.creator-card p{color:var(--muted)}.empty{padding:40px;text-align:center;border:1px dashed #49443b;border-radius:var(--radius);color:var(--muted)}.account-grid,.studio-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{padding:24px}.panel h2{margin-top:0;font:1.45rem Georgia,serif}.balance{text-align:center}.balance strong{display:block;font:3rem Georgia,serif;color:var(--gold2)}.balance span,.balance small{color:var(--muted)}.action-panel{text-decoration:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stats div{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.stats strong{display:block;font:2.5rem Georgia,serif;color:var(--gold2)}.stats span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:.85rem}td select{min-width:110px}.mobile-nav{display:none}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package{text-align:center}.package strong{display:block;font:2.8rem Georgia,serif;color:var(--gold2)}.package span,.notice{color:var(--muted)}.payment-grid{width:min(100%,720px);margin:auto}.qr{width:264px;min-height:264px;margin:20px auto;padding:12px;background:#fff;border-radius:12px}.qr img,.qr canvas{display:block;margin:auto}.bank-data{display:grid;grid-template-columns:150px 1fr;gap:8px 15px}.bank-data dt{color:var(--muted)}.bank-data dd{margin:0;font-weight:700;overflow-wrap:anywhere}.verified{margin:20px 0;padding:18px;border:1px solid #486444;border-radius:10px;background:#172016;color:#bfe8b8}.unlock-form{display:grid;gap:15px;max-width:560px}
.card-actions{display:flex;gap:10px;flex-wrap:wrap}.create-post{margin-top:12px}.mobile-composer{position:relative}.media-picker{min-height:150px;place-items:center!important;align-content:center;padding:22px;border:2px dashed #5e4c2e;border-radius:14px;background:#17130d;text-align:center;cursor:pointer}.media-picker input{position:absolute;opacity:0;pointer-events:none}.media-picker small{color:var(--muted);font-weight:400}.picker-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:1.7rem}.media-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-item{min-width:0}.preview-item img,.preview-item video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#050505}.preview-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}details{border:1px solid var(--line);border-radius:9px;padding:13px}summary{cursor:pointer;color:var(--gold2)}.translation-fields{display:grid;gap:14px;margin-top:15px}.publish-button{min-height:54px}.upload-note{text-align:center;color:var(--muted);font-size:.82rem}
.messenger{display:grid;grid-template-columns:320px 1fr;min-height:650px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101010}.conversation-list{border-right:1px solid var(--line);background:#0d0d0d}.conversation-list h2{padding:18px;margin:0;font:1.3rem Georgia,serif}.conversation-list>a{display:flex;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;border-top:1px solid #222}.conversation-list>a.active,.conversation-list>a:hover{background:#201a10}.conversation-list>a>span:last-child{min-width:0;display:grid}.conversation-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list>.notice{padding:18px}.chat{display:flex;min-width:0;flex-direction:column;background:radial-gradient(circle at 50% 0,#201a10,#101010 35%)}.chat>header{min-height:72px;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:#121212}.chat-back{display:none;font-size:2rem;text-decoration:none}.chat-thread{height:510px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:78%;padding:11px 14px;border-radius:15px;background:#242424}.bubble.mine{align-self:flex-end;background:#5a4525}.bubble p{margin:0}.bubble small{display:block;margin-top:4px;color:#c1bbb0;font-size:.68rem;text-align:right}.chat-empty,.chat-placeholder{margin:auto;text-align:center;color:var(--muted)}.chat-placeholder>span{font-size:3rem;color:var(--gold2)}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line);background:#121212}.message-form textarea{resize:none;border:1px solid #403c34;border-radius:10px;background:#090909;color:#fff;padding:12px}.message-form .button{align-self:stretch}
@media(max-width:760px){html{font-size:17px}.top{height:64px;padding:0 15px}.brand strong,.desktop-nav,.account{display:none}.head-actions{margin-left:auto}.page{width:100%;padding:22px 0 105px}.welcome{min-height:330px;margin:0 12px 24px;padding:32px 24px;border-radius:18px}.welcome h1{font-size:2.4rem}.section-head{padding:0 18px}.feed{gap:12px}.post{border-radius:0;border-left:0;border-right:0}.post>p{font-size:1.03rem}.locked{min-height:330px}.creator-grid,.account-grid,.studio-grid,.form-grid,.package-grid{grid-template-columns:1fr}.creator-grid,.account-grid,.studio-grid,.package-grid{padding:0 12px}.form-grid .full{grid-column:auto}.auth-card,.install-card{margin:0 auto;border-radius:0;border-left:0;border-right:0}.stats{padding:0 12px;gap:8px}.stats div{padding:16px 10px}.stats strong{font-size:2rem}.table-wrap{border-radius:0}.payment-grid{padding:0 12px}.bank-data{grid-template-columns:1fr}.bank-data dd{margin-bottom:10px}.media-preview{grid-template-columns:repeat(2,1fr)}.messages-title{display:none}.messenger{display:block;min-height:calc(100vh - 170px);border-radius:0;border-left:0;border-right:0}.conversation-list{border:0}.chat{min-height:calc(100vh - 170px)}.chat-thread{height:calc(100vh - 330px);padding:15px}.message-form{position:sticky;bottom:82px;grid-template-columns:1fr auto}.message-form .button{padding:10px 13px}.bubble{max-width:88%}.chat-back{display:block}.messenger:has(.chat>header) .conversation-list{display:none}.mobile-nav{position:fixed;z-index:25;left:0;right:0;bottom:0;min-height:82px;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:#0a0a0af5;border-top:1px solid var(--line);backdrop-filter:blur(15px)}.mobile-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;text-decoration:none;color:#b0aba2;font-size:.66rem}.mobile-nav b{color:var(--gold2);font-size:1.25rem}.mobile-nav span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}