/* ============================================================
   Sözcük — premium tasarım (v3)
   Koyu & teknolojik · indigo/mor · glassmorphism
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');

/* ---------- KOYU (varsayılan) ---------- */
:root{
  --bg:#0b0d17;
  --bg-2:#0e1120;
  --panel:rgba(22,25,42,.72);
  --panel-solid:#161a2c;
  --panel-2:rgba(255,255,255,.04);
  --ink:#eef0f8;
  --ink-soft:#aab0c8;
  --muted:#6b7290;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.13);
  --accent:#7c6cff;
  --accent-2:#a06bff;
  --accent-3:#5b8cff;
  --accent-ink:#ffffff;
  --glow:0 0 0 1px rgba(124,108,255,.25), 0 8px 30px rgba(124,108,255,.18);
  --red:#ff5d73;
  --green:#36d399;
  --gold:#ffcf5c;
  --grad:linear-gradient(135deg,#7c6cff 0%,#a06bff 50%,#5b8cff 100%);
  --grad-soft:linear-gradient(135deg,rgba(124,108,255,.18),rgba(160,107,255,.10));
  --shadow:0 2px 8px rgba(0,0,0,.35),0 12px 40px rgba(0,0,0,.30);
  --shadow-lg:0 20px 60px rgba(0,0,0,.55);
  --radius:16px;
  --radius-sm:11px;
  --maxw:1160px;
  --topbar-h:62px;
  --catnav-h:49px;
  --rail-w:244px;
  --topbar-blur:saturate(180%) blur(14px);
}
/* ---------- AÇIK ---------- */
:root[data-theme="light"]{
  --bg:#f5f6fb;
  --bg-2:#edeff7;
  --panel:rgba(255,255,255,.85);
  --panel-solid:#ffffff;
  --panel-2:rgba(20,22,40,.035);
  --ink:#1a1d2e;
  --ink-soft:#4d5474;
  --muted:#8b91ab;
  --line:rgba(20,22,50,.09);
  --line-2:rgba(20,22,50,.14);
  --accent:#6c5ce7;
  --accent-2:#8e5cff;
  --accent-3:#3f7bff;
  --glow:0 0 0 1px rgba(108,92,231,.18), 0 10px 30px rgba(108,92,231,.16);
  --shadow:0 1px 3px rgba(30,30,60,.06),0 10px 34px rgba(30,30,60,.08);
  --shadow-lg:0 20px 50px rgba(30,30,60,.18);
}

/* ---------- RENK PALETLERİ (data-accent) ---------- */
/* indigo varsayılan zaten :root'ta. Diğerleri seçilince geçersiz kılar. */
:root[data-accent="emerald"]{--accent:#10b981;--accent-2:#34d399;--accent-3:#059669;
  --grad:linear-gradient(135deg,#10b981,#34d399 55%,#06b6d4);
  --grad-soft:linear-gradient(135deg,rgba(16,185,129,.18),rgba(52,211,153,.10));
  --glow:0 0 0 1px rgba(16,185,129,.25),0 8px 30px rgba(16,185,129,.20)}
:root[data-accent="ocean"]{--accent:#3b82f6;--accent-2:#22d3ee;--accent-3:#2563eb;
  --grad:linear-gradient(135deg,#2563eb,#3b82f6 50%,#22d3ee);
  --grad-soft:linear-gradient(135deg,rgba(59,130,246,.18),rgba(34,211,238,.10));
  --glow:0 0 0 1px rgba(59,130,246,.25),0 8px 30px rgba(59,130,246,.20)}
:root[data-accent="sunset"]{--accent:#f97316;--accent-2:#fb923c;--accent-3:#ef4444;
  --grad:linear-gradient(135deg,#ef4444,#f97316 55%,#fbbf24);
  --grad-soft:linear-gradient(135deg,rgba(249,115,22,.20),rgba(239,68,68,.10));
  --glow:0 0 0 1px rgba(249,115,22,.28),0 8px 30px rgba(249,115,22,.22)}
:root[data-accent="rose"]{--accent:#ec4899;--accent-2:#f472b6;--accent-3:#d946ef;
  --grad:linear-gradient(135deg,#d946ef,#ec4899 55%,#fb7185);
  --grad-soft:linear-gradient(135deg,rgba(236,72,153,.20),rgba(217,70,239,.10));
  --glow:0 0 0 1px rgba(236,72,153,.28),0 8px 30px rgba(236,72,153,.22)}
:root[data-accent="teal"]{--accent:#14b8a6;--accent-2:#2dd4bf;--accent-3:#0ea5e9;
  --grad:linear-gradient(135deg,#0ea5e9,#14b8a6 55%,#2dd4bf);
  --grad-soft:linear-gradient(135deg,rgba(20,184,166,.18),rgba(14,165,233,.10));
  --glow:0 0 0 1px rgba(20,184,166,.25),0 8px 30px rgba(20,184,166,.20)}
:root[data-accent="crimson"]{--accent:#f43f5e;--accent-2:#fb7185;--accent-3:#e11d48;
  --grad:linear-gradient(135deg,#e11d48,#f43f5e 55%,#fb7185);
  --grad-soft:linear-gradient(135deg,rgba(244,63,94,.20),rgba(225,29,72,.10));
  --glow:0 0 0 1px rgba(244,63,94,.28),0 8px 30px rgba(244,63,94,.22)}
:root[data-accent="gold"]{--accent:#f59e0b;--accent-2:#fbbf24;--accent-3:#d97706;
  --grad:linear-gradient(135deg,#d97706,#f59e0b 55%,#fcd34d);
  --grad-soft:linear-gradient(135deg,rgba(245,158,11,.20),rgba(217,119,6,.10));
  --glow:0 0 0 1px rgba(245,158,11,.28),0 8px 30px rgba(245,158,11,.22)}
:root[data-accent="violet"]{--accent:#8b5cf6;--accent-2:#c084fc;--accent-3:#a855f7;
  --grad:linear-gradient(135deg,#7c3aed,#8b5cf6 55%,#c084fc);
  --grad-soft:linear-gradient(135deg,rgba(139,92,246,.20),rgba(192,132,252,.10));
  --glow:0 0 0 1px rgba(139,92,246,.26),0 8px 30px rgba(139,92,246,.20)}
:root[data-accent="slate"]{--accent:#64748b;--accent-2:#94a3b8;--accent-3:#475569;
  --grad:linear-gradient(135deg,#475569,#64748b 55%,#94a3b8);
  --grad-soft:linear-gradient(135deg,rgba(100,116,139,.18),rgba(148,163,184,.10));
  --glow:0 0 0 1px rgba(100,116,139,.25),0 8px 26px rgba(100,116,139,.18)}

/* ---- PREMIUM temalar (💎) ---- */
:root[data-accent="holo"]{--accent:#a855f7;--accent-2:#ec4899;--accent-3:#06b6d4;
  --grad:linear-gradient(120deg,#06b6d4,#a855f7 40%,#ec4899 70%,#f59e0b);
  --grad-soft:linear-gradient(135deg,rgba(168,85,247,.18),rgba(236,72,153,.12));
  --glow:0 0 0 1px rgba(168,85,247,.3),0 8px 30px rgba(236,72,153,.25)}
:root[data-accent="galaxy"]{--accent:#818cf8;--accent-2:#c084fc;--accent-3:#38bdf8;
  --grad:linear-gradient(135deg,#1e3a8a,#6d28d9 50%,#db2777);
  --grad-soft:linear-gradient(135deg,rgba(129,140,248,.2),rgba(192,132,252,.12));
  --glow:0 0 0 1px rgba(129,140,248,.3),0 10px 34px rgba(109,40,217,.3)}
:root[data-accent="rosegold"]{--accent:#e8a0a0;--accent-2:#f5c6aa;--accent-3:#d4a373;
  --grad:linear-gradient(135deg,#b76e79,#e8a0a0 45%,#f5d0a9);
  --grad-soft:linear-gradient(135deg,rgba(232,160,160,.2),rgba(245,198,170,.12));
  --glow:0 0 0 1px rgba(232,160,160,.28),0 8px 30px rgba(183,110,121,.22)}
:root[data-accent="neon"]{--accent:#22d3ee;--accent-2:#a3e635;--accent-3:#22c55e;
  --grad:linear-gradient(120deg,#22c55e,#22d3ee 50%,#a3e635);
  --grad-soft:linear-gradient(135deg,rgba(34,211,238,.18),rgba(163,230,53,.12));
  --glow:0 0 0 1px rgba(34,211,238,.32),0 8px 30px rgba(34,211,238,.3)}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(900px 500px at 12% -8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%),
    radial-gradient(800px 500px at 100% 0%, color-mix(in srgb, var(--accent-3) 13%, transparent), transparent 55%);
  background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s;
}
a{color:var(--accent-2);text-decoration:none;transition:color .15s}
a:hover{color:var(--accent);text-decoration:none}
.muted{color:var(--muted)}
h1,h2,h3,h4{margin:0 0 .5rem;color:var(--ink);font-family:'Sora','Inter',sans-serif;letter-spacing:-.02em}
code{background:var(--panel-2);padding:.08rem .4rem;border-radius:5px;font-size:.85em;font-family:ui-monospace,monospace}
::selection{background:color-mix(in srgb,var(--accent) 32%,transparent);color:var(--ink)}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* erişilebilir odak halkası (yalnız klavye) */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.btn:focus-visible,.icon-btn:focus-visible{outline-offset:3px}
/* site geneli ince scrollbar */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,var(--line-2)) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 28%,var(--line-2));border-radius:99px;
  border:2px solid var(--bg);background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 55%,var(--line-2));border-width:2px}

/* ---------- ÜST BAR (glassmorphism) ---------- */
.topbar{position:sticky;top:0;z-index:60;background:var(--panel);
  -webkit-backdrop-filter:var(--topbar-blur);backdrop-filter:var(--topbar-blur);
  border-bottom:1px solid var(--line)}
/* ince accent gradyan alt çizgi (premium dokunuş) */
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 65%,transparent),
    color-mix(in srgb,var(--accent-2) 65%,transparent),transparent);
  opacity:0;transition:opacity .3s}
.topbar.scrolled::after{opacity:1}
.topbar-inner{max-width:none;margin:0;display:flex;align-items:center;gap:1rem;padding:.7rem 1.4rem;height:var(--topbar-h)}
.hamburger{display:none;font-size:1.2rem}
.logo{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.logo:hover{text-decoration:none}
.logo-mark{width:34px;height:34px;flex-shrink:0;display:block;
  filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--accent) 45%,transparent));
  transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.lm-svg{width:100%;height:100%;display:block}
.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.06)}
.lm-svg circle{transition:transform .3s ease}
.logo:hover .lm-svg circle:nth-of-type(1){transform:translateY(-1.5px)}
.logo:hover .lm-svg circle:nth-of-type(2){transform:translateY(-1.5px);transition-delay:.07s}
.logo:hover .lm-svg circle:nth-of-type(3){transform:translateY(-1.5px);transition-delay:.14s}
.logo-word{font-family:'Sora',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.035em;
  background:linear-gradient(100deg,var(--accent),var(--accent-2),var(--accent));background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .5s ease}
.logo:hover .logo-word{background-position:100% center}
.search{flex:1;display:flex;align-items:center;max-width:460px;position:relative;
  transition:max-width .3s cubic-bezier(.2,.7,.2,1)}
.search:focus-within{max-width:560px}
.search-ic{position:absolute;left:.9rem;font-size:.85rem;opacity:.6;pointer-events:none;transition:color .15s}
.search:focus-within .search-ic{color:var(--accent);opacity:1}
.search input{flex:1;border:1px solid var(--line-2);border-radius:999px;padding:.58rem 3.2rem .58rem 2.4rem;
  font-size:.9rem;outline:none;background:var(--panel-2);color:var(--ink);
  transition:border-color .15s,box-shadow .15s,background .15s}
.search input::placeholder{color:var(--muted)}
.search input:focus{border-color:var(--accent);background:var(--panel);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 4px 16px color-mix(in srgb,var(--accent) 14%,transparent)}
.topnav{display:flex;align-items:center;gap:.5rem}

/* tutarlı ikon butonları */
.icon-btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;font-size:1rem;line-height:1;
  color:var(--ink);position:relative;border-radius:11px;width:38px;height:38px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;transition:all .15s;text-decoration:none}
.icon-btn:hover{border-color:var(--accent);color:var(--ink);box-shadow:var(--glow);background:var(--panel)}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.search-ic{color:var(--muted)}
.search-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}

.top-div{width:1px;height:24px;background:var(--line-2);margin:0 .15rem}

/* canlı: çevrimiçi pill + nokta */
.online-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--panel-2);border:1px solid var(--line);
  border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}
.online-pill:hover{border-color:var(--green);color:var(--ink);text-decoration:none}
.online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(max-width:1080px){.online-pill{display:none}}
.online-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:#16a34a}
.online-avatars{display:flex;flex-wrap:wrap;gap:.3rem}
.online-avatars a{position:relative;display:block}
.online-avatars a::after{content:"";position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel)}

/* canlı yeni entry banner */
.live-banner{display:block;width:100%;background:var(--grad);color:#fff;border:0;border-radius:999px;
  padding:.6rem;font-weight:700;font-size:.9rem;cursor:pointer;margin-bottom:1rem;box-shadow:var(--glow);
  animation:slidein .3s ease}
.live-banner:hover{filter:brightness(1.08)}
.live-banner[hidden]{display:none}
@keyframes slidein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* yeni üye karşılama banner'ı */
.onboard-banner{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;margin-bottom:1rem;border-radius:16px;
  background:var(--grad);color:#fff;box-shadow:var(--glow);animation:slidein .3s ease}
.ob-emoji{font-size:2rem;flex-shrink:0;animation:obWave 2.2s ease-in-out infinite;transform-origin:70% 70%}
@keyframes obWave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}
.ob-text{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;line-height:1.45}
.ob-text>b{font-family:'Sora',sans-serif;font-size:1.02rem}
.ob-text span{opacity:.94}

/* keşfet sayfası */
.kx-head{font-size:1.05rem;font-family:'Sora',sans-serif;font-weight:700;margin:0 0 .7rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.kx-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.kx-tag{font-size:.92rem;font-weight:700;background:var(--grad-soft);color:var(--accent-2);
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));padding:.4rem .8rem;border-radius:999px;
  display:inline-flex;align-items:center;gap:.45rem;transition:transform .14s,border-color .14s}
.kx-tag:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none}
.kt-count{font-size:.7rem;background:var(--panel);color:var(--muted);border-radius:999px;padding:.05rem .42rem;font-weight:800}

/* mobil alt navigasyon (uygulama tarzı) */
.mobile-nav{display:none}
@media(max-width:860px){
  .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:95;justify-content:space-around;align-items:flex-end;
    transition:transform .28s cubic-bezier(.2,.7,.2,1);
    background:color-mix(in srgb,var(--panel-solid) 94%,transparent);border-top:1px solid var(--line);
    padding:.35rem .2rem calc(.35rem + env(safe-area-inset-bottom,0px));
    box-shadow:0 -4px 20px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .mn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.12rem;position:relative;
    color:var(--muted);font-size:.58rem;font-weight:700;padding:.3rem 0;text-decoration:none;min-width:0}
  .mn-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mn-item .av{width:24px;height:24px}
  .mn-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .mn-item.active{color:var(--accent-2)}
  .mn-item.active .av{box-shadow:0 0 0 2px var(--accent-2)}
  .mn-cta{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--grad);
    align-items:center;justify-content:center;color:#fff;box-shadow:var(--glow);margin:0 .2rem}
  .mn-cta svg{stroke:#fff;stroke-width:2.6}
  .mn-item.has-badge .badge-dot{top:0;right:50%;margin-right:-20px}
  .mobile-nav.nav-hidden{transform:translateY(120%)}
  body{padding-bottom:62px}
  .to-top{bottom:74px!important}
}

/* === profil: ortak takip + sekme sayaçları === */
.mutuals{display:flex;align-items:center;gap:.55rem;margin-top:.7rem;font-size:.82rem;color:var(--muted)}
.mutual-avs{display:inline-flex;flex-shrink:0}
.mutual-av{margin-left:-8px;border-radius:50%;border:2px solid var(--panel-solid);line-height:0}
.mutual-av:first-child{margin-left:0}
.mutual-av .av{width:22px;height:22px}
.mutual-text b{color:var(--ink-soft);font-weight:700}
.profile-tabs a{display:inline-flex;align-items:center;gap:.3rem}
.profile-tabs a small{font-size:.7rem;font-weight:800;opacity:.6;background:var(--panel-2);
  padding:.02rem .35rem;border-radius:999px}
.profile-tabs a.active small{opacity:.9}

/* === sonsuz kaydırma === */
.feed-sentinel{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:1.4rem;
  color:var(--muted);font-size:.86rem;font-weight:600}
.feed-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line-2);
  border-top-color:var(--accent);animation:feedSpin .7s linear infinite}
@keyframes feedSpin{to{transform:rotate(360deg)}}
.feed-end{text-align:center;padding:1.3rem;color:var(--muted);font-size:.82rem;letter-spacing:.08em;opacity:.7}

