:root{
  --bg:#0f0b1e; --bg2:#181233; --line:#2b2350;
  --violet:#8b6cff; --indigo:#5b6cff; --orchid:#e879f9;
  --text:#f1edff; --mist:#a9a0cf; --ok:#7dffb0; --bad:#ff6b8a;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Figtree","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{
  font:400 1.0625rem/1.6 var(--body);color:var(--text);min-height:100vh;
  background:
    radial-gradient(60rem 30rem at 50% -10%,rgba(139,108,255,.28),transparent 70%),
    var(--bg);
}
a{color:var(--orchid)}
:focus-visible{outline:2px solid var(--orchid);outline-offset:3px}

.top{display:flex;justify-content:space-between;align-items:center;max-width:64rem;margin:0 auto;padding:1.25rem 1.5rem}
.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none;font:800 1.25rem var(--display)}
.brand img{display:block;filter:drop-shadow(0 0 8px rgba(139,108,255,.45))}
.top nav a{color:var(--mist);text-decoration:none;font-weight:600}
.top nav a:hover{color:var(--text)}

.hero{max-width:64rem;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}
.status{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--mist);
  padding:.35rem .9rem;border:1px solid var(--line);border-radius:99px;background:rgba(24,18,51,.7)}
.status i{width:.6rem;height:.6rem;border-radius:50%;background:var(--mist)}
.status[data-state=online] i{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.status[data-state=online]{color:var(--text)}
.status[data-state=offline] i{background:var(--bad)}

.count{font:800 clamp(5rem,22vw,13rem)/.95 var(--display);letter-spacing:-.04em;margin-top:1.5rem;
  background:linear-gradient(180deg,#fff 10%,#c9bbff 60%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.count .sep{color:var(--line);-webkit-text-fill-color:var(--line);margin:0 .06em;font-weight:500}
.count .max{font-size:.5em;letter-spacing:-.02em;background:none;-webkit-text-fill-color:var(--mist);color:var(--mist);font-weight:500}
.sub{color:var(--mist);margin-top:.5rem;font-size:1.15rem}

.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:6px;max-width:44rem;margin:2.5rem auto 0}
.slots span{aspect-ratio:1;border-radius:4px;background:var(--bg2);border:1px solid var(--line);transition:background .4s,box-shadow .4s,border-color .4s}
.slots span.on{background:linear-gradient(135deg,var(--indigo),var(--violet));border-color:var(--violet);box-shadow:0 0 12px rgba(139,108,255,.7)}

.join{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.ip{font:800 1.75rem var(--display);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.15rem;
  padding:1rem 2.5rem;border-radius:16px;border:1px solid var(--violet);
  background:linear-gradient(135deg,rgba(91,108,255,.25),rgba(232,121,249,.18))}
.ip small{font:400 .85rem var(--body);color:var(--mist)}
.ip:hover{background:linear-gradient(135deg,rgba(91,108,255,.4),rgba(232,121,249,.3))}
.meta{color:var(--mist);min-height:1.6em}

.info{max-width:64rem;margin:0 auto;padding:3rem 1.5rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.5rem;border-top:1px solid var(--line)}
.info h2{font:800 1.4rem var(--display);margin-bottom:.5rem}
.info p{color:var(--mist);max-width:34ch}
.info b{color:var(--text)}
footer{text-align:center;color:var(--mist);font-size:.9rem;padding:2rem 1.5rem 3rem;border-top:1px solid var(--line)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== PARDUOTUVĖ ===== */
.sr{position:absolute;left:-9999px}
.shop main{max-width:64rem;margin:0 auto;padding:1.5rem}
.btn{font:600 1rem var(--body);color:#fff;border:0;border-radius:12px;padding:.8rem 1.4rem;cursor:pointer;
  background:linear-gradient(135deg,var(--indigo),var(--violet))}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--mist)}
.btn.ghost:hover{border-color:var(--violet);color:var(--text)}
.link{background:none;border:0;color:var(--mist);text-decoration:underline;cursor:pointer;font:inherit}
.user{display:flex;align-items:center;gap:.7rem}
.user img{border-radius:6px;image-rendering:pixelated}
.chip{padding:.2rem .7rem;border-radius:99px;border:1px solid var(--violet);background:rgba(139,108,255,.15);font-weight:600}

.gate{min-height:60vh;display:grid;place-items:center}
.gate form{width:100%;max-width:26rem;padding:2rem;border:1px solid var(--line);border-radius:20px;background:rgba(24,18,51,.8);display:flex;flex-direction:column;gap:1rem}
.gate h1{font:800 2rem/1.1 var(--display)}
.gate p{color:var(--mist)}
.gate input{font:600 1.2rem var(--body);padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.gate input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px rgba(139,108,255,.3)}
.err{color:var(--bad)!important;min-height:1.4em;font-size:.95rem}

.credits{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center;padding:2rem;margin-top:1rem;
  border:1px solid var(--violet);border-radius:24px;background:linear-gradient(135deg,rgba(91,108,255,.2),rgba(232,121,249,.12))}
.credits h1{font:800 clamp(2rem,5vw,3rem)/1.05 var(--display);margin-bottom:.6rem}
.credits-text p{color:var(--mist)}
.buy{display:flex;flex-direction:column;gap:.9rem}
.amount{font-size:1.1rem;color:var(--mist);display:flex;align-items:baseline;gap:.5rem}
.amount b{font:800 4rem/1 var(--display);color:var(--text)}
.amount span{margin-left:auto;font:800 1.6rem var(--display);color:var(--orchid)}
#slider{--p:21%;-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:99px;cursor:pointer;
  background:linear-gradient(90deg,var(--violet) var(--p),var(--bg2) var(--p))}
#slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--violet);box-shadow:0 0 14px rgba(139,108,255,.8)}
#slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--violet)}
.ticks{display:flex;justify-content:space-between;color:var(--mist);font-size:.85rem;margin-top:-.3rem}

.catalog h2{font:800 1.6rem var(--display);margin:2.5rem 0 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}
.card{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7)}
.card:hover{border-color:var(--violet)}
.card h3{font:800 1.3rem var(--display)}
.price{font:800 1.5rem var(--display);color:var(--orchid)}
.price small{font:400 .9rem var(--body);color:var(--mist)}
.card ul{list-style:none;padding:0;color:var(--mist);flex:1}
.card li::before{content:"+ ";color:var(--violet);font-weight:800}
.card .btn{margin-top:.5rem}

