/*! Forum DroLL.Ro - (c) RadioSky.Net & DroLL.Ro - by DanLove. Toate drepturile rezervate. */
:root,html[data-theme="dark"]{--bg:#07090f;--bg-2:#0c1018;--surface:rgba(255,255,255,.04);--surface-2:rgba(255,255,255,.07);--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.18);--ink:#f3f5f9;--mute:#8e98a8;--sodium:#ff7a18;--lime:#ffc233;--cyan:#38e8ff;--zombie:#9dff3a;--violet:#a78bfa;--siren:#ff3b5c;--ok:#35d879;--grad:linear-gradient(95deg,var(--lime),var(--sodium));--mx:#ff7a18;--r:16px;--maxw:1240px;--pad:clamp(14px,3vw,36px);--font-d:"Orbitron",sans-serif;--font-b:"Rajdhani",sans-serif;--font-m:"Share Tech Mono",monospace}
html[data-theme="black"]{--bg:#000;--bg-2:#070707;--surface:rgba(255,255,255,.035);--surface-2:rgba(255,255,255,.06);--ink:#fff;--mute:#9a9a9a;--sodium:#ffb020;--lime:#ffe066;--cyan:#ff6a00;--violet:#ffd166;--grad:linear-gradient(95deg,#ffe066,#ffb020);--mx:#ffb020}
html[data-theme="blue"]{--bg:#03070f;--bg-2:#071226;--surface:rgba(120,180,255,.05);--surface-2:rgba(120,180,255,.09);--line:rgba(120,180,255,.14);--line-strong:rgba(120,180,255,.32);--ink:#eaf3ff;--mute:#8fa8c8;--sodium:#4da3ff;--lime:#7fe7ff;--violet:#7fb3ff;--grad:linear-gradient(95deg,#7fe7ff,#4da3ff);--mx:#4da3ff}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:500 16.5px/1.55 var(--font-b);color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 10% -10%,color-mix(in srgb,var(--sodium) 16%,transparent),transparent 70%),radial-gradient(700px 500px at 100% 10%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 70%)}
a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit;cursor:pointer}
.mono{font-family:var(--font-m);letter-spacing:.03em}.muted{color:var(--mute)}.small{font-size:13px}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{width:min(var(--maxw),100% - 2 * var(--pad));margin-inline:auto}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:6px}
.matrix-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.10}
.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}
.scroll-line{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:60;box-shadow:0 0 14px var(--sodium)}
.main,.foot{position:relative;z-index:2}.main{flex:1;padding:92px 0 40px;width:min(var(--maxw),100% - 2 * var(--pad))}
/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-inner{width:min(var(--maxw),100% - 2 * var(--pad));margin-inline:auto;display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font:700 17px var(--font-d);flex-shrink:0}.logo img{height:36px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sodium) 60%,transparent))}.logo b{color:var(--sodium)}
.logo small{font-size:10px;margin-left:7px;padding:2px 7px;border:1px solid var(--sodium);border-radius:999px;color:var(--sodium);vertical-align:3px}
.nav-links{display:flex;gap:2px;margin-inline:auto}.nav-links a{padding:7px 11px;border-radius:999px;color:var(--mute);font-weight:600;font-size:14.5px;transition:.2s}
.nav-links a:hover,.nav-links a.on{color:var(--ink);background:var(--surface-2)}.nav-links a.on{box-shadow:inset 0 -2px 0 var(--sodium)}.nav-ext{color:var(--lime)!important}
.nav-actions{display:flex;align-items:center;gap:8px}
.icon-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);transition:.2s}
.icon-btn:hover{border-color:var(--sodium)}.icon-btn svg{width:17px;height:17px;fill:var(--ink)}
.icon-btn b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--siren);font:700 11px/18px var(--font-m);text-align:center;color:#fff;box-shadow:0 0 10px var(--siren);animation:pop .4s}
.icon-btn.alert{border-color:var(--siren)}
@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}}
.me{position:relative}.me-btn{display:flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px}
.me-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:6px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line-strong);box-shadow:0 20px 50px rgba(0,0,0,.5);display:none}
.me.open .me-menu{display:block;animation:fadeIn .15s}.me-menu a,.me-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:9px;background:none;border:0;font-weight:600;font-size:14.5px}
.me-menu a:hover,.me-menu button:hover{background:var(--surface-2)}.me-menu .hl{color:var(--siren)}.me-menu form{margin:0;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.theme-switch{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.theme-switch button{width:18px;height:18px;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:none;display:grid;place-items:center}
.theme-switch button i{width:10px;height:10px;border-radius:50%}.theme-switch [data-theme=black] i{background:#ffb020}.theme-switch [data-theme=dark] i{background:#ff7a18}.theme-switch [data-theme=blue] i{background:#4da3ff}
.theme-switch button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 8px var(--sodium)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:36px;height:36px;font-size:18px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}.btn-sm{padding:6px 13px;font-size:13.5px}.btn-block{width:100%;margin-top:14px}
.btn-primary{background:var(--grad);color:#120a02;box-shadow:0 6px 22px -8px var(--sodium)}.btn-primary:hover{box-shadow:0 8px 30px -6px var(--sodium);transform:translateY(-1px)}
.btn-ghost{background:var(--surface);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--sodium)}
.btn-danger{background:color-mix(in srgb,var(--siren) 16%,transparent);border-color:var(--siren);color:#ffd0d8}.btn-danger:hover{background:var(--siren);color:#fff}
/* crumbs/flash */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--mute);margin:0 0 14px}.crumbs a:hover{color:var(--sodium)}.crumbs i{opacity:.4;font-style:normal}.crumbs span{color:var(--ink)}
.flash{padding:11px 16px;border-radius:12px;margin:0 0 14px;border:1px solid var(--line-strong);background:var(--surface);animation:slideIn .35s}
.flash-ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.flash-err{border-color:var(--siren);background:color-mix(in srgb,var(--siren) 12%,transparent)}.flash-info{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,transparent)}
@keyframes slideIn{from{opacity:0;transform:translateY(-8px)}}@keyframes fadeIn{from{opacity:0}}
/* hero strip */
.hero-strip{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:18px 24px;border-radius:22px;border:1px solid var(--line-strong);background:linear-gradient(120deg,color-mix(in srgb,var(--sodium) 14%,var(--bg-2)),var(--bg-2) 60%);margin-bottom:14px}
.hero-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translateX(-100%);animation:sweep 6s infinite}
@keyframes sweep{60%,100%{transform:translateX(100%)}}
.hs-matrix{position:absolute;inset:0;width:100%;height:100%;opacity:.28;pointer-events:none}
.hs-emblem{position:relative;width:74px;height:74px;flex-shrink:0;display:grid;place-items:center}
.hs-emblem img{width:58px;position:relative;z-index:2;filter:drop-shadow(0 0 12px var(--sodium));animation:float 4s ease-in-out infinite}
.hs-emblem .ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--sodium);opacity:.5;animation:spin 9s linear infinite;border-style:dashed}.hs-emblem .r2{inset:-8px;border-color:var(--cyan);animation-duration:14s;animation-direction:reverse;opacity:.35}
.hs-emblem .scan{position:absolute;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 10px var(--lime);z-index:3;animation:scan 2.8s ease-in-out infinite;opacity:.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-4px)}}@keyframes scan{0%,100%{top:10%}50%{top:88%}}
.hs-txt{position:relative;z-index:2}.hs-title{margin:0;font:900 clamp(20px,3vw,30px)/1.1 var(--font-d)}.hs-title b{color:var(--sodium)}
.shine{background:linear-gradient(90deg,var(--ink) 40%,var(--lime) 50%,var(--ink) 60%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}.shine b{-webkit-text-fill-color:var(--sodium)}
@keyframes shine{from{background-position:100% 0}to{background-position:-200% 0}}
.hs-chips{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.hs-chips span{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.hs-stats{position:relative;z-index:2;margin-left:auto;display:flex;gap:6px}.hs-stats div{text-align:center;padding:8px 14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--line);min-width:78px}
.hs-stats b{display:block;font-size:21px;color:var(--lime)}.hs-stats small{font-size:11px;color:var(--mute)}.ok-t{color:var(--ok)!important}
.ann{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--lime) 40%,transparent);background:color-mix(in srgb,var(--lime) 7%,transparent);margin-bottom:14px}
.ann>span{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--lime);color:#120a02;flex-shrink:0}.ann p{margin:0;flex:1}.ann-login{border-color:color-mix(in srgb,var(--cyan) 40%,transparent);background:color-mix(in srgb,var(--cyan) 6%,transparent)}.ann-login>span{background:var(--cyan)}
/* layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.cat{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);overflow:hidden;margin-bottom:16px}
.cat-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--sodium) 18%,transparent),transparent);border-bottom:1px solid var(--line)}
.cat-head h2{margin:0;font:700 14px var(--font-d);letter-spacing:.05em;text-transform:uppercase}.cat-head>span{font-size:11px;color:var(--mute)}
.frow,.trow{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 78px 78px 230px;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);transition:background .2s}
.frow:last-child,.trow:last-child{border-bottom:0}.frow::before,.trow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c,var(--sodium));opacity:0;transition:.2s}
.frow:hover,.trow:hover{background:var(--surface-2)}.frow:hover::before,.trow:hover::before{opacity:1;box-shadow:0 0 12px var(--c,var(--sodium))}
.f-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:21px;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);flex-shrink:0}
.f-ico.unread{box-shadow:0 0 0 2px var(--c),0 0 16px var(--c);animation:glow 2s infinite}@keyframes glow{50%{box-shadow:0 0 0 2px var(--c),0 0 4px var(--c)}}
.frow-title{font:700 16.5px var(--font-b);color:var(--ink)}a.frow-title:hover{color:var(--c,var(--sodium))}
.frow-main p{margin:1px 0 0;color:var(--mute);font-size:14.5px;line-height:1.35}
.tag{font-size:10.5px;padding:1px 7px;border-radius:6px;border:1px solid var(--line-strong);color:var(--mute);margin-left:6px;vertical-align:2px}.tag-priv{border-color:var(--violet);color:var(--violet)}
.subs{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:13.5px}.subs a{color:var(--cyan)}
.frow-num{text-align:center}.frow-num b{display:block;font-size:16px}.frow-num small{font-size:10.5px;color:var(--mute)}
.frow-last{display:flex;align-items:center;gap:9px;min-width:0}.frow-last>div{min-width:0}.frow-last .lt{display:block;font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow-last .lt:hover{color:var(--sodium)}
.frow-last small{display:block;font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow{grid-template-columns:44px minmax(0,1fr) 84px 84px 220px}
.trow-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;font-size:16.5px}.trow-title a:hover{color:var(--sodium)}.trow small{color:var(--mute);font-size:12.5px}
.trow.pinned{background:color-mix(in srgb,var(--lime) 5%,transparent)}.trow.unread .trow-title a{color:var(--lime)}
.new-dot{font-size:10px;padding:1px 6px;border-radius:5px;background:var(--siren);color:#fff;animation:blink 1.6s infinite}.pin{font-size:13px}
.topics{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);overflow:hidden;margin-bottom:14px}
.st{font-size:10.5px;padding:2px 8px;border-radius:6px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;border:1px solid}
.st-open{color:var(--cyan);border-color:var(--cyan)}.st-analysis{color:var(--lime);border-color:var(--lime)}.st-accepted{color:var(--ok);border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.st-rejected{color:var(--siren);border-color:var(--siren);background:color-mix(in srgb,var(--siren) 12%,transparent)}.st-resolved{color:var(--violet);border-color:var(--violet)}
/* avatars & roles */
.av{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line-strong);background:var(--bg-2)}
.av-letter{background:linear-gradient(135deg,hsl(var(--h) 80% 55%),hsl(calc(var(--h) + 40) 80% 35%));color:#fff;font:800 1em var(--font-d);border-color:transparent}
.av-xs{width:26px;height:26px;font-size:12px}.av-sm{width:34px;height:34px;font-size:14px}.av-md{width:44px;height:44px;font-size:17px}.av-lg{width:84px;height:84px;font-size:32px}.av-xl{width:118px;height:118px;font-size:46px}
.u-name{font-weight:700}.u-name:hover{text-decoration:underline}
.role-admin{color:var(--siren)!important;text-shadow:0 0 10px color-mix(in srgb,var(--siren) 50%,transparent)}.role-mod{color:var(--ok)!important}.role-member{color:var(--ink)}
.rank{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--mute)}
.rank-admin{color:#fff;background:linear-gradient(90deg,var(--siren),var(--sodium));border:0}.rank-mod{color:#06210f;background:var(--ok);border:0}.rank-custom{color:var(--lime);border-color:var(--lime)}.rank-ban{color:#fff;background:var(--siren);border:0;margin-top:4px}
.rank-r1000,.rank-r500{color:var(--lime);border-color:var(--lime)}.rank-r250,.rank-r100{color:var(--cyan);border-color:var(--cyan)}
/* side boxes */
.box{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);padding:14px 16px;margin-bottom:14px}
.box-h{margin:0 0 10px;font:700 13px var(--font-d);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.box-h small{font:400 11px var(--font-m);color:var(--mute);text-transform:none}
.box-danger{border-color:color-mix(in srgb,var(--siren) 50%,transparent)}
.mini-topic{display:block;padding:8px 10px;margin:0 -10px;border-radius:10px;border-left:2px solid transparent;transition:.2s}.mini-topic:hover{background:var(--surface-2);border-left-color:var(--c,var(--sodium))}
.mini-topic b{display:block;font-size:15px;line-height:1.3}.mini-topic small{display:block;color:var(--mute);font-size:11.5px;margin-top:2px}.mini-topic span.muted{display:block;font-size:14px}
.online-list{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15px}.legend{display:flex;gap:12px;font-size:11px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.top-row{display:flex;align-items:center;gap:9px;padding:5px 0}.top-row>span{width:26px;color:var(--mute);font-size:12px}.top-row b{margin-left:auto;color:var(--lime)}
.newest{font-size:12px;margin:10px 0 0;color:var(--mute)}
.srv{display:block;padding:9px 12px;border-radius:11px;border:1px solid var(--line);margin-bottom:7px;border-left:3px solid var(--c);transition:.2s}.srv:hover{background:var(--surface-2);transform:translateX(3px)}
.srv b{display:block;font-size:15px}.srv small{font-size:11px;color:var(--mute)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:blink 1.6s infinite;vertical-align:middle}@keyframes blink{50%{opacity:.35}}
.mark-all{text-align:right}
/* page head */
.page-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(110deg,color-mix(in srgb,var(--c,var(--sodium)) 13%,transparent),var(--surface) 60%);margin-bottom:14px}
.page-head>div{flex:1;min-width:200px}.page-head h1{margin:0;font:800 clamp(18px,2.4vw,24px) var(--font-d)}.page-head p{margin:2px 0 0;color:var(--mute)}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filters a{font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--mute)}.filters a:hover{color:var(--ink)}.filters a.on{border-color:var(--sodium);color:var(--ink);background:color-mix(in srgb,var(--sodium) 16%,transparent)}
.pager{display:flex;gap:5px;justify-content:center;margin:14px 0;flex-wrap:wrap}.pager a,.pager b,.pager .gap{min-width:34px;height:34px;display:grid;place-items:center;padding:0 8px;border-radius:9px;border:1px solid var(--line);font-size:13px}
.pager a:hover{border-color:var(--sodium)}.pager b{background:var(--grad);color:#120a02;border:0}.pager .gap{border:0}
.empty-box{text-align:center;padding:40px 20px}.empty-box b{display:block;font-size:44px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.empty-box p{color:var(--mute)}
/* topic */
.topic-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r);border:1px solid var(--line);border-left:3px solid var(--c);background:var(--surface);margin-bottom:12px}
.topic-head>div:first-child{flex:1;min-width:240px}.topic-head h1{margin:0;font:800 clamp(18px,2.4vw,25px)/1.25 var(--font-b);letter-spacing:.01em}.topic-head p{margin:4px 0 0;font-size:12px;color:var(--mute)}
.th-actions{display:flex;gap:8px}.th-actions form{margin:0}
.modbar{border-radius:12px;border:1px dashed color-mix(in srgb,var(--siren) 60%,transparent);margin-bottom:12px;background:color-mix(in srgb,var(--siren) 5%,transparent)}
.modbar summary{padding:8px 14px;cursor:pointer;font-size:12.5px;color:var(--siren)}.modbar-in{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}.modbar-in form{margin:0;display:flex;gap:6px;align-items:center}
.inline-f{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.inline-f input,.inline-f select,.cat-head input{padding:6px 10px;border-radius:9px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink);font:inherit;font-size:14px}
.post{display:grid;grid-template-columns:170px minmax(0,1fr);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);margin-bottom:12px;overflow:hidden;scroll-margin-top:80px}
.post:target{border-color:var(--sodium);box-shadow:0 0 0 1px var(--sodium),0 0 30px -10px var(--sodium)}
.post.first{border-color:color-mix(in srgb,var(--sodium) 35%,transparent)}
.post-user{padding:16px 12px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--sodium) 7%,transparent),transparent);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px}
.post-user .u-name{font-size:16.5px;word-break:break-word}
.post-user dl{display:grid;grid-template-columns:auto auto;gap:1px 8px;font-size:11px;margin:6px 0 0;color:var(--mute);text-align:left}.post-user dd{margin:0;color:var(--ink);text-align:right}
.post-body{display:flex;flex-direction:column;min-width:0}.post-meta{display:flex;gap:12px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--mute);flex-wrap:wrap}
.post-meta a{color:var(--sodium)}.post-meta em{font-style:normal;color:var(--lime)}.post-meta .ip{margin-left:auto;opacity:.6}
.post-content{padding:14px 16px;flex:1;overflow-wrap:anywhere;font-size:16.5px;user-select:text;-webkit-user-select:text}
.post-content a{color:var(--cyan);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cyan) 40%,transparent)}
.post-content a.mention{color:var(--lime);text-decoration:none;font-weight:700}
.sig{margin:0 16px;padding:8px 0 10px;border-top:1px dashed var(--line-strong);font-size:14px;color:var(--mute);max-height:120px;overflow:hidden}
.post-actions{display:flex;gap:6px;padding:8px 16px 12px;flex-wrap:wrap;align-items:center}.post-actions form{margin:0}
.post-actions .act,.like{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:none;font-size:13.5px;color:var(--mute);transition:.2s}
.post-actions .act:hover{color:var(--ink);border-color:var(--line-strong)}.act.danger:hover{color:var(--siren);border-color:var(--siren)}
.like{margin-right:auto}.like:not([disabled]):hover{border-color:var(--siren);color:var(--siren)}.like.on{color:#fff;background:var(--siren);border-color:var(--siren);box-shadow:0 0 14px -2px var(--siren)}.like.bump{animation:pop .35s}.like[disabled]{cursor:default;opacity:.7}
/* bbcode */
.bb-quote{margin:8px 0;padding:8px 14px;border-left:3px solid var(--sodium);background:var(--surface-2);border-radius:0 10px 10px 0}.bb-quote cite{display:block;font-size:12px;color:var(--sodium);font-style:normal;margin-bottom:3px}
.bb-code{margin:8px 0;padding:12px;border-radius:10px;background:#000a;border:1px solid var(--line);overflow:auto;font-size:13.5px;color:var(--zombie)}
.bb-spoiler{margin:8px 0;border:1px solid var(--line-strong);border-radius:10px;padding:6px 12px}.bb-spoiler summary{cursor:pointer;font-size:12.5px;color:var(--lime)}
.bb-img img{max-height:520px;border-radius:10px;margin:6px 0;display:inline-block}.bb-yt{position:relative;aspect-ratio:16/9;max-width:640px;margin:8px 0}.bb-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.bb-center{text-align:center}.bb-right{text-align:right}.bb-h{font:700 19px var(--font-d);margin:8px 0}.bb-hr{border:0;border-top:1px solid var(--line-strong);margin:12px 0}.bb-list{margin:6px 0;padding-left:22px}
.bb-size1{font-size:11px}.bb-size2{font-size:13px}.bb-size3{font-size:16px}.bb-size4{font-size:19px}.bb-size5{font-size:23px}.bb-size6{font-size:28px}.bb-size7{font-size:34px}.emo{font-size:1.15em}
mark{background:color-mix(in srgb,var(--lime) 40%,transparent);color:inherit;border-radius:3px;padding:0 2px}
/* poll */
.poll{padding:14px 18px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--cyan) 40%,transparent);background:color-mix(in srgb,var(--cyan) 5%,transparent);margin-bottom:12px}
.poll h3{margin:0 0 10px;font-size:18px}.poll-opt{display:flex;gap:8px;align-items:center;padding:6px 0;cursor:pointer}
.poll-res{position:relative;padding:8px 12px;border-radius:9px;background:var(--surface);margin-bottom:6px;display:flex;justify-content:space-between;overflow:hidden;border:1px solid var(--line)}.poll-res>*{position:relative;z-index:1}
.poll-res i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 30%,transparent),color-mix(in srgb,var(--cyan) 10%,transparent));z-index:0;transition:width 1s}
.poll-res.mine{border-color:var(--cyan)}.poll small{display:block;margin-top:6px}
/* forms & editor */
.form-card,.reply-box{padding:20px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);margin-bottom:14px}
.form-card h1{margin:0 0 12px;font:800 22px var(--font-d)}.reply-box h3{margin:0 0 10px;font:700 15px var(--font-d)}
.lbl{display:block;font-size:13.5px;color:var(--mute);margin:12px 0 5px;font-weight:600}
.inp,.dlg textarea{width:100%;padding:10px 13px;border-radius:11px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink);font:inherit;font-size:16px;transition:border-color .2s}
.inp:focus,.editor textarea:focus,.dlg textarea:focus{outline:0;border-color:var(--sodium);box-shadow:0 0 0 3px color-mix(in srgb,var(--sodium) 20%,transparent)}
.inp-xs{width:76px!important;display:inline-block;padding:5px 8px}
.chk{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:14.5px;cursor:pointer;flex-wrap:wrap}.chk input[type=checkbox]{accent-color:var(--sodium);width:16px;height:16px}
.row-f{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.form-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.opt-box{margin-top:14px;padding:8px 14px;border-radius:12px;border:1px dashed var(--line-strong)}.opt-box summary{cursor:pointer;font-size:13px;color:var(--cyan)}
.editor{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--bg-2)}
.ed-bar{display:flex;flex-wrap:wrap;gap:2px;padding:5px;border-bottom:1px solid var(--line);background:var(--surface)}
.ed-bar button{min-width:32px;height:30px;border-radius:7px;border:0;background:none;font-size:14px;color:var(--ink)}.ed-bar button:hover{background:var(--surface-2);color:var(--sodium)}
.ed-sp{flex:1}.ed-bar .ed-prev{font-size:12.5px;padding:0 10px;border:1px solid var(--line-strong)}.ed-bar .ed-prev.on{background:var(--sodium);color:#120a02}
.ed-emoji{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--line)}.ed-emoji button{border:0;background:none;font-size:20px;border-radius:7px;padding:2px 5px}.ed-emoji button:hover{background:var(--surface-2)}
.editor textarea{display:block;width:100%;border:0;background:transparent;color:var(--ink);padding:12px 14px;font:inherit;font-size:16px;resize:vertical;min-height:110px}
.ed-preview{min-height:110px;border-top:0}
/* login */
.login-card{position:relative;overflow:hidden;max-width:460px;margin:20px auto;border-radius:24px;border:1px solid var(--line-strong);background:linear-gradient(160deg,color-mix(in srgb,var(--sodium) 13%,var(--bg-2)),var(--bg-2))}
.login-in{position:relative;z-index:2;padding:28px}.login-in .hs-emblem{margin:0 auto 6px}.login-in h1{text-align:center;margin:0;font:900 26px var(--font-d)}.login-in>p{text-align:center}.login-in a{color:var(--lime)}
/* profile */
.profile{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);overflow:hidden;margin-bottom:16px}
.prof-cover{position:relative;height:110px;background:linear-gradient(110deg,color-mix(in srgb,var(--sodium) 35%,var(--bg-2)),color-mix(in srgb,var(--cyan) 18%,var(--bg-2)))}.prof-cover .hs-matrix{opacity:.45}
.prof-head{display:flex;gap:18px;align-items:flex-end;padding:0 20px;margin-top:-50px;position:relative;flex-wrap:wrap}.prof-head .av{border:4px solid var(--bg);box-shadow:0 0 30px -6px var(--sodium)}
.prof-id{flex:1;min-width:200px}.prof-id h1{margin:0 0 4px;font:900 26px var(--font-d)}.prof-id p{margin:4px 0 0;font-size:12px}.prof-act{display:flex;gap:8px;padding-bottom:6px}
.prof-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:16px 20px}.prof-stats div{text-align:center;padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.prof-stats b{display:block;font-size:20px;color:var(--lime)}.prof-stats small{font-size:11px;color:var(--mute)}
.info{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;margin:0}.info dt{color:var(--mute)}.info dd{margin:0;text-align:right}
.av-edit{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px;border-radius:12px;background:var(--surface-2);margin-bottom:8px}.av-edit form{margin:0}
/* members */
.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.mcard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);text-align:center;transition:.25s}
.mcard:hover{transform:translateY(-3px);border-color:var(--sodium);box-shadow:0 14px 30px -18px var(--sodium)}.mcard b{font-size:16px}.mcard small{color:var(--mute);font-size:11.5px}
.role-bg-admin{border-color:color-mix(in srgb,var(--siren) 40%,transparent)}.role-bg-mod{border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.search-inline{display:flex;gap:6px;margin:0}.search-inline .inp{width:220px;padding:7px 12px;font-size:14px}
.search-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px}
.results{display:flex;flex-direction:column;gap:8px}.result{display:flex;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);border-left:3px solid var(--c,var(--sodium));transition:.2s;align-items:flex-start}
a.result:hover{background:var(--surface-2)}.result>div{flex:1;min-width:0}.result p{margin:3px 0;color:var(--mute);font-size:14.5px}.result small{color:var(--mute);font-size:11.5px}.result a{color:var(--cyan)}
.report.open{border-left-color:var(--siren)}
.f-link{color:var(--c)!important}
/* notifs & pm */
.notifs{display:flex;flex-direction:column;gap:6px}.notif{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:.2s}
.notif:hover{background:var(--surface-2)}.notif.unread{border-color:color-mix(in srgb,var(--sodium) 50%,transparent);background:color-mix(in srgb,var(--sodium) 7%,transparent)}.notif p{margin:0}.notif small{color:var(--mute);font-size:11.5px}
.n-ico{width:28px;text-align:center;font-size:17px;color:var(--sodium)}
.chat{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.msg{display:flex;gap:10px;align-items:flex-end;max-width:80%}.msg.mine{flex-direction:row-reverse;margin-left:auto}
.bubble{border-radius:16px;border:1px solid var(--line);background:var(--surface);min-width:0}.bubble small{display:block;padding:8px 14px 0;color:var(--mute);font-size:11px}.bubble .post-content{padding:4px 14px 10px}
.msg.mine .bubble{background:color-mix(in srgb,var(--sodium) 13%,transparent);border-color:color-mix(in srgb,var(--sodium) 40%,transparent)}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl th{color:var(--mute);font-size:12px;font-weight:400}
/* dialog / toast */
.dlg{border:1px solid var(--line-strong);border-radius:18px;background:var(--bg-2);color:var(--ink);width:min(460px,92vw);padding:20px}.dlg::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.dlg h3{margin:0 0 10px;font-family:var(--font-d)}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:10px 18px;border-radius:999px;background:var(--grad);color:#120a02;font-weight:700;z-index:90;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* footer */
.foot{border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);padding:28px 0 16px;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}.foot-brand img{height:44px}.foot-brand p{color:var(--mute);font-size:14.5px;max-width:340px}
.foot h4{margin:0 0 8px;font:700 12px var(--font-d);letter-spacing:.06em;text-transform:uppercase}.foot-grid a{display:block;color:var(--mute);padding:2px 0;font-size:14.5px}.foot-grid a:hover{color:var(--sodium)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}.sponsored a{color:var(--lime)}
/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.reveal.in{opacity:1;transform:none}
.reveal.in.flash-in{animation:flashIn .7s}@keyframes flashIn{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sodium) 70%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* responsive */
@media (max-width:1080px){.layout{grid-template-columns:1fr}.frow,.trow{grid-template-columns:44px minmax(0,1fr) 70px 200px}.frow .frow-num+.frow-num,.hide-sm{display:none}.trow{grid-template-columns:44px minmax(0,1fr) 70px 200px}}
@media (max-width:900px){.nav-links{position:fixed;top:64px;left:0;right:0;flex-direction:column;padding:10px;background:var(--bg-2);border-bottom:1px solid var(--line);display:none}.nav-links.open{display:flex}.burger{display:block}.hs-stats{display:none}.me-btn span{display:none}}
@media (max-width:680px){.frow,.trow{grid-template-columns:40px minmax(0,1fr)}.frow-num,.frow-last{display:none}.post{grid-template-columns:1fr}.post-user{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);text-align:left;padding:10px 14px}.post-user .av-lg{width:44px;height:44px;font-size:17px}.post-user dl{display:none}
.foot-grid{grid-template-columns:1fr 1fr}.grid2,.search-form{grid-template-columns:1fr}.theme-switch{display:none}.logo span small{display:none}.msg{max-width:95%}.hero-strip{padding:14px}.btn-primary.btn-sm{padding:6px 10px}}

.lang-switch{display:flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.lang-switch a{font:600 11px/1 "Share Tech Mono",monospace;padding:5px 7px;border-radius:999px;color:var(--muted,#9aa3b2);text-decoration:none;letter-spacing:.5px}
.lang-switch a:hover{color:var(--ink)}.lang-switch a.on{background:var(--sodium);color:#000}
.rank-fac{background:rgba(56,232,255,.12);color:#38e8ff;border-color:rgba(56,232,255,.35)}
.perm-list{margin:0;padding-left:18px;display:grid;gap:6px}.perm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
@media (max-width:720px){.lang-switch a{padding:4px 5px;font-size:10px}}

.role-owner{color:#ffd23f!important;text-shadow:0 0 12px rgba(255,210,63,.55)}.role-helper{color:#38e8ff!important}
.rank-owner{color:#1a1200;background:linear-gradient(90deg,#ffd23f,#ff7a18);border:0}.rank-helper{color:#001a1f;background:#38e8ff;border:0}
.role-bg-owner{border-color:rgba(255,210,63,.45)}.role-bg-helper{border-color:rgba(56,232,255,.4)}