/* === aktivite ısı haritası (contribution heatmap) === */
.heat-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}
.heat-head h3{margin:0;font-size:1rem}
.heat-head h3 .muted{font-weight:400;font-size:.8rem}
.heat-streak{display:flex;gap:1rem;font-size:.82rem;color:var(--muted)}
.heat-streak b{color:var(--ink)}
.heat-scroll{overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin}
.heat-grid{display:inline-block;min-width:100%}
.heat-months{display:grid;grid-auto-flow:column;grid-auto-columns:13px;gap:3px;margin-bottom:3px;padding-left:1px}
.heat-m{font-size:.62rem;color:var(--muted);white-space:nowrap;height:.8rem;overflow:visible}
.heat-cols{display:flex;gap:3px}
.heat-col{display:grid;grid-template-rows:repeat(7,11px);gap:3px}
.heat-cell{width:11px;height:11px;border-radius:3px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.heat-cell.hc-empty{background:transparent;border:0}
.heat-cell.hc-0{background:color-mix(in srgb,var(--line-2) 55%,transparent)}
.heat-cell.hc-1{background:color-mix(in srgb,var(--accent) 35%,var(--panel-2))}
.heat-cell.hc-2{background:color-mix(in srgb,var(--accent) 60%,transparent)}
.heat-cell.hc-3{background:color-mix(in srgb,var(--accent) 82%,transparent)}
.heat-cell.hc-4{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb,var(--accent) 70%,transparent)}
.heat-cell[data-tip]{cursor:pointer;transition:transform .1s}
.heat-cell[data-tip]:hover{transform:scale(1.35);border-color:var(--accent)}
.heat-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:.7rem;font-size:.7rem;color:var(--muted)}
.heat-legend .heat-cell{cursor:default}

/* === reklam veren paneli (reklamlarim) === */
.ra-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}
.ra-kpi{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.85rem;text-align:center}
.ra-kpi b{display:block;font-family:'Sora',sans-serif;font-size:1.5rem;color:var(--accent-2);line-height:1}
.ra-kpi span{font-size:.74rem;color:var(--muted);margin-top:.25rem;display:block}
.ra-card{padding:1.1rem}
.ra-card-head{display:flex;gap:.9rem;align-items:flex-start}
.ra-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line);flex-shrink:0}
.ra-info{flex:1;min-width:0}
.ra-info h3{margin:0;font-size:1.05rem}
.ra-body{margin:.2rem 0 0;font-size:.85rem}
.ra-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;font-size:.78rem;color:var(--muted)}
.ra-status{font-weight:700}
.ra-status.s-green{color:#22c55e}.ra-status.s-gold{color:var(--gold)}.ra-status.s-red{color:var(--red)}.ra-status.s-muted{color:var(--muted)}
.ra-stats{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:1.2rem;align-items:center;
  margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.ra-stats>div b{display:block;font-family:'Sora',sans-serif;font-size:1.25rem;line-height:1}
.ra-stats>div span{font-size:.72rem;color:var(--muted)}
.ra-spark{justify-self:end;text-align:right;min-width:140px}
.ra-spark-lbl{font-size:.68rem;color:var(--muted);display:block;margin-bottom:.3rem}
.spark-bars{display:flex;align-items:flex-end;gap:3px;height:42px;justify-content:flex-end}
.spark-bar{flex:1;max-width:14px;min-height:6px;background:var(--grad);border-radius:3px 3px 0 0;opacity:.85;transition:opacity .15s}
.spark-bar:hover{opacity:1}
.ra-note{margin-top:.9rem;font-size:.84rem;background:var(--grad-soft);border-radius:10px;padding:.6rem .85rem;color:var(--ink-soft)}
.ra-note-red{background:rgba(255,93,115,.12);color:var(--red)}
.ra-actions{display:flex;gap:.5rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line)}
.ra-actions .btn{padding:.4rem .9rem;font-size:.82rem}
.ra-actions .ra-del{color:var(--red);margin-left:auto}
.udd-badge{background:var(--accent);color:#fff;font-size:.62rem;font-weight:800;padding:.05rem .35rem;border-radius:999px;margin-left:auto}
@media(max-width:620px){.ra-summary{grid-template-columns:repeat(2,1fr)}
  .ra-stats{grid-template-columns:repeat(3,1fr);gap:.6rem}.ra-spark{grid-column:1/-1;justify-self:stretch;text-align:left}.spark-bars{justify-content:flex-start}}

/* === reklamlar (house ads + adsense) === */
.ad-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;
  overflow:hidden;margin-bottom:1.2rem}
.ad-card .ad-label{position:absolute;top:6px;right:8px;z-index:2;font-size:.58rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);
  border:1px solid var(--line);padding:.08rem .4rem;border-radius:5px;opacity:.85}
.ad-link{display:flex;flex-direction:column;color:var(--ink)}
.ad-link:hover{text-decoration:none}
.ad-img{display:block;overflow:hidden;background:var(--panel-2)}
.ad-img img{width:100%;display:block;max-height:200px;object-fit:cover;transition:transform .35s}
.ad-link:hover .ad-img img{transform:scale(1.03)}
.ad-text{padding:.7rem .85rem}
.ad-title{display:block;font-weight:700;font-size:.92rem;line-height:1.3}
.ad-link:hover .ad-title{color:var(--accent-2)}
.ad-body{display:block;font-size:.8rem;color:var(--muted);margin-top:.2rem;line-height:1.4}
/* feed içi reklam — entry kartlarına benzer ama işaretli */
.ad-infeed{border-style:dashed;border-color:var(--line-2)}
.ad-infeed .ad-link{flex-direction:row;align-items:stretch;gap:0}
.ad-infeed .ad-img{flex:0 0 38%;max-width:160px}
.ad-infeed .ad-img img{height:100%;max-height:none}
.ad-infeed .ad-text{flex:1;display:flex;flex-direction:column;justify-content:center}
.ad-sidebar .ad-title{font-size:.88rem}
.ad-adsense{padding:.4rem;min-height:90px}
/* "reklam ver" davet kartı (dikkat çekici) */
.ad-promo{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));
  background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),
    color-mix(in srgb,var(--accent-2) 12%,var(--panel)));position:relative;overflow:hidden}
.ad-promo::before{content:"";position:absolute;top:-40%;left:-30%;width:60%;height:180%;
  background:linear-gradient(100deg,transparent,color-mix(in srgb,#fff 28%,transparent),transparent);
  transform:skewX(-18deg);animation:promoShine 3.6s ease-in-out infinite}
@keyframes promoShine{0%,72%{left:-40%}100%{left:130%}}
.ad-promo .ad-label{background:var(--accent);color:#fff;border-color:transparent;opacity:1}
.ad-promo-link{display:flex;gap:.7rem;align-items:flex-start;padding:1rem .9rem .95rem;color:var(--ink)}
.ad-promo-link:hover{text-decoration:none}
.ad-promo-spark{font-size:1.7rem;line-height:1;flex-shrink:0;
  filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 55%,transparent));animation:promoBob 2.4s ease-in-out infinite}
@keyframes promoBob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}
.ad-promo-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.ad-promo-title{font-family:'Sora',sans-serif;font-size:.98rem;line-height:1.2}
.ad-promo-text{font-size:.78rem;color:var(--muted);line-height:1.45}
.ad-promo-cta{margin-top:.4rem;align-self:flex-start;font-size:.8rem;font-weight:800;color:#fff;
  background:var(--grad);padding:.32rem .8rem;border-radius:999px;box-shadow:var(--glow);
  transition:transform .15s,box-shadow .15s}
.ad-promo-link:hover .ad-promo-cta{transform:translateX(3px);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}
@media(max-width:560px){.ad-infeed .ad-link{flex-direction:column}.ad-infeed .ad-img{flex:none;max-width:none}}

/* dairesel tema geçişi (View Transitions) — eski/yeni kareyi üst üste tut, animasyonu JS verir */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:9999}

/* şık tooltip sistemi — [data-tip] olan her öğeye hover'da balon */
[data-tip]{position:relative}
[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;
  transform:translateX(-50%) translateY(4px) scale(.96);transform-origin:bottom center;
  background:var(--ink);color:var(--bg);font-size:.74rem;font-weight:600;line-height:1.3;
  padding:.32rem .6rem;border-radius:7px;white-space:nowrap;max-width:240px;
  opacity:0;pointer-events:none;z-index:200;box-shadow:var(--shadow-lg);
  transition:opacity .16s,transform .16s}
[data-tip]::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;
  transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--ink);
  opacity:0;pointer-events:none;z-index:200;transition:opacity .16s,transform .16s}
[data-tip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
[data-tip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}
[data-tip-pos=bottom]::after{bottom:auto;top:calc(100% + 8px)}
[data-tip-pos=bottom]::before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--ink)}
@media(hover:none){[data-tip]::after,[data-tip]::before{display:none}}

/* sayı animasyonu — count-up sırasında hafif vurgu */
.counting{color:var(--accent-2);transition:color .3s}

/* takip merkezi */
.es-tabs a small{font-size:.68rem;font-weight:800;opacity:.75;margin-left:.15rem}
.fh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.fh-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:12px;border:1px solid var(--line);
  background:var(--panel-2);transition:border-color .14s,transform .14s}
.fh-item:hover{border-color:var(--accent);transform:translateY(-1px)}
.fh-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem;color:var(--ink)}
.fh-main:hover{text-decoration:none}
.fh-user{flex-direction:row;align-items:center;gap:.6rem}
.fh-umain{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}
.fh-av{position:relative;flex-shrink:0}
.fh-av .av{width:40px;height:40px}
.fh-av.on::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel-solid)}
.fh-title{font-weight:700;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fh-main:hover .fh-title{color:var(--accent-2)}
.fh-tag{color:var(--accent-2);font-family:'Sora',sans-serif}
.fh-new{display:inline-block;vertical-align:middle;margin-left:.45rem;font-size:.62rem;font-weight:800;
  color:#fff;background:var(--grad);padding:.1rem .45rem;border-radius:999px;box-shadow:var(--glow)}
.fh-sub{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fh-sub b{color:var(--accent-2)}
.fh-btn{flex-shrink:0;padding:.38rem .85rem;font-size:.8rem;white-space:nowrap}
@media(max-width:560px){.fh-sub{display:none}.fh-btn{padding:.34rem .6rem;font-size:.74rem}}

/* tekil entry: önceki/sonraki gezinme */
.entry-nav{display:flex;gap:.5rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}
.en-btn{flex:1;text-align:center;padding:.55rem .6rem;border-radius:10px;font-size:.85rem;font-weight:700;
  background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft);transition:all .14s;white-space:nowrap}
.en-btn:hover{border-color:var(--accent);color:var(--accent-2);text-decoration:none}
.en-btn.en-all{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}
.en-btn.en-all:hover{color:#fff;filter:brightness(1.08)}
.en-btn.off{opacity:.35;pointer-events:none}
@media(max-width:520px){.en-btn{font-size:.76rem;padding:.5rem .3rem}}

/* === anasayfa paylaşım tetikleyicisi (kompakt) === */
.compose-trigger{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;margin-bottom:1rem;
  background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;
  transition:border-color .16s,box-shadow .16s,transform .16s}
.compose-trigger:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-1px);text-decoration:none}
.compose-trigger .av{width:42px;height:42px;flex-shrink:0}
.ct-prompt{flex:1;color:var(--muted);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compose-trigger:hover .ct-prompt{color:var(--ink-soft)}
.ct-tools{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.ct-tool{font-size:1.05rem;opacity:.55}
.ct-go{background:var(--grad);color:#fff;font-weight:700;font-size:.84rem;padding:.42rem .95rem;
  border-radius:999px;box-shadow:var(--glow);white-space:nowrap}
@media(max-width:560px){.ct-tool{display:none}}

/* === başlık oluşturma stüdyosu === */
.create-page{max-width:760px;margin:0 auto}
.create-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}
.create-head h1{font-size:1.45rem;font-family:'Sora',sans-serif;margin:0}
.create-head p{margin:.15rem 0 0;font-size:.88rem}
.create-form{display:flex;flex-direction:column;gap:1.4rem}
.cf-step{display:flex;flex-direction:column;gap:.55rem}
.cf-label{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.92rem;color:var(--ink);font-family:'Sora',sans-serif}
.cf-num{width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;font-size:.72rem;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cf-title{border:1px solid var(--line-2);border-radius:12px;background:var(--panel-2);color:var(--ink);
  font-family:'Sora',sans-serif;font-weight:700;font-size:1.15rem;padding:.75rem 1rem;outline:none;
  transition:border-color .15s,box-shadow .15s}
.cf-title:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
/* mükerrer başlık uyarısı */
.cf-dupe{font-size:.84rem;background:color-mix(in srgb,#f59e0b 12%,transparent);
  border:1px solid color-mix(in srgb,#f59e0b 40%,var(--line));border-radius:10px;padding:.6rem .8rem;color:var(--ink-soft)}
.cf-dupe a{font-weight:700;color:var(--accent-2)}
.cf-dupe[hidden]{display:none}
/* kanal seçici chip'ler */
.channel-picker{display:flex;flex-wrap:wrap;gap:.4rem;max-height:132px;overflow-y:auto;padding:.1rem}
.ch-chip input{position:absolute;opacity:0;pointer-events:none}
.ch-chip span{display:inline-flex;align-items:center;gap:.3rem;background:var(--panel-2);border:1px solid var(--line);
  border-radius:999px;padding:.34rem .75rem;font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer;
  transition:all .14s;white-space:nowrap}
.ch-chip span:hover{border-color:var(--accent);color:var(--ink)}
.ch-chip input:checked + span{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}
/* ekstralar + alt bar */
.cf-extras{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cf-imgurl{flex:1;min-width:200px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel-2);
  color:var(--ink);padding:.45rem .9rem;font-size:.84rem;font-family:inherit;outline:none}
.cf-imgurl:focus{border-color:var(--accent)}
.cf-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:1.1rem}
.cf-foot-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cf-submit{padding:.65rem 1.6rem;font-size:.95rem}
.create-tips{margin-top:1rem;font-size:.82rem;color:var(--muted);background:var(--panel-2);
  border:1px dashed var(--line-2);border-radius:12px;padding:.75rem 1rem;line-height:1.6}
.create-tips code{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:.05rem .3rem;font-size:.78rem}

/* feed sekmeleri (keşfet / takip) */
.feed-tabs{display:flex;gap:.3rem;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;
  padding:.28rem;margin-bottom:1rem}
.feed-tabs a{flex:1;text-align:center;padding:.5rem .6rem;border-radius:999px;font-weight:700;font-size:.9rem;
  color:var(--ink-soft);transition:background .15s,color .15s;white-space:nowrap}
.feed-tabs a:hover{color:var(--ink);text-decoration:none}
.feed-tabs a.active{background:var(--grad);color:#fff;box-shadow:var(--glow)}

/* önerilen yazarlar */
.suggest-card{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
.suggest-head{font-family:'Sora',sans-serif;font-weight:800;font-size:1rem;margin-bottom:.9rem}
.suggest-list{display:flex;flex-direction:column;gap:.2rem}
.suggest-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .3rem;border-radius:10px;transition:background .14s}
.suggest-item:hover{background:var(--panel-2)}
.sg-user{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;color:var(--ink)}
.sg-user:hover{text-decoration:none}
.sg-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sg-name{font-weight:700;font-size:.9rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-user:hover .sg-name{color:var(--accent-2)}
.sg-rank{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-follow{flex-shrink:0;padding:.35rem .9rem;font-size:.82rem}

/* "yeni içerikler" banner (son ziyaret) */
.new-feed-banner{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.7rem 1rem;
  border-radius:14px;background:var(--grad-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));
  color:var(--ink);font-weight:600;font-size:.9rem;animation:slidein .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.new-feed-banner:hover{text-decoration:none;border-color:var(--accent)}
.new-feed-banner b{color:var(--accent-2);font-family:'Sora',sans-serif}
.nfb-pulse{font-size:1.05rem;animation:nfbPulse 1.6s ease-in-out infinite}
@keyframes nfbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.nfb-go{margin-left:auto;color:var(--accent-2);font-weight:800;font-size:.82rem;white-space:nowrap}
/* "yeni" entry rozeti */
.entry-new-badge{display:inline-block;vertical-align:middle;margin-left:.45rem;font-size:.62rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--grad);padding:.1rem .4rem;border-radius:999px;
  box-shadow:var(--glow);animation:slidein .3s ease}
.entry.is-new{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.entry.is-new::before{opacity:.5}
/* takip akışı sosyal sinyali ("X bunu beğendi") */
.entry-signal{display:flex;align-items:center;gap:.35rem;font-size:.77rem;color:var(--muted);
  margin:.7rem 0 -.2rem .4rem;font-weight:500}
.entry-signal b{color:var(--ink-soft);font-weight:700}
.entry-signal a{color:var(--accent-2);font-weight:700}
/* etiket sayfası başlığı */
.tag-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;
  margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.tag-title{font-family:'Sora',sans-serif;font-size:1.6rem;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.follow-tag-btn{flex-shrink:0;white-space:nowrap}
.followed-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.followed-tags a{font-size:.78rem;font-weight:600;background:var(--grad-soft);color:var(--accent-2);
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));padding:.18rem .55rem;border-radius:999px}
.followed-tags a:hover{border-color:var(--accent);text-decoration:none}
.user-chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--panel-2);border:1px solid var(--line);
  border-radius:999px;padding:.25rem .7rem .25rem .3rem;font-weight:700;color:var(--ink)!important;transition:all .15s}
.user-chip:hover{border-color:var(--accent);box-shadow:var(--glow);text-decoration:none}
.user-chip .av{width:26px;height:26px;font-size:.74rem}
.user-chip span{font-size:.88rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-pill{padding:.45rem 1rem;font-size:.88rem}

/* üst menü metin linkleri (başlık aç, mesajlar, bildirimler) */
.top-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.88rem;font-weight:600;
  background:none;border:0;cursor:pointer;padding:.4rem .5rem;border-radius:9px;position:relative;font-family:inherit}
.top-link:hover{color:var(--ink);background:var(--panel-2);text-decoration:none}
.top-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.top-link .rail-badge{position:static;margin-left:.1rem}
@media(max-width:1080px){.top-link span{display:none}}

/* === geliştirilmiş header === */
.topnav{margin-left:auto}
.topbar-tools{display:inline-flex;align-items:center;gap:.4rem}
/* "yeni başlık" dolu CTA */
.top-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;white-space:nowrap}
.top-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
@media(max-width:1180px){.top-cta span{display:none}.top-cta{padding:.45rem .6rem}}
/* ikon buton üstünde rozet noktası */
.icon-btn.has-badge{position:relative}
.badge-dot{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  background:var(--red);color:#fff;font-size:.64rem;font-weight:800;line-height:17px;text-align:center;
  border:2px solid var(--panel);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.badge-dot[hidden]{display:none}
/* kaydırınca header yükselir */
.topbar{transition:box-shadow .2s,background .2s}
.topbar.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.12)}
.topbar.scrolled .topbar-inner{height:calc(var(--topbar-h) - 4px)}

/* profil açılır menü */
.user-menu{position:relative}
.user-chip .uc-chev svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;opacity:.7}
.user-dd{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--panel-solid);
  border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:80;
  padding:.4rem;animation:pop .14s ease}
.user-dd[hidden]{display:none}
.user-dd a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:9px;color:var(--ink);font-size:.9rem;font-weight:500}
.user-dd a:hover{background:var(--panel-2);text-decoration:none}
.user-dd a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.user-dd .udd-admin{color:var(--accent-2)}
.udd-sep{height:1px;background:var(--line);margin:.35rem .3rem}