.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,150%);background:var(--bg2);border:1px solid var(--violet);
  padding:.8rem 1.2rem;border-radius:12px;transition:transform .3s;max-width:90vw;z-index:9}
.toast.show{transform:translate(-50%,0)}
@media (max-width:700px){.credits{grid-template-columns:1fr;padding:1.4rem}.user .link{display:none}}

/* ===== V2: paskyros, mokėjimai, admin ===== */
.inline{display:inline}
.muted,.fine{color:var(--mist)}
.fine{font-size:.85rem}
.panel{width:100%;max-width:28rem;padding:2rem;border:1px solid var(--line);border-radius:20px;background:rgba(24,18,51,.8);display:flex;flex-direction:column;gap:.7rem}
.panel.center{text-align:center;align-items:center;max-width:34rem}
.panel h1{font:800 2rem/1.1 var(--display);margin-bottom:.3rem}
.panel p{color:var(--mist)}
.panel label,.form label{font-weight:600;font-size:.95rem;display:flex;flex-direction:column;gap:.35rem}
.panel label small{font-weight:400;color:var(--mist)}
.panel input,.form input,.form textarea,.bar input,td input{font:400 1rem var(--body);padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);width:100%}
.panel input:focus,.form input:focus,.form textarea:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px rgba(139,108,255,.3)}
.panel .btn{margin-top:.5rem}
label.check{flex-direction:row!important;align-items:center;gap:.6rem!important;font-weight:400!important}
label.check input{width:auto!important;accent-color:var(--violet)}
.alt{text-align:center;font-size:.95rem}
.flash{max-width:61rem;margin:.5rem auto;padding:.8rem 1.2rem;border-radius:12px;border:1px solid var(--ok);background:rgba(125,255,176,.1);transition:opacity .6s}
.flash.bad{border-color:var(--bad);background:rgba(255,107,138,.12)}
.flash.hide{opacity:0}
.notice{padding:.9rem 1.2rem;border-radius:12px;border:1px solid var(--orchid);background:rgba(232,121,249,.1);margin:.5rem 0 1rem}
.btn.small{padding:.45rem .8rem;font-size:.9rem;border-radius:9px}
.btn.danger{background:var(--bad)}
.btn.armed{background:linear-gradient(135deg,#ff8a5b,var(--orchid))}
.btn[disabled]{opacity:.6;cursor:not-allowed}
a.btn{display:inline-block;text-decoration:none;text-align:center}
.okmsg{color:var(--ok)!important;font-weight:600}
.checks{list-style:none;padding:0}
.checks .ok{color:var(--ok)} .checks .bad{color:var(--bad)}

.history{margin-top:3rem}
.history h2{font:800 1.6rem var(--display);margin-bottom:1rem}
.history h3{font:800 1.15rem var(--display);margin:1.5rem 0 .5rem}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th{text-align:left;color:var(--mist);font-weight:600;border-bottom:1px solid var(--line);padding:.6rem .5rem}
td{border-bottom:1px solid var(--line);padding:.6rem .5rem;vertical-align:top}
tr.dim td{opacity:.55}
.tag{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.8rem;font-weight:600;border:1px solid var(--line);color:var(--mist)}
.tag.ok{border-color:var(--ok);color:var(--ok)} .tag.wait{border-color:#ffd36b;color:#ffd36b} .tag.bad{border-color:var(--bad);color:var(--bad)}
.oktxt{color:var(--ok)} .badtxt{color:var(--bad)}
code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;color:#d8ccff}
code.pre{white-space:pre-wrap}
.mono{font-family:ui-monospace,Consolas,monospace!important;word-break:break-all}

.doc{max-width:46rem!important}
.doc h1{font:800 2.4rem var(--display);margin:1rem 0 .3rem}
.doc h2{font:800 1.3rem var(--display);margin:2rem 0 .5rem}
.doc p{color:#d9d3f3;margin-bottom:.6rem}

/* Admin */
.admin main{max-width:76rem!important}
.admin .top{max-width:76rem}
.adminnav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;align-items:center}
.adminnav a.on{color:var(--text);border-bottom:2px solid var(--violet)}
.admin h2{font:800 1.4rem var(--display);margin:2rem 0 .8rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin:1rem 0}
.stats div{padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7);display:flex;flex-direction:column;gap:.2rem}
.stats b{font:800 1.6rem var(--display)}
.stats small{color:var(--mist)}
.form{display:flex;flex-direction:column;gap:1rem;max-width:56rem}
.form textarea{resize:vertical}
.row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}
.row>label{flex:1;min-width:10rem}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.bar h2{margin:2rem 0 .8rem}
.bar form{display:flex;gap:.5rem}
.box{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(24,18,51,.7);margin:.5rem 0 1rem}
details.box summary{cursor:pointer;font-weight:600}
details.box .form{margin-top:1rem}
td form.inline{display:flex;gap:.4rem;align-items:center}
input.tiny{width:7rem!important;padding:.4rem .6rem!important;font-size:.9rem!important}
.nowrap{white-space:nowrap}
.admin main{overflow-x:auto}
@media (max-width:700px){.history table{display:block;overflow-x:auto}}

/* ===== V5: naujienos, komanda, paskyra ===== */
.mainnav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.mainnav a{color:var(--mist);text-decoration:none;font-weight:600}
.mainnav a:hover,.mainnav a.on{color:var(--text)}
.mainnav a.navbtn{color:#fff;padding:.45rem 1rem;border-radius:10px;background:linear-gradient(135deg,var(--indigo),var(--violet))}
.mainnav a.navbtn:hover{filter:brightness(1.12)}
.newslist{max-width:64rem;margin:0 auto;padding:3rem 1.5rem;border-top:1px solid var(--line)}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem}
.sechead h2{font:800 1.6rem var(--display)}
.sechead a{color:var(--mist);font-weight:600;text-decoration:none}
.sechead a:hover{color:var(--text)}
.newsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem}
.news{padding:1.4rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7)}
.news time{color:var(--orchid);font-size:.85rem;font-weight:600}
.news h3{font:800 1.25rem/1.25 var(--display);margin:.35rem 0 .6rem}
.news h3 a{color:var(--text);text-decoration:none}
.news h3 a:hover{color:var(--orchid)}
.news p{color:var(--mist);margin-bottom:.6rem}
.newsfeed{display:flex;flex-direction:column;gap:1.2rem}
.newsfeed .news{padding:1.8rem}
.newsfeed .news h3{font-size:1.6rem}
.newsfeed .news p{color:#d9d3f3}
main.page{max-width:52rem;margin:0 auto;padding:1.5rem 1.5rem 4rem}
main.page h1{font:800 clamp(2.2rem,6vw,3.2rem)/1.05 var(--display);margin:1rem 0 1.5rem}
.lead{margin:-.8rem 0 2rem;max-width:40rem}
.staffgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}
.member{--c:#8b6cff;text-align:center;padding:1.6rem 1.2rem;border:1px solid var(--line);border-top:3px solid var(--c);border-radius:16px;background:rgba(24,18,51,.7)}
.member img{image-rendering:pixelated;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.member h3{font:800 1.2rem var(--display);margin:.8rem 0 .4rem;word-break:break-all}
.member .role{display:inline-block;padding:.15rem .7rem;border-radius:99px;font-size:.85rem;font-weight:600;color:var(--c);border:1px solid var(--c)}
.member p{color:var(--mist);font-size:.92rem;margin-top:.7rem}
.account{margin-top:3rem}
.account h2{font:800 1.6rem var(--display);margin-bottom:1rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem}
.grid2 .panel{max-width:none}
.panel h3{font:800 1.2rem var(--display)}
@media (max-width:600px){.mainnav{gap:.9rem;font-size:.95rem}.top{flex-wrap:wrap;gap:.8rem}}

.admin form.form + p{margin-top:1.2rem}

/* ===== V6: prekių paveikslėliai, akcijos, rėmėjai ===== */
.card{position:relative}
.itemimg{display:block;width:100%;max-width:9rem;aspect-ratio:1;object-fit:contain;margin:0 auto .4rem;filter:drop-shadow(0 8px 18px rgba(139,108,255,.35))}
.card.onsale{border-color:rgba(255,107,138,.55)}
.salebadge{position:absolute;top:.8rem;right:.8rem;padding:.2rem .6rem;border-radius:99px;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,#ff6b8a,#e879f9);box-shadow:0 4px 14px rgba(255,107,138,.4)}
.price s{color:var(--mist);font-weight:500;font-size:.75em;margin-right:.2rem}
.saleuntil{color:#ff9fb2;font-size:.85rem;font-weight:600;margin-top:-.4rem}
.topdonors{margin-top:3rem}
.topdonors h2{font:800 1.6rem var(--display);margin-bottom:1rem}
.toplist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.7rem}
.toplist li{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:14px;background:rgba(24,18,51,.7)}
.toplist img{border-radius:8px;image-rendering:pixelated}
.toplist b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toplist .place{font:800 1.3rem var(--display);color:var(--mist);min-width:1.4rem;text-align:center}
.toplist .r1{border-color:#ffd36b;background:linear-gradient(135deg,rgba(255,211,107,.16),rgba(24,18,51,.7))}
.toplist .r1 .place{color:#ffd36b}
.toplist .r2{border-color:#cfd6e6}.toplist .r2 .place{color:#cfd6e6}
.toplist .r3{border-color:#e0a370}.toplist .r3 .place{color:#e0a370}
.itemthumb{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:.5rem}
.imgrow{align-items:center}
.itemprev{width:96px;height:96px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:.4rem}

.admin .adminnav{gap:.3rem .85rem;justify-content:flex-end;font-size:.93rem}
.admin .brand{flex:none}

/* ===== V7: nuolaidų kodai ===== */
.couponbar{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.2rem;border:1px dashed var(--line);border-radius:14px;background:rgba(24,18,51,.5)}
.couponbar p{color:var(--text)}
.couponform{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%}
.couponform label{color:var(--mist);font-weight:600}
.couponform input{flex:1;min-width:10rem;max-width:16rem;font:600 1rem var(--body);text-transform:uppercase;letter-spacing:.05em;padding:.55rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.couponform input:focus{border-color:var(--violet);outline:none}
.bonusline{color:#7dffb0;font-weight:600;font-size:.95rem}
.form select{font:400 1rem var(--body);padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);width:100%}

/* ===== V8: bendruomenė, anketos, profiliai ===== */
main.page.wide{max-width:64rem}
.crumbs{color:var(--mist);font-size:.92rem;margin-top:.5rem}
.crumbs a{color:var(--mist);text-decoration:none}.crumbs a:hover{color:var(--text)}
.cathead{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;flex-wrap:wrap;margin:1rem 0 1.5rem}
.cathead h1{margin:0 0 .3rem!important}
.cathead p{max-width:40rem}
.cathead[style]{border-left:4px solid var(--c);padding-left:1rem}
.search{display:flex;gap:.5rem}
.search input,.form select,.modbar select,.appform select{font:400 1rem var(--body);padding:.6rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.search input{width:16rem;max-width:60vw}
.search input:focus,.form select:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px rgba(139,108,255,.3)}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin-bottom:3rem}
.catcard{--c:#8b6cff;display:flex;flex-direction:column;gap:.4rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-top:3px solid var(--c);border-radius:16px;background:rgba(24,18,51,.7);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}
.catcard:hover{border-color:var(--c);transform:translateY(-2px)}
.catcard h2{font:800 1.3rem var(--display);color:var(--c)}
.catcard p{color:#d9d3f3;font-size:.95rem;flex:1}
.catcard small{color:var(--mist)}
.catcard.forms{background:linear-gradient(135deg,rgba(255,211,107,.1),rgba(24,18,51,.7))}
.tlist{list-style:none;padding:0;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7);overflow:hidden}
.trow{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:0}
.trow:hover{background:rgba(139,108,255,.06)}
.trow.pinned{background:rgba(139,108,255,.09)}
.ava{border-radius:8px;image-rendering:pixelated;flex:none;background:var(--bg2)}
.tmain{flex:1;min-width:0}
.ttitle{color:var(--text);font-weight:600;text-decoration:none;word-break:break-word}
.ttitle:hover{color:var(--orchid)}
.tmeta{color:var(--mist);font-size:.88rem;margin-top:.15rem}
.ulink{color:var(--text);font-weight:600;text-decoration:none}
.ulink:hover{color:var(--orchid)}
.tmeta .ulink{color:var(--mist)}
.tstats{display:flex;gap:.9rem;color:var(--mist);font-size:.9rem;white-space:nowrap}
.score.pos{color:var(--ok)}.score.neg{color:var(--bad)}
.cchip{--c:#8b6cff;color:var(--c);text-decoration:none;font-weight:600}
.ico{margin-right:.35rem;font-size:.9em}
.tlist.compact .trow{padding:.7rem 1rem}
.stag{display:inline-block;padding:.08rem .55rem;border-radius:99px;font-size:.78rem;font-weight:700;border:1px solid var(--line);color:var(--mist);vertical-align:middle;white-space:nowrap}
.stag.s-wait{color:#ffd36b;border-color:#ffd36b}.stag.s-ok{color:var(--ok);border-color:var(--ok)}
.stag.s-done{color:#0f0b1e;background:var(--ok);border-color:var(--ok)}.stag.s-bad{color:var(--bad);border-color:var(--bad)}
.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;align-items:center}
.filters a{padding:.3rem .8rem;border-radius:99px;border:1px solid var(--line);color:var(--mist);text-decoration:none;font-size:.9rem;font-weight:600}
.filters a.on,.filters a:hover{color:var(--text);border-color:var(--violet);background:rgba(139,108,255,.15)}
.filters i{width:1px;height:1.4rem;background:var(--line);margin:0 .3rem}
.pager{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:1.5rem 0}
.pager a{min-width:2.2rem;text-align:center;padding:.35rem .6rem;border-radius:9px;border:1px solid var(--line);color:var(--mist);text-decoration:none}
.pager a.on{background:var(--violet);border-color:var(--violet);color:#fff}
.empty{padding:2rem;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--mist)}
.empty p+p{margin-top:.6rem}
.post{padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7);margin-bottom:1rem}
.post.op{padding:1.8rem}
.post.staff{border-color:rgba(232,121,249,.45);background:linear-gradient(135deg,rgba(232,121,249,.08),rgba(24,18,51,.7))}
.phead{display:flex;align-items:flex-start;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.phead h1{font:800 clamp(1.6rem,4.5vw,2.3rem)/1.15 var(--display)!important;margin:0!important;flex:1;min-width:14rem;word-break:break-word}
.phead .stag{font-size:.9rem;margin-top:.5rem}
.author{display:flex;align-items:center;gap:.7rem;line-height:1.35}
.pbody{margin-top:1rem;color:#e4dff7;overflow-wrap:anywhere}
.pbody p{margin-bottom:.7rem}
.pbody p:last-child{margin-bottom:0}
.pfoot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.votes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.vbtn{font:700 .95rem var(--body)!important;background:transparent!important;border:1px solid var(--line)!important;color:var(--mist)!important;border-radius:10px;padding:.4rem .85rem}
.vbtn.static{display:inline-block}
.vbtn.up.on,.vbtn.up:hover{color:var(--ok)!important;border-color:var(--ok)!important;background:rgba(125,255,176,.1)!important}
.vbtn.down.on,.vbtn.down:hover{color:var(--bad)!important;border-color:var(--bad)!important;background:rgba(255,107,138,.1)!important}
.vbtn.static:hover{color:var(--mist)!important;border-color:var(--line)!important;background:transparent!important}
.pactions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:flex-start;margin-top:.8rem}
.pfoot .pactions{margin-top:0}
.modbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.2rem;padding:.8rem 1rem;border-radius:12px;border:1px dashed var(--orchid);background:rgba(232,121,249,.06);font-size:.92rem}
.modbar form{display:inline-flex;gap:.35rem;align-items:center}
.modbar select{padding:.35rem .6rem;font-size:.9rem;border-radius:9px}
.rbadge{display:inline-block;padding:.05rem .5rem;border-radius:99px;font-size:.75rem;font-weight:700;border:1px solid var(--line);color:var(--mist);vertical-align:middle}
.rbadge.r-administratorius{color:#ff6b8a;border-color:#ff6b8a}
.rbadge.r-moderatorius{color:#e879f9;border-color:#e879f9}
.rbadge.r-helperis{color:#7dd3fc;border-color:#7dd3fc}
.rbadge.op{color:var(--violet);border-color:var(--violet)}
.rbadge.donor{color:#ffd36b;border-color:#ffd36b}
.rbadge.bad{color:var(--bad);border-color:var(--bad)}
.comments h2,.subh{font:800 1.4rem var(--display);margin:2.2rem 0 1rem}
.cmt{padding:1.1rem 1.3rem}
.cmt .pbody{margin-top:.7rem}
.plink{color:inherit;text-decoration:none}
.cedit summary{list-style:none;display:inline-block}
.cedit summary::-webkit-details-marker{display:none}
.cedit[open]{flex-basis:100%}
.cedit .form{margin-top:.6rem}
.reply{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7);gap:.8rem}
.postform textarea,.reply textarea{min-height:7rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.navuser{display:inline-flex;align-items:center;gap:.8rem}
.bell{position:relative;display:inline-flex;color:var(--mist)!important}
.bell.has{color:var(--text)!important}
.bell b{position:absolute;top:-.45rem;right:-.6rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:99px;background:var(--bad);color:#fff;font-size:.7rem;line-height:1.1rem;text-align:center}
.me{display:inline-flex!important;align-items:center;gap:.45rem}
.me span{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile{--c:#8b6cff;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding:2rem;margin-top:1rem;border:1px solid var(--line);border-top:3px solid var(--c);border-radius:20px;background:radial-gradient(30rem 14rem at 0% 0%,rgba(139,108,255,.18),transparent 70%),rgba(24,18,51,.7)}
.profile .skin img{display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));image-rendering:pixelated}
.profile h1{font:800 clamp(2rem,6vw,3rem)/1 var(--display)!important;margin:0 0 .6rem!important;word-break:break-all}
.badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}
.badges .rbadge{font-size:.85rem;padding:.15rem .7rem}
.bio{color:#e4dff7;margin-bottom:1rem;overflow-wrap:anywhere}
.pstats{display:flex;gap:2rem;flex-wrap:wrap}
.pstats dt{color:var(--mist);font-size:.85rem}
.pstats dd{margin:0;font:800 1.2rem var(--display)}
.profedit{margin-top:1rem}
.profedit .logout{margin-top:.8rem}
.notes{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}
.notes li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.85rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(24,18,51,.7)}
.notes li.new{border-color:var(--violet);background:rgba(139,108,255,.12)}
.notes a{color:var(--text);text-decoration:none}
.notes a:hover{color:var(--orchid)}
.notes small{white-space:nowrap}
.formlist{display:flex;flex-direction:column;gap:.8rem}
.formcard{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:16px;background:rgba(24,18,51,.7);color:var(--text);text-decoration:none}
.formcard:hover{border-color:var(--violet)}
.formcard h2{font:800 1.2rem var(--display);margin-bottom:.2rem}
.formcard p{color:var(--mist);font-size:.95rem}
.formcard.closed{opacity:.7}
.stag.s-muted{color:var(--mist)}
.formdesc{color:#e4dff7;margin:-.5rem 0 1rem}
.formdesc p{margin-bottom:.6rem}
.private{padding:.7rem 1rem;border-radius:12px;border:1px solid rgba(125,255,176,.4);background:rgba(125,255,176,.07);margin-bottom:1.5rem;font-size:.95rem}
.appform label span{font-weight:600}
.appform label small{font-weight:400;color:var(--mist);margin-top:-.2rem}
.appform input[disabled]{opacity:.6}
.appform select{width:100%}
.req{color:var(--bad)}
.mysub{border:1px solid var(--line);border-radius:14px;background:rgba(24,18,51,.7);margin-bottom:.6rem;padding:.9rem 1.2rem}
.mysub summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.reply-box{margin:1rem 0;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--violet);background:rgba(139,108,255,.1)}
.reply-box p{margin-top:.3rem}
dl.answers{margin-top:1rem;display:flex;flex-direction:column;gap:.15rem}
dl.answers dt{color:var(--mist);font-size:.88rem;margin-top:.6rem}
dl.answers dd{margin:0;overflow-wrap:anywhere}
@media (max-width:640px){
  .profile{grid-template-columns:1fr;text-align:center;justify-items:center;padding:1.5rem}
  .badges,.pstats{justify-content:center}
  .trow{gap:.7rem;padding:.8rem}
  .tstats{flex-direction:column;gap:.1rem;font-size:.82rem}
  .search{width:100%}.search input{flex:1;width:auto;max-width:none}
  .me span{display:none}
  .post.op{padding:1.2rem}
}
.nbadge{display:inline-block;min-width:1.2rem;padding:0 .3rem;border-radius:99px;background:var(--bad);color:#fff;font-size:.75rem;text-align:center;line-height:1.2rem}
.admin select{font:400 .95rem var(--body);padding:.55rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.admin select.tiny{width:auto!important;padding:.35rem .5rem;font-size:.85rem}
.qrow .row{align-items:flex-start}
.qrow .row+.row{margin-top:.6rem}
.qrow textarea{min-height:2.9rem}