/* SX_WELCOME 2.0 · karşılama vitrini (11 slayt, açık/koyu, 390 uyumlu, reduced-motion: animasyonsuz yavaş geçiş) */
.welcome_screen .sxw-hid{display:none!important}
.welcome_screen:has(.sxw){justify-content:safe center!important;align-items:safe center!important;overflow-y:auto!important;overflow-x:hidden!important}
.welcome_screen > .contents > div:has(.sxw){padding:0 16px!important;width:100%;max-width:none!important}
.sxw{--p:#8b5cf6;--p2:#ec4899;--card:#fff;--bg2:#f4f0ff;--tx:#1f1633;--mu:#6b6280;--bd:rgba(139,92,246,.22);--sh:0 2px 6px rgba(0,0,0,.08);
 --ih:clamp(220px,calc(100vh - 440px),300px);width:min(640px,100%);margin:0 auto 6px;font-family:inherit;color:var(--tx);user-select:none;-webkit-user-select:none}
body.dark_mode .sxw,.sxw.dk{--card:#2a2533;--bg2:#1d1826;--tx:#f3eefe;--mu:#b6abc9;--bd:rgba(167,139,250,.28);--sh:0 2px 8px rgba(0,0,0,.35)}
.sxw-vp{position:relative;height:calc(var(--ih) + 146px)}
.sxw-s{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateX(22px) scale(.985);transition:opacity .55s ease,transform .55s ease,visibility 0s .55s}
.sxw-s.on{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .55s ease}
.sxw-ill{position:relative;width:min(480px,100%);height:var(--ih);border-radius:24px;overflow:hidden;text-align:left;background:radial-gradient(120% 120% at 0 0,rgba(236,72,153,.18),transparent 55%),radial-gradient(120% 120% at 100% 100%,rgba(34,211,238,.16),transparent 55%),var(--bg2);border:1px solid var(--bd);box-shadow:0 14px 40px rgba(139,92,246,.2)}
.sxw h3{margin:16px 0 4px;font-size:21px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--tx);background:linear-gradient(90deg,var(--p),var(--p2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sxw p{margin:0 0 12px;font-size:14px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sxw-go{border:0;cursor:pointer;padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;background:linear-gradient(90deg,var(--p),var(--p2));box-shadow:0 4px 14px rgba(139,92,246,.35);transition:transform .15s,box-shadow .15s}
.sxw-go:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(139,92,246,.45)}
.sxw-go:focus-visible,.sxw-dots button:focus-visible,.sxw-nav:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.sxw-nav{position:absolute;top:calc(var(--ih) / 2);width:34px;height:34px;margin-top:-17px;border:1px solid var(--bd);border-radius:50%;background:var(--card);color:var(--tx);font-size:20px;line-height:1;cursor:pointer;box-shadow:var(--sh);opacity:.85;z-index:2}
.sxw-nav:hover{opacity:1}.sxw-nav.pv{left:0}.sxw-nav.nx{right:0}
.sxw-dots{display:none!important;}
.sxw-dots{display:flex;justify-content:center;gap:2px;margin-top:2px;flex-wrap:nowrap}
.sxw-dots button{width:20px;height:22px;border:0;padding:0;background:none;cursor:pointer;position:relative}
.sxw-dots button:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:99px;background:var(--bd);transition:width .3s,margin .3s,background .3s}
.sxw-dots button.on{width:34px}
.sxw-dots button.on:after{width:26px;margin-left:-13px;background:var(--bd)}
.sxw-dots button.on:before{content:"";position:absolute;left:4px;top:50%;height:8px;margin-top:-4px;width:26px;border-radius:99px;z-index:1;background:linear-gradient(90deg,var(--p),var(--p2));transform-origin:left;transform:scaleX(1)}
.sxw.tick:not(.paused) .sxw-dots button.on:before{animation:sxw-prog var(--dur,5000ms) linear forwards}
@keyframes sxw-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sxw .av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font:700 12px/1 inherit;font-style:normal}
.sxw .bdg{display:inline-flex;align-items:center;gap:2px;margin-left:5px;padding:1px 6px;border-radius:99px;font-size:9.5px;font-weight:800;font-style:normal;color:#fff;vertical-align:1px;white-space:nowrap}
.sxw .bdg svg{width:9px;height:9px;fill:currentColor}
.bdg.lv{background:linear-gradient(90deg,var(--p),var(--p2))}.bdg.vip{background:linear-gradient(90deg,#f59e0b,#ef4444)}.bdg.adm{background:#dc2626}.bdg.bot{background:#0ea5e9}
/* ortak sohbet arayüzü */
.w-ui{position:absolute;inset:12px 14px;display:flex;flex-direction:column;gap:8px}
.w-ui .hd{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:14px;background:var(--card);box-shadow:var(--sh);font-size:13px;white-space:nowrap}
.w-ui .hd .ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:800;font-size:13px}
.w-ui .hd .ic .av{width:26px;height:26px}
.w-ui .hd b{color:var(--tx)}.w-ui .hd em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--mu)}
.w-ui .msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;min-height:0;overflow:hidden}
.w-ui .m{display:flex;align-items:flex-end;gap:7px;opacity:0;transform:translateY(8px)}
.w-ui .m.r{justify-content:flex-end}
.w-ui .bb{display:flex;flex-direction:column;min-width:0;max-width:78%}
.w-ui .m.r .bb{align-items:flex-end}
.w-ui .nm{font-size:11px;color:var(--mu);margin:0 0 2px 4px;white-space:nowrap}
.w-ui .bb>span{padding:7px 11px;border-radius:15px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--card);color:var(--tx);box-shadow:var(--sh);border-bottom-left-radius:5px}
.w-ui .m.r .bb>span{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-radius:15px;border-bottom-right-radius:5px}
.w-ui .pt{color:#10b981}
.on .w-ui .b1{animation:sxw-in .4s .2s forwards}.on .w-ui .b2{animation:sxw-in .4s .9s forwards}.on .w-ui .b3{animation:sxw-in .4s 1.6s forwards}.on .w-ui .b4{animation:sxw-in .4s 2.4s forwards}.on .w-ui .b5{animation:sxw-in .4s 3.6s forwards}
@keyframes sxw-in{to{opacity:1;transform:none}}
@keyframes sxw-gone{to{opacity:0;height:0;margin:-7px 0 0;overflow:hidden}}
.w-ui .ty{display:inline-flex!important;gap:4px;padding:10px 12px!important}
.w-ui .ty b{width:6px;height:6px;border-radius:50%;background:var(--mu);animation:sxw-dot 1s infinite}
.w-ui .ty b:nth-child(2){animation-delay:.15s}.w-ui .ty b:nth-child(3){animation-delay:.3s}
@keyframes sxw-dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.on .s-pm .w-ui .b3,.s-pm.on .w-ui .b3{animation:sxw-in .3s 1.6s forwards,sxw-gone .2s 2.9s forwards}
.s-pm.on .w-ui .b4{animation-delay:3s}.s-pm.on .w-ui .b5{animation-delay:3.8s}
/* grup: çevrimiçi avatarlar */
.w-ui .ol{display:flex;align-items:center;padding-left:6px}
.w-ui .ol .av{margin-left:-6px;border:2px solid var(--bg2);width:30px;height:30px;transform:scale(.4);opacity:0}
.on .w-ui .ol .av{animation:sxw-pop .35s forwards}
.on .w-ui .ol .o1{animation-delay:.1s}.on .w-ui .ol .o2{animation-delay:.2s}.on .w-ui .ol .o3{animation-delay:.3s}.on .w-ui .ol .o4{animation-delay:.4s}.on .w-ui .ol .o5{animation-delay:.5s}
@keyframes sxw-pop{to{transform:none;opacity:1}}
.w-ui .ol .more{margin-left:6px;font-size:11.5px;font-weight:700;color:var(--mu)}
/* yönetici duyurusu */
.w-ui .ann{display:flex;gap:9px;align-items:center;padding:9px 11px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 6px 16px rgba(220,38,38,.3);opacity:0;transform:translateY(-8px)}
.w-ui .ann svg{flex:none;width:22px;height:22px;fill:#fff}
.w-ui .ann div{display:flex;flex-direction:column;min-width:0}.w-ui .ann b{font-size:12px}.w-ui .ann span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* yarışma puan tablosu */
.w-ui .lb{display:flex;gap:6px;justify-content:center;opacity:0}
.w-ui .lb span{padding:4px 10px;border-radius:99px;background:var(--card);box-shadow:var(--sh);font-size:11.5px;font-weight:700;white-space:nowrap}
.on .w-ui .lb{animation:sxw-in .4s 3.2s forwards}
/* kelime oyunu */
.w-word .grid,.w-word .tray{display:flex;justify-content:center;gap:7px}
.w-word .grid{margin-top:22px}
.w-word .tl{width:44px;height:48px;border-radius:12px;border:2px dashed var(--bd);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:transparent;background:var(--card)}
.on .w-word .tl{animation:sxw-fillt .35s forwards}
.on .w-word .t0{animation-delay:.6s}.on .w-word .t1{animation-delay:1s}.on .w-word .t2{animation-delay:1.4s}.on .w-word .t3{animation-delay:1.8s}.on .w-word .t4{animation-delay:2.2s}.on .w-word .t5{animation-delay:2.6s}
@keyframes sxw-fillt{to{color:#fff;border:2px solid transparent;background:linear-gradient(135deg,var(--p),var(--p2));transform:scale(1.05)}}
.w-word .tray{margin-top:16px}
.w-word .tk{width:34px;height:36px;border-radius:10px;background:var(--card);box-shadow:var(--sh);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--tx)}
.on .w-word .tk{animation:sxw-used .3s forwards}
.on .w-word .k1{animation-delay:.6s}.on .w-word .k0{animation-delay:2.2s}.on .w-word .k3{animation-delay:1.8s}.on .w-word .k4{animation-delay:1.4s}.on .w-word .k5{animation-delay:1s}.on .w-word .k2{animation-delay:2.6s}
@keyframes sxw-used{to{opacity:.25;transform:scale(.85)}}
.w-word .ok{margin:18px auto 0;padding:7px 14px;border-radius:99px;background:rgba(16,185,129,.15);color:#047857;font-size:12.5px;font-weight:700;white-space:nowrap;opacity:0}
body.dark_mode .w-word .ok{color:#6ee7b7}
.on .w-word .ok{animation:sxw-in .4s 3.1s forwards}
/* seviye */
.w-lv{padding:10px 12px;border-radius:14px;background:var(--card);box-shadow:var(--sh)}
.w-lv .pf{display:flex;align-items:center;gap:12px}
.w-lv .fr{position:relative;display:inline-flex;padding:3px;border-radius:50%;background:conic-gradient(#f59e0b,#ec4899,#8b5cf6,#22d3ee,#f59e0b)}
.w-lv .fr .av{width:44px;height:44px;font-size:18px;border:2px solid var(--card)}
.w-lv .cw{position:absolute;left:50%;top:-14px;margin-left:-10px;width:20px;height:20px;color:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.8))}
.w-lv .cw svg{width:100%;height:100%;fill:currentColor}
.on .w-lv .cw{animation:sxw-glow 1.4s 2.2s 2}
@keyframes sxw-glow{50%{transform:scale(1.25) rotate(-8deg);filter:drop-shadow(0 0 10px #fde68a)}}
.w-lv .inf{position:relative}.w-lv .inf b{display:block;font-size:15px;color:var(--tx)}
.w-lv .bd4,.w-lv .bd5{display:inline-block;margin-top:3px;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap;background:linear-gradient(90deg,var(--p),var(--p2))}
.w-lv .bd5{position:absolute;left:0;bottom:0;opacity:0;background:linear-gradient(90deg,#f59e0b,#ec4899)}
.on .w-lv .bd4{animation:sxw-out .3s 2s forwards}.on .w-lv .bd5{animation:sxw-pin .5s 2s forwards}
@keyframes sxw-out{to{opacity:0;transform:scale(.6)}}
@keyframes sxw-pin{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.9)}100%{opacity:1;transform:none}}
.w-lv .bar{margin-top:12px;height:12px;border-radius:99px;background:var(--bg2);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}
.w-lv .fl{display:block;height:100%;width:30%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,var(--p),var(--p2))}
.on .w-lv .fl{animation:sxw-fill 1.8s .3s ease-out forwards}
@keyframes sxw-fill{to{width:100%}}
.w-lv .xp{display:flex;justify-content:space-between;margin-top:5px;font-size:11.5px;color:var(--mu);white-space:nowrap}
.w-lv .pl{color:#10b981;font-weight:700}
.w-ui .sys{align-self:center;max-width:100%;margin-top:4px;padding:7px 14px;border-radius:99px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx);background:linear-gradient(90deg,rgba(245,158,11,.22),rgba(236,72,153,.22));border:1px solid rgba(245,158,11,.4);opacity:0;transform:translateY(8px)}
.on .w-ui .sys{animation:sxw-in .4s 2.6s forwards}
.w-ui .cf{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:space-around;pointer-events:none}
.w-ui .cf span{opacity:0;font-size:18px}
.on .w-ui .cf span{animation:sxw-float 1.8s forwards}
.on .w-ui .cf .c0{animation-delay:2.7s}.on .w-ui .cf .c1{animation-delay:2.9s}.on .w-ui .cf .c2{animation-delay:3.1s}.on .w-ui .cf .c3{animation-delay:3.3s}.on .w-ui .cf .c4{animation-delay:3.5s}
@keyframes sxw-float{0%{opacity:0;transform:translateY(10px) scale(.6)}25%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-90px) scale(1.15)}}
/* hikayeler */
.w-story{position:absolute;inset:0}
.w-story .rings{position:absolute;left:0;right:0;top:14px;display:flex;justify-content:center;gap:12px}
.w-story .rg{width:46px;height:46px;border-radius:50%;padding:2px;background:conic-gradient(#f59e0b,#ec4899,#8b5cf6,#f59e0b)}
.w-story .r0{background:var(--bd)}
.w-story .rg i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2px solid var(--bg2);background:var(--c);color:#fff;font:700 15px/1 inherit;font-style:normal}
.on .w-story .r2{animation:sxw-pulse 1.4s .2s 2}
@keyframes sxw-pulse{50%{transform:scale(1.12)}}
.w-story .card{position:absolute;left:50%;top:72px;width:180px;height:212px;margin-left:-90px;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 8px 24px rgba(0,0,0,.2);transform:scale(.6);opacity:0}
.on .w-story .card{animation:sxw-pop .5s .5s forwards}
.w-story .card.wide{top:14px;width:250px;height:270px;margin-left:-125px;transform:none;opacity:1;animation:none}
.w-story .ph{position:absolute;inset:0;background:linear-gradient(180deg,#a78bfa,#f9a8d4 70%,#fdba74)}
.w-story .sun{position:absolute;right:34px;top:40px;width:32px;height:32px;border-radius:50%;background:#fde68a;box-shadow:0 0 22px #fde68a}
.on .w-story .sun{animation:sxw-set 4s .6s ease-in-out forwards}
@keyframes sxw-set{to{transform:translateY(46px)}}
.w-story .hill{position:absolute;left:-30px;right:-30px;bottom:-60px;height:130px;border-radius:50%;background:#7c3aed}
.w-story .hill.h2{left:40%;bottom:-80px;background:#5b21b6}
.w-story .pg{position:absolute;left:8px;right:8px;top:7px;height:3px;border-radius:3px;background:rgba(255,255,255,.4);z-index:2;overflow:hidden}
.w-story .pg span{display:block;height:100%;width:0;background:#fff}
.on .w-story .pg span{animation:sxw-fill 4.5s .6s linear forwards}
.w-story .who{position:absolute;left:8px;top:16px;display:flex;align-items:center;gap:5px;z-index:2;color:#fff;font-size:11.5px;white-space:nowrap}
.w-story .who .av{width:22px;height:22px;font-size:10px;border:1.5px solid #fff}.w-story .who em{font-style:normal;opacity:.8}
.w-story .cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#fff;font-weight:800;font-size:15px;text-shadow:0 2px 6px rgba(0,0,0,.4);z-index:2}
.w-story .rx{position:absolute;bottom:70px;font-size:20px;opacity:0;z-index:3}
.w-story .x1{right:20px}.w-story .x2{right:46px}.w-story .x3{right:30px}.w-story .x4{right:60px}
.on .w-story .x1{animation:sxw-float 1.8s .4s forwards}.on .w-story .x2{animation:sxw-float 1.8s .9s forwards}.on .w-story .x3{animation:sxw-float 1.8s 1.4s forwards}.on .w-story .x4{animation:sxw-float 1.8s 1.9s forwards}
.w-story .lk{position:absolute;left:10px;top:12px;display:flex;align-items:center;gap:6px;z-index:3;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.35);color:#fff;font-size:12px;white-space:nowrap}
.w-story .lk .hl svg{width:16px;height:16px;display:block;fill:#fff;stroke:#fff}
.on .w-story .lk .hl svg{animation:sxw-red .01s .5s forwards}
.on .w-story .lk .hl{display:inline-block;animation:sxw-beat 1s .5s 1}
@keyframes sxw-red{to{fill:#ef4444;stroke:#ef4444}}
@keyframes sxw-beat{20%{transform:scale(1.45)}40%{transform:scale(.9)}60%{transform:scale(1.1)}}
.w-story .cms{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:5px;z-index:3}
.w-story .cm{display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(6px)}
.w-story .cm .av{width:22px;height:22px;font-size:10px}
.w-story .cm span{flex:1;min-width:0;padding:4px 9px;border-radius:12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.92);color:#2a1b4a}
.on .w-story .c1{animation:sxw-in .4s 1.6s forwards}.on .w-story .c2{animation:sxw-in .4s 2.6s forwards}
/* blog kartları */
.w-blog{position:absolute;inset:22px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.w-blog .tr{display:flex;gap:12px;width:max-content;padding-left:16px}
.on .w-blog .tr{animation:sxw-slide 7s linear infinite}
@keyframes sxw-slide{to{transform:translateX(-528px)}}
.w-blog .bc{width:120px;height:250px;border-radius:14px;background:var(--card);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.w-blog .cv{height:130px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--a),var(--b))}
.w-blog .cv em{font-style:normal;font-size:30px;opacity:.85}
.w-blog .t{padding:9px 9px 0;font-size:12.5px;font-weight:800;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-blog .au{padding:3px 9px 0;font-size:10.5px;color:var(--mu);white-space:nowrap}
.w-blog .mt{margin-top:auto;padding:0 9px 9px;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--mu);white-space:nowrap}
.w-blog .mt i{margin-left:auto;font-style:normal}
.w-blog .hl svg,.w-bc em svg{width:14px;height:14px;display:block;fill:none;stroke:var(--mu);stroke-width:2}
.w-blog .hl.on svg{fill:#ef4444;stroke:#ef4444}
.on .w-blog .hl.on{animation:sxw-beat 1.2s 1s 2}
/* blog yorum ağacı (L) */
.w-bc .tree{display:flex;flex-direction:column;gap:8px;overflow:hidden}
.w-bc .cm1{display:flex;gap:8px;align-items:flex-start;opacity:0;transform:translateY(8px)}
.w-bc .cm1>div{display:flex;flex-direction:column;min-width:0;padding:6px 10px;border-radius:12px;background:var(--card);box-shadow:var(--sh)}
.w-bc .cm1 b{font-size:11.5px;color:var(--tx);white-space:nowrap}.w-bc .cm1 b .au{font-style:normal;margin-left:4px;padding:0 6px;border-radius:99px;font-size:9.5px;color:#fff;background:var(--p)}
.w-bc .cm1 span{font-size:12px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-bc .cm1 em{display:flex;align-items:center;gap:3px;margin-top:2px;font-size:10.5px;font-style:normal;color:var(--mu);white-space:nowrap}
.w-bc .rp{position:relative;margin-left:13px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.w-bc .rp:before{content:"";position:absolute;left:0;top:-8px;bottom:22px;width:14px;border-left:2px solid var(--bd);border-bottom:2px solid var(--bd);border-bottom-left-radius:10px}
.w-bc .rp .cm1{position:relative}
.w-bc .rp .cm1:before{content:"";position:absolute;left:-22px;top:14px;width:18px;border-top:2px solid var(--bd)}
.on .w-bc .b1{animation:sxw-in .4s .2s forwards}.on .w-bc .b2{animation:sxw-in .4s 1s forwards}.on .w-bc .b3{animation:sxw-in .4s 1.8s forwards}.on .w-bc .b4{animation:sxw-in .4s 2.6s forwards}
/* radyo */
.w-radio{position:absolute;inset:0;display:flex;align-items:center;gap:22px;padding:0 26px;background:radial-gradient(120% 100% at 0 0,rgba(139,92,246,.35),transparent 60%)}
.w-radio .disc{flex:none;width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,#1f1633 0 3px,#2d2340 3px 5px);box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.w-radio .disc span{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 0 0 6px #1f1633}
.on .w-radio .disc{animation:sxw-spin 4s linear infinite}
@keyframes sxw-spin{to{transform:rotate(360deg)}}
.w-radio .ri{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.w-radio .live{align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#dc2626;padding:2px 8px;border-radius:99px}
.on .w-radio .live{animation:sxw-blink 1.2s steps(1) infinite}
@keyframes sxw-blink{50%{opacity:.45}}
.w-radio b{font-size:18px;color:var(--tx);white-space:nowrap}
.w-radio .song{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-radio .eq{display:flex;align-items:flex-end;gap:4px;height:46px;margin-top:4px}
.w-radio .eq i{flex:1;max-width:10px;height:30%;border-radius:3px 3px 0 0;background:linear-gradient(0deg,var(--p),var(--p2))}
.on .w-radio .eq i{animation:sxw-eq .9s ease-in-out infinite alternate}
.on .w-radio .eq .e1{animation-duration:.6s}.on .w-radio .eq .e2{animation-duration:1.1s}.on .w-radio .eq .e3{animation-duration:.7s}.on .w-radio .eq .e4{animation-duration:.5s}.on .w-radio .eq .e5{animation-duration:.8s}.on .w-radio .eq .e6{animation-duration:1s}
@keyframes sxw-eq{0%{height:15%}100%{height:100%}}
.w-radio .ctl{display:flex;align-items:center;gap:8px;margin-top:4px}
.w-radio .ctl>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--card);box-shadow:var(--sh);font-size:12px}
.w-radio .ctl .pp{width:38px;height:38px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2))}
.w-radio .ctl .vol{flex:1;height:6px!important;width:auto!important;border-radius:99px!important;background:var(--bd)!important;box-shadow:none!important;justify-content:flex-start!important;overflow:hidden}
.w-radio .vol i{display:block;width:65%;height:100%;background:linear-gradient(90deg,var(--p),var(--p2))}
.w-radio .ls{font-size:11.5px;color:var(--mu);white-space:nowrap}
/* reduced-motion: animasyon yok, son kare statik; geçiş yavaş ve anlık (sxw.rm) */
.sxw.rm .sxw-s,.sxw.rm .sxw-s *,.sxw.rm .sxw-dots *{animation:none!important;transition:none!important}
.sxw.rm .sxw-s{transform:none}
.sxw.rm .w-ui .m,.sxw.rm .w-ui .ann,.sxw.rm .w-ui .lb,.sxw.rm .w-word .ok,.sxw.rm .w-ui .sys,.sxw.rm .w-story .cm,.sxw.rm .w-story .card,.sxw.rm .w-bc .cm1,.sxw.rm .w-ui .ol .av{opacity:1;transform:none}
.sxw.rm .s-pm .b3,.sxw.rm .w-lv .bd4{display:none}.sxw.rm .w-lv .bd5{position:static;opacity:1}
.sxw.rm .w-word .tl{color:#fff;border:2px solid transparent;background:linear-gradient(135deg,var(--p),var(--p2))}.sxw.rm .w-word .tk{opacity:.25}
.sxw.rm .w-lv .fl{width:100%}.sxw.rm .w-story .pg span{width:60%}.sxw.rm .w-radio .eq i:nth-child(odd){height:70%}
.sxw.rm .sxw-dots button:before{animation:none!important}
@media (prefers-reduced-motion:reduce){.sxw *,.sxw *:before,.sxw *:after{animation:none!important;transition:none!important}}
/* mobil */
@media (max-width:560px){.sxw{--ih:248px}.sxw-vp{height:384px}.sxw-ill{border-radius:20px}.sxw h3{font-size:18px;margin-top:12px}.sxw p{font-size:12.5px}.sxw-nav{display:none}
 .w-ui{inset:10px}.w-ui .bb>span{font-size:12px;padding:6px 10px}.w-ui .m{gap:5px}.sxw .av{width:24px;height:24px;font-size:11px}
 .w-word .tl{width:36px;height:40px;font-size:17px}.w-word .grid{margin-top:12px}.w-word .tk{width:30px;height:32px}
 .w-story .card{top:66px;width:150px;height:172px;margin-left:-75px}.w-story .card.wide{width:220px;height:226px;margin-left:-110px}.w-story .rg{width:40px;height:40px}
 .w-blog .bc{height:200px;width:110px}.w-blog .cv{height:100px}
 .w-radio{gap:14px;padding:0 14px}.w-radio .disc{width:96px;height:96px}.w-radio .disc span{width:36px;height:36px}.w-radio b{font-size:15px}
 .w-ui .ol .av{width:26px;height:26px}.w-ui .msgs{gap:5px}}
/* giriş/kayıt sayfası (misafir) */
/* ---- 2.1: kategori çipleri, ilerleme çubuğu, sayaç ---- */
.sxw-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin:0 auto;max-width:100%;flex-wrap:nowrap;justify-content:flex-start;scroll-behavior:smooth}
.sxw-chips::-webkit-scrollbar{display:none}
.sxw-chips button{flex:0 0 auto;white-space:nowrap;border:1px solid var(--bd);background:var(--card);color:var(--mu);border-radius:99px;padding:5px 11px;font:600 12px/1.2 inherit;font-family:inherit;cursor:pointer;transition:background .25s,color .25s}
.sxw-chips button.on{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;border-color:transparent}
.sxw-chips button:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.sxw-bar{display:flex;align-items:center;gap:10px;width:min(480px,100%);margin:4px auto 0}
.sxw-bar .sxw-nav{position:static;margin:0;flex:0 0 30px;width:30px;height:30px;font-size:18px;display:inline-flex;align-items:center;justify-content:center}
.sxw-prog{flex:1;height:6px;border-radius:99px;background:var(--bd);overflow:hidden;position:relative}
.sxw-prog i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--p),var(--p2));transition:width .4s ease}
.sxw-cnt{font:700 12.5px/1 inherit;font-family:inherit;color:var(--mu);white-space:nowrap;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.sxw.rm .sxw-prog i{transition:none}
/* yeni şablonlar */
.w-ui{position:absolute;inset:12px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.w-list{display:flex;flex-direction:column;gap:6px}
.w-list .li{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:7px 10px;box-shadow:var(--sh);animation:sxw-in .5s both}
.w-list .li>div{flex:1;min-width:0;display:flex;flex-direction:column}
.w-list .li b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w-list .li div>span{font-size:11px;color:var(--mu);white-space:nowrap}
.w-list .li em{font-style:normal;font-weight:700;font-size:12px;color:var(--p);white-space:nowrap}
.w-list .lic{font-size:18px;width:28px;text-align:center;flex:0 0 28px}.w-list .lic .av{width:28px;height:28px}
.b1{animation-delay:.1s!important}.b2{animation-delay:.35s!important}.b3{animation-delay:.6s!important}.b4{animation-delay:.85s!important}.b5{animation-delay:1.1s!important}
@keyframes sxw-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.neg{color:#dc2626}.okb{background:var(--p);color:#fff;border-radius:99px;padding:3px 9px;font-size:11px}
.pb{display:block;height:5px;border-radius:9px;background:var(--bd);margin-top:4px;overflow:hidden}.pb i{display:block;height:100%;width:var(--w,0);background:linear-gradient(90deg,var(--p),var(--p2))}
.pb i.grow{animation:sxw-grow 2.4s .3s both}@keyframes sxw-grow{from{width:10%}to{width:100%}}
.sys{text-align:center;font-size:12px;font-weight:700;color:#059669;animation:sxw-in .5s 2.6s both}
.pin{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:6px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:sxw-in .5s both}
.ntf{align-self:center;background:var(--p);color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:5px 12px;animation:sxw-in .5s both}
.rxs{display:flex;gap:4px;margin-top:4px}.rxs i{font-style:normal;font-size:11px;background:var(--bg2);border:1px solid var(--bd);border-radius:99px;padding:1px 6px}
.qt{display:block;font-style:normal;font-size:11px;color:var(--mu);border-left:3px solid var(--p);padding-left:6px;margin-bottom:3px}
.mn{color:var(--p)}.yes,.no{font-weight:400}.pt{color:#059669}
.seen{display:block;font-style:normal;font-size:10px;opacity:.8;text-align:right}
.wave{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.wave i{display:inline-block;width:3px;border-radius:2px;background:currentColor;height:6px;animation:sxw-wv 1s infinite alternate}
.wave i:nth-child(3n){height:12px;animation-delay:.2s}.wave i:nth-child(4n){height:9px;animation-delay:.4s}@keyframes sxw-wv{to{transform:scaleY(1.6)}}
.imgb{display:block;position:relative;width:150px;height:90px;border-radius:12px;overflow:hidden;background:linear-gradient(#7dd3fc,#c4b5fd)}
.sun{position:absolute;width:26px;height:26px;border-radius:50%;background:#fde047;top:12px;right:18px}.hill{position:absolute;left:-10%;right:-10%;bottom:-40%;height:70%;border-radius:50%;background:#34d399}
.bigemo{font-size:42px;line-height:1}.gif{display:inline-block;background:linear-gradient(90deg,#f472b6,#a78bfa);color:#fff;font-weight:800;padding:14px 20px;border-radius:12px}
.w-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.w-win .cup{font-size:56px;animation:sxw-pop .6s both}.w-win>b{font-size:18px}.w-win em{font-style:normal;font-weight:700;color:var(--p)}
.w-win .wn{display:flex;align-items:center;gap:6px;background:var(--card);padding:6px 12px;border-radius:99px;border:1px solid var(--bd)}
.cf2{position:absolute;inset:0;pointer-events:none}.cf2 i{position:absolute;font-style:normal;font-size:20px;animation:sxw-fl 3s infinite}
.cf2 i:nth-child(1){left:12%;top:20%}.cf2 i:nth-child(2){right:14%;top:18%;animation-delay:.6s}.cf2 i:nth-child(3){left:18%;bottom:16%;animation-delay:1.2s}.cf2 i:nth-child(4){right:16%;bottom:20%;animation-delay:1.8s}
@keyframes sxw-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes sxw-fl{50%{transform:translateY(-10px) rotate(10deg)}}
.w-word .wd{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:8px}.wr{display:flex;gap:5px}
.wr span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:800;border-radius:8px;color:#fff;animation:sxw-pop .4s both}
.wr span.g{background:#10b981}.wr span.y{background:#f59e0b}.wr span.x{background:#94a3b8}.wr.r1 span{animation-delay:.5s}.wr.r2 span{animation-delay:1s}
.w-daily{position:absolute;inset:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:center}
.dd{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:8px 2px;font-size:11px}
.dd i{font-style:normal;font-size:20px}.dd em{font-style:normal;font-weight:700;color:var(--p)}.dd.got{opacity:.55}.dd.now{border-color:var(--p);box-shadow:0 0 0 3px rgba(236,72,153,.25);animation:sxw-pop .6s .3s both}
.w-rw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.rwh{display:flex;align-items:center;gap:10px}.lvb{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;font-weight:800;border-radius:99px;padding:5px 12px}
.rwi{font-size:44px;animation:sxw-pop .6s both}.rwt{font-size:17px}.rwd{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:8px;animation:sxw-in .5s .5s both}
.nm-demo{font-weight:800;font-size:16px}.nm-demo.glow{color:#a21caf;text-shadow:0 0 8px #f0abfc,0 0 16px #f0abfc}.msg-demo{font-size:13px;color:var(--mu)}
.fr-demo .av{width:54px;height:54px;font-size:22px;box-shadow:0 0 0 3px #22d3ee,0 0 14px #a78bfa,0 0 24px #22d3ee}
.stk-demo i{font-style:normal;font-size:30px;display:inline-block;animation:sxw-pop .5s both}.stk-demo i:nth-child(2){animation-delay:.2s}.stk-demo i:nth-child(3){animation-delay:.4s}.stk-demo i:nth-child(4){animation-delay:.6s}
.crown-demo{position:relative;display:inline-block}.crown-demo .av{width:50px;height:50px}.crown-demo em{position:absolute;left:50%;top:-18px;margin-left:-13px;width:26px;height:22px;fill:#f59e0b}
.w-story .st-ed{position:absolute;inset:12px auto 12px 50%;width:170px;margin-left:-85px;border-radius:18px;overflow:hidden;background:linear-gradient(#7dd3fc,#c4b5fd)}
.st-ed .ph{position:absolute;inset:0}.st-ed .poll{position:absolute;left:12px;right:12px;top:30%;background:rgba(255,255,255,.92);color:#1f1530;border-radius:12px;padding:8px;font-size:11px;display:flex;flex-direction:column;gap:4px;animation:sxw-in .5s .4s both}
.st-ed .poll span{display:flex;justify-content:space-between;background:#f3e8ff;border-radius:8px;padding:3px 6px}.st-ed .tools{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:5px}
.st-ed .tools i{font-style:normal;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.w-hl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}
.w-hl span{display:flex;flex-direction:column;align-items:center;gap:5px;animation:sxw-pop .5s both}.w-hl i{font-style:normal;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--card);box-shadow:0 0 0 2px var(--bg2),0 0 0 4px var(--p)}
.w-hl b{font-size:11px;white-space:nowrap}.w-hl .h1{animation-delay:.15s}.w-hl .h2{animation-delay:.3s}.w-hl .h3{animation-delay:.45s}.w-hl .h4{animation-delay:.6s}
.w-ed{position:absolute;inset:14px;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.w-ed .tb{display:flex;gap:10px;align-items:center;font-size:13px;border-bottom:1px solid var(--bd);padding-bottom:6px}.w-ed .sv{margin-left:auto;font-style:normal;font-size:11px;color:#059669}
.w-ed .tt{font-size:18px;font-weight:800}.w-ed .tx{font-size:13px;white-space:nowrap;overflow:hidden}.w-ed .tw{display:inline-block;overflow:hidden;vertical-align:bottom;animation:sxw-type 2.6s steps(40) both;white-space:nowrap}
.w-ed .cr{display:inline-block;width:2px;height:14px;background:var(--p);animation:sxw-bl .8s infinite}.w-ed .ln{height:8px;border-radius:5px;background:var(--bd)}.w-ed .ln.s{width:60%}
@keyframes sxw-type{from{max-width:0}to{max-width:100%}}@keyframes sxw-bl{50%{opacity:0}}
.w-code{position:absolute;inset:14px;background:#1e1b2e;border-radius:14px;overflow:hidden;color:#e2e8f0}.w-code .ch{display:flex;gap:5px;align-items:center;padding:8px 10px;background:#2a2640}
.w-code .ch i{width:9px;height:9px;border-radius:50%;background:#f87171}.w-code .ch i+i{background:#fbbf24}.w-code .ch i+i+i{background:#34d399}.w-code .ch span{margin-left:auto;font-size:11px;color:#a5b4fc}
.w-code pre{margin:0;padding:12px 14px;font:12.5px/1.6 ui-monospace,Menlo,monospace;white-space:pre}.w-code .k{color:#c084fc}.w-code .f{color:#60a5fa}.w-code .v{color:#fca5a5}.w-code .s{color:#86efac}.w-code .c{color:#94a3b8;font-weight:400}
.w-media{position:absolute;inset:16px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.w-media span{border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--card);border:1px solid var(--bd);position:relative;overflow:hidden;animation:sxw-pop .5s both}
.w-media .m1{grid-row:span 2;background:linear-gradient(#7dd3fc,#c4b5fd)}.w-media .m2{animation-delay:.2s}.w-media .m3{animation-delay:.4s}.w-media em{position:absolute;left:10px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;background:#059669;color:#fff;border-radius:99px;padding:3px 9px}
.w-cats{position:absolute;inset:0;display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:center;padding:16px}
.w-cats span{white-space:nowrap;border-radius:99px;padding:7px 13px;font-weight:700;font-size:13px;background:var(--k);color:#fff;animation:sxw-pop .45s both}
.w-cats.bdgs span{padding:0;transform:scale(1.4);margin:10px}
.w-cats .k1{animation-delay:.1s}.w-cats .k2{animation-delay:.2s}.w-cats .k3{animation-delay:.3s}.w-cats .k4{animation-delay:.4s}.w-cats .k5{animation-delay:.5s}.w-cats .k6{animation-delay:.6s}.w-cats .k7{animation-delay:.7s}
.w-auth{position:absolute;inset:14px;background:var(--card);border:1px solid var(--bd);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.w-auth .cov{width:100%;height:42%;background:linear-gradient(120deg,var(--p),var(--p2),#22d3ee)}.w-auth .av.big{width:64px;height:64px;font-size:24px;margin-top:-34px;box-shadow:0 0 0 4px var(--card)}
.w-auth>b{font-size:16px;display:flex;align-items:center;gap:6px}.w-auth>span{font-size:12px;color:var(--mu)}.w-auth .fl{border:0;border-radius:99px;padding:6px 16px;background:var(--p);color:#fff;font-weight:700;font-family:inherit;animation:sxw-pop .5s .6s both}
.w-acts{position:absolute;inset:16px;display:flex;flex-direction:column;gap:10px;justify-content:center}.w-acts .pc{background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden}
.w-acts .cv{display:block;height:90px;background:linear-gradient(120deg,#22d3ee,var(--p2))}.w-acts .pc b{display:block;padding:8px 12px}
.w-acts .ab{display:flex;gap:8px;justify-content:center}.w-acts .ab span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:var(--card);border:1px solid var(--bd);border-radius:99px;padding:5px 11px;font-size:12px;font-weight:700;animation:sxw-pop .45s both}
.w-acts .ab svg{width:14px;height:14px;fill:#ef4444}.w-acts .a2{animation-delay:.3s!important}.w-acts .a3{animation-delay:.6s!important}
.w-theme{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px}
.w-theme span{width:120px;height:150px;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:24px;align-items:center;justify-content:flex-end;box-shadow:var(--sh)}
.w-theme i{display:block;width:100%;height:12px;border-radius:6px}.w-theme .lt{background:#fff;border:1px solid #e9d5ff}.w-theme .lt i{background:#f3e8ff}.w-theme .dkm{background:#1d1826}.w-theme .dkm i{background:#3b3150}
.w-lang{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.w-lang span{width:200px;white-space:nowrap;text-align:center;border-radius:14px;padding:10px;font-weight:700;background:var(--card);border:1px solid var(--bd)}.w-lang .on{border-color:var(--p);box-shadow:0 0 0 3px rgba(236,72,153,.22)}
.w-phone{position:absolute;left:50%;top:10px;bottom:-30px;width:180px;margin-left:-90px;border-radius:28px;border:6px solid #1f1530;overflow:hidden;background:var(--bg2)}
.w-phone .scr{position:absolute;inset:0;transform:scale(.62);transform-origin:top left;width:161%;height:161%}
.w-guest{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.w-guest .gi{font-size:46px;animation:sxw-wave 1.4s infinite;transform-origin:70% 70%}@keyframes sxw-wave{50%{transform:rotate(18deg)}}
.w-guest .in{width:220px;border:1px solid var(--bd);background:var(--card);border-radius:12px;padding:9px 12px;color:var(--mu);font-size:13px}
.w-guest .gb{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;border-radius:99px;padding:8px 20px;font-weight:700}
.sxw.rm .sxw-s *,.sxw.rm .sxw-chips *{animation:none!important;transition:none!important}
/* ---- giriş sayfası: eski hero gizli (silinmedi), vitrin sütunun doğal parçası ---- */
.main_window .background:has(.sxw-ehost){position:relative;background:linear-gradient(160deg,#fdf2f8 0%,#f5f3ff 55%,#ecfeff 100%)!important}
body.dark_mode .main_window .background:has(.sxw-ehost),.main_window .background:has(.dk-host){background:linear-gradient(160deg,#1b1326 0%,#16112a 60%,#0f1a24 100%)!important}
.main_window .background:has(.sxw-ehost)>:not(.sxw-ehost){display:none!important}
.main_window .background:has(.sxw-ehost):before,.main_window .background:has(.sxw-ehost):after{display:none!important}
.sxw-ehost.big{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:28px 32px;overflow-y:auto}
.sxw-ehost.big .sxw{--ih:clamp(260px,calc(100vh - 330px),400px);width:min(720px,100%);background:none;border:0;box-shadow:none;padding:0}
.sxw-ehost.big .sxw-ill{width:min(600px,100%)}.sxw-ehost.big .sxw-chips{justify-content:safe center}
.sxw-ehost.big .sxw h3{font-size:26px}.sxw-ehost.big .sxw p{font-size:15px}
.sxw-ehost.big .sxw-bar{width:min(600px,100%)}
.sxw-ehost:not(.big){padding:8px 4px 2px}
.sxw-ehost:not(.big) .sxw{--ih:190px;background:none;border:0;padding:0}
.sxw-ehost:not(.big) .sxw-vp{height:calc(var(--ih) + 118px)}
.sxw-ehost:not(.big) .sxw h3{font-size:16px;margin-top:9px}.sxw-ehost:not(.big) .sxw p{font-size:12px;margin-bottom:8px}.sxw-ehost:not(.big) .sxw-go{padding:6px 14px;font-size:12.5px}
.sxw-ehost:not(.big) .sxw-chips button{padding:4px 9px;font-size:11px}
.sxw-have{text-align:center;margin-top:10px;font-size:13px;color:var(--mu);white-space:nowrap}
.sxw-have .sxw-login{border:0;background:none;color:var(--p);font:700 13px/1 inherit;font-family:inherit;cursor:pointer;padding:4px 6px;text-decoration:underline;text-underline-offset:3px}
.sxw-have .sxw-login:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:6px}
.sxw-chips{contain:inline-size;width:100%}.sxw{min-width:0;max-width:100%}
/* ---- 2.2 · tam ekran canlı sahne ---- */
.sxw-chips{display:none!important}
.sxw{width:100%;max-width:none;display:flex;flex-direction:column}
.welcome_screen .sxw-host:has(.sxw){width:100%;max-width:none}
.welcome_screen .sxw .sxw-vp{height:clamp(470px,calc(100vh - 230px),820px)}
.sxw-vp{border-radius:26px;overflow:hidden;isolation:isolate}
.sxw .sxw-s{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:stretch;padding:24px 28px;transform:translateX(30px);text-align:left}
.sxw .sxw-s.on{transform:none}
.st-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#fdf2f8,#f5f3ff 50%,#ecfeff);overflow:hidden}
.sxw.dk .st-bg,body.dark_mode .sxw .st-bg{background:linear-gradient(150deg,#1d1030,#140f2a 55%,#0b1d2a)}
.st-bg .bl{position:absolute;width:46%;aspect-ratio:1;border-radius:50%;filter:blur(40px);opacity:.55;will-change:transform;animation:st-drift 14s ease-in-out infinite alternate}
.st-bg .a{background:#f472b6;left:-10%;top:-15%}.st-bg .b{background:#a78bfa;right:-12%;top:20%;animation-duration:18s}.st-bg .c{background:#22d3ee;left:30%;bottom:-25%;animation-duration:22s}
@keyframes st-drift{to{transform:translate3d(60px,40px,0) scale(1.15)}}
.st-fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.st-fx .fl{position:absolute;bottom:-40px;font-style:normal;font-size:26px;will-change:transform,opacity;animation:st-up 3s ease-out forwards}
.st-fx .fl.big{font-size:44px;filter:drop-shadow(0 0 10px rgba(236,72,153,.55))}
@keyframes st-up{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate3d(var(--dx),-115%,0) rotate(20deg) scale(1.1);opacity:0}}
.st-fx .fl{bottom:0}.sxw-vp .st-fx .fl{animation-name:st-up2}
@keyframes st-up2{0%{transform:translate3d(0,40px,0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate3d(var(--dx),-520px,0) rotate(20deg) scale(1.1);opacity:0}}
.st-chat{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(167,139,250,.35);box-shadow:0 20px 50px rgba(124,58,237,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}
.sxw.dk .st-chat,body.dark_mode .sxw .st-chat{background:rgba(30,22,48,.62);border-color:rgba(167,139,250,.3)}
.st-hd{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--bd);white-space:nowrap}
.st-hd .ic{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:800}
.st-hd .ic .av{width:30px;height:30px}.st-hd b{font-size:15px;overflow:hidden;text-overflow:ellipsis}.st-hd em{font-style:normal;font-size:12px;color:var(--mu)}
.st-hd .live{margin-left:auto;font-size:11px;font-weight:800;color:#ef4444;animation:st-bl 1.4s infinite}@keyframes st-bl{50%{opacity:.35}}
.vinyl{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#f472b6 0 18%,#111 19% 30%,#2a2a2a 31% 40%,#111 41% 60%,#2a2a2a 61% 70%,#111 71%);animation:st-spin 2.2s linear infinite;display:block}@keyframes st-spin{to{transform:rotate(360deg)}}
.st-hd .ic:has(.vinyl){background:none}
.eq{margin-left:auto;display:flex;gap:3px;align-items:flex-end;height:20px}.eq i{width:4px;height:100%;border-radius:2px;background:linear-gradient(var(--p),var(--p2));transform-origin:bottom;animation:st-eq .9s ease-in-out infinite alternate}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.45s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.6s}@keyframes st-eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.st-ms{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 14px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22%);mask-image:linear-gradient(transparent,#000 22%)}
.sm{display:flex;gap:8px;align-items:flex-end;max-width:88%;animation:st-in .45s cubic-bezier(.2,.9,.3,1.2) both;flex-shrink:0}
.sm .av{width:30px;height:30px;flex:0 0 30px}
.sm .bb{background:var(--card);border:1px solid var(--bd);border-radius:16px 16px 16px 4px;padding:6px 11px;font-size:13.5px;box-shadow:var(--sh);position:relative;min-width:0}
.sm .nm{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;margin-bottom:1px}.sm .nm .bdg{transform:scale(.85);transform-origin:left}
.sm.me{align-self:flex-end}.sm.me .bb{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:16px 16px 4px 16px}
.sm.sys,.sm.board{align-self:center;max-width:94%}.sm.sys .bb,.sm.board .bb{background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(236,72,153,.2));font-weight:700}
.sm .rx{position:absolute;right:-6px;bottom:-11px;font-size:11px;background:var(--card);border:1px solid var(--bd);border-radius:99px;padding:0 6px;animation:sxw-pop .4s .35s both;white-space:nowrap}
.sm .ok{color:#059669}.sm .nok{color:#dc2626}.sm .seen{display:block;font-style:normal;font-size:10px;opacity:.85;text-align:right}
.sm .tiles{display:flex;gap:4px;margin-top:5px}.sm .tiles i{font-style:normal;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#10b981;color:#fff;font-weight:800;animation:sxw-pop .4s both}
.sm .poll{display:flex;flex-direction:column;gap:4px;margin-top:6px;min-width:190px}.sm .poll span{position:relative;border-radius:8px;background:var(--bg2);overflow:hidden;font-size:12px;padding:3px 8px}
.sm .poll span i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,rgba(236,72,153,.35),rgba(139,92,246,.35));transform-origin:left;animation:st-w 1.2s ease-out both}.sm .poll b{position:relative}
@keyframes st-w{from{transform:scaleX(0)}}
.sm .cd{display:block;height:5px;border-radius:9px;background:var(--bd);margin-top:6px;overflow:hidden}.sm .cd i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);transform-origin:left;animation:st-cd 1.6s linear both}@keyframes st-cd{to{transform:scaleX(0)}}
@keyframes st-in{from{opacity:0;transform:translate3d(0,24px,0) scale(.92)}to{opacity:1;transform:none}}
.st-ty{height:0;overflow:hidden;padding:0 16px;font-size:12px;color:var(--mu);transition:height .2s;white-space:nowrap}.st-ty.on{height:26px}
.st-ty .dots{display:inline-flex;gap:3px;margin-left:5px}.st-ty .dots i{width:5px;height:5px;border-radius:50%;background:var(--p);animation:st-dt 1s infinite}.st-ty .dots i:nth-child(2){animation-delay:.15s}.st-ty .dots i:nth-child(3){animation-delay:.3s}
@keyframes st-dt{50%{transform:translateY(-4px);opacity:.4}}
.st-side{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;text-align:center}
.st-side .sxw-ill{width:100%;max-width:460px;box-shadow:0 24px 60px rgba(124,58,237,.28),0 0 0 1px rgba(167,139,250,.35);animation:st-float 6s ease-in-out infinite;will-change:transform}
@keyframes st-float{50%{transform:translate3d(0,-10px,0) rotate(-.6deg)}}
.st-side h3{font-size:26px;margin:18px 0 4px;background:linear-gradient(90deg,var(--p),var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.st-side p{white-space:nowrap}
.sxw-bar{width:min(560px,100%)}
.sxw-snd{align-self:center;margin-top:6px;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:99px;padding:5px 12px;font:600 12px inherit;font-family:inherit;cursor:pointer}
/* giriş sayfası tam sütun */
.sxw-ehost.big{padding:18px 22px 14px;justify-content:stretch}
.sxw-ehost.big .sxw{flex:1;min-height:0;width:100%;--ih:clamp(240px,calc(100vh - 380px),360px)}
.sxw-ehost.big .sxw-vp{flex:1;height:auto;min-height:440px}
.sxw-ehost.big .sxw-ill{width:100%}
/* dar: tek sütun, sohbet akışı + başlık */
@media (max-width:900px){.welcome_screen .sxw .sxw-s{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:14px;gap:10px}.welcome_screen .sxw .st-side .sxw-ill{display:none}}
.sxw-ehost:not(.big) .sxw-vp{height:470px}
.sxw-ehost:not(.big) .sxw-s{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:12px;gap:8px}
.sxw-ehost:not(.big) .st-side .sxw-ill{display:none}
.sxw-ehost:not(.big) .st-side h3,.welcome_screen .sxw-s .st-side h3{margin-top:4px}
@media (max-width:560px){.sxw .st-side h3{font-size:19px}.sxw .st-side p{font-size:12.5px;margin-bottom:6px}.sm .bb{font-size:12.5px}}
.sxw.rm .st-bg *,.sxw.rm .st-side .sxw-ill,.sxw.rm .eq i,.sxw.rm .vinyl,.sxw.rm .sm,.sxw.rm .st-fx *{animation:none!important}
.sm .bb{max-width:100%}.sm .bb>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm{max-width:92%}.sm .bb>span:has(.poll),.sm .bb>span:has(.tiles){white-space:nowrap}
.sxw-vp{container-type:inline-size}
@container (max-width:780px){.sxw .sxw-s{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto;padding:14px;gap:10px}.sxw .st-side .sxw-ill{display:none}.sxw .st-side h3{font-size:21px;margin-top:2px}}
/* ---- 2.3 · benzersiz sahneler ---- */
.st-fx,.st-hd .live{display:none!important}
.st-bg{background:linear-gradient(150deg,hsl(var(--h) 90% 96%),hsl(calc(var(--h) + 40) 80% 94%) 55%,hsl(calc(var(--h) + 90) 85% 95%))}
.sxw.dk .st-bg,body.dark_mode .sxw .st-bg{background:linear-gradient(150deg,hsl(var(--h) 45% 13%),hsl(calc(var(--h) + 40) 40% 10%) 55%,hsl(calc(var(--h) + 90) 45% 12%))}
.st-bg .a{background:hsl(var(--h) 85% 65%)}.st-bg .b{background:hsl(calc(var(--h) + 120) 85% 65%)}.st-bg .c{display:none}
.sxw .sxw-s{--a:hsl(var(--hh,280) 75% 55%)}
.st-hd .ic{background:hsl(calc(var(--h,280)) 70% 55%)}
.sxw .sxw-s:has(.lay1),.sxw .sxw-s:has(.lay3){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.sxw .sxw-s:has(.lay1) .st-chat,.sxw .sxw-s:has(.lay3) .st-chat{order:2}
.st-side{gap:6px}.st-side h3{font-size:30px}.st-side p{font-size:15px;color:var(--mu)}
.lay2{border-radius:8px!important}.lay3{border-radius:34px!important}
.st-top{padding:10px 14px 0}
.it{animation:st-in .45s cubic-bezier(.2,.9,.3,1.2) both;flex-shrink:0}
.st-ms{gap:8px}
.st-ms .rx{animation:sxw-pop .35s .25s both}
/* chat varyantları */
.v-bubble .sm .bb{border-radius:22px;background:hsl(var(--h,280) 80% 92%)}.sxw.dk .v-bubble .sm .bb{background:rgba(255,255,255,.08)}
.v-side .st-ms{align-items:stretch}.v-side .sm{max-width:100%;border-left:3px solid var(--p);padding-left:6px}.v-side .sm .bb{background:none;border:0;box-shadow:none;padding:2px 4px}
.v-react .sm .rx{font-size:13px;padding:1px 8px}
.v-mention .mn{color:var(--p)}
.v-theme{background:linear-gradient(90deg,rgba(255,255,255,.85) 50%,rgba(20,14,34,.9) 50%)!important}.v-theme .sm:nth-child(even){align-self:flex-end}
/* soru-cevap */
.qa{display:flex;gap:8px;align-items:flex-start}.qa>div{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:6px 11px;min-width:0}.qa b{display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap}.qa span{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa.a{margin-left:28px}.qa.a>div{border-color:#10b981;background:rgba(16,185,129,.1)}
/* anket */
.pq{font-weight:800;font-size:15px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po{display:flex;flex-direction:column;gap:6px}
.po span{position:relative;border-radius:10px;background:var(--bg2);padding:7px 10px;overflow:hidden}.po i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:hsl(var(--h,280) 80% 70% / .45);animation:st-w 1.4s both}.po b{position:relative}
.vt{display:flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap}.vt .av{width:22px;height:22px}.vt em{font-style:normal;font-weight:700;color:var(--p)}
/* quiz */
.v-quiz{background:linear-gradient(160deg,#1e1b4b,#312e81)!important;color:#fff}.v-quiz .st-hd em{color:#c7d2fe}
.qz-t{display:flex;align-items:center;gap:10px}.ring{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,.2);position:relative}.ring i{position:absolute;inset:-4px;border-radius:50%;border:4px solid #fbbf24;border-right-color:transparent;animation:st-spin 1.6s linear infinite}
.qq{font-size:17px;font-weight:800;background:rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa2{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:12px;padding:6px 10px;white-space:nowrap}.qa2 .av{width:24px;height:24px}.qa2 span{flex:1;overflow:hidden;text-overflow:ellipsis}.qa2.ok{background:rgba(16,185,129,.25)}.qa2.no{background:rgba(239,68,68,.18)}.qa2 em{font-style:normal;font-weight:800}
/* düello */
.v-duel{background:linear-gradient(120deg,#7f1d1d,#1e3a8a)!important;color:#fff}.dl{display:flex;align-items:center;justify-content:space-around}.dl span{display:flex;flex-direction:column;align-items:center;gap:3px}.dl .av{width:46px;height:46px}.dl b{font-size:12px;white-space:nowrap}.dl em{font-style:normal;font-size:26px;font-weight:900}.dl em.pop{animation:sxw-pop .4s}.dl>i{font-style:normal;font-weight:900;font-size:22px;color:#fbbf24}
.dr{background:rgba(255,255,255,.1);border-radius:12px;padding:6px 10px;display:flex;flex-direction:column;font-size:12px;white-space:nowrap;overflow:hidden}.dr b{color:#86efac}
/* liderlik / kürsü */
.br{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:6px 10px;white-space:nowrap}.br .rk{width:22px;font-weight:900;color:var(--p)}.br .av{width:26px;height:26px}.br b{flex:1;overflow:hidden;text-overflow:ellipsis}.br em{font-style:normal;font-weight:700;color:var(--mu)}
.pd{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:150px}.pd span{display:flex;flex-direction:column;align-items:center;gap:3px;width:92px;border-radius:12px 12px 0 0;background:hsl(var(--h,280) 70% 60% / .35);padding:8px 4px}.pd .p0{height:140px}.pd .p1{height:110px}.pd .p2{height:90px}.pd b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}.pd i{font-style:normal;font-size:22px}
.cg{display:flex;align-items:center;gap:7px;font-size:12.5px;white-space:nowrap}.cg .av{width:22px;height:22px}.cg span{overflow:hidden;text-overflow:ellipsis}
/* kelime */
.v-word{background:linear-gradient(160deg,#064e3b,#065f46)!important;color:#fff}.tb{display:flex;gap:6px;justify-content:center}.tb i{font-style:normal;width:40px;height:44px;border-radius:9px;background:#fbbf24;color:#422006;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;animation:sxw-pop .4s both;box-shadow:0 4px 0 #b45309}
.wg{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:12px;padding:6px 10px;white-space:nowrap}.wg .av{width:24px;height:24px}.wg span{flex:1;letter-spacing:.15em;font-weight:800}.wg em{font-style:normal}.wg.ok{background:rgba(16,185,129,.45)}
.v-chain .st-ms{flex-direction:row;flex-wrap:wrap;align-content:flex-end;justify-content:center}.ch{display:flex;flex-direction:column;align-items:center;background:hsl(var(--h,280) 70% 55%);color:#fff;border-radius:14px;padding:8px 12px}.ch b{letter-spacing:.1em}.ch small{font-size:10px;opacity:.85;white-space:nowrap}
.v-wordle .st-ms{align-items:center}.wr{display:flex;gap:5px}.wr span{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;animation:sxw-pop .35s both}.wr .g{background:#10b981}.wr .y{background:#f59e0b}.wr .x{background:#64748b}
/* seviye/xp/görev/takvim */
.v-lvl{background:linear-gradient(160deg,#4c1d95,#be185d)!important;color:#fff}.lu{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border-radius:14px;padding:8px 12px;white-space:nowrap}.lu span{flex:1;overflow:hidden;text-overflow:ellipsis}.lu em{font-style:normal;font-size:24px;animation:sxw-pop .5s both}
.xr{display:flex;gap:8px;align-items:center;font-size:12.5px;border-bottom:1px dashed var(--bd);padding:5px 2px;white-space:nowrap}.xr b{width:40%;overflow:hidden;text-overflow:ellipsis}.xr span{flex:1}.xr em{font-style:normal;font-weight:800;color:#059669}.xr.neg em{color:#dc2626}
.ms{display:flex;flex-direction:column;gap:3px;font-size:12.5px;margin-bottom:6px;white-space:nowrap}.ms .pb{display:block;height:6px;border-radius:9px;background:var(--bd);overflow:hidden}.ms .pb i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--p),var(--p2));animation:st-w 1.2s both;transform-origin:left}
.md{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal span{display:flex;flex-direction:column;align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:6px 0;font-size:11px}.cal span.got{opacity:.5}.cal span.now{border-color:var(--p);box-shadow:0 0 0 3px hsl(var(--h,280) 80% 60% / .35)}.cal em{font-style:normal;color:var(--p);font-weight:700}
/* profil */
.pf{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--card);border-radius:16px;overflow:hidden;padding-bottom:10px}.pf .cv{width:100%;height:70px;background:linear-gradient(120deg,hsl(var(--h,280) 80% 60%),hsl(calc(var(--h,280) + 80) 80% 60%))}
.pf .av.big{width:62px;height:62px;font-size:24px;margin-top:-32px;box-shadow:0 0 0 4px var(--card)}.pf b{font-size:16px;white-space:nowrap}.pf>span{font-size:11.5px;color:var(--mu);white-space:nowrap}
.pf b.namec{color:#db2777}.pf b.glow{color:#a21caf;text-shadow:0 0 8px #f0abfc,0 0 16px #f0abfc}.pf .av.frame{box-shadow:0 0 0 3px #22d3ee,0 0 14px #a78bfa,0 0 24px #22d3ee}
.pv,.bc,.sv,.sk,.vm,.nt,.rq,.al,.li2,.rm2{display:flex;align-items:center;gap:8px;font-size:12.5px;white-space:nowrap;min-width:0}.pv span,.bc span,.nt span,.rq,.al span,.cg span{overflow:hidden;text-overflow:ellipsis}
.pv .av,.bc .av,.sv .av,.vm .av,.li2 .av{width:26px;height:26px;flex:0 0 26px}
/* hikaye */
.sr{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.sr span{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px}.sr .av{width:44px;height:44px;box-shadow:0 0 0 2px var(--card),0 0 0 4px hsl(var(--h,280) 85% 60%)}.sr b{font-size:9.5px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc{position:relative;height:110px;border-radius:14px;overflow:hidden;background:linear-gradient(hsl(var(--h2) 80% 75%),hsl(calc(var(--h2) + 60) 70% 80%))}.sc b{position:absolute;left:10px;bottom:8px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);white-space:nowrap}
.sv em{font-style:normal;margin-left:auto;font-size:18px;animation:sxw-pop .4s both}
.v-stk .st-ms{flex-direction:row;flex-wrap:wrap;align-content:flex-end;gap:12px;justify-content:center}.sk{flex-direction:column}.sk .big{font-size:44px;animation:sxw-pop .45s both}.sk .av{width:22px;height:22px}
/* özel mesaj */
.v-pm .sm{max-width:82%}.v-pm .sm .bb{border-radius:18px 18px 18px 6px}
.v-voice{background:linear-gradient(160deg,#0f172a,#1e293b)!important;color:#fff}.vr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.vr span{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.vr .av{width:46px;height:46px}.vr b{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr .spk .av{box-shadow:0 0 0 3px #22c55e;animation:st-pulse 1.2s infinite}@keyframes st-pulse{50%{box-shadow:0 0 0 7px rgba(34,197,94,.25)}}.vr .mic{position:absolute;right:-4px;top:28px;font-style:normal;font-size:14px}
.vm .wave{color:#a5b4fc}
/* telefon */
.v-phone{max-width:280px;justify-self:center;width:100%;border:8px solid #111827!important;border-radius:36px!important}
/* liste/bildirim/admin */
.li2{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:6px 10px}.li2>div{flex:1;display:flex;flex-direction:column;min-width:0}.li2 span{font-size:11px;color:var(--mu)}.li2 em{font-style:normal;background:var(--p);color:#fff;border-radius:99px;padding:2px 9px;font-size:11px}
.nt{background:var(--card);border-radius:12px;padding:7px 10px;border-left:4px solid hsl(var(--h,280) 80% 60%)}.nt span{flex:1}.nt em{font-style:normal;color:var(--mu);font-size:11px}
.v-admin{background:#0b1220!important;color:#e2e8f0;font-family:ui-monospace,Menlo,monospace}.ad{display:flex;gap:8px}.ad span{flex:1;background:#111c33;border-radius:10px;padding:8px;font-size:12px;white-space:nowrap}.ad b{color:#f87171}.al code{color:#38bdf8}.al{border-bottom:1px solid #1e293b;padding:4px 0}
/* blog/editör/kod/kategori */
.bp{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--bd)}.bp .cv{display:block;height:80px;background:linear-gradient(120deg,hsl(var(--h,280) 80% 65%),hsl(calc(var(--h,280) + 140) 80% 65%))}.bp b{display:block;padding:8px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp small{display:block;padding:0 10px 8px;color:var(--mu)}
.et{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--bd);padding-bottom:6px;font-size:13px}.et em{margin-left:auto;font-style:normal;font-size:11px;color:#059669}.eh{font-size:20px;font-weight:800;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-code{background:#1e1b2e!important;color:#e2e8f0}.v-code .st-hd{border-color:#2a2640}.cb{display:flex;gap:5px;align-items:center}.cb i{width:9px;height:9px;border-radius:50%;background:#f87171}.cb i+i{background:#fbbf24}.cb i+i+i{background:#34d399}.cb span{margin-left:auto;font-size:11px;color:#a5b4fc}
.v-code pre{margin:0;font:12.5px/1.5 ui-monospace,Menlo,monospace;white-space:pre}.v-code .k{color:#c084fc}.v-code .f{color:#60a5fa}.v-code .v{color:#fca5a5}.v-code .s{color:#86efac}.v-code .c{color:#94a3b8;font-weight:400}
.v-cats .st-ms{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px}.ct{white-space:nowrap;border-radius:99px;padding:9px 16px;font-weight:800;background:hsl(var(--k) 75% 55%);color:#fff;animation:sxw-pop .4s both}
/* radyo / odalar */
.v-radio{background:linear-gradient(160deg,#3b0764,#831843)!important;color:#fff}.rd{display:flex;align-items:center;gap:12px}.rd .vinyl{width:64px;height:64px;flex:0 0 64px}.rd>div{flex:1;min-width:0;display:flex;flex-direction:column}.rd b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.rd small{opacity:.8;white-space:nowrap}.rd .eq{height:30px}
.rq{background:rgba(255,255,255,.1);border-radius:12px;padding:7px 10px}
.rm2{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:7px 10px}.rm2>div{display:flex;flex-direction:column;min-width:0}.rm2 span{font-size:11px;color:var(--mu)}.rm2 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:flex!important;align-items:center;justify-content:center;background:hsl(var(--k) 70% 55%);color:#fff!important;font-weight:800;font-size:16px!important}
.sxw.dk .v-theme,.sxw .v-quiz .st-hd,.sxw .v-duel .st-hd,.sxw .v-word .st-hd,.sxw .v-lvl .st-hd,.sxw .v-voice .st-hd,.sxw .v-radio .st-hd,.sxw .v-admin .st-hd{border-color:rgba(255,255,255,.15)}
.v-quiz .st-hd em,.v-duel .st-hd em,.v-word .st-hd em,.v-lvl .st-hd em,.v-voice .st-hd em,.v-radio .st-hd em,.v-admin .st-hd em{color:rgba(255,255,255,.75)}
.sxw .sxw-s{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.sxw .sxw-s:has(.lay1),.sxw .sxw-s:has(.lay3){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.v-voice .vr span,.v-voice .it{opacity:1}
@container (max-width:780px){.st-side h3{font-size:19px}}.st-side h3{white-space:nowrap}
.sxw .st-chat{min-height:320px}
@media (max-width:600px){.sxw .st-side h3{font-size:17px;letter-spacing:-.01em}}
.sxw .sxw-s .st-side h3,.sxw-ehost.big .sxw .st-side h3{font-size:clamp(15px,1.45vw,26px)}@media (max-width:600px){.sxw-ehost .sxw .st-side h3,.sxw .sxw-s .st-side h3{font-size:16px}}
/* 2.4 */
.ph{display:block;width:150px;height:96px;border-radius:12px;background:linear-gradient(160deg,hsl(var(--h2) 75% 70%),hsl(calc(var(--h2) + 50) 70% 45%))}.ph.big{width:100%;height:110px;margin-top:8px}
.v-gif .bb .big{font-size:38px;line-height:1}.gtag{font-style:normal;font-size:10px;font-weight:800;background:#111827;color:#fff;border-radius:6px;padding:1px 5px;margin-left:6px}
.stl{margin-top:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mu)}
.hrt{background:none!important;padding:0!important;font-size:16px}
.v-ctree .bc.rep{margin-left:30px;border-left:2px solid var(--bd);padding-left:8px}
.v-lang .li2>div{flex-direction:row;justify-content:space-between;align-items:center}