.cat-nav-inner.dragging{cursor:grabbing;scroll-behavior:auto!important;user-select:none}
.cat-chip:active{transform:scale(.97)}

/* sol sidebar 3 sekme + zengin */
.side-tabs-3 a{font-size:.8rem;padding:.6rem .3rem}
.side-cta{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--grad);color:#fff;
  font-weight:700;padding:.6rem;border-bottom:1px solid var(--line);font-size:.9rem}
.side-cta:hover{filter:brightness(1.08);color:#fff;text-decoration:none}
.topic-list.ranked li{align-items:center}
.tl-rank{flex:0 0 1.4rem;text-align:center;font-family:'Sora',sans-serif;font-weight:800;font-size:.8rem;color:var(--muted)}
.topic-list.ranked li:nth-child(-n+3) .tl-rank{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-section{padding:.85rem .9rem;border-top:1px solid var(--line)}
.side-section h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.6rem}
.side-stats{display:flex;justify-content:space-between;text-align:center}
.side-stats b{display:block;font-family:'Sora',sans-serif;font-size:1.15rem;color:var(--ink)}
.side-stats span{font-size:.7rem;color:var(--muted)}
.active-authors{display:flex;flex-direction:column;gap:.15rem}
.aa-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .35rem;border-radius:10px;color:var(--ink);transition:background .14s}
.aa-item:hover{background:var(--panel-2);text-decoration:none}
.aa-pos{width:1.3rem;flex-shrink:0;text-align:center;font-family:'Sora',sans-serif;font-weight:800;font-size:.82rem;color:var(--muted)}
.aa-item .av{width:34px;height:34px;flex-shrink:0}
.aa-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aa-name{font-weight:700;font-size:.84rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aa-item:hover .aa-name{color:var(--accent-2)}
.aa-rank{font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aa-stats{flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:1.1;text-align:center}
.aa-stats b{font-family:'Sora',sans-serif;font-weight:800;font-size:.92rem;color:var(--accent-2)}
.aa-stats i{font-style:normal;font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}

/* günün sözü */
.quote-card{margin:.7rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--grad-soft);border:1px solid var(--line)}
.quote-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-weight:700;margin-bottom:.4rem}
.quote-card blockquote{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink);font-style:italic}
.quote-card cite{display:block;margin-top:.4rem;font-size:.78rem;color:var(--muted);font-style:normal;text-align:right}

/* rastgele başlık */
.side-random{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--panel-2);
  border:1px solid var(--line);border-radius:999px;padding:.5rem;font-weight:700;font-size:.85rem;color:var(--ink-soft)}
.side-random:hover{border-color:var(--accent);color:var(--accent-2);text-decoration:none}

/* son favorilediklerim */
.fav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.fav-list a{display:block;font-size:.84rem;color:var(--ink-soft);padding:.2rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-list a:hover{color:var(--accent-2)}
/* son tepki verdiklerim */
.react-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.react-recent a{display:flex;align-items:center;gap:.55rem;padding:.4rem .35rem;border-radius:10px;transition:background .14s}
.react-recent a:hover{background:var(--panel-2);text-decoration:none}
.rr-emoji{font-size:1.15rem;line-height:1;flex-shrink:0;width:1.5rem;text-align:center}
.rr-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.rr-title{font-weight:600;font-size:.83rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.react-recent a:hover .rr-title{color:var(--accent-2)}
.rr-snippet{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* çevrimiçi */
.os-badge{margin-left:.1rem;background:rgba(34,197,94,.15);color:#16a34a;font-weight:800;font-size:.7rem;
  border-radius:999px;padding:.05rem .45rem}
.online-grid{display:flex;flex-wrap:wrap;gap:.4rem}
.og-av{position:relative;display:block}
.og-av .av{width:34px;height:34px}
.og-av::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel-solid)}
.og-av:hover{transform:translateY(-2px);transition:transform .12s}
.og-more{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft);font-size:.74rem;font-weight:800}
.og-more:hover{border-color:var(--accent);color:var(--accent-2);text-decoration:none}

/* haftanın yazarı (sağ) */
.wa-user{display:flex;align-items:center;gap:.7rem;padding:.9rem;color:var(--ink)}
.wa-user:hover{text-decoration:none;background:var(--panel-2)}
.wa-user b{display:block;font-size:.95rem}
.wa-user span{font-size:.76rem;color:var(--muted)}
.wa-summary{padding:.6rem .9rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-soft);background:var(--panel-2)}
.wa-summary b{color:var(--accent-2)}
.otd-year{font-size:.72rem;font-weight:700;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:.02rem .45rem;align-self:center}

/* benzer başlıklar */
.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin-top:.3rem}
.similar-item{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:var(--panel-2)}
.similar-item:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px);transition:.15s}
.similar-item .st-title{font-weight:700;color:var(--ink);font-size:.9rem}
.similar-item .st-count{font-size:.74rem;color:var(--muted)}

/* sağ sidebar kartları */
.right-side .side-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.side-card-head{padding:.7rem .9rem;font-weight:700;font-size:.85rem;border-bottom:1px solid var(--line);background:var(--panel-2)}
.right-side .topic-list li{align-items:center}
.tr-rank{flex:0 0 1.3rem;font-family:'Sora',sans-serif;font-weight:800;font-size:.85rem;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.35rem;padding:.8rem}
.tag-cloud a{font-size:.8rem;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft);
  padding:.15rem .55rem;border-radius:999px}
.tag-cloud a:hover{border-color:var(--accent);color:var(--accent-2)}
.tag-cloud a small{color:var(--muted);font-weight:700}

.badge{background:var(--red);color:#fff;border-radius:999px;font-size:.64rem;padding:.05rem .32rem;min-width:16px;
  position:absolute;top:-4px;right:-4px;font-weight:800;box-shadow:0 0 0 2px var(--panel-solid);text-align:center}

/* ---------- renk paleti seçici ---------- */
.palette-wrap{position:relative}
.palette-dd{position:absolute;right:0;top:calc(100% + 12px);background:var(--panel-solid);
  border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:80;
  padding:.8rem;width:210px;animation:pop .16s cubic-bezier(.2,.8,.2,1)}
.palette-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.6rem}
.swatches button{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-2);cursor:pointer;
  transition:transform .12s,box-shadow .12s;padding:0}
.swatches button:hover{transform:scale(1.15)}
.swatches button.sel{box-shadow:0 0 0 2px var(--panel-solid),0 0 0 4px var(--ink);transform:scale(1.1)}
.premium-swatch{position:relative}
.premium-swatch.locked{opacity:.55}
.premium-swatch.locked::after{content:"🔒";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem}
.custom-color{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.8rem;
  padding-top:.7rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft);font-weight:600}
.custom-color input[type=color]{width:38px;height:30px;border:1px solid var(--line-2);border-radius:8px;
  background:var(--panel-2);cursor:pointer;padding:2px}

/* ---------- bildirim dropdown ---------- */
.notif-wrap{position:relative}
.notif-dd{position:absolute;right:0;top:calc(100% + 12px);width:330px;background:var(--panel-solid);
  border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:80;
  overflow:hidden;animation:pop .16s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.notif-dd-head{display:flex;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.85rem}
.notif-dd-body{max-height:62vh;overflow:auto}
.notif-dd-item{display:block;padding:.7rem 1rem;border-bottom:1px solid var(--line);color:var(--ink);font-size:.85rem}
.notif-dd-item:hover{background:var(--panel-2)}
.notif-dd-item.unread{background:var(--grad-soft)}
.notif-dd-item .nd{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}

/* ---------- üst kategori navigasyonu ---------- */
/* === üst kategori barı (sosyal medya tarzı kayan chip'ler) === */
.cat-nav{position:relative;background:var(--panel);border-bottom:1px solid var(--line)}
.cat-nav-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;max-width:1320px;margin:0 auto;
  padding:.6rem 1.2rem;overflow-x:auto;scroll-behavior:smooth;cursor:grab;
  scrollbar-width:none;-ms-overflow-style:none}
.cat-nav-inner::-webkit-scrollbar{display:none}
.cat-chip{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;white-space:nowrap;
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;
  font-size:.84rem;font-weight:600;color:var(--ink-soft);transition:background .15s,color .15s,border-color .15s,transform .12s}
.cat-chip .cc-ico{font-size:.98rem;line-height:1}
.cat-chip .cc-name{line-height:1}
.cat-chip .cc-count{font-size:.66rem;font-weight:800;color:var(--muted);background:var(--panel);
  border-radius:999px;padding:.04rem .35rem;min-width:1.05rem;text-align:center}
.cat-chip:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-1px);text-decoration:none}
.cat-chip.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}
.cat-chip.active .cc-count{background:rgba(255,255,255,.25);color:#fff}
/* kaydırma okları */
.cat-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--panel-solid);border:1px solid var(--line-2);box-shadow:var(--shadow);color:var(--ink-soft);transition:all .15s}
.cat-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cat-arrow:hover{color:var(--accent-2);border-color:var(--accent)}
.cat-arrow[hidden]{display:none}
.cat-arrow-left{left:.6rem}.cat-arrow-right{right:.6rem}
/* kenar solması (kaydırılabilir olduğunda) */
.cat-nav::before,.cat-nav::after{content:"";position:absolute;top:1px;bottom:1px;width:56px;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s}
.cat-nav::before{left:0;background:linear-gradient(90deg,var(--panel) 30%,transparent)}
.cat-nav::after{right:0;background:linear-gradient(270deg,var(--panel) 30%,transparent)}
.cat-nav.fade-left::before{opacity:1}
.cat-nav.fade-right::after{opacity:1}

/* ---------- APP SHELL ---------- */
.shell{display:flex;align-items:flex-start;width:100%;min-height:calc(100vh - var(--topbar-h))}
.shell-main{flex:1;min-width:0;padding:1.5rem 1.8rem}

/* sol navigasyon rayı */
.nav-rail{position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));width:var(--rail-w);
  flex-shrink:0;border-right:1px solid var(--line);background:var(--panel);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:1.1rem .9rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;z-index:40}
.nav-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.rail-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--grad);color:#fff;
  font-weight:700;padding:.65rem;border-radius:12px;margin-bottom:.7rem;box-shadow:var(--glow)}
.rail-cta:hover{filter:brightness(1.08);color:#fff}
.rail-cta svg{width:18px;height:18px}
.rail-nav{display:flex;flex-direction:column;gap:.15rem}
.rail-nav a{display:flex;align-items:center;gap:.75rem;padding:.62rem .75rem;border-radius:11px;
  color:var(--ink-soft);font-weight:600;font-size:.92rem;position:relative}
.rail-nav a:hover{background:var(--panel-2);color:var(--ink)}
.rail-nav a.active{background:var(--grad-soft);color:var(--ink)}
.rail-nav a.active::before{content:"";position:absolute;left:-.9rem;top:22%;bottom:22%;width:3px;
  border-radius:0 3px 3px 0;background:var(--grad)}
.rail-nav a.active svg{stroke:var(--accent)}
.rail-nav a span{flex:1}
.rail-admin{color:var(--accent-2)!important}
.rail-badge{background:var(--red);color:#fff;border-radius:999px;font-size:.66rem;padding:.05rem .42rem;
  font-style:normal;font-weight:800;box-shadow:0 0 0 2px var(--panel)}
/* açılır kategori grubu */
.rail-group{display:flex;flex-direction:column}
.rail-group-head{display:flex;align-items:center;gap:.75rem;padding:.62rem .75rem;border-radius:11px;
  color:var(--ink-soft);font-weight:600;font-size:.92rem;background:none;border:0;cursor:pointer;width:100%;text-align:left;font-family:inherit}
.rail-group-head:hover{background:var(--panel-2);color:var(--ink)}
.rail-group-head span:not(.chev){flex:1}
.rail-group-head .chev{display:inline-flex;transition:transform .2s}
.rail-group-head .chev svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rail-group.collapsed .chev{transform:rotate(-90deg)}
.rail-sublist{display:flex;flex-direction:column;gap:.05rem;overflow:hidden;
  margin:.1rem 0 .2rem .7rem;padding-left:.5rem;border-left:1px solid var(--line);
  transition:max-height .25s ease,opacity .2s;max-height:500px}
.rail-group.collapsed .rail-sublist{max-height:0;opacity:0;margin-top:0;margin-bottom:0}
.rail-sub{display:flex;align-items:center;gap:.5rem;padding:.38rem .55rem;border-radius:9px;
  color:var(--ink-soft);font-size:.85rem;font-weight:500}
.rail-sub:hover{background:var(--panel-2);color:var(--ink);text-decoration:none}
.rail-sub.active{background:var(--grad-soft);color:var(--ink);font-weight:700}
.rail-sub .rs-ic{flex:0 0 1.2rem;font-size:.95rem;text-align:center}
.rail-sub .rs-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-sub .rs-count{flex:0 0 auto;font-size:.7rem;font-weight:700;color:var(--muted);
  background:var(--panel-2);border-radius:999px;padding:.02rem .4rem}
.rail-sub-all{color:var(--accent-2);font-weight:600;margin-top:.2rem;justify-content:flex-start}
.rail-sub-all:hover{color:var(--accent)}

.rail-sep{height:1px;background:var(--line);margin:.55rem .4rem}
.rail-foot{margin-top:auto;padding-top:.9rem;font-size:.74rem;color:var(--muted)}
.rail-foot a{color:var(--muted)}
.rail-backdrop{display:none}

/* ---------- yerleşim: sol sidebar | içerik | sağ trend ---------- */
.page-wrap{max-width:1320px;margin:0 auto;padding:1.1rem 1.2rem}
.layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:1.2rem;align-items:start}
.layout.has-right{grid-template-columns:272px minmax(0,1fr) 290px}
.sidebar{order:1;position:sticky;top:calc(var(--topbar-h) + .8rem)}
.content{order:2;min-width:0}
.right-side{order:3;position:sticky;top:calc(var(--topbar-h) + .8rem);display:flex;flex-direction:column;gap:1rem}

/* ---------- sidebar ---------- */
.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.side-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel-2)}
.side-tabs span,.side-tabs a{flex:1;text-align:center;padding:.75rem;font-size:.84rem;color:var(--muted);font-weight:700}
.side-tabs .active{color:var(--ink);position:relative}
.side-tabs .active::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:var(--grad);border-radius:2px}
.side-tabs a:hover{color:var(--ink)}
.topic-list{list-style:none;margin:0;padding:.3rem;max-height:62vh;overflow:auto}
.topic-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;border-radius:10px}
.topic-list li:hover{background:var(--panel-2)}
.topic-list a{flex:1;color:var(--ink);font-size:.88rem;font-weight:500}
.topic-list a:hover{color:var(--accent-2)}
.topic-list .count{color:#fff;background:var(--grad);border-radius:999px;font-size:.68rem;font-weight:800;
  padding:.1rem .5rem;align-self:center;box-shadow:0 2px 8px rgba(124,108,255,.35)}
.topic-list .empty{color:var(--muted);justify-content:center;font-size:.85rem;padding:1rem}
.side-channels{padding:.9rem}
.side-channels h4{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;margin-bottom:.5rem}
.chip{display:inline-block;background:var(--panel-2);color:var(--ink-soft);padding:.25rem .65rem;
  border-radius:999px;margin:.18rem;font-size:.8rem;border:1px solid var(--line)}
