/* Layout: sticker-defteri ana sayfa; her kavram kendi "evrenine" bürünür (tokenlar body.v-* ile değişir) */
:root{
  --ink:#1B1A2E;
  --bg:#EAF7F1; --fg:#1B1A2E; --muted:#55536E; --card:#FFFFFF; --line:#1B1A2E;
  --accent:#D81B7A; --accent-fg:#FFFFFF; --acc2:#FFE45C; --acc3:#7CC8FF;
  --nav:rgba(234,247,241,.9);
  --bgimg:linear-gradient(rgba(27,26,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(27,26,46,.055) 1px,transparent 1px);
  --bgsize:28px 28px;
  --fd:'Bricolage Grotesque','Arial Rounded MT Bold',system-ui,sans-serif;
  --fb:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fh:'Caveat','Segoe Print',cursive;
  --fdw:800; --fdls:-.02em; --fdtt:none; --fbsz:16px;
  --r:18px; --bw:2px; --sh:4px 4px 0 var(--line);
  --bubble:#F1EEF9; --bubble-fg:var(--fg);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
[hidden]{display:none!important}
img{max-width:100%}
html{scroll-behavior:smooth}
body{background-color:var(--bg);background-image:var(--bgimg);background-size:var(--bgsize);background-attachment:fixed;color:var(--fg);font-family:var(--fb);font-size:var(--fbsz);line-height:1.62;transition:background-color .6s ease,color .4s ease;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--nav)}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{text-wrap:balance;line-height:1.15;margin:0}
p{margin:0}

/* ---------- NAV ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1.5px solid color-mix(in srgb,var(--line) 25%,transparent);transition:background .5s}
.nav-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.03em;text-decoration:none;color:var(--fg);display:flex;align-items:center;gap:6px;white-space:nowrap}
.brand b{display:inline-grid;place-items:center;background:var(--accent);color:var(--accent-fg);border-radius:8px;padding:0 6px;transform:rotate(-6deg);font-size:1.1rem}
.menu{display:flex;gap:6px;overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:none;padding:2px}
.menu::-webkit-scrollbar{display:none}
.menu a{white-space:nowrap;text-decoration:none;font-weight:700;font-size:.9rem;padding:6px 11px;border-radius:999px;border:1.5px solid transparent;font-family:'Nunito',system-ui,sans-serif}
.menu a:hover,.menu a.on{border-color:color-mix(in srgb,var(--fg) 40%,transparent);background:color-mix(in srgb,var(--fg) 7%,transparent)}
.tools{display:flex;gap:8px;align-items:center;margin-left:auto}
.dd{position:relative;flex:0 0 auto}
.dd summary{list-style:none;cursor:pointer;font:800 .9rem 'Nunito',system-ui,sans-serif;padding:6px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--fg) 40%,transparent);white-space:nowrap;user-select:none}
.dd summary::-webkit-details-marker{display:none}
.dd summary::after{content:" ▾";opacity:.7}
.dd[open] summary,.dd.on summary{background:var(--fg);color:var(--bg)}
.dd-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:70;width:min(340px,calc(100vw - 32px));background:var(--card);color:var(--fg);border:var(--bw) solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.22);padding:6px;display:grid;gap:2px;font-family:'Nunito',system-ui,sans-serif}
.dd-panel a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;text-decoration:none}
.dd-panel a>span:first-child{font-size:1.4rem}
.dd-panel a b{display:block;font-size:.95rem}
.dd-panel a small{color:var(--muted);font-size:.78rem}
.dd-panel a:hover,.dd-panel a.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}
@media (max-width:520px){.nav-in{gap:8px}.brand{font-size:1.2rem}.gs input[type=search]{width:118px;padding-left:32px;font-size:.85rem}.gs::before{left:9px}.calm-btn{padding:7px 9px}.calm-btn span{display:none}}
@media (max-width:880px){.nav-in::after{content:"";flex-basis:100%;height:0;order:2}.dd{order:3}.menu{order:4!important;flex:1 1 0!important;flex-basis:0!important}}
.gs{position:relative}
.gs input{width:210px;max-width:46vw;font:600 .92rem 'Nunito',system-ui,sans-serif;padding:8px 12px 8px 40px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--fg) 35%,transparent);background:color-mix(in srgb,var(--card) 85%,transparent);color:var(--fg)}
.gs input[type=search]{padding:8px 12px 8px 40px;border-width:1.5px;font-size:.92rem}
.gs::before{content:"🔍";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}
.gres{position:absolute;right:0;top:calc(100% + 6px);width:min(360px,calc(100vw - 32px));background:var(--card);color:var(--fg);border:var(--bw) solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:6px;max-height:60vh;overflow:auto;font-family:'Nunito',system-ui,sans-serif}
.gres a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none}
.gres a:hover,.gres a:focus{background:color-mix(in srgb,var(--accent) 15%,transparent)}
.gres small{display:block;color:var(--muted);font-size:.78rem;line-height:1.3}
.gres .k{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}
.calm-btn{border:1.5px solid color-mix(in srgb,var(--fg) 35%,transparent);background:transparent;border-radius:999px;padding:7px 11px;font:700 .85rem 'Nunito',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.calm-btn[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
@media (max-width:880px){.menu{order:3;flex-basis:100%}.gs input{width:170px}}
@media (max-width:420px){.calm-btn span{display:none}}

/* ---------- APP SHELL ---------- */
#fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#deco{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
#app{position:relative;z-index:3;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 60px;min-height:70vh}
.wrap{max-width:1120px;margin:0 auto}
.foot{position:relative;z-index:3;border-top:1.5px solid color-mix(in srgb,var(--line) 25%,transparent);padding-block:26px calc(30px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:.9rem;color:var(--muted);background:color-mix(in srgb,var(--bg) 85%,transparent)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}
.foot p{max-width:62ch}

/* ---------- PARTICLES ---------- */
.pt{position:absolute;font-size:var(--sz,24px);opacity:var(--op,.5);will-change:transform;line-height:1;user-select:none}
.m-fall{top:0;animation:fall var(--dur) linear var(--del) infinite}
.m-rise{top:0;animation:rise var(--dur) linear var(--del) infinite}
.m-drift{left:0;animation:drift var(--dur) linear var(--del) infinite}
.m-float{animation:floaty var(--dur) ease-in-out var(--del) infinite alternate}
.m-bounce{animation:jitter var(--dur) ease-in-out var(--del) infinite}
.m-flicker{animation:flick var(--dur) steps(1) var(--del) infinite}
@keyframes fall{0%{transform:translate3d(0,-12vh,0) rotate(0)}50%{transform:translate3d(var(--sway),50vh,0) rotate(calc(var(--rot)*.5))}100%{transform:translate3d(0,112vh,0) rotate(var(--rot))}}
@keyframes rise{0%{transform:translate3d(0,112vh,0)}50%{transform:translate3d(var(--sway),50vh,0)}100%{transform:translate3d(0,-12vh,0)}}
@keyframes drift{0%{transform:translate3d(-12vw,0,0)}25%{transform:translate3d(20vw,-30px,0)}50%{transform:translate3d(50vw,20px,0)}75%{transform:translate3d(80vw,-25px,0)}100%{transform:translate3d(112vw,0,0)}}
@keyframes floaty{0%{transform:translateY(0) rotate(calc(var(--rot)*-.1))}100%{transform:translateY(-26px) rotate(calc(var(--rot)*.1))}}
@keyframes jitter{0%,100%{transform:rotate(-10deg) scale(1)}25%{transform:rotate(12deg) translateY(-14px) scale(1.15)}50%{transform:rotate(-4deg) translateX(10px)}75%{transform:rotate(8deg) translateY(6px) scale(.9)}}
@keyframes flick{0%{opacity:var(--op)}12%{opacity:.08}18%{opacity:var(--op)}55%{opacity:.15}60%{opacity:var(--op)}}
.drop{width:1.5px;height:70px;background:linear-gradient(transparent,var(--rain,rgba(255,255,255,.35)));font-size:0}
.f-green{filter:hue-rotate(115deg) saturate(1.3)}
.f-beige{filter:sepia(1) saturate(.6) brightness(1.1)}
.trail{position:fixed;z-index:70;pointer-events:none;transform:translate(-50%,-50%);animation:trailfade .9s ease-out forwards;font-size:16px}
.tr-y2k{color:#FF5CCB;text-shadow:0 0 8px #fff}
.tr-bread{color:#B5762E;font-size:22px}
.tr-toxic{color:#39FF88;text-shadow:0 0 8px #39FF88}
.tr-egirl{color:#FF8FCB;text-shadow:0 0 6px #7FE7FF}
@keyframes trailfade{to{opacity:0;transform:translate(-50%,10px) scale(.4)}}
.burst{position:fixed;z-index:70;pointer-events:none;animation:burst 1s ease-out forwards;font-size:20px}
@keyframes burst{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}100%{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1.2);opacity:0}}

/* ---------- TOASTS ---------- */
#toasts{position:fixed;z-index:80;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;width:min(330px,calc(100vw - 28px));pointer-events:none}
.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;background:var(--card);color:var(--fg);border:var(--bw) solid var(--line);border-radius:16px;padding:11px 12px;box-shadow:0 14px 34px rgba(0,0,0,.2);animation:tin .35s cubic-bezier(.2,1.4,.4,1);font-family:'Nunito',system-ui,sans-serif;font-size:.9rem;line-height:1.35}
.toast.out{animation:tout .4s ease forwards}
.toast .t-ic{font-size:1.5rem}
.toast b{display:block;font-size:.82rem}
.toast .t-x{margin-left:auto;border:0;background:transparent;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.6}
@keyframes tin{from{transform:translateY(20px) scale(.9);opacity:0}}
@keyframes tout{to{transform:translateX(40px);opacity:0}}

/* ---------- COMMON UI ---------- */
.btn{display:inline-flex;align-items:center;gap:6px;border:var(--bw) solid var(--line);background:var(--card);color:var(--fg);padding:10px 16px;border-radius:999px;font-weight:800;font-family:var(--fb);text-decoration:none;cursor:pointer;box-shadow:2px 2px 0 var(--line);transition:transform .12s,box-shadow .12s;font-size:.95rem;line-height:1.2}
.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}
.btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--line)}
.btn.primary{background:var(--accent);color:var(--accent-fg)}
.btn:disabled{opacity:.55;cursor:default;transform:none}
.btn.ok{background:#3DBE7A;color:#fff}
.btn.no{background:#E5484D;color:#fff}
.card{background:var(--card);color:var(--card-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px 24px;min-width:0}
.card h2{font-family:var(--fd);font-weight:var(--fdw);letter-spacing:var(--fdls);text-transform:var(--fdtt);font-size:1.45rem;margin-bottom:12px}
.card h3{font-family:var(--fd);font-weight:var(--fdw);letter-spacing:var(--fdls);text-transform:var(--fdtt);font-size:1.12rem;margin-bottom:10px}
.card p+p{margin-top:12px}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{text-decoration:none;font-weight:700}
.crumbs a:hover{text-decoration:underline}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid color-mix(in srgb,var(--fg) 35%,transparent);background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--fg);border-radius:999px;padding:6px 12px;font-weight:700;font-size:.88rem;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.chip small{opacity:.7;font-weight:600}
input[type=search],input[type=text],input[type=number],textarea{font:600 1rem var(--fb);padding:11px 14px;border-radius:14px;border:var(--bw) solid var(--line);background:var(--card);color:var(--fg);width:100%}

/* ---------- HOME ---------- */
.hero{position:relative;padding-block:30px 36px;text-align:left}
.hero-kicker{font-family:var(--fh);font-size:1.6rem;color:var(--hi,var(--accent));transform:rotate(-2deg);display:inline-block}
.hero-title{font-family:var(--fd);font-weight:800;font-size:clamp(3.6rem,13vw,8.6rem);letter-spacing:-.05em;line-height:.9;margin:6px 0 18px;display:flex;flex-wrap:wrap;align-items:flex-end}
.hero-title .z{display:inline-block;background:var(--acc2);border:3px solid var(--line);border-radius:22px;padding:0 .12em;margin-left:.06em;transform:rotate(4deg);box-shadow:6px 6px 0 var(--line);animation:zwob 4s ease-in-out infinite}
@keyframes zwob{50%{transform:rotate(-3deg) translateY(-4px)}}
.hero-sub{font-size:1.12rem;max-width:62ch;color:var(--muted)}
.hero-sub b{color:var(--fg)}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.stat{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:8px 14px;font-weight:700;font-size:.92rem}
.stat b{font-family:var(--fd);font-size:1.2rem;margin-right:4px}
.hs{position:absolute;font-family:var(--fh);font-weight:700;font-size:1.35rem;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:2px 12px;box-shadow:3px 3px 0 var(--line);white-space:nowrap;animation:bob 5s ease-in-out infinite;pointer-events:none}
.hs0{right:2%;top:6%;transform:rotate(8deg);background:#FFC2DD}
.hs1{right:18%;top:24%;transform:rotate(-6deg);animation-delay:-1s;background:#CFC2FF}
.hs2{right:4%;top:46%;transform:rotate(5deg);animation-delay:-2s;background:#A8E6FF}
.hs3{right:22%;top:62%;transform:rotate(-9deg);animation-delay:-3s;background:#B8F2C8}
.hs4{right:30%;top:4%;transform:rotate(3deg);animation-delay:-.5s}
.hs5{right:3%;top:76%;transform:rotate(-4deg);animation-delay:-2.5s;background:#FFE08A}
@keyframes bob{50%{translate:0 -8px}}
@media (max-width:1000px){.hs{display:none}}
.marquee{overflow:hidden;border-block:2.5px solid var(--line);background:var(--fg);color:var(--bg);margin:6px 0 34px;border-radius:14px;transform:rotate(-1deg)}
.mq-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.mq-track span{font-family:var(--fd);font-weight:800;font-size:1.25rem;padding:9px 18px;white-space:nowrap}
.mq-track span:nth-child(3n){color:var(--acc2)}
.mq-track span:nth-child(3n+1){color:#FFC2DD}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{margin-top:44px}
.sec-t{font-family:var(--fd);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.03em;margin-bottom:18px}
.sec-t small{font-family:var(--fh);font-weight:700;font-size:1.3rem;color:var(--muted);letter-spacing:0;display:inline-block}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.cat-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:var(--cc);border:2.5px solid var(--line);border-radius:22px;padding:20px;box-shadow:5px 5px 0 var(--line);transition:transform .15s,box-shadow .15s;color:var(--ink);min-width:0}
.cat-card:hover{transform:translate(-2px,-3px) rotate(-.6deg);box-shadow:8px 9px 0 var(--line)}
.cat-card .ce{font-size:2.6rem;line-height:1}
.cat-card h3{font-family:var(--fd);font-weight:800;font-size:1.45rem;letter-spacing:-.02em}
.cat-card p{font-size:.95rem}
.cat-card .cnt{font-family:var(--fh);font-size:1.25rem;font-weight:700}
.cat-card .pv{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.cat-card .pv span{background:rgba(255,255,255,.7);border:1.5px solid var(--line);border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:700}
.meme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:16px}
.meme{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px;box-shadow:3px 3px 0 var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transform:rotate(var(--tilt,0deg));transition:transform .2s}
.meme:hover{transform:rotate(0) scale(1.03)}
.meme .mf{width:100%;aspect-ratio:4/3;max-width:100%;display:grid;place-items:center;border-radius:12px;background:var(--mbg,#F3F0FF);font-size:3.3rem;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--line) 30%,transparent)}
.meme .mf span{display:inline-block}
.meme .mc{font-family:var(--fh);font-size:1.25rem;font-weight:700;line-height:1.15}
.meme .mt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.a-spin span{animation:spin 6s linear infinite}
.a-brow span{animation:brow 2.4s ease-in-out infinite}
.a-bob span{animation:headbob .5s ease-in-out infinite alternate}
.a-wag span{animation:wag .8s ease-in-out infinite alternate;transform-origin:70% 90%}
.a-shake span{animation:shake .35s linear infinite}
.a-sixseven span{animation:sixseven .7s ease-in-out infinite}
.a-melt span{animation:melt 3s ease-in-out infinite;transform-origin:50% 100%}
.a-vibrate span{animation:vibr .12s linear infinite}
.a-blink span{animation:blink 3s steps(1) infinite}
.a-drum span{animation:drum .45s ease-in-out infinite}
.a-sway span{animation:sway 2.2s ease-in-out infinite;transform-origin:50% 100%}
.a-still span{animation:still 6s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes brow{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.15,.9) translateY(4px)}80%{transform:scale(1)}}
@keyframes headbob{from{transform:rotate(-10deg)}to{transform:rotate(10deg) translateY(-4px)}}
@keyframes wag{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px) rotate(-2deg)}75%{transform:translateX(4px) rotate(2deg)}}
@keyframes sixseven{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}
@keyframes melt{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72) scaleX(1.12)}}
@keyframes vibr{0%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}100%{transform:translate(1px,1px)}}
@keyframes blink{0%,90%{transform:scaleY(1)}92%{transform:scaleY(.1)}96%{transform:scaleY(1)}}
@keyframes drum{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px) rotate(-8deg)}}
@keyframes sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes still{0%,45%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}55%{transform:translateX(3px)}60%{transform:translateX(0)}}
.today{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;text-decoration:none;border-radius:22px;padding:22px;border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);background:var(--pbg);color:var(--pfg)}
.today .te{font-size:3.4rem}
.today h3{font-family:var(--pfd);font-size:1.8rem;color:var(--pac)}
.today p{opacity:.9;max-width:60ch}
.today .lab{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.75}
@media (max-width:520px){.today{grid-template-columns:1fr}}
.quiz{display:grid;gap:14px}
.qq{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:3px 3px 0 var(--line)}
.qq p{font-weight:800;margin-bottom:10px}
.qq .opts{display:flex;flex-wrap:wrap;gap:8px}
.qq .opt{border:2px solid var(--line);background:var(--bg);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700;text-align:left}
.qq .opt[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}
.qres{border:2.5px dashed var(--line);border-radius:18px;padding:18px;background:#FFF0A8;color:#1B1A2E}
.qres h3{font-family:var(--fd);font-size:1.6rem;font-weight:800}

/* ---------- CATEGORY ---------- */
.cat-hero{border:2.5px solid var(--line);border-radius:26px;background:var(--cc);color:var(--ink);padding:28px;box-shadow:6px 6px 0 var(--line);margin-bottom:26px}
.cat-hero .cemo{font-size:3.2rem}
.cat-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:-.04em;margin:4px 0 10px}
.cat-hero p{max-width:65ch;font-size:1.05rem}
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.subnav a{text-decoration:none;font-weight:800;font-size:.9rem;background:rgba(255,255,255,.75);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;color:var(--ink)}
.subnav a:hover{background:#fff}
.subnav small{opacity:.6}
.subgroup{margin-top:30px;scroll-margin-top:120px}
.sub-t{font-family:var(--fd);font-weight:800;font-size:clamp(1.4rem,3.4vw,1.9rem);letter-spacing:-.02em;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.sub-t small{font-family:var(--fb);font-weight:600;font-size:.95rem;color:var(--muted);letter-spacing:0}
.note{margin:0 0 22px;padding:16px 20px;border-radius:16px;background:#FFF6D8;color:#3B3010;border:2px dashed #C9A227;line-height:1.55}
.note b{display:block;margin-bottom:4px}
.con-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.con-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:var(--pbg);color:var(--pfg);border:2.5px solid var(--line);border-radius:20px;padding:20px;box-shadow:4px 4px 0 var(--line);transition:transform .15s;min-width:0;position:relative;overflow:hidden}
.con-card:hover{transform:translateY(-4px) rotate(-.5deg)}
.con-card .cc-emo{font-size:2.3rem}
.con-card .cc-t{font-family:var(--pfd);font-size:1.6rem;color:var(--pac);line-height:1.1}
.con-card .cc-d{font-size:.92rem;opacity:.9}
.con-card .cc-go{margin-top:auto;font-weight:800;font-size:.85rem;padding-top:6px}

/* ---------- CONCEPT PAGE ---------- */
.concept{max-width:1120px;margin:0 auto}
.c-hero{position:relative;background:var(--card);color:var(--card-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--hr,var(--r));box-shadow:var(--sh);padding:30px 30px 26px;margin-bottom:22px;overflow:hidden}
.c-emoji{font-size:3.4rem;line-height:1;margin-bottom:8px;display:inline-block}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--hi,var(--accent));font-family:var(--fb)}
.c-title{font-family:var(--fd);font-weight:var(--fdw);letter-spacing:var(--fdls);text-transform:var(--fdtt);font-size:clamp(2.4rem,7vw,4.6rem);margin:6px 0 8px;color:var(--title,var(--fg))}
.c-aka{font-style:italic;color:var(--muted);margin-bottom:14px}
.c-tldr{font-size:1.15rem;max-width:68ch}
.c-tldr b{color:var(--hi,var(--accent))}
.meter{margin-top:18px;max-width:440px}
.m-lab{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}
.m-bar{height:12px;border-radius:999px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 50%,transparent)}
.m-bar i{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,var(--accent),var(--acc2));border-radius:999px;animation:grow 1.4s cubic-bezier(.2,.9,.3,1)}
@keyframes grow{from{width:0}}
.c-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.c-main,.c-side{display:grid;gap:22px;min-width:0}
@media (max-width:900px){.c-grid{grid-template-columns:1fr}}
.special{margin-bottom:22px}
.special .sp-sub{color:var(--muted);margin-bottom:14px;max-width:70ch}
ul.signs,ul.tips{list-style:none;margin:0;padding:0;display:grid;gap:10px}
ul.signs li,ul.tips li{position:relative;padding-left:32px}
ul.signs li::before{content:var(--bullet,"👉");position:absolute;left:0;top:0}
ul.tips li::before{content:"✔";position:absolute;left:4px;top:0;color:var(--accent);font-weight:900}
.use q{display:block;font-family:var(--fh);font-size:1.35rem;line-height:1.3;quotes:"“" "”";padding:10px 14px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 12px 12px 0}
.use q+q{margin-top:10px}
.fact p{font-size:.98rem}
.rel{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.rel a{text-decoration:none;font-weight:700;display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:10px}
.rel a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.rel a[aria-current="page"]{background:var(--accent);color:var(--accent-fg)}
.pn{display:flex;justify-content:space-between;gap:12px;margin-top:26px;flex-wrap:wrap}
.chat{display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--fg) 4%,transparent);border-radius:16px;padding:14px;border:1px solid color-mix(in srgb,var(--line) 25%,transparent)}
.chat-h{display:flex;justify-content:space-between;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}
.bub{max-width:82%;padding:9px 13px;border-radius:18px;font-family:'Nunito',system-ui,sans-serif;font-size:.95rem;line-height:1.4;animation:pop .4s ease backwards}
.bub.a{align-self:flex-end;background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:5px}
.bub.b{align-self:flex-start;background:var(--bubble);color:var(--bubble-fg);border-bottom-left-radius:5px}
.bub.s{align-self:center;background:transparent;color:var(--muted);font-size:.82rem;font-style:italic;text-align:center;max-width:95%}
@keyframes pop{from{transform:scale(.85);opacity:0}}
.vs-wrap{overflow-x:auto}
table.vs{width:100%;border-collapse:collapse;min-width:460px;font-size:.95rem}
table.vs th,table.vs td{text-align:left;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent);vertical-align:top}
table.vs thead th{font-family:var(--fth,var(--fd));font-weight:var(--fdw);font-size:1.05rem;color:var(--hi,var(--accent))}
table.vs tbody th{font-weight:800;white-space:nowrap;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}
.flags3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.flagcol{border-radius:14px;padding:14px;border:2px solid var(--line)}
.flagcol h3{margin-bottom:8px}
.flagcol ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:.93rem}
.fc-red{background:#FFE1E1;color:#5C0B0B}
.fc-green{background:#DDF7E5;color:#0D3B1E}
.fc-beige{background:#F2E8D8;color:#4A3720}
.sp-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cls{display:grid;gap:12px}
.cls-n{font-size:.8rem;font-weight:800;color:var(--muted);letter-spacing:.08em}
.cls-q{font-size:1.35rem;font-weight:800;font-family:var(--fd)}
.cls-opts{display:flex;flex-wrap:wrap;gap:8px}
.cls-fb{min-height:1.6em;font-weight:700}
.out-box{margin-top:14px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1.5px dashed color-mix(in srgb,var(--accent) 60%,transparent);min-height:52px}
.out-box p+p{margin-top:8px}
.inbox{display:grid;gap:8px;margin-top:14px}
.inbox div{background:var(--bubble);color:var(--bubble-fg);border-radius:14px;padding:8px 12px;font-size:.92rem;animation:pop .3s ease}
.inbox small{opacity:.65;font-size:.75rem;margin-left:6px}
.lb-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.lb-stats div{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:14px;padding:8px 14px;font-weight:700}
.lb-stats b{font-size:1.3rem;margin-right:4px;font-family:var(--fd);font-weight:400}

/* phone (doom) */
.doom-wrap{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
@media (max-width:620px){.doom-wrap{grid-template-columns:1fr;justify-items:center}}
.phone{width:210px;max-width:100%;height:380px;border-radius:34px;border:8px solid #1E2230;background:#05060A;position:relative;overflow:hidden;box-shadow:0 0 50px rgba(79,124,255,.35)}
.phone .ph-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:8px 14px;font:700 .72rem 'JetBrains Mono',monospace;background:linear-gradient(#05060A,rgba(5,6,10,0));color:#cfd8ef}
.phone .feed{position:absolute;inset:0;padding:34px 10px 0}
.phone .feed-in{display:flex;flex-direction:column;gap:10px;animation:feed 26s linear infinite}
.phone .post{background:#141927;border-radius:12px;padding:10px;color:#dfe6f7;font-size:.78rem;line-height:1.3}
.phone .post b{display:block;font-size:1.6rem;margin-bottom:4px}
.phone .post i{display:block;font-style:normal;opacity:.55;font-size:.68rem;margin-top:5px}
.phone.off .feed{display:none}
.phone .night{display:none;position:absolute;inset:0;place-items:center;text-align:center;color:#9fb0d8;padding:20px;font-size:.9rem}
.phone.off .night{display:grid}
@keyframes feed{to{transform:translateY(-50%)}}
.dstats{display:grid;gap:10px}
.dstats div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed color-mix(in srgb,var(--line) 60%,transparent);padding-bottom:8px;font-family:'JetBrains Mono',monospace;font-size:.9rem}
.dstats b{color:var(--hi,var(--accent));font-variant-numeric:tabular-nums}

/* ghost widget */
.gh-contact{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gh-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;background:var(--bubble);transition:opacity 1s,filter 1s}
.gh-contact b{display:block}
.gh-contact small{color:var(--muted)}
.gh-chat{min-height:120px}
.tick{font-size:.7rem;opacity:.8;margin-left:6px}

/* gas widget */
.mem{font-size:1.25rem;font-weight:700;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--fg) 6%,transparent);transition:filter .8s,opacity .8s;font-family:var(--fd)}
.conf{margin-top:12px}

/* situationship */
.situ-box{position:relative;height:200px;border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1.5px dashed color-mix(in srgb,var(--accent) 50%,transparent);overflow:hidden}
.situ-box .btn{position:absolute;transition:left .25s ease,top .25s ease}
.situ-q{position:absolute;left:0;right:0;top:14px;text-align:center;font-family:var(--fd);font-size:1.5rem}

/* aura */
.aura-n{font-family:var(--fd);font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums}
.aura-acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;margin-top:12px}
.aura-acts .btn{border-radius:14px;justify-content:space-between;text-align:left}
.fl-num{position:fixed;z-index:75;pointer-events:none;font-weight:900;font-size:1.4rem;animation:flnum 1s ease-out forwards;font-family:'Bricolage Grotesque',sans-serif}
@keyframes flnum{to{transform:translateY(-60px);opacity:0}}

/* npc */
.rpg{display:flex;gap:14px;align-items:stretch;background:#1A1C2C;color:#F4F4F4;border:4px solid #F4F4F4;outline:4px solid #1A1C2C;border-radius:4px;padding:14px;font-family:'VT323',monospace;font-size:1.45rem;line-height:1.2}
.rpg .por{font-size:3rem;display:grid;place-items:center;background:#3B5DC9;border:3px solid #F4F4F4;min-width:80px}
.rpg .nm{color:#FFCD75;margin-bottom:4px}
.rpg .ln{min-height:2.4em}

/* video (millennial pause) */
.vid{position:relative;aspect-ratio:16/9;max-width:520px;width:100%;background:#2B2420;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#fff;border:6px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.vid .rec{position:absolute;top:10px;left:12px;font:700 .8rem 'JetBrains Mono',monospace;display:flex;gap:6px;align-items:center}
.vid .rec i{width:10px;height:10px;border-radius:50%;background:#E5484D;animation:flick 1s steps(1) infinite;--op:1}
.vid .face{font-size:4rem;line-height:1}
.vid .say{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-weight:800;background:rgba(0,0,0,.55);border-radius:10px;padding:6px 10px;font-family:'Nunito',sans-serif}

/* adulting */
.ad-list{display:grid;gap:8px}
.ad-list label{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--fg) 5%,transparent);cursor:pointer;font-weight:600}
.ad-list input{width:20px;height:20px;accent-color:var(--accent)}
.ad-bar{height:16px;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden;margin-top:14px}
.ad-bar i{display:block;height:100%;background:var(--accent);transition:width .4s;width:0}

/* poster (main character) */
.poster{margin-top:14px;padding:26px 18px;text-align:center;background:linear-gradient(180deg,#000,#1d1408);color:#F5C04A;border:1px solid #5a4410;border-radius:6px;font-family:'Playfair Display',serif}
.poster small{display:block;color:#bfa77a;letter-spacing:.3em;font-family:'Nunito',sans-serif;font-size:.7rem;text-transform:uppercase}
.poster b{display:block;font-size:1.7rem;margin:10px 0;font-style:italic}

/* ---------- ABBR PAGE ---------- */
.win{border:2px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--sh);margin-bottom:22px}
.win-bar{display:flex;align-items:center;gap:7px;padding:9px 14px;background:linear-gradient(180deg,#3A7BFD,#2458D6);color:#fff;font:1.15rem 'VT323',monospace}
.win-bar i{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.85}
.win-bar i:nth-child(1){background:#FF6A6A}.win-bar i:nth-child(2){background:#FFD24A}.win-bar i:nth-child(3){background:#5BE37D}
.win-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-body{padding:24px}
.abbr-title{font-family:'VT323',monospace;font-size:clamp(3rem,10vw,5.4rem);line-height:.9;color:var(--accent);font-weight:400}
.abbr-title::after{content:"_";animation:flick 1s steps(1) infinite;--op:1}
.lead{font-size:1.08rem;max-width:66ch;margin-top:8px}
.typing{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-size:.85rem;color:var(--muted);font-style:italic}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:td 1.2s infinite}
.typing i:nth-child(3){animation-delay:.2s}.typing i:nth-child(4){animation-delay:.4s}
@keyframes td{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.tr-box{margin-bottom:22px}
.tr-box textarea{margin-top:10px;resize:vertical;font-family:'JetBrains Mono',monospace;font-size:.95rem}
.tr-out{margin-top:12px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,transparent);line-height:1.9;min-height:50px;word-break:break-word}
.tr-out mark{background:var(--acc2);color:#1A2433;padding:1px 6px;border-radius:6px;font-weight:700;cursor:help}
.tr-out mark small{font-family:'JetBrains Mono',monospace;font-size:.7rem;opacity:.65;margin-right:4px}
.abbr-tools{display:flex;gap:10px;margin-bottom:12px}
.abbr-tools input{flex:1;min-width:0}
.ab-count{font-size:.88rem;color:var(--muted);margin:12px 0}
.abbr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.ab{background:var(--card);border:1.5px solid color-mix(in srgb,var(--line) 40%,transparent);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;transition:transform .15s, box-shadow .2s}
.ab:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(36,88,214,.15)}
.ab.hl{box-shadow:0 0 0 4px var(--acc2),0 10px 30px rgba(0,0,0,.2);transform:scale(1.03)}
.ab header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ab-k{font-family:'VT323',monospace;font-size:2rem;line-height:1;color:var(--accent);font-weight:400;word-break:break-word}
.ab-cat{font-size:1rem}
.ab-x{font-size:.8rem;color:var(--muted);font-weight:700;font-style:italic}
.ab-tr{font-weight:800}
.ab-d{font-size:.9rem}
.ab-ex{align-self:flex-start;margin-top:4px;background:var(--bubble);color:var(--bubble-fg);padding:7px 11px;border-radius:14px 14px 14px 4px;font-size:.88rem;font-family:'Nunito',sans-serif}

/* ---------- SLANG PAGE ---------- */
.sl-hero{text-align:center;padding:20px 0 26px}
.sl-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,9vw,5.2rem);letter-spacing:-.05em}
.sl-hero h1 span{display:inline-block;padding:0 .15em;border:3px solid var(--line);border-radius:16px;box-shadow:4px 4px 0 var(--line)}
.sl-hero h1 span:nth-child(1){background:#FFC2DD;transform:rotate(-4deg)}
.sl-hero h1 span:nth-child(2){background:#B8F2C8;transform:rotate(3deg)}
.sl-hero p{max-width:60ch;margin:12px auto 0;color:var(--muted)}
.sl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.sl-tools input{flex:1 1 240px}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.sl{border:2px solid var(--line);border-radius:18px;padding:16px;box-shadow:3px 3px 0 var(--line);transform:rotate(var(--tilt));background:var(--sc);color:var(--ink);transition:transform .15s;min-width:0}
.sl:hover{transform:rotate(0) scale(1.02)}
.sl h3{font-family:var(--fd);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.sl h3 small{font:800 .65rem 'Nunito',sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:999px;padding:2px 7px;white-space:nowrap}
.sl p{font-size:.93rem;margin-top:6px}
.sl .ex{font-family:var(--fh);font-size:1.25rem;line-height:1.2;margin-top:8px}
.emo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px}
.emo{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:flex-start;box-shadow:3px 3px 0 var(--line);min-width:0}
.emo b{font-size:2.2rem;line-height:1;white-space:nowrap}
.emo p{font-size:.9rem}
.emo .ex{font-family:var(--fh);font-size:1.15rem;margin-top:4px}

/* ======================================================
   VIBES — her kavramın kendi evreni
   ====================================================== */
body.v-gothic{--bg:#0C0A0E;--fg:#ECE3D4;--muted:#A99E90;--card:rgba(22,17,24,.9);--line:#5E2A36;--accent:#B8213F;--hi:#E6C38A;--accent-fg:#fff;--acc2:#C9A86A;--nav:rgba(12,10,14,.92);
  --bgimg:radial-gradient(ellipse at 50% -10%,rgba(184,33,63,.32),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(70,25,60,.45),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 90px);--bgsize:auto;
  --fd:'Pirata One','UnifrakturMaguntia',Georgia,serif;--fb:'Cormorant Garamond',Georgia,serif;--fdw:400;--fdls:.01em;--fbsz:19px;--r:4px;--hr:220px 220px 6px 6px / 140px 140px 6px 6px;
  --sh:0 0 0 1px rgba(201,168,106,.18),0 22px 50px rgba(0,0,0,.55);--bubble:#2A1F2C;--bubble-fg:#ECE3D4;--bullet:"✠";--title:#E9DCC4;color-scheme:dark}
body.v-gothic .c-hero{text-align:center;padding-top:70px;border:1px solid #6b3442;outline:1px solid rgba(201,168,106,.25);outline-offset:-10px}
body.v-gothic .c-hero .meter{margin-inline:auto}
body.v-gothic .c-title{text-shadow:0 0 30px rgba(184,33,63,.6)}
body.v-gothic .card h2::before{content:"❦ ";color:var(--accent)}
body.v-gothic ul.signs li::before{color:var(--acc2)}
body.v-gothic .btn{box-shadow:none;border-color:#6b3442;background:#1a1218;border-radius:2px}
body.v-gothic .btn.primary{background:var(--accent)}

body.v-love{--bg:#FFE4EF;--fg:#5A0F36;--muted:#9A4A73;--card:#FFF6FA;--line:#FF8CC0;--accent:#E0186F;--accent-fg:#fff;--acc2:#FFB3D1;--nav:rgba(255,228,239,.9);
  --bgimg:radial-gradient(circle at 20% 20%,rgba(255,46,136,.12) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,46,136,.1) 0 2px,transparent 3px);--bgsize:60px 60px;
  --fd:'Pacifico','Brush Script MT',cursive;--fdw:400;--fdls:0;--r:28px;--sh:0 10px 30px rgba(255,46,136,.18);--bubble:#FFD3E6;--bubble-fg:#5A0F36;--bullet:"💗";--title:#FF2E88}
body.v-love .c-hero{background:linear-gradient(135deg,#FFF6FA,#FFE0EE);border-style:dashed}
body.v-love .c-emoji{animation:beat 1.1s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}
body.v-love .btn{border-color:#FF8CC0;box-shadow:0 4px 0 #FF8CC0}

body.v-ghost{--bg:#E6E9EE;--fg:#3A4350;--muted:#5E6876;--card:rgba(255,255,255,.55);--line:#C5CCD6;--accent:#56637A;--accent-fg:#fff;--acc2:#C9D3E2;--nav:rgba(230,233,238,.85);
  --bgimg:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.9),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.8),transparent 50%);--bgsize:auto;
  --fd:'Quicksand',system-ui,sans-serif;--fb:'Quicksand',system-ui,sans-serif;--fdw:600;--fdls:.04em;--r:22px;--sh:0 10px 40px rgba(60,70,90,.08);--bubble:#F4F6F9;--bubble-fg:#3A4350;--bullet:"👻"}
body.v-ghost .card,body.v-ghost .c-hero{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.v-ghost .c-title{animation:ghostfade 6s ease-in-out infinite}
@keyframes ghostfade{0%,100%{opacity:1;filter:blur(0)}50%{opacity:.35;filter:blur(1.5px)}}
body.v-ghost .btn{box-shadow:none;border-color:#B6BFCC}

body.v-gas{--bg:#17130C;--fg:#F3E3C3;--muted:#B9A47E;--card:#231D13;--line:#5B4A2B;--accent:#F2A93B;--accent-fg:#1d1408;--acc2:#FFD98A;--nav:rgba(23,19,12,.92);
  --bgimg:radial-gradient(circle at 50% 0%,rgba(242,169,59,.28),transparent 55%);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--fdls:0;--r:8px;--sh:0 0 40px rgba(242,169,59,.12);--bubble:#2F2719;--bubble-fg:#F3E3C3;--bullet:"🔥";color-scheme:dark}
body.v-gas .c-title{font-style:italic;animation:lamp 5s steps(1) infinite;color:var(--acc2)}
@keyframes lamp{0%{opacity:1;text-shadow:0 0 24px rgba(242,169,59,.7)}47%{opacity:.4;text-shadow:none}49%{opacity:1}74%{opacity:.7}76%{opacity:1;text-shadow:0 0 30px rgba(242,169,59,.8)}}
body.v-gas .btn{border-color:#6b5631;background:#2a2217;box-shadow:none}
body.v-gas .btn.primary{background:var(--accent)}

body.v-bread{--bg:#F6DDB4;--fg:#4A2C12;--muted:#75502C;--card:#FFF4E0;--line:#B5762E;--accent:#A4520F;--accent-fg:#fff;--acc2:#F2C27B;--nav:rgba(246,221,180,.92);
  --bgimg:radial-gradient(circle,rgba(181,118,46,.18) 1.5px,transparent 2px);--bgsize:22px 26px;
  --fd:'Fredoka','Nunito',sans-serif;--fdw:600;--fdls:0;--r:26px;--hr:90px 90px 26px 26px;--sh:0 8px 0 #D9A15A;--bubble:#F7E3C2;--bubble-fg:#4A2C12;--bullet:"🍞"}
body.v-bread .c-hero{background:linear-gradient(180deg,#E9A85B 0 30px,#FFF4E0 30px)}

body.v-situ{--bg:#ECE8F7;--fg:#2E2A40;--muted:#6E6889;--card:#FFFFFF;--line:#2E2A40;--accent:#7A5CFF;--accent-fg:#fff;--acc2:#C9BCFF;--nav:rgba(236,232,247,.9);
  --bgimg:repeating-linear-gradient(-45deg,rgba(122,92,255,.05) 0 14px,transparent 14px 28px);--bgsize:auto;--r:16px;--sh:5px 5px 0 #C9BCFF;--bubble:#EEEAFB;--bullet:"❓"}
body.v-situ .c-main>.card:nth-child(odd){transform:rotate(-.6deg)}
body.v-situ .c-main>.card:nth-child(even){transform:rotate(.5deg)}

body.v-flags{--bg:#FAF8F3;--fg:#1F1F1F;--muted:#5E5E5E;--card:#FFFFFF;--line:#1F1F1F;--accent:#C8202E;--accent-fg:#fff;--acc2:#3DBE7A;--nav:rgba(250,248,243,.92);
  --bgimg:linear-gradient(90deg,rgba(230,57,70,.08) 0 33.3%,rgba(61,190,122,.08) 33.3% 66.6%,rgba(214,190,150,.15) 66.6%);--bgsize:auto;--r:10px;--sh:4px 4px 0 #1F1F1F;--bullet:"🚩"}
body.v-flags .c-emoji{animation:wave 1.6s ease-in-out infinite;transform-origin:10% 90%}
@keyframes wave{50%{transform:rotate(-10deg) skewX(-6deg)}}

body.v-delulu{--bg:#FBE3FF;--fg:#4B2C6B;--muted:#6A4F8C;--card:rgba(255,255,255,.72);--line:#D7B5FF;--accent:#8E1FD6;--accent-fg:#fff;--acc2:#7FD8FF;--nav:rgba(251,227,255,.85);
  --bgimg:linear-gradient(135deg,#FDE2FF 0%,#E2E9FF 35%,#D7F6FF 60%,#FFF3D6 100%);--bgsize:auto;
  --fd:'Caveat','Segoe Print',cursive;--fdw:700;--fdls:0;--r:30px;--sh:0 10px 40px rgba(178,60,255,.18);--bubble:#F3E6FF;--bullet:"✨"}
body.v-delulu .c-title{font-size:clamp(3rem,10vw,6rem);background:linear-gradient(90deg,#FF5CCB,#B23CFF,#38B6FF,#FF9F43);-webkit-background-clip:text;background-clip:text;color:transparent}
body.v-delulu .card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.v-delulu .card h2{font-size:1.9rem}

body.v-emo{--bg:#0E0E10;--fg:#EDEDED;--muted:#A3A3AA;--card:#18181B;--line:#3A3A40;--accent:#E0185A;--accent-fg:#fff;--hi:#FF7AA6;--fth:'Bricolage Grotesque',sans-serif;--acc2:#8B8B95;--nav:rgba(14,14,16,.92);
  --bgimg:conic-gradient(rgba(255,255,255,.03) 25%,transparent 0 50%,rgba(255,255,255,.03) 0 75%,transparent 0);--bgsize:48px 48px;
  --fd:'Rubik Glitch','Impact',sans-serif;--fdw:400;--fdls:0;--r:6px;--sh:6px 6px 0 #FF2D6F;--bubble:#26262B;--bubble-fg:#EDEDED;--bullet:"🖤";--rain:rgba(180,190,210,.28);color-scheme:dark}
body.v-emo .card h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
body.v-emo .btn{background:#18181B;border-color:#FF2D6F;box-shadow:3px 3px 0 #FF2D6F}

body.v-y2k{--bg:#E8EEFF;--fg:#1F1446;--muted:#5D5390;--card:rgba(255,255,255,.75);--line:#B9A8FF;--accent:#CC1496;--accent-fg:#fff;--acc2:#6BD6FF;--nav:rgba(232,238,255,.85);
  --bgimg:linear-gradient(160deg,#F9E6FF 0%,#E3ECFF 40%,#E0FBFF 70%,#FFE8F7 100%);--bgsize:auto;
  --fd:'Audiowide','Arial Black',sans-serif;--fdw:400;--fdls:.02em;--r:24px;--sh:inset 0 2px 0 #fff,0 10px 30px rgba(120,90,255,.2);--bubble:#EEE6FF;--bullet:"✦"}
body.v-y2k .c-title{background:linear-gradient(180deg,#fff 0%,#c9c9d9 45%,#8f8fa8 50%,#e6e6f2 70%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #6b5cff;filter:drop-shadow(0 3px 0 #FF3CC0)}
body.v-y2k .card,body.v-y2k .c-hero{border:2px solid #fff;outline:2px solid #B9A8FF;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.v-y2k .btn{border-color:#B9A8FF;background:linear-gradient(180deg,#fff,#E9E2FF);box-shadow:0 3px 0 #B9A8FF}
body.v-y2k .btn.primary{background:linear-gradient(180deg,#E03AAE,#B8107F)}

body.v-cottage{--bg:#F1EDD8;--fg:#3F4A2E;--muted:#5A6544;--card:#FFFCF2;--line:#9DB17C;--accent:#B23A49;--accent-fg:#fff;--acc2:#F2C6CB;--nav:rgba(241,237,216,.92);
  --bgimg:linear-gradient(90deg,rgba(201,80,94,.07) 50%,transparent 50%),linear-gradient(rgba(201,80,94,.07) 50%,transparent 50%);--bgsize:36px 36px;
  --fd:'Fraunces',Georgia,serif;--fdw:600;--fdls:0;--r:22px;--sh:0 6px 0 #D7DEC2;--bubble:#EEF2E0;--bullet:"🌼"}
body.v-cottage .c-title{font-style:italic}
body.v-cottage .card,body.v-cottage .c-hero{outline:2px dashed #C9D4AE;outline-offset:-9px}

body.v-academia{--bg:#2A2017;--fg:#EADBC4;--muted:#B9A78A;--card:#382A1E;--line:#6B5238;--accent:#C9A15F;--accent-fg:#22180f;--acc2:#7B2D26;--nav:rgba(42,32,23,.93);
  --bgimg:radial-gradient(ellipse at 30% 0%,rgba(201,161,95,.16),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px);--bgsize:auto;
  --fd:'EB Garamond',Georgia,serif;--fb:'EB Garamond',Georgia,serif;--fdw:600;--fdls:.01em;--fbsz:18.5px;--r:3px;--sh:0 18px 40px rgba(0,0,0,.35);--bubble:#45352A;--bubble-fg:#EADBC4;--bullet:"🕯️";color-scheme:dark}
body.v-academia .card h2{font-variant:small-caps;letter-spacing:.04em}
body.v-academia .c-main>.card:first-child p:first-of-type::first-letter{font-size:3.3em;float:left;line-height:.85;padding:4px 8px 0 0;color:var(--accent);font-family:'EB Garamond',serif}
body.v-academia .btn{box-shadow:none;background:#2f241a;border-color:#6B5238;border-radius:3px}
body.v-academia .btn.primary{background:var(--accent)}

body.v-oldmoney{--bg:#F3F0E8;--fg:#14213D;--muted:#566079;--card:#FFFFFF;--line:#14213D;--accent:#1F3A60;--accent-fg:#fff;--acc2:#2E5E3E;--nav:rgba(243,240,232,.94);
  --bgimg:repeating-linear-gradient(90deg,rgba(20,33,61,.045) 0 1px,transparent 1px 14px);--bgsize:auto;
  --fd:'Cormorant Garamond',Georgia,serif;--fdw:600;--fdls:.12em;--fdtt:uppercase;--r:0px;--bw:1px;--sh:none;--bubble:#ECE8DD;--bullet:"—"}
body.v-oldmoney .card,body.v-oldmoney .c-hero{outline:1px solid var(--line);outline-offset:4px}
body.v-oldmoney .c-title{font-weight:500}
body.v-oldmoney .btn{border-radius:0;box-shadow:none;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}

body.v-doom{--bg:#06070B;--fg:#D9E1F2;--muted:#7280A0;--card:#0F131C;--line:#1F2738;--accent:#3B66F0;--hi:#86A6FF;--accent-fg:#fff;--acc2:#8B5CFF;--nav:rgba(6,7,11,.92);
  --bgimg:radial-gradient(ellipse at 50% 30%,rgba(79,124,255,.16),transparent 60%);--bgsize:auto;
  --fd:'JetBrains Mono',ui-monospace,monospace;--fdw:700;--fdls:-.03em;--r:14px;--sh:0 0 0 1px #1F2738,0 0 40px rgba(79,124,255,.12);--bubble:#1A2030;--bubble-fg:#D9E1F2;--bullet:"📱";color-scheme:dark}
body.v-doom .btn{background:#141a27;border-color:#2b3550;box-shadow:none}
body.v-doom .btn.primary{background:var(--accent)}

body.v-brainrot{--bg:#FFF8D2;--fg:#111111;--muted:#4b4b4b;--card:#FFFFFF;--line:#111111;--accent:#7B3CFF;--accent-fg:#fff;--acc2:#00E0B8;--nav:rgba(255,248,210,.92);
  --bgimg:radial-gradient(circle,rgba(17,17,17,.08) 2px,transparent 2.5px);--bgsize:18px 18px;--r:14px;--sh:6px 6px 0 #111;--bubble:#E9FFF9;--bullet:"💀"}
body.v-brainrot .c-title{animation:wobble 2.5s ease-in-out infinite;display:inline-block}
@keyframes wobble{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}
body.v-brainrot .c-main>.card:nth-child(3n+1){transform:rotate(-1deg);background:#F0FFFB}
body.v-brainrot .c-main>.card:nth-child(3n+2){transform:rotate(.8deg);background:#FFF0FA}
body.v-brainrot .c-main>.card:nth-child(3n){transform:rotate(-.4deg);background:#F3EEFF}

body.v-fomo{--bg:#FFEDE3;--fg:#3B1F2B;--muted:#8A5A66;--card:#FFFFFF;--line:#3B1F2B;--accent:#D2401E;--accent-fg:#fff;--acc2:#FFC24B;--nav:rgba(255,237,227,.9);
  --bgimg:linear-gradient(180deg,#FFE3D2 0%,#FFD6E2 60%,#E9D7FF 100%);--bgsize:auto;--r:20px;--sh:0 10px 30px rgba(255,90,54,.15);--bubble:#FFE7DD;--bullet:"🔔"}

body.v-grass{--bg:#E2F4FF;--fg:#1E3B1F;--muted:#4C6A4D;--card:#FFFFFF;--line:#2F6B3A;--accent:#237A40;--accent-fg:#fff;--acc2:#FFD84D;--nav:rgba(226,244,255,.9);
  --bgimg:linear-gradient(180deg,#CDEBFF 0%,#EAF8FF 55%,#F2FFE8 100%);--bgsize:auto;
  --fd:'Fredoka','Nunito',sans-serif;--fdw:600;--fdls:0;--r:24px;--sh:0 6px 0 #9FD3A9;--bubble:#E8F7EA;--bullet:"🌱"}
body.v-grass #app{padding-bottom:140px}

body.v-mainchar{--bg:#0D0D0F;--fg:#F4EBDD;--muted:#AFA493;--card:rgba(22,21,20,.88);--line:#3D3426;--accent:#F5C04A;--accent-fg:#1a1306;--acc2:#E07A3C;--nav:rgba(13,13,15,.9);
  --bgimg:radial-gradient(ellipse at 50% 0%,rgba(245,192,74,.12),transparent 60%);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--fdls:-.01em;--r:6px;--sh:0 20px 50px rgba(0,0,0,.5);--bubble:#26231F;--bubble-fg:#F4EBDD;--bullet:"🎬";--title:#F5C04A;color-scheme:dark}
body.v-mainchar .c-hero{text-align:center}
body.v-mainchar .c-hero .meter{margin-inline:auto}
body.v-mainchar .eyebrow{letter-spacing:.4em}
body.v-mainchar .btn{background:#1b1915;border-color:#5a4a2a;box-shadow:none}
body.v-mainchar .btn.primary{background:var(--accent)}

body.v-npc{--bg:#9BD2F0;--fg:#1A1C2C;--muted:#33405C;--card:#F4F4F4;--line:#1A1C2C;--accent:#3B5DC9;--accent-fg:#fff;--acc2:#FFCD75;--nav:rgba(155,210,240,.92);
  --bgimg:linear-gradient(180deg,transparent 78%,#38B764 78% 80%,#257179 80%);--bgsize:auto;
  --fd:'VT323',ui-monospace,monospace;--fdw:400;--fdls:.02em;--r:0px;--bw:4px;--sh:6px 6px 0 #1A1C2C;--bubble:#E2E2E2;--bullet:"▶"}
body.v-npc .c-title{font-size:clamp(3rem,10vw,6rem);line-height:.9}
body.v-npc .card h2{font-size:2rem}
body.v-npc .btn{border-radius:0;font-family:'VT323',monospace;font-size:1.25rem;font-weight:400}

body.v-millennial{--bg:#EADCC8;--fg:#3B2F2F;--muted:#66544A;--card:#FFFDF8;--line:#3B2F2F;--accent:#B5482F;--accent-fg:#fff;--acc2:#8DB596;--nav:rgba(234,220,200,.92);
  --bgimg:radial-gradient(ellipse at center,transparent 50%,rgba(80,50,30,.18) 100%);--bgsize:auto;
  --fd:'Caveat','Segoe Print',cursive;--fdw:700;--fdls:0;--r:3px;--sh:0 10px 24px rgba(60,40,20,.18);--bubble:#F3E9DA;--bullet:"🥑"}
body.v-millennial .c-title{font-size:clamp(3rem,9vw,5.6rem)}
body.v-millennial .card h2{font-size:2rem}
body.v-millennial .c-main>.card{padding-bottom:40px}
body.v-millennial .c-main>.card:nth-child(odd){transform:rotate(-.7deg)}
body.v-millennial .c-main>.card:nth-child(even){transform:rotate(.6deg)}
body.v-millennial .c-hero{filter:sepia(.12)}

body.v-slang{--bg:#F4F1FF;--accent:#7B3CFF;--nav:rgba(244,241,255,.9);--bgimg:radial-gradient(circle,rgba(123,60,255,.12) 1.5px,transparent 2px);--bgsize:24px 24px}
body.v-abbr{--bg:#DCE6F2;--fg:#1A2433;--muted:#53627A;--card:#FFFFFF;--line:#1A2433;--accent:#2458D6;--accent-fg:#fff;--acc2:#FFE45C;--nav:rgba(220,230,242,.92);
  --bgimg:linear-gradient(rgba(36,88,214,.06) 1px,transparent 1px);--bgsize:100% 26px;--r:14px;--sh:4px 4px 0 #1A2433;--bubble:#E7EEFB}

/* ---- yeni vibe'lar ---- */
body.v-talking{--bg:#EAF4FF;--fg:#13233A;--muted:#4A5D78;--card:#FFFFFF;--line:#13233A;--accent:#1F63D8;--accent-fg:#fff;--acc2:#9BE7C4;--nav:rgba(234,244,255,.92);
  --bgimg:radial-gradient(ellipse 22px 14px at 20px 20px,rgba(31,99,216,.08) 98%,transparent),radial-gradient(ellipse 22px 14px at 70px 60px,rgba(155,231,196,.25) 98%,transparent);--bgsize:90px 80px;--r:22px;--sh:4px 4px 0 #13233A;--bubble:#E1ECFC;--bullet:"💬"}
body.v-talking .c-hero::after{content:"yazıyor...";position:absolute;right:22px;bottom:16px;font-style:italic;color:var(--muted);font-size:.85rem}

body.v-launch{--bg:#0B1026;--fg:#E9ECFF;--muted:#A9B1DC;--card:rgba(20,26,58,.9);--line:#2E3A7A;--accent:#6A57F5;--accent-fg:#fff;--hi:#FFB089;--acc2:#FFB089;--nav:rgba(11,16,38,.92);
  --bgimg:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1.5px);--bgsize:120px 120px,70px 70px;
  --fd:'Syne','Bricolage Grotesque',sans-serif;--fdw:800;--r:20px;--sh:0 0 40px rgba(106,87,245,.25);--bubble:#1D2550;--bubble-fg:#E9ECFF;--bullet:"🚀";color-scheme:dark}
body.v-launch .c-emoji{animation:liftoff 3s ease-in-out infinite}
@keyframes liftoff{50%{transform:translate(6px,-10px) rotate(8deg)}}

body.v-lovelang{--bg:#FFF1E8;--fg:#3E1F1A;--muted:#7A5148;--card:#FFFFFF;--line:#3E1F1A;--accent:#B5174F;--accent-fg:#fff;--acc2:#FFC857;--nav:rgba(255,241,232,.92);
  --bgimg:linear-gradient(90deg,rgba(255,94,120,.07) 0 20%,rgba(255,200,87,.09) 20% 40%,rgba(120,200,160,.08) 40% 60%,rgba(110,160,255,.08) 60% 80%,rgba(190,120,255,.08) 80%);--bgsize:auto;
  --fd:'Fraunces',Georgia,serif;--fdw:600;--r:24px;--sh:0 6px 0 #F1C9B4;--bubble:#FFE3D6;--bullet:"💌"}
body.v-lovelang .c-title{font-style:italic}

body.v-barrier{--bg:#FFF6D6;--fg:#1C1C1C;--muted:#575038;--card:#FFFFFF;--line:#1C1C1C;--accent:#1C1C1C;--accent-fg:#FFD400;--acc2:#FFD400;--nav:rgba(255,246,214,.94);
  --bgimg:repeating-linear-gradient(-45deg,rgba(255,212,0,.22) 0 22px,rgba(28,28,28,.045) 22px 44px);--bgsize:auto;--fdtt:uppercase;--fdls:-.01em;--r:6px;--sh:5px 5px 0 #1C1C1C;--bubble:#FFF0B3;--bullet:"🚧"}
body.v-barrier .c-hero{border-top:18px solid transparent;border-image:repeating-linear-gradient(-45deg,#FFD400 0 16px,#1C1C1C 16px 32px) 18 0 0 0 / 18px 0 0 0}

body.v-waves{--bg:#E3F1F4;--fg:#12363F;--muted:#43666E;--card:rgba(255,255,255,.86);--line:#9CC9D1;--accent:#0F6E80;--accent-fg:#fff;--acc2:#8FD3DF;--nav:rgba(227,241,244,.9);
  --bgimg:linear-gradient(180deg,#EAF6F8 0%,#D7ECF1 60%,#BFE0E8 100%);--bgsize:auto;
  --fd:'Fraunces',Georgia,serif;--fdw:600;--r:26px;--sh:0 12px 34px rgba(15,110,128,.12);--bubble:#D6ECF0;--bullet:"🌊"}
body.v-waves #app{padding-bottom:120px}

body.v-mirror{--bg:#14110B;--fg:#F3E8CF;--muted:#C2B08B;--card:rgba(31,26,17,.92);--line:#6B5A2E;--accent:#C9A23A;--accent-fg:#1A1406;--hi:#E8C766;--acc2:#E8C766;--nav:rgba(20,17,11,.93);
  --bgimg:radial-gradient(ellipse at 15% 20%,rgba(232,199,102,.14),transparent 45%),radial-gradient(ellipse at 85% 70%,rgba(232,199,102,.1),transparent 45%);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--r:120px 120px 14px 14px;--sh:0 0 0 3px #3a311b,0 0 0 5px #C9A23A,0 20px 50px rgba(0,0,0,.5);--bubble:#2B2416;--bubble-fg:#F3E8CF;--bullet:"🪞";color-scheme:dark}
body.v-mirror .card{--r:14px}
body.v-mirror .c-hero{text-align:center}
body.v-mirror .c-hero .meter{margin-inline:auto}
body.v-mirror .c-title{background:linear-gradient(100deg,#B8892A 20%,#FFF1C2 40%,#C9A23A 60%,#8E6B1E 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite;-webkit-box-reflect:below -8px linear-gradient(transparent 55%,rgba(255,255,255,.25))}
@keyframes shine{to{background-position:-200% 0}}

body.v-toxic{--bg:#120A1F;--fg:#E9FFE6;--muted:#A9C9A4;--card:#1C1230;--line:#3D2A5C;--accent:#39FF88;--accent-fg:#0B1A10;--hi:#7CFFAE;--acc2:#B266FF;--nav:rgba(18,10,31,.93);
  --bgimg:radial-gradient(ellipse at 50% 110%,rgba(57,255,136,.18),transparent 55%),radial-gradient(circle,rgba(57,255,136,.08) 2px,transparent 3px);--bgsize:auto,34px 34px;
  --fd:'Righteous','Bricolage Grotesque',sans-serif;--fdw:400;--r:16px;--sh:0 0 0 1px #3D2A5C,0 0 30px rgba(57,255,136,.15);--bubble:#2A1D45;--bubble-fg:#E9FFE6;--bullet:"☣️";color-scheme:dark}
body.v-toxic .c-title{color:#7CFFAE;text-shadow:0 0 12px rgba(57,255,136,.8),0 0 40px rgba(57,255,136,.4)}
body.v-toxic .btn{background:#1C1230;border-color:#39FF88;box-shadow:0 0 12px rgba(57,255,136,.35)}
body.v-toxic .btn.primary{background:#39FF88}

body.v-chains{--bg:#1D1F25;--fg:#E7E9EE;--muted:#A9AEBB;--card:#272A32;--line:#454A57;--accent:#B9404F;--accent-fg:#fff;--hi:#F49AA6;--acc2:#8C93A6;--nav:rgba(29,31,37,.93);
  --bgimg:repeating-radial-gradient(circle at 0 0,transparent 0 18px,rgba(255,255,255,.025) 18px 21px);--bgsize:42px 42px;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--r:10px;--sh:0 16px 40px rgba(0,0,0,.35);--bubble:#33363F;--bubble-fg:#E7E9EE;--bullet:"⛓️";color-scheme:dark}
body.v-chains .btn{background:#272A32;border-color:#5a5f6d;box-shadow:none}
body.v-chains .btn.primary{background:var(--accent)}

body.v-magnet{--bg:#EFF2FB;--fg:#1B2140;--muted:#545C82;--card:#FFFFFF;--line:#1B2140;--accent:#C72A40;--accent-fg:#fff;--acc2:#2F5BD6;--nav:rgba(239,242,251,.92);
  --bgimg:linear-gradient(90deg,rgba(199,42,64,.07),transparent 40%,transparent 60%,rgba(47,91,214,.08));--bgsize:auto;--r:18px;--sh:4px 4px 0 #1B2140;--bubble:#E3E8FA;--bullet:"🧲"}

body.v-boundary{--bg:#EEF6EC;--fg:#1D3020;--muted:#4A634E;--card:#FFFFFF;--line:#1D3020;--accent:#2D6A3E;--accent-fg:#fff;--acc2:#CDEAC0;--nav:rgba(238,246,236,.92);
  --bgimg:repeating-linear-gradient(90deg,rgba(45,106,62,.09) 0 4px,transparent 4px 46px);--bgsize:auto;
  --fd:'Fredoka','Nunito',sans-serif;--fdw:600;--r:18px;--sh:0 6px 0 #B7D8AE;--bubble:#E2F1DD;--bullet:"🧱"}
body.v-boundary .card{border-style:dashed}

body.v-yinyang{--bg:#F3EEF4;--fg:#1B1B2B;--muted:#55526A;--card:#FFFFFF;--line:#1B1B2B;--accent:#5E3A96;--accent-fg:#fff;--acc2:#E8A3BC;--nav:rgba(243,238,244,.93);
  --bgimg:radial-gradient(circle at 0 0,rgba(20,26,46,.06) 0 30%,transparent 30%),radial-gradient(circle at 100% 100%,rgba(200,80,122,.07) 0 30%,transparent 30%);--bgsize:auto;
  --fd:'Cormorant Garamond',Georgia,serif;--fdw:600;--r:999px 999px 28px 28px;--sh:0 14px 40px rgba(30,20,60,.12);--bubble:#ECE6F2;--bullet:"☯"}
body.v-yinyang .card{--r:20px}
body.v-yinyang .c-hero{background:linear-gradient(90deg,#141A2E 0 50%,#FBEAF0 50%);text-align:center;color:#1B1B2B}
body.v-yinyang .c-hero>*{position:relative}
body.v-yinyang .c-hero .eyebrow,body.v-yinyang .c-hero .c-aka,body.v-yinyang .c-hero .c-tldr,body.v-yinyang .c-hero .meter{background:rgba(255,255,255,.92);border-radius:14px;padding:6px 12px;display:inline-block;max-width:68ch}
body.v-yinyang .c-hero .meter{display:block;margin:14px auto 0}
body.v-yinyang .c-title{background:linear-gradient(90deg,#FBEAF0 50%,#141A2E 50%);-webkit-background-clip:text;background-clip:text;color:transparent}

body.v-wolf{--bg:#0C1322;--fg:#E6ECF7;--muted:#A3B3CE;--card:rgba(18,27,48,.92);--line:#2B3B5E;--accent:#8FA9D9;--accent-fg:#0C1322;--hi:#C9D8F2;--acc2:#F6F1D5;--nav:rgba(12,19,34,.93);
  --bgimg:radial-gradient(circle at 86% 12%,#F6F1D5 0 46px,rgba(246,241,213,.25) 50px,transparent 140px),linear-gradient(180deg,#0C1322,#16213a);--bgsize:auto;
  --fd:'Syne','Bricolage Grotesque',sans-serif;--fdw:800;--fdtt:uppercase;--fdls:.02em;--r:8px;--sh:0 18px 40px rgba(0,0,0,.45);--bubble:#1C2944;--bubble-fg:#E6ECF7;--bullet:"🐺";color-scheme:dark}
body.v-wolf .btn{background:#121b30;border-color:#2B3B5E;box-shadow:none}
body.v-wolf .btn.primary{background:var(--accent)}

body.v-pickme{--bg:#FFF0F6;--fg:#3D1630;--muted:#7A4A69;--card:#FFFFFF;--line:#3D1630;--accent:#A61F72;--accent-fg:#fff;--acc2:#FFD1E8;--nav:rgba(255,240,246,.92);
  --bgimg:radial-gradient(circle,rgba(166,31,114,.08) 2px,transparent 2.5px);--bgsize:26px 26px;
  --fd:'Caveat','Segoe Print',cursive;--fdw:700;--r:22px;--sh:4px 4px 0 #F2A9CF;--bubble:#FCE1EE;--bullet:"🙋"}
body.v-pickme .c-title{font-size:clamp(3rem,10vw,5.8rem)}
body.v-pickme .card h2{font-size:1.9rem}

body.v-egirl{--bg:#16111E;--fg:#F5ECFF;--muted:#BCA9D8;--card:#211A2D;--line:#4A3866;--accent:#FF5CB6;--accent-fg:#1A0B14;--hi:#FF8FCB;--acc2:#7FE7FF;--nav:rgba(22,17,30,.93);
  --bgimg:conic-gradient(rgba(255,92,182,.05) 25%,transparent 0 50%,rgba(255,92,182,.05) 0 75%,transparent 0),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 4px);--bgsize:40px 40px,auto;
  --fd:'Righteous','Bricolage Grotesque',sans-serif;--fdw:400;--r:14px;--sh:5px 5px 0 #7FE7FF;--bubble:#2E2440;--bubble-fg:#F5ECFF;--bullet:"❤";color-scheme:dark}
body.v-egirl .c-title{text-shadow:3px 3px 0 #7FE7FF,-2px -2px 0 #FF5CB6}
body.v-egirl .btn{background:#211A2D;border-color:#FF5CB6;box-shadow:3px 3px 0 #7FE7FF}
body.v-egirl .btn.primary{background:var(--accent)}

body.v-larp{--bg:#E8DCC0;--fg:#3A2A14;--muted:#6B5636;--card:#F6EEDB;--line:#7A5C2E;--accent:#7A1F1F;--accent-fg:#fff;--acc2:#C9A24A;--nav:rgba(232,220,192,.94);
  --bgimg:radial-gradient(ellipse at center,transparent 45%,rgba(90,60,20,.22) 100%);--bgsize:auto;
  --fd:'Cinzel',Georgia,serif;--fdw:700;--fdls:.02em;--r:4px;--sh:0 6px 0 #C2AE80;--bubble:#EADDBF;--bullet:"⚔️"}
body.v-larp .card,body.v-larp .c-hero{outline:1px solid #C9A24A;outline-offset:-8px}
body.v-larp .btn{border-radius:4px;box-shadow:0 3px 0 #7A5C2E}

body.v-rage{--bg:#FFE7E1;--fg:#3A0D0A;--muted:#7A3B33;--card:#FFFFFF;--line:#3A0D0A;--accent:#C21B1B;--accent-fg:#fff;--acc2:#FF9F1C;--nav:rgba(255,231,225,.93);
  --bgimg:radial-gradient(circle at 50% 50%,rgba(194,27,27,.08),transparent 60%);--bgsize:auto;--fdtt:uppercase;--r:10px;--sh:6px 6px 0 #3A0D0A;--bubble:#FFDAD2;--bullet:"💢"}
body.v-rage .c-title{animation:rageshake 2.4s ease-in-out infinite;display:inline-block}
@keyframes rageshake{0%,80%,100%{transform:none}84%{transform:translate(-3px,1px) rotate(-1deg)}88%{transform:translate(3px,-1px) rotate(1deg)}92%{transform:translate(-2px,0)}}

body.v-parasocial{--bg:#110D1B;--fg:#F2ECFF;--muted:#B5AAD1;--card:rgba(28,22,44,.92);--line:#3E3260;--accent:#8A3FF5;--accent-fg:#fff;--hi:#C5A3FF;--acc2:#FF5CA8;--nav:rgba(17,13,27,.93);
  --bgimg:radial-gradient(ellipse 50% 70% at 50% -10%,rgba(197,163,255,.22),transparent 70%);--bgsize:auto;
  --fd:'Syne','Bricolage Grotesque',sans-serif;--fdw:800;--r:18px;--sh:0 18px 40px rgba(0,0,0,.45);--bubble:#2A2142;--bubble-fg:#F2ECFF;--bullet:"📺";color-scheme:dark}
body.v-parasocial .c-hero::before{content:"● CANLI";position:absolute;top:16px;right:18px;background:#E5484D;color:#fff;font:800 .72rem 'Nunito',sans-serif;padding:3px 9px;border-radius:6px;letter-spacing:.08em}
body.v-parasocial .btn{background:#1c162c;border-color:#3E3260;box-shadow:none}
body.v-parasocial .btn.primary{background:var(--accent)}

body.v-slop{--bg:#ECE9E2;--fg:#2B2B2B;--muted:#5F5B54;--card:#FAF9F6;--line:#8F8A80;--accent:#56568A;--accent-fg:#fff;--acc2:#D9D2FF;--nav:rgba(236,233,226,.93);
  --bgimg:linear-gradient(135deg,rgba(255,255,255,.4),rgba(200,190,255,.12));--bgsize:auto;
  --fd:'JetBrains Mono',ui-monospace,monospace;--fdw:700;--fdls:-.04em;--r:28px;--sh:0 30px 60px rgba(90,80,140,.12);--bubble:#EFECF9;--bullet:"🤖"}
body.v-slop .c-title{animation:slopblur 4s ease-in-out infinite}
@keyframes slopblur{0%,100%{filter:none;letter-spacing:-.04em}50%{filter:blur(.6px);letter-spacing:.02em}}

body.v-office{--bg:#EEF1F4;--fg:#1F2933;--muted:#52606D;--card:#FFFFFF;--line:#C3CBD3;--accent:#2F6F4E;--accent-fg:#fff;--acc2:#F7D070;--nav:rgba(238,241,244,.94);
  --bgimg:linear-gradient(rgba(31,41,51,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(31,41,51,.04) 1px,transparent 1px);--bgsize:60px 60px;--bw:1px;--r:8px;--sh:0 1px 3px rgba(0,0,0,.12);--bubble:#E8ECF0;--bullet:"📎"}
body.v-office .btn{box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:6px}

body.v-burnout{--bg:#191411;--fg:#F1E3D3;--muted:#BCA58F;--card:#241D18;--line:#4A3A2E;--accent:#E0712B;--accent-fg:#1A0F06;--hi:#FFA864;--acc2:#FFA864;--nav:rgba(25,20,17,.93);
  --bgimg:radial-gradient(ellipse at 50% 120%,rgba(224,113,43,.28),transparent 55%);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--r:10px;--sh:0 16px 40px rgba(0,0,0,.4);--bubble:#2F2620;--bubble-fg:#F1E3D3;--bullet:"🪫";color-scheme:dark}
body.v-burnout .c-title{color:#E8D7C4;text-shadow:0 0 22px rgba(224,113,43,.45)}
body.v-burnout .btn{background:#241D18;border-color:#4A3A2E;box-shadow:none}
body.v-burnout .btn.primary{background:var(--accent)}

body.v-hustle{--bg:#0E0E0E;--fg:#F5F5F5;--muted:#ABABAB;--card:#171717;--line:#2E2E2E;--accent:#C6FF3D;--accent-fg:#111;--hi:#C6FF3D;--acc2:#FFFFFF;--nav:rgba(14,14,14,.94);
  --bgimg:repeating-linear-gradient(-30deg,rgba(255,255,255,.025) 0 2px,transparent 2px 40px);--bgsize:auto;--fdtt:uppercase;--fdls:-.03em;--r:4px;--sh:4px 4px 0 #C6FF3D;--bubble:#222;--bubble-fg:#F5F5F5;--bullet:"💸";color-scheme:dark}
body.v-hustle .btn{background:#171717;border-color:#C6FF3D;box-shadow:3px 3px 0 #C6FF3D}
body.v-hustle .btn.primary{background:var(--accent)}

body.v-imposter{--bg:#2A0F14;--fg:#F6E9DA;--muted:#CBB4A0;--card:#3A161D;--line:#6B2A35;--accent:#D4A843;--accent-fg:#2A0F14;--hi:#E9C46A;--acc2:#E9C46A;--nav:rgba(42,15,20,.94);
  --bgimg:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 18px,rgba(255,255,255,.025) 18px 36px);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--r:12px;--sh:0 16px 40px rgba(0,0,0,.4);--bubble:#4A1E26;--bubble-fg:#F6E9DA;--bullet:"🎭";color-scheme:dark}
body.v-imposter .c-title{font-style:italic;color:var(--hi)}
body.v-imposter .btn{background:#3A161D;border-color:#6B2A35;box-shadow:none}
body.v-imposter .btn.primary{background:var(--accent)}

body.v-memes{--bg:#ECEAE4;--fg:#1E1E1E;--muted:#5B5850;--card:#FFFFFF;--line:#1E1E1E;--accent:#A61E25;--accent-fg:#fff;--acc2:#E9C46A;--nav:rgba(236,234,228,.93);
  --bgimg:linear-gradient(180deg,transparent 0 92%,rgba(0,0,0,.05) 92%);--bgsize:100% 340px}

/* ---- 3. tur vibe'ları ---- */
body.v-puppet{--bg:#1E1418;--fg:#F4E6EA;--muted:#C2A9B1;--card:#2A1C21;--line:#5A3A44;--accent:#C8445E;--accent-fg:#fff;--hi:#F2A0B0;--acc2:#E8C7A0;--nav:rgba(30,20,24,.94);
  --bgimg:repeating-linear-gradient(90deg,transparent 0 80px,rgba(232,199,160,.10) 80px 81px,transparent 81px 160px);--bgsize:auto;
  --fd:'Playfair Display',Georgia,serif;--fdw:700;--r:12px;--sh:0 18px 40px rgba(0,0,0,.4);--bubble:#3A2830;--bubble-fg:#F4E6EA;--bullet:"🧵";color-scheme:dark}
body.v-puppet .c-hero::before{content:"";position:absolute;inset:0 0 auto;height:100%;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(232,199,160,.22) 60px 61px,transparent 61px 140px);pointer-events:none;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}
body.v-puppet .c-emoji{animation:dangle 3s ease-in-out infinite;transform-origin:50% -60px}
@keyframes dangle{50%{transform:rotate(7deg)}}
body.v-puppet .btn{background:#2A1C21;border-color:#5A3A44;box-shadow:none}
body.v-puppet .btn.primary{background:var(--accent)}

body.v-zombie{--bg:#1A1F17;--fg:#E3EAD8;--muted:#A9B59A;--card:#232A1F;--line:#46523C;--accent:#9BCB6B;--accent-fg:#141A10;--hi:#B9E08F;--acc2:#6E7F5E;--nav:rgba(26,31,23,.94);
  --bgimg:radial-gradient(ellipse at 50% 120%,rgba(155,203,107,.18),transparent 60%),linear-gradient(180deg,transparent 85%,rgba(60,45,30,.5) 85%);--bgsize:auto;
  --fd:'Rubik Glitch','Bricolage Grotesque',sans-serif;--fdw:400;--fth:'Bricolage Grotesque',sans-serif;--r:8px;--sh:0 14px 34px rgba(0,0,0,.4);--bubble:#2E3828;--bubble-fg:#E3EAD8;--bullet:"🪦";color-scheme:dark}
body.v-zombie .card h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
body.v-zombie .c-emoji{animation:rise-up 2.6s ease-out infinite}
@keyframes rise-up{0%{transform:translateY(16px);opacity:.3}40%,100%{transform:none;opacity:1}}
body.v-zombie .btn{background:#232A1F;border-color:#46523C;box-shadow:none}
body.v-zombie .btn.primary{background:var(--accent)}

body.v-bench{--bg:#E3F2E6;--fg:#132A1C;--muted:#456152;--card:#FFFFFF;--line:#132A1C;--accent:#1F7A45;--accent-fg:#fff;--acc2:#F2C230;--nav:rgba(227,242,230,.93);
  --bgimg:repeating-linear-gradient(90deg,rgba(31,122,69,.08) 0 60px,rgba(31,122,69,.03) 60px 120px);--bgsize:auto;--fdtt:uppercase;--r:10px;--sh:5px 5px 0 #132A1C;--bubble:#DCEFE2;--bullet:"🪑"}

body.v-cuffing{--bg:#E9EFF7;--fg:#1D2A3A;--muted:#4F607A;--card:#FFFFFF;--line:#1D2A3A;--accent:#A33A3A;--accent-fg:#fff;--acc2:#C9DDF2;--nav:rgba(233,239,247,.93);
  --bgimg:linear-gradient(180deg,#DDE7F3,#F2F5FA);--bgsize:auto;--fd:'Fraunces',Georgia,serif;--fdw:600;--r:20px;--sh:0 8px 0 #C9D6E6;--bubble:#E2EAF5;--bullet:"🧣"}
body.v-cuffing .card{background-image:repeating-linear-gradient(45deg,rgba(163,58,58,.035) 0 10px,transparent 10px 20px)}

body.v-friendzone{--bg:#FFF4E0;--fg:#3A2A10;--muted:#735B33;--card:#FFFFFF;--line:#3A2A10;--accent:#2A6FB0;--accent-fg:#fff;--acc2:#FFD27A;--nav:rgba(255,244,224,.93);
  --bgimg:radial-gradient(circle,rgba(42,111,176,.08) 2px,transparent 2.5px);--bgsize:30px 30px;--fd:'Fredoka','Nunito',sans-serif;--fdw:600;--r:22px;--sh:4px 4px 0 #FFD27A;--bubble:#FFEBC7;--bullet:"🤝"}

body.v-catfish{--bg:#DFF3F6;--fg:#0F2E36;--muted:#406770;--card:rgba(255,255,255,.85);--line:#0F2E36;--accent:#0E7182;--accent-fg:#fff;--acc2:#FFB86B;--nav:rgba(223,243,246,.9);
  --bgimg:radial-gradient(circle at 20% 80%,rgba(255,255,255,.7) 0 6px,transparent 7px),radial-gradient(circle at 70% 30%,rgba(255,255,255,.6) 0 4px,transparent 5px),linear-gradient(180deg,#E8F7FA,#BFE3EA);--bgsize:140px 140px,90px 90px,auto;--r:24px;--sh:0 10px 30px rgba(14,113,130,.15);--bubble:#D4EEF2;--bullet:"🎣"}

body.v-pleaser{--bg:#FFF7EE;--fg:#3B2418;--muted:#7A5444;--card:#FFFFFF;--line:#3B2418;--accent:#B5502A;--accent-fg:#fff;--acc2:#FFD6BF;--nav:rgba(255,247,238,.93);
  --bgimg:radial-gradient(circle,rgba(181,80,42,.07) 2px,transparent 2.5px);--bgsize:24px 24px;--fd:'Caveat','Segoe Print',cursive;--fdw:700;--r:20px;--sh:0 6px 0 #F2CDB6;--bubble:#FFEBDD;--bullet:"🙏"}
body.v-pleaser .c-title{font-size:clamp(3rem,10vw,5.6rem)}
body.v-pleaser .card h2{font-size:1.9rem}

body.v-overthink{--bg:#ECEAF5;--fg:#1F1C33;--muted:#575273;--card:#FFFFFF;--line:#1F1C33;--accent:#5B47C2;--accent-fg:#fff;--acc2:#CFC6FF;--nav:rgba(236,234,245,.93);
  --bgimg:repeating-radial-gradient(circle at 50% 30%,rgba(91,71,194,.05) 0 20px,transparent 20px 40px);--bgsize:auto;--r:18px;--sh:4px 4px 0 #CFC6FF;--bubble:#E6E2F7;--bullet:"🌀"}
body.v-overthink .c-emoji{animation:spin 6s linear infinite}

body.v-cancel{--bg:#F4F4F4;--fg:#111;--muted:#555;--card:#FFFFFF;--line:#111;--accent:#C21B1B;--accent-fg:#fff;--acc2:#FFD400;--nav:rgba(244,244,244,.94);
  --bgimg:repeating-linear-gradient(-12deg,transparent 0 120px,rgba(194,27,27,.05) 120px 150px);--bgsize:auto;--fdtt:uppercase;--r:6px;--sh:5px 5px 0 #111;--bubble:#EBEBEB;--bullet:"🚫"}
body.v-cancel .c-title{text-decoration:line-through;text-decoration-color:#C21B1B;text-decoration-thickness:6px}

body.v-zodiac{--bg:#0F0B24;--fg:#EDE8FF;--muted:#B3AAD9;--card:rgba(26,20,58,.9);--line:#3A2F75;--accent:#B49BFF;--accent-fg:#160F33;--hi:#D9CCFF;--acc2:#FFD98A;--nav:rgba(15,11,36,.93);
  --bgimg:radial-gradient(circle,#fff 1px,transparent 1.4px),radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.4px),radial-gradient(ellipse at 70% -10%,rgba(180,155,255,.25),transparent 60%);--bgsize:150px 150px,80px 80px,auto;
  --fd:'Cinzel',Georgia,serif;--fdw:700;--r:18px;--sh:0 0 0 1px #3A2F75,0 18px 40px rgba(0,0,0,.4);--bubble:#251D4E;--bubble-fg:#EDE8FF;color-scheme:dark}
body.v-zodiac .btn{background:#1a1440;border-color:#3A2F75;box-shadow:none}
body.v-zodiac .btn.primary{background:var(--accent)}
body.v-zodiac .chip{background:#1a1440;border-color:#3A2F75}
body.v-zodiac .chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
body.v-dating{--bg:#FFF0F3;--fg:#2E1420;--muted:#71455A;--card:#FFFFFF;--line:#2E1420;--accent:#C2185B;--accent-fg:#fff;--acc2:#FFD1DC;--nav:rgba(255,240,243,.93);
  --bgimg:radial-gradient(circle,rgba(194,24,91,.07) 2px,transparent 2.5px);--bgsize:26px 26px}

body.v-alpha{--bg:#E6F5FF;--fg:#0E2236;--muted:#40566E;--card:#FFFFFF;--line:#0E2236;--accent:#0A6FC4;--accent-fg:#fff;--acc2:#FFD23F;--nav:rgba(230,245,255,.92);
  --bgimg:linear-gradient(90deg,rgba(10,111,196,.07) 2px,transparent 2px),linear-gradient(rgba(10,111,196,.07) 2px,transparent 2px);--bgsize:40px 40px;--r:6px;--sh:5px 5px 0 #FFD23F,5px 5px 0 2px #0E2236;--bubble:#DCEEFC;--bullet:"🧱"}
body.v-alpha .c-title{text-shadow:4px 4px 0 #FFD23F}
body.v-alpha .c-emoji{animation:sixseven .8s ease-in-out infinite}
body.v-maxx{--bg:#EEF2F5;--fg:#13222C;--muted:#4C5E6B;--card:#FFFFFF;--line:#13222C;--accent:#0F6B8C;--accent-fg:#fff;--acc2:#BFE7F2;--nav:rgba(238,242,245,.93);
  --bgimg:repeating-linear-gradient(0deg,transparent 0 23px,rgba(15,107,140,.10) 23px 24px),repeating-linear-gradient(90deg,transparent 0 119px,rgba(15,107,140,.12) 119px 120px);--bgsize:auto;
  --fd:'JetBrains Mono',ui-monospace,monospace;--fdw:700;--fdls:-.04em;--r:4px;--bw:1.5px;--sh:0 10px 30px rgba(19,34,44,.08);--bubble:#E2EAF0;--bullet:"📐"}
body.v-maxx .c-hero{background-image:repeating-linear-gradient(90deg,transparent 0 9px,rgba(15,107,140,.25) 9px 10px);background-size:100% 10px;background-repeat:no-repeat;background-position:0 100%}
body.v-trend{--bg:#FBF8F1;--fg:#16141F;--muted:#55506A;--card:#FFFFFF;--line:#16141F;--accent:#6B2BD9;--accent-fg:#fff;--acc2:#C8F560;--nav:rgba(251,248,241,.93);
  --bgimg:linear-gradient(115deg,rgba(200,245,96,.18) 0 18%,transparent 18% 82%,rgba(107,43,217,.10) 82%);--bgsize:auto;--sh:4px 4px 0 #16141F}
.tr-hero h1{background:linear-gradient(90deg,#6B2BD9,#D61F69);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg.trd h3 small{background:var(--acc2);color:#16141F;border-radius:999px;padding:2px 8px;font-weight:800}
.lg.hl{box-shadow:0 0 0 4px var(--acc2),0 10px 30px rgba(0,0,0,.2);transform:scale(1.02)}
body.v-index{--bg:#F5F6F8;--fg:#141821;--muted:#535C6E;--card:#FFFFFF;--line:#141821;--accent:#2754C5;--accent-fg:#fff;--acc2:#FFE45C;--nav:rgba(245,246,248,.93);
  --bgimg:linear-gradient(90deg,rgba(39,84,197,.05) 1px,transparent 1px);--bgsize:120px 100%}
.az-bar{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 0}
.az-bar a{min-width:34px;text-align:center;font-weight:800;text-decoration:none;border:1.5px solid var(--line);border-radius:8px;padding:4px 6px;background:var(--card)}
.az-bar a:hover{background:var(--acc2)}
.az-sec{scroll-margin-top:120px;margin-top:22px}
.az-sec h2{font-family:var(--fd);font-weight:800;font-size:2rem;border-bottom:3px solid var(--line);margin-bottom:10px}
.az-list{columns:3 260px;column-gap:26px}
.az-list a{display:flex;gap:8px;align-items:baseline;break-inside:avoid;text-decoration:none;padding:5px 4px;border-radius:8px}
.az-list a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.az-list b{font-weight:800}
.az-list .k{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:1px 7px;white-space:nowrap;flex:0 0 auto}

/* ---- burçlar ---- */
.zd-hero{text-align:center;padding:14px 0 6px}
.zd-hero h1{font-family:'Cinzel',serif;font-size:clamp(2.6rem,8vw,4.6rem);color:var(--hi);text-shadow:0 0 30px rgba(180,155,255,.5)}
.zd-hero p{max-width:64ch;margin:10px auto 0;color:var(--muted)}
.zd-wheel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px}
@media (max-width:760px){.zd-wheel{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:440px){.zd-wheel{grid-template-columns:repeat(3,minmax(0,1fr))}}
.zd-wheel button{background:var(--card);border:1.5px solid var(--line);border-radius:16px;color:var(--fg);padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s,border-color .15s;min-width:0}
.zd-wheel button:hover{transform:translateY(-3px);border-color:var(--hi)}
.zd-wheel button[aria-pressed="true"]{border-color:var(--acc2);box-shadow:0 0 18px rgba(255,217,138,.45)}
.zd-wheel .zs{font-size:1.8rem;line-height:1}
.zd-wheel .zn{font-weight:800;font-size:.9rem}
.zd-wheel .zt{font-size:.68rem;color:var(--muted);white-space:nowrap}
.zd-card{margin-top:22px}
.zd-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.zd-head .big{font-size:3.6rem;line-height:1;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,217,138,.25),transparent 70%)}
.zd-head h2{font-size:2.2rem!important;margin:0!important;color:var(--hi)}
.zd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.zd-tags span{font-size:.78rem;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--muted)}
.zd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:16px}
.zd-box{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.03);min-width:0}
.zd-box h3{font-family:'Bricolage Grotesque',sans-serif!important;font-size:1rem!important;letter-spacing:0!important;color:var(--acc2);margin-bottom:6px!important}
.zd-box ul{margin:0;padding-left:18px;display:grid;gap:4px}
.hz-out .zd-day{background:#1A1440;color:#EDE8FF;border-color:#3A2F75}
.hz-out .zd-day b.n{color:#D9CCFF}
.hz-out .zd-day .lk span{background:rgba(180,155,255,.2)}
.zd-daily{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.zd-day{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--card);min-width:0}
.zd-day header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.zd-day b.n{font-family:'Cinzel',serif;font-size:1.15rem;color:var(--hi)}
.zd-day .lk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.zd-day .lk span{font-size:.75rem;font-weight:700;background:rgba(180,155,255,.15);border-radius:999px;padding:2px 8px}
.zd-day p{font-size:.92rem}
.zd-day p+p{margin-top:6px}
.zd-match{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
@media (max-width:560px){.zd-match{grid-template-columns:1fr}}
.zd-match label{display:grid;gap:6px;font-weight:800;font-size:.9rem}
.zd-match select{font:700 1rem var(--fb);padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);background:#1a1440;color:var(--fg);width:100%}
.zd-heart{font-size:2rem;text-align:center;padding-bottom:6px}
.zd-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:16px 0}
.zd-score div{border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.zd-score b{display:block;font-size:2rem;font-family:'Cinzel',serif;color:var(--acc2)}
.zd-score .m-bar{margin-top:6px}

/* ---- flört lügatı ---- */
.lg-hero{text-align:center;padding:14px 0 6px}
.lg-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,8vw,4.6rem);letter-spacing:-.04em}
.lg-hero p{max-width:62ch;margin:10px auto 0;color:var(--muted)}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.lg{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:3px 3px 0 var(--acc2);min-width:0;display:flex;flex-direction:column;gap:6px}
.lg h3{font-family:var(--fd);font-weight:800;font-size:1.25rem;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lg h3 small{font:700 .75rem var(--fb);color:var(--muted);text-align:right}
.lg .tone{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;border-radius:999px;padding:2px 8px}
.tone.r{background:#FFE1E1;color:#7A0F0F}.tone.y{background:#FFF1C2;color:#6B4A00}.tone.g{background:#DDF7E5;color:#0D3B1E}
.lg p{font-size:.92rem}
.lg .ex{font-family:var(--fh);font-size:1.2rem;line-height:1.2;background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:10px;padding:6px 10px}
.lg a.more{font-weight:800;font-size:.85rem;color:var(--accent)}

/* ---- yeni widget'lar ---- */
.breath{display:grid;place-items:center;gap:14px;padding:10px 0}
.breath .orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--acc2) 45%,var(--accent));display:grid;place-items:center;color:#0b2f37;font-weight:800;transition:transform 4s ease-in-out;box-shadow:0 0 40px rgba(15,110,128,.25);text-align:center;padding:10px}
.ground{display:grid;gap:8px;margin-top:6px}
.ground label{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,transparent);cursor:pointer}
.ground input{width:20px;height:20px;accent-color:var(--accent)}
.cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 12px}
@media (max-width:620px){.cycle{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cycle div{border:2px solid var(--line);border-radius:14px;padding:12px;opacity:.45;transition:opacity .3s,transform .3s}
.cycle div.on{opacity:1;transform:scale(1.04);border-color:var(--hi,var(--accent));box-shadow:0 0 18px color-mix(in srgb,var(--hi,var(--accent)) 35%,transparent)}
.cycle b{display:block;font-size:1.5rem}
.stages{display:grid;gap:8px}
.stages button{display:flex;gap:10px;align-items:center;text-align:left;border:2px solid var(--line);background:var(--card);border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:700}
.stages button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}
.feedsim{display:grid;gap:10px}
.fpost{border:2px solid var(--line);border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--fg) 3%,var(--card))}
.fpost p{font-weight:700;margin-bottom:8px}
.livechat{height:200px;overflow:hidden;border-radius:14px;background:#0B0814;border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font-size:.88rem}
.livechat div{color:#E6DEFF;line-height:1.3}
.livechat b{color:#C5A3FF}
.livechat .me{background:rgba(255,92,168,.25);border-radius:6px;padding:2px 6px}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px}

/* ---- meme arşivi ---- */
.mm-hero{text-align:center;padding:16px 0 10px}
.mm-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,8vw,4.8rem);letter-spacing:-.04em}
.mm-hero p{max-width:62ch;margin:10px auto 0;color:var(--muted)}
.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px}
.mm{background:#fff;color:#1E1E1E;border:12px solid #2B2622;outline:2px solid #C9A24A;outline-offset:-16px;padding:16px;box-shadow:0 14px 30px rgba(0,0,0,.18);min-width:0;display:flex;flex-direction:column;gap:8px}
.mm .mm-art{font-size:2.6rem;line-height:1;text-align:center;padding:8px 0}
.mm h3{font-family:var(--fd);font-weight:800;font-size:1.3rem}
.mm .plq{font:700 .72rem 'Nunito',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#7a6a4a}
.mm p{font-size:.92rem}
.mm .ex{font-family:var(--fh);font-size:1.2rem;line-height:1.2;background:#F5F1E6;border-radius:8px;padding:6px 10px}
.mm h3.fih{font-family:Papyrus,'Herculanum','Cinzel',fantasy;font-weight:700;letter-spacing:.04em}

/* ---------- DECO ---------- */
.candle{position:absolute;bottom:0;width:26px;height:110px;background:linear-gradient(90deg,#d8cdb6,#f3ead6,#cfc3aa);border-radius:4px 4px 0 0}
.candle::before{content:"";position:absolute;left:50%;top:-30px;width:14px;height:28px;margin-left:-7px;background:radial-gradient(ellipse at 50% 70%,#fff 0 15%,#FFD27A 30%,#FF8A2B 60%,transparent 70%);border-radius:50% 50% 45% 45%;animation:flame .18s ease-in-out infinite alternate;filter:blur(.4px)}
.candle::after{content:"";position:absolute;left:50%;top:-80px;width:140px;height:140px;margin-left:-70px;background:radial-gradient(circle,rgba(255,180,80,.22),transparent 65%);animation:glow 3s ease-in-out infinite}
@keyframes flame{to{transform:scale(.92,1.08) rotate(2deg)}}
@keyframes glow{50%{opacity:.6}}
@media (max-width:1250px){.candle{display:none}}
.fog{position:absolute;inset:auto -20% 0 -20%;height:45%;background:radial-gradient(ellipse at 30% 100%,rgba(255,255,255,.7),transparent 60%),radial-gradient(ellipse at 70% 100%,rgba(255,255,255,.6),transparent 60%);animation:fogm 18s ease-in-out infinite alternate}
@keyframes fogm{to{transform:translateX(8%)}}
.gasflick{position:absolute;inset:0;background:rgba(0,0,0,.18);animation:gf 7s steps(1) infinite;opacity:0}
@keyframes gf{0%{opacity:0}62%{opacity:1}63%{opacity:0}64%{opacity:.6}65%{opacity:0}}
.spot{position:absolute;inset:0;background:radial-gradient(circle 360px at var(--mx,50%) var(--my,40%),transparent 0,rgba(0,0,0,.42) 100%);z-index:1}
.lbox{position:absolute;left:0;right:0;bottom:0;height:calc(22px + env(safe-area-inset-bottom,0px));background:#000}
.grassbar{position:absolute;left:0;right:0;bottom:0;height:var(--gh,70px);transition:height .6s cubic-bezier(.2,1.4,.4,1);
  background:
   radial-gradient(14px 60px at 7px 100%,#3DA35D 98%,transparent) 0 100%/18px 100% repeat-x,
   radial-gradient(10px 46px at 5px 100%,#2E8B4A 98%,transparent) 9px 100%/22px 90% repeat-x,
   linear-gradient(transparent 60%,#2E8B4A 60%)}
.sea{position:absolute;left:0;right:0;bottom:0;height:110px;overflow:hidden}
.sea i{position:absolute;left:-50%;width:200%;height:100%;bottom:0;background:radial-gradient(60px 26px at 50% 0,transparent 98%,var(--sw) 100%) 0 0/120px 100% repeat-x;animation:seamove var(--sd) linear infinite}
.sea i:nth-child(1){--sw:rgba(15,110,128,.18);--sd:14s;bottom:-28px}
.sea i:nth-child(2){--sw:rgba(15,110,128,.28);--sd:9s;bottom:-50px;animation-direction:reverse}
@keyframes seamove{to{transform:translateX(120px)}}
.rgb-vig{position:absolute;inset:0;box-shadow:inset 0 0 160px rgba(79,124,255,.18)}

/* ---------- CALM / REDUCED MOTION ---------- */
body.calm #fx,body.calm .spot,body.calm .gasflick{display:none}
body.calm *,body.calm *::before,body.calm *::after{animation-duration:.001s!important;animation-iteration-count:1!important}
@media (prefers-reduced-motion:reduce){
  #fx{display:none}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
}

/* =========================================================
   TOPLULUK — mantar pano teması
   ========================================================= */
body.v-community{--bg:#E4D2B3;--fg:#2B2118;--muted:#5F4B36;--card:#FFFDF6;--line:#2B2118;--accent:#2D6A4F;--accent-fg:#fff;--acc2:#FFE58F;--nav:rgba(228,210,179,.94);
  --bgimg:radial-gradient(circle at 20% 30%,rgba(110,70,30,.20) 1.4px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(110,70,30,.14) 1.2px,transparent 1.8px);--bgsize:19px 19px,27px 27px;
  --r:6px;--sh:0 8px 18px rgba(60,40,20,.18);--bubble:#F4EBDC}
body.v-mail{--bg:#F6EFE6;--fg:#2E2018;--muted:#6A5446;--card:#FFFFFF;--line:#2E2018;--accent:#B8432F;--accent-fg:#fff;--acc2:#FFD9C7;--nav:rgba(246,239,230,.94);
  --bgimg:repeating-linear-gradient(-45deg,rgba(184,67,47,.10) 0 14px,transparent 14px 28px,rgba(37,84,156,.10) 28px 42px,transparent 42px 56px);--bgsize:auto;--r:8px;--sh:0 8px 20px rgba(60,30,20,.12);--bubble:#FBEDE6}
body.v-admin{--bg:#EEF0F3;--fg:#151A22;--muted:#4F5A6B;--card:#FFFFFF;--line:#151A22;--accent:#1F4E8C;--accent-fg:#fff;--acc2:#FFE45C;--nav:rgba(238,240,243,.95);--bgimg:none;--r:10px;--sh:0 1px 3px rgba(0,0,0,.12);--bw:1px}
.comm-hero{text-align:center;padding:14px 0 18px}
.comm-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,8vw,4.4rem);letter-spacing:-.04em}
.comm-hero p{max-width:64ch;margin:10px auto 0;color:var(--muted);font-size:1.05rem}
.comm-hero.small{background:var(--nc,var(--card));border:2px solid var(--line);border-radius:6px;box-shadow:var(--sh);padding:22px 20px;margin-bottom:20px;position:relative}
.comm-hero.small::before,.bcard::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a8a,#C62828 60%,#7a1010);box-shadow:0 3px 4px rgba(0,0,0,.35)}
.comm-hero.small p{color:var(--fg)}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px;margin:8px 0 10px}
.bcard{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#2B2118;background:var(--nc);padding:22px 18px 16px;box-shadow:0 10px 18px rgba(60,40,20,.22);transform:rotate(var(--rot));transition:transform .15s;min-width:0}
.bcard:hover{transform:rotate(0) translateY(-3px)}
.bcard .b-emo{font-size:2.4rem;line-height:1}
.bcard h2{font-family:var(--fd);font-weight:800;font-size:1.45rem}
.bcard p{font-size:.93rem}
.bcard .b-n{margin-top:auto;font-family:var(--fh);font-size:1.25rem;font-weight:700}
.muted{color:var(--muted)}
.recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.recent{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:var(--card);border:1.5px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:8px;padding:12px 14px;box-shadow:0 4px 10px rgba(60,40,20,.1);min-width:0}
.recent:hover{border-color:var(--accent)}
.recent .r-k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}
.recent small{color:var(--muted)}
.recent .r-b{font-size:.9rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.rules-mini{margin-top:26px}
.thread-list,.replies{display:grid;gap:14px;margin-top:14px}
.post{background:var(--card);border:1.5px solid color-mix(in srgb,var(--line) 25%,transparent);border-radius:8px;padding:16px 18px;box-shadow:0 4px 12px rgba(60,40,20,.10);min-width:0;position:relative}
.post .p-title{font-family:var(--fd);font-weight:800;font-size:1.25rem;margin-bottom:6px}
.post .p-title a{text-decoration:none}
.post .p-title a:hover{text-decoration:underline}
.p-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:.82rem;color:var(--muted);margin-bottom:8px}
.p-meta b{color:var(--fg)}
.tag{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--fg);border-radius:999px;padding:2px 9px;font-weight:700;font-size:.75rem;text-decoration:none}
.p-body{white-space:pre-wrap;word-break:break-word;line-height:1.6}
.post.reply{margin-left:clamp(0px,4vw,34px);border-left:4px solid var(--acc2)}
.post.best{border:2px solid #E3B000;background:#FFFBEA}
.best-tag{position:absolute;top:-11px;right:14px;background:#E3B000;color:#241a00;font-weight:800;font-size:.75rem;border-radius:999px;padding:2px 10px}
.comm-form{margin:0 0 20px;display:grid;gap:12px}
.comm-form h3{font-family:var(--fd);font-size:1.3rem}
.fld-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.fld{display:grid;gap:6px;font-weight:800;font-size:.9rem;min-width:0}
.fld small{font-weight:600;color:var(--muted)}
.fld input,.fld textarea,.fld select{font:600 1rem var(--fb);padding:10px 12px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--line) 45%,transparent);background:#fff;color:#1e1a16;width:100%}
.fld textarea{resize:vertical;min-height:90px;line-height:1.5}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent)}
.cnt-n{justify-self:end;font-weight:600;color:var(--muted)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.45}
.chk input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--accent)}
.form-msg{font-weight:700;font-size:.92rem}
.form-msg.err{color:#B42318}
.form-msg.ok{color:#1F7A45}
.form-note{font-size:.82rem;color:var(--muted)}
.ts-box:empty{display:none}
.react-bar{margin-top:22px}
.react-row{display:flex;flex-wrap:wrap;gap:10px}
.react{display:flex;align-items:center;gap:8px;border:var(--bw) solid var(--line);background:var(--card);color:var(--card-fg,var(--fg));border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700;transition:transform .12s}
.react:hover{transform:translateY(-2px)}
.react .re{font-size:1.3rem;line-height:1}
.react .rn{font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--fg) 10%,transparent);border-radius:999px;padding:0 8px;min-width:26px;text-align:center}
.react.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.react.on .rn{background:rgba(255,255,255,.25)}
.legal article{max-width:780px;margin:0 auto}
.legal h1{font-family:var(--fd);font-weight:800;font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:8px}
.legal h2{font-family:var(--fd);font-weight:800;font-size:1.2rem;margin:20px 0 6px}
.legal p+p{margin-top:8px}
.foot-links a{font-weight:700}
.adm-hero{padding:6px 0 14px}
.adm-hero h1{font-family:var(--fd);font-weight:800;font-size:2rem}
.adm-login{max-width:420px;display:grid;gap:12px}
.adm-tabs{justify-content:space-between;margin-bottom:14px;align-items:flex-start}
.adm-list{display:grid;gap:12px}
.adm-item{background:#fff;border:1px solid #CDD3DC;border-radius:10px;padding:14px 16px;min-width:0;transition:opacity .3s}
.adm-item.banned{border-color:#E5484D}
.adm-item h3{font-size:1.05rem;margin:4px 0 8px}
.adm-mail{margin-top:8px;font-weight:700}
.adm-act{margin-top:12px}
.adm-act .btn{padding:7px 12px;font-size:.85rem}
.adm-act .btn.confirm{background:#E5484D;color:#fff}