:root{--night:#040a15;--panel:#091629e8;--panel2:#0e2038;--line:#1d5270;--blue:#5ed6ff;--indigo:#7d74ff;--green:#8dff76;--gold:#f2c550;--text:#f3f7ff;--muted:#aebdd1;--danger:#ff7676}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#102e52 0,transparent 34%),radial-gradient(circle at 90% 28%,#26184f 0,transparent 27%),var(--night);line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#52cfff 1px,transparent 1px);background-size:79px 79px,127px 127px;background-position:0 0,31px 43px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid #28607d;background:#050d19eF;backdrop-filter:blur(16px)}.brand{font-family:Georgia,serif;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none}.brand span{color:var(--blue)}nav{display:flex;gap:18px;flex:1;justify-content:center}nav a,footer a{color:#ccecff;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:#101d31;color:#fff;font-weight:800;letter-spacing:.04em;text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-1px);border-color:var(--blue)}.primary{background:linear-gradient(135deg,#38bdf8,#7065ef);border-color:#8de4ff}.gold{background:linear-gradient(135deg,#bf8010,#f2c550);color:#171006;border-color:#ffe7a0}.secondary{background:#091527}.hidden{display:none!important}main{position:relative;max-width:1220px;margin:auto;padding:0 22px 60px}.hero{text-align:center;padding:clamp(70px,10vw,130px) 0 55px}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.hero h1{font:700 clamp(2.7rem,7vw,6.2rem)/.95 Georgia,serif;margin:18px auto;max-width:1050px}.hero h1 span{color:var(--gold)}.hero>p{max-width:750px;margin:24px auto;color:var(--muted);font-size:1.12rem}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:42px auto 0}.stats div,.panel,.category-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #0007}.stats div{padding:18px}.stats strong{display:block;font-size:1.8rem;color:var(--green)}.stats span{color:var(--muted)}.panel{padding:clamp(22px,4vw,42px);margin:24px 0}.announcement{border-color:#9d7524;background:linear-gradient(145deg,#241c0b,#091629)}.badge{display:inline-block;color:#171006;background:var(--gold);font-weight:900;border-radius:999px;padding:5px 12px}.announcement h2,.section h2,.panel h2{font:700 clamp(1.8rem,4vw,3rem) Georgia,serif;margin:14px 0}.fineprint{font-size:.9rem;color:var(--muted)}.section{padding:54px 0 18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{padding:22px;cursor:pointer;transition:.2s}.category-card:hover{border-color:var(--blue);transform:translateY(-3px)}.category-card .icon{font-size:1.8rem}.category-card h3{margin:8px 0;font:700 1.35rem Georgia,serif}.category-card p{color:var(--muted);min-height:52px}.category-meta{display:flex;justify-content:space-between;color:#8fe3ff;font-size:.86rem}.text-button{background:none;border:0;color:var(--blue);font-weight:800;cursor:pointer;padding:6px 0}.thread-list,.post-list{display:grid;gap:12px}.thread-row,.post{padding:18px;border:1px solid #26445e;border-radius:14px;background:#07111f}.thread-row{cursor:pointer}.thread-row:hover{border-color:var(--blue)}.thread-row h3{margin:0}.meta{color:var(--muted);font-size:.86rem}.spoiler{display:inline-block;background:#5c2434;color:#ffd6df;padding:2px 8px;border-radius:20px;font-size:.73rem;font-weight:900}.post-head{display:flex;justify-content:space-between;gap:12px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere}.composer{margin-top:18px}.vip{border-color:#5d50b8}.vip-status{padding:16px;border-radius:14px;background:#111d39;color:#dce6ff;margin:18px 0}.vip-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;list-style:none;counter-reset:vip}.vip-list li{counter-increment:vip;padding:10px;border:1px solid #383e70;border-radius:10px;background:#0c1730}.vip-list li:before{content:"#" counter(vip) " ";color:var(--gold);font-weight:900}dialog{width:min(560px,calc(100% - 28px));border:1px solid var(--line);border-radius:22px;color:#fff;background:#071321;padding:28px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1;padding:10px;background:#0e1d31;border:1px solid var(--line);color:#fff;border-radius:10px}.tabs .active{border-color:var(--blue);color:var(--blue)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:5px;font-weight:700}.auth-form input,.auth-form textarea,.auth-form select{width:100%;border:1px solid #31506e;background:#030b16;color:#fff;border-radius:10px;padding:12px;font:inherit}.auth-form textarea{min-height:130px;resize:vertical}.check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;color:var(--muted)}.check input{width:auto}.honeypot{position:absolute;left:-9999px}.form-message{min-height:24px;color:var(--danger)}footer{position:relative;text-align:center;padding:28px;border-top:1px solid #1b4058;color:var(--muted)}@media(max-width:850px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.category-grid{grid-template-columns:repeat(2,1fr)}.vip-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){main{padding-inline:14px}.category-grid,.stats{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.hero{padding-top:55px}.site-header{gap:12px}.site-header .button{margin-left:auto}.category-card p{min-height:0}.vip-list{grid-template-columns:repeat(2,1fr)}}
