:root{padding-top:env(safe-area-inset-top,0px)}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}

/* Layout: tek sütun telefon kabuğu (max 520px). Üstte büyük başlık, ortada kartlı akış, altta yüzen dok + ortada Oluştur. Yuvarlak-kare (squircle) avatarlar, güneş sarısı hikâye çerçevesi. */
:root{
  --bg:#F2F5F2; --surface:#FFFFFF; --surface-2:#E8EEEA; --line:#D9E2DC; --fg:#0F1F1A; --muted:#5B6C65;
  --accent:#0C7A63; --accent-ink:#FFFFFF; --accent-soft:#D9F0E8; --sun:#F5B921; --heart:#E23E57; --ok:#14A06B;
  --scrim:rgba(8,18,14,.5); --shadow:0 12px 32px rgba(10,30,22,.14); --shadow-s:0 4px 16px rgba(10,30,22,.08);
  --f-display:"Unbounded","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:22px; --scale:1;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0A110F; --surface:#111B17; --surface-2:#19261F; --line:#24342D; --fg:#E7F0EB; --muted:#8EA399;
  --accent:#3FD3AB; --accent-ink:#04140F; --accent-soft:#12302A; --sun:#FFCF4D; --heart:#FF6A7F; --ok:#3FD3AB;
  --scrim:rgba(0,0,0,.62); --shadow:0 12px 32px rgba(0,0,0,.5); --shadow-s:0 4px 16px rgba(0,0,0,.35); color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#0A110F; --surface:#111B17; --surface-2:#19261F; --line:#24342D; --fg:#E7F0EB; --muted:#8EA399;
  --accent:#3FD3AB; --accent-ink:#04140F; --accent-soft:#12302A; --sun:#FFCF4D; --heart:#FF6A7F; --ok:#3FD3AB;
  --scrim:rgba(0,0,0,.62); --shadow:0 12px 32px rgba(0,0,0,.5); --shadow-s:0 4px 16px rgba(0,0,0,.35); color-scheme:dark }
html:root[data-app-theme="light"]{
  --bg:#F2F5F2; --surface:#FFFFFF; --surface-2:#E8EEEA; --line:#D9E2DC; --fg:#0F1F1A; --muted:#5B6C65;
  --accent:#0C7A63; --accent-ink:#FFFFFF; --accent-soft:#D9F0E8; --sun:#F5B921; --heart:#E23E57; --ok:#14A06B;
  --scrim:rgba(8,18,14,.5); --shadow:0 12px 32px rgba(10,30,22,.14); --shadow-s:0 4px 16px rgba(10,30,22,.08); color-scheme:light }
html:root[data-app-theme="dark"]{
  --bg:#0A110F; --surface:#111B17; --surface-2:#19261F; --line:#24342D; --fg:#E7F0EB; --muted:#8EA399;
  --accent:#3FD3AB; --accent-ink:#04140F; --accent-soft:#12302A; --sun:#FFCF4D; --heart:#FF6A7F; --ok:#3FD3AB;
  --scrim:rgba(0,0,0,.62); --shadow:0 12px 32px rgba(0,0,0,.5); --shadow-s:0 4px 16px rgba(0,0,0,.35); color-scheme:dark }

html{height:100%;height:var(--vvh,100%);box-sizing:border-box;font-size:calc(16px * var(--scale))}
*,*::before,*::after{box-sizing:border-box}
body{height:100%;background:var(--bg);color:var(--fg);font:1rem/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
input,textarea,select{font:inherit;color:var(--fg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
svg.i{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.muted{color:var(--muted)}
.mono{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.02em}
.hidden-input{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}

.shell{height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative}
.hd{flex:none;display:flex;align-items:center;gap:10px;min-height:62px;padding:8px 16px 6px;background:var(--bg);z-index:5}
.hd h1{margin:0;flex:1;min-width:0;font:600 1.3rem/1.15 var(--f-display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd .acts{display:flex;gap:6px;align-items:center}
.ib{position:relative;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:14px;background:var(--surface);border:1px solid var(--line);flex:none}
.ib.plain{background:transparent;border-color:transparent}
.ib:active{transform:scale(.96)}
.ib .dot{position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:var(--heart);border:2px solid var(--surface)}
.cnt-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--heart);color:#fff;font:700 .68rem/20px var(--f-body);text-align:center;border:2px solid var(--bg)}

main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:10px}
main.snap{scroll-snap-type:y mandatory;background:#000;scrollbar-width:none;padding:0}
main.snap::-webkit-scrollbar{display:none}
main.chatmode{display:flex;flex-direction:column;overflow:hidden;padding:0}

/* Dok */
.dock{flex:none;padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg)}
.dock nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-s);padding:6px 4px}
.dock nav>button{position:relative;display:grid;justify-items:center;gap:2px;font-size:.7rem;font-weight:600;color:var(--muted);padding:6px 0 4px;border-radius:16px}
.dock nav>button[aria-current="page"]{color:var(--accent)}
.dock nav>button[aria-current="page"] svg.i{stroke-width:2.4}
.dock .create{width:3.4rem;height:3.4rem;border-radius:20px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;margin-top:-1.6rem;box-shadow:0 10px 22px rgba(12,122,99,.35)}
.dock .create svg.i{width:1.7rem;height:1.7rem;stroke-width:2.4}
.dock .me{width:1.6rem;height:1.6rem;border-radius:32%;overflow:hidden;outline:2px solid transparent;outline-offset:1px}
.dock [aria-current="page"] .me{outline-color:var(--accent)}
.dock .cnt-badge{top:0;right:calc(50% - 22px)}

/* Marka */
.brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.wordmark{font:700 1.45rem/1 var(--f-display);letter-spacing:-.03em}
.vfmark{width:1.4rem;height:1.4rem;color:var(--accent);flex:none}

/* Avatar (squircle) */
.av{--s:44px;position:relative;display:inline-block;width:var(--s);height:var(--s);flex:none}
.av img{width:100%;height:100%;border-radius:32%;object-fit:cover;display:block;background:var(--surface-2)}
.av.ring img{box-shadow:0 0 0 2.5px var(--bg),0 0 0 5px var(--sun)}
.av.ring.seen img{box-shadow:0 0 0 2.5px var(--bg),0 0 0 5px var(--line)}
.av .on{position:absolute;right:-2px;bottom:-2px;width:30%;height:30%;min-width:11px;min-height:11px;border-radius:50%;background:var(--ok);border:2.5px solid var(--surface)}
.tag{display:inline-flex;align-items:center;gap:3px;font:600 .62rem/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent);vertical-align:2px;margin-left:4px}
.tag svg.i{width:.7rem;height:.7rem;stroke-width:2.4}
.uname{font-weight:700}

/* Butonlar, formlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:2.9rem;padding:0 1.2rem;border-radius:16px;font-weight:700;background:var(--accent);color:var(--accent-ink);white-space:nowrap}
.btn:disabled{opacity:.45;cursor:default}
.btn.sec{background:var(--surface-2);color:var(--fg)}
.btn.line{background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.btn.ghost{background:transparent;color:var(--accent);padding:0 .6rem}
.btn.sm{min-height:2.3rem;padding:0 .95rem;font-size:.88rem;border-radius:12px}
.btn.block{width:100%}
.btn.danger{background:transparent;color:var(--heart)}
.btn svg.i{width:1.2rem;height:1.2rem}
.field{display:grid;gap:6px}
.field label,.lbl{font-size:.82rem;font-weight:700;color:var(--muted)}
.in{width:100%;min-height:3rem;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);outline:none}
.in:focus{border-color:var(--accent)}
textarea.in{min-height:5.5rem;padding:12px 14px;resize:vertical}
.err{color:var(--heart);font-size:.88rem;min-height:1em}
.check{display:flex;align-items:center;gap:10px;font-size:.92rem;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--accent)}
.banner{margin:4px 16px 12px;padding:12px 14px;border-radius:16px;background:var(--accent-soft);font-size:.88rem;display:flex;gap:10px;align-items:flex-start}
.banner svg.i{color:var(--accent);width:1.25rem;height:1.25rem;margin-top:1px}

/* Auth */
.auth{min-height:100%;display:flex;flex-direction:column;padding:24px 22px 32px;gap:20px;max-width:440px;margin:0 auto}
.mosaic{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:12.5rem}
.mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:20px}
.mosaic img:nth-child(2){transform:translateY(14px)}
.auth h2{font:600 1.75rem/1.12 var(--f-display);letter-spacing:-.02em;margin:0;text-wrap:balance}
.auth p.lead{margin:8px 0 0;color:var(--muted)}
.auth form{display:grid;gap:14px}
.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.modechip{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;font:500 .7rem/1 var(--f-mono);padding:7px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.modechip i{width:7px;height:7px;border-radius:50%;background:var(--sun)}
.modechip.cloud i{background:var(--ok)}
.avpick{display:flex;align-items:center;gap:14px}
.splash{height:100%;display:grid;place-items:center;align-content:center;gap:16px}
.spin{width:24px;height:24px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* Akış */
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 12px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:2.4rem;padding:0 1rem;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:.9rem}
.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.chip svg.i{width:1.05rem;height:1.05rem}
.stories{display:flex;gap:14px;overflow-x:auto;padding:6px 16px 16px;scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.story{display:grid;justify-items:center;gap:7px;width:4.6rem;flex:none}
.story .n{font-size:.75rem;font-weight:600;max-width:4.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story .plus{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;border:2.5px solid var(--bg)}
.story .plus svg.i{width:13px;height:13px;stroke-width:3}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:0 12px 14px;overflow:hidden}
.card-h{display:flex;align-items:center;gap:10px;padding:12px 10px 10px 14px}
.card-h .who{flex:1;min-width:0;line-height:1.25}
.card-h .who .sub{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media{position:relative;margin:0 10px;border-radius:16px;overflow:hidden;background:var(--surface-2);aspect-ratio:var(--ar,1/1);user-select:none;-webkit-user-select:none;max-width:calc(100% - 20px)}
.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}
.media .badge-k{position:absolute;left:10px;top:10px;display:inline-flex;gap:6px;align-items:center;padding:5px 9px;border-radius:10px;background:rgba(0,0,0,.5);color:#fff;font-size:.75rem;font-weight:700}
.media .badge-k svg.i{width:.95rem;height:.95rem}
.media .playbig{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.media .playbig span{width:3.6rem;height:3.6rem;border-radius:20px;background:rgba(0,0,0,.45);display:grid;place-items:center}
.burst{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;pointer-events:none;animation:burst .8s ease forwards;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.burst svg{width:100%;height:100%;fill:#fff;stroke:none}
@keyframes burst{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.1);opacity:1}45%{transform:scale(.95)}80%{opacity:1}100%{transform:scale(1);opacity:0}}
.note{position:relative;margin:0 10px;border-radius:16px;min-height:12rem;display:grid;place-items:center;padding:28px 22px;text-align:center;font:600 1.25rem/1.35 var(--f-display);color:#fff;text-wrap:balance;overflow-wrap:anywhere}
.poll{margin:0 10px;border-radius:16px;padding:16px;display:grid;gap:9px;background:var(--surface-2)}
.poll .q{font:600 1.05rem/1.3 var(--f-display);margin-bottom:4px;text-wrap:balance}
.popt{position:relative;display:flex;align-items:center;gap:10px;min-height:3rem;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);overflow:hidden;font-weight:600;width:100%;text-align:left}
.popt .bar{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .5s ease}
.popt span{position:relative}
.popt .pc{margin-left:auto;font-variant-numeric:tabular-nums}
.popt.mine{border-color:var(--accent)}
.poll .tot{font-size:.8rem;color:var(--muted)}
.pills{display:flex;align-items:center;gap:8px;padding:10px 12px 2px}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:2.5rem;padding:0 .8rem;border-radius:14px;background:var(--surface-2);font-weight:700;font-size:.88rem;font-variant-numeric:tabular-nums}
.pill svg.i{width:1.25rem;height:1.25rem}
.pill.liked{color:var(--heart)}
.pill.liked svg.i{fill:var(--heart);stroke:var(--heart)}
.pill.saved svg.i{fill:currentColor}
.pills .sp{flex:1}
.pop{animation:pop .3s ease}
@keyframes pop{50%{transform:scale(1.2)}}
.card-b{padding:8px 14px 14px;display:grid;gap:5px;font-size:.95rem}
.card-b .cap{overflow-wrap:anywhere}
.card-b .more{color:var(--muted);font-size:.88rem;text-align:left}
.ht{color:var(--accent);font-weight:600}
.meta-line{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted)}
.follow-link{color:var(--accent);font-weight:700;font-size:.82rem}

.sugg{margin:0 0 14px}
.sec-h{margin:6px 16px 10px;font:600 .95rem/1.2 var(--f-display);display:flex;justify-content:space-between;align-items:center;gap:10px}
.hrow{display:flex;gap:10px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}
.hrow::-webkit-scrollbar{display:none}
.pcard{flex:none;width:9.5rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 10px 12px;display:grid;justify-items:center;gap:6px;text-align:center}
.pcard .n{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Izgara */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px}
.tile{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--surface-2);max-width:100%}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile .k{position:absolute;top:6px;right:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.tile .k svg.i{width:1.1rem;height:1.1rem}
.tile .c{position:absolute;left:7px;bottom:6px;color:#fff;font:700 .72rem/1 var(--f-body);display:flex;gap:4px;align-items:center;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.tile .c svg.i{width:.85rem;height:.85rem}
.tile .tx{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;color:#fff;font:600 .72rem/1.25 var(--f-display);overflow:hidden}
.empty{padding:40px 24px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:10px}
.empty b{color:var(--fg);font:600 1.05rem/1.25 var(--f-display)}
.empty .ic{width:3.6rem;height:3.6rem;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}

/* Liste satırı */
.search{padding:0 16px 12px}
.search .in{padding-left:44px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23889990' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 14px 50%/20px no-repeat}
.row{display:flex;align-items:center;gap:12px;padding:10px 16px;width:100%;text-align:left}
.row .t{flex:1;min-width:0;line-height:1.3}
.row .t>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .t .s{font-size:.85rem;color:var(--muted)}
.row.unread .t .s{color:var(--fg);font-weight:700}
.row:active{background:var(--surface-2)}
.udot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:0 12px 14px;overflow:hidden}
.box .row{padding:12px 14px}
.box .row+.row{border-top:1px solid var(--line)}

/* Sohbet merkezi */
.square{margin:0 12px 14px;border-radius:var(--r);padding:16px;display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,var(--accent),#0a5a8a);color:#fff;width:calc(100% - 24px);text-align:left}
.square .ic{width:3.2rem;height:3.2rem;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.square b{font:600 1.05rem/1.2 var(--f-display);display:block}
.square small{opacity:.88;font-size:.84rem;display:block;margin-top:2px}
.square .live{margin-left:auto;font:600 .7rem/1 var(--f-mono);background:rgba(255,255,255,.2);padding:6px 8px;border-radius:8px;white-space:nowrap}
.here{display:flex;gap:12px;overflow-x:auto;padding:0 16px 14px;scrollbar-width:none}
.here::-webkit-scrollbar{display:none}
.here .p{flex:none;display:grid;justify-items:center;gap:5px;width:4.4rem;font-size:.74rem;font-weight:600;text-align:center}
.here .p .n{max-width:4.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.here .nudge{font-size:.68rem;color:var(--accent);font-weight:700}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 14px}
.quick button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:18px;background:var(--surface);border:1px solid var(--line);font-size:.8rem;font-weight:700;text-align:center}
.quick svg.i{color:var(--accent)}

/* Sohbet */
.msgs{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:6px}
.mrow{display:flex;gap:8px;align-items:flex-end;max-width:86%}
.mrow.me{align-self:flex-end;flex-direction:row-reverse}
.mcol{display:grid;gap:2px;min-width:0}
.mrow.me .mcol{justify-items:end}
.sender{font-size:.72rem;font-weight:700;color:var(--muted);padding-left:6px}
.msg{position:relative;padding:10px 14px;border-radius:20px 20px 20px 6px;background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.95rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.mrow.me .msg{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);border-radius:20px 20px 6px 20px}
.msg.del{font-style:italic;opacity:.65}
.msg.ai{white-space:normal}
.msg.ai p{margin:0 0 8px}.msg.ai p:last-child{margin:0}
.msg.ai pre{background:var(--bg);color:var(--fg);border-radius:10px;padding:10px;overflow-x:auto;font:.78rem/1.5 var(--f-mono);margin:6px 0;white-space:pre}
.msg.ai code{font-family:var(--f-mono);font-size:.86em}
.msg.ai ul{margin:4px 0;padding-left:20px}
.msg .mp{display:block;width:11rem;border-radius:14px;overflow:hidden;background:var(--surface-2);color:var(--fg);text-align:left;margin:-2px -4px 4px}
.msg .mp img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.msg .mp span{display:block;padding:6px 10px;font-size:.78rem;font-weight:700}
.msg img.att{max-width:13rem;border-radius:14px;display:block;margin:-2px -4px 2px}
.react{position:absolute;bottom:-10px;right:10px;display:inline-flex;align-items:center;gap:2px;background:var(--surface);color:var(--heart);border:1px solid var(--line);border-radius:10px;padding:1px 6px;font:700 .68rem/1.4 var(--f-body)}
.react svg{width:.7rem;height:.7rem;fill:var(--heart);stroke:none}
.react{color:var(--fg);cursor:pointer}.react svg.rx{width:.95rem;height:.95rem;margin-right:-3px}.react svg.rx:last-of-type{margin-right:1px}
.rxpick{display:flex;justify-content:space-between;gap:4px;margin:2px 14px 8px;padding:8px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.rxpick button{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;transition:transform .15s}
.rxpick button:active{transform:scale(1.25)}.rxpick button.on{background:var(--surface);box-shadow:0 0 0 2px var(--accent)}
.rxpick svg.rx{width:1.9rem;height:1.9rem}
.rxrow svg.rx{width:1.6rem;height:1.6rem;flex:none}
.msgs.wp .stamp,.msgs.wp .seen{background:var(--surface);padding:4px 9px;border-radius:9px;opacity:.95}
.msgs.wp .sender{background:var(--surface);border-radius:8px;padding:1px 7px;justify-self:start}
.msgs.wp .hero{background:var(--surface);border-radius:22px;margin:0 6px;opacity:.96}
.wpgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:4px 16px 12px}
.wpgrid button{aspect-ratio:9/14;border-radius:14px;border:1px solid var(--line);background-color:var(--bg);display:grid;place-items:end center;padding-bottom:5px;font-size:.66rem;font-weight:700;overflow:hidden}
.wpgrid button.on{box-shadow:0 0 0 3px var(--accent)}
.wpgrid button span{background:var(--surface);border-radius:6px;padding:1px 5px}
.tile .pn{position:absolute;top:6px;left:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.tile .pn svg.i{width:1rem;height:1rem}
.mrow.has-react{margin-bottom:8px}
.seen{align-self:flex-end;font-size:.72rem;color:var(--muted);margin-top:-2px}
.stamp{align-self:center;font:500 .68rem/1 var(--f-mono);color:var(--muted);margin:10px 0 4px}
.typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.composer{flex:none;display:flex;gap:8px;align-items:flex-end;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg)}
.composer textarea{flex:1;min-height:2.9rem;max-height:8rem;border-radius:18px;padding:11px 16px;resize:none;border:1.5px solid var(--line);background:var(--surface);outline:none}
.composer textarea:focus{border-color:var(--accent)}
.composer .send{width:2.9rem;height:2.9rem;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.composer .send svg.i{width:1.3rem;height:1.3rem}
.cchips{display:flex;gap:8px;overflow-x:auto;padding:4px 12px 6px;scrollbar-width:none;flex:none}
.cchips::-webkit-scrollbar{display:none}
.cchips button{flex:none;border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:.84rem;font-weight:600;background:var(--surface)}
.chat-head{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}
.chat-head .t{min-width:0;line-height:1.2}
.chat-head .t div:first-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-head .t div:last-child{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero{display:grid;justify-items:center;text-align:center;gap:8px;padding:18px 18px 10px;color:var(--muted);font-size:.88rem}
.hero b{color:var(--fg);font:600 1.15rem/1.2 var(--f-display)}

/* Profil */
.prof{padding:4px 16px 8px;display:grid;gap:14px}
.prof-top{display:flex;align-items:center;gap:18px}
.stats{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.stats>*{display:grid;justify-items:center;padding:10px 4px;border-radius:16px;background:var(--surface);border:1px solid var(--line);line-height:1.2}
.stats b{font:600 1.05rem/1.2 var(--f-display);font-variant-numeric:tabular-nums}
.stats span{font-size:.74rem;color:var(--muted)}
.prof .bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.93rem}
.prof .btns{display:flex;gap:8px}
.prof .btns .btn{flex:1}
.ptabs{display:flex;gap:8px;padding:6px 16px 12px;overflow-x:auto;scrollbar-width:none}
.ptabs .chip{flex:1 1 0;justify-content:center;min-width:0;padding-inline:.6rem}

/* Reels */
.reel{position:relative;height:100%;width:100%;scroll-snap-align:start;contain:strict;scroll-snap-stop:always;overflow:hidden;background:#000;color:#fff}
.reel video,.reel .slide{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;background:#000;transform:translateZ(0)}
.reel video{object-fit:contain;background:transparent}
.reel .rblur{position:absolute;inset:0;background:#000 center/cover no-repeat}.reel .rblur::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
#main .reel .rprog i{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;transition:transform .2s linear}#main .reel.scrub .rprog i{transition:none!important}
#main .reel .rprog{pointer-events:auto;touch-action:none;transition:height .15s}#main .reel .rprog::before{content:"";position:absolute;left:0;right:0;bottom:-4px;height:30px}
#main .reel.scrub .rprog{height:7px}.reel .rtime{position:absolute;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:4;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:700 .95rem/1 var(--f-mono);pointer-events:none}
.reel .fx-zoom,.reel .fx-pan,.reel .fx-pulse{top:0;left:0;right:0;bottom:0}
.reel .slide{opacity:0;transition:opacity .9s ease}
.reel .slide.on{opacity:1}
.rprev .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.rprev .slide.on{opacity:1}
.fx-zoom .slide.on{animation:fxz 6s ease-out forwards}
.fx-pan .slide.on{animation:fxp 6s linear forwards}
.fx-pulse .slide.on{animation:fxq 1.6s ease-in-out infinite alternate}
@keyframes fxz{from{transform:scale(1)}to{transform:scale(1.22)}}
@keyframes fxp{from{transform:scale(1.25) translateX(-7%)}to{transform:scale(1.25) translateX(7%)}}
@keyframes fxq{from{transform:scale(1.02)}to{transform:scale(1.09)}}
.rtext{position:absolute;left:8%;right:8%;top:38%;text-align:center;font:600 1.6rem/1.2 var(--f-display);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55);text-wrap:balance;pointer-events:none}
.reel .shade{position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.7));pointer-events:none}
.reel .side{position:absolute;right:10px;bottom:calc(6.5rem + env(safe-area-inset-bottom,0px));display:grid;gap:16px;justify-items:center}
.reel .side button{display:grid;justify-items:center;gap:3px;font:700 .75rem/1 var(--f-body);color:#fff}
.reel .side button>span:first-child{width:3rem;height:3rem;border-radius:18px;background:rgba(0,0,0,.35);display:grid;place-items:center}
.reel .side svg.i{width:1.6rem;height:1.6rem}
.reel .side .liked svg.i{fill:#ff6a7f;stroke:#ff6a7f}
.reel .side .saved svg.i{fill:#fff}
.reel .info .ht{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.reel video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.row .s .drf{color:var(--heart);font-weight:600}
.reel .rfast{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:2px;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:700 .9rem/1 var(--f-body);pointer-events:none}.reel .rfast svg.i{width:.8rem;height:.8rem;fill:#fff;stroke:none}.reel .rfast[hidden]{display:none}
@media (max-width:380px){.reel-top .rnew span{display:none}.reel-top .rnew{padding-inline:10px}}
.reel .info{position:absolute;left:14px;right:4.8rem;bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));display:grid;gap:8px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.reel .info .u{display:flex;align-items:center;gap:10px;font-weight:700}
.reel .fbtn{border:1.5px solid rgba(255,255,255,.85);border-radius:10px;padding:4px 10px;font-size:.8rem;font-weight:700}
.reel .c{font-size:.9rem;max-height:4.4em;overflow:hidden}
.reel .aud{display:flex;gap:6px;align-items:center;font-size:.78rem;opacity:.92}
.reel .aud svg.i{width:.95rem;height:.95rem}
.reel-top{position:sticky;top:0;height:0;z-index:3}
.reel-top>div{display:flex;align-items:center;gap:10px;padding:12px 12px 12px}
.reel-top b{flex:1;font:600 1.2rem/1 var(--f-display);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.reel-top .ib{background:rgba(0,0,0,.35);border:0;color:#fff}

/* Katmanlar */
#overlay{position:fixed;inset:0;z-index:50;pointer-events:none}
#overlay{bottom:auto;height:var(--vvh,100%)}
.msgs{overscroll-behavior:contain}
main.chatmode:has(textarea:focus) .cchips{display:none}
.composer:focus-within{padding-bottom:10px}
.mrow .avb{flex:none;border-radius:50%}
.sender{display:block;text-align:left}
.sender .muted{font-weight:500}
.stamp.sysn{font-family:var(--f-body);font-size:.78rem;max-width:80%;margin:4px auto;text-align:center;opacity:.85}
.layer{position:absolute;inset:0;pointer-events:none}
.scrim{position:absolute;inset:0;background:var(--scrim);pointer-events:auto;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.sheet{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:520px;max-height:88%;display:flex;flex-direction:column;background:var(--bg);border-radius:26px 26px 0 0;pointer-events:auto;animation:up .25s ease;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow)}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:9px auto 6px;flex:none}
.sheet h4{margin:4px 18px 12px;font:600 1.05rem/1.2 var(--f-display);flex:none;display:flex;align-items:center;gap:10px}
.sheet h4 span{flex:1}
.sheet .body{overflow-y:auto;flex:1;min-height:0;padding-bottom:12px}
.opt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;text-align:left}
.opt:active{background:var(--surface-2)}
.opt.red{color:var(--heart)}
.full{position:absolute;inset:0;margin:0 auto;max-width:520px;background:var(--bg);pointer-events:auto;display:flex;flex-direction:column;animation:up .2s ease;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}
.full .body{flex:1;min-height:0;overflow-y:auto;padding-bottom:20px}
.dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100% - 32px));background:var(--bg);border-radius:24px;pointer-events:auto;padding:22px 18px 14px;display:grid;gap:10px;text-align:center;box-shadow:var(--shadow)}
.dialog b{font:600 1.1rem/1.25 var(--f-display)}
.dialog p{margin:0;color:var(--muted);font-size:.92rem}
.dialog .btns{display:grid;gap:6px;margin-top:6px}
.cmt{display:flex;gap:10px;padding:8px 16px;align-items:flex-start}
.cmt .t{flex:1;min-width:0;font-size:.92rem;overflow-wrap:anywhere}
.cmt .t small{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}

/* Oluştur */
.ctiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 8px}
.ctile{display:grid;gap:10px;justify-items:start;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-align:left}
.ctile .ic{width:2.9rem;height:2.9rem;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--c,var(--accent))}
.ctile b{font:600 .95rem/1.2 var(--f-display)}
.ctile small{color:var(--muted);font-size:.8rem;line-height:1.3}
.srcs{display:grid;gap:8px;padding:0 16px 10px}
.src{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-align:left;width:100%}
.src .ic{width:2.6rem;height:2.6rem;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.src b{display:block;font-weight:700}
.src small{color:var(--muted);font-size:.8rem}
.pastebox{margin:4px 16px 10px;border:1.5px dashed var(--line);border-radius:18px;padding:16px;text-align:center;color:var(--muted);font-size:.85rem;outline:none;min-height:3.5rem}
.pastebox:focus{border-color:var(--accent)}
.pastebox svg.i{width:1.3rem;height:1.3rem}
.hint{margin:0 16px 10px;padding:12px 14px;border-radius:16px;background:var(--accent-soft);font-size:.85rem;overflow-wrap:anywhere}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 16px 12px}
.gal button{aspect-ratio:1/1;border-radius:14px;overflow:hidden;position:relative}
.gal img{width:100%;height:100%;object-fit:cover}
.pv{margin:6px 16px;border-radius:18px;overflow:hidden;background:#000;display:grid;place-items:center;max-width:100%}
.pv canvas,.pv video,.pv img{max-width:100%;max-height:48vh;display:block}
.filters{display:flex;gap:10px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;display:grid;gap:5px;justify-items:center;font-size:.74rem;color:var(--muted);font-weight:600}
.filters button img{width:4rem;height:4rem;object-fit:cover;border-radius:14px;border:2.5px solid transparent}
.filters button[aria-pressed="true"]{color:var(--fg)}
.filters button[aria-pressed="true"] img{border-color:var(--accent)}
.form{display:grid;gap:14px;padding:8px 16px 20px}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:16px;background:var(--surface-2)}
.seg button{min-height:2.5rem;border-radius:12px;display:flex;gap:6px;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--muted);padding:0 4px}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-s)}
.seg svg.i{width:1.1rem;height:1.1rem}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatches button{width:2.6rem;height:2.6rem;border-radius:14px;border:3px solid transparent}
.swatches button[aria-pressed="true"]{border-color:var(--fg)}
.slides-pick{display:flex;gap:8px;flex-wrap:wrap}
.slides-pick .s{position:relative;width:4.4rem;height:7.8rem;border-radius:14px;overflow:hidden;background:var(--surface-2)}
.slides-pick .s img{width:100%;height:100%;object-fit:cover}
.slides-pick .s button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center}
.slides-pick .s button svg.i{width:12px;height:12px}
.slides-pick .add{width:4.4rem;height:7.8rem;border-radius:14px;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--accent)}
.rprev{position:relative;width:11rem;max-width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;margin:6px auto;background:#000;color:#fff}
.rprev .rtext{font-size:1rem;top:40%}
.pad{padding:0 16px;user-select:none;-webkit-user-select:none}
.padbar{user-select:none;-webkit-user-select:none}
.pad canvas{width:100%;aspect-ratio:1/1;touch-action:none;border-radius:18px;display:block;border:1px solid var(--line)}
.padbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px 0}
.padbar .col{width:2.1rem;height:2.1rem;border-radius:12px;border:3px solid transparent}
.padbar .col[aria-pressed="true"]{border-color:var(--fg)}
.opts-ed{display:grid;gap:8px}
.opts-ed .r{display:flex;gap:8px}

/* Hikâye görüntüleyici */
.sv{position:absolute;inset:0;margin:0 auto;max-width:520px;background:#000;pointer-events:auto;color:#fff;display:flex;flex-direction:column}
.sv .bars{display:flex;gap:4px;padding:calc(10px + env(safe-area-inset-top,0px)) 10px 0;position:relative;z-index:2}
.sv .bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sv .bars i b{display:block;height:100%;width:0;background:#fff}
.sv .shd{display:flex;align-items:center;gap:10px;padding:10px 12px;position:relative;z-index:2}
.sv .shd .n{flex:1;font-weight:700;font-size:.9rem}
.sv .shd .n small{font-weight:400;opacity:.75;margin-left:6px}
.sv .img{position:absolute;inset:0}
.sv .img img{width:100%;height:100%;object-fit:cover}
@media (min-aspect-ratio:3/4){.sv .img img{object-fit:contain;background:#000}}
.sv .tap{position:absolute;top:80px;bottom:90px;width:35%;z-index:1}
.sv .tap.l{left:0}.sv .tap.r{right:0;width:65%}
.sv .ft{margin-top:auto;position:relative;z-index:2;display:flex;gap:10px;padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px))}
.sv .ft input,.sv .ft textarea{flex:1;min-width:0;min-height:2.9rem;border-radius:16px;border:1.5px solid rgba(255,255,255,.6);background:rgba(0,0,0,.25);color:#fff;padding:0 16px;outline:none}
.sv .ft input::placeholder,.sv .ft textarea::placeholder{color:rgba(255,255,255,.75)}
.sv .ib{background:rgba(0,0,0,.35);border:0;color:#fff}

/* Ayarlar */
.set{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:0 12px 14px;overflow:hidden}
.set h3{margin:14px 16px 4px;font:600 .66rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.srow{display:flex;align-items:center;gap:14px;padding:13px 16px;width:100%;text-align:left;min-height:3.4rem}
.srow+.srow{border-top:1px solid var(--line)}
.srow .t{flex:1;min-width:0;font-weight:600}
.srow .t small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}
.srow>svg.i{color:var(--accent)}
.set .seg{margin:6px 12px 12px}
.sw{position:relative;width:3rem;height:1.8rem;flex:none}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.sw span{position:absolute;inset:0;border-radius:1rem;background:var(--line);transition:.2s;pointer-events:none}
.sw span::after{content:"";position:absolute;top:3px;left:3px;width:calc(1.8rem - 6px);height:calc(1.8rem - 6px);border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.sw input:checked+span{background:var(--accent)}
.sw input:checked+span::after{transform:translateX(1.2rem)}
.sw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;font-size:.88rem}
.kv span:last-child{color:var(--muted);text-align:right}
.invite-text{margin:0 16px 12px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;white-space:pre-wrap;user-select:all;overflow-wrap:anywhere}
.steps{margin:0 16px 14px;padding-left:22px;display:grid;gap:8px;font-size:.92rem}

#toasts{position:fixed;left:0;right:0;top:calc(66px + env(safe-area-inset-top,0px));z-index:80;display:grid;justify-items:center;gap:8px;pointer-events:none;padding:0 16px}
.toast{max-width:440px;display:flex;align-items:center;gap:10px;background:var(--fg);color:var(--bg);padding:11px 15px;border-radius:16px;font-size:.9rem;box-shadow:var(--shadow);animation:up .25s ease;pointer-events:none}
.toast .av{--s:28px}

/* Sesli mesaj, yanıt, arama */
.audm{display:flex;align-items:center;gap:10px;min-width:12.5rem}
.audm .ap{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);flex:none}
.mrow.me .audm .ap{background:var(--accent-ink);color:var(--accent)}
.audm .ap svg.i{width:1.1rem;height:1.1rem}
.audm .bar{flex:1;height:4px;border-radius:2px;background:rgba(127,127,127,.35);position:relative;overflow:hidden}
.audm .bar i{position:absolute;inset:0 auto 0 0;background:currentColor;width:0}
.audm .t{font:.72rem var(--f-mono);opacity:.85;font-variant-numeric:tabular-nums}
.rec{flex:1;display:flex;align-items:center;gap:10px;min-height:2.9rem;padding:0 14px;border-radius:18px;background:var(--surface);border:1.5px solid var(--heart);color:var(--heart);font-weight:700}
.rec .dot{width:10px;height:10px;border-radius:50%;background:var(--heart);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.replybar{display:flex;align-items:center;gap:8px;margin:0 10px;padding:6px 6px 6px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.82rem}
.replybar .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid var(--accent);padding-left:8px}
.quote{display:block;margin:-2px -4px 6px;padding:6px 10px;border-radius:12px;background:rgba(127,127,127,.18);border-left:3px solid currentColor;font-size:.8rem;text-align:left;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.callmsg{display:flex;align-items:center;gap:8px;font-weight:600}
.callmsg svg.i{width:1.15rem;height:1.15rem}
.msg.flash{animation:flash 1.2s ease}
.fwd{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;opacity:.75;margin-bottom:3px}.fwd svg.i{width:.85rem;height:.85rem}
.pinic{display:inline-flex;margin-left:6px;color:var(--muted);vertical-align:-2px}.pinic svg.i{width:.9rem;height:.9rem}
.svrx{display:flex;gap:2px;flex:none}.sv .ft .ib{flex:none}.sv .ft:focus-within .svrx{display:none}.svrx button{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%}.svrx svg{width:1.5rem;height:1.5rem}
.arate{margin-left:6px;font:700 .72rem/1 var(--f-body);padding:4px 7px;border-radius:999px;background:rgba(127,127,127,.18);flex:none}
.csr-in{margin:4px 16px 8px;width:calc(100% - 32px);box-sizing:border-box}.csr-list .opt{padding:10px 20px;text-align:left;gap:12px}.csr-list{display:grid;max-height:55vh;overflow-y:auto;padding-bottom:8px}.csr-list .opt small{display:block;font-weight:500;color:var(--muted);font-size:.76rem}.csr-list mark{background:var(--accent-soft);color:inherit;border-radius:3px}
@keyframes flash{30%{box-shadow:0 0 0 4px var(--sun)}}
.call{position:absolute;inset:0;margin:0 auto;max-width:520px;background:radial-gradient(120% 80% at 50% 0%,#11493c,#06100d 70%);color:#fff;pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:calc(30px + env(safe-area-inset-top,0px)) 20px calc(34px + env(safe-area-inset-bottom,0px));overflow:hidden}
.call #rv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.call #lv{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top,0px));width:30%;max-width:9rem;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:2px solid rgba(255,255,255,.7);z-index:3;background:#111;transform:scaleX(-1)}
.call .who{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;margin-top:9vh;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.call .who b{font:600 1.45rem/1.2 var(--f-display)}
.call .who span{opacity:.85;font-variant-numeric:tabular-nums}
.call.vid.live .who{margin-top:0;align-self:flex-start;justify-items:start;text-align:left}
.call .ctrls{position:relative;z-index:2;margin-top:auto;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.call .lbl2{display:grid;justify-items:center;gap:6px;font-size:.75rem}
.call .cb{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px)}
.call .cb.on{background:#fff;color:#06100d}
.call .cb.red{background:#e23e57}.call .cb.green{background:#14a06b}
.call .cb svg.i{width:1.7rem;height:1.7rem}
.call .pulse{animation:cpulse 1.6s infinite}
@keyframes cpulse{0%{box-shadow:0 0 0 0 rgba(20,160,107,.7)}70%{box-shadow:0 0 0 20px rgba(20,160,107,0)}100%{box-shadow:0 0 0 0 rgba(20,160,107,0)}}
.call .note2{position:relative;z-index:2;margin-top:14px;font-size:.78rem;opacity:.75;text-align:center;max-width:20rem}
.imgview{position:absolute;inset:0;background:rgba(0,0,0,.94);pointer-events:auto;display:grid;place-items:center;padding:12px}
.imgview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.imgview .ib{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;background:rgba(255,255,255,.15);border:0;color:#fff}
.netbar{position:fixed;left:0;right:0;top:0;z-index:95;text-align:center;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px;background:#b45309;color:#fff;font-size:.8rem;font-weight:700}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
/* Çekim ilerleme ve duraklatma */
.reel .rprog{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);height:3px;background:rgba(255,255,255,.22);z-index:3;pointer-events:none}
.reel .rprog i{display:block;height:100%;width:0;background:#fff}
.reel .rpause{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:4.4rem;height:4.4rem;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:none;place-items:center;z-index:3;pointer-events:none}
.reel.paused .rpause{display:grid}
.reel .rpause svg.i{width:2rem;height:2rem;fill:#fff}
/* Uygulama içi kayıt */
.vrec{position:absolute;inset:0;background:#000;color:#fff;pointer-events:auto;max-width:520px;margin:0 auto}
.vrec video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vr-top{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.vr-top .ib{background:rgba(0,0,0,.4);border-color:transparent;color:#fff}
.vr-time{font:700 .9rem/1 var(--f-mono);background:rgba(0,0,0,.45);padding:8px 10px;border-radius:10px}
.vrec.on .vr-time{background:#e23e57}
.vr-prog{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.2);z-index:2}
.vr-prog i{display:block;height:100%;width:0;background:#e23e57}
.vr-bot{position:absolute;bottom:calc(50px + env(safe-area-inset-bottom,0px));left:0;right:0;display:grid;place-items:center;z-index:2}
.vr-btn{width:80px;height:80px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center}
.vr-btn span{width:60px;height:60px;border-radius:50%;background:#e23e57;transition:all .2s}
.vrec.on .vr-btn span{width:30px;height:30px;border-radius:8px}
.vr-hint{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-size:.85rem;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.6)}
/* Satranç */
main.chessmode{padding:0 0 10px}
.chess{display:flex;flex-direction:column;gap:6px;padding:2px 10px 10px}
.cpl{position:relative;z-index:6}
.cpl-in{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:16px;transition:background .25s;min-height:56px}
.cpl-in.turn{background:var(--accent-soft)}
.cwho{min-width:0;flex:1;display:grid;gap:3px}
.cwho>div{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}
.crt{color:var(--muted);font-size:.8rem;font-weight:600}
.ccap{display:flex;align-items:center;min-height:18px}
.ccap img{width:19px;height:19px;margin-right:-7px}
.ccap b{margin-left:11px;font-size:.78rem;color:var(--muted)}
.cside{width:46px;height:46px;border-radius:32%;display:grid;place-items:center;background:var(--surface-2);flex:none}
.cside img{width:82%}
.cdots{display:flex;gap:3px;margin-right:4px}.cdots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:cdot 1s infinite}.cdots i:nth-child(2){animation-delay:.15s}.cdots i:nth-child(3){animation-delay:.3s}
@keyframes cdot{50%{opacity:.25;transform:translateY(-2px)}}
.cmain{display:flex;gap:6px;justify-content:center;align-items:flex-start}
.cevalbar{width:16px;flex:none;align-self:stretch;border-radius:8px;background:#30302e;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.cevalbar.fl{justify-content:flex-start}
.cevalbar[hidden]{display:none}
.cevalbar i{display:block;background:#f4f4ef;transition:height .7s cubic-bezier(.2,.8,.2,1)}
.cevalbar span{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:700 .5rem/1 var(--f-mono);color:#333;letter-spacing:-.04em}
.cevalbar.bl span{bottom:auto;top:4px;color:#eee}.cevalbar.fl span{bottom:auto;top:4px}.cevalbar.fl.bl span{top:auto;bottom:4px}
.cboard{position:relative;flex:0 1 auto;width:100%;min-width:0;max-width:calc(100dvh - 318px);aspect-ratio:1;border-radius:10px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:var(--shadow-s)}
.csq{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}
.csq i{position:relative;background:var(--cl)}.csq i.d{background:var(--cd)}
.csq em{position:absolute;font:700 .64rem/1 var(--f-body);font-style:normal}
.csq .rk{left:3px;top:3px}.csq .fl{right:3px;bottom:2px}
.csq i.l em{color:var(--cd)}.csq i.d em{color:var(--cl)}
.cmk,.cpcs{position:absolute;inset:0;pointer-events:none}
.cmk i,.pc{position:absolute;left:0;top:0;width:12.5%;height:12.5%}
.cmk .lm{background:rgba(255,214,10,.42)}
.cmk .sel{background:rgba(63,211,171,.55)}
.cmk .hint{background:rgba(255,170,0,.3)}
.cmk .chk{background:radial-gradient(circle,rgba(226,62,87,1) 0%,rgba(226,62,87,.6) 38%,transparent 72%)}
.cmk .dot::after{content:"";position:absolute;inset:35%;border-radius:50%;background:rgba(8,30,22,.3)}
.cmk .cap::after{content:"";position:absolute;inset:3%;border-radius:50%;border:5px solid rgba(8,30,22,.3)}
.pc{transition:transform .2s cubic-bezier(.25,.8,.3,1);will-change:transform}
.pc img{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}
.pc.drag{transition:none;z-index:10}.pc.drag img{filter:drop-shadow(0 8px 6px rgba(0,0,0,.3))}
.pc.nt{transition:none}
.pc.gone{transition:opacity .28s;opacity:0}
.carrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.cov{position:absolute;inset:0;display:none;place-items:center;background:rgba(8,18,14,.38);z-index:20}
.cov.on{display:grid}
.cpromo{position:absolute;top:6px;width:12.5%;display:grid;gap:4px;background:var(--surface);border-radius:12px;padding:4px;box-shadow:var(--shadow);animation:cpop .2s ease}
.cpromo button{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;background:var(--surface-2)}
.cpromo img{width:92%}.cpromo .x{aspect-ratio:auto;padding:4px 0;background:none}.cpromo .x svg.i{width:1rem;height:1rem}
.cend{background:var(--surface);color:var(--fg);border-radius:22px;padding:18px 16px;width:min(86%,320px);display:grid;justify-items:center;gap:6px;text-align:center;box-shadow:var(--shadow);animation:cpop .35s cubic-bezier(.2,1.4,.4,1)}
.cend .ct{width:3.2rem;height:3.2rem;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.cend b{font:600 1.25rem/1.2 var(--f-display)}.cend>span{color:var(--muted);font-size:.86rem}
.cend .cbtns{display:grid;gap:6px;width:100%;margin-top:6px}
@keyframes cpop{from{transform:scale(.8);opacity:0}}
.conf{position:absolute;top:-12px;width:8px;height:13px;border-radius:2px;z-index:25;animation:cfall 1.8s ease-in forwards;pointer-events:none}
@keyframes cfall{to{top:106%;transform:rotate(560deg) translateX(30px)}}
.cmoves{display:flex;gap:1px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:5px 4px;min-height:40px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.cmoves::-webkit-scrollbar{display:none}
.cn{color:var(--muted);font-size:.76rem;padding:0 1px 0 6px;flex:none}
.cmv{flex:none;padding:4px 6px;border-radius:8px;font-weight:700;font-size:.88rem;display:inline-flex;gap:1px}
.cmv.cur{background:var(--accent);color:var(--accent-ink)}
.cmv em{font-style:normal;font-weight:800}.cmv .q2{color:#e23e57}.cmv .q1{color:#e08600}.cmv .qg{color:#14a06b}.cmv.cur em{color:inherit}
.cctl{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.cctl button{display:grid;justify-items:center;gap:2px;padding:7px 1px 6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.66rem;font-weight:700;color:var(--fg);white-space:nowrap;overflow:hidden}
.cctl button:disabled{opacity:.38}
.cctl svg.i{width:1.3rem;height:1.3rem}
/* Rota'nın yüzü */
.rbot{display:inline-block;width:var(--s);height:var(--s);flex:none}
.rbot svg{width:100%;height:100%;overflow:visible;display:block}
.rbot .rb-all{animation:rbob 3.2s ease-in-out infinite}
@keyframes rbob{50%{transform:translateY(2.5px)}}
.rbot .eye{transform-box:fill-box;transform-origin:center;animation:rblink 4.6s infinite}
@keyframes rblink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
.rbot .rb-needle,.rbot .rb-m{transform-box:fill-box;transform-origin:center}
.rbot .rb-eyes{transition:transform .35s}
.rbot .eh,.rbot .es,.rbot .m1,.rbot .m2,.rbot .m3,.rbot .rb-ch{display:none}
.happy .rbot .eo,.happy .rbot .m0,.sad .rbot .m0,.surp .rbot .m0{display:none}
.happy .rbot .eh,.happy .rbot .m1,.happy .rbot .rb-ch,.sad .rbot .es,.sad .rbot .m2,.surp .rbot .m3{display:block}
.thinking .rbot .rb-needle{animation:rspin 1.1s linear infinite}
.thinking .rbot .rb-eyes{transform:translate(-5px,-4px)}
@keyframes rspin{to{transform:rotate(360deg)}}
.happy .rbot .rb-all{animation:rhop .55s ease 2}
@keyframes rhop{40%{transform:translateY(-7px)}}
.talk .rbot .rb-m{animation:rtalk .15s 6 alternate}
@keyframes rtalk{to{transform:scaleY(.35)}}
.cbotav{position:relative;display:inline-block;flex:none}
.cbub{position:absolute;left:10px;top:calc(100% - 2px);z-index:30;max-width:80%;background:var(--surface);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 12px;border-radius:14px;font-size:.88rem;font-weight:600;opacity:0;transform:translateY(-4px) scale(.96);transform-origin:20px 0;transition:opacity .2s,transform .25s cubic-bezier(.2,1.4,.4,1);pointer-events:none}
.cbub::before{content:"";position:absolute;left:20px;top:-7px;width:12px;height:12px;background:inherit;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.cbub.show{opacity:1;transform:none}
.chero{display:flex;justify-content:center;padding:4px 16px 14px}
.chero-bot{position:relative;display:grid;justify-items:center}
.chero .cbub{position:relative;left:auto;top:auto;margin-top:12px;width:max-content;max-width:min(300px,86vw);transform:none;text-align:center}
.chero .cbub::before{left:calc(50% - 6px)}
.cbox{padding:14px;display:grid;gap:10px}
.lvls{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.lvl{display:grid;justify-items:center;gap:3px;padding:10px 1px;border-radius:14px;background:var(--surface-2)}
.lvl b{font-size:.76rem}.lvl span{color:var(--muted);font:600 .66rem/1 var(--f-mono)}
.lvl[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.lvl[aria-pressed="true"] span{color:inherit;opacity:.85}
.cstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 12px 16px}
.cstats div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 2px;display:grid;justify-items:center}
.cstats b{font:600 1.1rem/1.2 var(--f-display)}.cstats span{font-size:.7rem;color:var(--muted)}
.cturn{font:700 .6rem/1 var(--f-mono);background:var(--heart);color:#fff;padding:5px 7px;border-radius:7px;white-space:nowrap}
.rank{width:22px;text-align:center;font-weight:800;color:var(--muted);flex:none}
.crate{font:700 .95rem/1 var(--f-mono)}
.box .row.meh{background:var(--accent-soft)}
.cthemes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 14px}
.cthemes button{display:grid;justify-items:center;gap:4px;font-size:.74rem;font-weight:700;padding:8px 2px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.cthemes button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
.cthemes i{width:34px;height:34px;border-radius:9px}
.gmsg{display:flex;gap:10px;align-items:center;padding:6px 8px 6px 2px;text-align:left;min-width:11rem}
.gmsg .gi{width:2.6rem;height:2.6rem;border-radius:14px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.gmsg small{display:block;font-size:.78rem;opacity:.8}
.square.chesscard{background:linear-gradient(135deg,#1f2937,#0c7a63)}
.adm-hero{display:flex;gap:14px;align-items:center;margin:0 12px 14px;padding:16px;border-radius:var(--r);background:linear-gradient(135deg,#1f2937,#0c7a63);color:#fff}
.adm-hero .ic{width:3rem;height:3rem;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}
.adm-hero b{font:600 1.05rem/1.2 var(--f-display);display:block}.adm-hero small{opacity:.85;font-size:.82rem}
.adm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 12px 16px}
.adm-stats div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 4px;display:grid;justify-items:center}
.adm-stats b{font:600 1.15rem/1.2 var(--f-display)}.adm-stats span{font-size:.72rem;color:var(--muted)}
.adm-box{padding:12px;display:grid;gap:10px}
.adm-row{display:flex;gap:8px}
.adm-cur{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--accent-soft);font-size:.9rem}
.adm-cur small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}
.adm-th{width:46px;height:46px;flex:none;border-radius:12px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.adm-th img{width:100%;height:100%;object-fit:cover}
.box .row .ib{width:2.3rem;height:2.3rem;border-radius:12px}
.adm-rules{margin:0;padding:10px;border-radius:12px;background:var(--surface-2);font:.62rem/1.45 var(--f-mono);white-space:pre;overflow-x:auto;max-height:14rem}
.vbadge{display:inline-grid;vertical-align:-3px;margin-left:4px}.vbadge svg{width:1.05rem;height:1.05rem;fill:#1d9bf0}
.banner.ann{background:linear-gradient(135deg,#fff4d6,#ffe6a8);color:#3d2c00;align-items:center}
.banner.ann .ib{margin-left:auto;color:inherit}
.pinlbl{display:flex;gap:6px;align-items:center;margin:0 16px -4px;font-size:.78rem;font-weight:700;color:var(--accent)}.pinlbl svg.i{width:1rem;height:1rem}
/* 3.4: dokunma rengi yok, basınca hafif küçülme */
*{-webkit-tap-highlight-color:transparent}
button,a,label,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
button{user-select:none;-webkit-user-select:none}
:focus:not(:focus-visible){outline:none}
.btn,.chip,.pill,.opt,.ctile,.src,.square,.quick button,.pcard,.tile,.lvl,.cctl button,.seg button,.cthemes button,.nt>button,.seenav{transition:transform .15s cubic-bezier(.2,.8,.2,1),background-color .2s,opacity .2s}
.btn:active,.chip:active,.pill:active,.ctile:active,.src:active,.square:active,.quick button:active,.lvl:active,.cctl button:active,.tile:active,.seg button:active,.cthemes button:active,.nt>button:active{transform:scale(.95)}
.row:active,.opt:active,.srow:active{background:var(--surface-2)}
.box .row,.opt,.srow{transition:background-color .15s}
/* sayfa geçişi */
main.enter>*{animation:enter .34s cubic-bezier(.2,.8,.2,1) both}
main.enter>*:nth-child(2){animation-delay:.03s}main.enter>*:nth-child(3){animation-delay:.06s}main.enter>*:nth-child(4){animation-delay:.09s}main.enter>*:nth-child(5){animation-delay:.12s}main.enter>*:nth-child(n+6){animation-delay:.15s}
@keyframes enter{from{opacity:0;transform:translateY(12px)}}
.dock nav>button.pop svg.i,.dock nav>button.pop .me{animation:dockpop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes dockpop{40%{transform:scale(1.22) translateY(-2px)}}
.toast{animation:toastin .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes toastin{from{opacity:0;transform:translateY(-14px) scale(.96)}}
/* mesajlar */
.mrow.nw{animation:msgin .34s cubic-bezier(.2,1.25,.4,1) both;transform-origin:left bottom}
.mrow.me.nw{transform-origin:right bottom}
@keyframes msgin{from{opacity:0;transform:translateY(14px) scale(.92)}}
.edl{display:block;font-size:.68rem;opacity:.65;margin-top:2px;text-align:right}
.seenrow{display:flex;justify-content:flex-end;gap:2px;padding:0 14px 4px;margin-top:-2px}
.seenav{width:17px;height:17px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px var(--bg)}
.seenav.nw{animation:seenin .45s cubic-bezier(.2,1.5,.4,1) both}
.seenav img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes seenin{from{opacity:0;transform:translateY(-10px) scale(.3)}}
.chat-head .onl{color:var(--ok)!important;font-weight:600}
.composer .cplus{border-radius:50%;background:var(--accent-soft);color:var(--accent);border-color:transparent}
.composer .cplus svg.i{stroke-width:2.4}
/* notlar */
.notes{display:flex;gap:6px;overflow-x:auto;padding:4px 12px 12px;scrollbar-width:none;align-items:flex-end}
.notes::-webkit-scrollbar{display:none}
.nt{flex:none;width:82px;display:grid;justify-items:center;gap:4px;position:relative;padding-top:38px}
.nt .n{font-size:.74rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max-content;max-width:96px;min-width:46px;background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:16px;padding:6px 9px;font-size:.72rem;font-weight:600;line-height:1.2;box-shadow:var(--shadow-s);z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}
main.enter .nb{animation:nbin .45s cubic-bezier(.2,1.4,.4,1) both}
.nb::after{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:8px;border-radius:50%;background:inherit;border:1px solid var(--line);transform:translateX(-50%)}
.nb.add{color:var(--muted);font-weight:500}
@keyframes nbin{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.7)}}
.nt-empty{align-self:center;color:var(--muted);font-size:.82rem;max-width:14rem;padding-bottom:22px}
.note-prev{display:grid;justify-items:center;gap:6px;padding-top:4px;text-align:center}
.note-prev .nb.big{position:relative;left:auto;top:auto;transform:none;max-width:260px;font-size:.95rem;padding:10px 14px;-webkit-line-clamp:4;animation:cpop .3s ease both}
.note-prev .nb.big::after{bottom:-7px}
.pnote{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:.88rem;background:var(--accent-soft);padding:6px 10px;border-radius:12px;width:fit-content;max-width:100%}
.pnote svg.i{width:1rem;height:1rem;color:var(--accent)}
.tag.off{background:var(--surface-2);color:var(--muted)}
.gm-av{position:relative}.gm-av i{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--surface)}.gm-av i svg.i{width:.95rem;height:.95rem}
/* sahne küçültme */
.vbusy{display:grid;justify-items:center;gap:8px;padding:34px 20px;text-align:center}
.vbusy .spin{width:38px;height:38px}
.vbusy .pct{font:700 1.6rem/1 var(--f-display);color:var(--accent)}
.vbusy small{color:var(--muted);max-width:18rem}
/* ana ekran önerisi, kayıtlar */
.banner.inst{align-items:center}.banner.inst .btn{margin-left:auto}
.adm-log .row{padding:9px 14px}.adm-log .t>div:first-child{font-size:.88rem}
.dotx{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.reel-top .rnew{display:inline-flex;align-items:center;gap:6px;height:2.6rem;padding:0 .9rem;border-radius:14px;background:#fff;color:#111;font-weight:700;font-size:.85rem}
.reel-top .rnew svg.i{width:1.2rem;height:1.2rem}
.cmt{align-items:flex-start}.cmt .t{flex:1}
.clike{flex:none;width:2rem;height:2rem;display:grid;place-items:center;color:var(--muted)}
.clike svg.i{width:1.05rem;height:1.05rem}.clike.on{color:var(--heart)}.clike.on svg.i{fill:var(--heart);stroke:var(--heart)}
.clike.pop{animation:pop .3s ease}
.reel .rhint{position:absolute;left:50%;top:58%;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-weight:700;font-size:.88rem}
.reel .rhint[hidden]{display:none}.reel .rhint svg.i{width:1.2rem;height:1.2rem}
/* ===== 4.0 eklentileri: her ajan yalnızca kendi işaretleri arasına yazar ===== */
/*@css:A{*/
/* --- A · Açılış (intro) --- */
#intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}
#intro .in-glow{position:absolute;left:50%;top:45%;width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;border-radius:50%;background:radial-gradient(closest-side,var(--accent-soft),transparent 62%);pointer-events:none;animation:inGlow 1.3s cubic-bezier(.2,.8,.2,1) both,inBreathe 3.2s ease-in-out 1.3s infinite alternate}
@keyframes inGlow{from{opacity:0;transform:scale(.55)}}
@keyframes inBreathe{to{scale:1.06}}
#intro .in-c{position:relative;display:grid;justify-items:center;gap:16px;margin-top:-5vh}
#intro .in-vf{width:5.6rem;height:5.6rem;overflow:visible;animation:inMark 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes inMark{from{transform:rotate(-14deg) scale(.82)}}
#intro .in-vf path{fill:none;stroke:var(--accent);stroke-dasharray:1 1;stroke-dashoffset:0;animation:inDraw .48s cubic-bezier(.65,0,.35,1) both}
#intro .in-vf path:nth-of-type(1){animation-delay:.04s}#intro .in-vf path:nth-of-type(2){animation-delay:.1s}#intro .in-vf path:nth-of-type(3){animation-delay:.16s}#intro .in-vf path:nth-of-type(4){animation-delay:.22s}#intro .in-vf path:nth-of-type(5){animation-delay:.3s}#intro .in-vf path:nth-of-type(6){animation-delay:.4s}#intro .in-vf path:nth-of-type(7){animation-delay:.48s}#intro .in-vf .in-dot{fill:var(--sun)}
@keyframes inDraw{from{stroke-dashoffset:1;opacity:0}15%{opacity:1}}
#intro .in-dot{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:inDot .6s cubic-bezier(.3,1.7,.5,1) .4s both,inPulse 2.4s ease-in-out 1.4s infinite}
@keyframes inDot{from{transform:scale(0)}}
@keyframes inPulse{50%{scale:1.14}}
#intro .in-ring{fill:none;stroke:var(--sun);stroke-width:.7;opacity:0;transform-box:fill-box;transform-origin:center;animation:inRing .8s cubic-bezier(.2,.7,.3,1) .5s both}
@keyframes inRing{0%{opacity:0;transform:scale(1)}1%{opacity:.95}to{opacity:0;transform:scale(3.4)}}
#intro .in-wm{display:flex;font:700 2.7rem/1 var(--f-display);letter-spacing:-.04em;color:var(--fg);overflow:hidden;padding:.06em .06em .2em;margin-bottom:-.14em}
#intro .in-wm span{display:inline-block;animation:inLet .52s cubic-bezier(.2,.9,.25,1.12) both}
#intro .in-wm span:nth-child(1){animation-delay:.46s}#intro .in-wm span:nth-child(2){animation-delay:.505s}#intro .in-wm span:nth-child(3){animation-delay:.55s}#intro .in-wm span:nth-child(4){animation-delay:.595s}#intro .in-wm span:nth-child(5){animation-delay:.64s}#intro .in-wm span:nth-child(6){animation-delay:.685s}
@keyframes inLet{from{transform:translateY(110%);opacity:0}}
#intro .in-tag{font-weight:600;font-size:.95rem;color:var(--muted);letter-spacing:.01em;animation:inUp .5s cubic-bezier(.2,.8,.2,1) .78s both}
@keyframes inUp{from{opacity:0;transform:translateY(8px)}}
#intro .in-foot{position:absolute;left:0;right:0;bottom:calc(40px + env(safe-area-inset-bottom,0px));display:grid;justify-items:center;gap:12px;padding:0 24px;text-align:center}
#intro #splashMsg{font-size:.8rem;color:var(--muted);min-height:1.2em;opacity:0;transition:opacity .4s}
#intro.slow #splashMsg{opacity:1}
#intro.out #splashMsg{visibility:hidden}
#intro .in-bar{width:8.5rem;height:3px;border-radius:3px;background:var(--line);overflow:hidden;animation:inFade .4s ease .85s both}
#intro .in-bar i{display:block;width:42%;height:100%;border-radius:3px;background:var(--accent);animation:inSlide 1.2s cubic-bezier(.6,0,.4,1) infinite}
@keyframes inSlide{from{transform:translateX(-105%)}to{transform:translateX(245%)}}
@keyframes inFade{from{opacity:0}}
#introRetry{font-weight:700;font-size:.88rem;color:var(--accent);padding:9px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
#introRetry svg.i{width:1.05rem;height:1.05rem;vertical-align:-3px;margin-right:6px}
@media (prefers-reduced-motion:reduce){#intro .in-bar,#intro .in-ring{display:none}#intro *,.auth,.auth *,.wn,.wn *,#verBar,#verBlock,#verBlock *{animation:none!important}}
html.reduce-motion #intro *{animation:none!important}
html.reduce-motion #intro .in-bar,html.reduce-motion #intro .in-ring{display:none}

/* --- A · Giriş ekranları --- */
.auth:not(.wel)>*{animation:auIn .45s cubic-bezier(.2,.8,.2,1) both}
.auth:not(.wel)>*:nth-child(2){animation-delay:.04s}.auth:not(.wel)>*:nth-child(3){animation-delay:.08s}.auth:not(.wel)>*:nth-child(4){animation-delay:.12s}.auth:not(.wel)>*:nth-child(n+5){animation-delay:.16s}
@keyframes auIn{from{opacity:0;transform:translateY(14px)}}
.auth .brand .vfmark{animation:auMark .6s cubic-bezier(.3,1.5,.5,1) .1s both}
@keyframes auMark{from{transform:rotate(-30deg) scale(.5);opacity:0}}
html:not(.k-live) .auth,html:not(.k-live) .auth *{animation-play-state:paused!important}
html.reduce-motion .auth,html.reduce-motion .auth *{animation:none!important;transition:none!important}
.auth .banner span{min-width:0;overflow-wrap:anywhere}

.auth.wel{gap:16px;padding-top:14px;overflow:hidden}
.wel-art{position:relative;flex:none;height:clamp(15.5rem,45vh,25rem);margin:0 -8px 6px}
.wel-glow{position:absolute;inset:-12% -18%;border-radius:50%;background:radial-gradient(closest-side,var(--accent-soft),transparent 75%);pointer-events:none;animation:inFade 1s ease both}
.wt{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z,1);transform:translate3d(calc(var(--mx,0) * var(--d)),calc(var(--my,0) * var(--d)),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.wt>i{display:block;width:100%;height:100%;border-radius:22px;overflow:hidden;rotate:var(--r);background:var(--surface-2);border:3px solid var(--surface);box-shadow:var(--shadow);animation:wtIn .85s cubic-bezier(.2,1.25,.3,1) var(--dl) both,wtFloat var(--fl,6s) ease-in-out calc(var(--dl) + .9s) infinite alternate}
.wt img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;transform-origin:var(--ox,50%) var(--oy,50%);animation:wtKb var(--kb,18s) ease-in-out calc(var(--dl) * -9) infinite alternate;will-change:transform}
@keyframes wtIn{from{opacity:0;transform:translateY(54px) scale(.62) rotate(calc(var(--r) * -1.6))}}
@keyframes wtFloat{to{translate:0 -7px}}
@keyframes wtKb{from{transform:scale(1.06)}to{transform:scale(1.24) translate(-3%,2%)}}
.wel-chip{position:absolute;z-index:9;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface);color:var(--fg);font-weight:700;font-size:.78rem;line-height:1;white-space:nowrap;box-shadow:var(--shadow);border:1px solid var(--line);animation:wcIn .6s cubic-bezier(.2,1.5,.4,1) var(--dl) both,wtFloat 4.6s ease-in-out calc(var(--dl) + .6s) infinite alternate}
@keyframes wcIn{from{opacity:0;transform:translateY(12px) scale(.6)}}
.wel-chip .wh{width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:var(--heart);color:#fff;flex:none}
.wel-chip .wh svg.i{width:.9rem;height:.9rem;fill:#fff;stroke:#fff}
.wel-chip .wa{position:relative;width:1.55rem;height:1.55rem;flex:none}
.wel-chip .wa img{width:100%;height:100%;border-radius:32%;display:block}
.wel-chip .wa::after{content:"";position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--surface);animation:wcPulse 2.2s ease-out 1.6s infinite}
@keyframes wcPulse{0%{box-shadow:0 0 0 0 rgba(20,160,107,.55)}70%,100%{box-shadow:0 0 0 6px rgba(20,160,107,0)}}
.wel-chip small{display:block;font-weight:500;font-size:.68rem;color:var(--muted);margin-top:3px}
.wel-chip.wc1{left:4%;top:44%}
.wel-chip.wc2{right:2%;bottom:3%}
.wel-txt>*{animation:auIn .55s cubic-bezier(.2,.8,.2,1) both}
.wel-txt>*:nth-child(1){animation-delay:.32s}.wel-txt>*:nth-child(2){animation-delay:.4s}.wel-txt>*:nth-child(3){animation-delay:.48s}.wel-txt>*:nth-child(4){animation-delay:.54s}
.auth.wel h2{font-size:1.65rem}
.wel-feat{position:relative;height:2.75rem;margin-top:14px}
.wf{position:absolute;inset:0;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.wf.on{opacity:1;transform:none}
.wf.off{opacity:0;transform:translateY(-12px)}
.wf .ic{width:2.6rem;height:2.6rem;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.wf .ic svg.i{width:1.3rem;height:1.3rem}
.wf span:last-child{font-weight:600;font-size:.98rem;line-height:1.25}
.wel-dots{display:flex;gap:5px;margin-top:10px}
.wel-dots i{width:6px;height:6px;border-radius:3px;background:var(--line);transition:width .35s cubic-bezier(.2,.8,.2,1),background-color .35s}
.wel-dots i.on{width:18px;background:var(--accent)}
.wel-cta{margin-top:auto;display:grid;gap:12px}
.wel-cta>.modechip{justify-self:center;margin-bottom:2px}
.wel-cta{animation:auIn .55s cubic-bezier(.2,.8,.2,1) .58s both}
@media (max-height:700px){.wel-art{height:clamp(13rem,36vh,16rem)}.auth.wel h2{font-size:1.45rem}.auth.wel{gap:12px}}

/* --- A · Sürüm çubuğu ve engel ekranı --- */
#verBar{position:fixed;left:50%;top:calc(68px + env(safe-area-inset-top,0px));translate:-50% 0;z-index:45;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:5px 5px 5px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);font-size:.84rem;font-weight:600;animation:vbIn .5s cubic-bezier(.2,1.35,.4,1) both;transition:opacity .25s,transform .25s}
#verBar.bye{opacity:0;transform:translateY(-10px)}
@keyframes vbIn{from{opacity:0;transform:translateY(-16px) scale(.92)}}
#verBar .vb-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#verBar .vb-ic svg.i{width:1.1rem;height:1.1rem;display:block}
#verBar .vb-go{flex:none;display:inline-flex;align-items:center;gap:5px;height:2rem;padding:0 .85rem;border-radius:999px;background:var(--accent-ink);color:var(--accent);font-weight:700;font-size:.82rem}
#verBar .vb-go svg.i{width:.95rem;height:.95rem;stroke-width:2.4}
#verBar .vb-go:disabled{opacity:.7}
#verBar .vb-x{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:inherit;opacity:.85}
#verBar .vb-x svg.i{width:1rem;height:1rem}
@media (max-width:420px){#verBar{gap:6px;font-size:.8rem;padding-left:14px}#verBar .vb-ic{display:none}#verBar .vb-go{padding:0 .75rem}#verBar .vb-x{width:1.85rem;height:1.85rem}}
#verBlock{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 22px calc(24px + env(safe-area-inset-bottom,0px));background:var(--bg);animation:fade .35s ease}
#verBlock::before{content:"";position:fixed;inset:0;background:radial-gradient(80% 50% at 50% 28%,var(--accent-soft),transparent 72%);pointer-events:none}
.vb-card{position:relative;width:min(23rem,100%);display:grid;justify-items:center;gap:12px;text-align:center}
.vb-card>*{animation:auIn .5s cubic-bezier(.2,.8,.2,1) both}
.vb-card>*:nth-child(2){animation-delay:.06s}.vb-card>*:nth-child(3){animation-delay:.12s}.vb-card>*:nth-child(n+4){animation-delay:.18s}
.vb-art>svg{width:11rem;height:auto;display:block;overflow:visible}
.vb-art .a1{fill:var(--accent-soft)}
.vb-art .a2{fill:var(--surface);stroke:var(--fg);stroke-width:3}
.vb-art .a3{fill:var(--line)}
.vb-art .a4{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}
.vb-art .a5{fill:var(--accent)}
.vb-art .a6{fill:var(--sun);stroke:var(--bg);stroke-width:4}
.vb-art .a7{fill:none;stroke:#1d1a10;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vb-art .a8{fill:var(--sun)}
.vb-art .a9{fill:var(--heart)}
.vb-art .bob{animation:vbBob 1.6s ease-in-out infinite}
@keyframes vbBob{50%{transform:translateY(-2.5px)}}
.vb-art .tw{transform-box:fill-box;transform-origin:center;animation:vbTw 2.2s ease-in-out infinite alternate}
@keyframes vbTw{from{scale:.6;opacity:.5}}
.vb-card h2{margin:4px 0 0;font:600 1.5rem/1.15 var(--f-display);letter-spacing:-.02em;text-wrap:balance}
.vb-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5;text-wrap:pretty}
.vb-vers{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font:600 .8rem/1 var(--f-mono)}
.vb-vers span{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.vb-vers .old{color:var(--muted);text-decoration:line-through}
.vb-vers .new{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.vb-vers svg.i{width:1rem;height:1rem;color:var(--muted)}
.vb-card .btn.block{max-width:20rem}
html.reduce-motion #verBar,html.reduce-motion #verBlock,html.reduce-motion #verBlock *{animation:none!important}

/* --- A · Neler yeni --- */
.full.wn{overflow:hidden}
.wn .body{position:relative;padding-bottom:8px}
.wn-x{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:3}
.wn-hero{position:relative;padding:34px 22px 18px;text-align:center;overflow:hidden}
.wn-blob{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55;pointer-events:none;animation:wnBlob 9s ease-in-out infinite alternate}
.wn-blob.b1{width:13rem;height:13rem;left:-3rem;top:-3rem;background:var(--accent-soft)}
.wn-blob.b2{width:9rem;height:9rem;right:-2rem;top:1rem;background:#0ea5e9;opacity:.16;animation-duration:11s}
.wn-blob.b3{width:8rem;height:8rem;left:42%;top:7rem;background:var(--heart);opacity:.12;animation-duration:13s}
@keyframes wnBlob{to{transform:translate(18px,14px) scale(1.12)}}
.wn-hero>*:not(.wn-blob){position:relative}
.wn-mark{width:3.4rem;height:3.4rem;overflow:visible;animation:inMark .9s cubic-bezier(.2,.8,.2,1) both}
.wn-mark path{fill:none;stroke:var(--accent);stroke-dasharray:1 1;animation:inDraw .5s cubic-bezier(.65,0,.35,1) both}
.wn-mark path:nth-of-type(2){animation-delay:.06s}.wn-mark path:nth-of-type(3){animation-delay:.12s}.wn-mark path:nth-of-type(4){animation-delay:.18s}
.wn-mark circle{fill:var(--sun);transform-box:fill-box;transform-origin:center;animation:inDot .6s cubic-bezier(.3,1.7,.5,1) .3s both,inPulse 2.4s ease-in-out 1.2s infinite}
.wn-badge{display:flex;width:max-content;margin:14px auto 0;align-items:center;gap:6px;font:600 .66rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);animation:inUp .5s ease .15s both}
.wn-title{margin:12px 0 8px;font:700 clamp(2.5rem,12vw,3.3rem)/1.02 var(--f-display);letter-spacing:-.045em;background:linear-gradient(100deg,var(--accent) 0%,var(--accent) 22%,#0ea5e9 41%,#8b5cf6 51%,#0ea5e9 61%,var(--accent) 80%,var(--accent) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em;animation:inUp .55s cubic-bezier(.2,.8,.2,1) .2s both,wnGrad 5.5s ease-in-out .8s infinite alternate}
@keyframes wnGrad{from{background-position:100% 0}to{background-position:0 0}}
.wn-name{margin:-4px auto 6px;font:700 .95rem/1.2 var(--f-display);letter-spacing:.02em;color:var(--accent)}
.wn-sub{margin:0 auto;max-width:19rem;color:var(--muted);font-size:.95rem;line-height:1.45;animation:inUp .5s ease .3s both}
.wn-list{display:grid;gap:10px;padding:6px 14px 10px}
.wn-item{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-align:left;animation:wnIn .5s cubic-bezier(.2,.9,.3,1.1) calc(.32s + var(--i) * .055s) both;transition:transform .15s,background-color .15s}
.wn-item:active{transform:scale(.98);background:var(--surface-2)}
@keyframes wnIn{from{opacity:0;transform:translateY(18px)}}
.wn-ic{width:2.9rem;height:2.9rem;border-radius:32%;display:grid;place-items:center;color:#fff;flex:none;background:var(--g);box-shadow:0 6px 14px -6px rgba(0,0,0,.45)}
.wn-ic svg.i{width:1.4rem;height:1.4rem;stroke-width:2}
.wn-t{flex:1;min-width:0}
.wn-t b{display:block;font-size:.98rem;line-height:1.25}
.wn-t span{display:block;color:var(--muted);font-size:.84rem;line-height:1.35;margin-top:2px}
.wn-item>svg.i{width:1.1rem;height:1.1rem;color:var(--muted);flex:none}
.wn-foot{flex:none;padding:10px 18px 16px;background:var(--bg);border-top:1px solid var(--line)}
.wn-foot .btn{animation:inUp .5s ease .7s both}
.wn-foot .btn svg.i{transition:transform .2s}
html.reduce-motion .wn *,html.reduce-motion .wn{animation:none!important}
/*}@css:A*/

/*@css:B{*/
/* ---- B · Temalar ve Ayarlar (4.0) ---- */
/* yumuşak tema geçişi: View Transitions (daire ya da çapraz geçiş), yoksa kısa renk geçişi */
html.vt-fade::view-transition-old(root),html.vt-fade::view-transition-new(root){animation-duration:.38s;animation-timing-function:ease}
html.vt-circle::view-transition-old(root),html.vt-circle::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt-circle::view-transition-old(root){z-index:1}
html.vt-circle::view-transition-new(root){z-index:2}
html.theme-fade body,html.theme-fade body *,html.theme-fade body *::before,html.theme-fade body *::after{transition:background-color .32s ease,color .32s ease,border-color .32s ease,fill .32s ease,stroke .32s ease,box-shadow .32s ease!important}
html.th-anim #top [data-act="theme"] svg.i{animation:thspin .6s cubic-bezier(.2,1.3,.4,1)}
@keyframes thspin{from{transform:rotate(-140deg) scale(.3);opacity:0}}
/* Ayarlar > Animasyonları azalt */
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
/* vurgu rengine uyan gölgeler ve degradeler */
.dock .create{box-shadow:0 10px 22px rgba(12,122,99,.35);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 38%,transparent)}
html[data-accent]:not([data-accent="kadraj"]) .square{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 48%,#0b1020))}
html[data-mode="dark"][data-accent]:not([data-accent="kadraj"]) .square{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 58%,#000),color-mix(in srgb,var(--accent) 32%,#0b1020))}
html[data-accent="grafit"] .square{background:linear-gradient(135deg,#3b4352,#0d1118)}
html[data-accent]:not([data-accent="kadraj"]) .square.chesscard,html[data-accent]:not([data-accent="kadraj"]) .adm-hero{background:linear-gradient(135deg,#1f2937,color-mix(in srgb,var(--accent) 70%,#000))}
.gm-av i{color:var(--accent-ink)}
html[data-accent]:not([data-accent="kadraj"]) .cmk .sel{background:rgba(63,211,171,.55);background:color-mix(in srgb,var(--accent) 52%,transparent)}
html[data-accent]:not([data-accent="kadraj"]) .call{background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 42%,#06100d),#06100d 70%)}

/* Ayarlar */
.setq{position:sticky;top:0;z-index:4;background:var(--bg);padding:2px 16px 10px}
.setq .in{min-height:2.8rem;border-radius:14px}
.setprof{display:flex;align-items:center;gap:14px;width:calc(100% - 24px);margin:2px 12px 4px;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left}
.setprof .t{flex:1;min-width:0;display:grid;line-height:1.25}
.setprof b{font:600 1.05rem/1.3 var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setprof small{color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setprof em{font-style:normal;color:var(--accent);font-weight:700;font-size:.82rem;margin-top:4px}
.setprof .chev,.sxs .chev{width:1.15rem;height:1.15rem;color:var(--muted);flex:none;stroke-width:2.2}
.setprof:active{transform:scale(.98)}
.setprof{transition:transform .15s cubic-bezier(.2,.8,.2,1)}
.sxh{margin:18px 28px 7px;font:600 .66rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.sxs .set{margin:0 12px 4px}
.sxs .srow{position:relative;gap:12px;padding:10px 14px;min-height:3.4rem;margin-bottom:-1px}
.sxs .srow+.srow{border-top:0}
.sxs .srow::after{content:"";position:absolute;left:56px;right:0;bottom:0;height:1px;background:var(--line);pointer-events:none}
.sxs .srow>svg.i{color:var(--muted)}
.sxs .srow .t{font-weight:600;font-size:.97rem;line-height:1.3}
.sxs .srow .t small{font-size:.79rem;line-height:1.32;margin-top:2px}
.sxs .srow .val{color:var(--muted);font-size:.86rem;text-align:right;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
.sxs .srow.red .t{color:var(--heart)}
.sxs .srow .btn.sm{flex:none;min-height:2.1rem;padding:0 .85rem}
.sic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--c,var(--accent));color:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1)}
.sic svg.i{width:18px;height:18px;stroke-width:2.1}
.sxs .sblk{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px}
.sblk .sbh{display:flex;align-items:center;gap:12px}
.sblk .sbh .t{flex:1;min-width:0}
.sxs .sblk .seg{margin:0}
.sxs .sblk .cthemes{padding:0;gap:6px}
.ngrp.off .srow:not(.nmaster){opacity:.42}
.sw input:disabled{cursor:default}
.accnote{font-size:.79rem;color:var(--muted);margin:-2px 0 0;line-height:1.35}
.thc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.thc button{display:grid;justify-items:center;gap:7px;font-weight:700;font-size:.84rem;color:var(--muted);padding:0;min-width:0}
.thc button[aria-pressed="true"]{color:var(--fg)}
.mk{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);transition:box-shadow .2s,border-color .2s,transform .15s}
.thc button:active .mk{transform:scale(.96)}
.thc button[aria-pressed="true"] .mk{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
.mk>span{position:absolute;inset:0;padding:13% 11%;display:flex;flex-direction:column;gap:9%}
.mkl{background:var(--lb)}.mkd{background:var(--db)}
.mk.light .mkd,.mk.dark .mkl{display:none}
.mk.system .mkd{clip-path:polygon(100% 0,100% 100%,0 100%)}
.mk i{display:block;height:12%;border-radius:6px;width:78%}
.mk i+i{width:56%}
.mkl i{background:#fff;box-shadow:0 0 0 1px var(--ll)}
.mkd i{background:var(--ds)}
.mk b{position:absolute;right:11%;bottom:12%;width:48%;height:15%;border-radius:8px 8px 3px 8px}
.mkl b{background:var(--la)}.mkd b{background:var(--da)}
.thc .rd{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:.2s}
.thc button[aria-pressed="true"] .rd{border-color:var(--accent);background:var(--accent)}
.thc button[aria-pressed="true"] .rd::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-ink)}
.accg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px}
.accg button{display:grid;justify-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--muted);min-width:0;padding:0}
.accg button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.accg .dot{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--sw);display:grid;place-items:center;color:var(--si,#fff);transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}
.accg .dot svg.i{width:1.15rem;height:1.15rem;stroke-width:3.2;opacity:0;transform:scale(.4);transition:opacity .2s,transform .25s cubic-bezier(.2,1.4,.4,1)}
.accg .dot.auto{background:conic-gradient(from 210deg,#0C7A63,#1A5FD0,#6D28D9,#BE185D,#C81E3A,#C2410C,#0C7A63)}
.accg .dot.auto svg.i{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.accg button[aria-pressed="true"]{color:var(--fg)}
.accg button[aria-pressed="true"] .dot{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--sw)}
.accg button[aria-pressed="true"] .dot svg.i{opacity:1;transform:none}
.accg button:active .dot{transform:scale(.9)}
.sheet .accg{padding:2px 16px 10px}
.setfoot{display:grid;justify-items:center;gap:8px;padding:16px 0 30px;color:var(--muted);font:500 .7rem/1 var(--f-mono);letter-spacing:.04em}
.setfoot .vfmark{width:1.6rem;height:1.6rem}
#setEmpty{padding-top:28px}

/* ortak sohbet temaları */
.msgs[data-bub] .mrow.me .msg{background:var(--bub);color:var(--bub-ink);border-color:transparent}
.msgs[data-bub] .mrow.me .msg .ht{color:inherit;text-decoration:underline;text-underline-offset:2px}
.msgs[data-bub] .mrow.me .audm .ap{background:var(--bub-ink);color:var(--bub-c)}
.msgs[data-bub] .mrow.me .quote{background:rgba(127,127,127,.2);background:color-mix(in srgb,var(--bub-ink) 16%,transparent)}
.msgs[data-bub] .mrow.me .gmsg .gi{background:var(--bub-ink);color:var(--bub-c)}
.msgs[data-dk]>.empty{color:rgba(255,255,255,.85)}
.msgs.wp .typing{box-shadow:var(--shadow-s)}
.thsheet .body{padding-bottom:0}
.thtop{position:sticky;top:0;z-index:3;background:var(--bg);padding:0 16px 4px}
.thpv{position:relative;height:9.4rem;border-radius:20px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px}
.thpv .thbg{position:absolute;inset:0}
.thpv .b{position:relative;max-width:74%;align-self:flex-start;padding:7px 12px;border-radius:16px 16px 16px 5px;background:var(--surface);border:1px solid var(--line);font-size:.8rem;line-height:1.3;color:var(--fg);animation:msgin .4s cubic-bezier(.2,1.25,.4,1) both}
.thpv .b:nth-child(3){animation-delay:.06s}.thpv .b:nth-child(4){animation-delay:.12s}
.thpv .b.me{align-self:flex-end;border-radius:16px 16px 5px 16px;background:var(--pb,var(--accent));color:var(--pi,var(--accent-ink));border-color:transparent;transition:background .25s,color .25s}
.thseg{margin-top:10px}
.thhint{margin:8px 2px 2px;font-size:.8rem;color:var(--muted);min-height:1.1em;line-height:1.35}
.thgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px;padding:8px 16px}
.thgrid button{display:grid;justify-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--muted);min-width:0;padding:0}
.thgrid .tw{position:relative;width:100%;aspect-ratio:1;border-radius:18px;border:1px solid var(--line);background:var(--bg);overflow:hidden;display:grid;place-items:center;color:var(--muted);transition:transform .15s,box-shadow .2s}
.thgrid .twb{position:absolute;inset:0}
.thgrid .tw svg.i{position:relative;width:1.3rem;height:1.3rem}
.thgrid .tw.ph svg.i{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.thgrid .tw i{position:absolute;right:8px;bottom:8px;width:44%;height:24%;border-radius:9px 9px 3px 9px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.thgrid button[aria-pressed="true"]{color:var(--fg)}
.thgrid button[aria-pressed="true"] .tw{box-shadow:0 0 0 2.5px var(--bg),0 0 0 5px var(--accent)}
.thgrid button:active .tw{transform:scale(.93)}
.thgrid .lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thall{margin:2px 2px 4px;font-size:.88rem}
.composer[data-bub] .send{background:var(--bub);color:var(--bub-ink)}
.composer[data-bub] .cplus{color:var(--bub-c);background:rgba(127,127,127,.14);background:color-mix(in srgb,var(--bub-c) 14%,transparent)}
.composer[data-bub] textarea:focus{border-color:var(--bub-c)}
.shell[data-ct]{color:var(--fg)}
.shell[data-ct] .mrow:not(.me) .msg{background:var(--in);color:var(--in-ink);border-color:transparent}
.shell[data-cdk]{color-scheme:dark}
.thfoot{position:sticky;bottom:0;z-index:3;padding:14px 16px 14px;background:var(--bg);background:linear-gradient(transparent,var(--bg) 32%)}
/*}@css:B*/

/*@css:C{*/
/*}@css:C*/

/*@css:D1{*/
/*}@css:D1*/

/*@css:D2{*/
/*}@css:D2*/

/*@css:E{*/
.reel.buf::after{content:"";position:absolute;left:50%;top:45%;width:42px;height:42px;margin:-21px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:sp .8s linear infinite;z-index:4;pointer-events:none}
.toast{border-radius:18px;padding:10px 14px 10px 10px;background:color-mix(in srgb,var(--fg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.28);border:1px solid color-mix(in srgb,var(--bg) 14%,transparent)}
.toast span{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.toast.tap{pointer-events:auto;cursor:pointer}.toast.tap>svg.i{width:1rem;height:1rem;opacity:.7;margin-left:auto;flex:none}
.toast.tap:active{transform:scale(.97)}
.fg-card{display:grid;justify-items:center;text-align:center;gap:10px;padding:18px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.fg-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.fg-ic svg.i{width:32px;height:32px}
.fg-steps{text-align:left;margin:4px 0 0;padding-left:20px;display:grid;gap:6px;font-size:.92rem;color:var(--muted)}
.fg-mail{font:600 1.05rem/1.3 var(--f-body);color:var(--fg);word-break:break-all}
.pwrow{position:relative}.pwrow .in{padding-right:48px}.pwrow .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;color:var(--muted)}
.kp-head{display:flex;align-items:center;gap:12px;padding:6px 16px 14px}
.kp-addr{font:600 .95rem/1.2 var(--f-mono);color:var(--accent)}
.kp-key{margin:0 12px 14px;padding:18px 16px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));border:1px solid var(--line);display:grid;gap:10px}
.kp-key .code{font:700 1.45rem/1.2 var(--f-mono);letter-spacing:.08em;text-align:center;padding:12px;border-radius:14px;background:var(--bg);border:1.5px dashed color-mix(in srgb,var(--accent) 50%,var(--line));user-select:all;-webkit-user-select:all}
.kp-key .row2{display:flex;gap:8px}.kp-key .row2 .btn{flex:1}
.kp-msg{display:flex;gap:12px;padding:12px 14px;width:100%;text-align:left;align-items:flex-start}
.kp-msg+.kp-msg{border-top:1px solid var(--line)}
.kp-msg .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.kp-msg .ic svg.i{width:1.15rem;height:1.15rem}
.kp-msg .t{flex:1;min-width:0}.kp-msg .t b{display:block}.kp-msg .t small{color:var(--muted);font-size:.78rem}
.kp-msg .t p{margin:6px 0 0;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}
.kp-msg.new .t b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--heart);margin-left:6px;vertical-align:2px}
.kcode{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
/*}@css:E*/
/* 4.0: tablet ve geniş ekran uyumu: içerik ekranı doldursun, yanlarda boş şerit kalmasın */
@media (min-width:560px){
 .shell,.full,.sv,.call,.vrec{max-width:none}
 .sheet{max-width:680px}
 .auth{max-width:540px}
 .grid,.gal{grid-template-columns:repeat(4,1fr)}
 .mrow{max-width:74%}
 .msg img.att{max-width:20rem}
 .msg .mp{width:14rem}
}
@media (min-width:900px){
 main:not(.snap){padding-left:calc((100% - 820px)/2);padding-right:calc((100% - 820px)/2)}
 .hd{padding-left:max(16px,calc((100% - 820px)/2 + 16px));padding-right:max(16px,calc((100% - 820px)/2 + 16px))}
 .dock nav{max-width:820px;margin:0 auto}
 .grid,.gal{grid-template-columns:repeat(5,1fr)}
 .mrow{max-width:62%}
}
@media (min-width:900px) and (min-aspect-ratio:4/5){
 .reel video,.reel .slide{object-fit:contain}
}
/* ===== 5.0 bölgeleri: her iş yalnızca kendi işaretleri arasına yazar ===== */
/*@css:50UI{*/
/* ===== 5.0 · Vizör arayüzü =====
   Hepsi :root[data-ui="vizor"] altında; Klasik seçilince (data-ui="klasik") hiçbiri uygulanmaz.
   Fikir: Kadraj bir vizör. İçerikler "kare"dir: odak köşeleri, kare numaraları, HUD etiketleri, deklanşör ve diyafram.
   Renkler yalnızca tema değişkenlerinden gelir (vurgu renkleri ve koyu tema kendiliğinden uyar). */
:root[data-ui="vizor"]{
 --vz-hp:78%;--vz-gp:76%;--vz-g2p:88%;
 --vz-rec:#FF8A4C;
 --vz-ease:cubic-bezier(.2,.8,.2,1);
 --vz-spring:cubic-bezier(.34,1.42,.55,1);
 --vz-sh:0 1px 2px rgba(10,30,22,.05),0 14px 32px -22px rgba(10,30,22,.32);
 --vz-lift:0 18px 40px -18px rgba(8,22,16,.42),0 2px 6px rgba(8,22,16,.06);
 --vz-hi:rgba(255,255,255,.55);
 --vz-leak:11%;
 --vz-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.055'/%3E%3C/svg%3E");
 /* vizör odak köşeleri: color ile boyanır (currentColor) */
 --vz-brk:linear-gradient(currentColor 0 0) 0 0/14px 2px,linear-gradient(currentColor 0 0) 0 0/2px 14px,linear-gradient(currentColor 0 0) 100% 0/14px 2px,linear-gradient(currentColor 0 0) 100% 0/2px 14px,linear-gradient(currentColor 0 0) 0 100%/14px 2px,linear-gradient(currentColor 0 0) 0 100%/2px 14px,linear-gradient(currentColor 0 0) 100% 100%/14px 2px,linear-gradient(currentColor 0 0) 100% 100%/2px 14px;
 --vz-brk-s:linear-gradient(currentColor 0 0) 0 0/9px 2px,linear-gradient(currentColor 0 0) 0 0/2px 9px,linear-gradient(currentColor 0 0) 100% 0/9px 2px,linear-gradient(currentColor 0 0) 100% 0/2px 9px,linear-gradient(currentColor 0 0) 0 100%/9px 2px,linear-gradient(currentColor 0 0) 0 100%/2px 9px,linear-gradient(currentColor 0 0) 100% 100%/9px 2px,linear-gradient(currentColor 0 0) 100% 100%/2px 9px;
}
:root[data-ui="vizor"][data-mode="dark"]{
 --vz-hp:92%;--vz-gp:72%;--vz-g2p:84%;
 --vz-sh:0 1px 2px rgba(0,0,0,.25),0 16px 34px -22px rgba(0,0,0,.8);
 --vz-lift:0 20px 44px -18px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.3);
 --vz-hi:rgba(255,255,255,.07);
 --vz-leak:14%;
}
/* cam ve çizgi tonları bulunduğu yerin temasından hesaplanır: sohbet teması #shell'e kendi renklerini yazar */
:root[data-ui="vizor"],:root[data-ui="vizor"] .shell{
 --vz-hair:color-mix(in srgb,var(--line) var(--vz-hp),transparent);
 --vz-glass:color-mix(in srgb,var(--surface) var(--vz-gp),transparent);
 --vz-glass-2:color-mix(in srgb,var(--bg) var(--vz-g2p),transparent);
}
:root[data-ui="vizor"] .shell[data-cdk]{--vz-hp:92%;--vz-gp:72%;--vz-g2p:84%;--vz-hi:rgba(255,255,255,.07)}

/* --- zemin: vurgu renginde hafif ışık sızması ve film greni --- */
:root[data-ui="vizor"] .shell{overflow:hidden;background:
 radial-gradient(120% 55% at 108% -6%,color-mix(in srgb,var(--accent) var(--vz-leak),transparent),transparent 62%),
 radial-gradient(85% 45% at -12% 104%,color-mix(in srgb,var(--vz-rec) 9%,transparent),transparent 60%),
 var(--vz-grain) 0 0/180px 180px,var(--bg)}
:root[data-ui="vizor"] .shell[data-ct]{background:var(--bg)}

/* --- üst çubuk: içeriğin üstünde yüzen HUD --- */
:root[data-ui="vizor"] #top{position:absolute;top:0;left:0;right:0;z-index:20;background:var(--vz-glass-2);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid transparent;transition:transform .34s var(--vz-ease),border-color .25s}
:root[data-ui="vizor"] #top.vz-sc{border-bottom-color:var(--vz-hair)}
:root[data-ui="vizor"] #top.vz-hide{transform:translateY(calc(-100% - 2px))}
:root[data-ui="vizor"] #top.vz-hide:focus-within{transform:none}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){:root[data-ui="vizor"] #top{background:color-mix(in srgb,var(--bg) 96%,transparent)}}
:root[data-ui="vizor"] main{padding-top:var(--vz-th,62px)}
:root[data-ui="vizor"] #top[hidden]~main{padding-top:0}
:root[data-ui="vizor"] main:not(.chatmode):not(.snap){padding-bottom:calc(var(--vz-dh,0px) + 16px)}
:root[data-ui="vizor"] .hd h1{font-size:1.22rem;letter-spacing:-.015em}
:root[data-ui="vizor"] .hd h1[data-meta]::after,:root[data-ui="vizor"] .hd .wordmark[data-meta]::after{content:attr(data-meta);display:block;margin-top:5px;font:500 .58rem/1.1 var(--f-mono);letter-spacing:.16em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-ui="vizor"] .hd .wordmark{font-size:1.34rem}
:root[data-ui="vizor"] .hd .wordmark[data-meta]::after{letter-spacing:.16em;margin-top:6px}
:root[data-ui="vizor"] .hd .brand .vfmark{width:1.55rem;height:1.55rem}
:root[data-ui="vizor"] .hd .ib:not(.plain){border-radius:50%;background:var(--vz-glass);border-color:var(--vz-hair);box-shadow:inset 0 1px 0 var(--vz-hi)}
:root[data-ui="vizor"] .hd .ib .dot{top:6px;right:6px;background:var(--vz-rec)}
:root[data-ui="vizor"] .hd .ib:active{transform:scale(.92)}
:root[data-ui="vizor"] .hd .ib{transition:transform .18s var(--vz-spring)}

/* --- dok: kenarlardan kopuk, bulanık "objektif çubuğu" ve ortada deklanşör --- */
:root[data-ui="vizor"] .dock{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:0 14px calc(12px + env(safe-area-inset-bottom,0px));background:none;pointer-events:none}
:root[data-ui="vizor"] .dock::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100% + 26px);background:linear-gradient(color-mix(in srgb,var(--bg) 0%,transparent),color-mix(in srgb,var(--bg) 88%,transparent) 62%);pointer-events:none}
:root[data-ui="vizor"] .dock nav{position:relative;pointer-events:auto;max-width:440px;margin:0 auto;grid-template-columns:1fr 1fr 4.4rem 1fr 1fr;align-items:center;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--vz-hair);box-shadow:var(--vz-lift),inset 0 1px 0 var(--vz-hi)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){:root[data-ui="vizor"] .dock nav{background:var(--surface)}}
:root[data-ui="vizor"] .dock nav>button{z-index:1;gap:5px;padding:9px 0 8px;border-radius:999px;font:600 .6rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s}
:root[data-ui="vizor"] .dock nav>button svg.i{width:1.45rem;height:1.45rem;stroke-width:1.8}
:root[data-ui="vizor"] .dock nav>button[aria-current="page"]{color:var(--fg)}
:root[data-ui="vizor"] .dock nav>button[aria-current="page"] svg.i{color:var(--accent);stroke-width:2.2}
:root[data-ui="vizor"] .dock .me{width:1.45rem;height:1.45rem;outline:0;box-shadow:0 0 0 1.5px var(--vz-hair)}
:root[data-ui="vizor"] .dock [aria-current="page"] .me{box-shadow:0 0 0 2px var(--accent)}
:root[data-ui="vizor"] .dock .cnt-badge{top:1px;right:calc(50% - 21px);background:var(--vz-rec);border-color:var(--surface)}
/* odak köşeleri: etkin sekmeyi çerçeveler, sekmeler arasında yaylanarak kayar */
:root[data-ui="vizor"] .vz-focus{position:absolute;left:0;top:6px;bottom:6px;width:var(--w,60px);translate:var(--x,0px) 0;color:var(--accent);pointer-events:none;transition:translate .52s var(--vz-spring),width .3s var(--vz-ease),opacity .2s}
:root[data-ui="vizor"] .vz-focus::before{content:"";position:absolute;inset:4px 6px;background:var(--vz-brk-s);background-repeat:no-repeat}
:root[data-ui="vizor"] .vz-focus::after{content:"";position:absolute;inset:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
:root[data-ui="vizor"] .vz-focus.nt{transition:none}
:root[data-ui="vizor"] .vz-focus.off{opacity:0}
:root[data-ui="vizor"] .vz-focus.lock::before{animation:vzLock .55s .22s var(--vz-ease)}
@keyframes vzLock{40%{transform:scale(1.16)}72%{transform:scale(.95)}}
/* deklanşör */
:root[data-ui="vizor"] .dock nav>button[data-act="create"]{padding:0;display:grid;place-items:center;border-radius:50%}
:root[data-ui="vizor"] .dock .create{position:relative;width:3.3rem;height:3.3rem;margin:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent) 62%);color:var(--accent-ink);box-shadow:0 0 0 3px var(--surface),0 0 0 4.5px color-mix(in srgb,var(--accent) 60%,transparent),0 12px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .22s var(--vz-spring)}
:root[data-ui="vizor"] .dock .create svg.i{width:1.55rem;height:1.55rem;stroke-width:2.3;transition:opacity .15s,transform .3s var(--vz-spring)}
:root[data-ui="vizor"] .dock [data-act="create"]:active .create{transform:scale(.88)}
:root[data-ui="vizor"] .dock .create .vz-iris{position:absolute;inset:7px;width:auto;height:auto;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;opacity:0;pointer-events:none}
:root[data-ui="vizor"] .dock .snap .create .vz-iris{animation:vzIris .62s var(--vz-ease)}
:root[data-ui="vizor"] .dock .snap .create svg.i{animation:vzPlus .62s var(--vz-ease)}
:root[data-ui="vizor"] .dock .snap .create{animation:vzShut .5s var(--vz-spring)}
@keyframes vzIris{0%{opacity:0;transform:rotate(-120deg) scale(1.35)}38%{opacity:1;transform:rotate(0) scale(1)}100%{opacity:0;transform:rotate(50deg) scale(.7)}}
@keyframes vzPlus{0%,100%{opacity:1;transform:none}30%,62%{opacity:0;transform:scale(.4) rotate(90deg)}}
@keyframes vzShut{30%{transform:scale(.86)}}
@media (hover:hover){:root[data-ui="vizor"] .dock nav>button:not([aria-current="page"]):hover{color:var(--fg)}:root[data-ui="vizor"] .dock [data-act="create"]:hover .create{transform:scale(1.05)}}

/* --- sayfa geçişi: netleşme (odak çekme) ve sıralı giriş --- */
:root[data-ui="vizor"] main.enter{animation:vzFocus .26s var(--vz-ease)}
@keyframes vzFocus{from{filter:blur(5px);opacity:.5}}
:root[data-ui="vizor"] main.enter>*{animation:vzRise .44s var(--vz-ease) both}
:root[data-ui="vizor"] main.enter>*:nth-child(2){animation-delay:.035s}:root[data-ui="vizor"] main.enter>*:nth-child(3){animation-delay:.07s}:root[data-ui="vizor"] main.enter>*:nth-child(4){animation-delay:.105s}:root[data-ui="vizor"] main.enter>*:nth-child(5){animation-delay:.14s}:root[data-ui="vizor"] main.enter>*:nth-child(6){animation-delay:.175s}:root[data-ui="vizor"] main.enter>*:nth-child(n+7){animation-delay:.2s}
@keyframes vzRise{from{opacity:0;transform:translateY(16px) scale(.985)}}
/* satırlar ve kontak baskı kareleri sırayla "banyo edilir" (yalnızca tam çizimde) */
:root[data-ui="vizor"] main.enter .box>.row:nth-child(-n+8),:root[data-ui="vizor"] main.enter .grid>.tile:nth-child(-n+15){animation:vzDev .5s var(--vz-ease) both;animation-delay:calc(.08s + var(--vzi,0) * .03s)}
:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(2){--vzi:1}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(3){--vzi:2}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(4){--vzi:3}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(5){--vzi:4}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(6){--vzi:5}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(7){--vzi:6}:root[data-ui="vizor"] main.enter :is(.box>.row,.grid>.tile):nth-child(8){--vzi:7}:root[data-ui="vizor"] main.enter .grid>.tile:nth-child(n+9){--vzi:8}
@keyframes vzDev{from{opacity:0;transform:scale(.94)}}

/* --- akış süzgeci: kameradaki mod seçici gibi --- */
:root[data-ui="vizor"] .chips{gap:2px;padding:6px 14px 14px}
:root[data-ui="vizor"] .chips .chip{min-height:2.3rem;padding:0 .9rem;border-radius:999px;background:transparent;border:1px solid transparent;font:600 .64rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
:root[data-ui="vizor"] .chips .chip svg.i{width:1rem;height:1rem}
:root[data-ui="vizor"] .chips .chip[aria-pressed="true"]{color:var(--fg);background:var(--vz-glass);border-color:var(--vz-hair);box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .chips .chip[aria-pressed="true"]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-ui="vizor"] .chips .chip[data-go]{margin-left:auto;color:var(--fg);border-color:var(--vz-hair);text-transform:none;letter-spacing:.04em}

/* --- hikâye şeridi: diyafram halkası (renkli halka yerine bıçaklı objektif halkası) --- */
:root[data-ui="vizor"] .stories{gap:16px;padding:8px 18px 18px}
:root[data-ui="vizor"] .story .n{font-size:.72rem}
:root[data-ui="vizor"] .av.ring img,:root[data-ui="vizor"] .av.ring.seen img{box-shadow:none}
:root[data-ui="vizor"] .av.ring::before{content:"";position:absolute;inset:calc(var(--s,44px) * -.085);border-radius:36%;padding:max(1.6px,calc(var(--s,44px) * .04));background:repeating-conic-gradient(from -67.5deg,var(--accent) 0deg,color-mix(in srgb,var(--accent) 55%,var(--vz-rec)) 30deg,color-mix(in srgb,var(--accent) 30%,transparent) 38.5deg,transparent 39deg 45deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
:root[data-ui="vizor"] .av.ring.seen::before{background:var(--line);padding:1.5px}
:root[data-ui="vizor"] .stories .av.ring:not(.seen)::after{content:"";position:absolute;top:calc(var(--s,44px) * -.07);right:calc(var(--s,44px) * -.07);width:max(7px,calc(var(--s,44px) * .15));height:max(7px,calc(var(--s,44px) * .15));border-radius:50%;background:var(--vz-rec);box-shadow:0 0 0 2px var(--bg);pointer-events:none}
:root[data-ui="vizor"] .stories .av.ring:not(.seen)::before{animation:vzHunt 3.4s var(--vz-ease) infinite}
:root[data-ui="vizor"] .stories .story:nth-child(2n) .av.ring::before{animation-delay:-1.1s}
:root[data-ui="vizor"] .stories .story:nth-child(3n) .av.ring::before{animation-delay:-2.2s}
:root[data-ui="vizor"] .stories .av.ring:not(.seen)::after{animation:vzRec 1.8s ease-in-out infinite}
@keyframes vzHunt{0%,58%,100%{transform:none}70%{transform:scale(1.08)}84%{transform:scale(.97)}}
@keyframes vzRec{50%{opacity:.45}}
:root[data-ui="vizor"] .story .plus{border-radius:50%;box-shadow:0 2px 6px -2px rgba(0,0,0,.3)}

/* --- kartlar: baskı gibi, köşeli vizör ve kare numarası --- */
:root[data-ui="vizor"] main{counter-reset:vzk}
:root[data-ui="vizor"] .card{counter-increment:vzk;border-color:var(--vz-hair);border-radius:24px;margin:0 12px 16px;box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .card{display:flex;flex-direction:column}
:root[data-ui="vizor"] .card>.media,:root[data-ui="vizor"] .card>.note,:root[data-ui="vizor"] .card>.poll{order:-1;margin-top:10px}
:root[data-ui="vizor"] .card-h{padding:12px 8px 2px 14px}
:root[data-ui="vizor"] .card-h .who .sub{font:500 .66rem/1.55 var(--f-mono);letter-spacing:.01em}
:root[data-ui="vizor"] .card-h .ib.plain{border-radius:50%}
:root[data-ui="vizor"] .media,:root[data-ui="vizor"] .card .note,:root[data-ui="vizor"] .card .poll{border-radius:16px}
:root[data-ui="vizor"] .media::before,:root[data-ui="vizor"] .card .note::before{content:"";position:absolute;inset:12px;z-index:1;pointer-events:none;color:rgba(255,255,255,.95);background:var(--vz-brk);background-repeat:no-repeat;filter:drop-shadow(0 0 1.2px rgba(0,0,0,.45));opacity:.85;transition:transform .35s var(--vz-ease),opacity .25s}
:root[data-ui="vizor"] .media::after{content:"KARE " counter(vzk,decimal-leading-zero);position:absolute;left:20px;bottom:19px;z-index:1;pointer-events:none;font:600 .56rem/1 var(--f-mono);letter-spacing:.16em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65);opacity:.9}
:root[data-ui="vizor"] .media .badge-k{left:20px;top:20px;border-radius:999px;padding:5px 10px;font:600 .64rem/1 var(--f-mono);letter-spacing:.04em;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-ui="vizor"] .media .playbig span{border-radius:50%;background:rgba(0,0,0,.36);box-shadow:0 0 0 1.5px rgba(255,255,255,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
:root[data-ui="vizor"] .media:has(.burst)::before{animation:vzLockB .55s var(--vz-ease)}
@keyframes vzLockB{30%{transform:scale(.94);opacity:1}65%{transform:scale(1.02)}}
@media (hover:hover){:root[data-ui="vizor"] .card .media:hover::before{transform:scale(.97);opacity:1}}
:root[data-ui="vizor"] .card .media:active::before,:root[data-ui="vizor"] .card .note:active::before{transform:scale(.93);opacity:1;transition-duration:.15s}
:root[data-ui="vizor"] .burst::before{content:"";position:absolute;inset:-28%;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:vzRing .7s var(--vz-ease) forwards}
@keyframes vzRing{from{transform:scale(.3);opacity:1}to{transform:scale(1.25);opacity:0}}
:root[data-ui="vizor"] .pills{gap:6px;padding:10px 12px 2px}
:root[data-ui="vizor"] .pill{min-height:2.35rem;padding:0 .8rem;border-radius:999px;background:transparent;border:1px solid var(--vz-hair);font:600 .76rem/1 var(--f-mono)}
:root[data-ui="vizor"] .pill svg.i{width:1.2rem;height:1.2rem}
:root[data-ui="vizor"] .pill.liked{background:color-mix(in srgb,var(--heart) 11%,transparent);border-color:color-mix(in srgb,var(--heart) 34%,transparent)}
:root[data-ui="vizor"] .pill.saved{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
:root[data-ui="vizor"] .card-b{padding:10px 16px 16px}
:root[data-ui="vizor"] .meta-line.mono{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:4px;padding:5px 9px;border-radius:8px;background:var(--surface-2);font:500 .62rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
:root[data-ui="vizor"] .meta-line.mono::before{content:"EXIF";font-weight:700;color:var(--accent)}
:root[data-ui="vizor"] .poll{background:var(--surface-2)}
:root[data-ui="vizor"] .popt{border-radius:999px;border-color:var(--vz-hair)}
:root[data-ui="vizor"] .popt.mine{border-color:var(--accent)}
:root[data-ui="vizor"] .pinlbl{font:600 .62rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 18px 2px}

/* --- bölüm başlıkları: HUD etiketi --- */
:root[data-ui="vizor"] .sec-h{margin:16px 18px 10px;font:600 .64rem/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
:root[data-ui="vizor"] .sec-h>*:not(:first-child),:root[data-ui="vizor"] .sec-h .btn,:root[data-ui="vizor"] .sec-h .muted{text-transform:none;letter-spacing:normal}
:root[data-ui="vizor"] .sec-h .btn.ghost{font-family:var(--f-body)}

/* --- düğmeler, çipler, girişler, anahtarlar --- */
:root[data-ui="vizor"] .btn{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -12px color-mix(in srgb,var(--accent) 80%,transparent)}
:root[data-ui="vizor"] .btn.sec,:root[data-ui="vizor"] .btn.line,:root[data-ui="vizor"] .btn.ghost,:root[data-ui="vizor"] .btn.danger{box-shadow:none}
:root[data-ui="vizor"] .btn.sec{background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .btn:active{transform:scale(.95)}
:root[data-ui="vizor"] .chip{border-radius:999px;border-color:var(--vz-hair)}
:root[data-ui="vizor"] .chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
:root[data-ui="vizor"] .in{border-radius:16px;border-color:var(--vz-hair);background-color:var(--vz-glass);transition:border-color .2s,box-shadow .2s}
:root[data-ui="vizor"] .in:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-ui="vizor"] .search .in{border-radius:999px;background-color:var(--vz-glass)}
:root[data-ui="vizor"] .sw span{background:color-mix(in srgb,var(--fg) 16%,transparent)}
:root[data-ui="vizor"] .sw span::after{background:radial-gradient(circle,var(--line) 0 2.5px,#fff 3px);transition:transform .28s var(--vz-spring),background .2s}
:root[data-ui="vizor"] .sw input:checked+span::after{background:radial-gradient(circle,var(--accent) 0 3.5px,#fff 4px)}
:root[data-ui="vizor"] .sw input:checked+span{background:var(--accent)}
:root[data-ui="vizor"] .seg{border-radius:999px;padding:4px;background:var(--surface-2);border:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .seg button{border-radius:999px}
:root[data-ui="vizor"] .seg button[aria-pressed="true"]{box-shadow:var(--vz-sh),inset 0 0 0 1px var(--vz-hair)}

/* --- kutular, satırlar, sohbet listesi --- */
:root[data-ui="vizor"] .box,:root[data-ui="vizor"] .set{border-color:var(--vz-hair);border-radius:22px;box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .row{position:relative}
:root[data-ui="vizor"] .box .row.unread::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
:root[data-ui="vizor"] .udot{width:9px;height:9px;box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-ui="vizor"] .row .t .s{font-size:.84rem}
:root[data-ui="vizor"] .quick button,:root[data-ui="vizor"] .pcard,:root[data-ui="vizor"] .ctile,:root[data-ui="vizor"] .src{border-color:var(--vz-hair);box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .quick button{border-radius:20px}
:root[data-ui="vizor"] .quick svg.i{width:1.35rem;height:1.35rem}
:root[data-ui="vizor"] .pcard{border-radius:22px}
:root[data-ui="vizor"] .square{position:relative;border-radius:24px;overflow:hidden}
:root[data-ui="vizor"] .square::after{content:"";position:absolute;inset:9px;color:rgba(255,255,255,.45);background:var(--vz-brk-s);background-repeat:no-repeat;pointer-events:none}
:root[data-ui="vizor"] .square .ic{border-radius:50%}
:root[data-ui="vizor"] .square .live{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;letter-spacing:.1em}
:root[data-ui="vizor"] .square .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vz-rec);animation:vzRec 1.8s ease-in-out infinite}
:root[data-ui="vizor"] .banner{border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
:root[data-ui="vizor"] .banner.ann{border-color:rgba(180,120,0,.25)}
:root[data-ui="vizor"] .nb{border-color:var(--vz-hair)}

/* --- boş durumlar: vizörde odak --- */
:root[data-ui="vizor"] .empty .ic{position:relative;border:0;border-radius:0;background:transparent}
:root[data-ui="vizor"] .empty .ic::before{content:"";position:absolute;inset:0;background:var(--vz-brk-s);background-repeat:no-repeat}
:root[data-ui="vizor"] .empty .ic::after{content:"";position:absolute;inset:9px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent)}
:root[data-ui="vizor"] .empty .ic svg.i{position:relative;z-index:1}
:root[data-ui="vizor"] .empty b{font-size:1rem}

/* --- profil: kontak baskı (contact sheet) --- */
:root[data-ui="vizor"] .stats{gap:0;background:var(--surface);border:1px solid var(--vz-hair);border-radius:20px;box-shadow:var(--vz-sh);overflow:hidden}
:root[data-ui="vizor"] .stats>*{background:transparent;border:0;border-radius:0;padding:12px 2px 11px}
:root[data-ui="vizor"] .stats>*+*{border-left:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .stats b{font:600 1.12rem/1.15 var(--f-display)}
:root[data-ui="vizor"] .stats span{margin-top:4px;font:500 .54rem/1.1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
:root[data-ui="vizor"] .prof .btns .btn{min-height:2.7rem}
:root[data-ui="vizor"] .pnote{border-radius:999px}
:root[data-ui="vizor"] .ptabs{gap:4px;margin:4px 16px 14px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .ptabs .chip{min-height:2.3rem;border:0;background:transparent;color:var(--muted);font-size:.8rem}
:root[data-ui="vizor"] .ptabs .chip[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--vz-sh),inset 0 0 0 1px var(--vz-hair)}
:root[data-ui="vizor"] .ptabs .chip[aria-pressed="true"] svg.i{color:var(--accent)}
:root[data-ui="vizor"] .grid{counter-reset:vzg;gap:4px;margin:0 12px 14px;padding:8px;border-radius:22px;background:var(--surface);border:1px solid var(--vz-hair);box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .tile{counter-increment:vzg;border-radius:12px}
:root[data-ui="vizor"] .tile::after{content:counter(vzg,decimal-leading-zero);position:absolute;right:7px;bottom:6px;font:600 .54rem/1 var(--f-mono);letter-spacing:.1em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);opacity:.92;pointer-events:none}
@media (hover:hover){:root[data-ui="vizor"] .tile img{transition:transform .5s var(--vz-ease)}:root[data-ui="vizor"] .tile:hover img{transform:scale(1.04)}}
/* boş kareler: satırı tamamlar (3 sütunda 3'e, 4 sütunda 4'e kadar) */
:root[data-ui="vizor"] .vz-ph{position:relative;aspect-ratio:1/1;border-radius:12px;border:1.5px dashed var(--line);counter-increment:vzg}
:root[data-ui="vizor"] .vz-ph::after{content:counter(vzg,decimal-leading-zero);position:absolute;right:7px;bottom:6px;font:600 .54rem/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);opacity:.7}
:root[data-ui="vizor"] .grid>.vz-ph:nth-child(n+4){display:none}
@media (min-width:560px){:root[data-ui="vizor"] .grid>.vz-ph:nth-child(n+4){display:block}:root[data-ui="vizor"] .grid>.vz-ph:nth-child(n+5){display:none}}

/* --- katmanlar: objektif gibi açılan pencereler, arkası flulaşır --- */
:root[data-ui="vizor"] .scrim{-webkit-backdrop-filter:blur(3px) saturate(.9);backdrop-filter:blur(3px) saturate(.9);animation:fade .28s ease}
:root[data-ui="vizor"] .shell:has(main.snap)~#overlay .scrim{-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-ui="vizor"] .sheet{border-radius:30px 30px 0 0;animation:vzSheet .38s var(--vz-ease);box-shadow:0 -14px 40px -18px rgba(0,0,0,.4)}
@keyframes vzSheet{from{transform:translateY(40px) scale(.96);opacity:0;filter:blur(6px)}}
:root[data-ui="vizor"] .sheet .grab{width:46px;height:4px;margin:10px auto 8px;border-radius:2px;background:linear-gradient(90deg,var(--line) 0 30%,transparent 30% 38%,var(--accent) 38% 62%,transparent 62% 70%,var(--line) 70%)}
:root[data-ui="vizor"] .sheet h4{font-size:1rem}
:root[data-ui="vizor"] .opt{border-radius:16px;margin:0 6px;width:calc(100% - 12px);padding:13px 14px}
:root[data-ui="vizor"] .opt>svg.i{color:var(--accent)}
:root[data-ui="vizor"] .opt.red>svg.i{color:var(--heart)}
:root[data-ui="vizor"] .dialog{border-radius:28px;border:1px solid var(--vz-hair);animation:vzDlg .36s var(--vz-spring)}
@keyframes vzDlg{from{opacity:0;scale:.88;filter:blur(8px)}}
:root[data-ui="vizor"] .full{animation:vzFull .32s var(--vz-ease)}
@keyframes vzFull{from{opacity:0;transform:translateY(24px) scale(.985)}}
:root[data-ui="vizor"] .ctile{border-radius:22px}
:root[data-ui="vizor"] .ctile .ic{border-radius:50%;box-shadow:0 0 0 3px var(--surface),0 0 0 4.5px color-mix(in srgb,var(--c,var(--accent)) 45%,transparent)}
:root[data-ui="vizor"] .src .ic{border-radius:50%}
/* kapanış animasyonu: kapanan pencerenin kopyası kısa süre söner (#vzGhosts, tıklanamaz) */
#vzGhosts{position:fixed;inset:0;bottom:auto;height:var(--vvh,100%);z-index:49;pointer-events:none}
#vzGhosts .vz-ghost{position:absolute;inset:0}
#vzGhosts,#vzGhosts *{pointer-events:none!important}
:root[data-ui="vizor"] #vzGhosts .scrim{animation:vzOut .22s ease forwards}
:root[data-ui="vizor"] #vzGhosts .sheet{animation:vzSheetOut .24s var(--vz-ease) forwards}
:root[data-ui="vizor"] #vzGhosts .dialog{animation:vzDlgOut .2s ease forwards}
@keyframes vzOut{to{opacity:0}}
@keyframes vzSheetOut{to{transform:translateY(46px) scale(.97);opacity:0}}
@keyframes vzDlgOut{to{opacity:0;scale:.92}}

/* --- bildirim balonu: HUD hapı --- */
:root[data-ui="vizor"] .toast{border-radius:22px;padding:9px 16px 9px 10px;font-weight:600;animation:vzToast .45s var(--vz-spring)}
:root[data-ui="vizor"] .toast:not(:has(.av))::before{content:"";flex:none;width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--vz-rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--vz-rec) 30%,transparent)}
@keyframes vzToast{from{opacity:0;transform:translateY(-14px) scale(.9);filter:blur(4px)}}

/* --- sohbet: yalnızca biçim ve aralık (renkler sohbet temasından gelir) --- */
:root[data-ui="vizor"] main.chatmode{padding-top:0}
:root[data-ui="vizor"] main.chatmode>#msgs{padding-top:calc(var(--vz-th,62px) + 12px)}
:root[data-ui="vizor"] .msg{border-radius:20px 20px 20px 7px;padding:9px 14px}
:root[data-ui="vizor"] .mrow.me .msg{border-radius:20px 20px 7px 20px}
:root[data-ui="vizor"] .mrow:not(.me) .msg{box-shadow:0 1px 1px rgba(0,0,0,.03)}
:root[data-ui="vizor"] .mrow.nw{animation:vzMsg .36s var(--vz-spring) both}
@keyframes vzMsg{from{opacity:0;transform:translateY(12px) scale(.9)}}
:root[data-ui="vizor"] .stamp{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}
:root[data-ui="vizor"] .stamp.sysn{text-transform:none;letter-spacing:normal}
:root[data-ui="vizor"] .composer{background:transparent}
:root[data-ui="vizor"] .composer textarea{border-radius:22px;border-color:var(--vz-hair)}
:root[data-ui="vizor"] .composer .send{border-radius:50%;box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px color-mix(in srgb,var(--accent) 35%,transparent)}
:root[data-ui="vizor"] .composer[data-bub] .send{box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px color-mix(in srgb,var(--bub-c,var(--accent)) 35%,transparent)}
:root[data-ui="vizor"] .cchips button{border-radius:999px;border-color:var(--vz-hair)}
:root[data-ui="vizor"] .replybar{border-radius:18px}

/* --- ayarlar --- */
:root[data-ui="vizor"] .setq{background:var(--vz-glass-2);box-shadow:0 0 0 100vmax var(--vz-glass-2);clip-path:inset(0 -100vmax);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
:root[data-ui="vizor"] .setprof{border-color:var(--vz-hair);border-radius:24px;box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .sxs .set{border-radius:22px}
:root[data-ui="vizor"] .sic{border-radius:50%;background:color-mix(in srgb,var(--c,var(--accent)) 15%,transparent);color:var(--c,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,var(--accent)) 22%,transparent)}
:root[data-ui="vizor"][data-mode="dark"] .sic{background:color-mix(in srgb,var(--c,var(--accent)) 26%,transparent);color:color-mix(in srgb,var(--c,var(--accent)) 55%,#fff)}
:root[data-ui="vizor"] .sxs .srow::after{left:58px}
/* Arayüz seçimi (Ayarlar > Görünüm) — iki görünümde de çalışır */
.vz-uic{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.vz-uic button{display:grid;justify-items:center;gap:7px;font-weight:700;font-size:.84rem;color:var(--muted);padding:0;min-width:0}
.vz-uic button[aria-pressed="true"]{color:var(--fg)}
.vz-uic button:active .vz-mk{transform:scale(.96)}
.vz-mk{position:relative;display:block;width:100%;aspect-ratio:16/11;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);background:var(--bg);transition:box-shadow .2s,border-color .2s,transform .15s}
.vz-uic button[aria-pressed="true"] .vz-mk{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
.vz-mk i{position:absolute;display:block}
.vz-mk .c1{left:12%;right:12%;top:12%;height:44%;border-radius:8px;background:var(--surface-2)}
.vz-mk.vizor .c1{color:var(--accent);background:linear-gradient(currentColor 0 0) 5px 5px/8px 2px no-repeat,linear-gradient(currentColor 0 0) 5px 5px/2px 8px no-repeat,linear-gradient(currentColor 0 0) calc(100% - 5px) calc(100% - 5px)/8px 2px no-repeat,linear-gradient(currentColor 0 0) calc(100% - 5px) calc(100% - 5px)/2px 8px no-repeat,var(--surface-2)}
.vz-mk .c2{left:12%;width:46%;top:62%;height:7%;border-radius:4px;background:var(--line)}
.vz-mk.vizor .bar{left:16%;right:16%;bottom:8%;height:15%;border-radius:999px;background:var(--surface);box-shadow:0 4px 10px -4px rgba(0,0,0,.35);border:1px solid var(--line)}
.vz-mk.vizor .sh{left:50%;bottom:9.5%;width:12%;aspect-ratio:1;border-radius:50%;translate:-50% 0;background:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent)}
.vz-mk.klasik .bar{left:0;right:0;bottom:0;height:18%;background:var(--surface);border-top:1px solid var(--line)}
.vz-mk.klasik .sh{left:50%;bottom:8%;width:11%;aspect-ratio:1;border-radius:4px;translate:-50% 0;background:var(--accent)}
.vz-mk.klasik .c1{border-radius:6px}
.vz-uirow .t small{max-width:30rem}

/* --- geniş ekran --- */
@media (min-width:900px){
 :root[data-ui="vizor"] .dock{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 :root[data-ui="vizor"] .dock nav{max-width:460px}
 :root[data-ui="vizor"] main:not(.snap){padding-left:calc((100% - 680px)/2);padding-right:calc((100% - 680px)/2)}
 :root[data-ui="vizor"] .hd{padding-left:max(16px,calc((100% - 680px)/2 + 16px));padding-right:max(16px,calc((100% - 680px)/2 + 16px))}
 :root[data-ui="vizor"] .grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:360px){:root[data-ui="vizor"] .dock{padding-inline:8px}:root[data-ui="vizor"] .dock nav{grid-template-columns:1fr 1fr 4rem 1fr 1fr}:root[data-ui="vizor"] .dock nav>button{letter-spacing:.06em}}
/* hareket azaltılınca: kayma ve nefes alma yok */
html.reduce-motion[data-ui="vizor"] .stories .av.ring::before,html.reduce-motion[data-ui="vizor"] .stories .av.ring::after,html.reduce-motion[data-ui="vizor"] .square .live::before{animation:none!important}
html.reduce-motion[data-ui="vizor"] #top,html.reduce-motion[data-ui="vizor"] .vz-focus{transition:none!important}
@media (prefers-reduced-motion:reduce){:root[data-ui="vizor"] .stories .av.ring::before,:root[data-ui="vizor"] .stories .av.ring::after,:root[data-ui="vizor"] .square .live::before{animation:none!important}:root[data-ui="vizor"] #top,:root[data-ui="vizor"] .vz-focus{transition:none!important}}
/*}@css:50UI*/

/*@css:50CALL{*/
/* 5.0 arama ekranı (ar5): sesli aramada sahne temaya uyar (açık/koyu), görüntü gelince koyu cam düzenine geçer */
.ar5{--kc-fg:var(--fg);--kc-mut:var(--muted);--kc-btn:color-mix(in srgb,var(--surface) 82%,transparent);--kc-bfg:var(--fg);--kc-ln:color-mix(in srgb,var(--line) 90%,transparent);--kc-dock:color-mix(in srgb,var(--surface) 58%,transparent);--kc-inv:var(--bg);--lv:0;--tw:min(30vw,150px);
 position:absolute;inset:0;pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;color:var(--kc-fg);isolation:isolate;
 background:radial-gradient(110% 60% at 50% 30%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 64%),radial-gradient(80% 50% at 92% 104%,color-mix(in srgb,var(--sun) 18%,transparent),transparent 62%),radial-gradient(70% 46% at -6% 96%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--bg);
 animation:ar5In .34s cubic-bezier(.2,.8,.2,1)}
.ar5::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;--g:color-mix(in srgb,var(--fg) 8%,transparent);
 background:linear-gradient(90deg,transparent calc(33.33% - .5px),var(--g) 0 calc(33.33% + .5px),transparent 0 calc(66.67% - .5px),var(--g) 0 calc(66.67% + .5px),transparent 0),linear-gradient(transparent calc(33.33% - .5px),var(--g) 0 calc(33.33% + .5px),transparent 0 calc(66.67% - .5px),var(--g) 0 calc(66.67% + .5px),transparent 0);
 -webkit-mask:radial-gradient(80% 62% at 50% 40%,#000 25%,transparent 80%);mask:radial-gradient(80% 62% at 50% 40%,#000 25%,transparent 80%)}
@keyframes ar5In{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.ar5.vid{--kc-fg:#fff;--kc-mut:rgba(255,255,255,.8);--kc-btn:rgba(20,26,24,.5);--kc-bfg:#fff;--kc-ln:rgba(255,255,255,.16);--kc-dock:rgba(8,12,11,.42);--kc-inv:#0b0f0e;background:#050807}
.ar5.vid::before{display:none}
/* görüntüler */
.ar5-media{position:absolute;inset:0;z-index:0}
.ar5-v{position:absolute;overflow:hidden;background:#0b0f0e;opacity:0;pointer-events:none;transition:opacity .35s ease,top .35s ease,right .35s ease,width .35s ease,height .35s ease,border-radius .35s ease}
.ar5-v video{width:100%;height:100%;object-fit:cover;display:block}
.ar5-rem{top:0;right:0;width:100%;height:100%}
.ar5.rvis .ar5-rem{opacity:1}
.ar5.rshare .ar5-rem video{object-fit:contain}
.ar5-loc{top:calc(72px + env(safe-area-inset-top,0px));right:14px;width:var(--tw);aspect-ratio:var(--lar,3/4);border-radius:22px;z-index:3;box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 1.5px rgba(255,255,255,.42)}
.ar5.lvis .ar5-loc{opacity:1;pointer-events:auto;cursor:pointer}
.ar5.mir .ar5-loc video{transform:scaleX(-1)}
.ar5.self .ar5-loc,.ar5.swap .ar5-loc{top:0;right:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;z-index:0;cursor:default}
.ar5.swap .ar5-rem{top:calc(72px + env(safe-area-inset-top,0px));right:14px;width:var(--tw);height:auto;aspect-ratio:var(--rar,3/4);border-radius:22px;z-index:3;box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 1.5px rgba(255,255,255,.42);pointer-events:auto;cursor:pointer}
.ar5.swap .ar5-rem video{object-fit:cover}
.ar5-ltag{position:absolute;left:8px;bottom:8px;display:none;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:9px;background:rgba(0,0,0,.58);color:#fff;font-size:.7rem;font-weight:700}
.ar5-ltag svg.i{width:.95rem;height:.95rem}
.ar5.sharing .ar5-ltag{display:inline-flex}
.ar5-lflip{position:absolute;right:6px;bottom:6px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ar5-lflip svg.i{width:1.1rem;height:1.1rem}
.ar5.sharing .ar5-lflip,.ar5.self .ar5-lflip,.ar5.swap .ar5-lflip{display:none}
.ar5-shade{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(rgba(0,0,0,.55),transparent 24%,transparent 54%,rgba(0,0,0,.68))}
.ar5.vid .ar5-shade{opacity:1}
.ar5.idle .ar5-shade{opacity:.2}
/* üst çubuk */
.ar5-top{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 0;transition:opacity .3s,transform .3s}
.ar5-tb{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--kc-btn);color:var(--kc-bfg);border:1px solid var(--kc-ln);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .15s}
.ar5-tb:active{transform:scale(.92)}
.ar5-tb svg.i{width:1.3rem;height:1.3rem}
.ar5-q{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:12px;background:var(--kc-btn);border:1px solid var(--kc-ln);color:var(--kc-fg);font-size:.76rem;font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ar5-bars{display:inline-flex;align-items:flex-end;gap:2px;height:13px}
.ar5-bars i{width:3.5px;border-radius:2px;background:currentColor;opacity:.28}
.ar5-bars i:nth-child(1){height:5px}.ar5-bars i:nth-child(2){height:9px}.ar5-bars i:nth-child(3){height:13px}
.ar5-bars.q1 i:nth-child(1),.ar5-bars.q2 i:nth-child(-n+2),.ar5-bars.q3 i{opacity:1}
.ar5-bars.q3{color:var(--ok)}.ar5-bars.q2{color:#E0A100}.ar5-bars.q1{color:var(--heart)}
.ar5.vid .ar5-bars.q3{color:#5BE3B3}.ar5.vid .ar5-bars.q2{color:#FFCF4D}.ar5.vid .ar5-bars.q1{color:#FF8597}
.ar5.idle .ar5-top{opacity:0;transform:translateY(-14px);pointer-events:none}
/* sahne: vizör köşeleri sesle nefes alır */
.ar5-stage{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:10px 20px;text-align:center;transition:opacity .3s}
.ar5-vf{position:relative;width:196px;height:196px;display:grid;place-items:center;flex:none}
.ar5-vf .av{z-index:1}
.ar5-vf .av img{border-radius:34%;box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 30%,transparent)}
.ar5-c{position:absolute;width:34px;height:34px;border:3.5px solid var(--accent);transition:transform .1s linear,border-color .25s}
.ar5-c.tl{left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:16px;transform:translate(calc(var(--lv)*-14px),calc(var(--lv)*-14px))}
.ar5-c.tr{right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:16px;transform:translate(calc(var(--lv)*14px),calc(var(--lv)*-14px))}
.ar5-c.bl{left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:16px;transform:translate(calc(var(--lv)*-14px),calc(var(--lv)*14px))}
.ar5-c.br{right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:16px;transform:translate(calc(var(--lv)*14px),calc(var(--lv)*14px))}
.ar5.spk .ar5-c{border-color:var(--sun)}
.ar5-aura{position:absolute;inset:26px;border-radius:36%;background:var(--accent);opacity:calc(.12 + var(--lv)*.3);transform:scale(calc(1 + var(--lv)*.3));transition:transform .1s linear,opacity .1s linear}
.ar5-aura.a2{inset:16px;opacity:calc(.06 + var(--lv)*.16);transform:scale(calc(1 + var(--lv)*.55))}
.ar5.st-ringing .ar5-vf,.ar5.st-connecting .ar5-vf{animation:ar5Breath 2.2s ease-in-out infinite}
.ar5.st-incoming .ar5-aura.a2{inset:22px;background:transparent;border:2.5px solid var(--accent);animation:ar5Ring 1.8s ease-out infinite}
.ar5.st-incoming .ar5-aura:not(.a2){animation:ar5Ring 1.8s ease-out .9s infinite;background:transparent;border:2px solid var(--accent);inset:22px}
.ar5.st-incoming .ar5-c{animation:ar5Seek 1.7s ease-in-out infinite}
.ar5.st-connected .ar5-vf{animation:ar5Lock .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes ar5Breath{50%{transform:scale(1.05)}}
@keyframes ar5Ring{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1.75);opacity:0}}
@keyframes ar5Seek{50%{border-color:var(--sun)}}
@keyframes ar5Lock{0%{transform:scale(1.22);opacity:.5}100%{transform:none;opacity:1}}
.ar5-who{display:grid;justify-items:center;gap:6px;max-width:100%;min-width:0}
.ar5-who b{font:600 1.6rem/1.15 var(--f-display);letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar5-st{font:500 .95rem/1.2 var(--f-mono);color:var(--kc-mut);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-height:1.2em}
.ar5-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ar5-chips:empty{display:none}
.ar5-chip2{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:11px;background:var(--kc-btn);border:1px solid var(--kc-ln);font-size:.78rem;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ar5-chip2 svg.i{width:.95rem;height:.95rem}
.ar5-chip2.warn{color:var(--heart)}
.ar5.vid .ar5-chip2.warn{color:#FFB3BE}
.ar5.vid .ar5-vf{display:none}
.ar5.vid .ar5-stage{flex:none;align-items:flex-start;justify-content:flex-start;text-align:left;padding:12px 18px 0;gap:0}
.ar5.vid.lvis:not(.swap):not(.self) .ar5-stage,.ar5.vid.swap .ar5-stage{padding-right:calc(var(--tw) + 28px)}
.ar5.vid .ar5-who{justify-items:start;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.ar5.vid .ar5-who b{font-size:1.25rem}
.ar5.vid .ar5-chips{justify-content:flex-start}
.ar5.self .ar5-stage{flex:1;align-items:center;justify-content:center;text-align:center;padding:10px 20px}
.ar5.self .ar5-who{justify-items:center}
.ar5.self .ar5-who b{font-size:1.6rem}
.ar5.idle .ar5-stage{opacity:0}
/* uçan tepkiler */
.ar5-fx{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.ar5-fl{position:absolute;bottom:calc(178px + env(safe-area-inset-bottom,0px));width:48px;height:48px;animation:ar5Float var(--d,2.6s) cubic-bezier(.22,.7,.3,1) forwards;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22));will-change:transform,opacity}
.ar5-fl svg.rx{width:100%;height:100%;display:block}
.ar5-fl .av{position:absolute;right:-6px;bottom:-4px}
.ar5-fl .av img{box-shadow:0 0 0 2px var(--surface)}
@keyframes ar5Float{0%{transform:translate(0,24px) scale(.3) rotate(-8deg);opacity:0}14%{transform:translate(calc(var(--x)*.3),0) scale(1.18) rotate(4deg);opacity:1}62%{opacity:1}100%{transform:translate(var(--x),-46vh) scale(.92) rotate(-4deg);opacity:0}}
.ar5-fl.rm{animation:none;bottom:calc(210px + env(safe-area-inset-bottom,0px))}
.ar5-fl.mini{left:50%;top:-40px;bottom:auto;width:34px;height:34px;margin-left:-17px;animation:ar5MiniPop 1.6s ease forwards}
.ar5-mini.vid .ar5-fl.mini{top:38%}
.ar5-fl.mini.rm{animation:none}
@keyframes ar5MiniPop{0%{transform:translateY(12px) scale(.4);opacity:0}20%{transform:none;opacity:1}75%{opacity:1}100%{transform:translateY(-22px);opacity:0}}
/* alt denetimler */
.ar5-bot{position:relative;z-index:4;margin-top:auto;display:grid;justify-items:center;gap:14px;padding:10px 12px calc(20px + env(safe-area-inset-bottom,0px));transition:opacity .3s,transform .3s}
.ar5.idle .ar5-bot{opacity:0;transform:translateY(26px);pointer-events:none}
.ar5-dock{display:flex;justify-content:center;gap:2px;padding:8px 6px;border-radius:28px;background:var(--kc-dock);border:1px solid var(--kc-ln);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 16px 40px rgba(0,0,0,.1);max-width:100%}
.ar5-b{display:grid;justify-items:center;gap:5px;width:clamp(54px,calc((100vw - 48px) / 5),64px);font-size:.7rem;font-weight:700;color:var(--kc-fg);text-align:center;letter-spacing:.01em}
.ar5-i{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:var(--kc-btn);color:var(--kc-bfg);border:1px solid var(--kc-ln);box-shadow:0 0 0 calc(var(--ll,0)*7px) color-mix(in srgb,var(--accent) 38%,transparent);transition:background .2s,color .2s,transform .15s,box-shadow .1s linear}
.ar5-i svg.i{width:1.45rem;height:1.45rem}
.ar5-b:active .ar5-i{transform:scale(.9)}
.ar5-b.act .ar5-i{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.ar5-b.warn .ar5-i{background:var(--kc-fg);color:var(--kc-inv);border-color:transparent}
.ar5-b.na .ar5-i{opacity:.5}
.ar5-lab{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar5-end{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;min-width:170px;padding:0 28px;border-radius:19px;background:#E23E57;color:#fff;font-weight:800;font-size:1rem;letter-spacing:.01em;box-shadow:0 14px 30px rgba(226,62,87,.3);transition:transform .15s,filter .15s}
.ar5-end svg.i{width:1.6rem;height:1.6rem;stroke-width:2}
.ar5-end:hover{filter:brightness(1.06)}
.ar5-end:active{transform:scale(.96)}
.ar5-note{margin:-4px 0 0;font-size:.78rem;color:var(--kc-mut);text-align:center;max-width:20rem}
.ar5-ans{display:flex;justify-content:center;gap:clamp(56px,20vw,120px);width:100%;padding-top:4px}
.ar5-lb{display:grid;justify-items:center;gap:8px;font-size:.84rem;font-weight:700}
.ar5-big{width:76px;height:76px;border-radius:27px;display:grid;place-items:center;color:#fff;transition:transform .15s}
.ar5-big:active{transform:scale(.93)}
.ar5-big.red{background:#E23E57;box-shadow:0 14px 30px rgba(226,62,87,.3)}
.ar5-big.green{background:#14A06B;animation:ar5Pulse 1.6s infinite}
.ar5-big svg.i{width:2rem;height:2rem;stroke-width:2}
@keyframes ar5Pulse{0%{box-shadow:0 0 0 0 rgba(20,160,107,.55)}70%{box-shadow:0 0 0 22px rgba(20,160,107,0)}100%{box-shadow:0 0 0 0 rgba(20,160,107,0)}}
.ar5-alt{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ar5-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:13px;background:var(--kc-btn);border:1px solid var(--kc-ln);color:var(--kc-fg);font-size:.82rem;font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ar5-chip svg.i{width:1.05rem;height:1.05rem}
.ar5-share{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:16px;background:color-mix(in srgb,var(--accent) 88%,#000);color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.ar5-share svg.i{width:1.15rem;height:1.15rem}
.ar5-share .ar5-chip{height:32px;background:rgba(255,255,255,.2);border-color:transparent;color:#fff}
.ar5-tray{display:flex;gap:2px;padding:6px;border-radius:22px;background:var(--kc-dock);border:1px solid var(--kc-ln);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:ar5Tray .24s cubic-bezier(.2,.9,.3,1.3)}
.ar5-tray button{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;transition:transform .15s,background .15s}
.ar5-tray button:hover{background:var(--kc-btn);transform:translateY(-3px)}
.ar5-tray button:active{transform:scale(.88)}
.ar5-tray svg.rx{width:32px;height:32px}
@keyframes ar5Tray{from{opacity:0;transform:translateY(12px) scale(.94)}}
/* küçültülmüş yüzen pencere */
.ar5-mini{position:fixed;left:0;top:0;z-index:70;display:flex;align-items:center;gap:10px;padding:8px;border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;max-width:calc(100vw - 24px);animation:ar5MiniIn .32s cubic-bezier(.2,.9,.3,1.25);transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1)}
.ar5-mini.drag{transition:none;cursor:grabbing;box-shadow:0 20px 44px rgba(0,0,0,.3)}
.ar5-mini:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@keyframes ar5MiniIn{from{opacity:0;transform:scale(.8)}}
.ar5-mav{position:relative;display:grid;flex:none}
.ar5-mav::before{content:"";position:absolute;inset:-4px;border-radius:38%;border:2px solid var(--accent);opacity:calc(.35 + var(--lv,0)*.65);transform:scale(calc(1 + var(--lv,0)*.2));transition:transform .1s linear,border-color .25s}
.ar5-mini.spk .ar5-mav::before{border-color:var(--sun)}
.ar5-mt{display:grid;min-width:0;max-width:9.5rem;line-height:1.25;padding-right:2px}
.ar5-mt b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar5-mt small{font:600 .78rem/1.2 var(--f-mono);color:var(--accent);font-variant-numeric:tabular-nums}
.ar5-mb{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
.ar5-mb.red{background:#E23E57}.ar5-mb.green{background:#14A06B}
.ar5-mb svg.i{width:1.3rem;height:1.3rem;stroke-width:2}
.ar5-mini.vid{display:block;width:118px;height:168px;padding:0;overflow:hidden;background:#0b0f0e;border-color:rgba(255,255,255,.22)}
.ar5-mini.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ar5-mini.vid .ar5-mt{position:absolute;left:6px;bottom:9px}
.ar5-mini.vid .ar5-mt b{display:none}
.ar5-mini.vid .ar5-mt small{padding:2px 7px;border-radius:8px;background:rgba(0,0,0,.58);color:#fff}
.ar5-mini.vid .ar5-mb{position:absolute;right:6px;bottom:6px;width:34px;height:34px;border-radius:12px}
/* seçenek sayfaları */
.ar5-ot{flex:1;min-width:0;display:grid;gap:2px}
.ar5-ot small{font-weight:500;color:var(--muted);font-size:.8rem}
.ar5-ov{color:var(--muted);font-weight:500;font-size:.85rem;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar5-swr{cursor:pointer}
.ar5-info{display:flex;gap:10px;align-items:flex-start;margin:8px 16px 0;padding:10px 12px;border-radius:14px;background:var(--surface-2);font:500 .8rem/1.45 var(--f-mono);color:var(--muted)}
.ar5-info svg.i{width:1.1rem;height:1.1rem;flex:none;margin-top:1px}
.ar5-keys{margin:10px 20px 0;font-size:.78rem;color:var(--muted)}
.ar5-keys kbd{font:600 .74rem var(--f-mono);padding:1px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.ar5-qin{display:flex;gap:8px;padding:8px 16px 0}
.ar5-qin .in{flex:1;min-height:2.6rem}
.ar5-qn{margin:8px 20px 0;font-size:.78rem;color:var(--muted)}
/* geniş ekran */
@media (min-width:720px){
 .ar5{--tw:220px}
 .ar5-loc,.ar5.swap .ar5-rem{top:calc(80px + env(safe-area-inset-top,0px));right:24px}
 .ar5-vf{width:236px;height:236px}
 .ar5-vf .av{--s:156px!important}
 .ar5-who b{font-size:2rem}
 .ar5-b{width:74px;font-size:.74rem}
 .ar5-i{width:54px;height:54px}
 .ar5-dock{gap:6px;padding:10px}
 .ar5-top{padding-left:24px;padding-right:24px}
 .ar5.vid .ar5-stage{padding-left:26px}
 .ar5-fl{width:56px;height:56px}
}
@media (min-aspect-ratio:1/1){.ar5-rem video{object-fit:contain}.ar5.swap .ar5-rem video{object-fit:cover}
 .ar5.rshare:not(.idle):not(.swap) .ar5-rem{top:calc(160px + env(safe-area-inset-top,0px));height:calc(100% - 160px - 196px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:transparent}}
/* hareketi azalt */
html.reduce-motion .ar5,html.reduce-motion .ar5 *,html.reduce-motion .ar5-mini,html.reduce-motion .ar5-mini *{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.ar5,.ar5 *,.ar5-mini,.ar5-mini *{animation:none!important;transition:none!important}}
/*}@css:50CALL*/

/*@css:50SRCH{*/
/* ===== 5.0 · Keşfet araması: çubuk, canlı öneriler, süzgeç, sonuçlar (Klasik temel; Vizör ayarları en altta) ===== */
.sr-bar{position:relative;display:flex;align-items:center;gap:4px}
.sr-in{position:relative;flex:1;min-width:0}
.sr-in.hasx .in{padding-right:44px}
#q::-webkit-search-cancel-button,#q::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.sr-x{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.sr-x svg.i{width:1.05rem;height:1.05rem}
.sr-cancel{flex:none;padding:0 .55rem;animation:fade .2s ease}
.sr-sug{position:absolute;left:16px;right:16px;top:calc(100% - 4px);z-index:16;display:grid;gap:2px;padding:6px;max-height:min(25rem,calc(var(--vvh,100vh) * .55));overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);animation:fade .14s ease}
.sr-si{display:flex;align-items:center;gap:10px;width:100%;min-height:3rem;padding:6px 10px;border-radius:12px;text-align:left}
.sr-si.sel{background:var(--surface-2)}
.sr-si:focus-visible{background:var(--surface-2);outline:none}
.sr-si .t{flex:1;min-width:0;display:grid;line-height:1.25}
.sr-si .t b,.sr-si .t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-si .t b{font-weight:700;font-size:.95rem}
.sr-si .t small{color:var(--muted);font-size:.8rem}
.sr-si>svg.i{flex:none;width:1.1rem;height:1.1rem;color:var(--muted)}
.sr-si.go:not(:first-child){margin-top:3px;box-shadow:0 -1px 0 var(--line)}
.sr-si.go .t b{font-weight:600}
@media (hover:hover){.sr-si:hover,.sr-x:hover{background:var(--surface-2)}.sr-x:hover{color:var(--fg)}}
.sr-hb{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.sr-hb svg.i{width:1.2rem;height:1.2rem;stroke-width:2.2}
.sr-hb.q{background:var(--surface-2);color:var(--muted)}
.sr-hb.sm{width:34px;height:34px;border-radius:11px}
.sr-hb.sm svg.i{width:1.05rem;height:1.05rem}
.sr-body mark,.sr-sug mark{background:color-mix(in srgb,var(--accent) 20%,transparent);color:inherit;border-radius:3px;box-shadow:0 1.5px 0 var(--accent)}
.sr-body.upd>*{animation:fade .2s ease}
.sr-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.sr-tabs.end{-webkit-mask-image:none;mask-image:none}
.sr-tabs .sr-cn{font:600 .66rem/1 var(--f-mono);letter-spacing:0;opacity:.72;margin-left:1px}
.sec-h .sr-n{font:500 .72rem/1 var(--f-mono);letter-spacing:.04em;color:var(--muted);margin-left:4px}
.sr-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px 12px}
.sr-cnt{font:600 .66rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.sr-sort{flex:none;padding:3px}
.sr-sort button{min-height:2.1rem;padding:0 .8rem;font-size:.8rem}
.sr-tch{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
.sr-tch .chip{min-height:2.25rem;padding:0 .85rem;font-size:.86rem;gap:5px;max-width:100%}
.sr-tch.one{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:30px;padding-bottom:18px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.sr-tch.one::-webkit-scrollbar{display:none}
.sr-tch.one .chip{flex:none}
.sr-tch .chip small{font:600 .66rem/1 var(--f-mono);color:var(--muted)}
.sr-tg .sr-ths{display:flex;flex:none;padding-left:10px}
.sr-tg .sr-ths img{width:30px;height:30px;margin-left:-10px;border-radius:9px;object-fit:cover;border:2px solid var(--surface);background:var(--surface-2)}
.sr-po{align-items:flex-start}
.sr-th{position:relative;flex:none;width:58px;height:58px;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.sr-th img{width:100%;height:100%;object-fit:cover;display:block}
.sr-th .sr-nt{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.sr-th i{position:absolute;top:4px;right:4px;display:grid;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.sr-th i svg.i{width:.95rem;height:.95rem}
.row.sr-po .t>.sr-pu{font-size:.84rem}
.row.sr-po .t>.sr-pc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin-top:2px;font-size:.93rem;line-height:1.35;overflow-wrap:anywhere}
.row.sr-po .t>.sr-pm{display:flex;gap:12px;margin-top:6px;color:var(--muted);font:600 .72rem/1 var(--f-mono)}
.sr-pm span{display:inline-flex;align-items:center;gap:4px}
.sr-pm svg.i{width:.9rem;height:.9rem}
.sr-flg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px;margin-bottom:14px}
.sr-flr{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 3);gap:6px;overflow-x:auto;padding:0 12px 4px;margin-bottom:14px;scrollbar-width:none}
.sr-flr::-webkit-scrollbar{display:none}
.sr-fl{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111;color:#fff;text-align:left}
.sr-fl img{width:100%;height:100%;object-fit:cover;display:block}
.sr-fl .sr-fe{position:absolute;inset:0;display:grid;place-items:center;opacity:.8}
.sr-fl::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}
.sr-flb{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:grid;gap:2px;font-size:.72rem;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sr-flb b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-flb span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-fl .c{position:absolute;left:8px;top:8px;z-index:1;display:flex;align-items:center;gap:4px;font:700 .7rem/1 var(--f-body);text-shadow:0 1px 3px rgba(0,0,0,.7)}
.sr-fl .c svg.i{width:.85rem;height:.85rem}
.sr-body .sr-fl mark{background:rgba(255,255,255,.28);color:#fff;box-shadow:0 1.5px 0 #fff}
.sr-hero{display:flex;align-items:center;gap:14px;margin:0 12px 14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.sr-hero .sr-big{position:relative;flex:none;width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.sr-hero .sr-big i{position:relative;z-index:1;font:600 2.1rem/1 var(--f-display);font-style:normal}
.sr-hero .t{min-width:0}
.sr-hero b{display:block;font:600 1.3rem/1.2 var(--f-display);overflow-wrap:anywhere}
.sr-hero small{display:block;margin-top:5px;color:var(--muted);font-size:.86rem}
.box .row.sr-rr{padding:0 6px 0 0}
.sr-rr .sr-rm{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 0 11px 14px;text-align:left}
.sr-rr .sr-del{color:var(--muted)}
.sr-empty span:last-child,.sr-hint span:last-child{max-width:24rem}
@media (min-width:560px){.sr-flg{grid-template-columns:repeat(4,1fr)}.sr-flr{grid-auto-columns:calc((100% - 18px) / 4)}}
html.reduce-motion .sr-body.upd>*,html.reduce-motion .sr-sug,html.reduce-motion .sr-cancel{animation:none}
/* Vizör: vizör köşeleri, cam öneri penceresi, fosforlu kalem vurgusu */
:root[data-ui="vizor"] .sr-sug{border-color:var(--vz-hair);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:var(--vz-lift)}
:root[data-ui="vizor"] .sr-si{border-radius:18px}
:root[data-ui="vizor"] .sr-si .t small{font:500 .7rem/1.4 var(--f-mono);letter-spacing:.02em}
:root[data-ui="vizor"] .sr-hb{border-radius:50%}
:root[data-ui="vizor"] .sr-body mark,:root[data-ui="vizor"] .sr-sug mark{background:transparent;border-radius:0;box-shadow:inset 0 -.5em 0 color-mix(in srgb,var(--accent) 30%,transparent)}
:root[data-ui="vizor"] .sr-body .sr-fl mark{box-shadow:inset 0 -.5em 0 rgba(255,255,255,.35)}
:root[data-ui="vizor"] .sr-tabs .chip{padding:0 .7rem;letter-spacing:.08em}
:root[data-ui="vizor"] .sr-tools{margin:2px 18px 12px}
:root[data-ui="vizor"] .sr-tch .chip{background:var(--vz-glass);font:600 .74rem/1 var(--f-mono);letter-spacing:.02em}
:root[data-ui="vizor"] .sr-th{border-radius:10px}
:root[data-ui="vizor"] .sr-flg,:root[data-ui="vizor"] .sr-flr{gap:4px}
:root[data-ui="vizor"] .sr-fl{border-radius:12px}
:root[data-ui="vizor"] .sr-hero{border-color:var(--vz-hair);border-radius:24px;box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .sr-hero .sr-big{background:transparent;border-radius:0}
:root[data-ui="vizor"] .sr-hero .sr-big::before{content:"";position:absolute;inset:0;background:var(--vz-brk-s);background-repeat:no-repeat}
:root[data-ui="vizor"] .sr-hero .sr-big::after{content:"";position:absolute;inset:10px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent)}
:root[data-ui="vizor"] .sr-hero small{font:500 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
/* sayfa girişinde bölümler eskisi gibi sırayla gelsin (#srBody tek blok kalmasın) */
:root[data-ui="vizor"] main.enter>.sr-body{animation:none}
:root[data-ui="vizor"] main.enter>.sr-body>*{animation:vzRise .44s var(--vz-ease) both}
:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(1){animation-delay:0.070s}:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(2){animation-delay:0.105s}:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(3){animation-delay:0.140s}:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(4){animation-delay:0.175s}:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(5){animation-delay:0.210s}:root[data-ui="vizor"] main.enter>.sr-body>*:nth-child(6){animation-delay:0.245s}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){:root[data-ui="vizor"] .sr-sug{background:var(--surface)}}
/*}@css:50SRCH*/

/*@css:50ADM{*/
/* ===== 5.0 · yönetici paneli: açılır-kapanır bölümler (Klasik ve Vizör ortak; Vizör inceltmeleri en altta) ===== */
:root{--adm-hot:#B45309;--adm-hot-bg:#FEF3C7;--adm-kid:#6D28D9;--adm-kid-bg:#EDE9FE}
:root[data-mode="dark"]{--adm-hot:#FBBF24;--adm-hot-bg:rgba(251,191,36,.14);--adm-kid:#C4B5FD;--adm-kid-bg:rgba(167,139,250,.16)}
.adm5-hero{position:relative}
.adm5-hero .t{flex:1;min-width:0}
.adm5-hero .t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm5-all{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:2.2rem;padding:0 .8rem 0 .6rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);color:#fff;font:600 .74rem/1 var(--f-body);white-space:nowrap}
.adm5-all svg.i{width:1rem;height:1rem;transform:rotate(180deg)}
.adm5-all[hidden]{display:none}
.adm5-all:active{transform:scale(.95)}
.adm5-warn{margin:0 12px 12px;align-items:center;background:var(--adm-hot-bg);color:var(--fg)}
.adm5-warn>svg.i{color:var(--adm-hot);margin-top:0}
.adm5-warn>span{flex:1;min-width:0}
.adm5-warn .btn{flex:none}
.adm5{display:grid;gap:10px;margin:0 12px 6px}
.adm5-s{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;scroll-margin-top:calc(var(--vz-th,0px) + 10px);scroll-margin-bottom:calc(var(--vz-dh,0px) + 12px);transition:border-color .25s}
.adm5-hh{margin:0;font:inherit}
.adm5-h{display:flex;align-items:center;gap:12px;width:100%;min-height:4.1rem;padding:12px 10px 12px 14px;text-align:left;color:var(--fg);transition:background-color .15s}
.adm5-h:active{background:var(--surface-2)}
.adm5-h:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:inherit}
@media (hover:hover){.adm5-h:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}}
.adm5-ic{position:relative;width:2.5rem;height:2.5rem;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.adm5-ic svg.i{width:1.25rem;height:1.25rem}
.adm5-t{flex:1;min-width:0;display:grid;gap:3px}
.adm5-t b{font:600 1rem/1.2 var(--f-display);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm5-t small{font-size:.78rem;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm5-n{flex:none;max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:999px;background:var(--surface-2);color:var(--fg);font:600 .68rem/1 var(--f-mono);letter-spacing:.02em}
.adm5-n.dim{color:var(--muted)}
.adm5-n.on{background:var(--accent-soft);color:var(--accent)}
.adm5-n.warn{background:var(--heart);color:#fff}
.adm5-n.hot{background:var(--adm-hot-bg);color:var(--adm-hot)}
.adm5-n.live::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ok);vertical-align:1px}
.adm5-cv{flex:none;display:grid;place-items:center;width:1.6rem;color:var(--muted);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.adm5-cv svg.i{width:1.15rem;height:1.15rem}
.adm5-s.open .adm5-cv{transform:rotate(180deg)}
.adm5-s.opening .adm5-cv{transform:none}
.adm5-b{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .34s cubic-bezier(.2,.8,.2,1),opacity .26s}
.adm5-s:not(.open) .adm5-b{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1),opacity .18s,visibility 0s .26s}
.adm5-s.opening .adm5-b{grid-template-rows:0fr;opacity:0;transition:none}
.adm5-in{min-height:0;overflow:hidden}
.adm5-pad{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border-top:1px solid var(--line);min-width:0}
.adm5-pad>*{min-width:0}
.adm5-sub{font:600 .62rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:2px 0 -4px}
.adm5-note{margin:0;font-size:.84rem;line-height:1.45;color:var(--muted)}
.adm5-note b{color:var(--fg)}
.adm5-note svg.i{width:1em;height:1em;vertical-align:-.13em;color:var(--accent)}
.adm5-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.adm5-cnt{font:500 .7rem/1 var(--f-mono);color:var(--muted)}
.adm5 .field label{font-size:.8rem}
.adm5 textarea.in{min-height:5.6rem;padding:12px 14px;resize:vertical;line-height:1.4}
.adm5 .adm-cur{align-items:center}
.adm5 .adm-cur>svg.i{flex:none;color:var(--accent)}
.adm5 .adm-cur>span{flex:1;min-width:0;overflow-wrap:anywhere}
.adm5 .adm-cur .btn{flex:none}
.adm5-list{display:grid;grid-template-columns:minmax(0,1fr);margin:0 -14px}
.adm5-list>*{min-width:0}
.adm5-list>*{padding:10px 14px}
.adm5-list>*+*{border-top:1px solid var(--line)}
.adm5-empty{display:flex;align-items:center;gap:12px;color:var(--muted)}
.adm5-empty>svg.i{flex:none;width:2.3rem;height:2.3rem;padding:9px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.adm5-empty>span{flex:1;min-width:0;display:grid;gap:2px}
.adm5-empty b{color:var(--fg);font-size:.92rem}
.adm5-empty small{font-size:.8rem;line-height:1.35}
.adm5-empty .btn{flex:none}
.adm5-err{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--heart) 10%,transparent);color:var(--fg);font-size:.86rem}
.adm5-err>svg.i{flex:none;color:var(--heart)}
.adm5-err>span{display:grid;gap:2px;min-width:0}
.adm5-err small{color:var(--muted);overflow-wrap:anywhere}
/* özet */
.adm5-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.adm5-st{display:grid;justify-items:center;align-content:center;gap:4px;padding:12px 4px 10px;border-radius:16px;background:var(--surface-2);color:var(--fg);text-align:center;min-width:0}
.adm5-st b{font:600 1.2rem/1.1 var(--f-display)}
.adm5-st span{font-size:.72rem;line-height:1.2;color:var(--muted)}
button.adm5-st{transition:transform .15s,background-color .2s}
button.adm5-st:active{transform:scale(.95)}
.adm5-st.warn{background:color-mix(in srgb,var(--heart) 13%,var(--surface-2))}
.adm5-st.warn b{color:var(--heart)}
.adm5-cld{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--surface-2)}
.adm5-kv{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;min-width:0}
.adm5-kv>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);min-width:0}
.adm5-kv svg.i{width:1rem;height:1rem;color:var(--accent);flex:none}
.adm5-kv>b{text-align:right;overflow-wrap:anywhere;min-width:0}
.adm5-kv .mono{font:500 .74rem/1.3 var(--f-mono)}
.adm5-bar{height:8px;border-radius:4px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}
.adm5-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.adm5-cld small{font-size:.76rem;line-height:1.4;color:var(--muted)}
.adm5-cld .btn{justify-self:start;text-decoration:none}
.adm5-cld .btn.sec{background:var(--surface);border:1px solid var(--line)}
.adm5-pad{container-type:inline-size}
@container (min-width:540px){.adm5-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* şikayetler */
.adm5-rep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:start}
.adm5-rep .t{display:grid;gap:2px;min-width:0;line-height:1.3}
.adm5-rep .t b{font-size:.92rem}
.adm5-rep .s{font-size:.79rem;color:var(--muted);overflow-wrap:anywhere}
.adm5-acts{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}
.adm5-del{background:var(--heart);color:#fff}
.adm5 .adm-th:disabled{opacity:.6}
/* kullanıcılar */
.adm5-uq{display:flex;gap:8px;align-items:center}
.adm5-uq.search{padding:0}
.adm5-uq .in{flex:1;min-width:0;min-height:2.65rem;padding-left:40px;background-position:12px 50%;background-size:18px}
.adm5-sort{flex:none;grid-auto-columns:auto;padding:3px;gap:2px}
.adm5-sort button{min-height:2.15rem;padding:0 .7rem;font-size:.78rem}
.adm5-fl{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px 2px}
.adm5-fl::-webkit-scrollbar{display:none}
.adm5-fl .chip{min-height:2.1rem;padding:0 .75rem;font-size:.8rem;gap:6px;border-radius:999px}
.adm5-fl .chip span{font:600 .66rem/1 var(--f-mono);opacity:.7}
.adm5-u{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--fg);transition:background-color .15s}
.adm5-u:active{background:var(--surface-2)}
@media (hover:hover){.adm5-u:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}}
.adm5-u .t{flex:1;min-width:0;display:grid;gap:2px;line-height:1.3}
.adm5-u .n{display:flex;align-items:center;min-width:0}
.adm5-u .n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.adm5-u .n>*{flex:none}.adm5-u .n>b{flex:0 1 auto}
.adm5-u .s,.adm5-u .s2{font-size:.79rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm5-u .s2{font-size:.74rem}
.adm5-go{flex:none;width:1.1rem;height:1.1rem;color:var(--muted)}
.adm5-open{flex:none;font:600 .78rem/1 var(--f-body);color:var(--accent);padding:7px 11px;border-radius:999px;background:var(--accent-soft)}
.adm5-u.ban .av{filter:grayscale(1);opacity:.7}
.adm5-bd{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.adm5-bd i{font-style:normal;font:600 .58rem/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:4px 6px;border-radius:6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.adm5-bd i.ok{background:var(--accent-soft);color:var(--accent)}
.adm5-bd i.mu{background:var(--adm-hot-bg);color:var(--adm-hot)}
.adm5-bd i.ch{background:var(--adm-kid-bg);color:var(--adm-kid)}
.adm5-bd i.ban{background:color-mix(in srgb,var(--heart) 14%,transparent);color:var(--heart)}
.sheet .row .t .adm5-bd{white-space:normal}
.adm5-list>.adm5-morew{padding:10px 14px 2px}
/* içerik ve botlar */
.adm5-pr{display:flex;align-items:center;gap:10px}
.adm5-pr .t{flex:1;min-width:0;line-height:1.3}
.adm5-pr .t>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm5-pr .s{font-size:.79rem;color:var(--muted)}
.adm5-pr .ib{width:2.3rem;height:2.3rem;border-radius:12px}
.adm5-pr .ib.on{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.adm5-set{display:grid;grid-template-columns:minmax(0,1fr);margin:0 -14px}
.adm5-set .srow{padding:12px 14px;min-height:3.3rem}
.adm5-set .srow+.srow{border-top:1px solid var(--line)}
.adm5-set .srow small{overflow-wrap:anywhere}
.adm5-det summary{cursor:pointer;font-weight:700;font-size:.86rem;color:var(--accent);padding:2px 0}
.adm5-det .adm-rules{margin-top:8px}
/* arşiv */
.adm5-arst{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);min-height:1.4rem}
.adm5-arst:empty{display:none}
.adm5-arst .spin{width:16px;height:16px;border-width:2px;flex:none}
.adm5-arst>svg.i{width:1.05rem;height:1.05rem;color:var(--accent);flex:none}
.adm5-arst>span:not(.spin){flex:1;min-width:0}
.adm5-arst .btn{flex:none}
.adm5-ar{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:8px}
.adm5-v{position:relative;display:grid;gap:5px;justify-items:start;padding:11px 10px 10px;border-radius:14px;background:var(--surface-2);border:1px solid transparent;text-align:left;color:var(--fg);transition:transform .15s,border-color .2s}
.adm5-v b{font:600 .95rem/1 var(--f-mono)}
.adm5-v small{font:500 .6rem/1 var(--f-mono);color:var(--muted)}
.adm5-v i{font-style:normal;font:700 .52rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.adm5-v.cur{border-color:var(--accent);background:var(--accent-soft)}
.adm5-v:active{transform:scale(.95)}
@media (hover:hover){.adm5-v:hover{border-color:var(--line)}.adm5-v.cur:hover{border-color:var(--accent)}}
/* kayıt */
.adm5-lg{display:flex;gap:10px;align-items:flex-start}
.adm5-lg>i{flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent)}
.adm5-lg .t{flex:1;min-width:0;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.adm5-lg .s{font-size:.76rem;color:var(--muted)}
.adm5-exit{padding:6px 12px 20px}
/* Vizör */
:root[data-ui="vizor"] .adm5-hero{border-radius:24px}
:root[data-ui="vizor"] .adm5-hero::after{content:"";position:absolute;inset:9px;color:rgba(255,255,255,.42);background:var(--vz-brk-s);background-repeat:no-repeat;pointer-events:none}
:root[data-ui="vizor"] .adm5-warn{border-color:color-mix(in srgb,var(--adm-hot) 30%,transparent)}
:root[data-ui="vizor"] .adm5-s{border-color:var(--vz-hair);border-radius:22px;box-shadow:var(--vz-sh)}
:root[data-ui="vizor"] .adm5-s.open{border-color:color-mix(in srgb,var(--accent) 30%,var(--vz-hair))}
:root[data-ui="vizor"] .adm5-ic{border-radius:50%;background:transparent}
:root[data-ui="vizor"] .adm5-ic::before{content:"";position:absolute;inset:-3px;color:var(--accent);background:var(--vz-brk-s);background-repeat:no-repeat;opacity:.45;transition:inset .34s var(--vz-spring),opacity .3s}
:root[data-ui="vizor"] .adm5-ic::after{content:"";position:absolute;inset:5px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent)}
:root[data-ui="vizor"] .adm5-ic svg.i{position:relative;z-index:1}
:root[data-ui="vizor"] .adm5-s.open:not(.opening) .adm5-ic::before{inset:1px;opacity:1}
:root[data-ui="vizor"] .adm5-n{background:transparent;border:1px solid var(--vz-hair);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
:root[data-ui="vizor"] .adm5-n.on{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root[data-ui="vizor"] .adm5-n.warn,:root[data-ui="vizor"] .adm5-n.hot{border-color:transparent}
:root[data-ui="vizor"] .adm5-pad,:root[data-ui="vizor"] .adm5-list>*+*,:root[data-ui="vizor"] .adm5-set .srow+.srow{border-top-color:var(--vz-hair)}
:root[data-ui="vizor"] .adm5-st{border-radius:18px;background:var(--vz-glass);border:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .adm5-st span{font:600 .55rem/1.25 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
:root[data-ui="vizor"] .adm5-st.warn{background:color-mix(in srgb,var(--heart) 10%,var(--vz-glass));border-color:color-mix(in srgb,var(--heart) 30%,transparent)}
:root[data-ui="vizor"] .adm5-cld{border-radius:18px;background:var(--vz-glass);border:1px solid var(--vz-hair)}
:root[data-ui="vizor"] .adm5-cld .btn.sec{border-color:var(--vz-hair);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
:root[data-ui="vizor"] .adm5-v{border-radius:16px;background:var(--vz-glass);border-color:var(--vz-hair)}
:root[data-ui="vizor"] .adm5-v.cur{background:color-mix(in srgb,var(--accent) 10%,var(--vz-glass));border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-ui="vizor"] .adm5-v.cur::before{content:"";position:absolute;inset:4px;color:var(--accent);background:var(--vz-brk-s);background-repeat:no-repeat;pointer-events:none}
:root[data-ui="vizor"] .adm5-pr .ib{border-radius:50%}
:root[data-ui="vizor"] .adm5-del{box-shadow:0 8px 18px -12px color-mix(in srgb,var(--heart) 80%,transparent)}
:root[data-ui="vizor"] main.enter>.adm5{animation:none}
:root[data-ui="vizor"] main.enter .adm5>.adm5-s{animation:vzRise .44s var(--vz-ease) both;animation-delay:calc(.06s + var(--i,0) * .035s)}
html.reduce-motion .adm5-b,html.reduce-motion .adm5-cv,html.reduce-motion .adm5-ic::before{transition:none!important}
@media (prefers-reduced-motion:reduce){.adm5-b,.adm5-cv,.adm5-ic::before{transition:none!important}.adm5 .adm5-s{animation:none!important}}
/*}@css:50ADM*/

/*@css:50CHS{*/
/* ===== 5.0 · Kadraj Satrancı =====
   Tahta çerçevesi (.cbfr), efekt katmanı (#cFx: kıvılcım, terfi halkası), şah nabzı, saat (.cclk), alınan taşlar tepsisi (.ctray),
   lobide görünüm kartı (.clook, canlı önizleme #cPrev), bulmaca kartı/listesi (.pzcard, .pzlist) ve bulmaca ekranı (.pz*).
   Animasyonlar yalnızca transform/opacity; azaltılmış hareket: CSS animasyonları kapanır, JS kbReduce() ile anında çizer. */
.cbfr{position:relative;flex:0 1 auto;width:100%;min-width:0;max-width:calc(100dvh - 318px)}
.cbfr>.cboard{max-width:none}
/* .nt (notlar şeridi) genişlik verir; tahtadaki .pc.nt yalnızca geçişi kapatsın */
.cpcs .pc.nt{width:12.5%;height:12.5%;padding:0;display:block}
.cpcs .pc.cgl{transition:none}
.cfx{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}
.cfx .cpt{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:2px;will-change:transform,opacity}
.cfx .cpt.r{border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}
.cfx .cring{position:absolute;width:12.5%;height:12.5%;border-radius:50%;border:3px solid #ffcf4d;box-shadow:0 0 16px rgba(255,207,77,.75),inset 0 0 10px rgba(255,207,77,.5)}
/* şah: nabız atan ışık ve halka */
.chess .cmk .chk{background:none}
.chess .cmk .chk::before{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(226,62,87,.95) 0%,rgba(226,62,87,.55) 38%,transparent 70%);animation:chkPulse 1.15s ease-in-out infinite}
.chess .cmk .chk::after{content:"";position:absolute;inset:8%;border-radius:50%;border:2.5px solid rgba(226,62,87,.85);animation:chkRing 1.15s ease-out infinite}
.chess .cmk .chk.mate::before{background:radial-gradient(circle,rgba(226,62,87,1) 0%,rgba(226,62,87,.7) 45%,transparent 74%);animation-duration:.8s}
@keyframes chkPulse{50%{transform:scale(.84);opacity:.72}}
@keyframes chkRing{from{transform:scale(.7);opacity:.95}to{transform:scale(1.28);opacity:0}}
/* tema ayrıntıları */
.chess[data-cth="vizor"] .cmk .lm{background:rgba(255,138,76,.34)}
.chess[data-cth="vizor"] .cmk .sel{background:rgba(255,138,76,.5)}
.chess[data-cth="gunbatimi"] .cmk .lm{background:rgba(255,240,150,.55)}
.chess[data-cth="gunbatimi"] .cmk .sel{background:rgba(12,122,99,.42)}
.chess[data-cth="zumrut"] .cmk .sel{background:rgba(255,207,77,.55)}
.chess[data-cth="zumrut"] .cmk .dot::after,.chess[data-cth="zumrut"] .cmk .cap::after{border-color:rgba(255,255,255,.45)}
.chess[data-cth="zumrut"] .cmk .dot::after{background:rgba(255,255,255,.42)}
/* bulmaca işaretleri */
.cmk .pzh{background:rgba(255,170,0,.32);box-shadow:inset 0 0 0 3px rgba(255,170,0,.9)}
.cmk .pzx{background:rgba(226,62,87,.5);animation:pzx .9s ease forwards}
@keyframes pzx{60%{opacity:1}to{opacity:0}}
.cbfr::after{content:"";position:absolute;inset:-4px;border-radius:14px;pointer-events:none;opacity:0;z-index:2}
.cbfr.pzwin::after{box-shadow:0 0 0 3px var(--accent),0 0 30px 6px color-mix(in srgb,var(--accent) 55%,transparent);animation:pzWin 1.7s ease forwards}
@keyframes pzWin{0%{opacity:0;transform:scale(.97)}18%{opacity:1;transform:scale(1.012)}100%{opacity:0;transform:none}}
/* saat */
.cclk{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;padding:7px 11px;border-radius:12px;background:var(--surface-2);color:var(--muted);font:700 1.05rem/1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:background .2s,color .2s}
.cclk svg.i{width:.95rem;height:.95rem;stroke-width:2.2}
.cclk.on{background:var(--fg);color:var(--bg)}
.cclk.low{background:var(--heart);color:#fff;animation:clkLow 1s ease-in-out infinite}
.cclk.out{background:var(--heart);color:#fff}
@keyframes clkLow{50%{transform:scale(1.06)}}
.cdots+.cclk{margin-left:6px}
/* alınan taşlar tepsisi */
.ctray{display:flex;align-items:center;gap:5px;min-height:20px;overflow:hidden}
.ctray .ctg{display:inline-flex}
.ctray .ctg img{width:20px;height:20px;margin-right:-10px}
.ctray .ctg img:last-child{margin-right:0}
.ctray img.pop{animation:trayPop .55s cubic-bezier(.3,1.5,.5,1)}
@keyframes trayPop{from{transform:translateY(-10px) scale(.2);opacity:0}}
.ctray .cadv{margin-left:3px;font:700 .7rem/1 var(--f-mono);color:var(--accent);background:var(--accent-soft);padding:3px 6px;border-radius:7px}
html[data-mode="dark"] :is(.ctray,.cside,.cps,.cpromo,.pzside) img{filter:drop-shadow(0 0 1.2px rgba(255,255,255,.5))}
/* lobi: süre, bulmaca kartı, görünüm */
.lbl em{font-style:normal;font-weight:600;opacity:.75;margin-left:4px}
.ctcs button svg.i{width:.95rem;height:.95rem}
.cmini{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:8px;overflow:hidden;flex:none;box-shadow:var(--shadow-s)}
.cmini i{background:var(--cl) center/92% no-repeat}.cmini i.d{background-color:var(--cd)}
.pzcard{padding:14px;display:grid;gap:12px}
.pzc-top{display:flex;gap:14px;align-items:center}
.pzc-top .cminiw{width:96px}
.cminiw{position:relative;display:block;flex:none}
.cminiw .cmini{width:100%}
.pzc-t{min-width:0;display:grid;gap:3px}
.pzc-t b{font:600 1.05rem/1.2 var(--f-display)}
.pzc-t small{color:var(--muted);font-size:.82rem}
.pzbar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:6px}
.pzbar i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,0));border-radius:3px}
.pzc-btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.clook{padding:14px;display:grid;gap:12px}
.clook-top{display:grid;grid-template-columns:minmax(0,min(250px,52%)) minmax(0,1fr);gap:14px;align-items:center}
.cprevw{position:relative}
.cprev{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-s)}
.cprev .csq2{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}
.cprev .csq2 i{background:var(--cl)}.cprev .csq2 i.d{background:var(--cd)}
.cprev .pp{position:absolute;left:0;top:0;width:12.5%;height:12.5%;will-change:transform}
.cprev .pp img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}
.clook-ps{display:grid;gap:8px;align-content:center}
.cps{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--surface-2);border:1px solid transparent;text-align:left;min-width:0;width:100%}
.cps[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.cps .cpsi{display:flex;flex:none}
.cps .cpsi img{width:30px;height:30px;margin-right:-9px}.cps .cpsi img:last-child{margin-right:0}
.cps span:last-child{min-width:0}
.cps b{display:block;font-size:.9rem}.cps small{display:block;color:var(--muted);font-size:.72rem;line-height:1.25}
.clook .cthemes{padding:0}
.cpsets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
/* bulmaca listesi */
.pzl-h{margin:0 18px 12px;color:var(--muted);font-size:.86rem}
.pzlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 18px}
@media (min-width:520px){.pzlist{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pzit{display:grid;gap:7px;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:left;position:relative;min-width:0}
.pzit.cur{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
.pzit .cminiw{width:100%}
.pzit .pzt{display:block;min-width:0;padding:0 2px}
.pzit b{display:block;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pzit small{display:block;color:var(--muted);font-size:.72rem}
.pzit .pzok{position:absolute;top:13px;right:13px;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:var(--shadow-s);z-index:2}
.pzit .pzok svg.i{width:.95rem;height:.95rem;stroke-width:3}
.pzit .pzok.star{background:#ffcf4d;color:#3a2a00}
/* bulmaca ekranı */
.pzsub{font-size:.8rem;line-height:1.3;color:var(--muted);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pzsub.say{color:var(--fg)}
.pzsub.pop{animation:pzSay .35s cubic-bezier(.3,1.4,.5,1)}
@keyframes pzSay{from{transform:translateY(5px);opacity:0}}
.pzhead{min-height:60px}
.pzn{margin-left:auto;flex:none;font:700 .8rem/1 var(--f-mono);padding:7px 10px;border-radius:10px;background:var(--surface-2)}
.pzsteps{display:flex;gap:5px;align-items:center;min-height:18px}
.pzsteps i{width:20px;height:6px;border-radius:3px;background:var(--line);transition:background .3s}
.pzsteps i.ok{background:var(--accent)}
.pzprog{margin-left:auto;flex:none;display:grid;justify-items:end;gap:2px;font:700 1rem/1 var(--f-mono)}
.pzprog small{font:600 .66rem/1.2 var(--f-body);color:var(--muted)}
.chess[data-cm="puzzle"] .cctl{grid-template-columns:repeat(5,1fr)}
.cend .pzbadge{display:inline-flex;align-items:center;gap:5px;font:700 .64rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:#ffcf4d;color:#3a2a00;padding:5px 8px;border-radius:999px}
.cend .pzbadge svg.i{width:.8rem;height:.8rem;stroke-width:2.6}
/* Vizör: tahta ve küçük tahtalar vizör köşeleriyle çerçevelenir, saat REC ışığıyla */
:root[data-ui="vizor"] .cbfr::before,:root[data-ui="vizor"] .cminiw::after,:root[data-ui="vizor"] .cprevw::after{content:"";position:absolute;inset:-6px;color:var(--accent);background:var(--vz-brk);background-repeat:no-repeat;pointer-events:none;z-index:1}
:root[data-ui="vizor"] .cminiw::after{inset:-5px;background:var(--vz-brk-s);background-repeat:no-repeat;opacity:.85}
:root[data-ui="vizor"] .cclk{border-radius:999px;border:1px solid var(--vz-hair);padding:7px 12px}
:root[data-ui="vizor"] .cclk.on{background:var(--fg);color:var(--bg);border-color:transparent}
:root[data-ui="vizor"] .cclk.on::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vz-rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--vz-rec) 25%,transparent);animation:vzRec 1.8s ease-in-out infinite}
:root[data-ui="vizor"] .cclk.on svg.i,:root[data-ui="vizor"] .cclk.low svg.i{display:none}
:root[data-ui="vizor"] .cclk.low{background:var(--heart);color:#fff}
:root[data-ui="vizor"] .pzn{border-radius:999px;letter-spacing:.06em}
:root[data-ui="vizor"] .cps,:root[data-ui="vizor"] .pzit{border-radius:18px}
:root[data-ui="vizor"] .ctray .cadv{border-radius:999px}
html.reduce-motion .chess .cmk .chk::before,html.reduce-motion .chess .cmk .chk::after,html.reduce-motion .cclk.low,html.reduce-motion[data-ui="vizor"] .cclk.on::before{animation:none!important}
html.reduce-motion .chess .cmk .chk::after{opacity:.8}
@media (prefers-reduced-motion:reduce){.chess .cmk .chk::before,.chess .cmk .chk::after,.cclk.low{animation:none!important}.chess .cmk .chk::after{opacity:.8}}
/*}@css:50CHS*/

/*@css:50AI{*/
.sheet .kai-box{padding:0 16px 16px}
.kai-box .kai-row{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}
.kai-box .kai-st{font-size:.85rem;color:var(--muted);min-height:1.2em;overflow-wrap:anywhere}
.kai-box .kai-help{display:inline-block;margin-top:8px;font-size:.85rem;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/*}@css:50AI*/



/* ===== 5.1 bölgeleri ===== */


/*@css:51CHS{*/
/* ===== 5.1 · Satranç: Clawd rakip (.cwav, .cwface), lobide rakip seçimi (.copp), Clawd–Rota kartı ve şeridi (.chwcard, .chwbar),
   oyun içi sohbet (.cchat). Clawd'un yüzü iki kare: .cwf.a / .cwf.b, opacity step-end ile değişir; azaltılmış harekette yalnızca ilk kare. */
.cwface{position:relative;display:block;width:var(--s);height:calc(var(--s) * 18 / 23);flex:none}
.cwface .cwf{position:absolute;inset:0}
.cwface svg{display:block;width:100%;height:100%}
.cwface .cwf.b{opacity:0}
.cwface.an-blink .cwf.a{animation:cwfA 4.4s step-end infinite}.cwface.an-blink .cwf.b{animation:cwfB 4.4s step-end infinite}
.cwface.an-mid .cwf.a{animation:cwfA2 .9s step-end infinite}.cwface.an-mid .cwf.b{animation:cwfB2 .9s step-end infinite}
.cwface.an-fast .cwf.a{animation:cwfA2 .26s step-end infinite}.cwface.an-fast .cwf.b{animation:cwfB2 .26s step-end infinite}
@keyframes cwfA{0%{opacity:1}94%{opacity:0}97%{opacity:1}}
@keyframes cwfB{0%{opacity:0}94%{opacity:1}97%{opacity:0}}
@keyframes cwfA2{0%{opacity:1}50%{opacity:0}}
@keyframes cwfB2{0%{opacity:0}50%{opacity:1}}
.cwav{position:relative;display:inline-grid;place-items:center;flex:none;width:50px;height:46px;border-radius:32%;background:#f8e2d8;background:color-mix(in srgb,#D97757 17%,var(--surface-2));overflow:visible}
html[data-mode="dark"] .cwav{background:#3b2721;background:color-mix(in srgb,#D97757 22%,var(--surface-2))}
.cwav .cwface{margin-top:4px}
.cwav.happy .cwface{animation:cwHop .5s ease 2}
.cwav.surp .cwface{animation:cwJolt .35s ease}
@keyframes cwHop{40%{transform:translateY(-5px)}}
@keyframes cwJolt{30%{transform:translateY(-3px) scale(1.05)}}
.cwav.lg{width:62px;height:58px}
.cwtag{background:#fbe3d8;background:color-mix(in srgb,#D97757 18%,transparent);color:#b4532f}
html[data-mode="dark"] .cwtag{color:#f2a184}
.cwtag svg.i{width:.8rem;height:.8rem}
.chero-cw{padding-top:8px}
.chero-cw>.cwface{filter:drop-shadow(0 6px 8px rgba(217,119,87,.25))}
/* lobi: rakip seçimi */
.copp{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.copp button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:var(--surface-2);border:1.5px solid transparent;text-align:left;min-width:0;color:var(--fg)}
.copp button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.copp button>span:last-child{min-width:0}
.copp b{display:block;font-size:.95rem}.copp small{display:block;color:var(--muted);font-size:.72rem;line-height:1.25}
.copp-f{display:grid;place-items:center;flex:none;width:46px;height:46px}
.copp .cwav{width:48px;height:46px}
.chcst{display:flex;align-items:center;gap:12px;margin:-6px 12px 16px;padding:10px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.chcst>div{min-width:0;display:grid;gap:2px}
.chcst b{font-size:.92rem}.chcst small{color:var(--muted);font-size:.74rem}
/* Clawd–Rota kartı */
.chwcard{padding:14px;display:grid;gap:10px}
.chw-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}
.chw-p{display:grid;justify-items:center;gap:4px;font-size:.85rem}
.chw-rf{display:grid;place-items:center;width:62px;height:58px}
.chw-vs{display:grid;justify-items:center;gap:3px;text-align:center}
.chw-vs b{font:600 1.7rem/1 var(--f-display);letter-spacing:-.02em}
.chw-vs small{color:var(--muted);font-size:.74rem}
.chw-d{margin:0;color:var(--muted);font-size:.86rem;text-align:center}
.lvls.sm .lvl{padding:7px 1px}
/* izleme ekranı */
.chwbar{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:4px 4px 4px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:44px}
.chw-sc{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem;white-space:nowrap;min-width:0}
.chw-sc b{font:700 1.05rem/1 var(--f-mono);padding:4px 8px;border-radius:9px;background:var(--surface-2)}
.chw-sp{flex:none;padding:3px}
.chw-sp button{min-height:2.1rem;padding:0 9px;font-size:.76rem}
.chw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cbub.up{top:auto;bottom:calc(100% - 2px);transform-origin:20px 100%;transform:translateY(4px) scale(.96)}
.cbub.up.show{transform:none}
.cbub.up::before{top:auto;bottom:-7px;border-left:0;border-top:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.chwend{gap:4px;padding:14px 14px 10px}
.chwend .ct.face{background:none;width:auto;height:auto}
.chwend .cbtns{gap:4px;margin-top:4px}
.chw-b2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.chw-b2 .btn{padding-left:6px;padding-right:6px}
.chw-sco{display:flex;align-items:center;gap:10px;margin-top:4px;font-weight:700;font-size:.86rem}
.chw-sco b{font:600 1.5rem/1 var(--f-display)}
.chw-sd{color:var(--muted);font-size:.76rem}
/* oyun içi sohbet */
.cchat{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cch-h{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;text-align:left;min-height:46px;color:var(--fg)}
.cch-h>svg.i{width:1.15rem;height:1.15rem;flex:none;color:var(--accent)}
.cch-h b{font-size:.88rem;flex:none}
.cch-pv{flex:1;min-width:0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cch-n{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--heart);color:#fff;font:700 .7rem/20px var(--f-mono);text-align:center}
.cch-n[hidden]{display:none}
.cch-ar{flex:none;display:grid;color:var(--muted);transition:transform .2s;transform:rotate(90deg)}
.cch-ar svg.i{width:1rem;height:1rem}
.cchat.open .cch-ar{transform:rotate(-90deg)}
.cchat.open .cch-pv{visibility:hidden}
.cch-b{border-top:1px solid var(--line);display:grid;gap:8px;padding:8px 10px 10px}
.cch-b[hidden]{display:none}
.cch-list{display:flex;flex-direction:column;gap:4px;max-height:min(28vh,190px);min-height:44px;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.cchm{align-self:flex-start;max-width:82%;padding:6px 11px;border-radius:15px 15px 15px 5px;background:var(--surface-2);font-size:.88rem;line-height:1.3;overflow-wrap:anywhere;animation:cchIn .22s ease}
.cchm.me{align-self:flex-end;border-radius:15px 15px 5px 15px;background:var(--accent);color:var(--accent-ink)}
@keyframes cchIn{from{opacity:0;transform:translateY(5px)}}
.cch-e{color:var(--muted);font-size:.82rem;text-align:center;padding:8px}
.cch-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.cch-chips::-webkit-scrollbar{display:none}
.cch-chips button{flex:none;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.78rem;white-space:nowrap}
.cch-f{display:flex;gap:6px}
.cch-f input{flex:1;min-width:0;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font:inherit;font-size:max(16px,.95rem)}
.cch-f button{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.cch-f button svg.i{width:1.15rem;height:1.15rem}
.cchat.ping .cch-h{animation:cchPing .8s ease}
@keyframes cchPing{30%{background:var(--accent-soft)}}
:root[data-ui="vizor"] .cchat,:root[data-ui="vizor"] .chwbar,:root[data-ui="vizor"] .chcst{border-radius:20px}
:root[data-ui="vizor"] .copp button{border-radius:18px}
html.reduce-motion .cwface .cwf,html.reduce-motion .cwav .cwface,html.reduce-motion .cchm,html.reduce-motion .cchat.ping .cch-h{animation:none!important}
html.reduce-motion .cwface .cwf.a{opacity:1}
@media (prefers-reduced-motion:reduce){.cwface .cwf,.cwav .cwface,.cchm,.cchat.ping .cch-h{animation:none!important}.cwface .cwf.a{opacity:1}}
/*}@css:51CHS*/

/*@css:51NOTIF{*/
/* ===== 5.1 · Kadraj bildirim kartı (#knStack .kn) =====
   Üstten kayan dikdörtgen kart: fotoğraf + tür rozeti, "Kadraj · tür · saat" satırı, ad, iki satır önizleme, eylemler, yanıt kutusu.
   Renkler tema değişkenlerinden; Vizör'de köşelerde odak işaretleri ve HUD yazısı. */
#knStack{position:fixed;left:0;right:0;top:calc(8px + env(safe-area-inset-top,0px));z-index:85;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px;pointer-events:none}
.kn{--kn-r:16px;position:relative;width:min(460px,100%);pointer-events:auto;background:color-mix(in srgb,var(--surface) 98%,transparent);color:var(--fg);border:1px solid var(--line);border-radius:var(--kn-r);box-shadow:0 18px 40px -16px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;
 transform:translateY(calc(-100% - 24px));opacity:0;transition:transform .42s cubic-bezier(.2,1.25,.35,1),opacity .25s ease}
.kn.in{transform:none;opacity:1}
.kn.out{transform:translateY(calc(-100% - 24px))!important;opacity:0!important;transition:transform .26s ease-in,opacity .22s ease-in}
.kn.rm,.kn.rm.out{transition:none}
.kn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.kn[data-kind="like"]::before{background:var(--heart)}
.kn[data-kind="comment"]::before,.kn[data-kind="post"]::before{background:var(--sun,#FF9F0A)}
.kn-m{display:flex;gap:11px;align-items:flex-start;padding:11px 14px 11px 14px;cursor:pointer;outline:none;border-radius:var(--kn-r)}
.kn-m:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.kn-av{position:relative;flex:none;width:44px;height:44px}
.kn-av .av{--s:44px}
.kn-app-av{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--accent-ink)}
.kn-app-av .vfmark{width:26px;height:26px}
.kn-ki{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 2px var(--surface)}
.kn[data-kind="like"] .kn-ki{background:var(--heart);color:#fff}
.kn-ki svg.i{width:12px;height:12px;stroke-width:2.4}
.kn-t{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.kn-h{display:flex;align-items:center;gap:6px;font:600 .72rem/1.2 var(--f-body);color:var(--muted);letter-spacing:.01em}
.kn-app{display:inline-flex;align-items:center;gap:4px;color:var(--fg)}
.kn-app .vfmark{width:13px;height:13px;color:var(--accent)}
.kn-app b{font:700 .7rem var(--f-display);letter-spacing:.02em}
.kn-l::before{content:"·";margin-right:6px}
.kn-h time{margin-left:auto;font-variant-numeric:tabular-nums;font-family:var(--f-mono);font-size:.7rem}
.kn-n{font:700 .95rem/1.25 var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.kn-n small{font-weight:500;color:var(--muted);font-size:.82rem}
.kn-x{font-size:.9rem;line-height:1.32;color:color-mix(in srgb,var(--fg) 86%,var(--muted));overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.kn.sent .kn-x{color:var(--accent);font-weight:600}
.kn-a{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.kn-a button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 4px;font:600 .82rem var(--f-body);color:var(--fg);background:none;border:0;cursor:pointer}
.kn-a button+button{border-left:1px solid var(--line)}
.kn-a button svg.i{width:17px;height:17px}
.kn-a button[data-kn="heart"] svg.i{color:var(--heart)}
.kn-a button[data-kn="seen"] svg.i{color:var(--accent)}
.kn-a button:active{background:color-mix(in srgb,var(--fg) 7%,transparent)}
.kn-a button:disabled{opacity:.55;cursor:default}
.kn-a button.done{opacity:1;color:var(--accent)}
.kn-a button[data-kn="heart"].done{color:var(--heart)}
.kn-a button.done svg.i{animation:knPop .4s cubic-bezier(.3,1.6,.5,1)}
.kn.rp .kn-a{display:none}
.kn-r{display:flex;gap:8px;align-items:center;padding:8px 10px 10px 12px;border-top:1px solid var(--line)}
.kn-r[hidden]{display:none}
.kn-in{flex:1;min-width:0;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:500 16px var(--f-body);-webkit-user-select:text;user-select:text;outline:none}
.kn-in:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.kn-send{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:0;background:var(--accent);color:var(--accent-ink);cursor:pointer}
.kn-send svg.i{width:18px;height:18px}
.kn-send:disabled{opacity:.5}
.kn-grip{position:absolute;left:50%;bottom:4px;width:34px;height:4px;margin-left:-17px;border-radius:4px;background:color-mix(in srgb,var(--fg) 16%,transparent);pointer-events:none}
.kn.rp .kn-grip,.kn-msg .kn-grip{display:none}
@keyframes knPop{50%{transform:scale(1.35)}}
@media (max-width:360px){.kn-a button span{font-size:.76rem}.kn-a button svg.i{display:none}}
/* Vizör: köşe işaretleri, HUD yazısı, daha keskin kart */
:root[data-ui="vizor"] .kn{--kn-r:12px;border-color:color-mix(in srgb,var(--fg) 12%,transparent)}
:root[data-ui="vizor"] .kn::after{content:"";position:absolute;inset:5px;pointer-events:none;color:color-mix(in srgb,var(--accent) 70%,transparent);background:var(--vz-brk-s);background-repeat:no-repeat;border-radius:8px}
:root[data-ui="vizor"] .kn-h{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem}
:root[data-ui="vizor"] .kn-h time{font-size:.66rem}
:root[data-ui="vizor"] .kn-app b{font-family:var(--f-mono);letter-spacing:.1em}
:root[data-ui="vizor"] .kn-l::before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:var(--vz-rec);vertical-align:middle;box-shadow:0 0 0 2px color-mix(in srgb,var(--vz-rec) 28%,transparent)}
:root[data-ui="vizor"] .kn.in{transition:transform .5s var(--vz-spring),opacity .25s ease}
:root[data-ui="vizor"] .kn-in,:root[data-ui="vizor"] .kn-send{border-radius:10px}
html.reduce-motion .kn,html.reduce-motion .kn.out{transition:opacity .15s linear!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.kn,.kn.out,:root[data-ui="vizor"] .kn.in{transition:opacity .15s linear!important;transform:none!important}.kn-a button.done svg.i{animation:none}}
/*}@css:51NOTIF*/

/*@css:51ADM{*/
/* ===== 5.1 · yönetici: duyuru şeridi, rozetler, askı ekranı, sürüm etiketi, yeni panel bölümleri ===== */
:root{--k51-imp:#C2410C;--k51-imp-bg:#FFEDD5}
:root[data-mode="dark"]{--k51-imp:#FDBA74;--k51-imp-bg:rgba(251,146,60,.15)}
/* duyuru şeridi */
.k51ann{--lc:var(--accent);--lb:var(--accent-soft);position:relative;display:flex;align-items:flex-start;gap:11px;margin:4px 12px 12px;padding:12px 8px 12px 12px;border-radius:18px;background:var(--lb);border:1px solid color-mix(in srgb,var(--lc) 22%,transparent);color:var(--fg);overflow:hidden}
.k51ann::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lc)}
.k51ann.lv-onemli{--lc:var(--k51-imp);--lb:var(--k51-imp-bg)}
.k51ann.lv-bakim{--lc:var(--adm-hot);--lb:var(--adm-hot-bg)}
.k51ann-ic{flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--lc) 15%,var(--surface));color:var(--lc)}
.k51ann-ic svg.i{width:1.15rem;height:1.15rem}
.k51ann-t{flex:1;min-width:0;display:grid;gap:3px;line-height:1.38}
.k51ann-t b{display:flex;align-items:center;gap:7px;min-width:0;font:600 .9rem/1.25 var(--f-display)}
.k51ann-t b>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k51ann-lv{flex:none;font:700 .55rem/1 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--lc) 16%,transparent);color:var(--lc)}
.k51ann-t p{margin:0;font-size:.87rem;overflow-wrap:anywhere;white-space:pre-line}
.k51ann-t small{font-size:.72rem;color:var(--muted)}
.k51ann-x{flex:none;width:2.2rem;height:2.2rem;margin:-4px 0 0;color:var(--muted)}
.k51ann.preview{margin:0}
.k51ann.dim{opacity:.6}
.k51ann.float{position:fixed;z-index:30;left:50%;top:var(--k51t,70px);width:min(560px,calc(100% - 24px));margin:0;transform:translateX(-50%);background:color-mix(in srgb,var(--lb) 55%,var(--surface));box-shadow:0 14px 34px -18px rgba(0,0,0,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.k51ann.float .k51ann-t{cursor:pointer}
.k51ann.float .k51ann-t p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k51ann.in{animation:k51annIn .5s cubic-bezier(.2,.9,.25,1.15) both}
.k51ann.float.in{animation-name:k51annInF}
.k51ann.out{animation:k51annOut .26s ease both}
.k51ann.float.out{animation-name:k51annOutF}
@keyframes k51annIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes k51annInF{from{opacity:0;transform:translate(-50%,-12px) scale(.97)}to{opacity:1;transform:translateX(-50%)}}
@keyframes k51annOut{to{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes k51annOutF{to{opacity:0;transform:translate(-50%,-10px) scale(.97)}}
:root[data-ui="vizor"] .k51ann{border-radius:22px;border-color:color-mix(in srgb,var(--lc) 26%,var(--vz-hair,transparent))}
:root[data-ui="vizor"] .k51ann::before{display:none}
:root[data-ui="vizor"] .k51ann-ic{background:transparent;position:relative}
:root[data-ui="vizor"] .k51ann-ic::before{content:"";position:absolute;inset:-2px;color:var(--lc);background:var(--vz-brk-s);background-repeat:no-repeat;opacity:.8}
/* rozetler */
.rz{--c:var(--accent);display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--c);color:#fff;font-style:normal;flex:none}
.rz svg.i{width:.68rem;height:.68rem;stroke-width:2.4}
.rz.lg{width:2.4rem;height:2.4rem;box-shadow:0 6px 14px -8px var(--c)}
.rz.lg svg.i{width:1.25rem;height:1.25rem;stroke-width:2}
.rzs{display:inline-flex;align-items:center;gap:2px;margin-left:4px;vertical-align:-2px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rzs .rz{box-shadow:0 0 0 1.5px var(--surface)}
.rzs .rz+.rz{margin-left:-4px}
.rzm{font:700 .6rem/1 var(--f-mono);font-style:normal;color:var(--muted);margin-left:2px}
h1 .rzs{vertical-align:middle}
.rzstrip{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.rzchip{display:inline-flex;align-items:center;gap:6px;min-height:1.9rem;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 26%,transparent);color:var(--fg);font:600 .74rem/1 var(--f-body);transition:transform .15s}
.rzchip .rz{width:1.35rem;height:1.35rem}.rzchip .rz svg.i{width:.8rem;height:.8rem}
.rzchip:active{transform:scale(.95)}
:root[data-mode="dark"] .rzchip{background:color-mix(in srgb,var(--c) 18%,var(--surface))}
.rzsh{display:grid;gap:2px;padding:0 16px 16px}
.rzrow{display:flex;align-items:center;gap:12px;padding:10px 4px}
.rzrow+.rzrow{border-top:1px solid var(--line)}
.rzrow .t{flex:1;min-width:0;display:grid;gap:2px;line-height:1.35}
.rzrow .t b{display:flex;align-items:center;gap:8px;font:600 .95rem/1.25 var(--f-display)}
.rzrow .t b small{font:600 .56rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 6px;border-radius:6px}
.rzrow .t span{font-size:.82rem;color:var(--muted)}
.rzrow.off{opacity:.55}.rzrow.off .rz{filter:grayscale(.85)}
.rzrow.tog{cursor:pointer}
.rzrow .sw{flex:none}
.rzsub{margin:12px 4px 2px}
.rznone{margin:6px 4px 8px;font-size:.9rem}
.rzsh .opt{margin:8px -16px 0}
.rzsh>.btn{margin-top:10px}
.adm5-list>.rzrow.adm{padding:10px 14px}
/* askı ekranı */
.k51sus{gap:10px}
.k51sus .ic{color:var(--heart)}
.k51sus-r{display:grid;gap:3px;margin:4px auto 0;max-width:22rem;padding:10px 14px;border-radius:14px;background:var(--surface-2);color:var(--fg);font-size:.9rem;text-align:left}
.k51sus-r small{font:600 .6rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.k51sus-n{font-size:.82rem}
.k51sus-b{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.k51susban{margin:4px 12px 12px;background:color-mix(in srgb,var(--heart) 12%,var(--surface))}
.k51susban svg.i{color:var(--heart)}
/* Meydan notu */
.k51mdn{flex:none;display:flex;align-items:center;gap:8px;margin:0 12px 6px;padding:8px 12px;border-radius:14px;background:var(--adm-hot-bg);color:var(--fg);font-size:.8rem;line-height:1.3}
.k51mdn svg.i{flex:none;width:1rem;height:1rem;color:var(--adm-hot)}
.k51mdn.lock{background:color-mix(in srgb,var(--heart) 12%,var(--surface))}
.k51mdn.lock svg.i{color:var(--heart)}
/* oluştur: kapalı türler */
.ctile.k51off{opacity:.5}
.ctile.k51off small{color:var(--heart)}
/* sürüm etiketi ve yapımcılar */
#k51Ver{position:fixed;z-index:4;right:max(8px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 2px);pointer-events:none;user-select:none;-webkit-user-select:none;font:600 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);opacity:.42;white-space:nowrap;text-shadow:0 0 3px var(--bg),0 0 1px var(--bg)}
#k51Ver[data-r="chat"],#k51Ver[data-r="reels"],#k51Ver[data-r="chessgame"]{display:none}
@media (min-width:700px){#k51Ver{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);font-size:10px}}
@media print{#k51Ver{display:none}}
.k51cred{margin:10px 0 0;text-align:center;font-size:.74rem;color:var(--muted);letter-spacing:.01em}
.setfoot .k51cred{display:block;flex-basis:100%;margin:2px 0 0;font:500 .72rem/1.3 var(--f-body);letter-spacing:0;text-transform:none}
.k51credrow small{white-space:normal}
.k51closed{display:grid;justify-items:center;gap:8px;padding:22px 16px;border-radius:18px;background:var(--surface-2);text-align:center}
.k51closed svg.i{width:2.4rem;height:2.4rem;padding:10px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.k51closed span{font-size:.88rem;color:var(--muted);line-height:1.45}
/* panel: ortak */
.k51f{display:grid;gap:6px;min-width:0}
.k51fl{font-size:.8rem;font-weight:600;color:var(--muted)}
.k51seg{display:flex;overflow-x:auto;scrollbar-width:none;grid-auto-columns:auto;padding:3px;gap:2px}
.k51seg::-webkit-scrollbar{display:none}
.k51seg button{flex:1 0 auto;min-height:2.2rem;padding:0 .7rem;font-size:.78rem;white-space:nowrap}
.k51opth{margin:14px 20px 4px}
.k51form{padding:0 20px 16px}
.k51form p{margin:0;font-size:.86rem;line-height:1.45}
.k51durs{display:flex;flex-wrap:wrap;gap:8px}
.k51durs .chip{min-height:2.4rem;padding:0 1rem}
/* kayıt */
.k51lgday{margin:12px 14px 2px!important;padding:0!important;border:0!important}
.adm5-list>.k51lgday+.adm5-lg{border-top:0}
.k51lg>i{background:var(--muted)}
.k51lg.k-kullanici>i{background:var(--accent)}
.k51lg.k-icerik>i{background:var(--heart)}
.k51lg.k-duyuru>i{background:var(--k51-imp)}
.k51lg.k-sistem>i{background:var(--adm-hot)}
/* içerik */
.k51ph{margin-bottom:-4px}
.k51ph .btn svg.i{width:1rem;height:1rem}
.k51pr.sel{background:var(--accent-soft)}
.k51ck{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--line);color:transparent;transition:background-color .15s,border-color .15s}
.k51ck svg.i{width:.95rem;height:.95rem;stroke-width:2.6}
.k51ck[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.tag.k51hid{background:var(--adm-hot-bg);color:var(--adm-hot)}
.k51bulk{position:sticky;top:calc(var(--vz-th,0px) + 6px);z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);box-shadow:0 8px 20px -16px rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.k51bulk>span{flex:1;min-width:5rem;font-size:.84rem;color:var(--muted)}
.k51bulk b{color:var(--fg)}
.k51bulk .btn svg.i{width:1rem;height:1rem}
/* istatistik */
.k51st3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.k51sps{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:10px}
.k51sp{display:grid;gap:6px;padding:12px;border-radius:16px;background:var(--surface-2)}
.k51sph{display:flex;align-items:baseline;gap:6px;min-width:0}
.k51sph b{font:600 1.15rem/1 var(--f-display)}
.k51sph span{flex:1;min-width:0;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k51sph em{font:600 .62rem/1 var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);opacity:.7}
.k51sp svg{display:block;width:100%;height:44px;overflow:visible}
.k51sp rect.b{fill:color-mix(in srgb,var(--accent) 62%,transparent)}
.k51sp rect.b.now{fill:var(--accent)}
.k51sp rect.b.z{fill:color-mix(in srgb,var(--fg) 14%,transparent)}
.k51sp rect.hit{fill:transparent}
.k51sp g:hover rect.b{fill:var(--accent)}
.k51spx{display:flex;justify-content:space-between;font:500 .6rem/1 var(--f-mono);color:var(--muted)}
:root[data-ui="vizor"] .k51sp{border-radius:18px;background:var(--vz-glass);border:1px solid var(--vz-hair)}
.k51top{gap:10px}
.k51rk{flex:none;width:1.2rem;text-align:center;font:600 .8rem/1 var(--f-mono);color:var(--muted)}
.k51meter{display:block;height:4px;margin-top:4px;border-radius:2px;background:color-mix(in srgb,var(--fg) 8%,transparent);overflow:hidden}
.k51meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
/* kullanıcı penceresi */
.k51ui{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 16px 10px}
.k51ui>div{display:grid;gap:3px;padding:8px 10px;border-radius:12px;background:var(--surface-2);min-width:0}
.k51ui span{font:600 .55rem/1.1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.k51ui b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet .k51ui+.rzstrip{margin:-2px 16px 10px}
.k51fixh{display:flex;align-items:center;gap:12px;padding:0 20px 12px}
.k51fixh span{display:grid;gap:2px;min-width:0}
.k51fixh small{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k51fixn{margin:8px 20px 4px;font-size:.8rem}
/* kullanıcının paylaşımları */
.k51up{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px;min-height:0;height:100%}
.k51upt{display:flex;align-items:center;gap:8px;justify-content:space-between}
.k51upt .seg{flex:1;min-width:0}
.k51upt .btn{flex:none}
.k51pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:6px;overflow-y:auto;flex:1;min-height:8rem;align-content:start}
.k51pt{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-2);border:2px solid transparent;transition:border-color .15s,transform .15s}
.k51pt img{width:100%;height:100%;object-fit:cover;display:block}
.k51ptx{display:grid;place-items:center;height:100%;padding:8px;font-size:.72rem;line-height:1.25;color:var(--fg);text-align:center;overflow:hidden}
.k51ptc{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:rgba(0,0,0,.35);border:1.5px solid #fff;color:transparent;font-style:normal}
.k51ptc svg.i{width:.85rem;height:.85rem;stroke-width:2.8}
.k51ptk{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:3px;padding:12px 6px 5px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font:600 .58rem/1 var(--f-mono)}
.k51ptk svg.i{width:.75rem;height:.75rem}
.k51pth{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--adm-hot);color:#fff}
.k51pth svg.i{width:.8rem;height:.8rem}
.k51pt[aria-pressed="true"]{border-color:var(--accent);transform:scale(.95)}
.k51pt[aria-pressed="true"] .k51ptc{background:var(--accent);border-color:var(--accent);color:#fff}
.k51upb{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid var(--line)}
.k51upb span{font-size:.86rem;color:var(--muted)}
.k51upb .btn:disabled{opacity:.45}
.k51upb .btn svg.i{width:1rem;height:1rem}
@media (prefers-reduced-motion:reduce){.k51ann,.k51ann.in,.k51ann.out{animation:none!important}.k51pt,.rzchip,.k51ck{transition:none!important}}
html.reduce-motion .k51ann{animation:none!important}
html.reduce-motion .k51pt,html.reduce-motion .rzchip{transition:none!important}
/*}@css:51ADM*/

/*@css:51MEDIA{*/
/* ===== 5.1 · Kadraj'a özel medya: seçici (kmp), oynatıcı (kvp), sohbet yüklemesi (kvu), toplu yükleme (bq) ===== */
:root{--km-brk:linear-gradient(currentColor 0 0) 0 0/14px 2px,linear-gradient(currentColor 0 0) 0 0/2px 14px,linear-gradient(currentColor 0 0) 100% 0/14px 2px,linear-gradient(currentColor 0 0) 100% 0/2px 14px,linear-gradient(currentColor 0 0) 0 100%/14px 2px,linear-gradient(currentColor 0 0) 0 100%/2px 14px,linear-gradient(currentColor 0 0) 100% 100%/14px 2px,linear-gradient(currentColor 0 0) 100% 100%/2px 14px}
/* --- seçici --- */
.kmp{display:grid;gap:12px;padding:2px 16px 14px;position:relative}
.kmp-drop{position:relative;display:none;justify-items:center;gap:4px;width:100%;padding:20px 16px;border-radius:20px;text-align:center;color:var(--muted);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--accent) 34%,var(--line));transition:background-color .2s,border-color .2s,transform .2s}
.kmp-drop::before{content:"";position:absolute;inset:7px;background:var(--km-brk);background-repeat:no-repeat;color:color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none}
.kmp-drop b{color:var(--fg);font:600 .95rem/1.25 var(--f-display)}
.kmp-drop small{font-size:.8rem;line-height:1.35;max-width:26rem}
.kmp-dic{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:4px}
@media (hover:hover) and (pointer:fine),(min-width:700px){.kmp-drop{display:grid}}
.bq .kmp-drop{display:grid}
.kmp.over .kmp-drop,.bq.over .kmp-drop,.kmdrag .kmp-cdrop{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:var(--accent);transform:scale(1.01)}
.kmp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kmp-t{display:grid;justify-items:center;align-content:center;gap:6px;min-height:6.6rem;padding:14px 8px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-align:center;min-width:0}
.kmp-t .ic{width:2.9rem;height:2.9rem;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--c,var(--accent));box-shadow:0 8px 16px -10px var(--c,var(--accent))}
.kmp-t b{font:600 .86rem/1.15 var(--f-display);overflow-wrap:anywhere}
.kmp-t small{color:var(--muted);font-size:.72rem;line-height:1.25}
.kmp-t:active{transform:scale(.95)}
.kmp-rh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.kmp-rx{font-size:.78rem;font-weight:700;color:var(--muted);padding:4px 2px}
.kmp-rr{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;scroll-snap-type:x proximity}
.kmp-rr::-webkit-scrollbar{display:none}
.kmp-r,.kmp-gal button{position:relative;flex:none;border-radius:14px;overflow:hidden;background:var(--surface-2)}
.kmp-r{width:4.6rem;height:4.6rem;scroll-snap-align:start}
.kmp-r img{width:100%;height:100%;object-fit:cover;display:block}
.kmp-ck{position:absolute;top:5px;right:5px;width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);border:1.5px solid #fff;color:transparent;transition:background-color .15s}
.kmp-ck svg.i{width:.9rem;height:.9rem;stroke-width:3}
.kmp:not(.multi) .kmp-ck,.kmp-gal:not(.multi) .kmp-ck{display:none}
.kmp-r[aria-pressed="true"] .kmp-ck,.kmp-gal button[aria-pressed="true"] .kmp-ck{background:var(--accent);border-color:var(--accent);color:#fff}
.kmp-r[aria-pressed="true"],.kmp-gal button[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--accent)}
.kmp-r[aria-pressed="true"] img,.kmp-gal button[aria-pressed="true"] img{transform:scale(.9);border-radius:10px}
.kmp-r img,.kmp-gal img{transition:transform .18s}
.kmp-gal button[aria-pressed="false"] .kmp-ck{opacity:.9}
.sheet .kmp-gal{padding-bottom:4px}
.kmp .hint,.kmp .pastebox{margin:0}
.kmp-busy{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;color:var(--muted);font-size:.86rem}
.kmp-busy .spin{width:20px;height:20px;border-width:2.5px}
.kmp.busy .kmp-tiles,.kmp.busy .kmp-drop{opacity:.5;pointer-events:none}
.kmp-foot{position:sticky;bottom:0;padding:8px 0 2px;background:linear-gradient(transparent,var(--bg) 30%)}
.sheet .kmp-foot{padding-inline:16px}
.kmp .kmp-foot{padding-inline:0}
:root[data-ui="vizor"] .kmp-t{border-color:var(--vz-hair);box-shadow:var(--vz-sh);border-radius:22px}
:root[data-ui="vizor"] .kmp-t .ic{border-radius:50%;box-shadow:0 0 0 3px var(--surface),0 0 0 4.5px color-mix(in srgb,var(--c,var(--accent)) 45%,transparent)}
:root[data-ui="vizor"] .kmp-drop{border-style:solid;border-color:var(--vz-hair);background:var(--vz-glass)}
@media (min-width:700px){.kmp-t{min-height:7.2rem}.kmp-r{width:5.4rem;height:5.4rem}}
@media (max-width:340px){.kmp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* oluştur ekranındaki video kaynakları */
.kmp-cdrop{margin:8px 16px 0;width:calc(100% - 32px)}
.srcs.kmp-vsrc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 16px 4px}
.kmp-vsrc .src{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:14px 8px;min-height:7.4rem;border-radius:20px}
.kmp-vsrc .src .ic{width:2.9rem;height:2.9rem;color:#fff;background:var(--c,#DB2777);box-shadow:0 8px 16px -10px var(--c,#DB2777)}
.kmp-vsrc .src:nth-child(1){--c:#DB2777}.kmp-vsrc .src:nth-child(2){--c:#0C7A63}.kmp-vsrc .src:nth-child(3){--c:#D97706}
.kmp-vsrc .src b{font:600 .86rem/1.15 var(--f-display)}
.kmp-vsrc .src small{font-size:.72rem;line-height:1.25;display:block}
@media (max-width:360px){.srcs.kmp-vsrc{grid-template-columns:minmax(0,1fr)}.kmp-vsrc .src{flex-direction:row;justify-content:flex-start;text-align:left;min-height:0}}
/* --- oynatıcı --- */
.kvp{--kvp-max:70vh;position:relative;display:block;width:min(100%,calc(var(--kvp-max) * var(--kvp-ar,1.78)));aspect-ratio:var(--kvp-ar,1.78);max-height:var(--kvp-max);margin-inline:auto;background:#000;border-radius:18px;overflow:hidden;color:#fff;isolation:isolate;container-type:inline-size;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none;white-space:normal;font-size:.9rem}
.kvp:focus-visible{box-shadow:0 0 0 3px var(--accent)}
.kvp video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#000}
.kvp video::-webkit-media-controls{display:none!important}
.kvp-brk{position:absolute;inset:10px;z-index:2;background:var(--km-brk);background-repeat:no-repeat;color:color-mix(in srgb,var(--accent) 40%,#fff);opacity:0;transform:scale(1.04);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.kvp:not(.on) .kvp-brk,.kvp.ui .kvp-brk{opacity:.9;transform:none}
.kvp::after{content:"";position:absolute;inset:auto 0 0;height:4.6rem;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.62));opacity:0;transition:opacity .25s;pointer-events:none}
.kvp:not(.on)::after,.kvp.ui::after{opacity:1}
.kvp-big{position:absolute;left:50%;top:50%;z-index:3;width:4.2rem;height:4.2rem;margin:-2.1rem 0 0 -2.1rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(10,14,12,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1.5px rgba(255,255,255,.55),0 10px 24px rgba(0,0,0,.35);transition:opacity .2s,transform .25s cubic-bezier(.34,1.42,.55,1)}
.kvp-big svg.i{width:1.7rem;height:1.7rem;stroke-width:2.2}
.kvp [data-ic="play"] svg.i,.kvp-big svg.i{fill:currentColor}
.kvp [data-ic="play"] svg.i{transform:translateX(1.5px)}
.kvp.on:not(.ui) .kvp-big,.kvp.wait .kvp-big,.kvp.err .kvp-big{opacity:0;transform:scale(.8);pointer-events:none}
.kvp-big:active{transform:scale(.9)}
.kvp-bar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:2px;padding:6px 8px calc(6px + var(--kvp-sb,0px));transition:opacity .22s,transform .25s}
.kvp.on:not(.ui):not(.scrub) .kvp-bar{opacity:0;transform:translateY(8px);pointer-events:none}
.kvp-b{flex:none;width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;color:#fff}
.kvp-b svg.i{width:1.25rem;height:1.25rem;stroke-width:2}
.kvp-b:active{background:rgba(255,255,255,.18)}
.kvp-b:focus-visible,.kvp-big:focus-visible,.kvp-sc:focus-visible{outline:2px solid #fff;outline-offset:1px}
.kvp-rt{width:auto;min-width:2.3rem;padding:0 6px;border-radius:999px;font:700 .72rem/1 var(--f-mono)}
.kvp-rt.on{background:var(--accent);color:var(--accent-ink)}
.kvp-t,.kvp-d{flex:none;font:600 .7rem/1 var(--f-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 4px}
.kvp-sc{position:relative;flex:1;min-width:2.5rem;height:2rem;margin:0 7px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.kvp-tr{position:relative;flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;transition:height .15s}
.kvp-tr i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0)}
.kvp-buf{background:rgba(255,255,255,.35)}
.kvp-fill{background:var(--accent)}
.kvp-th{position:absolute;left:0;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--accent),0 1px 4px rgba(0,0,0,.4);transform:scale(.7);transition:transform .15s}
.kvp.scrub .kvp-th,.kvp-sc:hover .kvp-th{transform:scale(1)}
.kvp.scrub .kvp-tr{height:6px}
.kvp-spin{position:absolute;left:50%;top:50%;z-index:3;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;opacity:0;pointer-events:none;animation:sp .8s linear infinite;transition:opacity .2s}
.kvp.wait .kvp-spin{opacity:1}
.kvp-err{position:absolute;inset:0;z-index:3;display:none;place-content:center;justify-items:center;gap:6px;padding:12px;text-align:center;background:rgba(0,0,0,.55);font-size:.82rem}
.kvp.err .kvp-err{display:grid}
.kvp-sk{position:absolute;top:50%;z-index:3;display:flex;align-items:center;gap:4px;padding:8px 12px;margin-top:-1.2rem;border-radius:999px;background:rgba(0,0,0,.45);font:700 .78rem/1 var(--f-mono);opacity:0;pointer-events:none}
.kvp-sk svg.i{width:1.1rem;height:1.1rem;stroke-width:2.4}
.kvp-sk.l{left:12%}.kvp-sk.r{right:12%}
.kvp-sk.go{animation:kvpSk .6s ease-out}
@keyframes kvpSk{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:none}100%{opacity:0;transform:translateX(var(--kvx,0))}}
.kvp-sk.l.go{--kvx:-10px}.kvp-sk.r.go{--kvx:10px}
@container (max-width:300px){.kvp-t,.kvp .kvp-pp{display:none}.kvp-b{width:2.05rem;height:2.05rem}.kvp-big{width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem}.kvp-big svg.i{width:1.4rem;height:1.4rem}.kvp-bar{padding:4px 4px 5px}}
@container (max-width:180px){.kvp-rt{display:none}}
/* yerleşimler */
.pv .kvp-cmp{--kvp-max:48vh;border-radius:0;width:100%}
.pv:has(.kvp-cmp){display:block;background:#000}
.kvp-post{margin:0 0 4px;background:#000;display:grid;justify-items:center;position:relative}
.kvp-post .kvp{border-radius:0;--kvp-max:72vh}
.kvp-to{position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:.74rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kvp-to svg.i{width:1rem;height:1rem}
#msgs .msg.has-kvp{padding:3px}
.msg.has-kvp>.fwd,.msg.has-kvp>.quote{margin:4px 8px 6px}
.msg.has-kvp>.edl{padding:0 8px 4px}
.kvp-msg{--kvp-max:22rem;width:min(max(13rem,min(15rem,calc(var(--kvp-max) * var(--kvp-ar,.56)))),64vw);border-radius:16px;margin:0}
.mrow.me .msg .kvp-msg{border-radius:16px 16px 4px 16px}
@media (min-width:700px){.kvp-msg{width:max(15rem,min(20rem,calc(var(--kvp-max) * var(--kvp-ar,.56))));--kvp-max:26rem}}
.kvfs{position:absolute;inset:0;pointer-events:auto;background:#000;display:grid;place-items:center}
.kvfs .kvp{--kvp-max:100%;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;--kvp-sb:env(safe-area-inset-bottom,0px)}
.kvfs .kvp-brk{inset:calc(14px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px))}
/* --- sohbette yükleme balonu --- */
#msgs .msg.kvu{padding:3px}
.kvu-m{position:relative;width:min(13rem,calc(20rem * var(--kvp-ar,.56)),58vw);aspect-ratio:var(--kvp-ar,.56);max-height:20rem;border-radius:16px 16px 4px 16px;overflow:hidden;background:#101513;display:grid;place-items:center}
.kvu-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9)}
.kvu-m::before{content:"";position:absolute;inset:8px;background:var(--km-brk);background-repeat:no-repeat;color:rgba(255,255,255,.7);pointer-events:none}
.kvu-ring{position:relative;width:3.6rem;height:3.6rem;display:grid;place-items:center}
.kvu-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.kvu-ring circle{fill:rgba(0,0,0,.35);stroke:rgba(255,255,255,.25);stroke-width:3}
.kvu-ring .kvu-pr{fill:none;stroke:#fff;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0));transition:stroke-dashoffset .3s}
.kvu-row.spinning .kvu-ring svg{animation:sp 1.1s linear infinite}
.kvu-row.spinning .kvu-pr{stroke-dashoffset:72}
.kvu-x{position:relative;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;color:#fff}
.kvu-x svg.i{width:1.1rem;height:1.1rem;stroke-width:2.4}
.kvu-st{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#fff;font:700 .7rem/1.2 var(--f-mono);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.kmdrag #msgs{outline:2px dashed var(--accent);outline-offset:-8px;border-radius:18px}
/* --- toplu yükleme --- */
.bq{display:grid;gap:12px;min-width:0;border-radius:18px}
.bq-more{border:1px solid var(--line);border-radius:16px;padding:10px 14px;background:var(--surface);display:grid;gap:8px}
.bq-more summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:.86rem;color:var(--fg);list-style:none}
.bq-more summary::-webkit-details-marker{display:none}
.bq-more summary svg.i{width:1.1rem;height:1.1rem;color:var(--accent)}
.bq-more[open] summary{margin-bottom:4px}
.bq-more .adm5-set{margin:0 -14px}
.bq-note{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:.82rem;color:var(--muted)}
.bq-note svg.i{width:1.1rem;height:1.1rem;flex:none;color:var(--accent)}
.bq-sum{display:grid;gap:8px}
.bq-sl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bq-sl b{font:600 .95rem/1.2 var(--f-display)}
.bq-sl small{color:var(--muted);font-size:.78rem}
.bq-pr{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.bq-pr.big{height:8px;border-radius:4px}
.bq-pr i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .3s}
.bq-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bq-wait{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--muted)}
.bq-wait svg.i{width:1rem;height:1rem}
.bq-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bq-it{display:grid;grid-template-columns:4.4rem minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.bq-th{position:relative;width:4.4rem;height:5.6rem;border-radius:12px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.bq-th img{width:100%;height:100%;object-fit:cover;display:block}
.bq-th .spin{width:20px;height:20px;border-width:2.5px}
.bq-k{position:absolute;left:4px;bottom:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 4px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 .62rem/1.3 var(--f-mono)}
.bq-k svg.i{width:.8rem;height:.8rem;stroke-width:2.2}
.bq-m{display:grid;gap:6px;min-width:0}
.bq-n{display:flex;gap:8px;align-items:baseline;min-width:0}
.bq-n b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bq-n small{flex:none;color:var(--muted);font-size:.72rem}
.bq-cap{padding:8px 10px;font-size:.84rem;min-height:0}
.bq-mu{display:flex;align-items:center;gap:6px;color:var(--muted)}
.bq-mu svg.i{width:1rem;height:1rem;flex:none}
.bq-mu select{padding:6px 8px;font-size:.8rem;min-height:0;width:auto;flex:1;min-width:0}
.bq-st{font-size:.74rem;font-weight:700;color:var(--muted);overflow-wrap:anywhere}
.bq-act{display:grid;gap:6px;justify-items:end}
.bq-act .ib{width:2.2rem;height:2.2rem}
.bq-it.st-done{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.bq-it.st-done .bq-st{color:var(--accent)}
.bq-it.st-err{border-color:color-mix(in srgb,var(--heart) 45%,var(--line))}
.bq-it.st-err .bq-st{color:var(--heart)}
.bq-it.st-err .bq-pr i{background:var(--heart)}
.bq-it.st-prep,.bq-it.st-up,.bq-it.st-post{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}
.bq-it.st-prep .bq-pr i,.bq-it.st-up .bq-pr i{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}
.bq-it input:disabled,.bq-it select:disabled{opacity:.6}
:root[data-ui="vizor"] .bq-it,:root[data-ui="vizor"] .bq-more{border-color:var(--vz-hair);box-shadow:var(--vz-sh)}
@media (max-width:380px){.bq-it{grid-template-columns:3.6rem minmax(0,1fr)}.bq-th{width:3.6rem;height:4.6rem}.bq-act{grid-column:1/-1;display:flex;justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.kvp-sk.go,.kvu-row.spinning .kvu-ring svg{animation:none}.kvp-brk,.kvp-big,.kvp-bar,.kvp-th,.kvp-tr,.kmp-drop,.bq-pr i,.kvu-pr{transition:none}}
:root.reduce-motion .kvp-sk.go,:root.reduce-motion .kvu-row.spinning .kvu-ring svg{animation:none}
:root.reduce-motion :is(.kvp-brk,.kvp-big,.kvp-bar,.kvp-th,.kvp-tr,.kmp-drop,.bq-pr i,.kvu-pr){transition:none}
/*}@css:51MEDIA*/

/*@css:51STREAK{*/
/* 5.1 Seri: sohbet arka planında kamp ateşi. Katman #msgs içinde ilk iki öğe: .stk-bg (mesajların arkası, z-index:-1) ve .stk-top (uyarı hapı).
   İkisi de yapışkan ve sıfır yüksekliktedir; tuval mutlak konumla #msgs'in görünen alanını kaplar, kaydırmayla oynamaz. */
.msgs.stk-on{isolation:isolate}
.stk-bg,.stk-top{position:sticky;top:0;height:0;flex:none;margin-bottom:-6px;pointer-events:none;align-self:stretch}
.stk-bg{z-index:-1}
.stk-top{z-index:3}
.stk-cv{position:absolute;left:var(--stk-l,0);top:var(--stk-t,0);width:var(--stk-w,0);height:var(--stk-h,0);image-rendering:pixelated;image-rendering:crisp-edges;opacity:var(--stk-o,.78);transition:opacity .6s}
:root[data-mode="dark"] .stk-cv,.msgs[data-dk] .stk-cv{--stk-o:.9}
.stk-glow{position:absolute;left:var(--stk-gx,0);top:var(--stk-gy,0);width:var(--stk-gw,0);height:var(--stk-gw,0);margin:calc(var(--stk-gw,0px) / -2) 0 0 calc(var(--stk-gw,0px) / -2);border-radius:50%;
 background:radial-gradient(closest-side,rgba(255,150,50,.42),rgba(255,110,30,.16) 55%,transparent);opacity:var(--stk-go,0);transition:opacity 1.2s,width .8s,height .8s;animation:stkFlick 2.4s ease-in-out infinite alternate}
.stk-glow.out{animation:none}
@keyframes stkFlick{0%{transform:scale(1)}35%{transform:scale(1.06)}60%{transform:scale(.97)}100%{transform:scale(1.03)}}
.stk-bg.still .stk-glow,.reduce-motion .stk-glow{animation:none}
@media (prefers-reduced-motion:reduce){.stk-glow{animation:none}}
/* uyarı hapı */
.stk-pill{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(92%,420px);box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border-radius:16px;
 background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.14);font:500 .8rem/1.25 var(--f-body);color:var(--fg);animation:stkIn .35s ease both}
@supports (backdrop-filter:blur(8px)){.stk-pill{backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}}
.stk-pill .gl{flex:none;width:26px;height:26px}
.stk-pill .tx{min-width:0}
.stk-pill .tx b{display:block;font-weight:700}
.stk-pill .tx span{color:var(--muted);font-size:.74rem}
.stk-pill.rain{border-color:color-mix(in srgb,#3d8bfd 45%,var(--line))}
.stk-pill.out .tx b{color:var(--muted)}
.stk-pill .go{flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:12px;background:#3d8bfd;color:#fff;font:700 .78rem var(--f-body);white-space:nowrap}
.stk-pill .go .i{width:16px;height:16px}
.stk-pill .x{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}
.stk-pill .x .i{width:15px;height:15px}
@keyframes stkIn{from{opacity:0;transform:translate(-50%,-8px)}}
.reduce-motion .stk-pill{animation:none}
@media (prefers-reduced-motion:reduce){.stk-pill{animation:none}}
:root[data-ui="vizor"] .stk-pill{border-radius:20px;border-color:var(--vz-hair,var(--line))}
/* üst çubuktaki seri çipi ve sohbet listesi rozeti */
.stk-g{display:inline-block;vertical-align:-3px;width:16px;height:16px;flex:none;shape-rendering:crispEdges}
.stk-chip{flex:none;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 7px;border-radius:16px;background:var(--surface-2);color:var(--fg);font:700 .84rem/1 var(--f-mono);font-variant-numeric:tabular-nums}
.stk-chip .stk-g{width:18px;height:18px}
.stk-chip.wait,.stk-chip.out{color:var(--muted)}
.stk-chip.rain{background:color-mix(in srgb,#3d8bfd 18%,var(--surface-2))}
.stk-chip.pop{animation:stkPop .6s ease}
@keyframes stkPop{30%{transform:scale(1.18)}}
.stk-row{display:inline-flex;align-items:center;gap:2px;margin-left:6px;font:700 .74rem/1 var(--f-mono);color:#d9661a;vertical-align:1px;font-variant-numeric:tabular-nums}
.stk-row .stk-g{width:14px;height:14px;vertical-align:0}
.stk-row.wait{color:var(--muted)}
.stk-row.rain{color:#3d8bfd}
:root[data-mode="dark"] .stk-row:not(.wait):not(.rain){color:#ff9a4a}
/* sohbetteki eşik notu */
.stamp.sysn.stk-ms{display:flex;align-items:center;gap:6px;justify-content:center;color:var(--fg);font-weight:600}
.stamp.sysn.stk-ms .stk-g{width:16px;height:16px}
/* seri penceresi */
.stk-sh{padding:0 0 6px}
.stk-hero{display:flex;align-items:center;gap:14px;margin:0 16px 12px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(255,140,40,.16),rgba(255,80,40,.06));border:1px solid color-mix(in srgb,#ff8a1f 25%,var(--line))}
.stk-hero.out,.stk-hero.none{background:var(--surface-2);border-color:var(--line)}
.stk-hero.rain{background:linear-gradient(160deg,rgba(61,139,253,.16),rgba(61,139,253,.05));border-color:color-mix(in srgb,#3d8bfd 30%,var(--line))}
.stk-hero .stk-g{width:52px;height:52px}
.stk-hero b{display:block;font:700 1.25rem/1.15 var(--f-display)}
.stk-hero span{display:block;color:var(--muted);font-size:.85rem;margin-top:3px}
.stk-ppl{margin:0 16px 8px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.stk-p{display:flex;align-items:center;gap:10px;padding:10px 12px}
.stk-p+.stk-p{border-top:1px solid var(--line)}
.stk-p .t{flex:1;min-width:0;font-weight:600;font-size:.92rem}
.stk-p .t small{display:block;font-weight:500;color:var(--muted);font-size:.76rem}
.stk-p .t small.ok{color:var(--ok)}
.stk-winds{display:flex;gap:3px;flex:none}
.stk-winds .i{width:18px;height:18px;color:#3d8bfd}
.stk-winds .i.off{color:var(--line)}
.stk-sh .kv b{font-family:var(--f-mono)}
.stk-act{padding:6px 16px 4px;display:grid;gap:6px}
.stk-act .btn .i{width:18px;height:18px}
.stk-act small{color:var(--muted);font-size:.78rem;text-align:center}
.stk-help{margin:8px 18px 0;color:var(--muted);font-size:.8rem;line-height:1.45}
/*}@css:51STREAK*/

/*@css:51BLOCK{*/
.cchips:empty{display:none}
.blk-card{margin:24px 16px;padding:22px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-align:center;display:grid;gap:10px;justify-items:center}
.blk-card .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}
.blk-card .ic svg.i{width:26px;height:26px}
.blk-row{display:flex;align-items:center;gap:10px;padding:10px 4px}
.blk-row .t{flex:1;min-width:0}
/*}@css:51BLOCK*/

/*@css:51REV{*/
/* 5.1 · Oyun incelemesi: rozetler, hamle listesi simgeleri, inceleme penceresi */
.rvi{display:block;width:100%;height:100%;overflow:visible}
.crv{position:absolute;inset:0;pointer-events:none;z-index:7}
.crv .rvsq{position:absolute;left:0;top:0;width:12.5%;height:12.5%}
.crv .rvbd{position:absolute;top:-13%;right:-13%;width:46%;height:46%;border-radius:50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));transform-origin:50% 50%}
.crv .rvsq.ex .rvbd{right:2%}
.crv .rvsq.ey .rvbd{top:2%}
.crv .rvbd.pop{animation:rvPop .46s cubic-bezier(.3,1.6,.5,1) .22s both}
@keyframes rvPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
.cmv .rvq{display:inline-block;flex:none;width:15px;height:15px;margin-left:3px;align-self:center}
.cmv[data-rv="br"],.cmv[data-rv="gr"]{color:var(--fg)}
.crvbar{display:flex;align-items:center;gap:10px;padding:7px 6px 7px 10px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--rc,var(--line));border-radius:14px;min-height:52px}
.crvbar>.rvi,.crvbar>.rvph{width:28px;height:28px;flex:none}
.crvbar .rvph{display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted)}
.crvbar .rvph svg.i{width:1rem;height:1rem}
.crvbar .t{flex:1;min-width:0;display:grid;gap:1px}
.crvbar .t b{font-size:.88rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crvbar .t span{font-size:.8rem;color:var(--muted);line-height:1.3}
.crvbar .rvbb{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2)}
.crvbar .rvbb svg.i{width:1.1rem;height:1.1rem}
.rv{display:grid;gap:12px;padding:2px 14px 16px}
.rv-acc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rv-acc>div{display:grid;justify-items:center;gap:2px;padding:12px 8px;border-radius:16px;background:var(--surface-2);text-align:center;min-width:0}
.rv-acc .rv-who{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;max-width:100%;min-width:0}
.rv-acc .rv-who img{width:20px;height:20px;flex:none}
.rv-acc b{font:600 1.75rem/1.1 var(--f-display);letter-spacing:-.02em}
.rv-acc small{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rv-gr{display:block;width:100%;height:auto;border-radius:12px;cursor:pointer;touch-action:manipulation}
.rv-tb{display:grid;grid-template-columns:1fr auto auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.rv-tb>span{display:flex;align-items:center;gap:9px;padding:6px 12px;font-size:.88rem;border-top:1px solid var(--line);min-width:0}
.rv-tb>span:nth-child(-n+3){border-top:0}
.rv-tb .l .rvi{width:20px;height:20px;flex:none}
.rv-tb .n{justify-content:center;min-width:3.6rem;font:700 .95rem/1 var(--f-mono)}
.rv-tb .h{font:700 .7rem/1.2 var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;display:block;text-align:center}
.rv-pg{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.rv-pg i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .3s}
.rv-pgt,.rv-nt{color:var(--muted);font-size:.76rem;text-align:center;margin-top:-6px}
.rv-nt{margin-top:-4px}
.rv-set .rv-seg{margin:0 12px}
.rv-set .rv-hint{display:block;color:var(--muted);font-size:.76rem;padding:6px 14px 12px;line-height:1.35}
.opt .rvo,.rv-endb .rvi{width:1.25rem;height:1.25rem;flex:none}
.rv-endb{gap:8px}
:root[data-ui="vizor"] .crvbar{border-radius:20px}
:root[data-ui="vizor"] .rv-acc>div,:root[data-ui="vizor"] .rv-tb{border-radius:20px}
:root[data-ui="vizor"] .rv-acc>div{border:1px solid var(--vz-hair,var(--line))}
@media (prefers-reduced-motion:reduce){.crv .rvbd.pop{animation:none}.rv-pg i{transition:none}}
/*}@css:51REV*/
/*@css:60CHS{*/
/* ===== 6.0 · Satranç yenilendi (chess.com benzeri) =====
   Oyun ekranı .chess.c6: telefonda hamle şeridi üstte (.c6side display:contents + order), tahta neredeyse kenardan kenara, altta düz
   düğme çubuğu; ≥900px'te tahta solda, sağda hamle tablosu, inceleme satırı, düğmeler ve sohbet (grid alanları t/m/b/s).
   Vurgular: Turnuva tahtasında son hamle ve seçili kare sarımsı; yasal hamle noktası ve alma halkası; sürüklerken alttaki kare çerçeveli
   (.c6hov); ön hamle kırmızımsı (.pre/.psel/.pdot); sağ tık kareleri (.ann) ve oklar (#cAnn). Sonuç kartı .c6end, lobi .c6lob. */
main.chessmode{padding:0 0 calc(8px + env(safe-area-inset-bottom,0px))}
.chess.c6{gap:5px;padding:2px 0 6px;min-height:100%}
.c6 .cchat{order:3}.c6 .cctl{order:4;margin-top:auto}
.c6 .c6side{display:contents}
.c6>.cpl,.c6 .c6side>*{margin-left:10px;margin-right:10px}
.c6 #cMoves{order:-2}
.c6 .crvbar{order:-1}
.c6 .cmain{gap:4px;padding:0 6px}
.c6 .cbfr{max-width:calc(100dvh - 292px);container-type:inline-size}
/* yatay telefon: tahta çok küçülmesin (sayfa kayar) */
@media (orientation:landscape) and (max-height:560px){.c6 .cbfr{max-width:min(calc(100dvh - 24px),calc(100vw - 24px))}}
.c6 .cboard{border-radius:5px;box-shadow:0 3px 14px rgba(0,0,0,.2)}
/* koordinatlar karenin içinde, tahtayla büyür */
.c6 .csq em{font:700 max(8.5px,2.35cqw)/1 var(--f-body)}
.c6 .csq .rk{left:max(2px,.5cqw);top:max(2px,.4cqw)}.c6 .csq .fl{right:max(2px,.5cqw);bottom:max(1px,.3cqw)}
/* işaretler */
.c6 .cmk .dot::after{inset:34.5%;background:rgba(0,0,0,.15)}
.c6 .cmk .cap::after{inset:0;border:0;border-radius:50%;background:radial-gradient(circle,transparent 0 62%,rgba(0,0,0,.15) 63%)}
.c6[data-cth="turnuva"] .cmk .lm,.c6[data-cth="yesil"] .cmk .lm,.c6[data-cth="ahsap"] .cmk .lm{background:rgba(255,255,51,.5)}
.c6[data-cth="turnuva"] .cmk .sel,.c6[data-cth="yesil"] .cmk .sel,.c6[data-cth="ahsap"] .cmk .sel{background:rgba(255,255,51,.5)}
.c6[data-cth="turnuva"] .cmk .hint{background:rgba(255,140,0,.38)}
.c6 .cmk .pre{background:rgba(232,52,60,.55)}
.c6 .cmk .psel{background:rgba(232,52,60,.38)}
.c6 .cmk .pdot::after{content:"";position:absolute;inset:39%;border-radius:50%;background:rgba(232,52,60,.42)}
.c6 .cmk .ann{opacity:.82}.c6 .cmk .ann.a-r{background:#eb6150}.c6 .cmk .ann.a-g{background:#7fb446}.c6 .cmk .ann.a-b{background:#3c96dc}
.c6hov{position:absolute;left:0;top:0;width:12.5%;height:12.5%;box-shadow:inset 0 0 0 max(3px,.55cqw) rgba(255,255,255,.75);pointer-events:none}
.c6hov[hidden]{display:none}
.c6ann{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}
.c6 .pc.drag img{filter:drop-shadow(0 10px 8px rgba(0,0,0,.32))}
.c6 .pc.drag{transition:none}
/* oyuncu çubukları */
.c6 .cpl-in{min-height:50px;gap:9px;padding:4px 6px;border-radius:12px}
.c6 .cpl-in.turn{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.c6 .cpl-in .av{--s:40px!important}
.c6 .cpl-in .av img{border-radius:8px}
.c6 .cpl-in .rbot{--s:42px!important}
.c6 .cpl-in .cwav{width:44px;height:40px}
.c6 .cpl-in .cside{width:40px;height:40px;border-radius:8px}
.c6 .cwho{gap:2px}
.c6 .cwho>div{gap:6px;font-size:.93rem}
.c6 .crt{font:600 .78rem/1 var(--f-mono);color:var(--muted)}
.c6acc{flex:none;font:700 .68rem/1 var(--f-mono);padding:3px 6px;border-radius:6px;background:var(--surface-2);color:var(--fg);letter-spacing:-.02em}
.c6 .ctray .ctg img{width:18px;height:18px;margin-right:-9px}
.c6 .ctray .cadv{background:none;padding:0 2px;color:var(--muted);font-size:.72rem}
.c6 .cclk{min-width:5.4em;justify-content:flex-end;padding:8px 10px;border-radius:7px;font-size:1.2rem}
/* hamle şeridi */
.c6 .cmoves{min-height:36px;padding:3px 5px;border-radius:12px;gap:0}
.c6 .cn{font:600 .74rem/1 var(--f-mono);padding:0 2px 0 8px}
.c6 .cmv{padding:5px 7px;border-radius:6px;font-size:.88rem;font-weight:700;align-items:center}
.c6 .cmv.cur{background:color-mix(in srgb,var(--fg) 13%,transparent);color:var(--fg)}
.c6 .cmv.cur em{color:inherit}
/* düğme çubuğu */
.c6 .cctl{display:flex;gap:2px;padding:4px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.c6 .cctl button{flex:1 1 0;min-width:0;background:none;border:0;border-radius:12px;padding:7px 0 6px;font-size:.64rem;color:var(--muted)}
.c6 .cctl button svg.i{width:1.4rem;height:1.4rem;color:var(--fg)}
.c6 .cctl button[aria-pressed="true"],.c6 .cctl button[aria-pressed="true"] svg.i{color:var(--accent)}
.c6 .cctl button:not(:disabled):active{background:var(--surface-2)}
@media (hover:hover){.c6 .cctl button:not(:disabled):hover{background:var(--surface-2);color:var(--fg)}}
/* değerlendirme çubuğu */
.c6 .cevalbar{width:13px;border-radius:4px;background:#403e3b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.c6 .cevalbar i{background:#f6f6f2}
.c6 .cevalbar span{font-size:.47rem}
/* terfi seçici */
.c6 .cpromo{top:0;padding:0;gap:0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.c6 .cpromo button{border-radius:0;background:#fff}
.c6 .cpromo button:hover{background:#e8e8e3}
.c6 .cpromo .x{background:#f1f1ec;color:#555}
/* sonuç kartı */
.c6 .cov{background:rgba(10,14,12,.42)}
.c6end{position:relative;width:min(92%,348px);max-height:calc(100% - 12px);overflow:auto;padding:0 0 14px;gap:10px;scrollbar-width:none}
.c6e-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);z-index:1}
.c6e-x svg.i{width:1.1rem;height:1.1rem}
.c6e-hd{width:100%;display:grid;justify-items:center;gap:6px;padding:20px 44px 10px;background:linear-gradient(180deg,var(--c6e,#8e9994) -60%,var(--surface) 92%);text-align:center}
.c6end.win{--c6e:#81b64c}.c6end.loss{--c6e:#e0604c}.c6end.draw{--c6e:#9aa39e}
.c6e-ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--c6e);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--c6e) 45%,transparent);flex:none}
.c6e-ic svg.i{width:1.6rem;height:1.6rem}
.c6e-tt{display:grid;gap:3px;min-width:0}
.c6e-tt b{font:600 1.35rem/1.2 var(--f-display)}
.c6e-tt small{color:var(--muted);font-size:.85rem}
.c6e-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;width:100%;padding:0 14px}
.c6e-p{display:grid;justify-items:center;gap:3px;min-width:0}
.c6e-av{display:grid;place-items:center;border-radius:12px;padding:2px}
.c6e-av .av{--s:48px!important}.c6e-av .cside{width:48px;height:48px}
.c6e-p.won .c6e-av{box-shadow:0 0 0 2.5px var(--c6e,#81b64c)}
.c6e-p b{font-size:.86rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c6e-p small{font:600 .74rem/1 var(--f-mono);color:var(--muted)}
.c6e-a{display:grid;justify-items:center;gap:1px;margin-top:3px;padding:5px 10px;border-radius:10px;background:var(--surface-2)}
.c6e-a[hidden]{display:none}
.c6e-a b{font:700 1rem/1.1 var(--f-mono)}.c6e-a small{font:700 .58rem/1 var(--f-body);text-transform:uppercase;letter-spacing:.06em}
.c6e-sc{align-self:center;margin-top:-18px;font:700 1.1rem/1 var(--f-mono);color:var(--muted);white-space:nowrap}
.c6e-rt{font-size:.86rem;color:var(--muted)}.c6e-rt b{color:var(--fg);font-family:var(--f-mono)}.c6e-rt em{font-style:normal;font-weight:800;font-family:var(--f-mono)}
.c6e-rt em.up{color:#5d9b2f}.c6e-rt em.dn{color:#d2453a}
.c6e-w{color:var(--muted);font-size:.76rem;font-weight:600}
.c6e-w[hidden]{display:none}
.c6end .cbtns{padding:0 14px;margin-top:2px}
.c6e-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.c6e-2 .btn{padding:0 8px}
.c6end .btn .rvi{width:1.25rem;height:1.25rem;flex:none}
/* küçük tahtada (telefon) sıkı kart: başlık yatay, avatarlar küçük, "Tahtaya bak" yalnızca çarpı */
.c6end.sm{gap:7px;padding-bottom:10px;width:min(94%,340px)}
.c6end.sm .c6e-hd{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:10px;padding:12px 44px 8px 14px;text-align:left}
.c6end.sm .c6e-ic{width:38px;height:38px;border-radius:12px}.c6end.sm .c6e-ic svg.i{width:1.25rem;height:1.25rem}
.c6end.sm .c6e-tt b{font-size:1.12rem}.c6end.sm .c6e-tt small{font-size:.78rem}
.c6end.sm .c6e-av .av{--s:38px!important}.c6end.sm .c6e-av .cside{width:38px;height:38px}
.c6end.sm .c6e-av .rbot{--s:40px!important}.c6end.sm .c6e-av .cwav{width:42px;height:38px}
.c6end.sm .c6e-a{padding:3px 8px}.c6end.sm .c6e-a b{font-size:.9rem}
.c6end.sm .btn{min-height:2.55rem}
.c6end.sm .cbtns{gap:5px}
/* geniş ekran: tahta solda, yan panel sağda */
@media (min-width:900px){
 main.chessmode:not(.snap),:root[data-ui="vizor"] main.chessmode:not(.snap){padding-left:max(12px,calc((100% - 1140px)/2));padding-right:max(12px,calc((100% - 1140px)/2))}
 .chess.c6{min-height:0;display:grid;grid-template-columns:auto minmax(270px,400px);grid-template-rows:auto auto auto 1fr;grid-template-areas:"t s" "m s" "b s" ". s";justify-content:center;column-gap:18px;row-gap:6px;align-items:start;padding:6px 0 10px}
 .c6>.cpl{margin:0}
 .c6 #cplT{grid-area:t}.c6 #cplB{grid-area:b}
 .c6 .cmain{grid-area:m;padding:0}
 .c6 .cbfr{width:min(calc(100dvh - 232px),700px,calc(100vw - 340px));max-width:none;flex:none}
 .c6 .c6side{grid-area:s;display:flex;flex-direction:column;gap:8px;align-self:stretch;min-height:0;max-height:calc(100dvh - 92px)}
 .c6 .c6side>*{margin:0}
 .c6 #cMoves{order:0;flex:1 1 auto;display:grid;grid-template-columns:3em 1fr 1fr;align-content:start;align-items:center;overflow-y:auto;overflow-x:hidden;min-height:140px;padding:6px;gap:2px}
 .c6 #cMoves>.muted{grid-column:1/-1;padding:10px 6px}
 .c6 .cn{padding:0 6px 0 0;text-align:right}
 .c6 .cmv{justify-content:flex-start;padding:6px 8px}
 .c6[data-cm="puzzle"] #cMoves{display:flex;flex-wrap:wrap;align-content:flex-start}
 .c6 .crvbar{order:1}.c6 .chwbar{order:2}.c6 .cctl{order:3;margin-top:0}.c6 .cchat{order:4}
 .c6 .cch-list{max-height:min(32vh,260px)}
}
@media (min-width:900px) and (max-height:560px){.c6 .cbfr{width:min(calc(100dvh - 24px),700px,calc(100vw - 340px))}}
/* lobi */
.c6lob{display:grid;gap:12px;margin:0 0 16px}
.c6lob .box{margin:0 12px}
.c6me{display:flex;align-items:center;gap:12px;padding:12px 14px}
.c6me .av{--s:52px!important}
.c6me .t{min-width:0;flex:1;display:grid;gap:3px}
.c6me .t b{font:600 1.05rem/1.2 var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c6me .t small{color:var(--muted);font-size:.78rem}
.c6me .rt{display:grid;justify-items:end;gap:3px;flex:none}
.c6me .rt b{font:700 1.7rem/1 var(--f-mono);letter-spacing:-.03em}
.c6me .rt small{color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.c6play{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 12px}
.c6tile{position:relative;display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-align:left;min-height:74px;min-width:0;color:var(--fg)}
.c6tile .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.c6tile .ic svg.i{width:1.4rem;height:1.4rem}
.c6tile .tx{min-width:0;display:grid;gap:2px}
.c6tile b{font-size:.93rem;line-height:1.2}
.c6tile small{color:var(--muted);font-size:.74rem;line-height:1.25}
.c6tile.pri{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.c6tile.pri .ic{background:rgba(255,255,255,.18);color:inherit}
.c6tile.pri small{color:inherit;opacity:.82}
.c6dot{position:absolute;top:8px;right:8px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--heart);color:#fff;font:700 .7rem/20px var(--f-mono);font-style:normal;text-align:center}
.c6tile:active{transform:scale(.97)}
.c6bot .c6say{display:flex;align-items:center;gap:12px;margin-bottom:2px}
.c6bf{display:grid;place-items:center;width:64px;height:64px;flex:none}
.c6bf.cw{width:70px}
.c6sb{position:relative;flex:1;min-width:0;padding:9px 12px;border-radius:14px;background:var(--surface-2);font-size:.86rem;font-weight:600;line-height:1.35}
.c6sb::before{content:"";position:absolute;left:-6px;top:calc(50% - 6px);width:12px;height:12px;background:inherit;transform:rotate(45deg);border-radius:2px}
.c6cst{margin:4px 0 0}
#c6bots{scroll-margin-top:calc(var(--vz-th,62px) + 8px)}
@media (min-width:640px){.c6play{grid-template-columns:repeat(4,1fr)}.c6tile{flex-direction:column;align-items:flex-start;min-height:118px}}
:root[data-ui="vizor"] .c6tile,:root[data-ui="vizor"] .c6sb{border-radius:20px}
:root[data-ui="vizor"] .c6 .cboard{border-radius:3px}
:root[data-ui="vizor"] .c6acc{border-radius:999px}
html.reduce-motion .c6tile:active{transform:none}
/*}@css:60CHS*/
/*@css:511{*/
.ak5{margin-top:14px;display:grid;gap:10px}
.ak5 .ak5-st{font-size:.86rem;line-height:1.5;color:var(--muted)}
.ak5 .ak5-st b{color:var(--fg);font-weight:600}
.ak5 .ak5-k{display:grid;gap:4px}
.ak5 .ak5-k label{font-size:.8rem;color:var(--muted)}
.ak5 .ak5-k label b{color:var(--fg)}
.ak5 .ak5-kr{display:flex;gap:6px;align-items:center}
.ak5 .ak5-kr .in{flex:1;min-width:0;font:500 .78rem/1.3 var(--f-mono)}
.ak5 .ak5-row{display:flex;gap:8px;flex-wrap:wrap}
/*}@css:511*/
/*@css:520{*/
#composer{position:relative}
.mn-box{position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.22);padding:6px;display:grid;gap:2px;max-height:250px;overflow:auto;animation:fade .15s ease}
.mn-box button{display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;background:transparent;color:var(--fg);border-radius:12px;text-align:left;font:inherit;cursor:pointer;min-width:0}
.mn-box button.on,.mn-box button:hover{background:var(--surface-2)}
.mn-box .t{display:grid;min-width:0;line-height:1.25}.mn-box b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-box small{color:var(--muted);font-size:.78rem}
.msg .mtag{color:var(--accent);font-weight:600;cursor:pointer}
.mrow.me .msg .mtag{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mrow:not(.me) .msg.mme{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent)}
.mn-who{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);margin:0 0 3px 2px}
.mn-ty{align-items:center}
.mn-avs{display:flex;flex:none}.mn-avs>*{margin-left:-12px;box-shadow:0 0 0 2px var(--bg);border-radius:50%}.mn-avs>*:first-child{margin-left:0}
.mn-ty small{color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#msgs .mrow{touch-action:pan-y}
#msgs .mrow.swp{position:relative}
.swp-ic{position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--fg);opacity:var(--swp,0);transform:scale(calc(.6 + var(--swp,0) * .4));pointer-events:none}
.swp-ic .i{width:16px;height:16px}
.mrow:not(.me)>.swp-ic{left:-38px}.mrow.me>.swp-ic{right:-38px}
/*}@css:520*/
/*@css:530{*/
/* 5.3.0 çoklu fotoğraf: akışta yana kaydırılan şerit, oluştur ekranında küçük resim şeridi */
.phc{display:block}
.phc-tr{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.phc-tr::-webkit-scrollbar{display:none}
.media .phc-tr img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;-webkit-user-drag:none}
.phc-n{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 .72rem/1 var(--f-mono);pointer-events:none}
.phc-d{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.phc-d i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 2px rgba(0,0,0,.45);transition:background .2s,transform .2s}
.phc-d i.on{background:#fff;transform:scale(1.25)}
.phc-b{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#111;display:none;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.phc-b.pv{left:10px}.phc-b.nx{right:10px}
.phc-b svg.i{width:1.1rem;height:1.1rem}
:root[data-ui="vizor"] .phc-n{top:20px;right:22px;z-index:2;padding:5px 10px;font-size:.64rem;letter-spacing:.04em;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-ui="vizor"] .phc-d{bottom:19px;z-index:2}
:root[data-ui="vizor"] .phc-b{z-index:2}
@media (hover:hover) and (pointer:fine){.phc-b{display:grid}.phc-b[hidden]{display:none}}
.phs{padding:8px 16px 0}
.phs-r{position:relative;display:flex;gap:8px;overflow-x:auto;padding:8px 2px 4px;scrollbar-width:thin}
.phs-t{position:relative;flex:0 0 auto}
.phs-t>button[data-phi]{position:relative;display:block;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:pointer}
.phs-t[data-on="1"]>button[data-phi]{border-color:var(--accent)}
.phs-t img{width:100%;height:100%;object-fit:cover;display:block}
.phs-k{position:absolute;left:4px;bottom:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font:600 .62rem/16px var(--f-mono);text-align:center}
.phs-x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--bg);background:var(--fg);color:var(--bg);display:grid;place-items:center;padding:0;cursor:pointer}
.phs-x svg.i{width:.75rem;height:.75rem}
.phs-add{flex:0 0 auto;width:58px;height:58px;border-radius:12px;border:1.5px dashed var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.phs-f{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;min-height:2.2rem}
.phs-mv{display:flex;gap:2px}
.phs-mv .ib:disabled{opacity:.35}
/*}@css:530*/
/*@css:540{*/
/* 5.4.0: basılı tutunca tarayıcının resim menüsü çıkmaz; sohbet kayması, yazıyor girişi, beğen/kaydet zıplaması */
.media img,.tile img,.reel img,.sv img,.mp img{-webkit-touch-callout:none;-webkit-user-drag:none}
.gl-sp{flex:none;pointer-events:none}
#msgs .mn-ty.gl-in{animation:glTy .34s cubic-bezier(.2,1.3,.4,1) both;transform-origin:left bottom}
@keyframes glTy{from{opacity:0;transform:scale(.55)}}
.pill.kpop svg.i,.rside .kpop svg.i{animation:kPop .42s cubic-bezier(.2,1.6,.4,1) both}
@keyframes kPop{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(-8deg)}70%{transform:scale(.92)}100%{transform:scale(1)}}
#msgs .seenrow:not(.sr-ph) .seenav{animation:glSeen .3s cubic-bezier(.2,1.4,.4,1) both}
@keyframes glSeen{from{opacity:0;transform:scale(.3)}}
#msgs .seenrow.gl-old .seenav{animation:none}
.phc-tr img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.media.phc:active .phc-tr img{transform:scale(.985)}
html.reduce-motion #msgs .mn-ty.gl-in,html.reduce-motion .kpop svg.i,html.reduce-motion #msgs .seenav{animation:none}
@media (prefers-reduced-motion:reduce){#msgs .mn-ty.gl-in,.kpop svg.i,#msgs .seenav{animation:none}}
/*}@css:540*/
/*@css:60CHAT{*/
/* 6.0 sohbet: yazma kutusu yumuşak büyür (cfGrow); 60UI'ın kenar/gölge geçişleri korunur */
#composer #msgIn{transition:height .16s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
html.reduce-motion #composer #msgIn{transition:border-color .2s,box-shadow .2s}
@media (prefers-reduced-motion:reduce){#composer #msgIn{transition:none}}
/* CF motoru girişleri kendisi oynatır: eski .nw / .gl-in / görüldü zıplamaları kapalı (yeniden çizimde yarıda kesiliyordu) */
#msgs.cf .mrow.nw,#msgs.cf .mn-ty.gl-in{animation:none}
#msgs.cf .seenrow .seenav{animation:none;transition:none}
.cf-sp{flex:none;pointer-events:none}
/* yazıyor balonundan mesaja dönüşüm: yazı sonradan belirir */
#msgs .msg.cf-mo{transform-origin:0 0;color:color-mix(in srgb,var(--cf-c,currentColor) calc(var(--cf-a,1) * 100%),transparent)}
#msgs .msg.cf-mo>*{opacity:var(--cf-a,1)}
/* yazıyor noktaları yeniden çizimde baştan başlamaz */
#msgs.cf .typing i{animation-delay:var(--cf-tp,0s)}
#msgs.cf .typing i:nth-child(2){animation-delay:calc(var(--cf-tp,0s) + .15s)}
#msgs.cf .typing i:nth-child(3){animation-delay:calc(var(--cf-tp,0s) + .3s)}
#cfGhost{position:fixed;pointer-events:none;overflow:hidden;z-index:4}
#cfGhost .typing i{animation:none;opacity:.6}
/* yukarıdayken gelen mesajlar için "N yeni mesaj" düğmesi (cfNewShow) */
.cf-new{position:fixed;z-index:25;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:8px 14px 8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);font:600 .82rem/1 var(--f-body);box-shadow:0 10px 26px -12px rgba(0,0,0,.4);cursor:pointer;animation:cfNewIn .3s cubic-bezier(.2,1.3,.4,1) both}
.cf-new svg.i{width:1rem;height:1rem;transform:rotate(90deg);color:var(--accent)}
@keyframes cfNewIn{from{opacity:0;transform:translate(-50%,-40%) scale(.92)}}
html.reduce-motion .cf-new{animation:none}
@media (prefers-reduced-motion:reduce){.cf-new{animation:none}}
/*}@css:60CHAT*/
/*@css:61CHAT{*/
/* 6.1 sabit mesaj şeridi: sohbetin üstünde, mesajların üstüne biner (liste yüksekliği değişmez, sohbet zıplamaz) */
main.chatmode{position:relative}
.pinbar{position:absolute;left:10px;right:10px;top:8px;z-index:4;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.pinbar .pj{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;padding:2px 0;color:inherit}
.pinbar .pj svg.i{flex:none;width:1.05rem;height:1.05rem;color:var(--accent)}
.pinbar .pj span{min-width:0;display:grid}
.pinbar .pj b{font-size:.72rem;color:var(--accent)}
.pinbar .pj em{font-style:normal;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pinbar .px{flex:none;width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;background:none;border:0;color:var(--muted)}
.pinbar .px svg.i{width:1rem;height:1rem}
.pinbar .pdots{display:grid;gap:2px;flex:none}.pinbar .pdots i{width:3px;height:8px;border-radius:2px;background:var(--line)}.pinbar .pdots i.on{background:var(--accent)}
/* tek seferlik fotoğraf */
.once{display:flex;align-items:center;gap:10px;padding:2px 2px;background:none;border:0;color:inherit;text-align:left;font:inherit}
.once .oi{width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;flex:none;border:2px dashed currentColor;opacity:.9}
.once .oi svg.i{width:1.1rem;height:1.1rem}.once span{display:grid}.once small{font-size:.74rem;opacity:.75}
.once.off .oi{border-style:solid;opacity:.5}
.oncev{position:fixed;inset:0;z-index:60;background:#000;display:grid;place-items:center}
.oncev img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}
.oncev .ot{position:absolute;left:0;right:0;top:calc(10px + env(safe-area-inset-top,0px));text-align:center;color:#fff;font-size:.82rem;opacity:.8}
.oncev button{position:absolute;right:12px;top:calc(8px + env(safe-area-inset-top,0px));width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center}
/* zamanlanmış mesaj */
.msg:has(.schl){opacity:.62}
.schl{display:flex;align-items:center;justify-content:flex-end;gap:4px}.schl svg.i{width:.8rem;height:.8rem}
.schf{display:grid;gap:10px}.schf textarea{min-height:5rem}
.schq{display:flex;flex-wrap:wrap;gap:8px}.schq button{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:.84rem}
.schq button[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
/* 6.1 DM'de Instagram gibi: karşı tarafın art arda mesajlarının sonuncusunda yuvarlak profil fotoğrafı (renderMsgs tabanında dmAv) */
.mrow .dmav,.mrow .dmav .av,.mrow .dmav .av img,.mrow .dmav .av svg{border-radius:50%!important}
.mrow .dmav .av::before,.mrow .dmav .av::after{display:none}
textarea.k1l{resize:none;overflow:hidden;white-space:nowrap;overflow-wrap:normal;font:inherit;line-height:1.3;min-height:0!important;height:auto;field-sizing:fixed}
textarea.in.k1l{box-sizing:border-box;height:3rem;min-height:3rem!important;padding-top:calc(1.5rem - .65em - 1.5px);padding-bottom:0}
.sv .ft textarea.k1l{width:auto;flex:1;padding-top:.8rem;padding-bottom:.8rem;line-height:1.3;height:2.9rem}
.kce{display:block;min-height:3rem;padding:calc(1.5rem - .65em - 1.5px) 14px 0;line-height:1.3;white-space:nowrap;overflow:hidden;cursor:text;-webkit-user-select:text;user-select:text;outline:none}
.kce:focus{border-color:var(--accent)}.kce:empty::before{content:attr(data-ph);color:var(--muted);pointer-events:none}
/*}@css:61CHAT*/
/*@css:61STORY{*/
/* 6.1 Yakın Arkadaşlar ve hikâye çıkartmaları (js bölgesi 61STORY) */
.av.ring.cf img{box-shadow:0 0 0 2.5px var(--bg),0 0 0 5px #1DB954}
:root[data-ui] .av.ring.cf::before{background:#1DB954}
.cf-ic{width:2.4rem;height:2.4rem;border-radius:50%;background:#1DB954;color:#fff;display:grid;place-items:center;flex:none}
.cf-ic .i{fill:#fff;stroke:#fff;width:1.25rem;height:1.25rem}
.cf-ic.sm{width:2rem;height:2rem;margin-right:2px}.cf-ic.sm .i{width:1.05rem;height:1.05rem}
.cf-top{display:flex;gap:12px;align-items:flex-start;padding:2px 16px 10px}.cf-top p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.4}
.cf-sr{display:flex;gap:10px;align-items:center;padding:0 16px 8px}.cf-sr .in{flex:1;min-width:0}.cf-sr b{font-size:.8rem;color:var(--muted);white-space:nowrap}
.cf-list{padding:0 8px 16px}
.cf-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:14px;text-align:left;color:var(--fg)}
.cf-row:hover{background:var(--surface-2)}
.cf-row .t{flex:1;min-width:0;display:grid}.cf-row .t b,.cf-row .t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-row .t small{color:var(--muted);font-size:.8rem}
.cf-ck{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:transparent}
.cf-ck .i{width:1rem;height:1rem;stroke-width:3}
.cf-row[aria-pressed="true"] .cf-ck{background:#1DB954;border-color:#1DB954;color:#fff}
.cf-tog{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:16px;background:var(--surface-2);text-align:left;color:var(--fg);-webkit-user-select:none;user-select:none}
.cf-tog .t{flex:1;min-width:0;display:grid}.cf-tog small{color:var(--muted);font-size:.8rem}
.cf-tog .sw{width:2.7rem;height:1.6rem;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .2s}
.cf-tog .sw i{position:absolute;top:3px;left:3px;width:calc(1.6rem - 6px);height:calc(1.6rem - 6px);border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.cf-tog[aria-pressed="true"] .sw{background:#1DB954}.cf-tog[aria-pressed="true"] .sw i{transform:translateX(1.1rem)}
.sv .shd .n .cfp{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px 2px 6px;border-radius:999px;background:#1DB954;color:#fff;font-size:.7rem;font-weight:700;vertical-align:2px}
.sv .shd .n .cfp .i{width:.8rem;height:.8rem;fill:#fff;stroke:#fff}.sv .shd .n .cfp[hidden]{display:none}
.st-cv{touch-action:none;cursor:grab}
.st-bar{display:flex;gap:8px;flex-wrap:wrap}.st-hint{margin:0;font-size:.8rem}
.st-chips{display:flex;gap:6px;flex-wrap:wrap}.st-chips[hidden]{display:none}
.st-chip{display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--surface-2);font-size:.82rem;font-weight:600;max-width:100%}
.st-chip button{width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.st-chip .i{width:.9rem;height:.9rem}
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 16px 12px}
.st-grid button{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:18px;background:var(--surface-2);font-weight:700;font-size:.85rem;color:var(--fg)}
.st-grid button span{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}
.st-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:4px 16px calc(18px + env(safe-area-inset-bottom,0px))}
.st-icons button{width:3.1rem;height:3.1rem;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff inset}
.st-in{display:flex;gap:10px;padding:4px 16px calc(18px + env(safe-area-inset-bottom,0px))}.st-in .in{flex:1;min-width:0}
.st-in.col{flex-direction:column;align-items:stretch}.st-in .lbl{margin:0}.st-po{display:flex;gap:10px}.st-po .in{flex:1;min-width:0}
.svst{position:absolute;inset:0;z-index:2;pointer-events:none;--u:.5}
.svst .stk{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}
.svst .stk.men{border-radius:999px}
.svst .stk-poll,.svst .stk-ask{width:calc(560px * var(--u));border-radius:calc(34px * var(--u));background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;text-align:center}
.svst .st-q{font:700 calc(38px * var(--u))/1.26 Figtree,'Avenir Next',sans-serif;padding:calc(24px * var(--u)) calc(34px * var(--u)) calc(14px * var(--u));overflow-wrap:anywhere}
.svst .stk-ask .st-q{background:linear-gradient(90deg,#0C7A63,#2BC8A4);color:#fff;padding-bottom:calc(22px * var(--u))}
.svst .stk-poll .st-os{display:flex;gap:calc(22px * var(--u));padding:0 calc(22px * var(--u)) calc(22px * var(--u))}
.svst .stk-poll .st-os button{flex:1;min-width:0;position:relative;overflow:hidden;min-height:calc(88px * var(--u));border-radius:calc(24px * var(--u));background:#F1F3F2;display:grid;place-items:center;font:800 calc(36px * var(--u))/1.1 Figtree,'Avenir Next',sans-serif;color:#0C7A63}
.svst .stk-poll .st-os button+button{color:#E23E57}
.svst .stk-poll .st-os button b{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92%}
.svst .stk-poll.res .st-os button::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:color-mix(in srgb,currentColor 18%,transparent)}
.svst .stk-poll .st-os button i{position:relative;font-style:normal;font-size:.72em;color:#333}
.svst .stk-poll .st-os button.me{box-shadow:inset 0 0 0 calc(4px * var(--u)) currentColor}
.svst .stk-poll small{display:block;font-size:max(11px,calc(26px * var(--u)));color:#6B7570;padding:0 0 calc(16px * var(--u));margin-top:calc(-8px * var(--u))}
.svst .stk-ask .ans{display:block;width:calc(100% - 44px * var(--u));margin:calc(16px * var(--u)) auto calc(20px * var(--u));min-height:calc(76px * var(--u));border-radius:calc(22px * var(--u));background:#F1F3F2;color:#8A9490;font:600 calc(32px * var(--u))/1.2 Figtree,'Avenir Next',sans-serif;padding:0 calc(16px * var(--u))}
.st-res{padding:0 16px 18px}.st-res .h{font-weight:800;margin:12px 0 6px}.st-res .row{display:flex;align-items:center;gap:10px;padding:6px 0}.st-res .s{font-size:.8rem;color:var(--muted)}
/*}@css:61STORY*/
/*@css:61APP{*/
.kmg-al{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -12px 10px;padding:2px 12px}.kmg-al:empty{display:none}
.kmg-c{flex:none;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--surface-2);font-size:.82rem;font-weight:600;color:var(--fg);white-space:nowrap}
.kmg-c[data-kga=""]{padding-left:12px}.kmg-c img{width:1.8rem;height:1.8rem;border-radius:50%;object-fit:cover}.kmg-c small{color:var(--muted);font-weight:500}
.kmg-c[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.kmg-c[aria-pressed="true"] small{color:inherit;opacity:.8}
.kmg-more{display:grid;place-items:center;padding:18px}.kmg-more[hidden]{display:none}.kmg-note{margin:0 0 10px;font-size:.8rem;line-height:1.4}
.kml-i.kmg-ld{opacity:.5}
/*}@css:61APP*/
/*@css:62{*/
.dft-b{margin:4px 16px 8px;width:calc(100% - 32px)}.dft-b span{display:flex;flex-direction:column;align-items:flex-start}.dft-b small{font-weight:500;font-size:.78rem}
.dft-g{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.dft-i{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}
.dft-o{width:64px;height:64px;flex:none;border-radius:12px;overflow:hidden;padding:0;border:0;background:var(--surface);cursor:pointer;display:grid}
.dft-o img{width:100%;height:100%;object-fit:cover}
.dft-n{display:grid;place-items:center;width:100%;height:100%;padding:6px;color:#fff;font-size:.62rem;font-weight:700;line-height:1.15;text-align:center;overflow:hidden;word-break:break-word}
.dft-p{background:linear-gradient(135deg,#7c3aed,#4338ca);gap:2px}.dft-p .i{width:20px;height:20px}.dft-p small{font-size:.55rem;font-weight:600}
.dft-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dft-m small{color:var(--muted);font-size:.78rem}
.k62-note{padding:12px 16px 16px;font-size:.82rem}
.ars-h{padding:10px 16px 6px;font-weight:700;font-size:.86rem;color:var(--muted);text-transform:capitalize}
.ars-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 16px}
.ars-i{position:relative;aspect-ratio:9/16;border:0;padding:0;border-radius:10px;overflow:hidden;background:var(--surface-2);cursor:pointer}
.ars-i img{width:100%;height:100%;object-fit:cover;display:block}
.ars-i span{position:absolute;left:6px;top:6px;min-width:26px;padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:.78rem;text-align:center}
.arsv{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;pointer-events:auto}
.arsv>img{max-width:100%;max-height:100%;object-fit:contain}
.arsv-top,.arsv-ft{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff}
.arsv-top{top:0;padding-top:calc(12px + env(safe-area-inset-top));background:linear-gradient(rgba(0,0,0,.55),transparent)}.arsv-top span{font-weight:600}
.arsv-ft{bottom:0;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6));justify-content:center;flex-wrap:wrap}
.arsv .ib{background:rgba(0,0,0,.45);color:#fff}.arsv .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25)}
.fnp{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 76px);transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:6px;padding:9px 16px 9px 12px;border-radius:999px;border:0;background:var(--accent);color:#fff;font:600 .9rem var(--f-body);box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;animation:fnpIn .28s ease-out}
.fnp .i{width:18px;height:18px;transform:rotate(90deg)}
@keyframes fnpIn{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
/*}@css:62*/
/*@css:63{*/
.gm-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 12px}
.gm-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:20px;border:0;color:#fff;text-align:left;background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));cursor:pointer;min-height:8.4rem}
.gm-t.gm-w{grid-column:1/-1;min-height:0}
.gm-t .ic{width:2.6rem;height:2.6rem;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16)}.gm-t .ic svg{width:1.4rem;height:1.4rem}
.gm-t b{font-size:1rem}.gm-t small{font-size:.78rem;opacity:.85;line-height:1.3}
.pl-grid .srcs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 2px;padding:4px 8px 14px}
.pl-grid .srcs .src{flex-direction:column;align-items:center;text-align:center;gap:7px;padding:8px 2px;background:none;border:0;box-shadow:none;border-radius:16px}
.pl-grid .srcs .src .ic{width:3.3rem;height:3.3rem;border-radius:50%}
.pl-grid .srcs .src b{font-size:.74rem;font-weight:600;line-height:1.2}
.pl-grid .srcs .src small{display:none}
.pl-grid .srcs .src>span:last-child{min-width:0;max-width:100%}
@media (max-width:340px){.pl-grid .srcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nb.nb-m{display:flex;flex-direction:column;gap:2px;max-width:112px;-webkit-line-clamp:unset}
.nb-mu{display:flex;align-items:center;gap:3px;font-size:.64rem;font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;max-width:100%;min-width:0}
.nb-mu .i{width:11px;height:11px;flex:none}.nb-mu span{overflow:hidden;text-overflow:ellipsis}
.nb-tx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nm-pchip{font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--accent-soft);max-width:260px}.nm-pchip .i{width:14px;height:14px}
.nm-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;color:var(--fg)}
.nm-row .ic{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.nm-row .t{flex:1;min-width:0}.nm-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-row small{color:var(--muted);font-size:.78rem}
.nm-sh{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}
.nm-l{display:flex;flex-direction:column;gap:4px}
.nm-r{display:flex;align-items:center;gap:6px;padding:4px;border-radius:14px}.nm-r.on{background:var(--accent-soft)}
.nm-t{flex:1;min-width:0;text-align:left;border:0;background:none;padding:6px 4px;cursor:pointer;color:var(--fg)}.nm-t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-t small{color:var(--muted);font-size:.74rem}
.nm-add{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.nm-add small{color:var(--muted);font-size:.78rem;margin-top:-4px}.nm-add .btn.sec{align-self:flex-start}
.nm-v{display:flex;flex-direction:column;gap:8px;margin-top:4px}.nm-vh{display:flex;align-items:center;gap:6px;color:var(--accent)}.nm-vh .i{width:16px;height:16px}
.sh-st{margin-bottom:10px}
.square.okc{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:14px 10px;cursor:default}
.okc-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0;padding:4px 2px}
.okc-i+.okc-i{border-left:1px solid rgba(255,255,255,.18)}
.okc-i small{margin:0;font-size:.74rem;opacity:.9;line-height:1.2}
.square .okc-i b{font:700 1.7rem/1.1 var(--f-display);display:flex;align-items:baseline;gap:2px}.okc-i b span{font:600 .74rem var(--f-body);opacity:.85}
.okc-i em{font-style:normal;font-size:.66rem;opacity:.7}
/*}@css:63*/
/*@css:64{*/
.cmt.rep{margin-left:44px}.cmt.rep .t{font-size:.92em}
.cmt.pinned{background:var(--accent-soft);border-radius:14px;padding-top:6px;padding-bottom:6px}
.cm-pin{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:2px}.cm-pin .i{width:12px;height:12px}
.cm-rb{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;font-size:.82rem;color:var(--muted);background:var(--surface-2);border-top:1px solid var(--line)}
.cm-rb button{border:0;background:none;color:var(--muted);padding:2px;display:grid}.cm-rb .i{width:16px;height:16px}
#cMus.on{background:var(--accent-soft);color:var(--accent)}#cMus{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-mus{position:absolute;left:14px;top:calc(env(safe-area-inset-top) + 62px);z-index:5;display:flex;align-items:center;gap:6px;max-width:70%;padding:7px 12px;border-radius:999px;border:0;background:rgba(0,0,0,.45);color:#fff;font:600 .82rem var(--f-body);pointer-events:auto;cursor:pointer}
.sv-mus .i{width:15px;height:15px;flex:none}.sv-mus span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mu-r{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.mu-r input{width:20px;height:20px;accent-color:var(--accent)}
.mu-r span{display:flex;flex-direction:column}.mu-r small{color:var(--muted);font-size:.78rem}
.tm{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px}
.tm-h{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tm-h>div{padding:12px;border-radius:16px;background:var(--surface-2)}.tm-h small{color:var(--muted);font-size:.78rem;display:block}.tm-h b{font:700 1.4rem var(--f-display)}
.tm-c{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:140px;align-items:end}
.tm-b{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.tm-b i{display:block;width:100%;max-width:28px;border-radius:8px;background:var(--line)}.tm-b.on i{background:var(--accent)}.tm-b small{font-size:.72rem;color:var(--muted)}
.tm-l{display:flex;flex-direction:column;gap:6px}.tm-l small{color:var(--muted);font-size:.8rem}.tm-l .chips{padding:4px 0 0}
/* 6.4.6: gruplu Ayarlar */
#main .sg{margin:10px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
#main .sg-h{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;color:var(--fg);background:none;border:0;cursor:pointer}
#main .sg-h>.i:first-child{width:22px;height:22px;color:var(--accent);flex:none}
#main .sg-h>span{flex:1;min-width:0;display:grid;gap:2px}#main .sg-h b{font-weight:650;font-size:.98rem}
#main .sg-h small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main .sg-h>.i:last-child{width:18px;height:18px;color:var(--muted);flex:none;transition:transform .2s}
#main .sg.open .sg-h>.i:last-child{transform:rotate(90deg)}
#main .sg-b{display:none;border-top:1px solid var(--line);padding:4px 0 10px}#main .sg.open .sg-b,#main.sgq .sg-b{display:block}
#main.sgq .sg-h{display:none}#main.sgq .sg{border:0;background:none}#main.sgq .sg-b{border:0}
#main .sg[data-n="1"] .sxh{display:none}
#main .sg .sxs{margin-left:0;margin-right:0}#main .sg .sg-b>.box{margin:8px 12px}
html.reduce-motion #main .sg-h>.i:last-child{transition:none}
/* 6.4.9'daki content-visibility 6.5'te kaldırıldı: yeniden çizimde kartların boyu unutuluyor, Akış başka paylaşıma zıplıyordu */
/* 6.4.10: Apple Music önizleme oynatıcısı ve arama */
.it-pl{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.it-pl img,.it-pl .it-ph{width:48px;height:48px;border-radius:10px;flex:none;object-fit:cover;display:grid;place-items:center;background:var(--surface);color:var(--muted)}
.it-pl .it-tx,.it-pl .it-t{flex:1;min-width:0;display:grid;gap:3px;text-align:left;background:none;border:0;color:var(--fg);padding:0;cursor:pointer}
.it-pl b{font-weight:650;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it-pl small{color:var(--muted);font-size:.76rem;display:flex;align-items:center;gap:6px}
.it-pl .it-bar{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:3px}.it-pl .it-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .25s linear}
.it-pl.on{border-color:var(--accent)}.it-pl .ib{flex:none}
.it-e{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--muted);color:var(--surface);font:700 .6rem/1 var(--f-mono)}
.it-l{display:grid;gap:8px;margin:10px 0}.it-r.on .it-pl{border-color:var(--accent)}
.it-msg{display:flex;align-items:center;gap:8px;padding:14px 4px}.it-note{font-size:.76rem;margin:8px 2px 0}
.nm-v .it-pl{margin-top:10px}
/*}@css:64*/
/*@css:61TEST{*/
.kt-btns{display:grid;gap:8px}.kt-box{margin-top:10px}.kt-box:empty{display:none}.kt-h{margin:16px 0 6px;font:700 .9rem var(--f-body)}
.kt-busy{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--muted)}
.kt-sum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:var(--surface-2)}.kt-sum.ok{color:var(--ok)}.kt-sum.bad{color:var(--heart)}
.kt-sum b{color:var(--fg)}.kt-sum span{font-size:.78rem;color:var(--muted);flex-basis:100%}
.kt-list{display:grid;gap:2px;margin-top:6px}.kt-row{display:flex;gap:8px;align-items:flex-start;padding:6px 4px;font-size:.86rem}.kt-row .i{flex:none;width:1.1rem;height:1.1rem;margin-top:1px}
.kt-row.ok .i{color:var(--ok)}.kt-row.bad .i{color:var(--heart)}.kt-row span{display:grid;min-width:0}.kt-row small{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
/*}@css:61TEST*/
/*@css:61FUN{*/
/* 6.1 Anılar (js bölgesi 61FUN) */
.memc{display:flex;gap:12px;align-items:center;margin:4px 16px 12px;padding:10px;border-radius:20px;background:var(--surface);border:1px solid var(--line);position:relative}
.memc .th{width:4.6rem;height:4.6rem;border-radius:14px;flex:none;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;text-align:center;padding:0;line-height:1.2}
.memc .th img{width:100%;height:100%;object-fit:cover;display:block}
.memc .th.tx{padding:6px;overflow-wrap:anywhere}
.memc .t{flex:1;min-width:0;display:grid;gap:2px}
.memc .t small{font:600 .68rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.memc .t b{font-size:.95rem}
.memc .t span{font-size:.8rem;color:var(--muted)}
.memc .bt{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.memc .bt .btn{min-height:2rem;padding:0 12px;font-size:.8rem}
.memc .x{position:absolute;top:6px;right:6px;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;color:var(--muted)}
.memc .x .i{width:1rem;height:1rem}
.mem-list{padding:0 16px 18px;display:grid;gap:10px}.mem-list .memc{margin:0}
.pmus{display:inline-flex;width:fit-content;justify-self:start;align-items:center;gap:6px;max-width:100%;margin:8px 0 2px;padding:5px 12px 5px 8px;border-radius:999px;background:var(--surface-2);color:var(--fg);font-size:.82rem;font-weight:600}
.pmus .i{width:.95rem;height:.95rem;flex:none}.pmus .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pmus .eq{display:none;align-items:flex-end;gap:2px;height:.9rem;flex:none}.pmus .eq i{width:3px;border-radius:2px;background:var(--accent);height:40%}
.pmus.on{background:var(--accent-soft);color:var(--accent)}.pmus.on .eq{display:inline-flex}.pmus.on>.i{display:none}
.pmus.on .eq i{animation:pmEq .9s ease-in-out infinite}.pmus.on .eq i:nth-child(2){animation-delay:-.3s}.pmus.on .eq i:nth-child(3){animation-delay:-.6s}
@keyframes pmEq{0%,100%{height:30%}50%{height:100%}}
@media (prefers-reduced-motion:reduce){.pmus.on .eq i{animation:none;height:70%}}html.reduce-motion .pmus.on .eq i{animation:none;height:70%}
.pm-sh{display:grid;gap:12px;padding:4px 16px calc(18px + env(safe-area-inset-bottom,0px))}.pm-sh .field{margin:0}.pm-sh .field[hidden]{display:none}
.pm-sh input[type=range]{width:100%;accent-color:var(--accent)}
.pm-bt{display:flex;gap:8px;flex-wrap:wrap}.pm-bt .btn{flex:1 1 auto}
#pmEdit{width:100%}
.pm-sel{display:grid;gap:10px;padding:12px;border-radius:18px;background:var(--surface-2)}.pm-sel .field{margin:0}
.pm-empty{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.86rem}.pm-empty .i{flex:none}
.pm-lh{display:grid;gap:2px;margin-top:4px}.pm-lh small{color:var(--muted);font-size:.78rem}
.pm-tools{display:flex;gap:8px}.pm-tools .in{flex:1;min-width:0}.pm-tools .btn{flex:none}
.pm-list{display:grid;gap:2px}
.pm-row{display:flex;align-items:center;gap:6px;padding:4px;border-radius:14px}.pm-row.on{background:var(--accent-soft)}
.pm-row .pm-t{flex:1;min-width:0;display:grid;text-align:left;padding:6px 4px;color:var(--fg)}
.pm-row .pm-t b,.pm-row .pm-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-row .pm-t small{color:var(--muted);font-size:.78rem}
[data-pmpv].on{color:var(--accent)}

.pm-th{width:3.6rem;height:2.4rem;border-radius:8px;object-fit:cover;flex:none;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}
#pmPvY:empty{display:none}
/* 6.1.1 Kadraj kütüphanesi (kmlOpen) */
.kmp{min-width:0;max-width:100%}.kmp>*{min-width:0}.kmp-tiles>.kmp-t{min-width:0}.kmp-tiles>.kmp-t small,.kmp-tiles>.kmp-t b{overflow-wrap:anywhere}.kmp-rb{display:flex;gap:12px}
.kml{padding:0 12px calc(16px + env(safe-area-inset-bottom,0px))}
.kml-add{width:100%;margin:2px 0 10px}
.kml-h{font:700 .82rem/1 var(--f-body);color:var(--muted);margin:14px 4px 8px;text-transform:capitalize}
.kml-g{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
@media (min-width:600px){.kml-g{grid-template-columns:repeat(5,1fr)}}
.kml .kmp-r.kml-i{width:auto;height:auto;aspect-ratio:1;border-radius:4px;overflow:hidden;position:relative}
.kml:not(.multi) .kmp-ck{display:none}
.kml-p{position:absolute;left:5px;bottom:5px;width:1.3rem;height:1.3rem;border-radius:6px;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center}.kml-p .i{width:.8rem;height:.8rem}
.kml-foot{position:sticky;bottom:0;padding:10px 0 0;background:linear-gradient(transparent,var(--surface) 30%)}.kml-foot .btn{width:100%}
/*}@css:61FUN*/
/*@css:550{*/
/* 5.5.0 öne çıkan hikâyeler */
.hlr{display:flex;gap:14px;overflow-x:auto;padding:4px 16px 14px;scrollbar-width:none}
.hlr::-webkit-scrollbar{display:none}
.hlc{display:grid;justify-items:center;gap:6px;width:4.4rem;flex:none;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}
.hlc .hav{width:3.9rem;height:3.9rem;border-radius:50%;padding:3px;background:var(--surface);box-shadow:0 0 0 1.5px var(--line);display:block;overflow:hidden;transition:transform .2s cubic-bezier(.2,1.4,.4,1)}
.hlc .hav img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.hlc.new .hav{display:grid;place-items:center;color:var(--muted);box-shadow:0 0 0 1.5px var(--line) inset;border:1.5px dashed var(--line);background:transparent;padding:0}
.hlc small{font-size:.74rem;font-weight:600;max-width:4.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hlc:active .hav{transform:scale(.92)}
.sv .ft>.btn{padding:0 12px;min-height:2.6rem;font-size:.86rem;gap:6px;white-space:nowrap}
.sv .ft>.btn svg.i{width:1.05rem;height:1.05rem}
@media (max-width:370px){.sv .ft{gap:6px;padding-inline:8px}.sv .ft>.btn{padding:0 10px;font-size:.8rem}}
.sv{z-index:0}
.hlpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:8px}
.hlpick button{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--surface-2);cursor:pointer}
.hlpick button img{width:100%;height:100%;object-fit:cover;display:block}
.hlpick button[aria-pressed="true"]{border-color:var(--accent)}
.hlpick button .ck{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.45);border:1.5px solid #fff;display:grid;place-items:center;color:#fff}
.hlpick button[aria-pressed="true"] .ck{background:var(--accent)}
.hlpick button .ck svg.i{width:12px;height:12px;opacity:0}
.hlpick button[aria-pressed="true"] .ck svg.i{opacity:1}
.hllist .opt img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover;flex:none}
/*}@css:550*/
/*@css:560{*/
/* 5.6.1 alt menü yedi düğme, + ortada: Akış, Keşfet, Klaket, +, Sohbet, Bildirim, Ben (yazılar .dl içinde) */
.dock nav{grid-template-columns:repeat(3,minmax(0,1fr)) 3.6rem repeat(3,minmax(0,1fr));padding-inline:2px}
:root[data-ui="vizor"] .dock nav{grid-template-columns:repeat(3,minmax(0,1fr)) 4rem repeat(3,minmax(0,1fr))}
.dock nav>button{min-width:0}
.dock nav>button .dl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock nav>button{font-size:.66rem}
:root[data-ui="vizor"] .dock nav>button{font-size:.54rem;letter-spacing:.05em}
.dock .create{width:3.2rem;height:3.2rem}
@media (max-width:370px){.dock nav>button .dl{display:none}.dock nav>button{padding:9px 0}.dock nav{grid-template-columns:repeat(3,minmax(0,1fr)) 3.2rem repeat(3,minmax(0,1fr))}:root[data-ui="vizor"] .dock nav{grid-template-columns:repeat(3,minmax(0,1fr)) 3.6rem repeat(3,minmax(0,1fr))}.dock .create{width:2.9rem;height:2.9rem;border-radius:17px}:root[data-ui="vizor"] .dock .create{width:3rem;height:3rem}}
/*}@css:560*/
/*@css:570{*/
/* 5.7.0 Klaket ekranı yenilendi: boşluklar düz siyah, hafif gölge, cam düğmeler, dönen ses plağı; geniş ekranda düğmeler videonun yanında */
.reel{container-type:size}
.reel .rblur{display:none!important}
.reel video{object-fit:contain!important}
.reel .shade{background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 13%,transparent 70%,rgba(0,0,0,.42) 100%)}
.reel-top>div{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}
.reel-top .ib,.reel-top .rnew{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.reel-top .ib{border-radius:50%}
.reel-top .rnew{border-radius:999px;color:#fff}
.reel .side{right:8px;gap:18px;bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))}
.reel .side button{font:600 .74rem/1 var(--f-body);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.reel .side button>span:first-child{width:2.9rem;height:2.9rem;border-radius:50%;background:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}
.reel .side svg.i{width:1.85rem;height:1.85rem;stroke-width:1.9}
.reel .side button:active>span:first-child{transform:scale(.88);transition:transform .12s}
.reel .info{left:12px;right:4.6rem;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));gap:9px}
/* yalnızca ekran videodan çok genişse (yatay tablet, bilgisayar) düğmeler ve yazılar 9:16 videonun yanına gelir */
@container (min-aspect-ratio:4/5){.reel .side{right:max(8px,calc(50% - 28.125cqh - 4.4rem))}.reel .info{left:max(12px,calc(50% - 28.125cqh + 12px));right:max(4.6rem,calc(50% - 28.125cqh + 4.6rem))}}
/* 5.7.1 Klaket alt bilgisi: yuvarlak profil fotoğrafı en solda, adın yanında Takip et; ses satırı yok */
.reel .info .u{gap:10px;flex-wrap:nowrap;min-width:0}
.reel .info .u>button[data-prof]{gap:10px!important;min-width:0;flex:0 1 auto;overflow:hidden}
.reel .info .u .fbtn{flex:none}
.reel .info .u .av{--s:38px!important;width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.95);flex:none}
.reel .info .u .av img{border-radius:50%}
.reel .info .u>button[data-prof]>span:last-child{font-weight:700;font-size:.98rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reel .info .aud{display:none}
.reel .fbtn{border:1.5px solid rgba(255,255,255,.9);border-radius:10px;padding:5px 14px;font-size:.84rem;font-weight:700;background:rgba(0,0,0,.12)}
.reel .info .c{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.35}
.reel .info .c.open{-webkit-line-clamp:unset;display:block;max-height:40cqh;overflow:auto}
.reel .aud{max-width:100%;overflow:hidden;white-space:nowrap}
.reel .rdisc{display:block;width:2.3rem;height:2.3rem;border-radius:50%;padding:5px;background:radial-gradient(circle,#333 0 30%,#111 31%);box-shadow:0 0 0 1.5px rgba(255,255,255,.5);overflow:hidden;margin-top:2px}
.reel .rdisc img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.reel:not(.paused) .rdisc img{animation:rdisc 8s linear infinite}
@keyframes rdisc{to{transform:rotate(360deg)}}
.reel .rprog{height:2px;background:rgba(255,255,255,.18)}
.reel .rpause{background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.reduce-motion .reel .rdisc img{animation:none}
@media (prefers-reduced-motion:reduce){.reel .rdisc img{animation:none}}
/* 5.7.0 sohbet ayrıntıları */
.cinfo{overflow-y:auto}
.ci-top{display:grid;justify-items:center;gap:6px;padding:18px 16px 6px;text-align:center}
.ci-top .nm{font:600 1.25rem/1.25 var(--f-display);margin-top:6px}
.ci-top .sub{color:var(--muted);font-size:.86rem}
.ci-acts{display:flex;justify-content:center;gap:clamp(10px,5vw,30px);padding:16px 12px 10px;flex-wrap:wrap}
.ci-acts button{display:grid;justify-items:center;gap:7px;min-width:4.4rem;font-size:.8rem;font-weight:600;color:var(--fg);background:none;border:0;padding:0;cursor:pointer}
.ci-acts button>span:first-child{width:3.1rem;height:3.1rem;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;transition:transform .15s}
.ci-acts button:active>span:first-child{transform:scale(.9)}
.ci-acts button.on>span:first-child{background:var(--accent-soft);color:var(--accent)}
.ci-acts svg.i{width:1.35rem;height:1.35rem}
.ci-list{margin:8px 12px 4px;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.ci-row{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;background:none;border:0;border-top:1px solid var(--line);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.ci-row:first-child{border-top:0}
.ci-row .ic{width:2.3rem;height:2.3rem;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.ci-row .ic svg.i{width:1.15rem;height:1.15rem}
.ci-row .t{flex:1;min-width:0}.ci-row .t b{display:block;font-weight:600}.ci-row .t small{color:var(--muted);font-size:.8rem}
.ci-row>svg.i{color:var(--muted);width:1.1rem;height:1.1rem}
.ci-sw{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}
.ci-tabs{display:flex;justify-content:center;gap:6px;margin:18px 12px 0;border-bottom:1px solid var(--line)}
.ci-tabs button{flex:1;max-width:9rem;display:grid;justify-items:center;gap:4px;padding:10px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer}
.ci-tabs button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--fg)}
.ci-tabs svg.i{width:1.3rem;height:1.3rem}
.ci-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px 0 24px}
.ci-grid>*{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface-2);border:0;padding:0;cursor:pointer}
.ci-grid img{width:100%;height:100%;object-fit:cover;display:block}
.ci-grid .k{position:absolute;top:6px;right:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ci-grid .k svg.i{width:1.05rem;height:1.05rem}
.ci-grid .nt{display:grid;place-items:center;padding:8px;color:#fff;font-size:.72rem;font-weight:600;text-align:center}
.ci-links{padding:6px 12px 24px;display:grid;gap:8px}
.ci-links a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--fg);text-decoration:none;min-width:0}
.ci-links a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-links a small{display:block;color:var(--muted);font-size:.74rem}
.ci-empty{padding:28px 16px 36px;text-align:center;color:var(--muted);font-size:.88rem}
/*}@css:570*/
/*@css:60UI{*/
/* ===== 6.0 · Yeni arayüz =====
   Ortak kurallar :root[data-ui] altında (Vizör ve Klasik ikisinde de geçerli), Vizör'e özel olanlar :root[data-ui="vizor"],
   Klasik'e özel olanlar :root[data-ui]:not([data-ui="vizor"]) altında. Özgüllük 50UI'daki Vizör kurallarıyla aynı; bu bölge sonra geldiği için kazanır.
   Tasarım: kalın çerçeve yerine ince çizgi + yumuşak gölge (--k6-e1..3), hap biçimli düğme ve çipler, başlıklarda Unbounded, metinde Figtree;
   eşbiçimli yazı yalnızca sayılarda ve EXIF'te. Hikâye halkası degrade (--k6-ring). Kareli avatarlar (squircle) Kadraj'ın imzası olarak kaldı.
   Hareket: yalnızca transform ve opacity. Sayfa girişinde yönlü geçiş ve sıralı belirme (main.enter + k6-fwd/k6-back/k6-tab), yaylı pencereler,
   kayan sekme göstergesi (.k6-ind, .vz-focus), beğenide parçacık halkası. Sonsuz animasyon yok; ışıltılar sınırlı tur atar.
   Klaket oynatıcı kurallarına dokunulmadı (video hiç kırpılmaz). */
:root{--k6-ease:cubic-bezier(.22,.8,.24,1);--k6-spring:cubic-bezier(.32,1.4,.56,1);--k6-soft:cubic-bezier(.16,1,.3,1);
 --k6-e1:0 1px 2px rgba(15,35,28,.05),0 3px 10px -4px rgba(15,35,28,.10);
 --k6-e2:0 1px 2px rgba(15,35,28,.05),0 12px 28px -14px rgba(15,35,28,.28);
 --k6-e3:0 2px 6px rgba(15,35,28,.08),0 26px 56px -20px rgba(15,35,28,.42);
 --k6-ring:conic-gradient(from 210deg,var(--accent),#2BC8A4,var(--sun),#FF8A4C,var(--heart),#9B5CF6,var(--accent))}
:root[data-mode="dark"]{
 --k6-e1:0 1px 2px rgba(0,0,0,.3),0 4px 12px -4px rgba(0,0,0,.42);
 --k6-e2:0 1px 2px rgba(0,0,0,.35),0 14px 30px -14px rgba(0,0,0,.7);
 --k6-e3:0 2px 8px rgba(0,0,0,.4),0 28px 60px -20px rgba(0,0,0,.85)}
/* çizgi tonu bulunduğu yerin temasından (sohbet teması #shell'e kendi renklerini yazar) */
:root[data-ui],:root[data-ui] .shell{--k6-hair:color-mix(in srgb,var(--line) 78%,transparent)}
:root[data-ui][data-mode="dark"],:root[data-ui][data-mode="dark"] .shell,:root[data-ui] .shell[data-cdk]{--k6-hair:color-mix(in srgb,var(--line) 94%,transparent)}
@keyframes k6Up{from{opacity:0;transform:translateY(12px)}}
@keyframes k6InR{from{opacity:0;transform:translateX(24px)}}
@keyframes k6InL{from{opacity:0;transform:translateX(-24px)}}
@keyframes k6Item{from{opacity:0;transform:translateY(10px) scale(.985)}}
@keyframes k6Tile{from{opacity:0;transform:scale(.9)}}
@keyframes k6Pop{from{opacity:0;transform:scale(.7)}}
@keyframes k6Fade{from{opacity:0}}
@keyframes k6Shim{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* --- zemin: Vizör'de film greni yerine yumuşak ışık --- */
:root[data-ui="vizor"] .shell{background:radial-gradient(110% 50% at 105% -8%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),radial-gradient(80% 40% at -10% 105%,color-mix(in srgb,var(--sun) 9%,transparent),transparent 60%),var(--bg)}
:root[data-ui="vizor"] .shell[data-ct]{background:var(--bg)}

/* --- üst çubuk --- */
:root[data-ui] .hd{gap:8px;min-height:60px;padding:8px 14px 8px 16px}
:root[data-ui] .hd h1{font:600 1.3rem/1.15 var(--f-display);letter-spacing:-.022em}
:root[data-ui] .hd .brand{gap:9px}
:root[data-ui] .hd .wordmark{font:700 1.42rem/1 var(--f-display);letter-spacing:-.04em}
:root[data-ui] .hd .brand .vfmark{width:1.6rem;height:1.6rem}
:root[data-ui] .hd .ib{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1);transition:transform .3s var(--k6-spring),background-color .2s}
:root[data-ui] .hd .ib.plain{background:transparent;border-color:transparent;box-shadow:none}
:root[data-ui] .hd .ib:active{transform:scale(.88);transition-duration:.1s}
:root[data-ui] .hd .ib .dot{background:var(--heart)}
:root[data-ui="vizor"] .hd h1[data-meta]::after,:root[data-ui="vizor"] .hd .wordmark[data-meta]::after{margin-top:4px;font:500 .74rem/1.2 var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
:root[data-ui]:not([data-ui="vizor"]) #top{border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
:root[data-ui]:not([data-ui="vizor"]) #top.k6-sc{border-bottom-color:var(--k6-hair);box-shadow:0 8px 20px -18px rgba(0,0,0,.4)}

/* --- dok: sade yazılar, kayan sekme göstergesi (Vizör'de odak köşeleriyle) --- */
:root[data-ui] .dock nav{position:relative}
:root[data-ui] .dock nav>button{z-index:1;gap:4px;padding:8px 0 7px;font:600 .62rem/1 var(--f-body);letter-spacing:.005em;text-transform:none;color:var(--muted);transition:color .25s}
:root[data-ui] .dock nav>button svg.i{width:1.5rem;height:1.5rem;stroke-width:1.75;transition:transform .35s var(--k6-spring)}
:root[data-ui] .dock nav>button .me{transition:transform .35s var(--k6-spring)}
:root[data-ui] .dock nav>button:active svg.i,:root[data-ui] .dock nav>button:active .me{transform:scale(.84);transition-duration:.1s}
:root[data-ui] .dock nav>button[aria-current="page"]{color:var(--fg)}
:root[data-ui] .dock nav>button[aria-current="page"] svg.i{color:var(--accent);stroke-width:2.2}
:root[data-ui] .dock .cnt-badge{top:2px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--heart);border:2px solid var(--surface);font:700 .62rem/14px var(--f-body)}
:root[data-ui] .vz-focus{position:absolute;left:0;top:5px;bottom:5px;width:var(--w,60px);translate:var(--x,0px) 0;z-index:0;pointer-events:none;color:var(--accent);transition:translate .55s var(--k6-spring),width .3s var(--k6-ease),opacity .2s}
:root[data-ui] .vz-focus::after{content:"";position:absolute;inset:0 5px;border-radius:18px;background:color-mix(in srgb,var(--accent) 12%,transparent)}
:root[data-ui] .vz-focus.nt{transition:none}
:root[data-ui] .vz-focus.off{opacity:0}
:root[data-ui="vizor"] .vz-focus{top:6px;bottom:6px}
:root[data-ui="vizor"] .vz-focus::after{inset:0 4px;border-radius:999px}
:root[data-ui="vizor"] .vz-focus::before{inset:1px 3px;opacity:.7;z-index:1}
:root[data-ui="vizor"] .dock nav{border-color:var(--k6-hair);box-shadow:var(--k6-e3),inset 0 1px 0 var(--vz-hi)}
:root[data-ui="vizor"] .dock nav>button{gap:4px;padding:8px 0 7px}
:root[data-ui]:not([data-ui="vizor"]) .dock nav{border-radius:26px;border-color:var(--k6-hair);box-shadow:var(--k6-e2);padding:6px 4px}
:root[data-ui]:not([data-ui="vizor"]) .dock .create{border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 78%,#fff),var(--accent) 60%);box-shadow:0 10px 22px -6px color-mix(in srgb,var(--accent) 62%,transparent),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .3s var(--k6-spring)}
:root[data-ui]:not([data-ui="vizor"]) .dock .create svg.i{transition:transform .35s var(--k6-spring)}
:root[data-ui]:not([data-ui="vizor"]) .dock [data-act="create"]:active .create{transform:scale(.9)}
:root[data-ui]:not([data-ui="vizor"]) .dock [data-act="create"]:active .create svg.i{transform:rotate(90deg)}
:root[data-ui]:not([data-ui="vizor"]) .dock nav>button[data-act="create"]:active svg.i{transform:rotate(90deg) scale(1)}

/* --- sayfa girişi: yönlü geçiş ve sıralı belirme (yalnızca tam çizimde) --- */
:root[data-ui] main.enter{animation:none}
:root[data-ui] main.enter>*{animation:k6Up .42s var(--k6-ease) both}
:root[data-ui] main.enter.k6-fwd>*{animation-name:k6InR}
:root[data-ui] main.enter.k6-back>*{animation-name:k6InL}
:root[data-ui] main.enter>*:nth-child(1){animation-delay:0s}:root[data-ui] main.enter>*:nth-child(2){animation-delay:.03s}:root[data-ui] main.enter>*:nth-child(3){animation-delay:.06s}:root[data-ui] main.enter>*:nth-child(4){animation-delay:.09s}:root[data-ui] main.enter>*:nth-child(5){animation-delay:.12s}:root[data-ui] main.enter>*:nth-child(6){animation-delay:.15s}:root[data-ui] main.enter>*:nth-child(n+7){animation-delay:.18s}
:root[data-ui] main.enter>.sr-body{animation:none}
:root[data-ui] main.enter>.sr-body>*{animation:k6Up .42s var(--k6-ease) both;animation-delay:calc(.05s + var(--k6i,0) * .035s)}
:root[data-ui] main.enter :is(.box>.row,.hrow>*,.notes>.nt,.hlr>*,.sr-flg>*,.sr-flr>*):nth-child(-n+12){animation:k6Item .46s var(--k6-ease) both;animation-delay:calc(.07s + var(--k6i,0) * .03s)}
:root[data-ui] main.enter .grid>.tile:nth-child(-n+15){animation:k6Tile .44s var(--k6-ease) both;animation-delay:calc(.08s + var(--k6i,0) * .022s)}
:root[data-ui] main.enter .stories>.story:nth-child(-n+10){animation:k6Pop .5s var(--k6-spring) both;animation-delay:calc(.06s + var(--k6i,0) * .04s)}
:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(2){--k6i:1}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(3){--k6i:2}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(4){--k6i:3}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(5){--k6i:4}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(6){--k6i:5}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(7){--k6i:6}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(8){--k6i:7}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(9){--k6i:8}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(10){--k6i:9}:root[data-ui] main.enter :is(.stories,.hrow,.grid,.box,.notes,.hlr,.sr-flg,.sr-flr,.sr-body)>:nth-child(n+11){--k6i:10}

/* --- düğmeler, girişler, anahtarlar, bölmeli seçim --- */
:root[data-ui] .btn{border-radius:999px;letter-spacing:-.005em}
:root[data-ui] .btn.sec{background:var(--surface-2);border:1px solid var(--k6-hair);box-shadow:none}
:root[data-ui] .btn.line{border-color:var(--k6-hair)}
:root[data-ui] .in{border-radius:16px;border:1.5px solid var(--k6-hair);background-color:var(--surface);transition:border-color .2s,box-shadow .2s}
:root[data-ui] .in:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-ui] .sw span{background:color-mix(in srgb,var(--fg) 16%,transparent);transition:background-color .25s}
:root[data-ui] .sw span::after{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.24),0 3px 8px -3px rgba(0,0,0,.2);transition:transform .34s var(--k6-spring)}
:root[data-ui] .sw input:checked+span{background:var(--accent)}
:root[data-ui] .sw input:checked+span::after{background:#fff}
:root[data-ui] .seg{border-radius:999px;padding:4px;background:var(--surface-2);border:1px solid var(--k6-hair)}
:root[data-ui] .seg button{border-radius:999px;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s var(--k6-spring)}
:root[data-ui] .seg button[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--k6-e1)}
:root[data-ui] .tag{border-radius:999px;padding:3px 7px}
:root[data-ui] .box{border-radius:22px;border-color:var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .box .row+.row{border-top-color:var(--k6-hair)}
:root[data-ui] .row{transition:background-color .15s}
:root[data-ui] .row .t>div:first-child{font-size:.97rem}
:root[data-ui] .row .t .s{font-size:.85rem;color:var(--muted)}
:root[data-ui] .row.unread .t .s{color:var(--fg);font-weight:600}
:root[data-ui] .box .row.unread::before{content:none}
:root[data-ui] .udot{width:10px;height:10px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
@media (hover:hover){:root[data-ui] .box .row:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}}

/* --- bölüm başlıkları --- */
:root[data-ui] .sec-h{margin:20px 16px 10px;font:600 1rem/1.2 var(--f-display);letter-spacing:-.012em;text-transform:none;color:var(--fg)}
:root[data-ui] .sec-h>span:first-child{min-width:0}
:root[data-ui] .sec-h .btn.ghost{font:700 .86rem/1 var(--f-body);letter-spacing:0;min-height:2rem}
:root[data-ui] .sec-h .muted{font:500 .78rem/1.2 var(--f-body)!important;letter-spacing:0;text-transform:none}

/* --- süzgeç çipleri ve kayan gösterge --- */
:root[data-ui] .chips{gap:6px;padding:4px 16px 12px}
:root[data-ui] .chips .chip{min-height:2.3rem;padding:0 1rem;border-radius:999px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1);color:var(--muted);font:600 .86rem/1 var(--f-body);letter-spacing:0;text-transform:none;transition:color .25s,background-color .25s,transform .25s var(--k6-spring)}
:root[data-ui] .chips .chip svg.i{width:1.05rem;height:1.05rem}
:root[data-ui] .chips .chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:transparent;box-shadow:var(--k6-e2)}
:root[data-ui] .chips .chip[aria-pressed="true"]::before{content:none}
:root[data-ui] .chips .chip[data-go]{margin-left:auto;color:var(--fg);letter-spacing:0;text-transform:none}
:root[data-ui] .sr-tabs .chip{padding:0 .85rem}
:root[data-ui] .sr-tabs .chip[aria-pressed="true"] .sr-cn{opacity:.8}
:root[data-ui] .k6-seg{position:relative;isolation:isolate}
:root[data-ui] .k6-seg>.chip{position:relative;z-index:1}
:root[data-ui] .k6-seg>.chip[aria-pressed="true"]{background:transparent;border-color:transparent;box-shadow:none}
.k6-ind{position:absolute;left:0;top:0;z-index:0;display:block;border-radius:999px;background:var(--fg);box-shadow:var(--k6-e2);transform-origin:0 50%;pointer-events:none}

/* --- hikâye şeridi ve hikâye halkası --- */
:root[data-ui] .stories{gap:14px;padding:6px 16px 16px}
:root[data-ui] .story{gap:7px;width:4.6rem}
:root[data-ui] .story .n{font:600 .72rem/1.2 var(--f-body)}
:root[data-ui] .story .plus{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--bg);background:var(--accent);box-shadow:0 4px 10px -4px color-mix(in srgb,var(--accent) 80%,transparent)}
:root[data-ui] .av.ring img,:root[data-ui] .av.ring.seen img{box-shadow:none}
:root[data-ui] .av.ring::before{content:"";position:absolute;inset:calc(var(--s,44px) * -.085);border-radius:36%;padding:max(2px,calc(var(--s,44px) * .042));background:var(--k6-ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:none}
:root[data-ui] .av.ring.seen::before{background:var(--line);padding:max(1.5px,calc(var(--s,44px) * .024))}
:root[data-ui] .stories .av.ring:not(.seen)::before{animation:none}
:root[data-ui] .stories .av.ring:not(.seen)::after{content:none;animation:none}
:root[data-ui] button.av{transition:transform .3s var(--k6-spring)}
:root[data-ui] button.av:active{transform:scale(.92)}

/* --- paylaşım kartı: üstte kişi, ortada görsel, altta yalın eylemler --- */
:root[data-ui] .card{display:flex;flex-direction:column;margin:0 12px 14px;border:1px solid var(--k6-hair);border-radius:24px;background:var(--surface);box-shadow:var(--k6-e1)}
:root[data-ui] .card>.media,:root[data-ui] .card>.note,:root[data-ui] .card>.poll{order:0;margin-top:0}
:root[data-ui] .card-h{gap:11px;padding:12px 6px 10px 14px}
:root[data-ui] .card-h .who{line-height:1.25}
:root[data-ui] .card-h .uname{font-size:.95rem}
:root[data-ui] .card-h .who .sub{margin-top:1px;font:500 .76rem/1.4 var(--f-body);letter-spacing:0;color:var(--muted)}
:root[data-ui] .card-h .ib.plain{border-radius:50%;color:var(--muted)}
:root[data-ui] .follow-link{padding:2px 0;font-weight:700}
:root[data-ui] .media{margin:0 8px;border-radius:18px;max-width:calc(100% - 16px)}
:root[data-ui] .media::after{content:none}
:root[data-ui] .media .badge-k{left:12px;top:12px;padding:6px 10px;border-radius:999px;font:600 .74rem/1 var(--f-body);letter-spacing:0;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root[data-ui] .media .playbig span{width:3.8rem;height:3.8rem;border-radius:50%;background:rgba(0,0,0,.34);box-shadow:0 0 0 1.5px rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s var(--k6-spring)}
:root[data-ui] .media:active .playbig span{transform:scale(.9)}
:root[data-ui] .phc-n{top:12px;right:12px;padding:5px 9px;font-size:.66rem;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-ui] .phc-d{bottom:12px}
/* Vizör: odak köşeleri yalnızca dokununca ve çift dokunup beğenince (odak kilidi) */
:root[data-ui="vizor"] .card .media::before,:root[data-ui="vizor"] .card .note::before{opacity:0;transform:scale(1.06)}
:root[data-ui="vizor"] .card .media:has(.burst)::before{animation:k6Lock .75s var(--k6-ease) both}
@keyframes k6Lock{0%{opacity:0;transform:scale(1.12)}35%{opacity:1;transform:scale(.95)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
:root[data-ui] .card .note{margin:0 8px;border-radius:18px;min-height:13rem;padding:32px 24px;font:600 1.24rem/1.36 var(--f-display);letter-spacing:-.012em;overflow:hidden}
:root[data-ui] .card .note::after{content:"\201C";position:absolute;left:16px;top:4px;font:700 4.4rem/1 var(--f-display);opacity:.2;pointer-events:none}
:root[data-ui] .card .poll{margin:0 8px;border-radius:18px;padding:16px;gap:8px;background:var(--surface-2)}
:root[data-ui] .poll .q{font-size:1.05rem}
:root[data-ui] .popt{min-height:2.9rem;border-radius:14px;border:1.5px solid var(--k6-hair);background:var(--surface);transition:border-color .2s,transform .25s var(--k6-spring)}
:root[data-ui] .popt:active{transform:scale(.98)}
:root[data-ui] .popt .bar{background:color-mix(in srgb,var(--accent) 17%,transparent)}
:root[data-ui] .popt.mine{border-color:var(--accent)}
:root[data-ui] .pills{gap:2px;padding:6px 8px 0}
:root[data-ui] .pill{position:relative;gap:6px;min-height:2.6rem;padding:0 .7rem;border:0;border-radius:999px;background:transparent;color:var(--fg);font:600 .9rem/1 var(--f-body);transition:background-color .2s,color .2s,transform .25s var(--k6-spring)}
:root[data-ui] .pill svg.i{width:1.45rem;height:1.45rem;stroke-width:1.8}
:root[data-ui] .pill:active{background:var(--surface-2);transform:scale(.94)}
@media (hover:hover){:root[data-ui] .pill:hover{background:var(--surface-2)}}
:root[data-ui] .pill.liked{background:transparent;color:var(--heart)}
:root[data-ui] .pill.saved{color:var(--accent)}
/* beğenide parçacık halkası (.kpop, 540) */
:root[data-ui] .pill[data-like]::after{content:"";position:absolute;left:calc(1.425rem - 26px);top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;pointer-events:none;opacity:0;
 background:radial-gradient(circle,var(--heart) 2.4px,transparent 3px) 50% 0/8px 8px no-repeat,radial-gradient(circle,var(--sun) 2.4px,transparent 3px) 100% 50%/8px 8px no-repeat,radial-gradient(circle,var(--heart) 2.4px,transparent 3px) 50% 100%/8px 8px no-repeat,radial-gradient(circle,var(--accent) 2.4px,transparent 3px) 0 50%/8px 8px no-repeat,radial-gradient(circle,#FF8A4C 2px,transparent 2.6px) 85% 15%/7px 7px no-repeat,radial-gradient(circle,var(--accent) 2px,transparent 2.6px) 85% 85%/7px 7px no-repeat,radial-gradient(circle,var(--sun) 2px,transparent 2.6px) 15% 85%/7px 7px no-repeat,radial-gradient(circle,#9B5CF6 2px,transparent 2.6px) 15% 15%/7px 7px no-repeat}
:root[data-ui] .pill.kpop[data-like]::after{animation:k6Burst .6s var(--k6-ease) both}
@keyframes k6Burst{0%{opacity:1;transform:scale(.35)}55%{opacity:1}100%{opacity:0;transform:scale(1.3)}}
:root[data-ui] .burst::before{content:"";position:absolute;inset:-28%;border-radius:50%;border:3px solid rgba(255,255,255,.9);animation:vzRing .7s var(--k6-ease) forwards}
:root[data-ui] .card-b{gap:6px;padding:4px 16px 16px;font-size:.94rem;line-height:1.45}
:root[data-ui] .card-b .more{font-weight:600;font-size:.86rem}
:root[data-ui] .meta-line.mono{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:2px;padding:5px 10px;border-radius:999px;background:var(--surface-2);font:500 .68rem/1 var(--f-mono);letter-spacing:.02em;text-transform:none;color:var(--muted)}
:root[data-ui] .meta-line.mono::before{content:"";width:13px;height:13px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
:root[data-ui] .pinlbl{margin:0 18px 6px;font:700 .76rem/1 var(--f-body);letter-spacing:0;text-transform:none}

/* --- öneriler, kişi kartları, duyuru ve ipucu şeritleri --- */
:root[data-ui] .hrow{gap:10px;padding:2px 16px 8px}
:root[data-ui] .pcard{width:9.4rem;gap:5px;padding:16px 10px 12px;border-radius:22px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .pcard .n{font-size:.84rem}
:root[data-ui] .pcard .btn{margin-top:4px}
:root[data-ui] .banner{gap:12px;align-items:center;margin:2px 12px 12px;padding:12px;border-radius:20px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1);font-size:.88rem;line-height:1.4}
:root[data-ui] .banner>svg.i:first-child{width:2.5rem;height:2.5rem;margin:0;padding:.62rem;border-radius:14px;background:var(--accent-soft);color:var(--accent);flex:none}
:root[data-ui] .banner.ann{background:linear-gradient(135deg,#fff4d6,#ffe6a8);border-color:rgba(180,120,0,.22)}
:root[data-ui] .banner.ann>svg.i:first-child{background:rgba(255,255,255,.55);color:#9a6a00}
:root[data-ui] .banner.inst .btn{flex:none}

/* --- boş durumlar --- */
:root[data-ui] .empty{gap:10px;padding:44px 28px;font-size:.92rem;line-height:1.45}
:root[data-ui] .empty .ic{position:relative;width:4.2rem;height:4.2rem;margin-bottom:8px;border:0;border-radius:24px;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-soft) 45%,transparent)}
:root[data-ui] .empty .ic::before,:root[data-ui] .empty .ic::after{content:none}
:root[data-ui] .empty .ic svg.i{width:1.8rem;height:1.8rem}
:root[data-ui] .empty b{font:600 1.08rem/1.25 var(--f-display);color:var(--fg)}
:root[data-ui] .empty>svg.i:first-child{width:2.5rem;height:2.5rem;padding:.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
:root[data-ui] main.enter .empty .ic{animation:k6Pop .55s var(--k6-spring) .12s both}

/* --- Keşfet: arama, oyun kartları, ızgara --- */
:root[data-ui] .search{padding:2px 16px 12px}
:root[data-ui] .search .in{min-height:2.95rem;padding-left:46px;border-radius:999px;border:1px solid var(--k6-hair);background-color:var(--surface);box-shadow:var(--k6-e1);font-size:.95rem}
:root[data-ui] .search .in:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-ui] .square{position:relative;isolation:isolate;overflow:hidden;gap:14px;width:calc(100% - 24px);margin:0 12px 12px;padding:16px;border-radius:24px;box-shadow:0 16px 32px -20px rgba(4,30,22,.6),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .3s var(--k6-spring)}
:root[data-ui] .square:active{transform:scale(.98)}
:root[data-ui] .square::before{content:"";position:absolute;z-index:-1;right:-40px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);pointer-events:none}
:root[data-ui] .square::after{content:none}
:root[data-ui] .square .ic{width:3rem;height:3rem;border-radius:16px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
:root[data-ui] .square .ic svg.i{width:1.45rem;height:1.45rem}
:root[data-ui] .square b{font:600 1.08rem/1.2 var(--f-display);letter-spacing:-.01em}
:root[data-ui] .square small{font-size:.83rem;line-height:1.35;opacity:.9}
:root[data-ui] .square .live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.2);font:700 .64rem/1 var(--f-body);letter-spacing:.06em}
:root[data-ui] .square .live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:none}
:root[data-ui] .grid{gap:3px;margin:0 0 16px;padding:0 12px;background:none;border:0;border-radius:0;box-shadow:none}
:root[data-ui] .tile{border-radius:10px;background:var(--surface-2)}
:root[data-ui] .tile::before{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.36));pointer-events:none}
:root[data-ui] .tile::after{content:none}
:root[data-ui] .tile:active{transform:scale(.96)}
:root[data-ui] .vz-ph{display:none!important}
@media (hover:hover){:root[data-ui] .tile:hover img{transform:scale(1.05)}}
/* Keşfet: mozaik ızgara (18 karede bir solda ve sağda 2x2 büyük kare) */
:root[data-ui] #shell[data-r="explore"] .grid{grid-auto-flow:row dense}
:root[data-ui] #shell[data-r="explore"] .grid>.tile:nth-child(18n+1){grid-column:span 2;grid-row:span 2}
:root[data-ui] #shell[data-r="explore"] .grid>.tile:nth-child(18n+11){grid-column:2/span 2;grid-row:span 2}
:root[data-ui] #shell[data-r="explore"] .grid>.tile:is(:nth-child(18n+1),:nth-child(18n+11)) .c{left:12px;bottom:10px;font-size:.8rem}

/* --- resimler: yüklenirken ışıltı, sonra yumuşak belirme (k6Img) --- */
:root[data-ui] .media img,:root[data-ui] .tile img,:root[data-ui] .sr-fl img{transition:opacity .4s ease,transform .5s var(--k6-ease)}
:root[data-ui] .k6-ld img{opacity:0}
:root[data-ui] .k6-ld::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 25%,color-mix(in srgb,var(--fg) 8%,transparent) 50%,transparent 75%);animation:k6Shim 1.3s ease-in-out 3}
/* yükleniyor iskeletleri (ışıltı sınırlı tur) */
.k6-sk{display:block;position:relative;overflow:hidden;height:11px;border-radius:6px;background:var(--surface-2)}
.k6-sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 7%,transparent),transparent);animation:k6Shim 1.4s ease-in-out 8}
.k6-ska{width:50px;height:50px;border-radius:32%;flex:none}
.k6-skr{pointer-events:none}
.k6-skr .t,.k6-skc .card-h .t{flex:1;display:grid;gap:9px}
.k6-skc{pointer-events:none}
.k6-skc .k6-ska{width:40px;height:40px}
.k6-skm{height:auto;aspect-ratio:1;margin:0 8px;border-radius:18px}
.k6-skb{display:grid;gap:9px;padding:14px 16px 18px}

/* --- Sohbet listesi --- */
:root[data-ui] .notes{gap:10px;padding:6px 12px 14px}
/* not balonu: dikey boşluk saydam kenarlıkta (taşan üçüncü satır görünmesin), çizgi gölgeyle */
:root[data-ui] .nb{max-width:100px;padding:0 9px;border:6px solid transparent;border-inline-width:0;border-radius:16px;background-clip:border-box;box-shadow:0 0 0 1px var(--k6-hair),var(--k6-e2);font:600 .7rem/1.25 var(--f-body)}
:root[data-ui] .nb::after{bottom:-12px;border:0;box-shadow:0 0 0 1px var(--k6-hair)}
:root[data-ui] .nb.add{color:var(--muted);box-shadow:var(--k6-e1);outline:1.5px dashed color-mix(in srgb,var(--fg) 26%,transparent);outline-offset:-1.5px}
:root[data-ui] .nb.add::after{box-shadow:none;outline:1.5px dashed color-mix(in srgb,var(--fg) 26%,transparent);outline-offset:-1.5px}
:root[data-ui] .quick{display:flex;gap:8px;padding:0 12px 14px}
:root[data-ui] .quick button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;height:2.8rem;padding:0 8px;border-radius:999px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1);font:600 .84rem/1 var(--f-body);white-space:nowrap;overflow:hidden}
:root[data-ui] .quick svg.i{width:1.15rem;height:1.15rem;flex:none;color:var(--accent)}
:root[data-ui] .quick button:active{transform:scale(.95)}
@media (max-width:389px){:root[data-ui] .quick button{gap:5px;padding:0 6px;font-size:.78rem}:root[data-ui] .quick svg.i{width:1rem;height:1rem}}
:root[data-ui] #shell[data-r="chats"] main>.box:has(>.row[data-msg="bot:rota"]){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface) 62%);border-color:color-mix(in srgb,var(--accent) 22%,var(--k6-hair))}
:root[data-ui] #shell[data-r="chats"] main>.box:not(:has(>.row[data-msg="bot:rota"])){margin:0 4px 10px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
:root[data-ui] #shell[data-r="chats"] main>.box:not(:has(>.row[data-msg="bot:rota"]))>.row{gap:13px;padding:10px 12px;border-radius:18px}
:root[data-ui] #shell[data-r="chats"] main>.box>.row+.row{border-top:0}
:root[data-ui] #shell[data-r="chats"] main>.box>.row:active{background:var(--surface-2)}

/* --- Sohbet ekranı: yalnızca görünüm (kaydırma, yazıyor, görüldü davranışı değişmez) --- */
:root[data-ui] .chat-head .t div:first-child{font-size:1rem}
:root[data-ui] .chat-head .t div:last-child{margin-top:1px;font-size:.76rem}
:root[data-ui] .msg{border-radius:20px 20px 20px 6px;border-color:var(--k6-hair);box-shadow:0 1px 2px rgba(15,35,28,.05)}
:root[data-ui] .mrow.me .msg{border-radius:20px 20px 6px 20px}
:root[data-ui] #msgs .mrow:not(.me)+.mrow:not(.me):not(:has(.sender)) .msg{border-top-left-radius:6px}
:root[data-ui] #msgs .mrow.me+.mrow.me .msg{border-top-right-radius:6px}
:root[data-ui] .msgs:not([data-bub]) .mrow.me .msg{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 84%,#fff),var(--accent) 72%);border-color:transparent;box-shadow:0 6px 16px -10px color-mix(in srgb,var(--accent) 85%,transparent)}
:root[data-ui] .react{border-radius:999px;border-color:var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .composer textarea{border-radius:22px;border:1px solid var(--k6-hair);background:var(--surface);box-shadow:var(--k6-e1);transition:border-color .2s,box-shadow .2s}
:root[data-ui] .composer:not([data-bub]) textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-ui] .composer .send,:root[data-ui] .composer .cplus{border-radius:50%;transition:transform .3s var(--k6-spring)}
:root[data-ui] .composer .send:active,:root[data-ui] .composer .cplus:active{transform:scale(.88)}
:root[data-ui] .composer:not([data-bub]) .send{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent) 65%);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--accent) 80%,transparent)}
:root[data-ui] .replybar{border-radius:18px;border-color:var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .cchips button{border-radius:999px;border-color:var(--k6-hair)}

/* --- Profil --- */
:root[data-ui] .prof{position:relative;isolation:isolate;gap:12px;padding:10px 16px 6px}
:root[data-ui] .prof::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-150px;height:320px;pointer-events:none;background:radial-gradient(48% 52% at 22% 56%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%),radial-gradient(38% 46% at 80% 40%,color-mix(in srgb,var(--sun) 15%,transparent),transparent 72%)}
/* kapak şeridi: kişinin fotoğrafı bulanık, altı zemine kaybolur; fotoğraf şeridin altına taşar */
.k6-cover{position:absolute;z-index:-1;left:12px;right:12px;top:4px;height:84px;overflow:hidden;border-radius:26px;background:var(--surface-2);pointer-events:none}
.k6-cover img{position:absolute;left:-25%;top:-60%;width:150%;height:220%;max-width:none;object-fit:cover;filter:blur(24px) saturate(1.5);opacity:.85}
.k6-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%,color-mix(in srgb,var(--bg) 55%,transparent))}
:root[data-mode="dark"] .k6-cover img{opacity:.5}
:root[data-mode="dark"] .k6-cover::after{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%,color-mix(in srgb,var(--bg) 75%,transparent))}
:root[data-ui] .prof.k6-hasc{padding-top:52px}
:root[data-ui] .prof.k6-hasc::before{content:none}
:root[data-ui] .prof.k6-hasc .prof-top{align-items:flex-end;padding-left:8px}
:root[data-ui] .prof.k6-hasc .prof-top>.av img{box-shadow:0 0 0 4px var(--bg),var(--k6-e2)}
:root[data-ui] .prof.k6-hasc .prof-top>.av.ring::before{inset:calc(var(--s,44px) * -.085 - 4px)}
:root[data-ui] .prof-top{gap:18px}
:root[data-ui] .prof-top>.av{--s:88px!important}
:root[data-ui] .stats{gap:2px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
:root[data-ui] .stats>*{padding:8px 2px;border:0;border-radius:16px;background:transparent;transition:background-color .2s,transform .25s var(--k6-spring)}
:root[data-ui] .stats>*+*{border-left:0}
:root[data-ui] .stats>button:active{background:var(--surface-2);transform:scale(.95)}
:root[data-ui] .stats b{font:600 1.24rem/1.15 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
:root[data-ui] .stats span{margin-top:3px;font:500 .76rem/1.2 var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
:root[data-ui] .prof>div>b[style]{font-size:1.2rem!important;letter-spacing:-.015em}
:root[data-ui] .prof .bio{font-size:.93rem;line-height:1.5}
:root[data-ui] .pnote{padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .prof .btns{gap:8px}
:root[data-ui] .prof .btns .btn{min-height:2.65rem;font-size:.9rem}
:root[data-ui] .hlr{gap:14px;padding:6px 16px 14px}
:root[data-ui] .hlc .hav{box-shadow:0 0 0 1.5px var(--k6-hair),var(--k6-e1)}
:root[data-ui] .hlc.new .hav{border:1.5px dashed color-mix(in srgb,var(--fg) 28%,transparent);box-shadow:none}
:root[data-ui] .ptabs{position:relative;gap:4px;margin:2px 16px 12px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--k6-hair)}
:root[data-ui] .ptabs .chip{min-height:2.3rem;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--muted);font:600 .84rem/1 var(--f-body);transition:color .25s}
:root[data-ui] .ptabs .chip svg.i{width:1.05rem;height:1.05rem}
:root[data-ui] .ptabs .chip[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--k6-e1)}
:root[data-ui] .ptabs .chip[aria-pressed="true"] svg.i{color:var(--accent)}
:root[data-ui] .ptabs.k6-seg>.chip[aria-pressed="true"]{background:transparent;box-shadow:none}
:root[data-ui] .ptabs>.k6-ind{background:var(--surface);box-shadow:var(--k6-e1)}
@media (max-width:389px){:root[data-ui] .ptabs .chip{gap:0;padding-inline:.3rem;font-size:.8rem}:root[data-ui] .ptabs .chip svg.i{display:none}}

/* --- Bildirimler: tür rozeti --- */
.act-av{position:relative;display:inline-flex;flex:none}
.act-ic{position:absolute;right:-5px;bottom:-5px;z-index:1;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 0 0 2.5px var(--surface)}
.act-ic svg.i{width:11px;height:11px;stroke-width:2.6}
.act-row[data-t="like"] .act-ic{background:var(--heart)}
.act-row[data-t="like"] .act-ic svg.i{fill:#fff}
.act-row[data-t="follow"] .act-ic{background:#3B82F6}
.act-q{display:block;width:fit-content;max-width:100%;margin-top:5px;padding:6px 11px;border-radius:4px 14px 14px 14px;background:var(--surface-2);color:var(--fg);font-size:.86rem;overflow-wrap:anywhere}
.act-th{display:grid;place-items:center;width:46px;height:46px;flex:none;overflow:hidden;border-radius:12px;background:var(--surface-2);color:var(--muted)}
.act-th img{width:100%;height:100%;object-fit:cover;display:block}
:root[data-ui] .act-row{align-items:flex-start;padding:12px 14px}
:root[data-ui] .act-row>.btn{align-self:center}
:root[data-ui] .act-row .t{padding-top:2px;font-size:.92rem;line-height:1.4}

/* --- Ayarlar --- */
:root[data-ui] .setprof{border-color:var(--k6-hair);border-radius:24px;box-shadow:var(--k6-e1)}
:root[data-ui] .set,:root[data-ui] .sxs .set{border-color:var(--k6-hair);border-radius:22px;box-shadow:var(--k6-e1)}
:root[data-ui] .sxh{margin:22px 28px 8px;font:700 .8rem/1 var(--f-body);letter-spacing:.005em;text-transform:none;color:var(--muted)}
:root[data-ui][data-mode] .sic{width:32px;height:32px;border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--c,var(--accent)) 76%,#fff),var(--c,var(--accent)) 70%);color:#fff;box-shadow:0 3px 8px -4px var(--c,var(--accent))}
:root[data-ui] .sxs .srow::after{left:58px;background:var(--k6-hair)}
:root[data-ui] .ctile,:root[data-ui] .src{border-color:var(--k6-hair);box-shadow:var(--k6-e1)}
:root[data-ui] .ctile{border-radius:22px}
:root[data-ui] .ctile .ic{border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--c,var(--accent)) 74%,#fff),var(--c,var(--accent)) 70%);box-shadow:0 8px 16px -8px var(--c,var(--accent))}
:root[data-ui] .src .ic{border-radius:14px}

/* --- katmanlar: alttan yaylı pencere, ortada yaylı onay, üstte bildirim balonu --- */
@keyframes k6Sheet{from{transform:translateY(100%)}}
@keyframes k6SheetOut{to{transform:translateY(100%)}}
@keyframes k6Opt{from{opacity:0;transform:translateY(12px)}}
@keyframes k6Dlg{from{opacity:0;scale:.88}}
@keyframes k6Full{from{opacity:0;transform:translateY(28px)}}
@keyframes k6Toast{from{opacity:0;transform:translateY(-18px) scale(.92)}}
:root[data-ui] .scrim{animation:k6Fade .28s ease both}
:root[data-ui] .sheet{border-radius:28px 28px 0 0;box-shadow:var(--k6-e3);animation:k6Sheet .5s var(--k6-soft) both}
:root[data-ui] .sheet .grab{width:40px;height:5px;margin:10px auto 6px;border-radius:3px;background:var(--line)}
:root[data-ui] .sheet h4{margin:6px 18px 10px;font:600 1.05rem/1.2 var(--f-display);letter-spacing:-.01em}
:root[data-ui] .opt{gap:14px;width:calc(100% - 16px);margin:0 8px;padding:10px 12px;border-radius:16px;font-weight:600}
:root[data-ui] .opt>svg.i:first-child{width:2.35rem;height:2.35rem;padding:.55rem;border-radius:13px;background:var(--surface-2);color:var(--fg);flex:none}
:root[data-ui] .opt.red>svg.i:first-child{background:color-mix(in srgb,var(--heart) 13%,transparent);color:var(--heart)}
:root[data-ui] #overlay .sheet .body>.opt{animation:k6Opt .4s var(--k6-ease) both}
:root[data-ui] #overlay .sheet .body>.opt:nth-child(2){animation-delay:.03s}:root[data-ui] #overlay .sheet .body>.opt:nth-child(3){animation-delay:.06s}:root[data-ui] #overlay .sheet .body>.opt:nth-child(4){animation-delay:.09s}:root[data-ui] #overlay .sheet .body>.opt:nth-child(5){animation-delay:.12s}:root[data-ui] #overlay .sheet .body>.opt:nth-child(n+6){animation-delay:.15s}
:root[data-ui] .dialog{padding:24px 18px 14px;border-radius:28px;background:var(--surface);border:1px solid var(--k6-hair);box-shadow:var(--k6-e3);animation:k6Dlg .42s var(--k6-spring) both}
:root[data-ui] .dialog .btn.sec{background:var(--surface-2)}
:root[data-ui] .full{animation:k6Full .42s var(--k6-soft) both}
:root[data-ui] #vzGhosts .scrim{animation:vzOut .22s ease forwards}
:root[data-ui] #vzGhosts .sheet{animation:k6SheetOut .26s cubic-bezier(.4,0,1,1) forwards}
:root[data-ui] #vzGhosts .dialog{animation:vzDlgOut .2s ease forwards}
:root[data-ui] .toast{gap:10px;padding:10px 16px 10px 12px;border-radius:20px;font-weight:600;box-shadow:var(--k6-e3);animation:k6Toast .5s var(--k6-spring) both}
:root[data-ui] .toast:not(:has(.av))::before{content:"";flex:none;width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}

/* --- geniş ekran: sayfaya göre sütun genişliği (Akış dar, Keşfet ve profil geniş) --- */
@media (min-width:900px){
 :root[data-ui] #shell{--k6-w:720px}
 :root[data-ui] #shell[data-r="feed"],:root[data-ui] #shell[data-r="post"]{--k6-w:660px}
 :root[data-ui] #shell:is([data-r="explore"],[data-r="profile"],[data-r="admin"],[data-r="chess"]){--k6-w:800px}
 :root[data-ui] #shell:not([data-r="chat"]):not([data-r="chessgame"]) main:not(.snap){padding-left:calc((100% - var(--k6-w)) / 2);padding-right:calc((100% - var(--k6-w)) / 2)}
 :root[data-ui] #shell:not([data-r="chat"]):not([data-r="chessgame"]) .hd{padding-left:max(16px,calc((100% - var(--k6-w)) / 2 + 16px));padding-right:max(16px,calc((100% - var(--k6-w)) / 2 + 16px))}
 :root[data-ui]:not([data-ui="vizor"]) .dock nav{max-width:600px}
}
/* hareket azaltılmışsa (sistem ya da Ayarlar): sözde öğe animasyonları ve sıralı belirme gecikmeleri de kapanır */
@media (prefers-reduced-motion:reduce){:root[data-ui] *::before,:root[data-ui] *::after{animation:none!important}:root[data-ui] *{animation-delay:0s!important}}
html.reduce-motion *{animation-delay:0s!important}
/*}@css:60UI*/
/*@css:61PERF{*/
/* 6.0.5 hafif cam (6.0.7: her cihazda açık): Vizör'deki canlı bulanıklık (backdrop-filter) zayıf telefonlarda her kaydırma karesinde yeniden hesaplanıp kasıyordu.
   html.k-lite'ta bulanıklık kapanır, cam yüzeyler neredeyse aynı renkte düz yarı saydam olur (görünüm çok az değişir). */
html.k-lite *,html.k-lite *::before,html.k-lite *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.k-lite:root[data-ui="vizor"] #top{background:color-mix(in srgb,var(--bg) 94%,transparent)}
html.k-lite:root[data-ui="vizor"] .dock nav{background:color-mix(in srgb,var(--surface) 97%,transparent)}
html.k-lite:root[data-ui="vizor"] .setq,html.k-lite:root[data-ui="vizor"] .sr-sug{background:var(--surface)}
html.k-lite .scrim{background:rgba(0,0,0,.42)}
/*}@css:61PERF*/
/*@css:580{*/
/* 5.8.0 Cephe kartı ve sohbetteki savaşa katıl düğmesi */
.square.cpcard{background:linear-gradient(135deg,#7f1d1d,#0c7a63 70%,#0a5a8a)}
.msg .cpj{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#b91c1c,#0C7A63);color:#fff;font-weight:700;font-size:.86rem}
.msg .cpj svg.i{width:1.05rem;height:1.05rem}
/*}@css:580*/
/*@css:61GAME{*/
/* 6.1 sohbette mini oyunlar: oyunun kendi görünümü oyunlar.js içinde (ogCss); burada yalnızca sohbetteki düğme ve seçim penceresi */
.msg .ogj{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#0C7A63,#9B5CF6);color:#fff;font-weight:700;font-size:.86rem}
.msg .ogj svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.src .ic svg.ogi{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/*}@css:61GAME*/


/* 6.4.12 şarkı başlangıcı */
.it-st{display:grid;gap:10px;margin-top:6px}.it-sl{display:flex;justify-content:space-between;align-items:baseline;margin:6px 2px 0;font-size:.85rem}.it-sl b{font-family:var(--f-mono);font-size:1rem}
.it-rg{width:100%;accent-color:var(--accent);margin:0}.it-bt{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}
/*@css:65{*/
/* 6.5 Kıble: sohbette şarkı, Klaket şarkısı, grup anketi, doğum günü */
.mmus{margin-top:6px;min-width:min(16rem,62vw)}.mmus .it-pl{background:var(--surface);padding:8px 10px}.msg .mmus.muted{font-size:.8rem;min-width:0}
.mrow.me .mmus .it-pl{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:inherit}.mrow.me .mmus .it-tx small{color:inherit;opacity:.8}
.reel .info .rsg{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.8rem;font-weight:600;max-width:100%;min-width:0}.reel .info .rsg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel .info .rsg .i{width:15px;height:15px;flex:none}
.src.rsong{width:100%;margin-top:4px}.src.rsong.on{border-color:var(--accent)}
.gpl{display:grid;gap:6px;margin-top:2px;min-width:min(15rem,62vw)}.gpq{display:flex;gap:6px;align-items:flex-start;font-size:.95rem;line-height:1.3}.gpq .i{width:17px;height:17px;flex:none;margin-top:1px}
.gpo{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:.88rem;text-align:left;overflow:hidden;cursor:pointer}
.gpo i{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .3s}.gpo span,.gpo small{position:relative}.gpo span{flex:1;min-width:0;overflow-wrap:anywhere}.gpo small{font:600 .75rem var(--f-mono);color:var(--muted)}
.gpo.on{border-color:var(--accent);font-weight:700}.gpt{font-size:.72rem}.mrow.me .gpt{color:inherit;opacity:.8}
.bdc{display:flex;gap:12px;align-items:center;margin:4px 16px 12px;padding:12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);position:relative}
.bdc>.ic{width:2.8rem;height:2.8rem;border-radius:14px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}.bdc>.ic .i{width:22px;height:22px}
.bdc .t{flex:1;min-width:0;display:grid;gap:3px;padding-right:22px}.bdc .t b{font-size:.95rem}.bdc .t span{font-size:.8rem;color:var(--muted)}.bdc .bt{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.bdc .x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:var(--muted)}.bdc .x .i{width:16px;height:16px}
.bdchip{display:inline-flex;width:fit-content;align-items:center;gap:6px;margin:8px 0 2px;padding:5px 12px 5px 9px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;font-size:.82rem;font-weight:700}.bdchip .i{width:16px;height:16px}
.bd-row{display:grid;grid-template-columns:1fr 1.6fr;gap:8px}
/*}@css:65*/
/*@css:66{*/
/* 6.6 Gündoğusu: özel gün kartları (.gnc) ve konfeti (.gconf) */
.gnc{display:flex;gap:12px;align-items:flex-start;margin:4px 16px 12px;padding:14px;border-radius:20px;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.gnc .t{flex:1;min-width:0;display:grid;gap:4px;padding-right:22px}.gnc .t small{font:600 .68rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.85}.gnc .t b{font-size:1rem;line-height:1.3}.gnc .t>span{font-size:.84rem;opacity:.9;line-height:1.4}
.gnc .bt{display:flex;gap:6px;margin-top:6px}.gnc .x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:inherit;opacity:.7}.gnc .x .i{width:16px;height:16px}
.gnc .gic{width:2.8rem;height:2.8rem;flex:none;border-radius:14px;display:grid;place-items:center;overflow:hidden}.gnc .gic svg{width:100%;height:100%}.gnc .gic .i{width:22px;height:22px}
.gnc.milli{background:linear-gradient(135deg,#b80612,#E30A17);color:#fff;border:0;flex-direction:column}.gnc.milli .t{padding-right:0}.gnc.milli .btn.sec{background:#fff;color:#b80612}
.gnc .gfw{width:100%;aspect-ratio:3/2;max-height:170px;display:grid;place-items:center;perspective:600px}
.gnc .gfw .gflag{height:100%;max-width:100%;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.28);transform-origin:left center;animation:gwave 2.6s ease-in-out 3}
@keyframes gwave{0%,100%{transform:rotateY(0) skewY(0)}25%{transform:rotateY(-10deg) skewY(-2deg)}50%{transform:rotateY(4deg) skewY(1.5deg)}75%{transform:rotateY(-6deg) skewY(-1deg)}}
.gnc.anma{background:linear-gradient(135deg,#0b0b0c,#2a2a2e);color:#f4f4f5;border:0}.gnc.anma .gic{background:#f4f4f5}.gnc.anma q{font-style:italic;font-size:.9rem;line-height:1.45;quotes:"“" "”"}.gnc.anma .gq-a{font-size:.74rem;opacity:.75}.gnc.anma .btn.sec{background:#f4f4f5;color:#111}
.gnc.dini{background:linear-gradient(135deg,#065f46,#0f766e);color:#fff;border:0}.gnc.dini .gic{background:rgba(255,255,255,.12)}.gnc.dini .gic svg{animation:gtw 2.4s ease-in-out 3}.gnc.dini .btn.sec{background:#fff;color:#065f46}
@keyframes gtw{50%{transform:scale(1.08) rotate(-6deg);filter:drop-shadow(0 0 8px #fde68a)}}
.gnc.gun{background:linear-gradient(135deg,#4338ca,#db2777);color:#fff;border:0}.gnc.gun.c-ogr{background:linear-gradient(135deg,#0ea5e9,#4338ca)}.gnc.gun.c-emek{background:linear-gradient(135deg,#b91c1c,#f97316)}.gnc.gun.c-yil{background:linear-gradient(135deg,#1e1b4b,#7c3aed)}
.gnc.gun .gic{background:rgba(255,255,255,.16);color:#fff}.gnc.gun .btn.sec{background:#fff;color:#4338ca}
.gnc.soon{align-items:center;padding:10px 12px;flex-direction:row}.gnc.soon .gic{width:3.2rem;height:2.2rem;border-radius:6px}.gnc.soon .t b{font-size:.9rem}.gnc.soon.milli .gic{box-shadow:0 4px 10px rgba(0,0,0,.25)}.gnc.soon.dini .gic{background:rgba(255,255,255,.12);height:2.6rem;width:2.6rem}
.gconf{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.gconf i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:gfall linear forwards}
@keyframes gfall{to{transform:translateY(110vh) rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.gnc .gfw .gflag,.gnc.dini .gic svg{animation:none}}
html.reduce-motion .gnc .gfw .gflag,html.reduce-motion .gnc.dini .gic svg{animation:none}
/*}@css:66*/
/*@css:67{*/
/* 6.7 Günbatısı: yeniden paylaş, etiket, zaman kapsülü, koleksiyonlar, favoriler, Kadraj kodu, sessiz mod, gizli kelimeler, günün sorusu, çıkartmalar */
.rp-by{display:flex;align-items:center;gap:6px;padding:10px 14px 0;font-size:.82rem;color:var(--muted)}
.rp-by .i{width:15px;height:15px}.rp-by button{font-weight:700;color:var(--fg)}
.pill.rpon{color:var(--accent)}.pill.rpon svg.i{stroke-width:2.6}
.tagl{display:flex;align-items:flex-start;gap:6px;font-size:.86rem;color:var(--muted);margin:2px 0 6px}
.tagl .i{width:16px;height:16px;flex:none;margin-top:2px}.tagl button{font-weight:700;color:var(--fg)}
.capl{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:#7C3AED;margin:2px 0 6px}.capl .i{width:16px;height:16px;flex:none}.capl.open{color:var(--accent)}
.capc .capk{margin:0 12px 12px;padding:30px 18px;border-radius:18px;display:grid;justify-items:center;gap:4px;text-align:center;color:#fff;background:radial-gradient(120% 90% at 20% 0%,#7C3AED,transparent 60%),linear-gradient(140deg,#1E1B4B,#312E81 55%,#0F766E)}
.capc .capi{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);margin-bottom:6px}.capc .capi .i{width:28px;height:28px;stroke:#fff}
.capc .capk b{font:700 1.05rem var(--f-display)}.capc .capk span{opacity:.9}.capc .capk small{margin-top:4px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:700}
.tile .tx.capt{background:linear-gradient(140deg,#1E1B4B,#0F766E);color:#fff;display:grid;place-items:center;align-content:center;gap:4px}.tile .tx.capt .i{width:26px;height:26px;stroke:#fff}.tile .tx.capt small{font-size:.68rem;opacity:.85}
.k67-cap{display:grid;gap:8px}.k67-capo{display:grid;gap:8px}.k67-cap .cf-ic{background:#7C3AED}
.k67-tag{display:grid;gap:8px}.tagc{display:flex;flex-wrap:wrap;gap:6px}.tagc span{padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:.82rem;font-weight:600}
.kolr{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 10px;scrollbar-width:none}.kolr::-webkit-scrollbar{display:none}.kolr .chip{flex:none}.kolr .chip small{opacity:.6;margin-left:2px}
.kol-act{display:flex;align-items:center;gap:6px;padding:0 16px 10px;flex-wrap:wrap}.kol-act b{margin-right:auto;font-family:var(--f-display)}
.kol-th{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;flex:none}.kol-th img{width:100%;height:100%;object-fit:cover}.kol-th .i{width:20px;height:20px}
.cf-ic.fav{background:#F5B921}.cf-ic.qm{background:#4338CA}.cf-ic.hwi{background:#64748B}
.qr-card{display:grid;justify-items:center;gap:6px;text-align:center;padding:6px 0 14px}.qr-card small{color:var(--muted);max-width:28ch}
.qr-box{padding:10px;border-radius:24px;background:#fff;box-shadow:var(--k6-e2,0 8px 24px rgba(0,0,0,.12))}.qr-box canvas{display:block;width:min(240px,64vw);height:auto;image-rendering:pixelated;border-radius:12px}
.qr-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-acts .btn{min-width:0}
.qrs{background:#000;color:#fff}.qrs-v{position:relative;flex:1;display:grid;place-items:center;overflow:hidden}.qrs-v video{width:100%;height:100%;object-fit:cover}
.qrs-f{position:absolute;width:min(64vw,280px);aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 0 0 999px rgba(0,0,0,.45)}
.qmb{display:flex;align-items:center;gap:10px;margin:4px 16px 10px;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,#4338CA 14%,var(--surface));border:1px solid color-mix(in srgb,#4338CA 30%,transparent);font-size:.88rem}
.qmb>.i{width:20px;height:20px;color:#4338CA;flex:none}.qmb span{flex:1;min-width:0}
.cmt.hw,.msg.hw{position:relative}
.cmt.hw>*:not(.hw-b){filter:blur(6px);opacity:.6;pointer-events:none;user-select:none}
.msg.hw>*:not(.hw-b){filter:blur(7px);pointer-events:none;user-select:none}
.hw-b{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--fg);font-size:.78rem;font-weight:700;z-index:2;overflow:hidden}
.hw-b span{display:flex;align-items:center;gap:5px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hw-b .i{width:15px;height:15px;flex:none}
.hw-ws{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.gqc{margin:4px 16px 12px;padding:14px;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,#F97316 12%,var(--surface)),var(--surface) 60%);border:1px solid var(--line)}
.gq-h{display:flex;gap:10px;align-items:flex-start}.gq-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#F97316,#E11D48);display:grid;place-items:center;flex:none}.gq-ic .i{stroke:#fff;width:20px;height:20px}
.gq-t{flex:1;min-width:0;display:grid}.gq-t small{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#E8562B}.gq-t b{font:600 1rem/1.3 var(--f-display)}
.gq-in{display:flex;gap:8px;align-items:flex-end;margin-top:12px}.gq-in textarea{flex:1;min-width:0;min-height:2.8rem;resize:none}.gq-n{display:block;margin-top:6px;font-size:.78rem}
.gq-l{display:grid;gap:8px;margin-top:12px;max-height:280px;overflow:auto}.gq-a{display:flex;gap:8px;align-items:flex-start}.gq-a>div{display:grid;min-width:0;background:var(--surface-2);padding:6px 10px;border-radius:14px}.gq-a b{font-size:.8rem}.gq-a span{font-size:.9rem;overflow-wrap:anywhere}
.gq-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.brand .gtf{display:inline-flex;margin-left:8px;width:26px;height:18px;border-radius:3px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25);vertical-align:middle}.brand .gtf svg{width:100%;height:100%;display:block}
.svst .stk-quiz{width:calc(560px * var(--u));border-radius:calc(34px * var(--u));background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;text-align:center}
.svst .stk-quiz .st-q{background:linear-gradient(90deg,#F97316,#E11D48);color:#fff;padding-bottom:calc(22px * var(--u))}
.stk-quiz .st-qo{display:grid;gap:calc(14px * var(--u));padding:calc(18px * var(--u)) calc(22px * var(--u)) calc(22px * var(--u))}
.stk-quiz .st-qo button{position:relative;overflow:hidden;min-height:calc(72px * var(--u));border-radius:calc(22px * var(--u));background:#F1F3F2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 calc(26px * var(--u));font:700 calc(32px * var(--u))/1.1 Figtree,'Avenir Next',sans-serif;color:#111;text-align:left}
.stk-quiz .st-qo button b{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stk-quiz .st-qo button i{position:relative;font-style:normal;font-size:.8em;color:#444}
.stk-quiz.res .st-qo button::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:rgba(0,0,0,.07)}
.stk-quiz .st-qo button.ok{background:#DCFCE7;color:#166534}.stk-quiz .st-qo button.no{background:#FEE2E2;color:#991B1B}
.stk-quiz small{display:block;padding:0 0 calc(16px * var(--u));font-size:calc(26px * var(--u));color:#666}
.qz-o{display:flex;gap:8px;align-items:center}.qz-o .in{flex:1;min-width:0}
.qz-r{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:transparent}.qz-r .i{width:18px;height:18px}
.qz-r[aria-pressed="true"]{background:#16A34A;border-color:#16A34A;color:#fff}
.ptabs.many .chip:not([aria-pressed="true"]) .pl{display:none}
:root[data-ui] .ptabs.many .chip svg.i{display:inline-block}.ptabs.many .chip{min-width:0}.ptabs.many .chip[aria-pressed="true"]{flex:2.4 1 0}
@media (max-width:370px){.qr-acts{grid-template-columns:1fr}}
/*}@css:67*/
/*@css:68{*/
/* 6.8 Meltem: Kurgu (Klaket video düzenleyici, kurgu.js) */
.ked-entry{display:grid;gap:4px;padding:8px 16px 4px}.ked-entry small{color:var(--muted);font-size:.8rem}.ked-entry .btn.busy{opacity:.6}
.full.ked{background:#0B0F0E;color:#F1F5F3;--line:rgba(255,255,255,.12);--muted:#9FB1AA;--surface-2:rgba(255,255,255,.08)}
.ked .hd{color:#fff}.ked .hd .ib .i{stroke:#fff}
.kd-stage{flex:1;min-height:180px;position:relative;display:grid;place-items:center;overflow:hidden;padding:8px 12px}
.kd-stage canvas{display:block;border-radius:14px;background:#000;touch-action:none;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.kd-play{position:absolute;left:18px;bottom:16px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center;border:1px solid rgba(255,255,255,.25)}
.kd-play .i{stroke:#fff;fill:#fff;width:20px;height:20px}
.kd-load{position:absolute;inset:0;display:grid;place-items:center;background:#0B0F0E}
.kd-time{display:flex;align-items:baseline;gap:4px;padding:6px 16px 4px;font:600 .82rem var(--f-mono,monospace)}.kd-time b{color:#fff}.kd-info{margin-left:auto;font-family:var(--f-body);color:#FFD43B;font-weight:700;font-size:.78rem;text-align:right}
.kd-tl{position:relative;height:58px;margin:4px 20px 6px;border-radius:10px;touch-action:none;user-select:none;cursor:pointer}
.kd-strip{position:absolute;inset:4px 0;display:flex;border-radius:8px;overflow:hidden;background:#1d2522}.kd-strip img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;pointer-events:none}
.kd-dim{position:absolute;top:4px;bottom:4px;background:rgba(0,0,0,.62);pointer-events:none}.kd-dim.l{left:0;border-radius:8px 0 0 8px}.kd-dim.r{right:0;border-radius:0 8px 8px 0}
.kd-sel{position:absolute;top:0;bottom:0;border:3px solid #FFD43B;border-radius:10px;pointer-events:none;box-sizing:border-box}
.kd-h{position:absolute;top:-3px;bottom:-3px;width:18px;background:#FFD43B;pointer-events:auto;cursor:ew-resize;display:grid;place-items:center}
.kd-h::after{content:"";width:3px;height:18px;border-radius:2px;background:#5a4600}
.kd-h.l{left:-14px;border-radius:9px 0 0 9px}.kd-h.r{right:-14px;border-radius:0 9px 9px 0}
.kd-ph{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;background:#fff;border-radius:2px;box-shadow:0 0 6px rgba(0,0,0,.6);pointer-events:none}
.kd-txl{position:absolute;left:0;right:0;bottom:-7px;height:4px;pointer-events:none}.kd-txl i{position:absolute;top:0;bottom:0;background:#EC4899;border-radius:2px}
.kd-tabs{display:flex;gap:2px;overflow-x:auto;padding:6px 10px;scrollbar-width:none;border-top:1px solid var(--line)}.kd-tabs::-webkit-scrollbar{display:none}
.kd-tabs button{flex:1 0 auto;min-width:56px;display:grid;justify-items:center;gap:3px;padding:6px 6px;border-radius:12px;color:#9FB1AA;font-size:.72rem;font-weight:700}
.kd-tabs button .i{width:20px;height:20px;stroke:currentColor}.kd-tabs button[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.1)}
.kd-pane{padding:8px 16px 14px;min-height:118px;max-height:34vh;overflow-y:auto;display:grid;gap:10px;align-content:start}
.kd-hint{margin:0;color:#9FB1AA;font-size:.86rem}
.kd-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kd-row .muted{font-size:.82rem}
.ked .btn.sec{background:rgba(255,255,255,.1);color:#fff;border-color:transparent}.ked .btn.ghost{color:#cfe3dc}.ked .btn .i{stroke:currentColor}
.ked .kd-seg{background:rgba(255,255,255,.08)}.ked .kd-seg button{color:#cfe3dc}.ked .kd-seg button[aria-pressed="true"]{background:#fff;color:#0B0F0E}
.ked .chip{background:rgba(255,255,255,.08);color:#fff;border-color:transparent}.ked .chip[aria-pressed="true"]{background:#fff;color:#0B0F0E}
.kd-ed{display:grid;gap:10px}.kd-ed .lbl{color:#9FB1AA;font-size:.78rem;font-weight:700;margin-bottom:-4px}
.kd-cols{display:flex;gap:8px;flex-wrap:wrap}.kd-cols button{width:30px;height:30px;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.35)}.kd-cols button[aria-pressed="true"]{outline:3px solid #FFD43B;outline-offset:2px}
.kd-tm span{font-size:.84rem;color:#cfe3dc;margin-right:auto}
.kd-flt{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.kd-flt button{flex:none;display:grid;gap:4px;justify-items:center;font-size:.74rem;font-weight:700;color:#cfe3dc}
.kd-flt img,.kd-flt i{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#1d2522;display:block}.kd-flt button[aria-pressed="true"] img,.kd-flt button[aria-pressed="true"] i{outline:3px solid #FFD43B;outline-offset:1px}
.ked .srow{color:#fff}.ked .srow small{color:#9FB1AA}
.kd-busy{position:absolute;inset:0;z-index:5;background:rgba(8,12,11,.86);display:grid;place-items:center;text-align:center}.kd-busy>div{display:grid;gap:8px;justify-items:center;max-width:280px}.kd-busy .pct{font:700 1.6rem var(--f-display);color:#FFD43B}.kd-busy small{color:#9FB1AA}
@media (max-height:640px){.kd-pane{max-height:30vh;min-height:96px}.kd-tl{height:48px}}
/*}@css:68*/
/*@css:69{*/
/* 6.8.1 acil mod: Ayarlar girişi, sunucu uyarı şeridi (#acBar), hazırlık penceresi. Acil ekranının kendi stili acil.js içinde. */
.cf-ic.ac{background:#B45309}
#acBar{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 8px);z-index:9000;display:flex;align-items:center;gap:8px;max-width:min(560px,calc(100% - 16px));width:max-content;padding:8px 8px 8px 12px;border-radius:16px;background:#7C2D12;color:#fff;box-shadow:0 10px 30px #0005;font-size:.88rem}
#acBar>span{display:flex;align-items:center;gap:8px;min-width:0}#acBar>span .i{width:18px;height:18px;flex:none}
#acBar .btn{background:#fff;color:#7C2D12;white-space:nowrap}#acBar .ib{color:#fff}
@media (max-width:420px){#acBar{width:calc(100% - 16px)}#acBar b{font-weight:600}}
.ac-sh{display:grid;gap:10px}.ac-st{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:color-mix(in srgb,#B45309 14%,var(--surface));font-weight:600}
.ac-st.ok{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.ac-st .i{flex:none;width:20px;height:20px}
/*}@css:69*/
/*@css:70{*/
/* 6.8.3 Yönetici › Firebase bölümü */
.fbu{display:grid;gap:14px}.fbu-s{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--surface-2);min-width:0}
.fbu-s h4{margin:0;font:700 .8rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.fbu-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.fbu-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex:none}.fbu-dot.on{background:var(--ok,#16a34a)}.fbu-dot.hot{background:#dc2626}
.fbu-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.86rem}.fbu-kv span{color:var(--muted)}.fbu-kv b{text-align:right;overflow-wrap:anywhere}
.fbu-s .btn{justify-self:start}.fbu-s p{margin:0;font-size:.86rem;line-height:1.45}
.fbu-q{display:grid;gap:4px}.fbu-ql{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.fbu-ql span{font-family:var(--f-mono);font-size:.8rem}
.fbu-bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.fbu-bar i{display:block;height:100%;border-radius:99px;background:var(--accent)}
.fbu-bar.warn i{background:#d97706}.fbu-bar.hot i{background:#dc2626}.fbu-q small{color:var(--muted);font-size:.78rem}.fbu-q small b{color:var(--fg)}
.fbu-inc{display:flex;gap:8px;align-items:flex-start;font-size:.86rem}.fbu-inc .i{width:18px;height:18px;flex:none;color:#d97706}.fbu-inc b{display:block}
.fbu-err{color:#dc2626}
.fbu-lnk{display:inline-flex;align-items:center;gap:4px;font-size:.86rem;font-weight:700;color:var(--accent);text-decoration:none;justify-self:start}.fbu-lnk .i{width:16px;height:16px}
.fbu-mr{display:grid;gap:4px;font-size:.86rem}.fbu-mr>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.fbu-mr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fbu-mr b{font-family:var(--f-mono);font-size:.8rem}
.fbu-more>summary{cursor:pointer;font-weight:700;padding:6px 2px;color:var(--muted)}.fbu-more>.fbu-s{margin-top:14px}.fbu-r .muted{font-size:.86rem}
/*}@css:70*/

/*@css:72{*/
.reel .kyt{position:absolute;inset:0;background:#000;z-index:0}
.reel .kyt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:#000}
.reel .kyt .kyt-p{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s;pointer-events:none}
.reel .kyt.on .kyt-p{opacity:0}
.reel .kyt .kyt-ic{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .2s;pointer-events:none}
.reel .kyt .kyt-ic.show{opacity:1}.reel .kyt .kyt-ic .i{width:30px;height:30px}
.reel .kyt.man .kyt-p{opacity:0}.reel .kyt.man iframe{pointer-events:auto;z-index:1}
/*}@css:72*/
/*@css:690{*/
/* 6.9 Bora: açılışta yalnızca logo, mavi @bahsetmeler, geniş ekranda sol şerit, kayan sayfalar, GIF/çıkartma, hesaplar, yönetici ekleri */
#intro .in-wm,#intro .in-tag,#intro .in-bar{display:none!important}
#intro .in-c{margin-top:0}
#intro .in-vf{width:6.6rem;height:6.6rem}
:root{--k69-tag:#3B5BF5}
:root[data-mode="dark"]{--k69-tag:#93A9FF}
button.ht[data-mention],.ht[data-mention],.msg .mtag{color:var(--accent)!important;font-weight:700}
.ht[data-htag],span.ht,.msg .ht[data-htag]{color:var(--k69-tag)!important;font-weight:600}
.mrow.me .msg .mtag,.mrow.me .msg .ht{color:inherit!important}
.reel .info .ht{color:#fff!important}
/* Klaket: küçük siyah çerçeve (Instagram gibi); çerçevenin üstünde hiçbir şey durmaz */
#main .reel::after{content:"";position:absolute;inset:6px;border-radius:18px;box-shadow:0 0 0 40px #000;pointer-events:none}
#main .reel .rprog{left:18px;right:18px;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:2px}
#main .reel .side{right:14px}
#main .reel .info{left:18px}
/* sohbet balonu köşeli */
:root[data-bub69="k"] #msgs .msg{border-radius:7px!important}
/* sayfa geçişleri: süre ayardan (--k69-d) */
:root[data-ui] main.enter>*,:root[data-ui] main.enter :is(.box>.row,.hrow>*,.notes>.nt,.hlr>*,.sr-flg>*,.sr-flr>*):nth-child(-n+12){animation-duration:var(--k69-d,.42s)!important}
@keyframes k69InR{from{transform:translate3d(min(100%,520px),0,0);opacity:.55}}
@keyframes k69InL{from{transform:translate3d(max(-100%,-520px),0,0);opacity:.55}}
@keyframes k69InU{from{transform:translate3d(0,26px,0);opacity:0}}
#main.k69-in-r,#top.k69-in-r{animation:k69InR var(--k69-d,.5s) cubic-bezier(.16,.84,.24,1) both}
#main.k69-in-l,#top.k69-in-l{animation:k69InL var(--k69-d,.5s) cubic-bezier(.16,.84,.24,1) both}
#main.k69-in-u,#top.k69-in-u{animation:k69InU var(--k69-d,.5s) cubic-bezier(.16,.84,.24,1) both}
html.reduce-motion #main[class*="k69-in-"],html.reduce-motion #top[class*="k69-in-"]{animation:none!important}
@media (prefers-reduced-motion:reduce){#main[class*="k69-in-"],#top[class*="k69-in-"]{animation:none!important}}
/* GIF ve çıkartma mesajları */
.msg .k69-gif{display:block;width:min(320px,72vw);max-width:100%;height:auto;border-radius:16px;background:var(--surface-2)}
.msg .k69-stk{display:block;width:190px;height:190px;object-fit:contain;cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}
.msg:has(>.k69-stk:only-child),.msg:has(>.k69-gif:only-child){background:none!important;border-color:transparent!important;padding:0!important;box-shadow:none!important}
.k69g-tabs{display:flex;gap:6px;padding:0 14px 8px}
.k69g-tabs button{flex:1;padding:9px 0;border-radius:12px;font-weight:700;font-size:.88rem;color:var(--muted);background:var(--surface-2)}
.k69g-tabs button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink)}
.k69g-q{padding:0 14px 8px}
.k69g-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 14px 10px;overflow:auto;position:relative}
.k69g-it{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.k69g-it img{width:100%;height:100%;object-fit:cover}
.k69g-c{position:relative;min-width:0}.k69g-c .k69g-it{width:100%}
.k69g-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;z-index:2}
.k69g-x svg.i{width:14px;height:14px}
.k69g-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 14px 14px;border-top:1px solid var(--line)}
.k69g-foot small{margin-left:auto;color:var(--muted);font-size:.72rem}
.k69g-foot .btn svg.i{width:1rem;height:1rem;vertical-align:-3px;margin-right:4px}
.k69s-wrap{display:grid;place-items:center;padding:6px 0 12px;background:repeating-conic-gradient(var(--surface-2) 0 25%,transparent 0 50%) 50%/22px 22px;border-radius:16px;margin:0 14px 10px}
.k69s-wrap canvas{width:min(260px,70vw);height:auto;aspect-ratio:1;touch-action:none;cursor:grab}
.k69s-sh{margin:0 14px 10px}
.k69s-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;font-weight:600;font-size:.9rem}
.k69s-row input[type=range]{flex:1;max-width:60%}
.k69s-pad{padding:0 16px}
.k69s-btns{display:flex;gap:8px;padding:0 14px 14px}.k69s-btns .btn{flex:1}
/* hesaplar */
.k69-accb{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:4px;border-radius:50%;vertical-align:middle;color:var(--muted)}
.k69-accb svg.i{width:16px;height:16px;transform:rotate(90deg)}
.k69-acl{display:grid;gap:2px;padding:0 8px}
.k69-acr{display:flex;align-items:center;gap:4px;border-radius:14px}
.k69-acr.on{background:var(--surface-2)}
.k69-acb{flex:1;display:flex;align-items:center;gap:12px;padding:10px 8px;text-align:left;min-width:0}
.k69-acb .t{display:grid;min-width:0;flex:1}.k69-acb .t b,.k69-acb .t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k69-acb .t small{color:var(--muted)}
.k69-acb>svg.i{color:var(--accent)}
.k69-acv{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--surface-2)}
.k69-acv img{width:100%;height:100%;object-fit:cover}
.k69-sw{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 96%,transparent);opacity:0;transition:opacity var(--d,.25s) ease}
.k69-sw.on{opacity:1}.k69-sw.out{opacity:0}
.k69-swc{display:grid;justify-items:center;gap:6px;transform:scale(.86);transition:transform var(--d,.25s) cubic-bezier(.2,1.2,.4,1)}
.k69-sw.on .k69-swc{transform:scale(1)}.k69-sw.out .k69-swc{transform:scale(1.06)}
.k69-swa{width:84px;height:84px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);box-shadow:0 0 0 3px var(--accent)}
.k69-swa img{width:100%;height:100%;object-fit:cover}.k69-swa svg.i{width:40px;height:40px}
.k69-swc small{color:var(--muted)}
.k69-cancel{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:0 0 8px;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-weight:700;font-size:.85rem}
.k69-cancel svg.i{width:16px;height:16px}
/* ayarlar */
.k69-rx{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.k69-rx button{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:2px solid transparent;transition:transform .2s}
.k69-rx button[aria-pressed="true"]{border-color:var(--accent);transform:scale(1.06)}
.k69-rx svg.rx{width:26px;height:26px}
/* yönetici */
.k69-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}
.k69-st span{display:grid;justify-items:center;padding:10px 4px;border-radius:14px;background:var(--surface-2)}
.k69-st b{font:700 1.25rem/1.1 var(--f-display)}.k69-st small{color:var(--muted);font-size:.72rem;text-align:center}
.k69-onl{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px}
.k69-onl button{display:grid;justify-items:center;gap:3px;flex:none;font-size:.7rem;color:var(--muted)}
.k69-h4{margin:12px 0 6px;font-size:.9rem}
.k69-vr{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.k69-vr span{display:grid;flex:1;min-width:0}.k69-vr small{color:var(--muted);font-size:.72rem}
.k69-vr em{font-style:normal;font-size:.76rem;color:var(--muted);text-align:right}
.k69-rr{margin-left:auto;font-weight:800;color:var(--accent)}
.k69-oz{padding:4px 14px 14px;display:grid;gap:10px}
.k69-ozh{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--sun) 18%,transparent))}
.k69-ozh span{display:grid}.k69-ozh small{color:var(--muted)}
.k69-ozb{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;background:var(--surface-2);text-align:left}
.k69-ozb img{width:64px;height:64px;border-radius:12px;object-fit:cover}.k69-ozb span{display:grid}.k69-ozb small{color:var(--muted)}
/* 6.9.2: uygulama içi bildirim sağa kaydırınca kapanır */
.kn{touch-action:none}
.kn.kn-sx.out{transform:translateX(calc(100% + 40px)) rotate(8deg)!important;opacity:0!important}
/*}@css:690*/
/*@css:693{*/
/* 6.9.3 Instagram gibi yazma çubuğu */
.composer.k693{align-items:center;gap:4px;margin:0 10px calc(8px + env(safe-area-inset-bottom,0px));padding:4px 4px 4px 4px;border-radius:26px;background:var(--surface-2);border:1px solid var(--line)}
:root[data-ui] .composer.k693{background:var(--surface-2)}
.composer.k693 .cplus.k693-cam{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--accent);color:#fff;border:0;display:grid;place-items:center}
.composer.k693 .cplus.k693-cam svg.i{width:22px;height:22px;stroke-width:2}
.composer.k693 #msgIn{flex:1;min-width:0;background:transparent;border:0;box-shadow:none;padding:9px 6px;outline:none}
#main #composer.k693 #sendBtn{background:transparent;color:var(--fg);border:0;width:40px;height:40px;min-width:40px;box-shadow:none}
#main #composer.k693.k693-has #sendBtn{background:var(--accent);color:#fff}
.k693-tools{display:flex;align-items:center}
.k693-tools .ib{width:38px;height:40px;min-width:38px;border:0;background:transparent;color:var(--fg)}
.k693-tools .ib svg.i{width:23px;height:23px}
.composer.k693.k693-has .k693-tools{display:none}
@media (max-width:340px){.k693-tools .ib{width:32px;min-width:32px}}
.k693-pl .srcs{display:flex!important;flex-direction:column;gap:0!important;grid-template-columns:none!important}
.k693-pl .src{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:12px 14px!important;min-height:0!important;border-radius:12px;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left}
.k693-pl .src small{display:none!important}
.k693-pl .src .ic{width:36px;height:36px;flex:none}
/*}@css:693*/
/*@css:70UI{*/
/* 7.0 yeni arayüz (Instagram düzeni, Kadraj renkleri). Süreler --k69-d (Ayarlar › Animasyonlar; kapalıyken ~0). backdrop-filter yok, sonsuz animasyon yok.
   Kapsam: genel görünüm, üst çubuk, alt menü, Akış kartı, hikâye şeridi ve görüntüleyici, profil, Keşfet, Bildirimler, Ayarlar, pencereler.
   Sohbet listesi ve sohbet ekranı başka bölgede; #shell[data-r="chat"|"chats"] üst çubuğuna dokunulmaz. Klaket çerçevesi/düzeni aynı. */
:root{--k70-d:var(--k69-d,.35s);--k70-e:cubic-bezier(.2,.8,.2,1);--k70-sp:cubic-bezier(.34,1.45,.64,1);--k70-out:cubic-bezier(.4,0,.9,.6)}
/* --- zemin ve yuvarlak avatarlar --- */
:root[data-ui="vizor"] .shell:not([data-ct]){background:var(--bg)}
:root[data-ui] .av img{border-radius:50%}
:root[data-ui] .av.ring::before{border-radius:50%}
:root[data-ui] .av .on{border-color:var(--bg)}
/* --- düğmelere basınca geri bildirim --- */
:root[data-ui] :is(.btn,.chip,.opt,.src,.ctile,.pcard,.hlc,.story,.k70-lk,.k70-add,.sg-h,.setprof,.row>button.t,.act-row,.srow):active{transition-duration:.08s}
:root[data-ui] :is(.btn,.chip,.ctile,.src):active{transform:scale(.95)}
:root[data-ui] .opt:active,:root[data-ui] .setprof:active{transform:scale(.98)}
:root[data-ui] :is(.sg-h,.act-row,.srow,.row):active{background:color-mix(in srgb,var(--fg) 6%,transparent)}
:root[data-ui] #main .ib:active,:root[data-ui] #top .ib:active{transform:scale(.86)}
:root[data-ui] .story:active .av,:root[data-ui] .hlc:active .hav{transform:scale(.92)}
:root[data-ui] :is(.btn,.chip,.opt,.ib,.story .av,.hlc .hav,.sg-h,.setprof){transition:transform calc(var(--k70-d) * .8) var(--k70-sp),background-color .2s,color .2s,opacity .2s}

/* --- üst çubuk: düz, simgeler çerçevesiz (sohbet ekranları hariç) --- */
:root[data-ui] #shell:not([data-r="chat"]):not([data-r="chats"]) #top .ib{background:transparent;border-color:transparent;box-shadow:none;color:var(--fg)}
:root[data-ui] #shell:not([data-r="chat"]):not([data-r="chats"]) #top .ib svg.i{width:1.55rem;height:1.55rem;stroke-width:1.8}
:root[data-ui] #shell:not([data-r="chat"]):not([data-r="chats"]) #top h1{font:700 1.25rem/1.15 var(--f-display);letter-spacing:-.025em}
:root[data-ui] #shell[data-r="feed"] #top .wordmark{font-size:1.55rem;letter-spacing:-.05em}
:root[data-ui] #shell[data-r="feed"] #top .brand .vfmark{width:1.75rem;height:1.75rem}
:root[data-ui]:not([data-ui="vizor"]) #shell:not([data-r="chat"]):not([data-r="chats"]) #top{background:var(--bg);min-height:54px}

/* --- alt menü: ince, yazısız, seçili simge dolu --- */
:root[data-ui] #dock nav>button .dl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
:root[data-ui] #dock nav>button{gap:0;padding:11px 0;color:var(--fg)}
:root[data-ui] #dock nav>button svg.i{width:1.62rem;height:1.62rem;stroke-width:1.75;color:var(--fg)}
:root[data-ui] #dock nav>button[aria-current="page"] svg.i,:root[data-ui] #shell[data-r="reels"] #dock nav>button[data-go="reels"] svg.i{color:var(--accent);stroke-width:2.1}
:root[data-ui] #dock nav>button[aria-current="page"]:is([data-tab="feed"],[data-tab="chats"],[data-tab="activity"]) svg.i,:root[data-ui] #shell[data-r="reels"] #dock nav>button[data-go="reels"] svg.i{fill:currentColor}
:root[data-ui] #dock nav>button[aria-current="page"][data-tab="chats"] svg.i path+path,:root[data-ui] #shell[data-r="reels"] #dock nav>button[data-go="reels"] svg.i path:first-of-type{stroke:var(--surface);fill:var(--surface)}
:root[data-ui] #dock nav>button[aria-current="page"][data-tab="explore"] svg.i{stroke-width:2.9}
:root[data-ui] #dock nav>button.pop svg.i,:root[data-ui] #dock nav>button.pop .me{animation:k70Dock calc(var(--k70-d) * 1.1) var(--k70-sp) both}
@keyframes k70Dock{0%{transform:scale(.72)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
:root[data-ui] #dock .me{width:1.7rem;height:1.7rem;border-radius:50%;outline:0;box-shadow:0 0 0 1px var(--k6-hair)}
:root[data-ui] #dock [aria-current="page"] .me{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent)}
:root[data-ui] #dock .cnt-badge{top:4px}
:root[data-ui] #dock nav>button[data-act="create"]{padding:0;display:grid;place-items:center}
:root[data-ui] #dock .create{width:2.75rem;height:2.4rem;margin:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);box-shadow:none}
:root[data-ui] #dock .create svg.i{width:1.5rem;height:1.5rem;stroke-width:2.3;color:inherit}
:root[data-ui] #dock [data-act="create"]:active .create{transform:scale(.88)}
:root[data-ui] .vz-focus::after{content:none}
:root[data-ui]:not([data-ui="vizor"]) .vz-focus{display:none}
/* Klasik: Instagram gibi düz, tam genişlik çubuk */
:root[data-ui]:not([data-ui="vizor"]) #dock{padding:0 0 env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--k6-hair)}
:root[data-ui]:not([data-ui="vizor"]) #dock nav{max-width:640px;margin:0 auto;padding:1px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}
:root[data-ui]:not([data-ui="vizor"]) #dock .create{background:transparent;color:var(--fg);border:2px solid currentColor;width:1.75rem;height:1.75rem;border-radius:8px}
:root[data-ui]:not([data-ui="vizor"]) #dock .create svg.i{width:1.15rem;height:1.15rem;stroke-width:2.6}
:root[data-ui]:not([data-ui="vizor"]) #dock [data-act="create"]:active .create svg.i{transform:none}
:root[data-ui]:not([data-ui="vizor"]) #dock nav>button[aria-current="page"][data-tab="chats"] svg.i path+path{stroke:var(--bg);fill:var(--bg)}
:root[data-ui]:not([data-ui="vizor"]) #shell[data-r="reels"] #dock{background:#000;border-top-color:#222}
:root[data-ui]:not([data-ui="vizor"]) #shell[data-r="reels"] #dock nav>button svg.i,:root[data-ui]:not([data-ui="vizor"]) #shell[data-r="reels"] #dock .create{color:#fff}
:root[data-ui]:not([data-ui="vizor"]) #shell[data-r="reels"] #dock nav>button[data-go="reels"] svg.i path:first-of-type{stroke:#000;fill:#000}
/* Vizör: yüzen ince hap */
:root[data-ui="vizor"] #dock nav{padding:3px 6px;max-width:430px}
:root[data-ui="vizor"] #dock nav>button[aria-current="page"][data-tab="chats"] svg.i path+path{stroke:var(--surface)}
:root[data-ui="vizor"] #dock .create{border-radius:50%;width:2.6rem;height:2.6rem}

/* --- Akış: hikâye şeridi --- */
:root[data-ui] #main .stories{gap:10px;padding:8px 12px 12px;margin-bottom:6px;border-bottom:1px solid var(--k6-hair)}
:root[data-ui] #main .story{width:4.85rem;gap:6px}
:root[data-ui] #main .story .av{--s:64px!important;margin-top:6px}
:root[data-ui] #main .story .n{font:500 .72rem/1.2 var(--f-body);color:var(--fg);max-width:4.5rem}
:root[data-ui] #main .story .n.muted{color:var(--muted)}
:root[data-ui] #main .story .plus{width:22px;height:22px;right:-2px;bottom:-2px;border-radius:50%;border:2.5px solid var(--bg);box-shadow:none}
:root[data-ui] .av.ring::before{inset:calc(var(--s,44px) * -.09);padding:max(2px,calc(var(--s,44px) * .04))}
:root[data-ui] main.enter .stories>.story:nth-child(-n+10){animation-name:k70Pop}
@keyframes k70Pop{from{opacity:0;transform:scale(.6)}}
:root[data-ui] main.enter>*{animation-duration:var(--k70-d)!important}
:root[data-ui] main.enter .stories>.story:nth-child(-n+10){animation-duration:calc(var(--k70-d) * 1.2)!important}

/* --- Akış: Instagram paylaşım kartı (k70Card) --- */
:root[data-ui] #main .card.k70c{margin:0 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
:root[data-ui] #main .card.k70c+.card.k70c{border-top:0}
:root[data-ui] #main .k70c .card-h{gap:10px;padding:8px 4px 8px 12px;align-items:center}
:root[data-ui] #main .k70c .card-h .av{--s:34px!important}
:root[data-ui] #main .k70c .card-h .who{line-height:1.2;min-width:0}
:root[data-ui] #main .k70c .card-h .who>div:first-child{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
:root[data-ui] #main .k70c .card-h .uname{font:700 .9rem/1.2 var(--f-body);letter-spacing:0;overflow:hidden;text-overflow:ellipsis}
:root[data-ui] #main .k70c .card-h .who .sub{margin-top:1px;font:400 .76rem/1.3 var(--f-body);color:var(--fg);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-ui] #main .k70c .follow-link{color:var(--accent);font-weight:700;font-size:.86rem}
:root[data-ui] #main .k70c .card-h .ib.plain{color:var(--fg)}
:root[data-ui] #main .k70c>.media{margin:0;border-radius:0;max-width:none;width:100%}
:root[data-ui] #main .k70c>.note{margin:0;border-radius:0}
:root[data-ui] #main .k70c>.poll{margin:0 12px}
:root[data-ui] #main .k70c .pills{gap:0;padding:4px 4px 0}
:root[data-ui] #main .k70c .pill{min-height:2.7rem;padding:0 .55rem;gap:0;border:0;background:transparent;color:var(--fg)}
:root[data-ui] #main .k70c .pill svg.i{width:1.6rem;height:1.6rem;stroke-width:1.75}
:root[data-ui] #main .k70c .pill:active{background:transparent;transform:scale(.84)}
:root[data-ui] #main .k70c .pill.liked{color:var(--heart)}
:root[data-ui] #main .k70c .pill.saved{color:var(--fg)}
:root[data-ui] #main .k70c .pill.rpon{color:var(--accent)}
@media (hover:hover){:root[data-ui] #main .k70c .pill:hover{background:transparent;opacity:.6}}
.k70-lk{display:flex;align-items:center;gap:7px;width:fit-content;max-width:calc(100% - 28px);margin:0 14px 2px;padding:2px 0;background:none;border:0;color:var(--fg);font:400 .9rem/1.35 var(--f-body);text-align:left;cursor:pointer}
.k70-lk b{font-weight:700}
.k70-lka{display:inline-flex;flex:none}
.k70-lka img{width:20px;height:20px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--bg);background:var(--surface-2)}
.k70-lka img+img{margin-left:-7px}
:root[data-ui] #main .k70c .card-b{gap:4px;padding:2px 14px 0;font-size:.9rem;line-height:1.42}
:root[data-ui] #main .k70c .card-b .cap .uname{font-weight:700}
:root[data-ui] #main .k70c .card-b .more{font-weight:400;font-size:.9rem;color:var(--muted);padding:1px 0}
.k70-add{display:flex;align-items:center;gap:8px;margin-top:2px;padding:3px 0;background:none;border:0;color:var(--muted);font:400 .86rem/1 var(--f-body);text-align:left;cursor:text}
.k70-add img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--surface-2)}
.k70-tm{display:block;padding:2px 0 0;color:var(--muted);font:400 .72rem/1.3 var(--f-body);letter-spacing:.01em}
:root[data-ui] #main .k70c .meta-line{order:9}
:root[data-ui] #shell[data-r="post"] #main .card.k70c{margin-top:4px}
/* çift dokunma kalbi: büyük, yaylı, sonra yukarı süzülür */
:root[data-ui] .burst{width:110px;height:110px;margin:-55px;animation:k70Heart calc(var(--k70-d) * 2 + .3s) var(--k70-e) forwards;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
@keyframes k70Heart{0%{transform:scale(0) rotate(-12deg);opacity:0}18%{transform:scale(1.25) rotate(6deg);opacity:1}30%{transform:scale(.92) rotate(0)}42%{transform:scale(1.04)}72%{transform:scale(1);opacity:1}100%{transform:translateY(-60px) scale(.6);opacity:0}}
:root[data-ui] .burst svg{fill:#fff}

/* --- hikâye görüntüleyici: sağdan açılır, aşağı kayıp kapanır, kişiler arası küp --- */
.sv.k70-svin{animation:k70SvIn var(--k70-d) cubic-bezier(.16,.9,.3,1) both}
@keyframes k70SvIn{from{transform:translate3d(100%,0,0)}}
#k70Gh{position:fixed;inset:0;bottom:auto;height:var(--vvh,100%);z-index:49;pointer-events:none;overflow:hidden}
#k70Gh .k70-gw{position:absolute;inset:0}
#k70Gh,#k70Gh *{pointer-events:none!important}
#k70Gh .k70-bk{position:absolute;inset:0;margin:0 auto;max-width:520px;background:#000}
#k70Gh .k70-svout>.sv{animation:k70SvOut var(--k70-d) var(--k70-out) forwards}
@keyframes k70SvOut{to{transform:translate3d(0,40%,0) scale(.7);opacity:0;border-radius:28px}}
#k70Gh .k70-cout>.sv{transform-origin:100% 50%;animation:k70CubeOut var(--k70-d) ease-in both}
#k70Gh .k70-coutp>.sv{transform-origin:0% 50%;animation:k70CubeOutP var(--k70-d) ease-in both}
.sv.k70-cinn{transform-origin:0% 50%;animation:k70CubeIn var(--k70-d) ease-in both}
.sv.k70-cinp{transform-origin:100% 50%;animation:k70CubeInP var(--k70-d) ease-in both}
@keyframes k70CubeOut{50%{animation-timing-function:ease-out;transform:perspective(1200px) translateX(-50%) translateZ(-200px) rotateY(-45deg)}100%{transform:perspective(1200px) translateX(-100%) rotateY(-90deg);opacity:.3}}
@keyframes k70CubeIn{0%{transform:perspective(1200px) translateX(100%) rotateY(90deg);opacity:.3}50%{animation-timing-function:ease-out;transform:perspective(1200px) translateX(50%) translateZ(-200px) rotateY(45deg)}}
@keyframes k70CubeOutP{50%{animation-timing-function:ease-out;transform:perspective(1200px) translateX(50%) translateZ(-200px) rotateY(45deg)}100%{transform:perspective(1200px) translateX(100%) rotateY(90deg);opacity:.3}}
@keyframes k70CubeInP{0%{transform:perspective(1200px) translateX(-100%) rotateY(-90deg);opacity:.3}50%{animation-timing-function:ease-out;transform:perspective(1200px) translateX(-50%) translateZ(-200px) rotateY(-45deg)}}
.sv{overflow:hidden;will-change:auto}
.sv .bars i{height:2.5px}
.sv .shd .av{--s:32px!important}

/* --- profil (Instagram düzeni) --- */
:root[data-ui] #main .prof{gap:10px;padding:6px 16px 4px}
:root[data-ui] #main .prof::before,:root[data-ui] #main .prof .k6-cover{display:none}
:root[data-ui] #main .prof.k6-hasc{padding-top:6px}
:root[data-ui] #main .prof .prof-top,:root[data-ui] #main .prof.k6-hasc .prof-top{align-items:center;gap:22px;padding-left:2px}
:root[data-ui] #main .prof-top>.av{--s:86px!important}
:root[data-ui] #main .prof-top>.av img{box-shadow:none!important}
:root[data-ui] #main .prof.k6-hasc .prof-top>.av.ring::before{inset:calc(var(--s,44px) * -.09)}
:root[data-ui] #main .prof .stats{gap:0}
:root[data-ui] #main .prof .stats>*{padding:6px 0;border:0;border-radius:10px;background:transparent;line-height:1.2}
:root[data-ui] #main .prof .stats b{font:700 1.12rem/1.2 var(--f-body);letter-spacing:-.01em}
:root[data-ui] #main .prof .stats span{margin-top:2px;font:400 .84rem/1.2 var(--f-body);color:var(--fg)}
:root[data-ui] #main .prof>div>b[style]{font:700 .95rem/1.3 var(--f-body)!important;letter-spacing:0}
:root[data-ui] #main .prof .bio{font-size:.9rem;line-height:1.42}
:root[data-ui] #main .prof .pnote{padding:5px 11px;font-size:.84rem;box-shadow:none;background:var(--surface-2);border-color:transparent}
:root[data-ui] #main .prof .btns{gap:6px}
:root[data-ui] #main .prof .btns .btn{flex:1 1 0;min-width:0}
:root[data-ui] #main .prof .btns .btn{min-height:2.25rem;padding:0 .7rem;border-radius:10px;border:0;font:600 .86rem/1 var(--f-body);background:var(--surface-2);color:var(--fg);box-shadow:none}
:root[data-ui] #main .prof .btns .btn:not(.sec){background:var(--accent);color:var(--accent-ink)}
:root[data-ui] #main .prof .btns .btn svg.i{width:1.1rem;height:1.1rem}
:root[data-ui] #main .prof .btns .btn.k70-ib{flex:0 0 2.5rem;width:2.5rem;padding:0}
:root[data-ui] #main .hlr{gap:16px;padding:8px 16px 12px}
:root[data-ui] #main .hlc .hav{width:4rem;height:4rem;box-shadow:0 0 0 1px var(--k6-hair);background:var(--bg)}
:root[data-ui] #main .hlc small{font-weight:500;font-size:.72rem}
/* simgeli sekmeler, altta kayan çizgi */
:root[data-ui] #main .ptabs{margin:4px 0 0;padding:0;gap:0;border:0;border-bottom:1px solid var(--k6-hair);border-radius:0;background:transparent;box-shadow:none}
:root[data-ui] #main .ptabs .chip{flex:1;min-height:2.85rem;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--muted)}
:root[data-ui] #main .ptabs .chip .pl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root[data-ui] #main .ptabs .chip svg.i{display:block!important;width:1.5rem;height:1.5rem;stroke-width:1.8}
:root[data-ui] #main .ptabs .chip[aria-pressed="true"]{color:var(--fg)}
:root[data-ui] #main .ptabs .chip[aria-pressed="true"] svg.i{color:var(--fg)}
:root[data-ui] #main .ptabs:not(:has(svg)) .chip{font:600 .9rem/1 var(--f-body)}
:root[data-ui] #main .ptabs>.k6-ind{top:auto;bottom:-1px;height:2px!important;border-radius:2px;background:var(--fg);box-shadow:none}
:root[data-ui] #main .ptabs:not(.k6-seg) .chip[aria-pressed="true"]{box-shadow:inset 0 -2px 0 var(--fg)!important}
/* ızgara: Instagram gibi sık, köşesiz */
:root[data-ui] #main .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0 0 14px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
:root[data-ui] #main .tile{border-radius:0}
:root[data-ui] #shell[data-r="profile"] #main .grid>.tile{aspect-ratio:4/5}
:root[data-ui] #main .tile:active{transform:none;opacity:.8}
:root[data-ui] #main .tile::before{height:30%}
:root[data-ui] #main .ptabs+.grid,:root[data-ui] #main .ptabs+.kolc+.grid{margin-top:2px}

/* --- Keşfet --- */
:root[data-ui] #shell[data-r="explore"] #main .search .in,:root[data-ui] #shell[data-r="explore"] #main #q{border:0;border-radius:12px;background-color:var(--surface-2);box-shadow:none}
:root[data-ui] #shell[data-r="explore"] #main .search .in:focus,:root[data-ui] #shell[data-r="explore"] #main #q:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}
:root[data-ui] #main .pcard{border-radius:14px;box-shadow:none;border:1px solid var(--k6-hair);background:var(--surface)}

/* --- Bildirimler: düz liste --- */
:root[data-ui] #shell[data-r="activity"] #main .box{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:root[data-ui] #shell[data-r="activity"] #main .box .row+.row{border-top:0}
:root[data-ui] #shell[data-r="activity"] #main .act-row{padding:9px 16px;align-items:center}
:root[data-ui] #shell[data-r="activity"] #main .act-row .t{font-size:.9rem;padding-top:0}
:root[data-ui] #shell[data-r="activity"] #main .act-row .av{--s:44px!important}
:root[data-ui] #shell[data-r="activity"] #main .act-th{width:44px;height:44px;border-radius:6px}
:root[data-ui] #shell[data-r="activity"] #main .act-row>.btn{min-height:2.1rem;border-radius:9px;padding:0 1rem;font-size:.84rem}
:root[data-ui] #shell[data-r="activity"] #main .sec-h{margin:14px 16px 4px;font:700 1rem/1.2 var(--f-body)}
:root[data-ui] #shell[data-r="activity"] #main .act-ic{width:19px;height:19px;right:-3px;bottom:-3px;box-shadow:0 0 0 2px var(--bg)}
:root[data-ui] #shell[data-r="people"] #main .box{border:0;background:transparent;box-shadow:none;border-radius:0;margin:0}
:root[data-ui] #shell[data-r="people"] #main .box .row+.row{border-top:0}
.k70-lkl.box{border:0;background:transparent;box-shadow:none;margin:0}
.k70-lkl .row+.row{border-top:0!important}

/* --- liste öğeleri ilk çizimde kademeli belirir (yeniden çizimde main.enter yok, tekrar oynamaz) --- */
:root[data-ui] main.enter :is(.box>.row,.hrow>*,.notes>.nt,.hlr>*,.sr-flg>*,.sr-flr>*):nth-child(-n+12){animation-duration:var(--k70-d)!important}
:root[data-ui] main.enter .grid>.tile:nth-child(-n+15){animation-duration:var(--k70-d)!important}
:root[data-ui] main.enter>.sg{animation:k70Row var(--k70-d) var(--k70-e) both;animation-delay:calc(.03s * var(--k70i,0))}
@keyframes k70Row{from{opacity:0;transform:translate3d(0,10px,0)}}
:root[data-ui] main.enter>.sg:nth-of-type(2){--k70i:1}:root[data-ui] main.enter>.sg:nth-of-type(3){--k70i:2}:root[data-ui] main.enter>.sg:nth-of-type(4){--k70i:3}:root[data-ui] main.enter>.sg:nth-of-type(5){--k70i:4}:root[data-ui] main.enter>.sg:nth-of-type(6){--k70i:5}:root[data-ui] main.enter>.sg:nth-of-type(7){--k70i:6}:root[data-ui] main.enter>.sg:nth-of-type(8){--k70i:7}

/* --- Ayarlar: Instagram listesi, gruplar yükseklik + saydamlıkla açılır (ışınlanmaz) --- */
:root[data-ui] #shell[data-r="settings"] #main .setq{padding:2px 16px 8px}
:root[data-ui] #shell[data-r="settings"] #main .setq .in{border:0;border-radius:12px;background-color:var(--surface-2);box-shadow:none;min-height:2.6rem}
:root[data-ui] #shell[data-r="settings"] #main .setprof{margin:4px 16px 10px;width:calc(100% - 32px);border-radius:16px;box-shadow:none;border:1px solid var(--k6-hair)}
:root[data-ui] #main .sg{display:grid;grid-template-rows:auto 0fr;align-content:start;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;transition:grid-template-rows var(--k70-d) var(--k70-e)}
:root[data-ui] #main .sg.open{grid-template-rows:auto 1fr}
:root[data-ui] #main .sg-h{position:relative;gap:14px;padding:12px 16px;min-height:3.6rem;border-radius:0}
:root[data-ui] #main .sg-h>.i:first-child{width:1.55rem;height:1.55rem;color:var(--fg);stroke-width:1.7}
:root[data-ui] #main .sg-h b{font:500 .97rem/1.25 var(--f-body)}
:root[data-ui] #main .sg-h small{font-size:.78rem}
:root[data-ui] #main .sg-h>.i:last-child{width:1.15rem;height:1.15rem;stroke-width:2;transition:transform var(--k70-d) var(--k70-sp)}
:root[data-ui] #main .sg.open .sg-h>.i:last-child{transform:rotate(90deg)}
:root[data-ui] #main .sg-b{display:block!important;min-height:0;overflow:hidden;padding:0;border-top:0;opacity:0;visibility:hidden;transform:translate3d(0,-6px,0);transition:opacity calc(var(--k70-d) * .7) ease,transform var(--k70-d) var(--k70-e),visibility 0s linear var(--k70-d)}
:root[data-ui] #main .sg.open .sg-b{opacity:1;visibility:visible;transform:none;transition:opacity var(--k70-d) ease calc(var(--k70-d) * .15),transform var(--k70-d) var(--k70-e),visibility 0s}
:root[data-ui] #main .sg-b>:first-child{margin-top:2px!important}
:root[data-ui] #main .sg-b>:last-child{margin-bottom:12px!important}
:root[data-ui] #main.sgq .sg{grid-template-rows:auto 1fr;transition:none}
:root[data-ui] #main.sgq .sg-b{opacity:1;visibility:visible;transform:none;transition:none}
:root[data-ui] #main .sg .set,:root[data-ui] #main .sg .sxs .set{margin-left:16px;margin-right:16px;border-radius:14px;border:1px solid var(--k6-hair);box-shadow:none;background:var(--surface)}
:root[data-ui] #main .sg .sg-b>.box{margin:8px 16px;border-radius:14px;box-shadow:none}
:root[data-ui] #shell[data-r="settings"] #main .sxh{margin:14px 32px 6px;font:600 .74rem/1 var(--f-body);color:var(--muted)}
:root[data-ui][data-mode] #shell[data-r="settings"] .sic{width:28px;height:28px;border-radius:0;background:transparent!important;color:var(--fg)!important;box-shadow:none!important}
:root[data-ui][data-mode] #shell[data-r="settings"] .sic svg.i{width:22px;height:22px;stroke-width:1.75}
:root[data-ui] #shell[data-r="settings"] .sxs .srow::after{left:56px}
:root[data-ui] #shell[data-r="settings"] #main>.sxs:not(.sg .sxs) .set{margin:0 16px 12px;border-radius:14px;box-shadow:none}

/* --- pencereler: süre ayardan; alttan yaylı açılış, hızlı kapanış --- */
:root[data-ui] .scrim{animation-duration:calc(var(--k70-d) * .8)}
:root[data-ui] .sheet{border-radius:20px 20px 0 0;animation:k70Sheet var(--k70-d) cubic-bezier(.2,.95,.25,1) both}
@keyframes k70Sheet{from{transform:translate3d(0,100%,0)}}
:root[data-ui] .sheet .grab{width:36px;height:4px;margin:8px auto 4px}
:root[data-ui] #overlay .sheet .body>.opt{animation-duration:var(--k70-d)}
:root[data-ui] .dialog{border-radius:20px;animation:k70Dlg var(--k70-d) var(--k70-sp) both}
@keyframes k70Dlg{from{opacity:0;scale:.86}}
:root[data-ui] .full{animation-duration:var(--k70-d)}
:root[data-ui] #vzGhosts .sheet{animation:k6SheetOut min(.24s,var(--k70-d)) cubic-bezier(.4,0,1,1) forwards}
:root[data-ui] #vzGhosts .dialog{animation:vzDlgOut min(.2s,var(--k70-d)) ease forwards}
:root[data-ui] #vzGhosts .scrim{animation:vzOut min(.22s,var(--k70-d)) ease forwards}
:root[data-ui] .toast{animation-duration:var(--k70-d)}

/* --- resim yüklenirken iskelet: düz yer tutucu + ışıltı (k6Img) --- */
:root[data-ui] #main .k6-ld{background:var(--surface-2)}
:root[data-ui] #main .k70c .media.k6-ld{min-height:220px}

/* --- tablet: Akış ve listeler ortada dar sütun (Instagram gibi) --- */
@media (min-width:700px) and (max-width:899px){
 :root[data-ui] #shell:is([data-r="feed"],[data-r="post"],[data-r="activity"],[data-r="settings"],[data-r="people"],[data-r="edit"]) main:not(.snap){padding-left:calc((100% - 600px) / 2);padding-right:calc((100% - 600px) / 2)}
 :root[data-ui] #shell:is([data-r="profile"],[data-r="explore"]) main:not(.snap){padding-left:calc((100% - 720px) / 2);padding-right:calc((100% - 720px) / 2)}
 :root[data-ui] #shell:is([data-r="feed"],[data-r="post"],[data-r="activity"],[data-r="settings"],[data-r="people"],[data-r="edit"]) .hd{padding-left:max(16px,calc((100% - 600px) / 2 + 12px));padding-right:max(16px,calc((100% - 600px) / 2 + 12px))}
}
@media (min-width:700px){:root[data-ui] #main .card.k70c{border:1px solid var(--k6-hair);border-radius:10px;padding-bottom:12px;overflow:hidden}:root[data-ui] #main .k70c .card-h .av{--s:36px!important}}

/* --- hareket azaltılmışsa --- */
html.reduce-motion .sv[class*="k70-"]{animation:none!important}
html.reduce-motion #k70Gh{display:none}
html.reduce-motion #main .sg,html.reduce-motion #main .sg-b,html.reduce-motion #main .sg-h>.i{transition:none!important}
@media (prefers-reduced-motion:reduce){.sv[class*="k70-"]{animation:none!important}#k70Gh{display:none}#main .sg,#main .sg-b{transition:none!important}}
/*}@css:70UI*/
/*@css:70CHAT{*/
/* 7.0 sohbet (70CHAT): Instagram gibi liste, yazma çubuğu geçişleri, birleşik balonlar, ayrıntılar. Süreler --k69-d'den. */
:root{--k70-t:calc(var(--k69-d,.35s) * .6)}
html.reduce-motion{--k70-t:.01s}
@media (prefers-reduced-motion:reduce){:root{--k70-t:.01s}}
/* --- yazma çubuğu: mikrofon ↔ gönder --- */
.composer.k70c{position:relative}
#main #composer.k693.k70c #sendBtn{position:relative;overflow:hidden;display:grid;place-items:center;transition:background-color var(--k70-t) ease,color var(--k70-t) ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow var(--k70-t) ease}
#sendBtn .k70-ic{grid-area:1/1;display:grid;place-items:center;transition:opacity var(--k70-t) ease,transform var(--k70-t) cubic-bezier(.3,1.35,.5,1)}
#sendBtn .k70-ic svg.i{width:1.3rem;height:1.3rem}
#sendBtn .k70-snd{opacity:0;transform:rotate(-90deg) scale(.35)}
.composer.k693-has #sendBtn .k70-snd{opacity:1;transform:none}
.composer.k693-has #sendBtn .k70-mic{opacity:0;transform:rotate(90deg) scale(.35)}
#main #composer.k70c #sendBtn.k70-hold{transform:scale(.86)}
#main #composer.k70c #sendBtn.k70-hold::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2.5px rgba(255,255,255,.85);animation:k70Hold .45s linear both}
@keyframes k70Hold{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.composer.k693.k70c .k693-tools{display:flex!important;overflow:hidden;max-width:126px;opacity:1;transform:none;visibility:visible;transition:max-width var(--k70-t) cubic-bezier(.2,.8,.2,1),opacity var(--k70-t) ease,transform var(--k70-t) ease,visibility 0s}
.composer.k693.k70c.k693-has .k693-tools{max-width:0;opacity:0;transform:translateX(12px) scale(.9);visibility:hidden;pointer-events:none;transition:max-width var(--k70-t) cubic-bezier(.2,.8,.2,1),opacity calc(var(--k70-t) * .7) ease,transform var(--k70-t) ease,visibility 0s linear var(--k70-t)}
.composer.k693.k70c .k693-tools .ib{flex:none}
.composer.k693.k70c .k693-cam{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.composer.k693.k70c .k693-cam:active{transform:scale(.9)}
.k70-tip{position:absolute;right:8px;bottom:calc(100% + 8px);z-index:31;max-width:min(260px,80vw);padding:8px 12px;border-radius:14px;background:var(--fg);color:var(--bg);font:600 .78rem/1.3 var(--f-body);box-shadow:0 10px 26px -12px rgba(0,0,0,.5);animation:k70TipIn var(--k69-d,.35s) cubic-bezier(.2,1.2,.4,1) both;cursor:pointer}
.k70-tip::after{content:"";position:absolute;right:18px;top:100%;border:6px solid transparent;border-top-color:var(--fg)}
.k70-tip.out{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
@keyframes k70TipIn{from{opacity:0;transform:translateY(8px) scale(.94)}}
/* --- sohbet listesi --- */
#top h1.k70-un{cursor:pointer;-webkit-tap-highlight-color:transparent}
#top h1.k70-un .k70-dn{display:inline-block;vertical-align:-.1em;margin-left:4px;transform:rotate(90deg);color:var(--muted);line-height:0}
#top h1.k70-un .k70-dn svg.i{width:1rem;height:1rem}
.k70l .k70-sr{padding:2px 12px 12px}
.k70l .k70-sr .in{border-radius:14px;border-color:transparent;background-color:var(--surface-2);box-shadow:none}
.k70l .square[data-chat="meydan"]{padding:12px 14px;gap:12px}
.k70l .square[data-chat="meydan"] .ic{width:44px;height:44px;border-radius:50%}
.k70l .notes .av img,.k70l .row .av img,.k70l .k70-ppl .av img{border-radius:50%}
.k70l .notes .nb{border-radius:18px;box-shadow:0 4px 14px -8px rgba(0,0,0,.35)}
:root .k70l .box{background:transparent;border:0;box-shadow:none;border-radius:0;margin:0 0 6px;overflow:visible}
:root .k70l .box .row{padding:8px 16px;border-top:0;border-radius:0;position:relative;transition:background-color .15s}
:root .k70l .box .row+.row{border-top:0}
.k70l .row .av{--s:56px!important}
.k70l .row .t>div:first-child b{font-weight:600}
.k70l .row .t .s{font-size:.84rem;margin-top:2px}
.k70l .row.unread .t>div:first-child b{font-weight:800}
.k70l .row.unread .t .s{color:var(--fg);font-weight:700}
.k70l .row .udot{order:9;margin-left:2px}
.k70-cam{order:10;flex:none;width:40px;height:40px;margin-right:-8px;display:grid;place-items:center;border-radius:50%;color:var(--muted);cursor:pointer;transition:transform .15s,background-color .15s,color .15s}
.k70-cam svg.i{width:1.45rem;height:1.45rem}
.k70-cam:hover{color:var(--fg);background:var(--surface-2)}.k70-cam:active{transform:scale(.88)}
.k70l.k70-q>.notes,.k70l.k70-q>.sec-h,.k70l.k70-q>.hrow,.k70l.k70-q>.empty:not(.k70-none){display:none}
.k70l .k70-none{padding:24px}
/* sohbet üst çubuğu ve tanıtım bölümünde fotoğraf yuvarlak (Instagram gibi) */
#top .chat-head .av img,#main #msgs .hero .av img,#main #msgs .avb .av img,#main #msgs .mn-ty .av img{border-radius:50%}
/* --- sohbet ekranı: Instagram gibi birleşik balonlar (bub69 "k" köşeli seçenek dokunulmaz) --- */
:root:not([data-bub69="k"]) #main #msgs .mrow .msg{border-radius:20px}
/* DM: devam eden mesajda .dmav-sp, son mesajda .dmav; grup/Meydan: devam eden mesajda ilk çocuk boş span (gönderen yok). :has iç içe yazılamaz. */
:root:not([data-bub69="k"]) #main #msgs .mrow[data-k]:not(.me):has(>.dmav-sp) .msg{border-bottom-left-radius:5px}
:root:not([data-bub69="k"]) #main #msgs .mrow[data-k]:not(.me):not(:has(>.dmav,>.dmav-sp)):has(+.mrow[data-k]:not(.me)>span:first-child:not(.dmav-sp)) .msg{border-bottom-left-radius:5px}
:root:not([data-bub69="k"]) #main #msgs .mrow[data-k]:not(.me):has(>.dmav-sp)+.mrow[data-k]:not(.me) .msg{border-top-left-radius:5px}
:root:not([data-bub69="k"]) #main #msgs .mrow[data-k]:not(.me):has(>span:first-child:not(.dmav-sp)) .msg{border-top-left-radius:5px}
:root:not([data-bub69="k"]) #main #msgs .mrow.me[data-k]+.mrow.me[data-k] .msg{border-top-right-radius:5px}
:root:not([data-bub69="k"]) #main #msgs .mrow.me[data-k]:has(+.mrow.me[data-k]) .msg{border-bottom-right-radius:5px}
/* aynı kişinin art arda mesajları sıkı */
#main #msgs .mrow[data-k]:not(.me):has(>.dmav-sp)+.mrow[data-k]:not(.me),
#main #msgs .mrow[data-k]:not(.me):has(>span:first-child:not(.dmav-sp)),
#main #msgs .mrow.me[data-k]+.mrow.me[data-k]{margin-top:-4px}
#main #msgs .mrow.has-react+.mrow[data-k]{margin-top:0!important}
#main #msgs .stamp:not(.sysn){font:600 .7rem/1.3 var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted);margin:14px 0 6px}
#main #msgs .react{border:2px solid var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.12);padding:1px 6px}
#main #msgs .quote{border-left:0;border-radius:14px;padding:7px 11px;opacity:.92}
#main #msgs .typing{border-radius:20px}
/* DM: görüldü fotoğrafının yanında "Görüldü" */
#main #msgs.k70dm .seenrow:not(.sr-ph) .seenav{overflow:visible;position:relative}
#main #msgs.k70dm .seenrow:not(.sr-ph) .seenav img{border-radius:50%}
#main #msgs.k70dm .seenrow:not(.sr-ph) .seenav:last-child::before{content:"Görüldü";position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);font:500 .7rem/1 var(--f-body);color:var(--muted);white-space:nowrap;pointer-events:none}
/* sesli mesaj: dalga çizgisi */
#msgs .audm .bar{height:22px;border-radius:0;background:rgba(127,127,127,.42);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='8' width='2.5' height='6' rx='1.25'/%3E%3Crect x='4' y='5' width='2.5' height='12' rx='1.25'/%3E%3Crect x='8' y='1' width='2.5' height='20' rx='1.25'/%3E%3Crect x='12' y='6' width='2.5' height='10' rx='1.25'/%3E%3Crect x='16' y='9' width='2.5' height='4' rx='1.25'/%3E%3Crect x='20' y='4' width='2.5' height='14' rx='1.25'/%3E%3Crect x='24' y='0' width='2.5' height='22' rx='1.25'/%3E%3Crect x='28' y='7' width='2.5' height='8' rx='1.25'/%3E%3Crect x='32' y='3' width='2.5' height='16' rx='1.25'/%3E%3Crect x='36' y='6' width='2.5' height='10' rx='1.25'/%3E%3Crect x='40' y='2' width='2.5' height='18' rx='1.25'/%3E%3Crect x='44' y='8' width='2.5' height='6' rx='1.25'/%3E%3C/g%3E%3C/svg%3E") left center/48px 22px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='8' width='2.5' height='6' rx='1.25'/%3E%3Crect x='4' y='5' width='2.5' height='12' rx='1.25'/%3E%3Crect x='8' y='1' width='2.5' height='20' rx='1.25'/%3E%3Crect x='12' y='6' width='2.5' height='10' rx='1.25'/%3E%3Crect x='16' y='9' width='2.5' height='4' rx='1.25'/%3E%3Crect x='20' y='4' width='2.5' height='14' rx='1.25'/%3E%3Crect x='24' y='0' width='2.5' height='22' rx='1.25'/%3E%3Crect x='28' y='7' width='2.5' height='8' rx='1.25'/%3E%3Crect x='32' y='3' width='2.5' height='16' rx='1.25'/%3E%3Crect x='36' y='6' width='2.5' height='10' rx='1.25'/%3E%3Crect x='40' y='2' width='2.5' height='18' rx='1.25'/%3E%3Crect x='44' y='8' width='2.5' height='6' rx='1.25'/%3E%3C/g%3E%3C/svg%3E") left center/48px 22px repeat-x}
#msgs .audm .bar i{background:currentColor}
/* çift dokunma tepkisi */
.k70-burst{position:fixed;z-index:60;width:68px;height:68px;margin:-34px 0 0 -34px;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));animation:k70Burst .8s cubic-bezier(.2,1.3,.4,1) both}
.k70-burst svg.rx{width:100%;height:100%}
@keyframes k70Burst{0%{opacity:0;transform:scale(.2)}28%{opacity:1;transform:scale(1.18)}55%{transform:scale(.96)}75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-26px) scale(.9)}}
/* --- sohbet ayrıntıları --- */
.cinfo .ci-top .av img{border-radius:50%}
.cinfo .ci-top .nm{font-family:var(--f-body);font-weight:700}
:root .cinfo .ci-list{background:transparent;border:0;box-shadow:none;margin-left:0;margin-right:0}
:root .cinfo .ci-row{border-top:0;padding:12px 20px;border-radius:0;transition:background-color .15s}
.cinfo .ci-row:active{background:var(--surface-2)}
:root .cinfo .ci-row .ic{background:transparent!important;color:var(--fg);width:1.6rem;height:1.6rem;border-radius:0}
.cinfo .ci-row .ic svg.i{width:1.45rem;height:1.45rem}
:root .full.cinfo.k70-in{animation:k70CiIn var(--k69-d,.35s) cubic-bezier(.2,.9,.25,1) both}
.cinfo.k70-in .body>*{animation:k70Up var(--k69-d,.35s) cubic-bezier(.2,.9,.25,1) both}
.cinfo.k70-in .body>:nth-child(2){animation-delay:calc(var(--k69-d,.35s) * .12)}
.cinfo.k70-in .body>:nth-child(3){animation-delay:calc(var(--k69-d,.35s) * .22)}
.cinfo.k70-in .body>:nth-child(n+4){animation-delay:calc(var(--k69-d,.35s) * .32)}
@keyframes k70CiIn{from{opacity:0;transform:translateX(32px)}}
@keyframes k70Up{from{opacity:0;transform:translateY(14px)}}
html.reduce-motion .cinfo.k70-in,html.reduce-motion .cinfo.k70-in .body>*,html.reduce-motion .k70-tip{animation:none}
@media (prefers-reduced-motion:reduce){.cinfo.k70-in,.cinfo.k70-in .body>*,.k70-tip,.k70-burst{animation:none}}
/*}@css:70CHAT*/
/*@css:70FXB{*/
/* Hikâyede parmakla kaydırma (70UI k70SvDrag): touch-action yoktu, telefon kaydırmayı kendisi üstlenip pointercancel gönderiyordu;
   aşağı kaydırıp kapatma ve yana kaydırıp kişi değiştirme dokunmatik ekranda hiç çalışmıyordu. */
#overlay [data-layer="story"] .sv{touch-action:none}
/*}@css:70FXB*/
/*@css:70FXA{*/
/* sohbet üst çubuğu: uzun kullanıcı adı kısalır, hesap oku görünür kalır */
#top h1.k70-un .k70-unt{display:inline-block;max-width:calc(100% - 1.4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
/*}@css:70FXA*/
/*@css:70ZIRVE{*/
/* 7.0 bölgesi 70ZIRVE: açılış (yalnızca logo), Neler yeni hikâye sunumu, Zirve (31 Mart 2027) */
/* --- 1) Açılış: köşeler çizilir, K çizilir, turuncu nokta düşüp zıplar (≈1,05 sn); sonsuz animasyon yok --- */
#intro .in-glow{animation:k70Glow .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes k70Glow{from{opacity:0;transform:scale(.4)}}
#intro .in-vf{animation:k70Mark .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes k70Mark{from{transform:scale(.78) rotate(-12deg)}}
#intro .in-vf path{animation:k70Draw .36s cubic-bezier(.65,0,.35,1) both}
#intro .in-vf path:nth-of-type(1){animation-delay:0s}#intro .in-vf path:nth-of-type(2){animation-delay:.07s}#intro .in-vf path:nth-of-type(3){animation-delay:.14s}#intro .in-vf path:nth-of-type(4){animation-delay:.21s}
#intro .in-vf path:nth-of-type(5){animation-duration:.24s;animation-delay:.36s}#intro .in-vf path:nth-of-type(6){animation-duration:.22s;animation-delay:.5s}#intro .in-vf path:nth-of-type(7){animation-duration:.2s;animation-delay:.6s}
@keyframes k70Draw{from{stroke-dashoffset:1;opacity:0}12%{opacity:1}}
#intro .in-vf .in-dot{animation:k70Dot .42s cubic-bezier(.3,0,.5,1) .64s both,k70Beat 1.8s ease-in-out 1.7s 5}
@keyframes k70Dot{0%{opacity:0;transform:translateY(-480%) scale(.5)}25%{opacity:1}58%{transform:translateY(0) scale(1.35,.7)}74%{transform:translateY(-90%) scale(.9,1.12)}88%{transform:translateY(0) scale(1.1,.92)}100%{opacity:1;transform:none}}
@keyframes k70Beat{50%{scale:1.18}}
#intro .in-ring{animation:k70Ring .55s cubic-bezier(.2,.7,.3,1) .9s both}
@keyframes k70Ring{0%{opacity:0;transform:scale(1)}1%{opacity:.95}to{opacity:0;transform:scale(3.6)}}
/* "yükleniyor" yazısı yok; yalnızca 12 sn'de "Yeniden dene" çıkarsa açıklama görünür */
#intro.slow #splashMsg{opacity:0}
#intro:has(#introRetry:not([hidden])) #splashMsg{opacity:1}

/* --- 2) Neler yeni: hikâye sunumu --- */
.layer[data-layer="whatsnew"] .k70s-bk{position:absolute;inset:0;background:#000;pointer-events:auto;animation:fade .2s ease both}
.full.k70s{max-width:480px;background:#000;color:#fff;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;transition:transform .2s,opacity .2s}
@media (min-width:560px){.full.k70s{top:16px;bottom:16px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}}
.k70s-bars{position:absolute;z-index:4;left:10px;right:10px;top:calc(env(safe-area-inset-top,0px) + 10px);display:flex;gap:4px;transition:opacity .2s}
.k70s-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}
.k70s-bars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}
.k70s-top{position:absolute;z-index:4;left:14px;right:6px;top:calc(env(safe-area-inset-top,0px) + 18px);display:flex;align-items:center;justify-content:space-between;transition:opacity .2s}
.k70s-lg{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.k70s-lg .vfmark{width:22px;height:22px}
.k70s-x{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:50%}
.k70s-x .i{width:24px;height:24px}
.k70s.hold .k70s-bars,.k70s.hold .k70s-top,.k70s.hold .k70s-nv{opacity:0}
.k70s-st{position:absolute;inset:0}
.k70s-c{position:absolute;inset:0;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 76px) 26px calc(env(safe-area-inset-bottom,0px) + 48px);background:var(--g);opacity:0;transform:translateX(9%) scale(.97);
 transition:opacity var(--k69-d,.4s) ease,transform var(--k69-d,.4s) cubic-bezier(.2,.8,.2,1);pointer-events:none;overflow:hidden}
.k70s-c::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.2),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42));pointer-events:none}
.k70s-c.past{transform:translateX(-9%) scale(.97)}
.k70s-c.on{opacity:1;transform:none;pointer-events:auto}
.k70s-in{position:relative;width:100%;max-width:380px;text-align:center}
.k70s-it,.k70s-cv{display:grid;justify-items:center;gap:12px}
.k70s-in h2{margin:0;font:700 1.7rem/1.15 var(--f-display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}
.k70s-in p{margin:0;font-size:1.02rem;line-height:1.45;opacity:.93;text-wrap:pretty}
.k70s-in small{font-size:.78rem;font-weight:700;letter-spacing:.04em;opacity:.8;text-transform:uppercase}
.k70s-ic{position:relative;width:128px;height:128px;margin-bottom:10px;border-radius:40px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.38);box-shadow:0 20px 50px rgba(0,0,0,.25);display:grid;place-items:center;color:#fff}
.k70s-ic>.i{width:62px;height:62px;stroke-width:1.8}
.k70s-ring{position:absolute;inset:-6px;border-radius:46px;border:2px solid rgba(255,255,255,.75);opacity:0;pointer-events:none}
.k70s-sp{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;opacity:0;pointer-events:none}
.k70s-sp.s1{left:6%;top:8%;--x:-30px;--y:-28px;--d:.4s}.k70s-sp.s2{right:4%;top:14%;--x:32px;--y:-22px;--d:.5s;width:7px;height:7px}
.k70s-sp.s3{right:10%;bottom:6%;--x:28px;--y:30px;--d:.6s}.k70s-sp.s4{left:10%;bottom:10%;--x:-26px;--y:26px;--d:.55s;width:6px;height:6px}
.k70s-c.on .k70s-ic{animation:k70Pop calc(var(--k69-d,.5s)*1.6) cubic-bezier(.3,1.6,.5,1) both}
.k70s-c.on .k70s-ic>.i{animation:k70Wig .9s ease-in-out calc(var(--k69-d,.5s) + .1s) both}
.k70s-c.on .k70s-ring{animation:k70Rg .9s ease-out .3s both}
.k70s-c.on .k70s-sp{animation:k70Sp 1s ease-out var(--d) both}
.k70s-c.on h2{animation:k70Up var(--k69-d,.5s) ease .12s both}
.k70s-c.on p,.k70s-c.on small{animation:k70Up var(--k69-d,.5s) ease .2s both}
.k70s-c.on .k70s-go,.k70s-c.on .k70s-ls{animation:k70Up var(--k69-d,.5s) ease .3s both}
@keyframes k70Pop{from{opacity:0;transform:scale(.3) rotate(-25deg)}}
@keyframes k70Wig{30%{transform:rotate(-10deg) scale(1.08)}60%{transform:rotate(8deg)}}
@keyframes k70Rg{from{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.45)}}
@keyframes k70Sp{0%{opacity:0;transform:scale(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}
@keyframes k70Up{from{opacity:0;transform:translateY(14px)}}
.k70s-go{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:1rem;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.k70s-go .i{width:18px;height:18px}
.k70s-ls{padding:8px 12px;color:rgba(255,255,255,.88);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.k70s-vf{width:108px;height:108px;overflow:visible}
.k70s-vf path{fill:none;stroke:#fff;stroke-dasharray:1 1}
.k70s-dot{fill:#FFB020;transform-box:fill-box;transform-origin:center}
.k70s-c.on .k70s-vf path{animation:k70Draw .5s cubic-bezier(.65,0,.35,1) both}
.k70s-c.on .k70s-vf path:nth-of-type(n+5){animation-delay:.35s}
.k70s-c.on .k70s-dot{animation:k70Dot .45s cubic-bezier(.3,0,.5,1) .6s both}
.k70s-badge{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.8rem;font-weight:700;margin-top:8px}
.k70s-name{font-weight:600;opacity:.9}
.k70s-c.on .k70s-badge,.k70s-c.on .k70s-name{animation:k70Up var(--k69-d,.5s) ease .25s both}
.k70s-mini{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:6px}
.k70s-mini span{width:52px;height:52px;border-radius:17px;background:var(--g,rgba(255,255,255,.2));display:grid;place-items:center;border:1px solid rgba(255,255,255,.3)}
.k70s-mini .i{width:26px;height:26px}
.k70s-c.on .k70s-mini span{animation:k70Pop calc(var(--k69-d,.5s)*1.3) cubic-bezier(.3,1.6,.5,1) calc(var(--i)*70ms) both}
.k70s-nv{position:absolute;z-index:4;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;background:rgba(0,0,0,.28);color:#fff;display:none;place-items:center;transition:opacity .2s}
.k70s-nv.p{left:10px}.k70s-nv.n{right:10px}.k70s-nv .i{width:22px;height:22px}
@media (hover:hover) and (pointer:fine) and (min-width:560px){.k70s-nv{display:grid}}
html.reduce-motion .k70s *{animation:none!important;transition:none!important}

/* --- 3) Zirve --- */
.zrc{position:relative;display:flex;gap:12px;align-items:center;margin:4px 16px 12px;padding:12px 12px 12px 10px;border-radius:20px;overflow:hidden;
 background:linear-gradient(135deg,color-mix(in srgb,#ff9f43 13%,var(--surface)),color-mix(in srgb,#7c5cff 14%,var(--surface)));border:1px solid var(--line)}
.zr-art{width:84px;height:76px;flex:none;overflow:visible}
.zr-art .zr-far{fill:#a99be0;opacity:.45}.zr-art .zr-pk{fill:#4b3b7a}.zr-art .zr-snow{fill:#fff}
:root[data-mode="dark"] .zr-art .zr-pk{fill:#6c58b0}
.zr-art .zr-tr{fill:none;stroke:#ff8a3d;stroke-width:3;stroke-linecap:round;stroke-dasharray:.035 .025}
.zr-art .zr-fl{color:var(--fg)}
.zr-art .zr-me{fill:#fff;stroke:#ee5a6f;stroke-width:3}
.zrc .t{flex:1;min-width:0;display:grid;gap:4px;padding-right:22px;text-align:left;justify-items:start}
.zrc .t small{font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
.zrc .t>b{font:700 1.05rem/1.2 var(--f-display);letter-spacing:-.01em}
.zrc .t>span{font-size:.86rem;line-height:1.35}
.zrc .bt{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.zrc .bt .btn .i{width:16px;height:16px}
.zrc .x{position:absolute;top:4px;right:4px;width:34px;height:34px;display:grid;place-items:center;color:var(--muted);border-radius:50%}
.zrc .x .i{width:18px;height:18px}
.zr-cd{display:flex;flex-wrap:wrap;gap:6px}
.zr-cd>span{display:grid;justify-items:center;min-width:42px;padding:3px 6px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 85%,transparent);font-size:.64rem;color:var(--muted);line-height:1.15}
.zr-cd>span b{font:600 .98rem/1.2 var(--f-mono);color:var(--fg);font-variant-numeric:tabular-nums}
.zr-cd .zr-now b{font-family:var(--f-display)}
.zrc.day{background:linear-gradient(135deg,#ff9f43,#ee5a6f 55%,#7c5cff);color:#fff;border-color:transparent}
.zrc.day .t small,.zrc.day .x{color:rgba(255,255,255,.88)}
.zrc.day .btn{background:#fff!important;color:#b0285a!important}
.zrc.day .btn.sec{background:rgba(255,255,255,.2)!important;color:#fff!important}
.zrc.day .zr-art .zr-pk{fill:#2c1a52}.zrc.day .zr-art .zr-fl{color:#fff}
#k70Z .zr-cd{margin-top:5px}#k70Z .zr-cd>span{min-width:38px;padding:2px 5px}#k70Z .zr-cd>span b{font-size:.84rem}
.cf-ic.zr-ic{background:linear-gradient(135deg,#ff9f43,#ee5a6f 60%,#7c5cff);color:#fff}
.cf-ic.zr-ic2{background:#7c5cff;color:#fff}
/* mektup */
.zr-lt{display:grid;gap:10px;padding:2px 2px 16px}
.zr-lt h3{margin:0;text-align:center;font:700 1.15rem var(--f-display)}
.zr-lt>p{margin:0;text-align:center;font-size:.9rem;line-height:1.45}
.zr-lt>.zr-cd{justify-content:center}
.zr-hd{display:flex;gap:12px;align-items:center}
.zr-hd p{margin:0;font-size:.92rem;line-height:1.4}
.zr-art.sm{width:72px;height:66px}
.zr-ta{min-height:9rem;resize:vertical;line-height:1.45;padding-top:10px}
.zr-n{margin-top:-6px;text-align:right;font-size:.74rem;color:var(--muted)}
.zr-h{margin:8px 0 0;font-size:.92rem}
.zr-h small{font-weight:500;color:var(--muted);font-size:.78rem}
.zr-gl{display:grid;gap:8px}
.zr-g{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;background:var(--surface-2);text-align:left;font-size:.94rem}
.zr-g .ck{flex:none;width:24px;height:24px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center}
.zr-g .ck .i{width:15px;height:15px;opacity:0;stroke-width:3}
.zr-g.ok .ck{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.zr-g.ok .ck .i{opacity:1}
.zr-g.ok>span:last-child{text-decoration:line-through;color:var(--muted)}
.zr-env svg{display:block;width:150px;height:140px;margin:0 auto}
.zr-env .e-b{fill:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}
.zr-env .e-t{fill:color-mix(in srgb,var(--accent) 50%,var(--surface));transform-box:view-box;transform-origin:60px 22px}
.zr-env .e-f{fill:color-mix(in srgb,var(--accent) 36%,var(--surface))}
.zr-env .e-p{opacity:0;transform:translateY(10px)}
.zr-env .e-p rect{fill:#fffaf0}.zr-env .e-p path{stroke:#d9c9ad;stroke-width:3;stroke-linecap:round}
.zr-env .e-s circle{fill:#c2412d}.zr-env .e-s path{fill:#ffd9cf}
.zr-env .e-s{transform-box:fill-box;transform-origin:center}
.zr-env.open .e-t{transform:scaleY(-1)}
.zr-env.open .e-p{opacity:1;transform:translateY(-22px)}
.zr-env.open .e-s{opacity:0}
.zr-env.anim .e-t{animation:k70Flap .5s ease both}
.zr-env.anim .e-p{animation:k70Paper .6s cubic-bezier(.2,.8,.2,1) .4s both}
.zr-env.anim .e-s{animation:k70SealO .3s ease both}
.zr-env.seal .e-s{animation:k70Stamp .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes k70Flap{from{transform:none}}
@keyframes k70Paper{from{opacity:0;transform:translateY(10px)}}
@keyframes k70SealO{from{opacity:1}}
@keyframes k70Stamp{from{opacity:0;transform:scale(2.4)}}
.zr-paper{background:#fffaf0;color:#2b2420;border-radius:16px;padding:16px 16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.12);border:1px solid #efe3cc}
.zr-paper small{color:#8a7a66;font-size:.78rem;font-weight:600}
.zr-tx{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.02rem;line-height:1.55}
.zr-env.anim+.zr-paper{animation:k70Up .5s ease .8s both}
/* ayrıntı */
.zr-inf{display:grid;gap:10px;padding-bottom:12px}
.zr-art.big{width:100%;max-width:220px;height:auto;aspect-ratio:220/200;margin:0 auto}
.zr-big{display:grid;justify-items:center;gap:6px;text-align:center}
.zr-big small{color:var(--muted);font-weight:600}
.zr-big .zr-cd{justify-content:center}
.zr-big .zr-cd>span{min-width:58px;padding:6px 8px;border-radius:14px;font-size:.72rem}
.zr-big .zr-cd>span b{font-size:1.45rem}
.zr-bar{height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden}
.zr-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9f43,#ee5a6f,#7c5cff)}
.zr-pc{margin:0;text-align:center;font-size:.8rem}
/* rozet */
.zrbadge{display:inline-flex;width:fit-content;align-items:center;gap:6px;margin:8px 6px 2px 0;padding:5px 12px 5px 9px;border-radius:999px;background:linear-gradient(135deg,#ff9f43,#ee5a6f 55%,#7c5cff);color:#fff;font-size:.82rem;font-weight:700}
.zrbadge .i{width:16px;height:16px}
/* kutlama */
.full.zr-cel{max-width:none;background:#0b0820;color:#fff;overflow:hidden}
.zr-sky{position:absolute;inset:0;background:linear-gradient(180deg,#120d2e 0%,#2a1a55 30%,#7b2f73 55%,#e2577a 75%,#ffb36b 100%);background-size:100% 200%;background-position:0 70%;animation:k70Sky 2.4s ease-out both}
@keyframes k70Sky{from{background-position:0 0}}
.zr-scene{position:absolute;left:0;right:0;bottom:0;width:100%;height:64%}
.zr-scene .c-sun{transform-box:fill-box;transform-origin:center;animation:k70Sun 2.2s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes k70Sun{from{transform:translateY(90px) scale(.7);opacity:.2}}
.zr-scene .c-far{fill:#3a2163;opacity:.85}.zr-scene .c-pk{fill:#1a1030}.zr-scene .c-snow{fill:#f4eefe}
.zr-scene .c-tr{fill:none;stroke:#ffd166;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 1;animation:k70Tr 1.5s cubic-bezier(.45,.05,.3,1) .3s both}
@keyframes k70Tr{from{stroke-dashoffset:1}}
.zr-scene .c-me{fill:#fff;stroke:#ffd166;stroke-width:2.5}
.zr-scene .c-fl{transform-box:fill-box;transform-origin:0 100%;animation:k70Fl .5s cubic-bezier(.3,1.6,.5,1) 1.75s both}
@keyframes k70Fl{from{transform:scale(0)}}
.zr-fw{position:absolute;width:0;height:0;pointer-events:none}
.zr-fw i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--c);opacity:0;box-shadow:0 0 8px var(--c);animation:k70Fw 1.1s cubic-bezier(.15,.7,.3,1) var(--dl) backwards}
@keyframes k70Fw{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(1.2)}6%{opacity:1}70%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-72px) scale(.3)}}
.zr-ct{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 11vh) 24px calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center}
.zr-ct small{font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85;animation:k70Up .6s ease 1.5s both}
.zr-ct h2{margin:0;font:700 2.5rem/1.05 var(--f-display);letter-spacing:-.03em;text-shadow:0 6px 30px rgba(0,0,0,.35);animation:k70Up .6s cubic-bezier(.3,1.4,.5,1) 1.8s both}
.zr-ct p{margin:0;max-width:340px;font-size:1rem;line-height:1.45;opacity:.95;animation:k70Up .6s ease 2.05s both}
.zr-cb{margin-top:auto;width:100%;max-width:380px;display:grid;gap:8px;animation:k70Up .6s ease 2.3s both}
.zr-cb .btn.sec{background:rgba(255,255,255,.16);color:#fff;border:0}
.zr-cb .btn.ghost{color:#fff}
.zr-cel.rm *,html.reduce-motion .zr-cel *{animation:none!important}
/* Zirve teması */
:root[data-accent="zirve"]{--k70-zg:linear-gradient(135deg,#FF9F43,#EE5A6F 55%,#7C5CFF)}
:root[data-accent="zirve"] .btn:not(.sec):not(.ghost):not(.danger):not(.line){background:var(--k70-zg);color:#fff}
:root[data-accent="zirve"] .dock .create{background:var(--k70-zg)!important;color:#fff}
.accg [data-v="zirve"] .dot{background:linear-gradient(135deg,#FF9F43,#EE5A6F 55%,#7C5CFF)!important}
@media (max-width:370px){.zrc .zr-art{width:66px;height:60px}.zr-cd>span{min-width:38px}}
/*}@css:70ZIRVE*/
/*@css:703{*/
/* 7.0.3: sohbet ayrıntıları sağdan kayarken #overlay yatay taşmasın; kapsül kartı yeni kart düzeninde tam genişlik */
#overlay{overflow-x:clip}
:root[data-ui] #main .card.capc.k70c .capk{margin:0;border-radius:0}
/*}@css:703*/
/*@css:704{*/
/* 7.0.4: çoklu profil fotoğrafı (profilde noktalar, Düzenle'de şerit) */
#main .prof-top{position:relative}
#main .prof-top>.av.k704-av{perspective:420px}
#main .prof-top>.av.k704-av img{backface-visibility:hidden;will-change:transform}
#main .k704-dots{position:absolute;left:0;top:calc(84px + 6px);width:84px;display:flex;justify-content:center;gap:4px;pointer-events:none}
#main .k704-dots i{width:5px;height:5px;border-radius:50%;background:var(--line);transition:background var(--k69-d,.3s),transform var(--k69-d,.3s)}
#main .k704-dots i.on{background:var(--accent);transform:scale(1.25)}
#main .k704-avs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}
#main .k704-t{position:relative;width:52px;height:52px;border-radius:50%;padding:0;border:2px solid var(--line);background:var(--surface-2);overflow:hidden;display:grid;place-items:center;color:var(--muted);transition:transform var(--k69-d,.3s)}
#main .k704-t:active{transform:scale(.92)}
#main .k704-t.main{border-color:var(--accent)}
#main .k704-t img{width:100%;height:100%;object-fit:cover}
#main .k704-t b{position:absolute;left:0;right:0;bottom:0;font:600 .58rem/1.5 var(--f-body);background:var(--accent);color:#fff;text-align:center}
#main .k704-t.add{border-style:dashed}
#main .k704-h{display:block;text-align:center;font-size:.75rem;margin-top:2px}
/*}@css:704*/
/*@css:7012{*/
/* 7.0.12: video indirme penceresi */
.dl12{padding:6px 16px 16px;display:grid;gap:12px}
.dl12-st{font-weight:600}
.dl12-bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.dl12-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s linear}
.dl12-act:empty{display:none}
.dl12-act .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none}
.dl12-n{font-size:.8rem;margin:0}.dl12-n a{color:var(--accent)}
/*}@css:7012*/
/*@css:7013A{*/
/* uzun profil şarkısı adı profil ızgarasını genişletmesin (sayfa yana kayıyordu) */
#main .prof{grid-template-columns:minmax(0,1fr)}
/* Kurgu başlığı açık temada da koyu zeminde (yazı ve kapat beyaz) */
.ked .hd{background:#0B0F0E}
/*}@css:7013A*/
/*@css:7013B{*/
/* 7.0.13 hata avı B: boşluksuz uzun ad grupta gönderen satırını/balonu ve DM tanıtım kartını yana taşırmasın */
#msgs .sender,#msgs .hero b,#msgs .hero span{overflow-wrap:anywhere;min-width:0;max-width:100%}
/*}@css:7013B*/
/*@css:7013C{*/
.schf,.zr-lt{padding-left:16px;padding-right:16px}
.k69-rx{flex-wrap:nowrap}
.k69-rx button{flex:1 1 0;min-width:0;max-width:48px;width:auto}
.k7013-rm{margin:-4px 0 4px;font-size:.82rem}
#main .reel .k7013-gone{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:600;font-size:.95rem;background:#000;z-index:1;pointer-events:none}
/*}@css:7013C*/