.chip:hover{background:var(--grad);color:#fff;border-color:transparent}

/* ---------- ana içerik ---------- */
.content{min-width:0}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.5rem;margin-bottom:1.2rem;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent),var(--shadow);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* tüm form elemanlarında tutarlı odak halkası */
input:not([type=color]):focus,select:focus,textarea:focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
  outline:none;transition:border-color .15s,box-shadow .15s}

.topic-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.7rem;
  margin-bottom:.8rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.topic-head .th-main{min-width:0;flex:1}
.topic-head h1{font-size:1.75rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}
.topic-head .meta{color:var(--muted);font-size:.82rem}
.th-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.th-actions .btn{padding:.4rem .85rem;font-size:.82rem}
.topic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem}
.topic-meta .tm-pill a{color:inherit;font-weight:700}
.topic-meta .tm-pill a:hover{color:var(--accent-2)}
/* uzman entry araç çubuğu (sıralama + sayaç + arama) */
.entry-toolbar{position:sticky;top:calc(var(--topbar-h) + .4rem);z-index:20;display:flex;align-items:center;
  justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:0 0 1rem;padding:.4rem;border-radius:12px;
  background:color-mix(in srgb,var(--panel-solid) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line)}
.es-tabs{display:inline-flex;gap:.15rem;background:var(--panel-2);border-radius:999px;padding:.2rem}
.es-tabs a{font-size:.82rem;font-weight:700;color:var(--ink-soft);padding:.32rem .8rem;border-radius:999px;white-space:nowrap;transition:all .14s}
.es-tabs a:hover{color:var(--ink)}
.es-tabs a.active{background:var(--grad);color:#fff;box-shadow:var(--glow)}
.et-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.et-count{font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}
.tm-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.76rem;font-weight:600;color:var(--ink-soft);
  background:var(--panel-2);border:1px solid var(--line);padding:.18rem .6rem;border-radius:999px}
.tm-pill.lock{color:#e0a33c;border-color:color-mix(in srgb,#e0a33c 40%,var(--line))}
.kanal{background:var(--grad-soft);color:var(--accent-2);padding:.15rem .6rem;border-radius:999px;font-size:.76rem;
  font-weight:700;border:1px solid var(--line)}

/* entry */
.entry{padding:1.15rem 1.2rem;margin:.8rem 0;position:relative;border:1px solid var(--line);
  border-radius:14px;background:var(--panel-2);
  transition:border-color .18s,box-shadow .18s,transform .18s}
.entry::before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;
  background:var(--grad);opacity:0;transition:opacity .18s}
.entry:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}
.entry:hover::before{opacity:1}
.entry-topic{display:inline-flex;align-items:center;gap:.3rem;font-family:'Sora',sans-serif;font-weight:700;font-size:1.1rem;
  color:var(--ink);margin-bottom:.5rem;line-height:1.3}
.entry-topic::before{content:"#";color:var(--accent-2);font-weight:800;opacity:.55;font-size:.95em}
.entry-topic:hover{color:var(--accent-2)}
.entry-body{font-size:.98rem;line-height:1.8;word-wrap:break-word;color:var(--ink-soft)}
.entry-body b{color:var(--ink)}
.entry-body a:not(.mention):not(.hashtag){border-bottom:0;
  background-image:linear-gradient(var(--accent-2),var(--accent-2));background-repeat:no-repeat;
  background-position:0 100%;background-size:100% 1px;transition:background-size .22s,color .15s;padding-bottom:1px}
.entry-body a:not(.mention):not(.hashtag):hover{background-size:100% 2px;color:var(--accent-2);text-decoration:none}
.entry-body a.mention{color:var(--accent-2);font-weight:600;background:var(--grad-soft);padding:0 .25rem;border-radius:5px}
.entry-body a.hashtag{color:var(--accent-3);font-weight:600}
.spoiler{background:var(--ink-soft);color:transparent;border-radius:4px;cursor:pointer;
  padding:0 .2rem;filter:blur(.01px);user-select:none;transition:color .15s,background .15s}
.spoiler::selection{background:transparent}
.spoiler.revealed{background:var(--panel-2);color:var(--ink);cursor:auto;user-select:auto}
.spoiler a{pointer-events:none}
.spoiler.revealed a{pointer-events:auto}
.entry-inline-img{max-width:100%;max-height:400px;border-radius:12px;border:1px solid var(--line);margin:.5rem auto;display:block;
  box-shadow:0 6px 22px rgba(0,0,0,.12)}
.yt-embed{position:relative;max-width:520px;margin:.7rem 0;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.entry-body a.hashtag:hover{color:var(--accent)}
.entry-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.entry-tags a{font-size:.78rem;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft);
  padding:.1rem .5rem;border-radius:999px}
.entry-tags a:hover{border-color:var(--accent);color:var(--accent-2)}
.entry-seq{position:absolute;top:.55rem;right:.95rem;z-index:1;font-family:'Sora',sans-serif;font-weight:800;
  font-size:1.55rem;line-height:1;color:var(--ink);opacity:.09;pointer-events:none;user-select:none;letter-spacing:-.03em}
.entry.has-seq{padding-top:1.35rem}
.entry.has-seq:hover .entry-seq{opacity:.22;color:var(--accent-2);transition:opacity .2s,color .2s}
/* entry kaydırma-belirme animasyonu */
@media (prefers-reduced-motion: no-preference){
  .entry.reveal{opacity:0;transform:translateY(14px)}
  .entry.reveal.in{opacity:1;transform:none;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
}
/* anchor hedef vurgusu */
@keyframes entryFlash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 65%,transparent),var(--shadow)}
  100%{box-shadow:0 0 0 0 transparent}}
.entry.flash{animation:entryFlash 1.7s ease-out;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
/* j/k ile seçili entry */
.entry.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 1px var(--accent),var(--shadow)}
.entry.current::before{opacity:1}
/* uzun entry: devamını oku */
.entry-body.clamped{max-height:300px;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.read-more{background:none;border:0;color:var(--accent-2);font-weight:700;font-size:.82rem;cursor:pointer;
  padding:.45rem 0 .1rem;font-family:inherit;display:inline-flex;align-items:center;gap:.2rem}
.read-more:hover{text-decoration:underline}
.entry-foot .read-time{cursor:default}
.entry-foot .read-time:hover{color:var(--muted);border-color:var(--line);box-shadow:none}

/* boş durum illüstrasyonu */
.empty-state{text-align:center;padding:2.6rem 1.4rem;color:var(--ink-soft)}
.es-ico{font-size:3.4rem;line-height:1;margin-bottom:.7rem;filter:grayscale(.15);
  animation:esFloat 3.4s ease-in-out infinite}
@keyframes esFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.es-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.12rem;color:var(--ink);margin-bottom:.3rem}
.es-text{font-size:.9rem;max-width:420px;margin:0 auto .2rem}
.es-cta{margin-top:1.1rem}

/* kanal banner */
.channel-banner{position:relative;overflow:hidden;border-radius:16px;padding:1.6rem 1.5rem;margin-bottom:1.1rem;
  color:#fff;background:linear-gradient(135deg,hsl(var(--ch-hue,255) 58% 46%),hsl(calc(var(--ch-hue,255) + 42) 52% 32%))}
.channel-banner::after{content:"";position:absolute;right:-30px;top:-40px;font-size:0;
  width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.cb-row{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cb-ico{font-size:2.6rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.cb-main{flex:1;min-width:0}
.cb-name{font-family:'Sora',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-.02em;margin:0}
.cb-desc{opacity:.92;font-size:.9rem;margin:.2rem 0 0}
.cb-stats{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.cb-stat{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;
  padding:.2rem .7rem;font-size:.78rem;font-weight:600;backdrop-filter:blur(4px)}

/* skeleton yükleme */
.skeleton{position:relative;overflow:hidden;background:var(--panel-2);border-radius:8px}
.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 9%,transparent),transparent);
  animation:skshimmer 1.2s infinite}
@keyframes skshimmer{100%{transform:translateX(100%)}}
.sk-line{height:11px;margin:.5rem 0;border-radius:6px}
.sk-wrap{padding:.6rem}
@media(prefers-reduced-motion:reduce){.skeleton::after{animation:none}.es-ico{animation:none}}
.sukela-badge{position:absolute;top:.9rem;left:.9rem;z-index:2;background:linear-gradient(135deg,#ffd96b,#f0a93c);
  color:#3a2700;font-size:.68rem;font-weight:800;padding:.18rem .6rem;border-radius:999px;
  box-shadow:0 4px 14px rgba(240,169,60,.45);letter-spacing:.02em}
.entry-foot{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line);flex-wrap:wrap}
.vote{display:inline-flex;align-items:center;gap:.2rem;background:var(--panel-2);border:1px solid var(--line);
  border-radius:999px;padding:.1rem}
.vote button{border:0;background:transparent;cursor:pointer;border-radius:999px;width:28px;height:26px;
  font-size:.7rem;color:var(--muted);line-height:1;transition:all .12s}
.vote button{transition:transform .12s,color .12s,background .12s}
.vote button:hover{color:var(--accent-2);background:var(--panel-2)}
.vote button[data-dir=up]:hover{transform:translateY(-2px)}
.vote button[data-dir=down]:hover{transform:translateY(2px)}
.vote button.on-up{background:var(--grad);color:#fff}
.vote button.on-down{background:var(--red);color:#fff}
.vote .score{min-width:1.5rem;text-align:center;font-weight:800;font-size:.82rem;color:var(--ink)}
.entry-foot .act{display:inline-flex;align-items:center;gap:.28rem;color:var(--muted);font-size:.8rem;
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.22rem .6rem;
  cursor:pointer;transition:all .14s}
.entry-foot .act:hover{color:var(--ink);border-color:var(--accent);box-shadow:var(--glow)}
/* birleşik kalp (beğeni + reaksiyon) */
.like-react{position:relative;display:inline-flex}
.like-btn{display:inline-flex;align-items:center;gap:.32rem}
.like-btn .like-ico{font-size:1.05rem;line-height:1;transition:transform .15s}
.like-btn:hover .like-ico{transform:scale(1.25)}
.like-btn .like-count{font-size:.8rem;font-weight:700}
.like-btn.on{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line));background:color-mix(in srgb,var(--red) 12%,transparent)}
.like-btn.on .like-ico{transform:scale(1.12)}
.entry-foot .quote-btn{font-weight:800}
/* okuma süresi etiketi (buton değil) */
.read-time-label{font-size:.74rem;color:var(--muted);display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}
/* "⋯" seçenekler menüsü */
.entry-more{position:relative;display:inline-flex}
.more-btn{font-size:1rem;line-height:.6;padding:.18rem .5rem!important;font-weight:800}
.more-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:60;min-width:190px;
  background:var(--panel-solid);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-lg);
  padding:.3rem;animation:pop .1s ease}
.more-menu.up{top:auto;bottom:calc(100% + 6px)}
.more-menu[hidden]{display:none}
.more-item{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;background:none!important;border:0!important;
  cursor:pointer;color:var(--ink);font-size:.84rem;padding:.5rem .6rem;border-radius:7px;font-family:inherit;box-shadow:none!important}
.more-item:hover{background:var(--panel-2);color:var(--accent-2)}
.more-item.readlater-btn.on,.more-item.feature-btn.on{color:var(--accent-2);font-weight:600}
.more-item.danger{color:var(--red)}
.more-item.danger:hover{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}
.more-item-form{margin:0}
.ef-num{font-weight:700;color:var(--muted)}
/* beğeni animasyonu */
@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.55)}55%{transform:scale(.82)}100%{transform:scale(1.1)}}
.like-ico.pop{animation:heartPop .45s ease}
.heart-particle{position:fixed;z-index:500;color:var(--red);font-size:.85rem;pointer-events:none;
  transform:translate(-50%,-50%);animation:heartFloat .7s ease-out forwards}
@keyframes heartFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.heart-particle{display:none}.like-ico.pop{animation:none}}
.entry-quote{border-left:3px solid color-mix(in srgb,var(--accent) 55%,var(--line));
  background:var(--grad-soft);margin:.5rem 0;padding:.5rem .8rem;border-radius:0 8px 8px 0;
  color:var(--ink-soft);font-style:italic}
.entry-quote a.mention{font-style:normal}
/* favori sürükle-bırak */
.fav-sort-hint{font-size:.8rem;margin:.2rem 0 .6rem}
#favList .entry{padding-left:2.2rem}
.fav-handle{position:absolute;left:.6rem;top:1.1rem;cursor:grab;color:var(--muted);font-size:1.1rem;
  line-height:1;user-select:none;padding:.1rem;border-radius:5px;letter-spacing:-2px}
.fav-handle:hover{color:var(--accent-2);background:var(--panel)}
.fav-handle:active{cursor:grabbing}
#favList .entry.dragging{opacity:.45;border-style:dashed}
.entry-author{display:inline-flex;align-items:center;gap:.55rem;margin-left:auto;
  padding:.2rem .45rem .2rem .2rem;border-radius:999px;border:1px solid transparent;transition:border-color .14s,background .14s}
.entry-author:hover{color:inherit;border-color:var(--line);background:var(--panel)}
.entry-author .ea-meta{display:flex;flex-direction:column;line-height:1.25}
.entry-author .ea-name{font-weight:700;color:var(--ink);font-size:.82rem}
.entry-author .date{color:var(--muted);font-size:.72rem}
.linklike{background:none;border:0;cursor:pointer}

/* avatar */
.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;
  flex-shrink:0;object-fit:cover;vertical-align:middle;line-height:1;box-shadow:0 0 0 2px var(--line-2)}
.entry-author .av{box-shadow:0 0 0 2px transparent;background-clip:padding-box}

/* anket */
.poll{margin:.8rem 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);max-width:480px}
.poll-q{font-weight:700;margin-bottom:.6rem}
.poll-body{display:flex;flex-direction:column;gap:.45rem}
.poll-opt{text-align:left;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;
  padding:.55rem .8rem;cursor:pointer;color:var(--ink);font-size:.9rem;transition:all .12s}
.poll-opt:hover{border-color:var(--accent);background:var(--grad-soft)}
.poll-res{position:relative;border:1px solid var(--line);border-radius:8px;padding:.5rem .8rem;overflow:hidden;
  display:flex;justify-content:space-between;align-items:center;font-size:.88rem}
.poll-res .pr-bar{position:absolute;left:0;top:0;bottom:0;background:var(--grad-soft);z-index:0}
.poll-res.mine .pr-bar{background:var(--grad);opacity:.28}
.poll-res .pr-label,.poll-res .pr-pct{position:relative;z-index:1}
.poll-res.mine .pr-label{font-weight:700;color:var(--ink)}
.poll-res .pr-pct{font-weight:700;color:var(--ink-soft)}
.poll-total{margin-top:.6rem;font-size:.78rem;color:var(--muted)}

/* composer anket oluşturucu */
.poll-builder{display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem;padding:.8rem;
  border:1px dashed var(--line-2);border-radius:var(--radius-sm);background:var(--panel-2)}
.poll-builder[hidden]{display:none}
.poll-builder input{border:1px solid var(--line-2);border-radius:8px;padding:.5rem .7rem;background:var(--panel);color:var(--ink);font-size:.9rem;font-family:inherit}
.poll-builder .pb-q{font-weight:600}
.composer-tools{display:flex;gap:.5rem;flex-wrap:wrap}
.img-upload.on{background:var(--grad-soft);border-color:var(--accent);color:var(--ink)}

/* entry görseli */
.entry-image{display:block;margin:.8rem auto .3rem;max-width:540px;text-align:center}
.entry-image{overflow:hidden;border-radius:12px}
.entry-image img{max-width:100%;max-height:440px;border-radius:12px;border:1px solid var(--line);display:block;margin:0 auto;
  box-shadow:0 6px 22px rgba(0,0,0,.12);transition:transform .35s ease,border-color .2s}
.entry-image:hover img{border-color:var(--accent);transform:scale(1.02)}

