:root{--bg:#0b0910;--panel:#15121d;--panel2:#1c1727;--line:#2c2638;--text:#f8f5fb;--muted:#aaa2b8;--accent:#b567ff;--pink:#ef5db6;--green:#44d49b;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}
button,input,select,textarea{font:inherit}
.shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.owner-bar{height:58px;background:linear-gradient(90deg,#802ee5,#dc479f);padding:0 max(24px,calc((100% - 1120px)/2));align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}
.owner-bar:not([hidden]){display:flex}
.owner-bar>div{display:flex;align-items:center;gap:10px}
.owner-bar small{opacity:.75}
.owner-dot{width:9px;height:9px;border-radius:50%;background:#bfffe6;box-shadow:0 0 12px #bfffe6}
.small-btn{border:1px solid #ffffff45;color:#fff;background:#ffffff16;border-radius:11px;padding:8px 13px;cursor:pointer}
.small-btn.accent{background:#fff;color:#351346;border:0}
.topbar{height:72px;border-bottom:1px solid var(--line);background:#0b0910e8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1120px)/2));gap:45px}
.admin-mode .topbar{top:58px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}
.logo span,.modal-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--pink))}
.topbar nav{display:flex;gap:27px}
.topbar nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:700}
.topbar nav a.active{color:#fff}
.login-link{margin-left:auto;border:0;background:none;color:#c9c2d2;cursor:pointer}
.admin-mode .login-link{display:none}
.cover{height:285px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,#6c2dac 0,transparent 30%),linear-gradient(125deg,#15111d 8%,#28143c 55%,#101018);border-bottom:1px solid var(--line)}
.cover:after{content:"A";position:absolute;right:8%;top:-135px;font-size:420px;font-weight:800;color:#ffffff08;transform:rotate(-8deg)}
.cover-glow{position:absolute;width:480px;height:480px;background:#e458b81a;filter:blur(35px);border-radius:50%;right:15%;top:-250px}
.cover-copy{width:min(1120px,calc(100% - 32px));margin:auto;padding-top:70px;display:flex;flex-direction:column;gap:14px}
.cover-copy span,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#d598ff}
.cover-copy strong{font-size:42px;line-height:1.12;letter-spacing:-.04em}
.profile{min-height:180px;position:relative;padding:30px 0 20px 150px;display:flex;align-items:flex-start;gap:24px}
.avatar{position:absolute;left:0;top:-68px;width:128px;height:128px;border-radius:34px;border:7px solid var(--bg);display:grid;place-items:center;font-size:58px;font-weight:800;background:linear-gradient(145deg,#7c3bef,#ef58b2);box-shadow:0 14px 40px #0008}
.profile-main{max-width:640px}
.name-line{display:flex;align-items:center;gap:9px}
.name-line h1{font-size:32px;margin:0}
.verified{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:12px}
.handle{color:var(--muted);margin:5px 0}
.bio{margin:15px 0 0;color:#d9d3df}
.profile>.support-btn{margin-left:auto}
.support-btn{border:0;border-radius:13px;background:linear-gradient(100deg,#9b4ff4,#e553b1);color:white;font-weight:800;padding:13px 20px;cursor:pointer;box-shadow:0 10px 30px #a841c329}
.wide{width:100%}
.stats{position:absolute;left:150px;bottom:12px;display:flex;gap:25px;color:var(--muted);font-size:13px}
.stats b{color:#fff;margin-right:4px}
.tabs{height:58px;border-bottom:1px solid var(--line);display:flex;gap:28px}
.tabs button{border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer;position:relative}
.tabs button.active{color:#fff}
.tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--pink))}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-block:34px 80px}
.feed-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}
.feed-head h2,.info-card h2{font-size:25px;margin:6px 0}
.filter{display:flex;background:#14111b;border:1px solid var(--line);border-radius:12px;padding:4px}
.filter button{border:0;background:none;color:var(--muted);font-size:12px;padding:7px 10px;border-radius:8px;cursor:pointer}
.filter button.active{background:#292235;color:#fff}
.post-list{display:grid;gap:18px}
.post-card,.info-card,.side-card{background:linear-gradient(145deg,#17131f,#121018);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.post-cover{height:250px;background:linear-gradient(135deg,#281739,#121018);background-size:cover;background-position:center;position:relative}
.post-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0f0c13e8)}
.badge{position:absolute;z-index:1;top:18px;padding:7px 10px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.08em}
.badge.state{left:18px;background:#15121ddd}
.badge.visibility{right:18px}
.badge.open{background:#153b30;color:#7cf0c1}
.badge.closed{background:#33263c;color:#dfb5ff}
.post-body{padding:22px}
.post-author{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.mini-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--pink));color:#fff;font-weight:800}
.post-body h3{font-size:25px;margin:17px 0 5px}
.episode{color:#c899ee;font-size:13px;font-weight:700}
.post-body>p{color:#c6bfcd;line-height:1.7}
.post-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.watch{color:#d9a2ff;text-decoration:none;font-weight:800;font-size:14px}
.locked-text{color:var(--muted);font-size:13px}
.admin-controls{display:none;gap:8px}
.admin-mode:not(.visitor-preview) .admin-controls{display:flex}
.admin-controls button{border:1px solid var(--line);background:#211b2a;color:#ddd3e7;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:12px}
.admin-controls .danger{color:#ff98aa}
.empty{padding:60px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}
.info-card{padding:38px}
.info-card p{color:#c8c1cf;line-height:1.8}
.info-card small,.side-card small{display:block;color:#8f879b;line-height:1.5;margin-top:13px}
aside{display:grid;align-content:start;gap:16px;position:sticky;top:95px}
.admin-mode aside{top:153px}
.side-card{padding:25px}
.side-card h3{margin:8px 0 10px}
.side-card p{font-size:14px;color:var(--muted);line-height:1.6}
.side-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#a34fed25;color:#d69aff}
.compact{padding:12px}
.compact h3{padding:5px 9px}
.compact button{display:flex;width:100%;justify-content:space-between;border:0;border-top:1px solid var(--line);background:none;color:#c9c2d2;padding:14px 9px;cursor:pointer}
.modal,.drawer{position:fixed;inset:0;z-index:60}
.modal{background:#050407d9;display:grid;place-items:center;padding:20px}
.modal[hidden],.drawer[hidden]{display:none}
.modal-card{width:min(430px,100%);background:#17131f;border:1px solid var(--line);border-radius:24px;padding:35px;position:relative;text-align:center}
.modal-mark{margin:auto}
.modal-card h2{margin-bottom:7px}
.modal-card>p{color:var(--muted);font-size:13px}
.close-modal,.drawer-head button{position:absolute;right:18px;top:14px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}
.modal form,.drawer-panel{display:grid;gap:14px}
.modal form{margin-top:25px;text-align:left}
.modal label,.drawer-panel label{display:grid;gap:7px;color:#aca3b8;font-size:12px;font-weight:700}
input,select,textarea{width:100%;background:#0e0c13;color:#fff;border:1px solid #373040;border-radius:11px;padding:12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
textarea{min-height:110px;resize:vertical}
.drawer{display:flex;justify-content:flex-end}
.drawer-backdrop{position:absolute;inset:0;border:0;background:#050407cc}
.drawer-panel{position:relative;width:min(520px,100%);height:100%;overflow:auto;background:#15121d;border-left:1px solid var(--line);padding:35px}
.drawer-head{display:flex;justify-content:space-between;margin-bottom:8px}
.drawer-head h2{margin:5px 0}
.drawer-head button{position:static}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drawer-panel>small{color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);background:#f4eff8;color:#160f1d;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;transition:.25s;font-weight:700}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:800px){.owner-bar small,.owner-actions .small-btn:first-child,.topbar nav{display:none}
.owner-bar{padding:0 14px}
.topbar{padding:0 16px}
.cover{height:225px}
.cover-copy{padding-top:50px}
.cover-copy strong{font-size:32px}
.profile{padding:75px 0 55px;display:block}
.avatar{left:0;top:-60px;width:104px;height:104px;border-radius:28px;font-size:45px}
.profile>.support-btn{position:absolute;right:0;top:18px}
.profile-main{width:100%}
.stats{left:0;bottom:18px}
.layout{grid-template-columns:1fr}
.layout aside{position:static;order:-1}
.side-card.compact{display:none}
.feed-head{align-items:flex-start;gap:15px;flex-direction:column}
.post-cover{height:210px}
.tabs{overflow:auto}
.owner-actions{gap:4px}
.small-btn{padding:8px}
.admin-mode .topbar{top:58px}
}
@media(max-width:480px){.cover-copy strong{font-size:28px}
.profile>.support-btn{font-size:12px;padding:11px}
.bio{font-size:14px}
.filter{width:100%}
.filter button{flex:1}
.post-body h3{font-size:21px}
.post-foot{align-items:flex-start;gap:12px;flex-direction:column}
.drawer-panel{padding:25px 18px}
.form-row{grid-template-columns:1fr}
.owner-bar b{font-size:13px}
}
.tier-list{display:grid;gap:12px;margin:24px 0}
.tier{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;background:#100d15}
.tier.featured{border-color:#9951db;background:linear-gradient(135deg,#21142f,#16101d)}
.tier>i{position:absolute;right:14px;top:14px;font-style:normal;font-size:9px;letter-spacing:.12em;color:#dda7ff}
.tier>div{display:flex;align-items:center;justify-content:space-between}
.tier span{font-weight:800}.tier b{color:#d8a4ff}.tier p{margin:10px 0!important;font-size:13px}
.tier button{border:1px solid var(--line);border-radius:9px;background:#211a2a;color:#eee;padding:8px 12px;cursor:pointer}
.tier button:disabled{color:#756d7e;cursor:default}
.creator-card{border-color:#6f3aa0;background:linear-gradient(145deg,#21142f,#15101d)}
.admin-mode:not(.visitor-preview) #creator-tools{display:block}
.visitor-preview #creator-tools{display:none}
.creator-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.creator-numbers span{display:grid;background:#0d0b11;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--muted);font-size:11px}
.creator-numbers b{color:#fff;font-size:22px}

/* Светлая тема */
:root{--bg:#f5f6fa;--panel:#fff;--panel2:#f8f7fb;--line:#e4e1ea;--text:#211b27;--muted:#746d7d;--accent:#7654d8;--pink:#d64b9b;--green:#15986b}
body{background:var(--bg);color:var(--text)}
.topbar{background:#ffffffed;border-color:var(--line);box-shadow:0 1px 16px #352a4b0b}.logo{color:#211b27}.topbar nav a.active{color:#211b27}.login-link{color:#5e5666}
.trust-strip{background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#625b6c}.trust-strip .shell{min-height:38px;display:flex;align-items:center;gap:28px;justify-content:center}.trust-strip span{white-space:nowrap}
.cover{background:radial-gradient(circle at 78% 22%,#e6d7ff 0,transparent 34%),linear-gradient(125deg,#fff 8%,#f3ecff 58%,#fef4fa);border-color:var(--line)}.cover:after{color:#6c42b50b}.cover-glow{background:#dc72b529}.avatar{border-color:var(--bg)}.bio{color:#504957}.verified{color:#fff}.tabs{border-color:var(--line)}.tabs button.active{color:#211b27}
.post-card,.info-card,.side-card{background:#fff;border-color:var(--line);box-shadow:0 10px 35px #3324420a}.post-cover{background:linear-gradient(135deg,#efe7fb,#ddd1ed)}.post-cover:after{background:linear-gradient(transparent 45%,#2b193a66)}.badge.state{background:#ffffffdd;color:#332a3b}.badge.closed{background:#f2e8fa;color:#765095}.badge.open{background:#e1f7ee;color:#107851}.post-body>p,.info-card p{color:#5d5665}.mini-avatar{color:#fff}.watch{color:#7143bd}.filter{background:#fff}.filter button.active{background:#eee9f4;color:#302838}.admin-controls button{background:#f6f2f8;color:#4f4658}.empty{background:#fff}.side-card small,.info-card small{color:#837b8c}
.tier{background:#faf9fc}.tier.featured{background:linear-gradient(135deg,#f5edff,#fff4fb);border-color:#b796e0}.tier button{background:#f1edf5;color:#403747}.creator-card{background:linear-gradient(145deg,#f3eaff,#fff4fb);border-color:#c7a9e9}.creator-numbers span{background:#fff}.creator-numbers b{color:#211b27}
.modal{background:#261e30a8}.modal-card,.drawer-panel{background:#fff}.drawer-backdrop{background:#21172899}input,select,textarea{background:#fff;color:#211b27;border-color:#d9d3df}
.footer{background:#fff;border-top:1px solid var(--line);padding:38px 0}.footer>.shell{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}.footer p{color:var(--muted);font-size:12px}.footer-links{display:grid;gap:8px}.footer-links button{border:0;background:none;color:#655d6e;text-align:left;cursor:pointer}.security-stamp{display:grid;border:1px solid #cfe8dd;background:#f0fbf6;color:#176d50;border-radius:14px;padding:13px 16px;font-size:12px}.security-stamp span{font-size:10px;color:#5e7d71;margin-top:3px}
.legal-card{text-align:left;width:min(600px,100%)}.legal-card p{line-height:1.75;color:#625a69}.cookie-banner{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);width:min(900px,calc(100% - 28px));background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px #30223e2e;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:5px 0 0;color:var(--muted);font-size:12px}.cookie-banner>div:last-child{display:flex;gap:8px}.cookie-banner button{border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:700}.cookie-secondary{background:#fff;border:1px solid var(--line);color:#5d5366}.cookie-accept{border:0;background:#7654d8;color:#fff}
@media(max-width:800px){.trust-strip .shell{justify-content:flex-start;overflow:auto}.trust-strip span:nth-child(2){display:none}.footer>.shell{grid-template-columns:1fr}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-banner>div:last-child{width:100%;justify-content:flex-end}}
.owner-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 5%,#efe5ff,transparent 34%),#f5f6fa}.owner-login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:0 22px 80px #30223e1c}.owner-login-card .modal-mark{margin:0 auto 18px;color:#fff}.owner-login-card h1{text-align:center;margin:0}.owner-login-card>p{text-align:center;color:var(--muted);font-size:13px}.owner-login-card form{display:grid;gap:14px;margin-top:25px}.owner-login-card label{display:grid;gap:7px;color:#625a69;font-size:12px;font-weight:700}.owner-login-card .back-link{display:block;margin-top:18px;text-align:center;color:#766b7f;text-decoration:none;font-size:12px}.owner-login-card .security-note{margin-top:18px;border:1px solid #cfe8dd;background:#f0fbf6;color:#176d50;border-radius:12px;padding:12px;font-size:11px;line-height:1.5}.owner-login-card #owner-message{display:block;margin-top:12px;text-align:center;color:#b13b60}
.cover{height:360px;background-image:linear-gradient(90deg,#00000008,#00000000),url('assets/amigon-cover.png');background-size:cover;background-position:center 39%;border-bottom:1px solid var(--line)}
.cover:after,.cover-glow{display:none}
.avatar{background-image:url('assets/amigon-cover.png');background-size:300%;background-position:78% 31%;background-repeat:no-repeat;border-color:var(--bg);box-shadow:0 14px 40px #21172d33}
@media(max-width:800px){.cover{height:250px;background-position:66% center}.avatar{background-size:330%;background-position:78% 30%}}