/* composer alt bar + görsel yükleme */
.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}
.img-upload{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.85rem;color:var(--ink-soft);
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem}
.img-upload:hover{border-color:var(--accent);color:var(--ink)}
.img-upload .img-name{color:var(--accent-2);font-weight:600;font-size:.8rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* emoji tepkileri */
/* === tepkiler (sosyal medya tarzı) === */
.reactions{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.react-trigger{position:relative;display:inline-flex}
.react-add-btn{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-family:inherit;
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.32rem .8rem;
  color:var(--ink-soft);font-size:.82rem;font-weight:600;transition:all .15s}
.react-add-btn .ra-ico{font-size:1rem;line-height:1}
.react-add-btn:hover{border-color:var(--accent);color:var(--ink);box-shadow:var(--glow)}
.react-add-btn.reacted{background:var(--grad-soft);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent-2)}
/* tepki tepsisi (hover popover) */
.react-picker{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;gap:.1rem;background:var(--panel-solid);
  border:1px solid var(--line-2);border-radius:999px;padding:.35rem .5rem;box-shadow:var(--shadow-lg);z-index:40}
.react-picker::after{content:"";position:absolute;top:100%;left:24px;border:7px solid transparent;border-top-color:var(--panel-solid)}
.react-picker[hidden]{display:none}
.rp-emoji{position:relative;background:none;border:0;cursor:pointer;font-size:1.5rem;line-height:1;padding:.15rem .25rem;
  border-radius:50%;transition:transform .16s cubic-bezier(.2,.8,.3,1.4);transform-origin:bottom center;
  animation:rpIn .26s cubic-bezier(.2,.8,.3,1.4) backwards}
.rp-emoji:hover{transform:translateY(-8px) scale(1.5)}
.rp-emoji.on{background:var(--grad-soft)}
.rp-emoji::after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:#10131c;color:#fff;font-size:.66rem;font-weight:700;padding:.18rem .45rem;border-radius:6px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .12s}
.rp-emoji:hover::after{opacity:1}
.rp-emoji:nth-child(1){animation-delay:.02s}.rp-emoji:nth-child(2){animation-delay:.05s}
.rp-emoji:nth-child(3){animation-delay:.08s}.rp-emoji:nth-child(4){animation-delay:.11s}
.rp-emoji:nth-child(5){animation-delay:.14s}.rp-emoji:nth-child(6){animation-delay:.17s}
@keyframes rpIn{from{opacity:0;transform:translateY(8px) scale(.5)}to{opacity:1;transform:none}}
/* tepki özet pill'leri */
.react-chips{display:flex;gap:.3rem;flex-wrap:wrap}
.react-chip{display:inline-flex;align-items:center;gap:.2rem;background:var(--panel-2);border:1px solid var(--line);
  border-radius:999px;padding:.18rem .5rem;cursor:pointer;font-size:.82rem;transition:all .14s}
.react-chip:hover{border-color:var(--accent);transform:translateY(-1px)}
.react-chip.on{background:var(--grad-soft);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.react-chip .rc-emoji{font-size:.92rem;line-height:1}
.react-chip .rc-count{font-size:.76rem;font-weight:800;color:var(--ink-soft)}
.react-chip.on .rc-count{color:var(--accent-2)}
.react-total{font-size:.74rem;color:var(--muted);margin-left:.1rem}
@media(prefers-reduced-motion:reduce){.rp-emoji{animation:none}}

/* yorumlar */
.comments{margin-top:1rem;padding:1rem;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);animation:pop .14s ease}
.comments-head{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);
  margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.comment-items{display:flex;flex-direction:column;gap:.15rem}
.comment{display:flex;gap:.6rem;padding:.55rem;border-radius:10px;transition:background .15s;animation:cmIn .25s ease}
.comment:hover{background:var(--panel)}
@keyframes cmIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.comment .cm-av{flex-shrink:0}
.comment .cm-av .av{width:30px;height:30px;font-size:13px}
.comment .cm-body{flex:1;min-width:0;font-size:.86rem}
.comment .cm-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.comment .cm-name{font-weight:700;color:var(--ink)}
.comment .cm-name:hover{color:var(--accent-2)}
.comment .cm-text{color:var(--ink-soft);line-height:1.55;margin-top:.12rem;word-wrap:break-word}
.comment .cm-date{color:var(--muted);font-size:.7rem}
.cm-empty{color:var(--muted);font-size:.85rem;padding:.7rem .2rem;text-align:center}
.comment-form{display:flex;gap:.4rem;margin-top:.7rem;align-items:center}
.comment-form .cm-emoji{background:none;border:0;cursor:pointer;font-size:1.15rem;padding:.15rem .3rem;line-height:1;border-radius:8px}
.comment-form .cm-emoji:hover{background:var(--panel)}
.comment-form .emoji-input{flex:1;border:1px solid var(--line-2);border-radius:999px;padding:.55rem .9rem;font-size:.85rem;
  background:var(--panel);color:var(--ink);font-family:inherit;transition:border-color .15s,box-shadow .15s}
.comment-form .emoji-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.comment-form .btn{padding:.5rem 1.1rem}

/* kanal sekmeleri */
.channel-bar{display:flex;gap:.45rem;overflow-x:auto;padding:.2rem 0 .7rem;margin-bottom:.5rem;scrollbar-width:thin}
.channel-bar::-webkit-scrollbar{height:6px}
.channel-bar::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
.channel-bar a{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;background:var(--panel);
  border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;font-size:.84rem;color:var(--ink-soft);font-weight:500}
.channel-bar a:hover{border-color:var(--accent);color:var(--ink)}
.channel-bar a.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}

/* composer */
.composer{background:var(--grad-soft);border:1px solid var(--line-2);border-radius:var(--radius);
  padding:1.2rem 1.4rem;margin-bottom:1.2rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.composer::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 120px at 100% 0,rgba(124,108,255,.18),transparent 70%);pointer-events:none}
.composer h3{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;margin-bottom:.8rem}
.composer h3 .av{width:32px;height:32px;font-size:.85rem}
.composer-title,.composer-cat{width:100%;border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:.6rem .8rem;font-size:.95rem;background:var(--panel);color:var(--ink);font-family:inherit;margin-bottom:.5rem}
.composer-title{font-weight:600}
.composer-title:focus,.composer-cat:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--grad-soft)}
.composer-imgurl{width:100%;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:.5rem .8rem;
  font-size:.88rem;background:var(--panel-2);color:var(--ink);font-family:inherit;margin-top:.5rem}
.composer-imgurl:focus{outline:none;border-color:var(--accent)}

/* hero */
.hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:2.2rem;margin-bottom:1.2rem;
  color:#fff;background:#15182b;border:1px solid var(--line-2);box-shadow:var(--shadow-lg)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(600px 300px at 0% 0%, color-mix(in srgb, var(--accent) 60%, transparent), transparent 60%),
    radial-gradient(600px 320px at 100% 100%, color-mix(in srgb, var(--accent-3) 48%, transparent), transparent 60%),
    linear-gradient(135deg,#1a1c33,#10121f)}
.hero>*{position:relative;z-index:1}
.hero h1{color:#fff;font-size:2rem;margin-bottom:.4rem;letter-spacing:-.03em}
.hero p{opacity:.9;margin:0 0 1.3rem;font-size:1.02rem}
.hero .btn{background:#fff;color:#1a1c33}
.hero .btn:hover{background:#f0f0f5;color:#1a1c33}
.hero .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* butonlar */
.btn{display:inline-block;background:var(--grad);color:#fff;border:0;border-radius:999px;padding:.6rem 1.3rem;
  font-size:.9rem;cursor:pointer;font-weight:700;box-shadow:var(--glow);transition:transform .1s,filter .15s,box-shadow .15s;
  position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg)}
.btn:hover::after{animation:btnShine .65s ease}
@keyframes btnShine{from{left:-80%}to{left:130%}}
.btn:hover{filter:brightness(1.06);color:#fff;transform:translateY(-1px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn.ghost::after,.btn.danger::after{display:none}
.btn.ghost{background:var(--panel-2);color:var(--ink);border:1px solid var(--line-2);box-shadow:none}
.btn.ghost:hover{border-color:var(--accent);background:var(--panel-2)}
.btn.danger{background:linear-gradient(135deg,#ff5d73,#ff8a5d)}

/* ================================================================
   AUTH SAYFASI — giriş / kayıt (AYDINLIK premium tasarım)
   ================================================================ */
/* tek aydınlık tema — site teması ne olursa olsun açık görünür */
body.auth-page{overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;
  background:#eef1f8;color:#191c2b}
body.auth-page .page-wrap{flex:1 0 auto;display:flex;flex-direction:column;margin:0;max-width:none;padding:0}
body.auth-page .layout{flex:1 0 auto;display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0;gap:0;grid-template-columns:none}
body.auth-page .mobile-nav{display:none!important}
body.auth-page .flash{position:fixed;top:5rem;left:50%;transform:translateX(-50%);z-index:60;margin:0}

/* üst bar — aydınlık, cam */
.auth-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:1rem clamp(1rem,4vw,2.4rem);background:rgba(255,255,255,.8);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e7e9f2}
.auth-topbar-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;
  font-family:'Sora',sans-serif;font-weight:800;font-size:1.28rem;letter-spacing:-.03em;color:#191c2b}
.auth-topbar-logo .logo-mark{width:34px;height:34px;flex-shrink:0}
.auth-topbar-logo .logo-mark svg{width:100%;height:100%;display:block}
.auth-topbar-logo .logo-word{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.auth-top-link{color:#4a4f63;font-size:.88rem;font-weight:600;text-decoration:none;
  padding:.5rem 1.15rem;border:1px solid #e0e2ee;border-radius:999px;background:#fff;transition:all .18s}
.auth-top-link:hover{border-color:var(--accent);color:var(--accent)}

/* alt bilgi — aydınlık, koyu yazı */
.auth-footer{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;flex-shrink:0;
  padding:1.2rem 1rem;color:#8a8fa3;font-size:.82rem;background:#fff;border-top:1px solid #e7e9f2}
.auth-footer a{color:#6b7180;text-decoration:none;transition:color .15s}
.auth-footer a:hover{color:var(--accent)}
.auth-footer .af-lang a.on{color:var(--accent);font-weight:700}

/* SAHNE — yumuşak aydınlık zemin */
.auth-stage{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:center;
  padding:5.5rem 1.2rem 3rem;overflow:hidden;
  background:
    radial-gradient(620px 420px at 12% 16%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%),
    radial-gradient(560px 440px at 88% 84%,color-mix(in srgb,#ec4899 11%,transparent),transparent 70%),
    linear-gradient(180deg,#eef1f8,#e8ebf5)}
.auth-stage::before,.auth-stage::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none}
.auth-stage::before{width:420px;height:420px;top:-120px;left:-80px;background:color-mix(in srgb,var(--accent) 22%,transparent);opacity:.5;animation:axFloat1 16s ease-in-out infinite}
.auth-stage::after{width:380px;height:380px;bottom:-120px;right:-60px;background:color-mix(in srgb,#22d3ee 20%,transparent);opacity:.45;animation:axFloat2 20s ease-in-out infinite}
@keyframes axFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
@keyframes axFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,-26px)}}

/* KART — beyaz */
.auth-card{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;
  max-width:980px;width:100%;border:1px solid #fff;border-radius:26px;overflow:hidden;background:#fff;
  box-shadow:0 30px 90px rgba(40,44,80,.16),0 8px 24px rgba(40,44,80,.07);transition:transform .25s ease-out}

/* SOL PANEL — aydınlık lavanta */
.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  padding:3rem 2.6rem;color:#191c2b;background:linear-gradient(165deg,#f6f5ff 0%,#eef2ff 55%,#f4f0ff 100%)}
.ab-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ab-deco i{position:absolute;border-radius:50%;filter:blur(42px);opacity:.5}
.ab-deco .d1{width:210px;height:210px;background:color-mix(in srgb,var(--accent) 38%,transparent);top:-55px;right:-45px}
.ab-deco .d2{width:170px;height:170px;background:color-mix(in srgb,#ec4899 28%,transparent);bottom:-45px;left:-35px}
.auth-brand>*{position:relative;z-index:1}
.ab-logo-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem}
.ab-logo-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:var(--grad);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
.ab-logo-icon svg{width:24px;height:24px;fill:#fff}
.auth-logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.55rem;letter-spacing:-.04em;color:#191c2b}
.auth-brand p{color:#4a4f63;margin:0 0 1rem;font-size:1rem}
.ab-headline{font-family:'Sora',sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:-.035em;
  line-height:1.18;margin:0 0 1.5rem;color:#191c2b;min-height:2.3em}
.ax-typed{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ax-typed::after{content:"";display:inline-block;width:3px;height:1em;vertical-align:-2px;margin-left:3px;
  background:var(--accent);border-radius:2px;animation:caretBlink 1s steps(1) infinite}
@keyframes caretBlink{50%{opacity:0}}
/* avatar yığını */
.ax-avatars{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem}
.ax-av-stack{display:flex;align-items:center}
.ax-av-stack>*{width:36px;height:36px;border-radius:50%;margin-left:-11px;object-fit:cover;
  border:2.5px solid #fff;box-shadow:0 2px 6px rgba(40,44,80,.14);flex-shrink:0}
.ax-av-stack>*:first-child{margin-left:0}
.ax-av-more{display:grid;place-items:center;background:var(--grad);color:#fff;font-size:.66rem;font-weight:800}
.ax-av-text{font-size:.84rem;color:#4a4f63}
.ax-av-text b{color:#191c2b}
/* canlı akış ticker */
.ab-ticker{margin:0 0 1.5rem;background:#fff;border:1px solid #e7e9f2;border-radius:15px;
  padding:.85rem 1rem;box-shadow:0 6px 18px rgba(40,44,80,.06)}
.ab-ticker-head{display:flex;align-items:center;gap:.45rem;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.09em;color:#8a8fa3;margin-bottom:.5rem}
.ab-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:livePulse 1.7s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ab-ticker-viewport{height:44px;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent);
  mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}
.ab-ticker-track{display:flex;flex-direction:column;animation:tickerScroll 18s linear infinite}
.ab-ticker:hover .ab-ticker-track{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.ab-ticker-item{height:44px;display:flex;flex-direction:column;justify-content:center;gap:.1rem}
.tk-user{font-size:.82rem;font-weight:700;color:#191c2b;display:flex;align-items:center;gap:.35rem}
.tk-user::before{content:"\270D\FE0F";font-size:.72rem}
.tk-text{font-size:.74rem;color:#8a8fa3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* istatistik */
.auth-stats{display:flex;background:#fff;border:1px solid #e7e9f2;border-radius:15px;overflow:hidden;
  box-shadow:0 6px 18px rgba(40,44,80,.06)}
.auth-stat{flex:1;padding:.9rem .4rem;text-align:center;border-right:1px solid #eef0f6}
.auth-stat:last-child{border-right:0}
.as-num{display:block;font-size:1.45rem;font-weight:800;font-family:'Sora',sans-serif;letter-spacing:-.03em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.as-label{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#8a8fa3;margin-top:.2rem}

/* SAĞ PANEL — beyaz form */
.auth-body{padding:3rem 2.6rem;display:flex;flex-direction:column;justify-content:center;background:#fff}
.auth-back{display:inline-flex;align-items:center;gap:.35rem;color:#8a8fa3;font-size:.82rem;margin-bottom:1.2rem;text-decoration:none}
.auth-back:hover{color:var(--accent)}
.ab-header{margin-bottom:1.6rem}
.ab-header-icon{font-size:2rem;display:block;margin-bottom:.5rem;
  animation:waveHand .75s ease-in-out .3s 2 alternate;transform-origin:70% 70%}
@keyframes waveHand{0%{transform:rotate(0)}50%{transform:rotate(-20deg)}100%{transform:rotate(20deg)}}
.ab-header h2{font-size:1.65rem;margin:0 0 .35rem;font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-.035em;color:#191c2b}
.auth-sub{color:#8a8fa3;font-size:.9rem;margin:0}
/* eski kayit.php özellik listesi uyumu */
.auth-feats{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem;font-size:.9rem;color:#4a4f63}
.auth-feats li{display:flex;align-items:center;gap:.5rem}
/* sosyal giriş butonları */
.social-logins{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.social-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.74rem .6rem;border:1.5px solid #e4e6f0;border-radius:12px;background:#fff;color:#191c2b;
  font-weight:600;font-size:.86rem;cursor:pointer;text-decoration:none;
  transition:transform .18s cubic-bezier(.34,1.4,.6,1),box-shadow .18s,border-color .18s}
.social-btn svg{width:19px;height:19px;flex-shrink:0}
.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,44,80,.12)}
.social-btn:active{transform:translateY(0) scale(.98)}
.sb-google:hover{border-color:#4285F4}
.sb-apple svg{fill:#191c2b}.sb-apple:hover{border-color:#191c2b}
.sb-x svg{fill:#191c2b}.sb-x:hover{border-color:#191c2b}
.sb-facebook svg{fill:#1877F2}.sb-facebook:hover{border-color:#1877F2}
/* ayraç */
.auth-divider{display:flex;align-items:center;gap:.85rem;margin:1.4rem 0;color:#a0a4b8;font-size:.8rem}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e7e9f2}
.auth-divider span{white-space:nowrap}
/* floating label inputlar */
.fl-field{position:relative;margin-bottom:1.1rem}
.fl-field input,.pw-wrap-fl input{width:100%;padding:1.32rem .9rem .46rem;font-size:.95rem;
  border:1.5px solid #e4e6f0;border-radius:12px;background:#f7f8fc;color:#191c2b;font-family:inherit;
  transition:border-color .2s,box-shadow .2s,background .2s;outline:none}
.fl-field input::placeholder,.pw-wrap-fl input::placeholder{color:transparent}
.fl-field input:focus,.pw-wrap-fl input:focus{border-color:var(--accent);background:#fff;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.fl-field label,.pw-wrap-fl label{position:absolute;left:.92rem;top:.86rem;font-size:.95rem;color:#9aa0b4;
  pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1);z-index:1;line-height:1}
.fl-field input:focus+label,.fl-field input:not(:placeholder-shown)+label,
.pw-wrap-fl input:focus+label,.pw-wrap-fl input:not(:placeholder-shown)+label{
  top:.3rem;font-size:.69rem;color:var(--accent);font-weight:700;letter-spacing:.02em}
.fl-field.has-icon .fl-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:#b3b8c9;z-index:2;pointer-events:none;transition:color .2s}
.fl-field.has-icon .fl-icon svg{width:100%;height:100%;display:block}
.fl-field.has-icon>input,.fl-field.has-icon .pw-wrap-fl input{padding-left:2.7rem}
.fl-field.has-icon>label,.fl-field.has-icon .pw-wrap-fl label{left:2.7rem}
.fl-field.has-icon:focus-within .fl-icon{color:var(--accent)}
.pw-wrap-fl{position:relative}
.pw-wrap-fl .pw-toggle{position:absolute;right:.72rem;top:50%;transform:translateY(-50%);background:none;border:0;
  cursor:pointer;font-size:.9rem;opacity:.4;padding:.35rem;z-index:2;transition:opacity .15s}
.pw-wrap-fl .pw-toggle:hover{opacity:1}
.fl-field.has-error input{border-color:#ff5d73!important}
/* beni hatırla / şifremi unuttum */
.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.auth-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.84rem;color:#4a4f63;user-select:none}
.auth-check input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}
.ac-box{width:19px;height:19px;border:1.5px solid #cfd3e2;border-radius:5px;display:inline-flex;
  align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;background:#fff}
.auth-check input:checked+.ac-box{background:var(--accent);border-color:var(--accent)}
.auth-check input:checked+.ac-box::after{content:"\2713";font-size:.72rem;font-weight:800;color:#fff;line-height:1}
.auth-forgot{font-size:.83rem;color:#8a8fa3;text-decoration:none;transition:color .15s}
.auth-forgot:hover{color:var(--accent)}
/* giriş butonu */
.auth-submit{width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:700;border-radius:13px;
  display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}
.auth-submit .as-arrow{display:inline-block;transition:transform .2s}
.auth-submit:hover .as-arrow{transform:translateX(4px)}
.auth-submit .as-loader{display:none;align-items:center;justify-content:center}
.auth-submit.loading .as-text,.auth-submit.loading .as-arrow{display:none}
.auth-submit.loading .as-loader{display:flex}
.auth-submit .as-loader svg{width:22px;height:22px;animation:authSpin .75s linear infinite}
@keyframes authSpin{to{transform:rotate(360deg)}}
/* hata kutusu */
.auth-alert{display:flex;align-items:center;gap:.65rem;background:#fff0f2;border:1px solid #ffd0d7;
  border-radius:11px;padding:.78rem 1rem;margin-bottom:1.3rem;font-size:.88rem;color:#b3263b;animation:authShake .45s ease-out}
.aa-icon{font-size:1.05rem;flex-shrink:0}
@keyframes authShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
/* kayıt CTA */
.auth-register-cta .btn.ghost{width:100%;padding:.78rem;font-size:.93rem;border-radius:12px;
  display:flex;align-items:center;justify-content:center;background:#f5f6fb;border:1.5px solid #e4e6f0;color:#191c2b}
.auth-register-cta .btn.ghost:hover{border-color:var(--accent);background:#fff;color:var(--accent)}

/* klasik şifre toggle + güç ölçer (diğer auth sayfaları) */
.pw-wrap{position:relative}
.pw-wrap input{padding-right:2.6rem!important;width:100%}
.pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:1rem;opacity:.6;line-height:1}
.pw-toggle:hover{opacity:1}
.pw-meter{height:5px;border-radius:999px;background:#eef0f6;overflow:hidden;margin:.45rem 0 .1rem}
.pw-meter i{display:block;height:100%;width:0;border-radius:999px;transition:width .25s,background .25s}
.pw-hint{font-size:.74rem;color:#8a8fa3;min-height:1em}

/* eski kayit.php sarmalayıcı uyumu */
.auth-wrap{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2.4rem 1rem}

/* ================================================================
   INSTAGRAM TARZI ORTALANMIŞ GİRİŞ
   ================================================================ */
.auth-center{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.75rem;padding:5.5rem 1rem 3rem}
.ig-box{width:100%;max-width:388px;background:#fff;border:1px solid #e7e9f2;border-radius:18px;
  padding:2.6rem 2.3rem 2.2rem;box-shadow:0 18px 50px rgba(40,44,80,.10)}
.ig-logo{display:flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;margin-bottom:.5rem}
.ig-logo .logo-mark{width:42px;height:42px;flex-shrink:0}
.ig-logo .logo-mark svg{width:100%;height:100%;display:block}
.ig-logo .logo-word{font-family:'Sora',sans-serif;font-weight:800;font-size:1.85rem;letter-spacing:-.045em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ig-tag{text-align:center;color:#8a8fa3;font-size:.92rem;margin:0 0 1.7rem;line-height:1.45}
.ig-socials{display:flex;flex-direction:column;gap:.62rem;margin-bottom:.2rem}
.ig-socials .social-btn{width:100%;padding:.82rem;font-size:.92rem}
.ig-box form{margin:0}
.ig-forgot{display:block;text-align:center;margin-top:1.2rem;font-size:.85rem;color:#8a8fa3;text-decoration:none}
.ig-forgot:hover{color:var(--accent)}
.ig-box.ig-alt{max-width:388px;padding:1.25rem;text-align:center;font-size:.9rem;color:#4a4f63}
.ig-box.ig-alt a{color:var(--accent);font-weight:700;text-decoration:none}
.ig-box.ig-alt a:hover{text-decoration:underline}
/* Cloudflare Turnstile widget */
.ts-widget{margin:.2rem 0 1.1rem;min-height:65px;display:flex;justify-content:center}

/* Özel gün banner'ı (hayırlı cumalar, bayramlar) */
.special-banner{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;padding:.8rem 1rem;
  border-radius:14px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 88%,#000),var(--accent-2));
  box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent);
  animation:sbIn .5s cubic-bezier(.34,1.3,.6,1)}
@keyframes sbIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.special-banner::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120px 60px at 12% 0,rgba(255,255,255,.25),transparent 70%)}
.special-banner .sb-emoji{font-size:1.5rem;line-height:1;flex-shrink:0;position:relative;z-index:1}
.special-banner .sb-msg{font-weight:700;font-size:.96rem;flex:1;position:relative;z-index:1;letter-spacing:-.01em}
.special-banner .sb-close{background:rgba(255,255,255,.18);border:0;color:#fff;width:26px;height:26px;
  border-radius:50%;cursor:pointer;font-size:.85rem;line-height:1;flex-shrink:0;position:relative;z-index:1;
  display:grid;place-items:center;transition:background .15s}
.special-banner .sb-close:hover{background:rgba(255,255,255,.32)}
/* kayıt: koşullar notu */
.ig-terms{text-align:center;font-size:.76rem;color:#a0a4b8;margin:1rem 0 0;line-height:1.4}
.ig-terms a{color:#8a8fa3;text-decoration:underline}
.ig-terms a:hover{color:var(--accent)}
@media(max-width:440px){.ig-box{padding:2.1rem 1.6rem}.auth-center{padding:5rem .9rem 2.5rem}}

/* responsive */
@media(max-width:760px){
  .auth-card{grid-template-columns:1fr;transform:none!important}
  .auth-brand{padding:2.2rem 1.9rem}
  .ab-headline{font-size:1.45rem;min-height:auto}
  .auth-body{padding:2.2rem 1.9rem}
  .ab-ticker{display:none}
  .auth-stage{padding:5rem 1rem 2.5rem}
}

/* formlar */
.form-card{max-width:440px;margin:2.5rem auto}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.82rem;color:var(--ink-soft);margin-bottom:.35rem;font-weight:600}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:.65rem .85rem;font-size:.95rem;background:var(--panel-2);color:var(--ink);font-family:inherit}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,108,255,.16)}

/* editör */
.entry-form textarea{width:100%;min-height:130px;border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:.85rem;font-family:inherit;font-size:.95rem;resize:vertical;background:var(--panel-2);color:var(--ink)}
.entry-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,108,255,.16)}
.toolbar{margin:.55rem 0;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.toolbar button{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:.28rem .6rem;
  cursor:pointer;font-size:.8rem;color:var(--ink-soft)}
.toolbar button:hover{background:var(--grad);color:#fff;border-color:transparent}
.toolbar .charcount{margin-left:auto;font-size:.76rem;color:var(--muted)}
.editor-preview{border:1px dashed var(--line-2);border-radius:var(--radius-sm);padding:.85rem;margin-top:.5rem;
  background:var(--panel-2);font-size:.95rem;line-height:1.78;min-height:2rem;color:var(--ink-soft)}
.editor-preview:empty::before{content:"önizleme burada görünecek…";color:var(--muted)}

/* flash */
.flash{max-width:var(--maxw);margin:.7rem auto 0;padding:.7rem 1.1rem .7rem 2.6rem;border-radius:var(--radius-sm);
  font-size:.9rem;border:1px solid var(--line);position:relative;animation:slidein .3s ease}
.flash::before{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:800}
.flash-info{background:var(--grad-soft);color:var(--accent-2);border-left:3px solid var(--accent)}
.flash-info::before{content:"ℹ"}
.flash-ok{background:rgba(54,211,153,.14);color:var(--green);border-left:3px solid var(--green)}
.flash-ok::before{content:"✓"}
.flash-warn{background:rgba(255,207,92,.14);color:var(--gold);border-left:3px solid var(--gold)}
.flash-warn::before{content:"⚠"}
.flash-error{background:rgba(255,93,115,.14);color:var(--red);border-left:3px solid var(--red)}
.flash-error::before{content:"✕"}

/* toast (modern) */
.toast{position:fixed;left:50%;bottom:28px;z-index:999;transform:translateX(-50%) translateY(16px);
  display:flex;align-items:center;gap:.5rem;max-width:min(92vw,440px);
  background:var(--panel-solid);color:var(--ink);border:1px solid var(--line-2);
  padding:.65rem 1.1rem .65rem .9rem;border-radius:12px;font-size:.88rem;font-weight:600;
  box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;
  transition:opacity .28s,transform .28s cubic-bezier(.2,.7,.2,1)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast::before{font-weight:800;font-size:.95rem;flex-shrink:0}
.toast.t-info{border-left:3px solid var(--accent)}
.toast.t-info::before{content:"ℹ";color:var(--accent-2)}
.toast.t-ok{border-left:3px solid var(--green)}
.toast.t-ok::before{content:"✓";color:var(--green)}
.toast.t-error{border-left:3px solid var(--red)}
.toast.t-error::before{content:"✕";color:var(--red)}
@media(max-width:860px){.toast{bottom:78px}}
.flash-levelup{background:linear-gradient(135deg,rgba(240,180,40,.2),rgba(168,85,247,.15));
  color:var(--ink);font-weight:700;border:1px solid rgba(240,180,40,.4);text-align:center}
.confetti-piece{position:fixed;top:-12px;width:9px;height:14px;z-index:400;pointer-events:none;border-radius:2px;
  animation:conffall linear forwards}
@keyframes conffall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}

/* sayfalama */
.pager{display:flex;gap:.35rem;justify-content:center;margin:1.2rem 0;flex-wrap:wrap}
.pager a,.pager span{padding:.42rem .8rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-size:.85rem;color:var(--ink)}
.pager a:hover{border-color:var(--accent);color:var(--accent-2)}
.pager .cur{background:var(--grad);color:#fff;border-color:transparent}

/* profil */
.profile-card{padding:0;overflow:hidden}
.profile-cover{height:170px;background:var(--grad);background-size:cover;background-position:center;position:relative}
.profile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
.profile-info{display:flex;gap:1.2rem;padding:0 1.5rem 1.4rem;margin-top:-48px;position:relative}
.profile-avatar .av{width:96px;height:96px;font-size:2.2rem;box-shadow:0 0 0 4px var(--panel-solid),0 10px 30px rgba(0,0,0,.4)}
.profile-main{flex:1;min-width:0;padding-top:54px}
.profile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.profile-name{font-size:1.6rem;margin:0}
.profile-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.profile-bio{color:var(--ink-soft);margin:.5rem 0 0}
.profile-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:.55rem 0 0;font-size:.85rem}
.profile-meta .pm-item{color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}
a.profile-meta .pm-item:hover,.profile-meta a.pm-item:hover{color:var(--accent-2);text-decoration:underline}
.badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.ubadge{display:inline-flex;align-items:center;gap:.25rem;background:var(--panel-2);border:1px solid var(--line);
  color:var(--ink-soft);font-size:.76rem;font-weight:600;padding:.18rem .55rem;border-radius:999px}
.ubadge.role{background:var(--grad-soft);color:var(--accent-2);border-color:transparent}
.ubadge.gold{background:linear-gradient(135deg,rgba(245,200,80,.2),rgba(240,160,40,.12));
  color:var(--gold);border-color:rgba(245,200,80,.3)}
.stat-row{display:flex;gap:1.8rem;margin-top:.9rem;flex-wrap:wrap}
.stat-row b{display:block;font-size:1.2rem;font-family:'Sora',sans-serif}
.stat-row span{color:var(--muted);font-size:.76rem}
@media(max-width:560px){
  .profile-info{flex-direction:column;align-items:center;text-align:center;margin-top:-44px}
  .profile-main{padding-top:0}
  .profile-top{justify-content:center}
}

/* bildirim listesi */
.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.notif-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .5rem;border-radius:12px;transition:background .14s}
.notif-item:hover{background:var(--panel-2)}
.notif-item.unread{background:var(--grad-soft)}
.notif-item.unread::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2);flex-shrink:0;margin-left:-.15rem}
.nf-link{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0;color:var(--ink)}
.nf-link:hover{text-decoration:none}
.nf-av{position:relative;flex-shrink:0}
.nf-av .av{width:42px;height:42px}
.nf-type{position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border-radius:50%;font-size:.62rem;
  display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--panel-solid);font-weight:800}
.nf-type.nf-vote{background:#22c55e}.nf-type.nf-favorite,.nf-type.nf-reply{background:var(--accent)}
.nf-type.nf-mention{background:#f59e0b}.nf-type.nf-follow{background:#3b82f6}
.nf-type.nf-topic{background:#8b5cf6}.nf-type.nf-levelup{background:#f0b429}
.nf-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.nf-text{font-size:.88rem;color:var(--ink)}
.nf-topic{font-style:normal;color:var(--accent-2);font-weight:600}
.nf-time{font-size:.72rem;color:var(--muted)}
.nf-fb{flex-shrink:0;padding:.35rem .85rem;font-size:.8rem}

/* debe / sıralı liste */
.rank-list{list-style:none;margin:0;padding:0;counter-reset:r}
.rank-list li{counter-increment:r;display:flex;gap:.9rem;padding:.9rem .3rem;border-bottom:1px solid var(--line)}
.rank-list li::before{content:counter(r);font-family:'Sora',sans-serif;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  min-width:1.8rem;text-align:center;font-size:1.15rem}
.rank-list .rk-body{flex:1;min-width:0}
.rank-list .rk-body .t{font-weight:700;color:var(--ink)}
.rank-list .rk-score{color:var(--accent-2);font-weight:800;font-size:.85rem;align-self:center}

/* === debe (öne çıkan entry'ler) === */
.debe-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.debe-item{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem;border-radius:14px;border:1px solid var(--line);
  background:var(--panel-2);transition:border-color .15s,transform .15s,box-shadow .15s}
.debe-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}
.debe-item.top{background:linear-gradient(100deg,color-mix(in srgb,#f0c040 12%,var(--panel-2)),var(--panel-2))}
.debe-rank{flex-shrink:0;width:2.1rem;text-align:center;font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;color:var(--muted);padding-top:.15rem}
.debe-item.top .debe-rank{font-size:1.5rem}
.debe-body{flex:1;min-width:0}
.debe-topic{font-family:'Sora',sans-serif;font-weight:700;font-size:1.04rem;color:var(--ink);display:inline-flex;align-items:center;gap:.25rem}
.debe-topic::before{content:"#";color:var(--accent-2);opacity:.5}
.debe-topic:hover{color:var(--accent-2)}
.debe-snippet{color:var(--ink-soft);font-size:.88rem;line-height:1.5;margin:.35rem 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.debe-meta{display:flex;align-items:center;gap:.7rem;font-size:.75rem;color:var(--muted);flex-wrap:wrap}
.debe-author{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-soft);font-weight:600}
.debe-author:hover{color:var(--accent-2);text-decoration:none}
.debe-author .av{width:20px;height:20px;font-size:10px}
.debe-score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:62px;padding:.45rem .5rem;border-radius:12px;background:var(--grad);color:#fff;box-shadow:var(--glow)}
.debe-score b{font-family:'Sora',sans-serif;font-size:1.2rem;font-weight:800;line-height:1.1}
.debe-score small{font-size:.6rem;opacity:.85;text-transform:uppercase;letter-spacing:.03em}
.debe-score.react{background:var(--panel);color:var(--accent-2);border:1px solid var(--accent);box-shadow:none}
@media(max-width:560px){.debe-score{min-width:50px}.debe-author .av{display:none}}

/* kategori kartları (renkli) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}
.cat-card2{display:flex;flex-direction:column;gap:.25rem;position:relative;overflow:hidden;
  background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:1rem;
  transition:transform .16s,border-color .16s,box-shadow .16s}
.cat-card2::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,hsl(var(--ch-hue,255) 65% 55%),hsl(calc(var(--ch-hue,255) + 40) 60% 45%))}
.cat-card2:hover{transform:translateY(-3px);border-color:hsl(var(--ch-hue,255) 60% 50%);
  box-shadow:0 10px 28px rgba(0,0,0,.14);text-decoration:none}
.cc2-ico{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:12px;
  background:hsl(var(--ch-hue,255) 60% 50% / .15);margin-bottom:.25rem}
.cc2-name{font-weight:800;color:var(--ink);font-size:1.02rem;font-family:'Sora',sans-serif}
.cc2-desc{font-size:.8rem;color:var(--muted);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc2-stats{display:flex;gap:.9rem;margin-top:.55rem;font-size:.74rem;color:var(--muted)}
.cc2-stats b{color:hsl(var(--ch-hue,255) 60% 52%);font-weight:800;font-family:'Sora',sans-serif}
/* zengin başlık listesi (kategori sayfası) */
.topic-list.rich li{align-items:center;padding:.5rem .2rem}
.topic-list.rich .tl-link{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0;color:var(--ink)}
.topic-list.rich .tl-link:hover{text-decoration:none}
.topic-list.rich .tl-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topic-list.rich .tl-link:hover .tl-title{color:var(--accent-2)}
.topic-list.rich .tl-meta{font-size:.7rem;color:var(--muted)}

/* e-posta doğrulama şeridi */
.verify-banner{background:linear-gradient(135deg,rgba(255,207,92,.16),rgba(245,158,11,.10));
  border:1px solid rgba(245,158,11,.3);color:var(--gold);padding:.7rem 1rem;border-radius:var(--radius-sm);
  margin-bottom:1.2rem;font-size:.9rem;font-weight:500}
.verify-banner a{color:var(--gold);font-weight:800;text-decoration:underline}

/* arama filtreleri */
.search-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 .2rem}
.search-filters .sf-q{flex:1;min-width:180px}
.search-filters input,.search-filters select{border:1px solid var(--line-2);border-radius:var(--radius-sm);
  padding:.55rem .75rem;background:var(--panel-2);color:var(--ink);font-size:.9rem;font-family:inherit}
.search-filters input:focus,.search-filters select:focus{outline:none;border-color:var(--accent)}

/* istatistik sayfası */
.stat-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.8rem;margin-top:.7rem}
.stat-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:1.1rem .8rem;text-align:center;
  transition:transform .15s,border-color .15s}
.stat-tile:hover{transform:translateY(-2px);border-color:var(--accent)}
.stat-tile .st-ico{font-size:1.3rem;display:block;margin-bottom:.3rem}
.stat-tile b{display:block;font-family:'Sora',sans-serif;font-size:1.8rem;line-height:1.1;color:var(--ink)}
.stat-tile .st-lbl{color:var(--muted);font-size:.76rem}
.stat-tile.accent{background:var(--grad-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.stat-tile.accent b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* rütbe ilerleme kartı */
.rank-card{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;border-radius:14px;
  background:var(--grad-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.rc-icon{font-size:2.2rem;flex-shrink:0}
.rc-main{flex:1;min-width:0}
.rc-name{font-weight:800;font-family:'Sora',sans-serif;color:var(--ink)}
.rc-name .rc-lvl{font-weight:600;color:var(--ink-soft);font-size:.86rem}
.rc-bar{height:8px;border-radius:999px;background:var(--panel);overflow:hidden;margin:.45rem 0 .3rem}
.rc-bar i{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .4s}
/* aktivite grafiği */
.chart-summary{display:flex;gap:1.2rem;flex-wrap:wrap;margin:.4rem 0 .2rem;font-size:.78rem;color:var(--muted)}
.chart-summary b{color:var(--ink);font-family:'Sora',sans-serif;font-size:.95rem}
.mini-chart{display:flex;align-items:flex-end;gap:2px;height:96px;margin-top:.6rem;
  border-bottom:1px solid var(--line);padding-bottom:1px}
.mini-chart .mc-bar{flex:1;height:100%;display:flex;align-items:flex-end}
.mini-chart .mc-bar i{display:block;width:100%;background:var(--grad);border-radius:3px 3px 0 0;min-height:3px;transition:filter .12s}
.mini-chart .mc-bar:hover i{filter:brightness(1.25)}
.mini-chart .mc-bar.best i{background:linear-gradient(180deg,#f0c040,#e6920a)}
/* tepki dağılımı barları */
.react-bars{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem}
.rbar{display:flex;align-items:center;gap:.6rem}
.rbar-emoji{font-size:1.2rem;width:1.6rem;text-align:center;flex-shrink:0}
.rbar-track{flex:1;height:14px;background:var(--panel-2);border-radius:999px;overflow:hidden}
.rbar-track i{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .5s}
.rbar-count{font-family:'Sora',sans-serif;font-weight:800;color:var(--ink);min-width:2rem;text-align:right;flex-shrink:0}

/* düzenleme geçmişi */
.rev-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1rem;margin-bottom:.8rem;background:var(--panel-2)}
.rev-item.rev-current{border-color:var(--accent);background:var(--grad-soft)}
.rev-head{font-size:.82rem;margin-bottom:.5rem}

/* rozet vitrini */
.vitrin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;margin-top:.4rem}
.vitrin-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;
  padding:.9rem .6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}
.vitrin-item.gold{background:linear-gradient(135deg,rgba(240,200,80,.16),rgba(240,160,40,.08));border-color:rgba(240,200,80,.35)}
.vitrin-item.role{background:var(--grad-soft);border-color:transparent}
.vitrin-item .vi-icon{font-size:1.8rem;line-height:1}
.vitrin-item b{font-size:.82rem}
.vitrin-item .vi-desc{font-size:.68rem;color:var(--muted);line-height:1.3}
.vitrin-item.locked{opacity:.5;filter:grayscale(.8);border-style:dashed}
.vitrin-item.locked .vi-icon{filter:grayscale(1)}
.vitrin-item.locked::before{content:"🔒";position:absolute;top:.4rem;right:.5rem;font-size:.7rem;filter:none}
.vitrin-item{position:relative}

/* premium + seviye */
.pr-badge{font-size:.85em}
.premium-name{background:linear-gradient(90deg,#f0b429,#ffd96b,#f0a93c);-webkit-background-clip:text;background-clip:text;color:transparent}
.udd-premium{color:#e6920a!important;font-weight:700}
.profile-rank{margin-top:.4rem}
.rank-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--grad-soft);color:var(--accent-2);
  border:1px solid var(--line);border-radius:999px;padding:.18rem .6rem;font-size:.8rem;font-weight:700}
.rank-bar{height:7px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin:.45rem 0 .2rem;max-width:260px}
.rank-bar i{display:block;height:100%;background:var(--grad)}
.premium-hero{text-align:center;background:radial-gradient(600px 200px at 50% 0,rgba(240,180,40,.14),transparent 70%)}
.premium-hero .ph-badge{font-size:3rem}
.premium-hero h1{font-size:1.8rem}
.premium-hero .gold{background:linear-gradient(90deg,#f0b429,#ffd96b);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-btn{background:linear-gradient(135deg,#f0b429,#e6920a);color:#3a2700;box-shadow:0 8px 24px rgba(230,146,10,.4)}
.premium-btn:hover{filter:brightness(1.06);color:#3a2700}
.premium-active{display:inline-block;background:rgba(54,211,153,.16);color:var(--green);font-weight:700;padding:.5rem 1rem;border-radius:999px}
.premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin-top:.5rem}
.premium-feat{display:flex;gap:.7rem;align-items:flex-start;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}
.premium-feat .pf-ic{font-size:1.6rem}
.premium-feat b{display:block}
.premium-feat span{font-size:.8rem;color:var(--muted)}
/* premium hero ekstra */
.premium-hero .ph-badge{display:inline-block;animation:gemFloat 3s ease-in-out infinite;filter:drop-shadow(0 6px 16px rgba(240,180,40,.5))}
@keyframes gemFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
.ph-proof{display:inline-block;margin:.6rem 0;font-size:.84rem;color:var(--ink-soft);
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem}
.ph-proof b{color:#e6920a}
/* === premium fiyatlandırma kartları === */
.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.2rem}
.plan-card{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.4rem;
  display:flex;flex-direction:column;position:relative}
.plan-card.featured{border:2px solid #f0b429;box-shadow:0 14px 40px rgba(230,146,10,.18);
  background:radial-gradient(500px 180px at 50% 0,rgba(240,180,40,.1),transparent 70%),var(--panel-solid)}
.plan-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f0b429,#e6920a);
  color:#3a2700;font-size:.72rem;font-weight:800;padding:.25rem .8rem;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px rgba(230,146,10,.4)}
.plan-name{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--ink)}
.plan-price{font-family:'Sora',sans-serif;font-weight:800;font-size:2.4rem;color:var(--ink);margin:.3rem 0 1rem;line-height:1}
.plan-price span{font-size:.9rem;font-weight:600;color:var(--muted)}
.plan-feats{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.55rem;flex:1}
.plan-feats li{font-size:.88rem;color:var(--ink-soft);padding-left:1.5rem;position:relative;line-height:1.4}
.plan-feats li.yes::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.plan-feats li.no{color:var(--muted);opacity:.7}
.plan-feats li.no::before{content:"✕";position:absolute;left:0;color:var(--muted);font-weight:800}
.plan-feats li b{color:var(--ink)}
.plan-cta{width:100%;justify-content:center}
.plan-cta-cur{text-align:center;font-size:.86rem;font-weight:700;color:var(--green);padding:.5rem;
  background:rgba(54,211,153,.12);border-radius:10px}
.plan-note{display:block;text-align:center;margin-top:.5rem;font-size:.72rem}
@media(max-width:640px){.plan-grid{grid-template-columns:1fr}}

/* === liderlik: podyum + liste === */
.lead-header{display:flex;justify-content:space-between;align-items:flex-end;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.lead-header h2{margin:0 0 .2rem}
/* podyum */
.lead-podium{display:flex;justify-content:center;align-items:flex-end;gap:.8rem;margin:.5rem 0 1.6rem;flex-wrap:nowrap}
.podium-item{flex:1;max-width:200px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.po-medal{font-size:1.6rem;line-height:1;margin-bottom:.2rem}
.po-av{display:block;border-radius:50%;position:relative}
.po-av .av{box-shadow:0 0 0 3px var(--panel-solid),0 0 0 5px var(--line-2)}
.podium-item.p1 .po-av .av{box-shadow:0 0 0 3px var(--panel-solid),0 0 0 6px #f0c040,0 8px 24px rgba(240,192,64,.4)}
.po-name{display:block;font-weight:800;color:var(--ink);font-size:.92rem;margin-top:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-name:hover{color:var(--accent-2);text-decoration:none}
.po-rank{font-size:.72rem;color:var(--ink-soft);margin-top:.15rem}
.po-score{font-size:.78rem;color:var(--muted);margin-top:.2rem}
.po-score b{font-family:'Sora',sans-serif;color:var(--ink);font-size:1.05rem}
.po-base{margin-top:.6rem;width:100%;border-radius:10px 10px 0 0;font-family:'Sora',sans-serif;font-weight:800;
  color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}
.podium-item.p1 .po-base{height:66px;background:linear-gradient(180deg,#f0c040,color-mix(in srgb,#f0c040 50%,var(--panel)));font-size:1.4rem}
.podium-item.p2 .po-base{height:46px;background:linear-gradient(180deg,#c0c6d0,color-mix(in srgb,#c0c6d0 45%,var(--panel)))}
.podium-item.p3 .po-base{height:34px;background:linear-gradient(180deg,#cd8e57,color-mix(in srgb,#cd8e57 45%,var(--panel)))}
.podium-item.p1{transform:translateY(-6px)}
/* liste (4+) */
.lead-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.lead-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:12px;transition:background .14s}
.lead-row:hover{background:var(--panel-2)}
.lead-row.me{background:var(--grad-soft);box-shadow:inset 3px 0 0 var(--accent)}
.lr-pos{font-family:'Sora',sans-serif;font-weight:800;font-size:1rem;color:var(--muted);width:2rem;text-align:center;flex-shrink:0}
.lr-user{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:700;flex:1;min-width:0}
.lr-user:hover{color:var(--accent-2);text-decoration:none}
.lr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-rank{flex-shrink:0}
.lr-stat{font-size:.82rem;color:var(--muted);white-space:nowrap;flex-shrink:0}
.lr-stat b{font-family:'Sora',sans-serif;color:var(--ink)}
@media(max-width:620px){
  .lead-podium{gap:.3rem}.podium-item{max-width:none}
  .lr-rank,.lead-row .lr-stat:nth-of-type(2){display:none}
}

/* avatar premium altın çerçeve */
.av-premium{box-shadow:0 0 0 2px var(--panel-solid),0 0 0 4px #f0b429,0 0 12px rgba(240,180,40,.5)!important}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:pop .15s ease}
.lightbox.open{display:flex}
.lightbox img{max-width:95vw;max-height:92vh;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.7)}
.lb-close{position:fixed;top:1rem;right:1.3rem;background:rgba(255,255,255,.15);border:0;color:#fff;font-size:1.3rem;
  width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close:hover{background:rgba(255,255,255,.28)}

/* breadcrumb */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;font-size:.83rem}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--accent-2)}
.breadcrumb .bc-sep{color:var(--muted);opacity:.6}
.breadcrumb .bc-cur{color:var(--ink-soft);font-weight:600}

/* page-tabs */
.page-tabs{display:flex;gap:.45rem;margin-bottom:1.2rem;flex-wrap:wrap}
.page-tabs a{padding:.45rem 1rem;border-radius:999px;background:var(--panel);border:1px solid var(--line);
  font-size:.85rem;color:var(--ink-soft);font-weight:600}
.page-tabs a.active,.page-tabs a:hover{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--glow)}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:2rem;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 5%,transparent))}
.footer-top{max-width:1320px;margin:0 auto;padding:2.2rem 1.8rem 1.6rem;display:grid;
  grid-template-columns:minmax(220px,1.4fr) 2fr;gap:2rem}
.footer-brand{min-width:0}
.footer-logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.03em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.footer-logo:hover{opacity:.88;text-decoration:none}
.footer-tag{color:var(--ink-soft);font-size:.88rem;margin:.4rem 0 .9rem;max-width:300px}
.footer-stats{display:flex;flex-wrap:wrap;gap:.45rem .8rem;font-size:.78rem;color:var(--muted)}
.footer-stats b{color:var(--ink);font-weight:800}
.footer-stats .fs-online{display:inline-flex;align-items:center;gap:.3rem;color:#16a34a;font-weight:600}
.footer-stats .fs-online i{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;
  box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:pulse 2s infinite}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.footer-col h4{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  color:var(--accent-2);margin:0 0 .7rem}
.footer-col a{display:block;color:var(--ink-soft);font-size:.86rem;padding:.28rem 0;transition:color .14s,transform .14s}
.footer-col a:hover{color:var(--accent-2);transform:translateX(3px);text-decoration:none}
.footer-bottom{border-top:1px solid var(--line);max-width:1320px;margin:0 auto;padding:1rem 1.8rem;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;
  font-size:.8rem;color:var(--muted)}
.lang-switch a{color:var(--muted);font-weight:700}
.lang-switch a.on{color:var(--accent-2)}
@media(max-width:780px){
  .footer-top{grid-template-columns:1fr;gap:1.5rem;padding:1.8rem 1.2rem 1.2rem}
  .footer-bottom{padding:1rem 1.2rem}
}
@media(max-width:480px){.footer-cols{grid-template-columns:repeat(2,1fr)}}

/* mesajlar */
.bubble{padding:.5rem .8rem;border-radius:16px;margin:.35rem 0;max-width:75%;font-size:.9rem;width:fit-content}
.bubble.in{background:var(--panel-2);border:1px solid var(--line)}
.bubble.out{background:var(--grad);color:#fff;margin-left:auto}
.bub-body{display:block}
.bub-meta{display:flex;align-items:center;gap:.3rem;justify-content:flex-end;font-size:.66rem;opacity:.75;margin-top:.15rem}
.bubble.out .bub-meta{color:#fff}
.bub-tick{font-size:.72rem;letter-spacing:-1px}
/* === DM sohbet listesi === */
.dm-listbox{display:flex;flex-direction:column}
.dm-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}
.dm-head h3{margin:0;font-size:1rem}
.dm-search input{border:1px solid var(--line-2);border-radius:999px;background:var(--panel-2);color:var(--ink);
  padding:.32rem .7rem;font-size:.8rem;font-family:inherit;width:110px;outline:none}
.dm-search input:focus{border-color:var(--accent)}
.dm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem;max-height:74vh;overflow-y:auto}
.dm-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:1.5rem .5rem;line-height:1.6}
.dm-item{display:flex;align-items:center;gap:.6rem;padding:.55rem;border-radius:12px;transition:background .14s}
.dm-item:hover{background:var(--panel-2);text-decoration:none}
.dm-item.active{background:var(--grad-soft);box-shadow:inset 3px 0 0 var(--accent)}
.dm-av{position:relative;flex-shrink:0;display:block}
.dm-av .av{width:42px;height:42px}
.dm-av.on::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel-solid)}
.dm-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.dm-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.dm-name{font-weight:700;color:var(--ink);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-time{font-size:.68rem;color:var(--muted);white-space:nowrap;flex-shrink:0}
.dm-preview{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-preview.unread{color:var(--ink);font-weight:600}
.dm-preview .dm-you{font-style:normal;opacity:.7}
.dm-unread{flex-shrink:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--grad);
  color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)}

/* === sohbet paneli === */
.chat-panel{display:flex;flex-direction:column}
.chat-head{display:flex;align-items:center;gap:.7rem;margin:-.4rem -.4rem 1rem;padding:.4rem .4rem .9rem;border-bottom:1px solid var(--line)}
.chat-head-av{position:relative;flex-shrink:0;display:block}
.chat-head-av .av{width:40px;height:40px}
.chat-head-av.on::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel-solid)}
.chat-head-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.chat-head-name{font-weight:800;color:var(--ink);font-size:1rem}
.chat-head-name:hover{color:var(--accent-2)}
.chat-head-status{font-size:.76rem;color:var(--muted)}
.chat-head-status.online{color:#16a34a;font-weight:600}
.chat-head-profile{padding:.35rem .8rem;font-size:.8rem}
.chat-thread{max-height:56vh;overflow:auto;margin-bottom:.6rem;padding-right:.3rem;display:flex;flex-direction:column}
.chat-typing{font-size:.78rem;color:var(--ink-soft);padding:.1rem .2rem .5rem;display:flex;align-items:center;gap:.4rem}
.chat-typing[hidden]{display:none}
.ct-dots{display:inline-flex;gap:3px}
.ct-dots i{width:5px;height:5px;border-radius:50%;background:var(--accent-2);animation:ctd 1s infinite ease-in-out}
.ct-dots i:nth-child(2){animation-delay:.18s}.ct-dots i:nth-child(3){animation-delay:.36s}
@keyframes ctd{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chat-form{display:flex;gap:.5rem;align-items:center}
.chat-form .emoji-input{flex:1;padding:.6rem .8rem;border:1px solid var(--line-2);border-radius:10px;background:var(--panel-2);color:var(--ink);font-family:inherit;font-size:.9rem}

/* komut paleti (⌘K) */
.cmdk-hint{background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:.68rem;font-weight:700;
  color:var(--muted);padding:.12rem .35rem;position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer;font-family:ui-monospace,monospace}
.cmdk-hint:hover{border-color:var(--accent);color:var(--accent-2)}
@media(max-width:680px){.cmdk-hint{display:none}}
.cmdk{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem}
.cmdk[hidden]{display:none}
.cmdk-box{width:100%;max-width:560px;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .15s ease}
.cmdk-input{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}
.cmdk-input .cmdk-ic{font-size:1rem;opacity:.6}
.cmdk-input input{flex:1;border:0;background:none;outline:none;color:var(--ink);font-size:1.05rem;font-family:inherit}
.cmdk-results{max-height:50vh;overflow:auto;padding:.4rem}
.cmdk-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:9px;cursor:pointer}
.cmdk-item.sel,.cmdk-item:hover{background:var(--grad-soft)}
.cmdk-item .ci-ic{font-size:1.1rem;width:1.6rem;text-align:center}
.cmdk-item .ci-label{flex:1;color:var(--ink);font-weight:500}
.cmdk-item .ci-sub{font-size:.74rem;color:var(--muted)}
.cmdk-empty{padding:1.2rem;text-align:center;color:var(--muted);font-size:.9rem}
.cmdk-foot{display:flex;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}

/* okuma ilerleme çubuğu */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:200;transition:width .1s linear;box-shadow:0 0 8px rgba(124,108,255,.5)}

/* yukarı çık */
.to-top{position:fixed;right:1.2rem;bottom:1.2rem;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:var(--grad);color:#fff;font-size:1.3rem;z-index:150;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}
.to-top[hidden]{display:none}
.to-top:hover{filter:brightness(1.1)}

/* kullanıcı hover kartı */
.usercard{position:fixed;z-index:310;width:250px;background:var(--panel-solid);border:1px solid var(--line-2);
  border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.9rem;animation:pop .12s ease}
.usercard[hidden]{display:none}
.uc-top{display:flex;gap:.7rem;align-items:center}
.uc-name{font-weight:700;color:var(--ink);font-size:.98rem}
.uc-rank{display:block;font-size:.76rem;color:var(--accent-2)}
.uc-bio{font-size:.82rem;color:var(--ink-soft);margin-top:.5rem}
.uc-stats{display:flex;gap:1.2rem;margin-top:.6rem;font-size:.8rem;color:var(--muted)}
.uc-stats b{color:var(--ink)}

/* başlık hover önizleme */
.topiccard{position:fixed;z-index:310;width:280px;background:var(--panel-solid);border:1px solid var(--line-2);
  border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.9rem;animation:pop .12s ease}
.topiccard[hidden]{display:none}
.tc-head a{font-weight:700;color:var(--ink);font-size:.98rem}
.tc-meta{display:block;font-size:.72rem;color:var(--muted);margin-top:.1rem}
.tc-snippet{font-size:.83rem;color:var(--ink-soft);margin-top:.5rem;line-height:1.5}
.tc-author{font-size:.75rem;color:var(--muted);margin-top:.4rem;text-align:right}

/* sağ-tık bağlam menüsü */
.ctx-menu{position:fixed;z-index:320;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-lg);padding:.3rem;min-width:180px;animation:pop .1s ease}
.ctx-menu[hidden]{display:none}
.ctx-menu button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--ink);
  font-size:.86rem;padding:.5rem .7rem;border-radius:8px;font-family:inherit}
.ctx-menu button:hover{background:var(--panel-2)}
.ctx-reacts{display:flex;gap:.1rem;padding:.15rem .15rem .3rem;margin-bottom:.25rem;border-bottom:1px solid var(--line)}
.ctx-reacts .ctx-react{width:auto!important;padding:.3rem .35rem!important;font-size:1.1rem;border-radius:8px;text-align:center!important;
  transition:transform .12s,background .12s}
.ctx-reacts .ctx-react:hover{transform:scale(1.25);background:var(--panel-2)}

/* 404 sayfası */
.notfound{text-align:center;padding:2.5rem 1.4rem}
.nf-code{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(4rem,16vw,7rem);line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}
.nf-title{font-size:1.5rem;margin:.3rem 0 .5rem}
.nf-text{color:var(--ink-soft);font-size:.95rem;line-height:1.6;margin:0 auto 1.4rem;max-width:440px}
.nf-search{display:flex;align-items:center;gap:.5rem;max-width:420px;margin:0 auto 1.3rem;position:relative}
.nf-search .search-ic{position:absolute;left:.9rem;opacity:.6;pointer-events:none}
.nf-search input{flex:1;border:1px solid var(--line-2);border-radius:999px;padding:.6rem 1rem .6rem 2.4rem;
  background:var(--panel-2);color:var(--ink);font-family:inherit;font-size:.9rem;outline:none}
.nf-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--grad-soft)}
.nf-links{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.6rem}
.nf-suggest-lbl{font-size:.8rem;color:var(--muted)}
.nf-chips{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-top:.6rem}
.nf-chip{font-size:.82rem;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft);
  padding:.3rem .7rem;border-radius:999px;transition:all .14s}
.nf-chip:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-1px);text-decoration:none}

/* arama sonuçları */
mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:3px;padding:0 .12em;font-weight:700}
.search-summary{font-size:.92rem;color:var(--ink-soft);margin-top:1rem;padding:.7rem .9rem;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}
.search-summary b{color:var(--ink)}
.sr-head{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.8rem}
.sr-count{font-size:.72rem;font-weight:800;color:var(--accent-2);background:var(--grad-soft);border-radius:999px;padding:.12rem .55rem}
.sr-topics{display:flex;flex-direction:column;gap:.15rem}
.sr-topic{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem .7rem;border-radius:10px;transition:background .14s}
.sr-topic:hover{background:var(--panel-2);text-decoration:none}
.srt-title{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-topic:hover .srt-title{color:var(--accent-2)}
.srt-count{font-size:.74rem;color:var(--muted);white-space:nowrap;flex-shrink:0;font-weight:600}
/* arama: yazar sonuçları */
.sr-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem}
.sr-user{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:12px;
  border:1px solid var(--line);background:var(--panel-2);transition:border-color .14s,transform .14s}
.sr-user:hover{border-color:var(--accent);transform:translateY(-1px);text-decoration:none}
.sru-av{position:relative;flex-shrink:0}
.sru-av .av{width:44px;height:44px}
.sru-av.on::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;
  background:#22c55e;border:2px solid var(--panel-solid)}
.sru-main{min-width:0;display:flex;flex-direction:column;gap:.1rem}
.sru-name{font-weight:700;font-size:.92rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-user:hover .sru-name{color:var(--accent-2)}
.sru-sub{font-size:.74rem;color:var(--muted)}

/* başlık içi arama */
.topic-filter{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .65rem;
  background:var(--panel);border:1px solid var(--line);border-radius:999px;max-width:230px}
.topic-filter .tf-ico{opacity:.6;font-size:.82rem}
.topic-filter input{width:120px;min-width:0;border:0;background:none;color:var(--ink);font-family:inherit;font-size:.84rem;outline:none}
.topic-filter .tf-result{font-size:.72rem;color:var(--accent-2);font-weight:700;white-space:nowrap}
.entry.filtered-out{display:none}

/* @bahsetme otomatik tamamlama */
.mention-dd{position:absolute;z-index:340;background:var(--panel-solid);border:1px solid var(--line-2);
  border-radius:10px;box-shadow:var(--shadow-lg);padding:.25rem;min-width:190px;max-width:260px;animation:pop .1s ease}
.mention-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:none;border:0;cursor:pointer;
  color:var(--ink);font-size:.86rem;padding:.35rem .5rem;border-radius:7px;font-family:inherit}
.mention-item .av{width:22px;height:22px;font-size:11px}
.mention-item:hover,.mention-item.sel{background:var(--grad-soft);color:var(--accent-2)}

/* emoji seçici */
.emoji-picker{position:fixed;z-index:330;background:var(--panel-solid);border:1px solid var(--line-2);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-lg);padding:.4rem;width:288px;max-height:220px;overflow-y:auto;
  display:grid;grid-template-columns:repeat(8,1fr);gap:2px;animation:pop .1s ease}
.emoji-picker[hidden]{display:none}
.emoji-picker button{background:none;border:0;cursor:pointer;font-size:1.25rem;line-height:1;padding:.28rem 0;border-radius:8px;
  transition:background .12s,transform .12s}
.emoji-picker button:hover{background:var(--panel-2);transform:scale(1.18)}

/* sayfa geçiş yükleyici */
.nav-loader{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent-2);z-index:250;opacity:0}
.nav-loader.on{width:90%;opacity:1;transition:width 1.2s cubic-bezier(.1,.7,.2,1),opacity .2s}
.page-wrap{animation:pagein .26s ease}
@keyframes pagein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* animasyonlu sayfa geçişleri (View Transitions API — destekleyen tarayıcılarda) */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:vtOut .2s ease both}
  ::view-transition-new(root){animation:vtIn .28s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}
/* View Transition aktifken eski .page-wrap pagein animasyonunu kapat (çift animasyon olmasın) */
@supports (view-transition-name: none){.page-wrap{animation:none}}

/* okuma ayarları segment kontrol */
.seg-control{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;background:var(--panel-2)}
.seg-control button{background:none;border:0;cursor:pointer;color:var(--ink-soft);font-size:.85rem;padding:.4rem .9rem;font-family:inherit;font-weight:600}
.seg-control button.on{background:var(--grad);color:#fff}
.seg-control button:hover:not(.on){color:var(--ink)}

/* öne çıkan entry + paylaş */
.feature-btn{background:none;border:0;cursor:pointer;font-size:.95rem;opacity:.5;transition:opacity .15s,transform .15s;filter:grayscale(1)}
.feature-btn:hover{opacity:1;transform:scale(1.15)}
.feature-btn.on{opacity:1;filter:none}
.featured-panel{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))}
.featured-label{font-size:.78rem;font-weight:700;color:var(--accent-2);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}
.share-modal{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:pop .12s ease}
.share-modal[hidden]{display:none}
.share-box{background:var(--panel-solid);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-lg);padding:1.3rem;width:min(440px,92vw);position:relative}
.share-box h3{margin:0 0 .8rem}
.share-close{position:absolute;top:.7rem;right:.7rem;background:none;border:0;cursor:pointer;color:var(--ink-soft);font-size:1.1rem}
.share-preview{width:100%;border-radius:10px;display:block;margin-bottom:.9rem;border:1px solid var(--line);aspect-ratio:1200/630;object-fit:cover;background:var(--panel-2)}
.share-link{display:flex;gap:.5rem;margin-bottom:.9rem}
.share-link input{flex:1;border:1px solid var(--line-2);border-radius:9px;background:var(--panel-2);color:var(--ink);padding:.5rem .7rem;font-size:.82rem}
.share-social{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.share-social .ss{text-align:center;padding:.55rem;border-radius:9px;color:#fff;text-decoration:none;font-weight:600;font-size:.86rem}
.share-social .x{background:#000}.share-social .wa{background:#25d366}
.share-social .tg{background:#229ed9}.share-social .fb{background:#1877f2}
.share-social .ss:hover{filter:brightness(1.12)}

/* taslak & zamanlama */
.sched-wrap{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--ink-soft)}
.sched-wrap input{border:1px solid var(--line-2);border-radius:8px;background:var(--panel-2);color:var(--ink);padding:.25rem .4rem;font-family:inherit;font-size:.78rem}
.draft-card{border:1px solid var(--line);border-radius:12px;padding:.8rem;margin:.7rem 0;background:var(--panel-2)}
.draft-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.draft-kind{font-size:.74rem;font-weight:700;padding:.16rem .5rem;border-radius:999px;border:1px solid var(--line-2)}
.draft-kind.k-topic{color:var(--accent-2)}
.draft-target{font-weight:600;color:var(--ink)}
.draft-sched{margin-left:auto;font-size:.76rem;color:var(--ink-soft);padding:.16rem .5rem;border-radius:999px;background:var(--panel)}
.draft-sched.due{color:#fff;background:var(--grad)}
.draft-sched.draft-plain{opacity:.7}
.draft-edit input[type=text],.draft-edit textarea{width:100%;border:1px solid var(--line-2);border-radius:8px;background:var(--panel);color:var(--ink);padding:.5rem .6rem;font-family:inherit;font-size:.88rem;margin-bottom:.4rem}
.draft-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.draft-actions .btn{padding:.35rem .8rem;font-size:.8rem}

/* bildirim tercihleri */
.notif-prefs{display:flex;flex-direction:column;gap:.1rem}
.np-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .2rem;cursor:pointer;font-size:.9rem;color:var(--ink)}
.np-row input{width:17px;height:17px;accent-color:var(--accent-2);cursor:pointer}
.np-row:hover{color:var(--accent-2)}

/* yazı boyutu / okuma genişliği uygulaması */
:root[data-fontsize="sm"] .entry-body,:root[data-fontsize="sm"] .panel{font-size:.88rem}
:root[data-fontsize="lg"] .entry-body{font-size:1.1rem;line-height:1.85}
:root[data-readwidth="wide"] .page-wrap{max-width:1600px}

/* klavye kısayol modalı */
.kb-help{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem}
.kb-help[hidden]{display:none}
.kb-card{background:var(--panel-solid);border:1px solid var(--line-2);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);padding:1.5rem;max-width:420px;width:100%;position:relative;animation:pop .16s ease}
.kb-card h3{margin-bottom:1rem}
.kb-close{position:absolute;top:.8rem;right:.9rem;background:none;border:0;color:var(--muted);cursor:pointer;font-size:1rem}
.kb-close:hover{color:var(--ink)}
.kb-grid{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;align-items:center;font-size:.9rem}
.kb-grid>span:nth-child(odd){text-align:right}
.kb-grid>span:nth-child(even){color:var(--ink-soft)}
kbd{display:inline-block;background:var(--panel-2);border:1px solid var(--line-2);border-bottom-width:2px;
  border-radius:6px;padding:.1rem .45rem;font-family:ui-monospace,monospace;font-size:.82rem;color:var(--ink);min-width:1.5rem;text-align:center}

/* yardımcılar */
.row{display:flex;gap:1rem;align-items:center}
.text-center{text-align:center}
.empty-box{text-align:center;color:var(--muted);padding:2.5rem 1rem}

/* ============ responsive ============ */
/* geniş ekranda sağ trend gizli, içerik genişler */
@media(max-width:1180px){
  .layout.has-right{grid-template-columns:272px minmax(0,1fr)}
  .right-side{display:none}
}
/* orta ekran: sol sidebar çekmece olur */
@media(max-width:900px){
  .layout,.layout.has-right{grid-template-columns:minmax(0,1fr)}
  .hamburger{display:inline-flex}
  .sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:280px;max-width:84vw;z-index:95;
    border-radius:0;box-shadow:var(--shadow-lg);overflow-y:auto;
    transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  body.sidebar-open .sidebar{transform:none}
  body.sidebar-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}
  .topnav{gap:.3rem}
  .notif-dd{position:fixed;left:4vw;right:4vw;top:64px;width:auto}
  .logo-word{font-size:1.3rem}
  .logo-mark{width:30px;height:30px}
  .hero h1{font-size:1.5rem}
}
@media(max-width:680px){
  .user-chip span{display:none}
  .top-link span{display:none}
}
@media(max-width:560px){
  .topbar-inner{flex-wrap:wrap;height:auto;gap:.55rem;padding:.6rem .9rem}
  .search{order:5;flex-basis:100%;max-width:none}
  .entry-author{margin-left:0}
  .page-wrap{padding:.7rem}
  .cat-arrow{display:none}
  .cat-nav::before,.cat-nav::after{display:none}
  .cat-nav-inner{padding:.5rem .8rem}
}