@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Inter:wght@400;500;600;700&display=swap');

  :root{
    --bg: #F3F4F8;
    --card: #FFFFFF;
    --border: #E7E8EF;
    --text: #14161C;
    --muted: #6B7280;
    --muted-2: #9CA3AF;
    --accent: #3457D5;
    --accent-soft: #EEF1FD;
    --live: #FF4433;
    --live-soft: #FFEDEA;
    --gold: #E8A33D;
    --gold-soft: #FDF3E3;
    --radius: 14px;
  }

*{ box-sizing: border-box; }

body{
    margin:0;
    font-family:'Inter', sans-serif;
    background: var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
  }

h1,h2,h3,h4{ font-family:'Manrope', sans-serif; margin:0; }

.lucide{ width:16px; height:16px; stroke-width:2; vertical-align:middle; display:inline-block; }

/* ---------- Top bar ---------- */
  .topbar{
    background: var(--card);
    border-bottom: 1px solid var(--border);
    position: sticky; top:0; z-index: 30;
  }

.topbar-inner{
    max-width: 1180px; margin: 0 auto;
    display:flex; align-items:center; gap: 24px;
    padding: 12px 16px;
  }

.brand{
    display:flex; align-items:center; gap:8px;
    font-family:'Manrope'; font-weight:800; font-size: 19px;
    letter-spacing: -0.02em;
    white-space:nowrap;
  }

.brand .dot{ color: var(--accent); }

.search{
    flex:1; max-width: 420px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 9px 16px;
    font-size: 13.5px;
    color: var(--muted-2);
  }

.top-actions{ margin-left:auto; display:flex; align-items:center; gap:20px; }

.top-actions .navlink{ font-size: 13.5px; font-weight:600; color: var(--muted); cursor:pointer; }

.top-actions .navlink.on{ color: var(--accent); }

.top-avatar{ width:32px; height:32px; border-radius:50%; object-fit:cover; }

.notif-bell{ position:relative; cursor:pointer; color: var(--muted); display:flex; }

.notif-bell .lucide{ width:19px; height:19px; }

.notif-badge{
    position:absolute; top:-5px; right:-7px; background: var(--live); color:#fff;
    font-size:10px; font-weight:700; border-radius:50%; width:16px; height:16px;
    display:flex; align-items:center; justify-content:center; font-family:'Inter';
  }

/* ---------- Layout ---------- */
  .container{
    max-width: 1180px; margin: 0 auto;
    display:grid;
    grid-template-columns: 240px 1fr 280px;
    gap: 18px;
    padding: 18px 16px 60px;
    align-items:start;
  }

.col{ position: sticky; top: 66px; }

/* ---------- Left: profile card ---------- */
  .profile-card{
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px 16px;
    text-align:center;
  }

.profile-card img.avatar{ width:72px; height:72px; border-radius:50%; object-fit:cover; margin-bottom:10px; }

.profile-card h3{ font-size:15.5px; }

.profile-card p.handle{ margin: 2px 0 14px; color: var(--muted); font-size:13px; }

.stat-grid{
    display:grid; grid-template-columns: repeat(3, 1fr);
    gap: 10px 6px;
    border-top: 1px solid var(--border);
    padding-top: 14px;
  }

.stat-grid div b{ display:block; font-size:15px; font-weight:800; }

.stat-grid div span{ font-size:10.5px; color: var(--muted); text-transform:uppercase; letter-spacing:.03em; }

.side-block{
    background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);
    margin-top: 14px; padding: 14px 16px;
  }

.side-block h4{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color: var(--muted); margin-bottom:12px; }

/* Corporate badge list */
  .badge-list{ display:flex; flex-direction:column; gap:12px; }

.badge-item{ display:flex; align-items:center; gap:11px; }

.badge-icon{
    width:34px; height:34px; border-radius:9px; flex-shrink:0;
    background: var(--accent-soft); color: var(--accent);
    display:flex; align-items:center; justify-content:center;
  }

.badge-icon.gold{ background: var(--gold-soft); color: #a8730f; }

.badge-icon .lucide{ width:17px; height:17px; }

.badge-text b{ display:block; font-size:12.5px; font-weight:700; }

.badge-text span{ font-size:11px; color: var(--muted); }

.favs-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:6px; }

.favs-grid img{ width:100%; aspect-ratio: 2/3; object-fit:cover; border-radius:6px; }

.mini-row{ display:flex; align-items:center; gap:9px; padding:6px 0; font-size:13.5px; }

.mini-row .thumb{ width:26px; height:26px; border-radius:6px; object-fit:cover; }

.mini-row .badge{ margin-left:auto; font-size:11px; color: var(--muted-2); }

/* ---------- Center: title profile ---------- */
  .title-card{
    background: var(--card); border: 1px solid var(--border);
    border-radius: var(--radius); margin-bottom: 16px;
  }

.backdrop{
    height: 150px; position:relative; overflow:hidden;
    border-radius: var(--radius) var(--radius) 0 0;
  }

.backdrop img{ width:100%; height:100%; object-fit:cover; filter: brightness(0.75); display:block; }

.type-tag{
    position:absolute; top:12px; left:12px; z-index:2;
    background: rgba(20,22,28,.55); color:#fff; backdrop-filter: blur(4px);
    font-size:11px; font-weight:700; padding: 5px 10px; border-radius: 999px;
    letter-spacing:.03em;
  }

.title-body{
    position:relative; z-index:2;
    display:flex; gap:16px; padding: 0 20px 12px; margin-top:-46px;
  }

.poster{
    position:relative; z-index:3;
    width:92px; height:132px; border-radius:9px; object-fit:cover;
    box-shadow: 0 6px 16px rgba(0,0,0,.18); flex-shrink:0;
    border: 3px solid var(--card); background: var(--card);
  }

.title-meta{ padding-top: 54px; flex:1; min-width:0; }

.title-meta h2{ font-size: 21px; letter-spacing:-0.01em; }

.title-meta .sub{ color: var(--muted); font-size: 12.5px; margin-top:2px; }

.rating-row{ display:flex; align-items:center; gap:2px; margin-top:9px; }

.rating-row .star-filled .lucide{ width:14px; height:14px; fill: var(--gold); stroke: var(--gold); }

.rating-row .star-empty .lucide{ width:14px; height:14px; fill: none; stroke: var(--muted-2); }

.rating-row b{ font-size:13px; margin-left:6px; }

.rating-row .rc{ font-size:11.5px; color: var(--muted-2); margin-left:3px; }

.synopsis{ color: var(--muted); font-size: 13.5px; line-height:1.6; margin: 10px 0 12px; padding: 0 20px; }

.social-proof{ display:flex; align-items:center; gap:9px; font-size:12.5px; color: var(--muted); margin: 0 20px 14px; }

.proof-avatars{ display:flex; }

.proof-avatars img{ width:22px; height:22px; border-radius:50%; border:2px solid var(--card); object-fit:cover; margin-left:-8px; }

.proof-avatars img:first-child{ margin-left:0; }

.social-proof b{ color: var(--text); }

.stat-row{ display:flex; align-items:center; gap: 18px; flex-wrap:wrap; margin: 0 20px 14px; }

.live-pill{
    display:inline-flex; align-items:center; gap:7px;
    background: var(--live-soft); color: var(--live);
    font-weight:700; font-size: 13px; padding: 7px 12px; border-radius: 999px;
  }

.live-dot{ width:8px; height:8px; border-radius:50%; background: var(--live); animation: pulse 1.6s infinite; }

@keyframes pulse{
    0%{ box-shadow: 0 0 0 0 rgba(255,68,51,.45); }
    70%{ box-shadow: 0 0 0 8px rgba(255,68,51,0); }
    100%{ box-shadow: 0 0 0 0 rgba(255,68,51,0); }
  }

.total-stat{ font-size:13px; color: var(--muted); display:flex; align-items:center; gap:6px; }

.total-stat b{ color: var(--text); }

.platforms-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin: 0 20px 16px; font-size:12.5px; color: var(--muted); }

.platform-chip{
    display:inline-flex; align-items:center; gap:6px;
    border:1px solid var(--border); padding: 5px 10px; border-radius:999px; font-weight:600; color: var(--text);
  }

.platform-chip .dot{ width:8px; height:8px; border-radius:50%; }

.cta-row{ display:flex; gap:10px; padding: 0 20px 18px; }

.btn{ border:none; border-radius: 9px; padding: 11px 18px; font-weight:700; font-size:13.5px; cursor:pointer; transition: all .15s ease; display:inline-flex; align-items:center; gap:7px; }

.btn .lucide{ width:15px; height:15px; }

.btn-primary{ background: var(--accent); color:#fff; }

.btn-primary:hover{ background:#2b48b8; }

.btn-ghost{ background: var(--accent-soft); color: var(--accent); }

.btn-ghost:hover{ background:#e3e8fb; }

.room-tabs{ display:flex; gap:4px; padding: 0 20px; border-bottom: 1px solid var(--border); border-top: 1px solid var(--border); }

.room-tab{ padding: 12px 6px; font-size:13.5px; font-weight:700; color: var(--muted); cursor:pointer; border-bottom: 2px solid transparent; }

.room-tab.active{ color: var(--text); border-bottom-color: var(--accent); }

.room-tab .count{ color: var(--muted-2); font-weight:500; }

.room-note{ margin: 14px 20px 0; background: var(--accent-soft); color:#3548a3; font-size:12px; padding:9px 12px; border-radius:9px; display:flex; align-items:center; gap:7px; }

.room-note .lucide{ width:14px; height:14px; flex-shrink:0; }

.chat{ padding: 14px 20px 18px; display:flex; flex-direction:column; gap:14px; }

.msg{ display:flex; gap:10px; }

.msg img{ width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0; }

.msg .bubble{ background: var(--bg); border-radius: 12px; padding:9px 13px; font-size:13.5px; line-height:1.5; }

.msg .name-row{ display:flex; align-items:baseline; gap:7px; margin-bottom:2px; }

.msg .name-row b{ font-size:12.5px; }

.msg .name-row span{ font-size:11px; color: var(--muted-2); }

.msg.self .bubble{ background: var(--accent-soft); }

.chat-input{ display:flex; gap:10px; align-items:center; padding: 12px 20px 20px; border-top: 1px solid var(--border); margin-top:4px; }

.chat-input input{ flex:1; border:1px solid var(--border); background: var(--bg); border-radius: 999px; padding: 10px 16px; font-size: 13.5px; font-family:inherit; }

.chat-input button{ background: var(--accent); color:#fff; border:none; border-radius:999px; padding:10px 18px; font-weight:700; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }

.chat-input button .lucide{ width:14px; height:14px; }

/* Trend / discovery */
  .section-label{ font-size:12.5px; font-weight:700; color: var(--muted); text-transform:uppercase; letter-spacing:.04em; margin: 22px 4px 10px; }

.chip-row{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }

.chip{ background: var(--card); border:1px solid var(--border); font-size:12.5px; font-weight:600; padding:7px 13px; border-radius:999px; color: var(--muted); cursor:pointer; }

.chip.active{ background: var(--accent); color:#fff; border-color: var(--accent); }

.trend-scroll{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; margin-bottom:20px; }

.trend-card{ flex:0 0 118px; }

.trend-card img{ width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:9px; box-shadow: 0 4px 10px rgba(0,0,0,.08); }

.trend-card .tt{ font-size:12.5px; font-weight:700; margin-top:7px; line-height:1.3; }

.trend-card .tl{ font-size:11px; color: var(--live); font-weight:700; display:flex; align-items:center; gap:4px; margin-top:3px; }

.trend-card .tl .d{ width:5px; height:5px; border-radius:50%; background: var(--live); }

/* Wrap / viral post */
  .wrap-post{
    background: linear-gradient(155deg, #3457D5, #1c2f80);
    color:#fff; border-radius: var(--radius); padding:20px; margin-bottom:16px;
  }

.wrap-post h4{ font-size:16px; margin-bottom:6px; display:flex; align-items:center; gap:8px; }

.wrap-post p{ font-size:13px; opacity:.85; margin:0 0 14px; line-height:1.5; }

.wrap-post button{ background:#fff; color: var(--accent); border:none; padding:10px 18px; border-radius:8px; font-weight:700; font-size:13px; cursor:pointer; }

.post{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:16px; margin-bottom:14px; }

.post-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }

.post-head img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }

.post-head b{ font-size:13.5px; }

.post-head .sub{ font-size:11.5px; color: var(--muted-2); }

.post-caption{ font-size:13.5px; line-height:1.6; color: var(--text); margin-bottom:12px; }

.scene-chip{
    display:inline-flex; align-items:center; gap:6px;
    background: var(--accent-soft); color: var(--accent);
    font-size:11.5px; font-weight:700; padding:5px 11px; border-radius:999px; margin-bottom:12px;
  }

.scene-chip .lucide{ width:12px; height:12px; }

.quote-card{
    background: var(--gold-soft); border-left: 3px solid var(--gold);
    border-radius: 0 8px 8px 0; padding:12px 14px; margin-bottom:12px;
  }

.quote-card .qicon{ color: var(--gold); width:15px; height:15px; margin-bottom:5px; display:block; }

.quote-card p{ font-size:13px; font-style:italic; color: var(--text); line-height:1.55; margin:0 0 6px; }

.quote-card span{ font-size:11px; color: var(--muted); font-weight:600; }

.post-media{ display:flex; align-items:center; gap:10px; background: var(--bg); border-radius:9px; padding:8px 10px; }

.post-media img.cover{ width:38px; height:54px; border-radius:5px; object-fit:cover; flex-shrink:0; }

.post-media b{ font-size:12.5px; display:block; }

.post-media span{ font-size:11px; color: var(--muted); }

.post-foot{ display:flex; gap:18px; margin-top:12px; font-size:12.5px; color: var(--muted); }

.post-foot span{ display:inline-flex; align-items:center; gap:5px; }

.post-foot .lucide{ width:14px; height:14px; }

/* Right column */
  .panel{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); overflow:hidden; }

.panel-tabs{ display:flex; }

.panel-tabs div{ flex:1; text-align:center; padding:13px 0; font-size:13px; font-weight:700; color: var(--muted); cursor:pointer; border-bottom:2px solid var(--border); }

.panel-tabs div.active{ color: var(--accent); border-bottom-color: var(--accent); }

.panel-title{ font-size:13px; padding: 14px 16px 2px; color: var(--text); font-weight:700; }

.panel-list{ padding: 6px 14px 14px; }

.rank-row{ display:flex; align-items:center; gap:10px; padding: 10px 0; border-bottom:1px solid var(--border); }

.rank-row:last-child{ border-bottom:none; }

.rank-row .n{ font-size:12.5px; color: var(--muted-2); width:14px; font-weight:700; }

.rank-row img{ width:34px; height:48px; border-radius:5px; object-fit:cover; }

.rank-row .info{ min-width:0; }

.rank-row .info b{ display:block; font-size:12.5px; }

.rank-row .info .live{ font-size:10.5px; color: var(--live); font-weight:700; display:flex; align-items:center; gap:4px; margin-top:2px; }

.rank-row .live .d{ width:5px; height:5px; border-radius:50%; background: var(--live); }

.lb-row{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); }

.lb-row:last-child{ border-bottom:none; }

.lb-row .lb-rank{ width:16px; font-size:12.5px; font-weight:800; color: var(--muted-2); }

.lb-row img{ width:28px; height:28px; border-radius:50%; object-fit:cover; }

.lb-row .lb-info b{ display:block; font-size:12.5px; }

.lb-row .lb-info span{ font-size:11px; color: var(--muted); }

.cal-row{ display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid var(--border); }

.cal-row:last-child{ border-bottom:none; }

.cal-date{ width:36px; text-align:center; background: var(--accent-soft); color: var(--accent); border-radius:8px; padding:5px 0; font-weight:800; font-size:14px; line-height:1.1; }

.cal-date span{ display:block; font-size:9px; font-weight:700; letter-spacing:.03em; }

.cal-info b{ display:block; font-size:12.5px; }

.cal-info span{ font-size:11px; color: var(--muted); }

.promo{ margin-top:14px; border-radius: var(--radius); padding: 18px; text-align:center; }

.promo.blue{ background: linear-gradient(160deg, var(--accent), #263c9e); color:#fff; }

.promo.gold{ background: linear-gradient(160deg, var(--gold), #b9761c); color:#fff; }

.promo h4{ font-size:14px; margin-bottom:6px; display:flex; align-items:center; justify-content:center; gap:7px; }

.promo p{ font-size:12px; opacity:.88; margin:0 0 12px; line-height:1.5; }

.promo button{ background:#fff; border:none; padding:9px 16px; border-radius:8px; font-weight:700; font-size:12.5px; cursor:pointer; }

.promo.blue button{ color: var(--accent); }

.promo.gold button{ color: #a85f10; }

@media (max-width: 980px){
    .container{ grid-template-columns: 1fr; }
    .col{ position: static; }
  }

a{ text-decoration:none; color:inherit; }

/* Top bar */
  .topbar{ background: var(--card); border-bottom: 1px solid var(--border); position: sticky; top:0; z-index: 30; }

.container{ max-width: 1180px; margin: 0 auto; display:grid; grid-template-columns: 240px 1fr 280px; gap: 18px; padding: 18px 16px 60px; align-items:start; }

/* Left profile (shared) */
  .profile-card{ background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 16px; text-align:center; }

.badge-list{ display:flex; flex-direction:column; gap:12px; }

/* Section label / chips (shared) */
  .section-label{ font-size:12.5px; font-weight:700; color: var(--muted); text-transform:uppercase; letter-spacing:.04em; margin: 4px 4px 12px; }

.section-label.mt{ margin-top: 26px; }

/* Şu an aktif story strip */
  .active-strip{ display:flex; gap:16px; overflow-x:auto; padding: 4px 2px 18px; }

.active-item{ display:flex; flex-direction:column; align-items:center; gap:6px; flex:0 0 62px; cursor:pointer; }

.active-ring{ width:56px; height:56px; border-radius:50%; border:2.5px solid var(--live); padding:2px; display:flex; }

.active-item.add .active-ring{ border-style:dashed; border-color: var(--border); align-items:center; justify-content:center; background: var(--card); }

.active-item.add .active-ring .lucide{ width:20px; height:20px; color: var(--muted-2); }

.active-ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; }

.active-name{ font-size:11px; color: var(--muted); text-align:center; max-width:62px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.active-what{ font-size:9.5px; color: var(--live); font-weight:700; text-align:center; }

/* Devam et bar */
  .continue-bar{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding: 12px 16px; margin-bottom: 22px; }

.continue-bar img{ width:40px; height:56px; border-radius:6px; object-fit:cover; }

.continue-info{ flex:1; min-width:0; }

.continue-info b{ font-size:13px; display:block; }

.continue-info .live-txt{ font-size:11.5px; color: var(--muted); display:flex; align-items:center; gap:6px; margin-top:2px; }

.live-dot-sm{ width:6px; height:6px; border-radius:50%; background: var(--live); animation: pulse 1.6s infinite; flex-shrink:0; }

.continue-bar button{ background: var(--accent); color:#fff; border:none; padding:9px 16px; border-radius:8px; font-weight:700; font-size:12.5px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }

.continue-bar button .lucide{ width:14px; height:14px; }

/* Trend carousel (shared) */
  .trend-scroll{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; margin-bottom:26px; }

/* Activity row (lightweight feed entries) */
  .activity-row{ display:flex; align-items:center; gap:10px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding: 12px 16px; margin-bottom:10px; font-size:13px; color: var(--muted); }

.activity-row .av{ width:30px; height:30px; border-radius:50%; object-fit:cover; flex-shrink:0; }

.activity-row .th{ width:24px; height:34px; border-radius:4px; object-fit:cover; margin-left:2px; flex-shrink:0; }

.activity-row .txt{ min-width:0; }

.activity-row .txt b{ color: var(--text); font-weight:700; }

.activity-row .time{ margin-left:auto; font-size:11px; color: var(--muted-2); white-space:nowrap; }

.activity-row .lucide{ width:14px; height:14px; color: var(--muted-2); flex-shrink:0; }

/* Post cards (shared) */
  .post{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:16px; margin-bottom:14px; }

/* Right column (shared) */
  .panel{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); overflow:hidden; }
/* ================= Keşfet / Listelerim / Profil sayfaları için ek stiller ================= */

.page-tabs{ display:flex; gap:4px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:6px; margin-bottom:18px; }
.page-tabs a{ flex:1; text-align:center; padding:10px 0; font-size:13px; font-weight:700; color: var(--muted); border-radius:9px; cursor:pointer; }
.page-tabs a.active{ background: var(--accent); color:#fff; }

.discover-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(128px,1fr)); gap:16px; margin-bottom:8px; }
.grid-card{ cursor:pointer; }
.grid-card .thumb-wrap{ position:relative; }
.grid-card img{ width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:10px; box-shadow: 0 4px 10px rgba(0,0,0,.08); }
.grid-card .gtype{ position:absolute; top:8px; left:8px; background: rgba(20,22,28,.6); color:#fff; font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:999px; backdrop-filter: blur(3px); }
.grid-card .glive{ position:absolute; bottom:8px; left:8px; display:flex; align-items:center; gap:4px; background: rgba(20,22,28,.6); color:#fff; font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:999px; }
.grid-card .glive .d{ width:5px; height:5px; border-radius:50%; background: var(--live); }
.grid-card .gt{ font-size:12.5px; font-weight:700; margin-top:8px; line-height:1.3; }
.grid-card .gm{ font-size:11px; color: var(--muted); margin-top:2px; }

.feature-card{ display:flex; gap:16px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:14px; margin-bottom:14px; align-items:center; }
.feature-card img{ width:64px; height:92px; border-radius:8px; object-fit:cover; flex-shrink:0; }
.feature-card h4{ font-size:14.5px; margin-bottom:4px; }
.feature-card p{ font-size:12.5px; color: var(--muted); line-height:1.5; margin:0; }
.feature-tag{ display:inline-block; background: var(--gold-soft); color:#a8730f; font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:999px; margin-bottom:6px; }

.status-badge{ position:absolute; top:8px; right:8px; background: var(--accent); color:#fff; font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:999px; display:flex; align-items:center; gap:3px; }
.status-badge.done{ background:#2fa365; }
.status-badge .lucide{ width:10px; height:10px; }

.custom-list-row{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:12px 16px; margin-bottom:10px; }
.custom-list-row .cl-icon{ width:40px; height:40px; border-radius:10px; background: var(--accent-soft); color: var(--accent); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.custom-list-row .cl-icon .lucide{ width:18px; height:18px; }
.custom-list-row .cl-info{ min-width:0; }
.custom-list-row .cl-info b{ display:block; font-size:13px; }
.custom-list-row .cl-info span{ font-size:11.5px; color: var(--muted); }
.custom-list-row .cl-covers{ margin-left:auto; display:flex; flex-shrink:0; }
.custom-list-row .cl-covers img{ width:30px; height:42px; border-radius:5px; object-fit:cover; border:2px solid var(--card); margin-left:-10px; }
.custom-list-row .cl-covers img:first-child{ margin-left:0; }

.btn-block{ width:100%; justify-content:center; }

/* Profil sayfası */
.profile-header-card{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); margin-bottom:18px; }
.profile-cover{ height:170px; border-radius: var(--radius) var(--radius) 0 0; overflow:hidden; }
.profile-cover img{ width:100%; height:100%; object-fit:cover; }
.profile-header-top{ position:relative; z-index:2; display:flex; justify-content:space-between; align-items:flex-end; padding: 0 22px; margin-top:-44px; }
.profile-big-avatar{ position:relative; z-index:3; width:88px; height:88px; border-radius:50%; object-fit:cover; border:4px solid var(--card); background: var(--card); }
.profile-edit-btn{ display:inline-flex; align-items:center; gap:7px; background: var(--accent-soft); color: var(--accent); border:none; padding:9px 16px; border-radius:8px; font-weight:700; font-size:12.5px; cursor:pointer; }
.profile-edit-btn .lucide{ width:14px; height:14px; }
.profile-name-block{ padding: 12px 22px 0; }
.profile-name-block h2{ font-size:19px; }
.profile-name-block .handle2{ font-size:12.5px; color: var(--muted); margin-top:2px; }
.profile-bio{ padding: 12px 22px 4px; font-size:13px; color: var(--muted); line-height:1.6; }
.profile-stat-row{ display:flex; gap:26px; padding: 14px 22px 20px; flex-wrap:wrap; }
.profile-stat-row div b{ display:block; font-size:16px; font-weight:800; }
.profile-stat-row div span{ font-size:10.5px; color: var(--muted); text-transform:uppercase; letter-spacing:.03em; }

/* ================= Paylaşım kutusu (composer) ================= */
.composer{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:16px; margin-bottom:18px; }
.composer-top{ display:flex; gap:12px; align-items:flex-start; }
.composer-top img{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.composer-input{ flex:1; border:1px solid var(--border); background: var(--bg); border-radius:12px; padding:12px 14px; font-size:13.5px; color: var(--muted-2); min-height:20px; }
.composer-attach{ display:flex; align-items:center; gap:10px; background: var(--bg); border-radius:9px; padding:8px 10px; margin-top:10px; margin-left:52px; }
.composer-attach img{ width:32px; height:46px; border-radius:5px; object-fit:cover; }
.composer-attach b{ font-size:12.5px; display:block; }
.composer-attach span{ font-size:11px; color: var(--muted); }
.composer-attach .remove{ margin-left:auto; color: var(--muted-2); cursor:pointer; display:flex; }
.composer-attach .remove .lucide{ width:15px; height:15px; }
.composer-actions{ display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-left:52px; flex-wrap:wrap; gap:10px; }
.composer-tools{ display:flex; gap:6px; flex-wrap:wrap; }
.composer-tool{ display:inline-flex; align-items:center; gap:6px; background: var(--bg); color: var(--muted); border:none; padding:7px 12px; border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; }
.composer-tool .lucide{ width:14px; height:14px; }
.composer-actions .btn-primary{ padding:8px 18px; }

/* ================= Bildirimler ================= */
.notif-item{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:13px 16px; margin-bottom:10px; }
.notif-item.unread{ border-color: var(--accent); background: var(--accent-soft); }
.notif-icon{ width:36px; height:36px; border-radius:50%; background: var(--accent-soft); color: var(--accent); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.notif-icon.live{ background: var(--live-soft); color: var(--live); }
.notif-icon .lucide{ width:17px; height:17px; }
.notif-avatar{ width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.notif-text{ font-size:13px; color: var(--text); flex:1; min-width:0; line-height:1.5; }
.notif-text b{ font-weight:700; }
.notif-time{ font-size:11px; color: var(--muted-2); white-space:nowrap; flex-shrink:0; }
.notif-actions{ display:flex; gap:8px; margin-top:8px; margin-left:48px; }
.notif-actions button{ border:none; padding:7px 14px; border-radius:7px; font-weight:700; font-size:12px; cursor:pointer; }
.notif-actions .yes{ background: var(--accent); color:#fff; }
.notif-actions .no{ background: var(--accent-soft); color: var(--accent); }

/* ================= Arama sonuçları / kullanıcı satırı ================= */
.user-row{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:12px 16px; margin-bottom:10px; }
.user-row img{ width:40px; height:40px; border-radius:50%; object-fit:cover; }
.user-row .ui{ flex:1; min-width:0; }
.user-row .ui b{ display:block; font-size:13px; }
.user-row .ui span{ font-size:11.5px; color: var(--muted); }
.user-row button{ background: var(--accent-soft); color: var(--accent); border:none; padding:8px 14px; border-radius:8px; font-weight:700; font-size:12px; cursor:pointer; flex-shrink:0; }
.search-context{ font-size:13px; color: var(--muted); margin-bottom:14px; }
.search-context b{ color: var(--text); }

/* ================= Başlık Ekle formu ================= */
.form-card{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:22px; }
.form-group{ margin-bottom:18px; }
.form-group label{ display:block; font-size:12.5px; font-weight:700; color: var(--muted); margin-bottom:7px; }
.form-group input[type=text], .form-group textarea{ width:100%; border:1px solid var(--border); background: var(--bg); border-radius:9px; padding:11px 13px; font-size:13.5px; font-family:inherit; }
.form-group textarea{ resize:vertical; min-height:90px; }
.type-select{ display:flex; gap:8px; }
.type-select label{ flex:1; cursor:pointer; }
.type-select input[type=radio]{ display:none; }
.type-select span{ display:block; text-align:center; padding:11px 0; border:1px solid var(--border); border-radius:9px; font-size:13px; font-weight:700; color: var(--muted); }
.type-select input:checked + span{ background: var(--accent); color:#fff; border-color: var(--accent); }
.poster-upload{ border:2px dashed var(--border); border-radius:10px; padding:28px; text-align:center; color: var(--muted); font-size:12.5px; }
.poster-upload .lucide{ width:26px; height:26px; color: var(--muted-2); margin-bottom:8px; }
.tmdb-hint{ background: var(--accent-soft); color:#3548a3; font-size:12px; padding:9px 12px; border-radius:9px; display:flex; align-items:center; gap:7px; margin-top:8px; }
.tmdb-hint .lucide{ width:14px; height:14px; flex-shrink:0; }

/* ================= Giriş / Kayıt (auth.php) ================= */
body.auth-body{ min-height:100vh; display:flex; align-items:center; justify-content:center; margin:0; }
.auth-card{ width:380px; max-width:90vw; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:32px 28px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.auth-brand{ display:flex; align-items:center; justify-content:center; gap:8px; font-family:'Manrope'; font-weight:800; font-size:21px; margin-bottom:24px; }
.auth-brand .dot{ color: var(--accent); }
.auth-tabs{ display:flex; gap:4px; background: var(--bg); border-radius:10px; padding:4px; margin-bottom:22px; }
.auth-tabs button{ flex:1; border:none; background:transparent; padding:10px 0; font-weight:700; font-size:13px; color: var(--muted); border-radius:8px; cursor:pointer; font-family:'Inter'; }
.auth-tabs button.active{ background: var(--card); color: var(--accent); box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.auth-panel label{ display:block; font-size:12px; font-weight:700; color: var(--muted); margin:14px 0 6px; }
.auth-panel label:first-child{ margin-top:0; }
.auth-panel input{ width:100%; border:1px solid var(--border); background: var(--bg); border-radius:9px; padding:11px 13px; font-size:13.5px; font-family:inherit; }
.auth-panel .btn{ margin-top:22px; }
.auth-alt{ text-align:center; font-size:12.5px; color: var(--muted); margin-top:16px; }
.auth-alt a{ color: var(--accent); font-weight:700; cursor:pointer; }

/* ================= Composer (paylaşım kutusu) ================= */
.composer{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:14px 16px; margin-bottom:18px; }
.composer-top{ display:flex; gap:12px; align-items:center; }
.composer-top img{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.composer-input{ flex:1; background: var(--bg); border:1px solid var(--border); border-radius:999px; padding:11px 16px; font-size:13.5px; color: var(--muted-2); cursor:pointer; }
.composer-actions{ display:flex; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
.composer-action{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; font-size:12.5px; font-weight:700; color: var(--muted); padding:9px 0; border-radius:8px; cursor:pointer; }
.composer-action:hover{ background: var(--bg); }
.composer-action .lucide{ width:15px; height:15px; }
.composer-action.c-film .lucide{ color: var(--accent); }
.composer-action.c-book .lucide{ color:#a8730f; }
.composer-action.c-quote .lucide{ color: var(--live); }

/* ================= Auth (Giriş / Kayıt) sayfaları ================= */
.auth-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; background: var(--bg); }
.auth-card{ width:100%; max-width:400px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:32px 28px; }
.auth-brand{ display:flex; align-items:center; justify-content:center; gap:8px; font-family:'Manrope'; font-weight:800; font-size:21px; margin-bottom:24px; letter-spacing:-0.02em; }
.auth-brand .dot{ color: var(--accent); }
.auth-tabs{ display:flex; gap:4px; background: var(--bg); border-radius:9px; padding:4px; margin-bottom:22px; }
.auth-tabs a{ flex:1; text-align:center; padding:9px 0; font-size:13px; font-weight:700; color: var(--muted); border-radius:7px; }
.auth-tabs a.active{ background: var(--card); color: var(--text); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.auth-form label{ display:block; font-size:12px; font-weight:700; color: var(--muted); margin: 14px 0 6px; }
.auth-form label:first-child{ margin-top:0; }
.auth-form input{ width:100%; border:1px solid var(--border); background: var(--bg); border-radius:9px; padding:10px 14px; font-size:13.5px; font-family:inherit; box-sizing:border-box; }
.auth-row{ display:flex; justify-content:space-between; align-items:center; margin:14px 0 20px; font-size:12px; color: var(--muted); }
.auth-row a{ color: var(--accent); font-weight:600; }
.auth-row label{ display:flex; align-items:center; gap:6px; }
.auth-divider{ text-align:center; font-size:11.5px; color: var(--muted-2); margin:18px 0; position:relative; }
.auth-divider::before, .auth-divider::after{ content:''; position:absolute; top:50%; width:38%; height:1px; background: var(--border); }
.auth-divider::before{ left:0; }
.auth-divider::after{ right:0; }
.auth-footer-text{ text-align:center; font-size:12.5px; color: var(--muted); margin-top:18px; }
.auth-footer-text a{ color: var(--accent); font-weight:700; }

/* ================= Bildirimler ================= */
.notif-row{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:13px 16px; margin-bottom:8px; }
.notif-row.unread{ background: var(--accent-soft); border-color: var(--accent-soft); }
.notif-row .ni-icon{ width:36px; height:36px; border-radius:50%; background: var(--bg); color: var(--muted); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.notif-row .ni-icon .lucide{ width:17px; height:17px; }
.notif-row img.av{ width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.notif-row .nt{ font-size:13px; flex:1; min-width:0; line-height:1.5; }
.notif-row .nt b{ font-weight:700; }
.notif-row .time{ font-size:11px; color: var(--muted-2); white-space:nowrap; align-self:flex-start; margin-top:2px; }
.notif-actions{ display:flex; gap:8px; margin-top:8px; }
.mini-btn{ font-size:11.5px; font-weight:700; padding:6px 13px; border-radius:7px; border:none; cursor:pointer; background: var(--bg); color: var(--text); }
.mini-btn.primary{ background: var(--accent); color:#fff; }

/* ================= Genel form stilleri (Başlık Ekle vb.) ================= */
.form-card{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:22px; }
.form-group{ margin-bottom:18px; }
.form-group label{ display:block; font-size:12.5px; font-weight:700; color: var(--muted); margin-bottom:7px; }
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group textarea{ width:100%; border:1px solid var(--border); background:var(--bg); color:var(--text); border-radius:9px; padding:10px 14px; font-size:13.5px; font-family:inherit; box-sizing:border-box; outline:none; transition:border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="password"]:focus, .form-group textarea:focus{ border-color:var(--accent); background:var(--card); box-shadow:0 0 0 3px var(--accent-soft); }
.form-group input[type="email"]:read-only, .form-group input[type="text"]:read-only{ opacity:.72; cursor:not-allowed; }
.form-group textarea{ resize:vertical; min-height:90px; }
.form-hint{ font-size:11.5px; color: var(--muted-2); margin-top:6px; }
.match-note{ display:flex; align-items:center; gap:7px; background:#EAF7EF; color:#1f8a4c; font-size:12px; padding:9px 12px; border-radius:9px; margin-top:8px; }
.match-note .lucide{ width:14px; height:14px; flex-shrink:0; }
.type-select{ display:flex; gap:8px; }
.type-select label{ flex:1; display:flex; align-items:center; justify-content:center; gap:6px; text-align:center; border:1px solid var(--border); border-radius:9px; padding:10px 0; font-size:13px; font-weight:700; color: var(--muted); cursor:pointer; }
.type-select input{ display:none; }
.type-select label:has(input:checked){ border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.upload-box{ border:2px dashed var(--border); border-radius: var(--radius); padding:28px; text-align:center; color: var(--muted-2); font-size:12.5px; cursor:pointer; }
.upload-box .lucide{ width:24px; height:24px; margin-bottom:8px; display:block; margin-left:auto; margin-right:auto; }

/* ================= Arama sonuçları: kullanıcı satırı ================= */
.user-result-row{ display:flex; align-items:center; gap:12px; background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:12px 16px; margin-bottom:8px; }
.user-result-row img{ width:40px; height:40px; border-radius:50%; object-fit:cover; }
.user-result-row .ur-info{ flex:1; min-width:0; }
.user-result-row .ur-info b{ display:block; font-size:13px; }
.user-result-row .ur-info span{ font-size:11.5px; color: var(--muted); }
.user-result-row button{ background: var(--accent-soft); color: var(--accent); border:none; padding:7px 14px; border-radius:8px; font-weight:700; font-size:12px; cursor:pointer; }

/* ================= Header: arama formu, çıkış ikonu (dinamik sürüm) ================= */
.search-form{ flex:1; max-width:420px; }
.search-form input.search{ width:100%; box-sizing:border-box; background: var(--bg); border:1px solid var(--border); border-radius:999px; padding:9px 16px; font-size:13.5px; color: var(--text); font-family:inherit; outline:none; }
.search-form input.search::placeholder{ color: var(--muted-2); }
.top-actions .navlink[href="logout.php"]{ display:flex; align-items:center; color: var(--muted); }
.top-actions .navlink[href="logout.php"] .lucide{ width:18px; height:18px; }

/* ================= Boş durum mesajları ================= */
.empty-state{ background: var(--card); border:1px dashed var(--border); border-radius: var(--radius); padding:28px; text-align:center; color: var(--muted); font-size:13px; margin-bottom:14px; }
.empty-state .lucide{ width:22px; height:22px; color: var(--muted-2); margin-bottom:8px; }

/* ================= Başlık ekle: 3 ayrı tür seçeneği ================= */
.type-select-3{ display:flex; gap:8px; }
.type-select-3 label{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; border:1px solid var(--border); border-radius:9px; padding:14px 0; font-size:12.5px; font-weight:700; color: var(--muted); cursor:pointer; }
.type-select-3 input{ display:none; }
.type-select-3 label:has(input:checked){ border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.type-select-3 .lucide{ width:20px; height:20px; }

/* ================= Auth sayfalarında hata/başarı mesajı ================= */
.auth-msg-error{ background: var(--live-soft); color:#c0392b; font-size:12.5px; padding:10px 13px; border-radius:9px; margin-bottom:16px; }

/* Ekranvesayfa: üç sütunlu sosyal akış düzeni; yan paneller tüm ana sayfalarda görünür. */
.container{max-width:1280px;grid-template-columns:230px minmax(0,1fr) 270px;gap:20px;padding:22px 18px 60px}
.container > .col{display:block;min-width:0}
.topbar-inner{max-width:1280px;gap:18px}
.top-actions{gap:16px}
@media(max-width:1080px){.container{grid-template-columns:210px minmax(0,1fr);max-width:940px}.container > .col:last-child{display:none}}
@media(max-width:720px){.container{grid-template-columns:minmax(0,1fr);max-width:620px;gap:0;padding:12px 10px 36px}.container > .col{display:none}.container > .feed-column,.container > div:not(.col){display:block}}


/* Ekranvesayfa: sade akış, alıntı ve profil listeleri */
.feed-intro{color:var(--muted);font-size:13px;margin:0 0 18px;padding:0 2px}
.quote-share-box{margin:16px 0;padding:14px 16px;border:1px solid var(--border,#e6e8ef);border-radius:12px;background:var(--card,#fff)}
.quote-share-box summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;list-style:none}
.quote-share-box summary::-webkit-details-marker{display:none}
.quote-share-form{display:grid;gap:10px;margin-top:14px}
.quote-share-form textarea,.quote-share-form input,.post-comment-form input{width:100%;box-sizing:border-box;border:1px solid var(--border,#e6e8ef);border-radius:9px;padding:11px 12px;background:var(--bg,#fff);font:inherit;font-size:13px}
.quote-share-form textarea{min-height:105px;resize:vertical}
.quote-share-form .btn{justify-self:start}
.post-actions{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border,#eceef3);padding-top:12px;margin-top:14px;color:var(--muted);font-size:12px}
.post-action-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:none}
.like-form{margin:0}.like-form button{cursor:pointer}.like-form button.is-liked{color:#d64b67}
.post-comments{display:grid;gap:7px;margin-top:12px}.post-comment{font-size:12.5px;background:var(--soft,#f6f7fa);padding:8px 10px;border-radius:8px}.post-comment b{margin-right:6px}
.post-comment-form{display:flex;gap:8px;margin-top:10px}.post-comment-form button{border:0;background:var(--accent,#3457d5);color:white;border-radius:8px;padding:0 14px;font-weight:700;cursor:pointer}
.profile-title-list{display:grid;gap:8px;margin-bottom:24px}.profile-title-item{display:flex;align-items:center;gap:12px;min-height:76px;padding:8px 10px;border:1px solid var(--border,#e6e8ef);border-radius:10px;text-decoration:none;color:inherit;background:var(--card,#fff)}.profile-title-item img{width:46px;height:64px;object-fit:cover;border-radius:6px}.profile-title-info{display:flex;flex-direction:column;gap:5px}.profile-title-info b{font-size:13px}.profile-title-info small{font-size:11px;color:var(--muted)}

/* Güncelleme: herkese açık akış ve yorum etkileşimleri */
.guest-notice{display:flex;flex-direction:column;gap:7px;padding:15px 17px;margin:0 0 16px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.guest-notice span{font-size:12.5px;color:var(--muted);line-height:1.55}
.guest-notice a,.login-to-comment a{font-size:12.5px;font-weight:700;color:var(--accent)}
.guest-card .handle{line-height:1.6}
.comment-thread{margin-top:12px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:9px;align-items:start}
.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--soft,#f6f7fa)}
.comment-main{min-width:0}
.comment-bubble{display:inline-block;max-width:100%;box-sizing:border-box;padding:9px 12px;background:var(--soft,#f3f4f6);border-radius:15px;color:var(--text);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}
.comment-bubble b{display:block;font-size:12px;margin-bottom:2px}
.comment-bubble b a:hover{color:var(--accent)}
.comment-tools{display:flex;gap:14px;margin:4px 0 2px 11px;align-items:center}
.comment-tools form{margin:0}
.text-action{border:0;background:transparent;padding:2px 0;color:var(--muted);font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.text-action:hover,.text-action.is-liked{color:#d84b69}
.comment-replies{margin:7px 0 0 12px;padding-left:10px;border-left:2px solid var(--border);display:grid;gap:7px}
.comment-reply{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45}
.reply-avatar{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover}
.reply-bubble{background:var(--soft,#f3f4f6);border-radius:13px;padding:7px 10px;overflow-wrap:anywhere}
.reply-bubble b{margin-right:4px}
.reply-form{display:flex;gap:7px;margin:8px 0 0 0}
.reply-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:999px;padding:9px 12px;background:var(--bg);font:inherit;font-size:12px}
.reply-form button{border:0;border-radius:999px;padding:0 12px;background:var(--soft,#f2f3f7);color:var(--accent);font-size:11.5px;font-weight:700;cursor:pointer}
.post-comment-form{align-items:center}.post-comment-form input{border-radius:999px}.post-comment-form button{border-radius:999px;padding:10px 16px}
.login-to-comment{padding:10px 0 2px;font-size:12px}


/* Daha düzenli alıntı paylaşım alanı */
.quote-share-box{margin:18px 0 22px;padding:0;overflow:hidden;border:1px solid var(--border,#e6e8ef);border-radius:15px;background:var(--card,#fff);box-shadow:0 4px 16px rgba(20,28,50,.035)}
.quote-share-box summary{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;list-style:none;background:linear-gradient(135deg,rgba(92,111,214,.07),rgba(216,75,105,.045))}
.quote-share-box summary::-webkit-details-marker{display:none}
.quote-share-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft,#eef0ff);color:var(--accent,#3457d5)}
.quote-share-icon .lucide{width:19px;height:19px}
.quote-share-heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.quote-share-heading b{font-size:13px;color:var(--text)}
.quote-share-heading small{font-size:11.5px;font-weight:400;color:var(--muted)}
.quote-share-toggle{display:grid;place-items:center;color:var(--muted);transition:transform .2s}
.quote-share-box[open] .quote-share-toggle{transform:rotate(180deg)}
.quote-share-form{padding:16px;gap:8px;border-top:1px solid var(--border,#e6e8ef)}
.quote-share-form label{font-size:11.5px;font-weight:700;color:var(--text);margin-top:3px}
.quote-share-form label span{font-weight:400;color:var(--muted)}
.quote-share-form textarea{min-height:125px;line-height:1.55;background:var(--bg,#fff)}
.quote-share-form input{min-height:42px}
.quote-share-form .btn{margin-top:5px;min-height:40px}
@media(max-width:520px){.quote-share-box summary{padding:12px}.quote-share-form{padding:12px}.quote-share-icon{width:36px;height:36px;flex-basis:36px}}

/* Yorumlar: ilk olarak en çok beğenilen yorum görünür; düğmeyle tüm yorumlar açılır. */
.post-actions .comments-toggle{cursor:pointer;color:inherit}
.post-actions .comments-toggle:hover{color:var(--accent)}
.post-comments{display:grid;gap:7px;margin-top:12px}
.post-comments [hidden]{display:none!important}
.follow-form{margin:0}
.profile-edit-btn.is-following{background:var(--soft,#f3f4f7);color:var(--text);border:1px solid var(--border,#e6e8ef)}
.profile-stat-row div b{font-variant-numeric:tabular-nums}

/* Yanıt alanı yalnızca kullanıcı 'Yanıtla' dediğinde açılır. */
.reply-form[hidden]{display:none!important}
.reply-toggle{cursor:pointer}
.reply-toggle:hover{color:var(--accent)}
.reply-form{align-items:center}
.comment-reply{align-items:flex-start}
.reply-content{min-width:0;flex:1}
.reply-tools{display:flex;gap:12px;align-items:center;margin:3px 0 0 8px}
.reply-tools form{margin:0}
.reply-tools .text-action{font-size:11px}
.comment-reply .reply-bubble a{font-weight:700}


/* Yorum/yanıt aksiyonları: Beğen ve Yanıtla her zaman aynı satırda. */
.comment-tools,.reply-tools{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important;white-space:nowrap}
.comment-tools form,.reply-tools form{display:inline-flex!important;margin:0!important}
.comment-tools .text-action,.reply-tools .text-action{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.mention-link{font-weight:800!important;color:var(--accent)!important;text-decoration:none!important}
.mention-link:hover{text-decoration:underline!important}
.post-comment-form{display:flex!important;align-items:center!important;gap:8px!important;width:100%;box-sizing:border-box}
.post-comment-form input{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:42px;box-sizing:border-box}
.post-comment-form button,.reply-form button{flex:0 0 auto!important;width:auto!important;min-width:70px;height:42px;box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;line-height:1!important}
.reply-form input{flex:1 1 auto!important;width:auto!important}
.reply-form{width:100%;box-sizing:border-box}
@media(max-width:480px){.post-comment-form{gap:6px}.post-comment-form button,.reply-form button{min-width:62px;padding:0 11px!important}.comment-tools,.reply-tools{gap:11px!important}}

/* Alıntı paylaş: durum butonlarıyla aynı satırda, tıklayınca açılan panel */
.cta-row{flex-wrap:wrap}
.quote-share-panel{margin:0 20px 18px;border:1px solid var(--border,#e6e8ef);border-radius:15px;background:var(--card,#fff);box-shadow:0 4px 16px rgba(20,28,50,.035);overflow:hidden}
.quote-share-panel[hidden]{display:none!important}
.quote-share-panel .quote-share-form{border-top:0}

/* Gönderi paylaşım kutusu */
.post-composer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}
.post-composer-top{display:flex;gap:12px;align-items:flex-start}
.post-composer-top img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.post-composer textarea{flex:1;min-width:0;box-sizing:border-box;min-height:44px;max-height:260px;resize:none;overflow-y:auto;border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:11px 14px;font:inherit;font-size:13.5px;line-height:1.5;color:var(--text)}
.post-composer textarea:focus{outline:none;border-color:var(--accent)}
.post-composer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.post-composer-count{font-size:11.5px;color:var(--muted)}
.post-composer .btn{padding:8px 18px}
.post-composer .btn:disabled{opacity:.5;cursor:not-allowed}

/* Profil: kompakt izledikleri/okudukları şeridi */
.section-count{font-weight:500;color:var(--muted-2,var(--muted))}
.title-filter{margin-bottom:10px}
.title-filter .chip{font-family:inherit}
.profile-title-strip{margin-bottom:14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.profile-title-strip .trend-card{flex:0 0 104px;scroll-snap-align:start;text-decoration:none;color:inherit}
.profile-title-strip .trend-card[hidden]{display:none}
.profile-title-strip .tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-title-strip .tl{color:var(--muted);font-weight:600}
.profile-title-strip .tl.live{color:var(--live)}

/* Bildirimler */
.notif-badge{width:auto!important;min-width:16px;padding:0 4px;border-radius:999px!important;box-sizing:border-box}
a.notif-row{color:inherit;text-decoration:none}
a.notif-row:hover{border-color:var(--accent-soft)}
.notif-row .mini-btn{border:0;border-radius:7px;padding:7px 14px;font:inherit;font-weight:700;font-size:12px;cursor:pointer;background:var(--bg);color:var(--accent)}
.notif-row .mini-btn.primary{background:var(--accent);color:#fff}
.notif-row .mini-btn:disabled{opacity:.6;cursor:default}
/* Gönderi sayfası / bildirimden gelen yorum vurgusu */
.comment-thread,.comment-reply{scroll-margin-top:90px}
.comment-thread:target>.comment-main>.comment-bubble,.comment-reply:target .reply-bubble{box-shadow:0 0 0 2px var(--accent)}
/* Misafir: sohbet girişi */
.chat-login{padding:14px 20px 20px;border-top:1px solid var(--border);margin-top:4px;text-align:center;font-size:13px}
.chat-login a{color:var(--accent);font-weight:700;text-decoration:none}
.notif-row .notif-actions{margin-left:0}

/* Gündemdeki içerikler: kaydırma çubuğu yok; kartlar kolon genişliğine sığar, dar alanda 3'lü iki sıraya geçer */
.trend-wrap{ container-type:inline-size; margin-bottom:22px; }
.trend-grid{ display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:12px; }
.trend-grid .trend-card{ display:block; min-width:0; text-decoration:none; color:inherit; transition:transform .18s ease; }
.trend-grid .trend-card:hover{ transform:translateY(-3px); }
.trend-poster{ position:relative; }
.trend-poster img{ display:block; width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.10); background:var(--border); }
.trend-rank{ position:absolute; left:6px; top:6px; z-index:1; min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:rgba(17,17,17,.78); color:#fff; font-size:11.5px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.trend-grid .trend-card .tt{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.trend-grid .trend-card .tl{ display:block; }
@container (max-width:560px){ .trend-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }

/* ================= Header (sade, mobil uyumlu) ================= */
.topbar-inner{ gap:16px; padding:10px 16px; }
.brand{ flex-shrink:0; }
.brand-logo{ display:block; height:30px; width:auto; max-width:180px; object-fit:contain; }
.brand-text{ display:none; }
.brand.no-logo .brand-logo{ display:none; }
.brand.no-logo .brand-text{ display:inline; }

/* Arama kutusu + canlı sonuçlar */
.search-wrap{ position:relative; flex:1 1 auto; min-width:0; max-width:420px; }
.search-wrap .search-form{ position:relative; max-width:none; width:100%; }
.search-wrap .search-ico{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color: var(--muted-2); pointer-events:none; }
.search-wrap .search-form input.search{ max-width:none; padding:9px 16px 9px 38px; }
.search-wrap .search-form input.search:focus{ border-color: var(--accent); background: var(--card); }
.search::-webkit-search-cancel-button{ -webkit-appearance:none; }

.search-results{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:40;
  background: var(--card); border:1px solid var(--border); border-radius: var(--radius);
  box-shadow: 0 12px 32px rgba(20,22,28,.14);
  max-height:min(70vh, 480px); overflow-y:auto; overscroll-behavior:contain;
}
.search-results[hidden]{ display:none; }
.sr-label{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color: var(--muted-2); padding:12px 14px 4px; }
.sr-item{ display:flex; align-items:center; gap:12px; padding:8px 14px; }
.sr-item:hover, .sr-item.active{ background: var(--bg); }
.sr-poster{ width:36px; height:52px; border-radius:6px; object-fit:cover; flex-shrink:0; background: var(--bg); }
.sr-avatar{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; background: var(--bg); }
.sr-text{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.sr-text b{ font-size:13px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sr-text small{ font-size:11.5px; color: var(--muted); }
.sr-empty{ padding:20px 14px; text-align:center; font-size:13px; color: var(--muted); }
.sr-all{ display:block; text-align:center; padding:12px; font-size:12.5px; font-weight:700; color: var(--accent); border-top:1px solid var(--border); margin-top:6px; }
.sr-all:hover, .sr-all.active{ background: var(--accent-soft); }

/* Ana menü (masaüstü) */
.main-nav{ margin-left:auto; display:flex; align-items:center; gap:2px; }
.main-nav .navlink{ font-size:13.5px; font-weight:600; color: var(--muted); padding:8px 12px; border-radius:999px; white-space:nowrap; }
.main-nav .navlink:hover{ background: var(--bg); color: var(--text); }
.main-nav .navlink.on{ color: var(--accent); background: var(--accent-soft); }

/* Sağ aksiyonlar */
.top-actions{ margin-left:0; gap:4px; flex-shrink:0; }
.icon-btn{ position:relative; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; border:0; background:transparent; color: var(--muted); cursor:pointer; padding:0; }
.icon-btn:hover{ background: var(--bg); color: var(--text); }
.icon-btn .lucide{ width:19px; height:19px; }
.notif-bell .notif-badge{ top:3px; right:1px; }
.top-profile{ display:flex; margin:0 4px; }
.search-toggle{ display:none; }
.search-toggle .ico-close{ display:none; }
.top-actions .guest-login{ padding:8px 10px; }
.btn-join{ background: var(--accent); color:#fff; font-size:13px; font-weight:700; padding:8px 16px; border-radius:999px; white-space:nowrap; margin-left:4px; }
.btn-join:hover{ filter:brightness(1.08); }

/* Mobil alt menü: masaüstünde gizli */
.bottom-nav{ display:none; }

@media (max-width:900px){
  .main-nav .navlink{ padding:8px 9px; }
  .topbar-inner{ gap:12px; }
}

@media (max-width:720px){
  body{ padding-bottom:calc(62px + env(safe-area-inset-bottom, 0px)); }
  .topbar-inner{ gap:6px; padding:8px 12px; }
  .brand{ margin-right:auto; }
  .brand-logo{ height:26px; max-width:150px; }
  .main-nav{ display:none; }
  .top-profile, .top-actions .guest-login{ display:none; }

  .search-toggle{ display:flex; }
  .topbar.search-open .search-toggle .ico-open{ display:none; }
  .topbar.search-open .search-toggle .ico-close{ display:flex; }

  /* Arama: kapalıyken gizli, açılınca başlığın altında tam genişlik panel */
  .search-wrap{ display:none; max-width:none; }
  .topbar.search-open .search-wrap{
    display:block; position:absolute; left:0; right:0; top:100%;
    background: var(--card); border-bottom:1px solid var(--border);
    box-shadow:0 12px 24px rgba(20,22,28,.10);
    padding:10px 12px; max-height:calc(100vh - 56px); max-height:calc(100dvh - 56px); overflow-y:auto;
  }
  .search-wrap .search-form input.search{ font-size:16px; padding:11px 16px 11px 40px; } /* iOS yakınlaştırmasını önler */
  .search-results{ position:static; margin-top:8px; border:0; border-top:1px solid var(--border); border-radius:0; box-shadow:none; max-height:none; overflow:visible; }

  .bottom-nav{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:30;
    background: var(--card); border-top:1px solid var(--border);
    padding-bottom:env(safe-area-inset-bottom, 0px);
  }
  .bottom-nav a{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px 0 7px; font-size:10.5px; font-weight:600; color: var(--muted); }
  .bottom-nav a .lucide{ width:21px; height:21px; }
  .bottom-nav a.on{ color: var(--accent); }
}

/* Keşfet: sonsuz kaydırma yükleyicisi */
.discover-loader{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;color:var(--muted);font-size:12px;}
.discover-loader[hidden]{display:none;}
.discover-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.12);border-top-color:currentColor;border-radius:50%;animation:discover-spin .7s linear infinite;}
@keyframes discover-spin{to{transform:rotate(360deg)}}
#discover-sentinel{height:1px;width:100%;}

/* Profil ayarları */
.profile-settings-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:14px;padding:0 4px}
.profile-settings-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px}
.profile-settings-tab svg{width:16px;height:16px}.profile-settings-tab.active{color:var(--text);border-bottom-color:var(--accent)}
.profile-settings-card{padding:0;overflow:hidden}.settings-cover-preview{height:190px;position:relative;background:var(--bg);overflow:hidden}.settings-cover-preview>img{width:100%;height:100%;object-fit:cover;display:block}.settings-cover-upload{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.68);color:#fff;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.settings-cover-upload input,.settings-avatar-upload input{display:none}.settings-cover-upload svg{width:16px;height:16px}.settings-avatar-row{display:flex;align-items:center;gap:14px;padding:20px 22px 4px}.settings-avatar-wrap{width:88px;height:88px;position:relative;flex:0 0 88px}.settings-avatar-wrap>img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid var(--card);box-shadow:0 2px 10px rgba(0,0,0,.08)}.settings-avatar-upload{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:3px solid var(--card);cursor:pointer}.settings-avatar-upload svg{width:14px;height:14px}.settings-avatar-row strong{font-size:15px}.settings-avatar-row .form-hint{margin-top:5px}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:16px 22px 0}.settings-field-full{grid-column:1/-1}.settings-field-grid .form-group{margin-bottom:18px}.profile-settings-card>.btn{width:calc(100% - 44px);margin:0 22px 22px}.profile-settings-card input[readonly]{opacity:.72;cursor:not-allowed}.form-alert{padding:12px 14px;border-radius:9px;margin-bottom:14px;font-size:13px;font-weight:600}.form-alert-error{background:#fff1f1;color:#a32929;border:1px solid #f1c7c7}.form-alert-success{background:#effaf3;color:#24733f;border:1px solid #c8ead4}.settings-form-heading{display:flex;gap:12px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--border);margin-bottom:4px}.settings-form-heading>svg{width:22px;height:22px;color:var(--accent);margin-top:2px}.settings-form-heading h2{font-size:18px;margin:0 0 5px}.settings-form-heading p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:720px){.settings-field-grid{grid-template-columns:1fr}.settings-field-full{grid-column:auto}.settings-cover-preview{height:145px}.settings-cover-upload{right:10px;bottom:10px;padding:8px 10px}.settings-cover-upload span{display:none}.settings-avatar-row{padding:16px 16px 2px}.settings-field-grid{padding:16px 16px 0}.profile-settings-card>.btn{width:calc(100% - 32px);margin:0 16px 16px}.profile-settings-tab{padding:10px 9px;font-size:12px}}

.post-views{cursor:default}.post-views i,.post-views svg{width:16px;height:16px}

/* Profil: İzledikleri ve Okudukları şeridi — gizli scrollbar, kenar geçişi, oklar, ilerleme çizgisi */
.title-carousel{position:relative;margin-bottom:20px}
.title-carousel .profile-title-strip{margin:0;padding:4px 2px 14px;gap:14px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none}
.title-carousel .profile-title-strip::-webkit-scrollbar{display:none;width:0;height:0}
.title-carousel .profile-title-strip img{-webkit-user-drag:none;user-drag:none}
.title-carousel.is-dragging .profile-title-strip{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.title-carousel .profile-title-strip .trend-card img{transition:transform .25s ease,box-shadow .25s ease}
.title-carousel .profile-title-strip .trend-card:hover img{transform:translateY(-3px);box-shadow:0 10px 20px rgba(20,22,28,.16)}
.title-carousel.can-next .profile-title-strip{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
.title-carousel.can-prev .profile-title-strip{-webkit-mask-image:linear-gradient(to right,transparent,#000 56px);mask-image:linear-gradient(to right,transparent,#000 56px)}
.title-carousel.can-prev.can-next .profile-title-strip{-webkit-mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
.tc-btn{position:absolute;top:63px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.96);color:var(--text);display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;box-shadow:0 6px 18px rgba(20,22,28,.14);transition:opacity .2s,background .15s,color .15s,border-color .15s,transform .15s}
.tc-btn svg{width:18px;height:18px}
.tc-prev{left:4px}.tc-next{right:4px}
.tc-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}
.tc-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .title-carousel.can-prev .tc-prev,.title-carousel.can-next .tc-next{display:inline-flex}
  .title-carousel:hover .tc-btn{opacity:1}
}
.tc-progress{display:none;height:3px;margin:0 2px;border-radius:99px;background:var(--border);overflow:hidden}
.title-carousel.is-scrollable .tc-progress{display:block}
.tc-thumb{display:block;height:100%;width:30%;border-radius:99px;background:var(--accent);transition:transform .12s linear,width .2s ease}
@media (prefers-reduced-motion:reduce){.title-carousel .profile-title-strip{scroll-behavior:auto}.tc-thumb,.title-carousel .trend-card img{transition:none}}

/* ===== Uzun yazılar (inceleme / öykü / deneme) ===== */
.post-composer-actions{display:flex;align-items:center;gap:8px}
.profile-write-row{margin:-4px 0 12px}

/* Akış / profil kartı */
.article-card{display:block;margin:4px 0 2px;color:inherit;text-decoration:none}
.article-card-title{font-family:'Manrope',sans-serif;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.01em;margin:0 0 8px;transition:color .15s}
.article-card:hover .article-card-title{color:var(--accent)}
.article-card-excerpt{margin:0 0 10px;color:#3d4455;font-size:14.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.article-card-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--accent)}
.article-card-more small{color:var(--muted);font-weight:600;font-size:12px}
.article-card-more svg{width:15px;height:15px;transition:transform .15s}
.article-card:hover .article-card-more svg{transform:translateX(3px)}

/* Okuma sayfası ve editörün ortak gövde tipografisi */
.article-body{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-size:18.5px;line-height:1.85;color:#1d2230;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.15em}
.article-body h2{font-family:'Manrope',sans-serif;font-size:24px;line-height:1.3;font-weight:800;margin:1.8em 0 .55em;letter-spacing:-.01em}
.article-body h3{font-family:'Manrope',sans-serif;font-size:19px;line-height:1.35;font-weight:700;margin:1.6em 0 .5em}
.article-body blockquote{margin:1.4em 0;padding:2px 0 2px 20px;border-left:3px solid var(--accent);color:#424a5c;font-style:italic}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body ul,.article-body ol{margin:0 0 1.15em;padding-left:1.5em}
.article-body li{margin:.3em 0}
.article-body hr{border:0;margin:2em 0;text-align:center;height:auto}
.article-body hr::before{content:"· · ·";letter-spacing:.6em;color:var(--muted-2);font-size:20px}

/* Okuma sayfası */
.post.article-full{padding:30px 34px 22px}
.article-title{font-family:'Manrope',sans-serif;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:0 0 18px}
.article-byline{align-items:center}
.article-byline .article-edit{margin-left:auto}
.post.article-full .post-media{margin:16px 0 4px}
.post.article-full > .article-body{max-width:680px;margin:26px auto 14px}
.post.article-full .post-actions{margin-top:22px}

/* Editör */
.post.article-editor{padding:0;overflow:visible}
.ae-title{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:800 30px/1.25 'Manrope',sans-serif;letter-spacing:-.02em;padding:26px 30px 10px}
.ae-title::placeholder{color:#b7bcc9}
.ae-linked{display:flex;align-items:center;gap:12px;margin:2px 30px 12px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:13px}
.ae-linked[hidden]{display:none}
.ae-linked img{width:32px;height:48px;object-fit:cover;border-radius:5px}
.ae-linked b{display:block}.ae-linked span{color:var(--muted);font-size:12px}
.ae-linked .ae-link-btn{margin-left:auto}
.ae-link-btn{background:none;border:0;padding:4px 6px;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;gap:6px}
.ae-link-btn:hover{color:var(--accent);background:var(--accent-soft)}
.ae-danger:hover{color:#c0291b;background:var(--live-soft)}
.ae-toolbar{position:sticky;top:66px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ae-toolbar button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .12s,color .12s}
.ae-toolbar button svg{width:17px;height:17px}
.ae-toolbar button:hover{background:var(--bg);color:var(--text)}
.ae-toolbar button.is-on{background:var(--accent-soft);color:var(--accent)}
.ae-sep{width:1px;height:20px;background:var(--border);margin:0 6px}
.ae-body-wrap{position:relative}
.ae-body-wrap.is-empty::before{content:attr(data-placeholder);position:absolute;top:22px;left:30px;right:30px;color:#b7bcc9;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:18.5px;pointer-events:none}
.ae-body.article-body{min-height:380px;padding:22px 30px 30px;outline:none}
.ae-footer{display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--border);flex-wrap:wrap}
.ae-stat{font-size:12.5px;font-weight:600;color:var(--muted)}
.ae-hint{font-size:12px;color:var(--muted-2);margin-right:auto}
.ae-delete{margin:12px 4px 0}
.ae-draft{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:var(--gold-soft);font-size:13px;font-weight:600}
.ae-draft[hidden]{display:none}.ae-draft span{margin-right:auto}

@media (max-width:640px){
  .post.article-full{padding:20px 16px 16px}
  .article-title{font-size:26px}
  .article-body{font-size:17px;line-height:1.8}
  .ae-title{font-size:24px;padding:20px 16px 8px}
  .ae-linked{margin:2px 16px 12px}
  .ae-toolbar{padding:6px 10px}
  .ae-body.article-body{padding:18px 16px 24px;min-height:300px}
  .ae-body-wrap.is-empty::before{left:16px;right:16px;top:18px;font-size:17px}
  .ae-hint{display:none}.ae-footer{padding:10px 12px}
  .post-composer-actions .btn-ghost{padding:8px 10px}
}


/* Premium / Yönetici avatar çerçevesi + taç ikonu */
.av-wrap{ position:relative; display:inline-flex; flex:0 0 auto; vertical-align:middle; border-radius:50%; --ring:clamp(2px, calc(var(--av,40px) * .05), 4px); }
.av-wrap::after{
  content:""; position:absolute; inset:calc(var(--ring) * -1.6); border-radius:50%; padding:var(--ring); pointer-events:none;
  background:linear-gradient(140deg,#ff8a1f 0%,#ffc83d 50%,#ee8a12 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
.av-crown{
  position:absolute; right:-10%; bottom:-6%; /* sol alta almak için: left:-10%; right:auto; */
  width:max(13px, calc(var(--av,40px) * .42)); height:max(13px, calc(var(--av,40px) * .42));
  display:flex; align-items:center; justify-content:center; border-radius:50%;
  background:radial-gradient(circle at 30% 25%, #ffe066, #f4a300 75%);
  border:max(1.5px, calc(var(--av,40px) * .04)) solid var(--card,#fff);
  box-shadow:0 2px 6px rgba(245,166,0,.45); color:#5a2d00; z-index:2;
}
.av-crown svg{ width:58%; height:58%; }
/* Mevcut düzenlerle uyum */
.profile-card .av-wrap{ margin-bottom:10px; }
.profile-card .av-wrap img.avatar{ margin-bottom:0; }
.profile-big-avatar{ display:block; }
.profile-header-top > .av-wrap{ z-index:3; }
.active-ring .av-wrap{ width:100%; height:100%; }
.active-ring .av-wrap::after{ display:none; } /* "Şu An Aktif" halkası zaten var, sadece taç gösterilir */

/* Yönetici: kırmızı çerçeve + kalkan ikonu */
.av-admin::after{ background:linear-gradient(140deg,#ff4d4d 0%,#e11d2e 50%,#9f1239 100%); }
.av-admin .av-crown{ background:radial-gradient(circle at 30% 25%, #ff6b6b, #c81e1e 75%); color:#fff; box-shadow:0 2px 6px rgba(200,30,30,.45); }

/* Profil sayfası: büyük avatarın z-index değeri rozeti örtmesin */
.av-wrap .profile-big-avatar{ z-index:auto; }
.av-wrap .av-crown{ z-index:4; }

/* Profil başlığı: isim / açıklama / istatistik düzeni */
.profile-header-top{ padding:0 24px; }
.profile-header-top .profile-edit-btn{ margin-bottom:4px; }
.profile-name-block{ padding:14px 24px 0; }
.profile-name-block h1{ font-size:21px; font-weight:800; letter-spacing:-.01em; line-height:1.25; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.profile-name-block .handle2{ font-size:13px; color:var(--muted); margin-top:3px; }
.profile-name-block .profile-bio{ padding:0; margin:12px 0 0; max-width:62ch; font-size:13.5px; line-height:1.65; color:var(--text); opacity:.82; word-break:break-word; }
.profile-stat-row{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; padding:0; margin-top:18px; border-top:1px solid var(--border); }
.profile-stat-row > div{ text-align:center; padding:14px 6px 15px; border-right:1px solid var(--border); }
.profile-stat-row > div:last-child{ border-right:0; }
.profile-stat-row > div:nth-child(2){ border-right-width:1px; }
.profile-stat-row div b{ font-size:17px; line-height:1.2; }
.profile-stat-row div span{ display:block; margin-top:3px; font-size:10.5px; font-weight:600; }
@media (max-width:480px){
  .profile-header-top,.profile-name-block{ padding-left:16px; padding-right:16px; }
  .profile-stat-row div span{ font-size:9.5px; letter-spacing:.02em; }
}

/* Rozetler: yuvarlak, tek ikonlu, canlı renkli (renkler/ikon badges tablosundan gelir) */
.u-badges{ display:inline-flex; align-items:center; gap:4px; margin-left:7px; vertical-align:middle; }
.u-badge{
  width:22px; height:22px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
  background:linear-gradient(140deg,var(--b1,#6366F1),var(--b2,#A855F7)); color:var(--bi,#fff);
  border:2px solid var(--card,#fff);
  box-shadow:0 2px 6px var(--bglow,rgba(0,0,0,.25)), inset 0 1px 0 rgba(255,255,255,.35);
}
.u-badge svg{ width:60%; height:60%; }
.profile-name-block h1 .u-badges{ margin-left:0; }
.profile-name-block h1 .u-badge{ width:26px; height:26px; }
.post-head b .u-badge,.profile-card h3 .u-badge,.active-name .u-badge{ width:18px; height:18px; border-width:1.5px; }
.post-head b .u-badges,.profile-card h3 .u-badges,.active-name .u-badges{ margin-left:5px; }

/* Rozet tooltip'i (JS ile body'ye eklenir, kart/şerit taşmalarında kesilmez) */
.u-badge{ cursor:default; outline:none; }
.u-badge:focus-visible{ box-shadow:0 0 0 3px rgba(52,87,213,.35), 0 2px 6px var(--bglow,rgba(0,0,0,.25)); }
.u-tip{
  position:fixed; z-index:9999; left:0; top:0; max-width:240px; padding:9px 12px 10px; border-radius:11px;
  background:#14161C; color:#fff; font-size:12px; line-height:1.4; pointer-events:none;
  box-shadow:0 8px 24px rgba(20,22,28,.28); opacity:0; transform:translateY(4px); transition:opacity .14s ease, transform .14s ease;
}
.u-tip.show{ opacity:1; transform:none; }
.u-tip b{ display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:800; }
.u-tip b i{ width:9px; height:9px; border-radius:50%; flex:0 0 auto; background:linear-gradient(140deg,var(--t1,#6366F1),var(--t2,#A855F7)); }
.u-tip span{ display:block; margin-top:3px; color:rgba(255,255,255,.72); font-weight:500; }
.u-tip::after{
  content:""; position:absolute; left:var(--ax,50%); width:10px; height:10px; background:#14161C; transform:translateX(-50%) rotate(45deg); border-radius:2px;
}
.u-tip[data-pos="top"]::after{ bottom:-4px; }
.u-tip[data-pos="bottom"]::after{ top:-4px; }
@media (prefers-reduced-motion:reduce){ .u-tip{ transition:none; } }

/* ===== Yönetim paneli ===== */
.admin-wrap{ grid-column:1 / -1; min-width:0; }
.admin-narrow{ max-width:720px; width:100%; margin:0 auto; }
.admin-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.admin-head h1{ font-size:22px; font-weight:800; display:flex; align-items:center; gap:10px; letter-spacing:-.01em; }
.admin-head h1 .lucide{ width:22px; height:22px; color:var(--accent); }
.admin-sub{ font-size:13px; color:var(--muted); }
.admin-flash{ padding:11px 14px; border-radius:10px; font-size:13.5px; font-weight:600; margin-bottom:14px; border:1px solid transparent; }
.admin-flash.is-ok{ background:#ECFDF3; color:#067647; border-color:#ABEFC6; }
.admin-flash.is-err{ background:#FEF3F2; color:#B42318; border-color:#FECDCA; }

.admin-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:18px; }
.admin-stat{ display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:14px 16px; }
.admin-stat .lucide{ width:20px; height:20px; color:var(--accent); flex:0 0 auto; }
.admin-stat b{ display:block; font-size:20px; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; }
.admin-stat span{ font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.03em; font-weight:600; }

.admin-tabs{ display:flex; gap:4px; border-bottom:1px solid var(--border); margin-bottom:14px; overflow-x:auto; }
.admin-tabs a{ display:inline-flex; align-items:center; gap:8px; padding:11px 14px; font-size:13.5px; font-weight:700; color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; text-decoration:none; white-space:nowrap; }
.admin-tabs a .lucide{ width:16px; height:16px; }
.admin-tabs a.on{ color:var(--text); border-bottom-color:var(--accent); }

.admin-filter{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.admin-filter input[type=search]{ flex:1 1 260px; min-width:0; }
.admin-filter input,.admin-filter select,.admin-form input,.admin-form textarea,.admin-inline-form select{
  background:var(--card); border:1px solid var(--border); border-radius:9px; padding:10px 12px; font:inherit; font-size:13.5px; color:var(--text);
}
.admin-filter input:focus,.admin-filter select:focus,.admin-form textarea:focus,.admin-inline-form select:focus{ outline:2px solid var(--accent-soft); border-color:var(--accent); }

.admin-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px; margin-bottom:14px; }
.admin-card:has(> .admin-table-wrap:only-child){ padding:0; overflow:hidden; }
.admin-h{ font-size:14.5px; font-weight:800; margin-bottom:12px; }
.admin-table-wrap{ overflow-x:auto; }
.admin-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.admin-table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:700; padding:12px 14px; border-bottom:1px solid var(--border); white-space:nowrap; background:rgba(127,127,127,.04); }
.admin-table td{ padding:12px 14px; border-bottom:1px solid var(--border); vertical-align:middle; }
.admin-table tbody tr:last-child td{ border-bottom:0; }
.admin-table tbody tr:hover{ background:rgba(127,127,127,.04); }
.admin-table .muted,.admin-card .muted{ color:var(--muted); }
.admin-table .right{ text-align:right; }
.admin-table .nowrap{ white-space:nowrap; }
.admin-table .empty{ text-align:center; color:var(--muted); padding:28px; }
.admin-table .clip{ max-width:420px; }
.admin-table .clip a{ color:var(--text); text-decoration:none; font-weight:600; }
.admin-table .clip a:hover{ color:var(--accent); }
.admin-table .sub{ display:block; font-style:normal; font-size:11.5px; color:var(--muted); margin-top:2px; }
.admin-table .ml{ margin-left:6px; }
.admin-table code,.admin-note code{ font-size:12px; background:var(--accent-soft); color:var(--accent); padding:1px 6px; border-radius:6px; }
.admin-table td:first-child .u-badges{ vertical-align:middle; }
.admin-user{ display:inline-flex; align-items:center; gap:11px; text-decoration:none; color:inherit; vertical-align:middle; }
.admin-user span{ display:flex; flex-direction:column; line-height:1.3; }
.admin-user b{ font-size:13.5px; }
.admin-user i{ font-style:normal; font-size:12px; color:var(--muted); }
.admin-av{ width:36px; height:36px; border-radius:50%; object-fit:cover; display:block; }
.admin-av-big{ width:76px; height:76px; border-radius:50%; object-fit:cover; display:block; border:3px solid var(--card); background:var(--card); }

.role-chip{ display:inline-flex; align-items:center; font-size:11px; font-weight:800; padding:3px 9px; border-radius:999px; letter-spacing:.01em; }
.role-member{ background:rgba(127,127,127,.12); color:var(--muted); }
.role-premium{ background:#FFF4D6; color:#9A6700; }
.role-admin{ background:#FEE4E2; color:#B42318; }
.role-ok{ background:#DCFAE6; color:#067647; }

.admin-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--muted); margin:2px 2px 8px; }
.admin-pager{ display:flex; gap:4px; }
.admin-pager a,.admin-pager span{ min-width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; border:1px solid var(--border); background:var(--card); font-weight:700; font-size:13px; text-decoration:none; color:var(--text); }
.admin-pager span.on{ background:var(--accent); border-color:var(--accent); color:#fff; }
.admin-note{ font-size:12.5px; color:var(--muted); line-height:1.6; margin-top:10px; }
.admin-crumb{ margin-bottom:12px; }
.admin-crumb a{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--muted); text-decoration:none; }
.admin-crumb a .lucide{ width:15px; height:15px; }

.btn-sm{ padding:7px 12px; font-size:12.5px; border-radius:8px; }
.btn-danger{ background:#FEE4E2; color:#B42318; }
.btn-danger:hover{ background:#FECDCA; }
.btn:disabled{ opacity:.5; cursor:not-allowed; }
form.inline{ display:inline; }

.admin-detail{ display:grid; grid-template-columns:320px minmax(0,1fr); gap:16px; align-items:start; }
.admin-profile{ padding:0; overflow:hidden; position:sticky; top:66px; }
.admin-cover{ height:96px; background:linear-gradient(135deg,var(--accent-soft),rgba(127,127,127,.12)); }
.admin-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.admin-profile-body{ padding:0 18px 18px; }
.admin-profile-av{ margin-top:-38px; margin-bottom:10px; position:relative; z-index:2; }
.admin-profile-body h2{ font-size:18px; font-weight:800; display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.admin-profile-body h2 .u-badges{ margin-left:2px; }
.admin-bio{ font-size:13px; line-height:1.6; margin:12px 0 0; color:var(--text); opacity:.85; word-break:break-word; }
.admin-dl{ display:grid; grid-template-columns:auto 1fr; gap:8px 12px; margin:16px 0; font-size:13px; }
.admin-dl dt{ color:var(--muted); font-weight:600; }
.admin-dl dd{ margin:0; word-break:break-word; }
.admin-counts{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:11px; overflow:hidden; }
.admin-counts div{ background:var(--card); padding:12px 10px; text-align:center; }
.admin-counts b{ display:block; font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; }
.admin-counts span{ font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.03em; font-weight:600; }
.admin-inline-form{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.admin-badge-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; margin-bottom:14px; }
.admin-badge-opt{ display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid var(--border); border-radius:11px; cursor:pointer; transition:border-color .15s, background .15s; }
.admin-badge-opt:hover{ border-color:var(--accent); }
.admin-badge-opt:has(input:checked){ border-color:var(--accent); background:var(--accent-soft); }
.admin-badge-opt.is-off{ opacity:.6; }
.admin-badge-opt input{ width:16px; height:16px; accent-color:var(--accent); flex:0 0 auto; }
.admin-badge-opt .u-badge{ width:28px; height:28px; }
.abo-text{ display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.abo-text b{ font-size:13px; }
.abo-text i{ font-style:normal; font-size:11.5px; color:var(--muted); }
.admin-form{ display:flex; flex-direction:column; gap:8px; }
.admin-form label{ font-size:12.5px; font-weight:700; margin-top:6px; }
.admin-form textarea{ width:100%; resize:vertical; line-height:1.55; }
.admin-form-actions{ display:flex; gap:8px; margin-top:10px; }
.admin-meta{ font-size:12.5px; margin-bottom:14px; }
.admin-meta a{ color:var(--accent); text-decoration:none; font-weight:600; }
.admin-danger{ margin:4px 0 10px; }

/* Gönderi altındaki yönetici çubuğu */
.admin-post-bar{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:12px 0 0; padding:8px 10px; border:1px dashed #F5B4AE; background:#FFF6F5; border-radius:10px; }
.admin-post-bar form{ display:inline; margin:0; }
.apb-label{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:800; color:#B42318; text-transform:uppercase; letter-spacing:.04em; margin-right:auto; }
.apb-label .lucide{ width:13px; height:13px; }
.apb-btn{ display:inline-flex; align-items:center; gap:5px; border:0; background:#fff; border:1px solid var(--border); color:var(--text); font:inherit; font-size:12px; font-weight:700; padding:5px 10px; border-radius:8px; cursor:pointer; text-decoration:none; }
.apb-btn .lucide{ width:13px; height:13px; }
.apb-btn:hover{ border-color:var(--accent); color:var(--accent); }
.apb-danger{ color:#B42318; }
.apb-danger:hover{ border-color:#B42318; color:#B42318; background:#FEF3F2; }
.admin-side-link{ display:flex !important; align-items:center; justify-content:center; gap:7px; margin-top:8px !important; background:#FEE4E2 !important; color:#B42318 !important; }
.admin-side-link .lucide{ width:15px; height:15px; }

@media (max-width:900px){
  .admin-detail{ grid-template-columns:1fr; }
  .admin-profile{ position:static; }
}
@media (max-width:600px){
  .admin-table th,.admin-table td{ padding:10px 10px; }
  .admin-stat{ padding:12px; }
}

.admin-user b{ display:flex; align-items:center; gap:2px; }
@media (max-width:700px){ .admin-counts{ grid-template-columns:repeat(2,1fr); } }

/* Küçük avatarlar (yorum, yanıt, gönderi başlığı): daha ince halka, daha küçük ve içeri alınmış ikon */
.av-sm,.av-xs{ --ring:1.5px; }
.av-sm::after,.av-xs::after{ inset:-3px; }
.av-sm .av-crown{ width:13px; height:13px; right:-4px; bottom:-4px; border-width:1.5px; box-shadow:0 1px 4px rgba(245,166,0,.4); }
.av-xs .av-crown{ width:11px; height:11px; right:-4px; bottom:-4px; border-width:1.5px; box-shadow:0 1px 3px rgba(245,166,0,.4); }
.av-admin.av-sm .av-crown,.av-admin.av-xs .av-crown{ box-shadow:0 1px 4px rgba(200,30,30,.4); }
.av-sm .av-crown svg,.av-xs .av-crown svg{ width:64%; height:64%; }
.av-xs .av-crown svg{ stroke-width:2.2; }
/* Yorum ve yanıtlarda avatarın halkası komşu öğelere taşmasın */
.comment-thread{ column-gap:11px; }
.comment-reply{ gap:10px; }
/* Yanıt balonunda isim kendi satırında (yorumdaki gibi), @etiket ve metin altında başlasın */
.reply-bubble b{ display:block; margin:0 0 2px; font-size:12px; }

/* Yorum ve yanıt balonlarında rozetler: isimle aynı satırda, küçük ve düzenli.
   İsim + rozetler tek satırda kalır; yanıttaki @etiket ve metin her zaman alt satırdan başlar. */
.comment-bubble b,.reply-bubble b{ display:flex; flex-wrap:wrap; align-items:center; gap:0 4px; margin-right:0; line-height:1.35; }
.comment-bubble b .u-badges,.reply-bubble b .u-badges{ margin-left:1px; gap:3px; flex:0 0 auto; }
.comment-bubble b .u-badge{ width:15px; height:15px; border-width:1px; box-shadow:0 1px 3px var(--bglow,rgba(0,0,0,.25)), inset 0 1px 0 rgba(255,255,255,.35); }
.reply-bubble b .u-badge{ width:14px; height:14px; border-width:1px; box-shadow:0 1px 3px var(--bglow,rgba(0,0,0,.25)), inset 0 1px 0 rgba(255,255,255,.35); }
.comment-bubble b .u-badge svg,.reply-bubble b .u-badge svg{ width:62%; height:62%; }
.comment-bubble > span{ display:block; }

/* ===== Önerilen Kişiler şeridi (akışta her 10 gönderiden sonra) ===== */
.suggest-block{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:14px 14px 16px; margin-bottom:14px; }
.suggest-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 2px 12px; }
.suggest-title{ font-size:12.5px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.suggest-nav{ display:flex; gap:6px; }
.suggest-arrow{ width:28px; height:28px; border-radius:50%; border:1px solid var(--border); background:var(--card); color:var(--text); display:inline-flex; align-items:center; justify-content:center; padding:0; cursor:pointer; transition:background .15s, border-color .15s, opacity .15s; }
.suggest-arrow:hover:not(:disabled){ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.suggest-arrow:disabled{ opacity:.35; cursor:default; }
.suggest-arrow .lucide,.suggest-arrow svg{ width:16px; height:16px; }
.suggest-track{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:6px 2px 4px; }
.suggest-track::-webkit-scrollbar{ display:none; }
.suggest-card{ flex:0 0 calc((100% - 24px) / 3); min-width:0; box-sizing:border-box; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; text-align:center; padding:16px 10px 14px; border:1px solid var(--border); border-radius:14px; background:var(--card); }
.suggest-avatar{ display:inline-flex; margin-bottom:10px; }
.suggest-avatar .av-wrap{ margin:4px; }
.suggest-img{ width:64px; height:64px; border-radius:50%; object-fit:cover; display:block; background:var(--soft,#f3f4f6); }
.suggest-name{ max-width:100%; font-size:13px; font-weight:700; color:var(--text); line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suggest-handle{ max-width:100%; font-size:11.5px; color:var(--muted); margin:2px 0 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suggest-name:hover{ color:var(--accent); }
.suggest-follow-form{ margin:0; width:100%; display:flex; justify-content:center; }
.suggest-follow{ display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; max-width:130px; box-sizing:border-box; padding:7px 10px; border:0; border-radius:8px; background:var(--accent); color:#fff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; text-decoration:none; transition:filter .15s; }
.suggest-follow:hover{ filter:brightness(1.08); }
.suggest-follow .lucide,.suggest-follow svg{ width:13px; height:13px; flex:0 0 auto; }
.suggest-follow.is-following{ background:var(--soft,#f3f4f7); color:var(--text); border:1px solid var(--border); }
.suggest-follow:disabled{ opacity:.7; cursor:default; }
@media (max-width:560px){
  .suggest-card{ flex-basis:calc((100% - 12px) / 2.3); }
  .suggest-nav{ display:none; } /* mobilde elle kaydırma yeterli */
}

/* Sol profil kartı: rozetler isim/kullanıcı adının altında, ortalı ve gerekirse alt satıra sarar */
.profile-card-badges{ margin:-6px 0 14px; display:flex; justify-content:center; }
.profile-card-badges .u-badges{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin:0; max-width:100%; }
.profile-card-badges .u-badge{ width:22px; height:22px; border-width:2px; }

/* Önerilen kişiler: ortak içerik etiketi */
.suggest-handle{ margin-bottom:8px; }
.suggest-common{ display:inline-flex; align-items:center; gap:4px; max-width:100%; box-sizing:border-box; margin-bottom:10px; padding:3px 8px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:10.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.suggest-common .lucide,.suggest-common svg{ width:11px; height:11px; flex:0 0 auto; }
.suggest-follow-form,.suggest-card > a.suggest-follow{ margin-top:auto; }

/* ===== Spoiler (gönderi metni blur'lu, tıklayınca açılır) ===== */
.spoiler-check{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--muted); cursor:pointer; user-select:none; padding:0 4px; }
.spoiler-check input{ width:16px; height:16px; margin:0; accent-color:var(--accent,#3457d5); cursor:pointer; }
.spoiler-check:hover{ color:var(--text); }
.quote-share-form .spoiler-check{ align-self:flex-start; margin:2px 0 10px; padding:0; }
.spoiler-wrap{ position:relative; border-radius:12px; }
.spoiler-wrap:not(.revealed){ cursor:pointer; overflow:hidden; min-height:72px; }
.spoiler-wrap:not(.revealed) .spoiler-content{ filter:blur(10px); user-select:none; -webkit-user-select:none; pointer-events:none; padding:6px 4px; }
.spoiler-wrap:not(.revealed):focus-visible{ outline:2px solid var(--accent,#3457d5); outline-offset:2px; }
.spoiler-note{ position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; gap:7px; padding:8px; text-align:center; font-size:13px; font-weight:700; color:var(--text); background:rgba(255,255,255,.35); }
.spoiler-note .lucide,.spoiler-note svg{ width:16px; height:16px; flex:0 0 auto; }
.spoiler-wrap.revealed .spoiler-note{ display:none; }


/* Paylaşım kutusu - mobil: sayaç üstte, "Spoiler var" ayrı satırda, iki buton eşit genişlikte */
@media (max-width:600px){
  .post-composer{ padding:12px; }
  .post-composer-bar{ flex-direction:column; align-items:stretch; gap:8px; }
  .post-composer-count{ text-align:right; }
  .post-composer-actions{ display:grid !important; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
  .post-composer-actions .spoiler-check{ grid-column:1 / -1; padding:2px 0; font-size:13px; }
  .post-composer-actions .btn{ width:100%; justify-content:center; white-space:nowrap; box-sizing:border-box; padding:10px 8px; }
  .post-composer-actions .btn-ghost{ padding:10px 8px; }
}

/* Ana sayfa akışı: sonsuz kaydırma göstergesi */
.feed-sentinel{ display:flex; justify-content:center; align-items:center; padding:10px 0 28px; min-height:44px; }
.feed-more-btn{ border:1px solid var(--border); background:var(--card); color:var(--text); border-radius:999px; padding:9px 20px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; transition:background .15s, border-color .15s; }
.feed-more-btn:hover:not(:disabled){ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.feed-more-btn:disabled{ opacity:.7; cursor:default; }
.feed-end{ font-size:12.5px; color:var(--muted); }

/* ===== Görsel olarak paylaş ===== */
.share-btn{ cursor:pointer; transition:color .15s; }
.share-btn:hover{ color:var(--accent); }
.share-btn i,.share-btn svg{ width:16px; height:16px; }
.share-open,.share-open body{ overflow:hidden; }
.share-modal{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:16px; }
.share-modal[hidden]{ display:none; }
.share-backdrop{ position:absolute; inset:0; background:rgba(10,12,24,.62); backdrop-filter:blur(3px); }
.share-dialog{ position:relative; width:100%; max-width:480px; max-height:calc(100vh - 32px); overflow:auto; background:var(--card); border-radius:18px; padding:16px; box-shadow:0 24px 60px rgba(0,0,0,.35); display:flex; flex-direction:column; gap:12px; }
.share-head{ display:flex; align-items:center; justify-content:space-between; font-family:'Manrope',sans-serif; font-size:15px; }
.share-close{ width:32px; height:32px; border-radius:50%; border:1px solid var(--border); background:var(--card); color:var(--text); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.share-close svg{ width:16px; height:16px; }
.share-stage{ position:relative; display:flex; justify-content:center; align-items:center; background:var(--bg); border-radius:12px; padding:10px; min-height:120px; }
.share-canvas{ display:block; max-width:100%; max-height:min(52vh,520px); width:auto; height:auto; border-radius:10px; box-shadow:0 6px 24px rgba(0,0,0,.18); }
.share-loading{ position:absolute; right:14px; top:14px; font-size:11.5px; font-weight:600; color:var(--muted); background:var(--card); border-radius:999px; padding:3px 9px; opacity:0; transition:opacity .15s; pointer-events:none; }
.share-modal.is-loading .share-loading{ opacity:1; }
.share-opts{ display:flex; flex-direction:column; gap:8px; }
.share-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.share-chip{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border); background:var(--card); color:var(--text); border-radius:999px; padding:6px 13px; font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; }
.share-chip[aria-pressed="true"]{ border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.share-chip-theme i{ width:12px; height:12px; border-radius:50%; border:1px solid rgba(0,0,0,.15); display:inline-block; }
.share-actions{ display:flex; gap:8px; }
.share-actions .btn{ flex:1; justify-content:center; }
.share-actions .btn svg{ width:16px; height:16px; }
.share-actions [hidden]{ display:none; }
@media (max-width:480px){ .share-modal{ align-items:flex-end; padding:0; } .share-dialog{ max-width:none; border-radius:18px 18px 0 0; max-height:92vh; } .share-btn span{ display:none; } }

/* ===== Sohbet odası düzeltmeleri ===== */
/* Rol çerçevesi (yönetici/premium) mesaj yüksekliğine kadar uzamasın */
.msg > .av-wrap{ align-self:flex-start; flex:0 0 auto; width:32px; height:32px; }
.msg > .av-wrap > img{ width:32px; height:32px; }
.msg > div{ min-width:0; }
.msg .bubble{ overflow-wrap:anywhere; word-break:break-word; }
/* Gönder butonu kutunun içinde kalsın */
.chat-input{ box-sizing:border-box; max-width:100%; }
.chat-input input{ flex:1 1 0; min-width:0; width:100%; box-sizing:border-box; }
.chat-input button{ flex:0 0 auto; white-space:nowrap; }
@media (max-width:480px){
  .chat{ padding:12px 14px 14px; }
  .chat-input{ gap:8px; padding:10px 14px 16px; }
  .chat-input button{ padding:10px 14px; }
}

/* ===== Zevk eşleşmesi ===== */
.match-card{ background:linear-gradient(135deg, var(--accent-soft), var(--card) 70%); border:1px solid var(--border); border-radius:var(--radius); padding:14px 14px 14px; margin-bottom:14px; }
.match-badge{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.match-badge svg,.match-badge .lucide{ width:15px; height:15px; }
.match-body{ display:flex; gap:14px; align-items:center; }
.match-avatar{ flex:0 0 auto; display:inline-flex; align-self:flex-start; }
.match-img{ width:64px; height:64px; border-radius:50%; object-fit:cover; display:block; }
.match-info{ flex:1 1 auto; min-width:0; }
.match-headline{ font-size:15px; line-height:1.35; }
.match-headline a{ font-weight:800; color:var(--text); }
.match-headline a:hover{ color:var(--accent); }
.match-pct{ color:var(--accent); font-family:'Manrope',sans-serif; font-weight:800; }
.match-handle{ display:inline-block; font-size:12px; color:var(--muted); margin:1px 0 8px; }
.match-bar{ height:7px; border-radius:999px; background:rgba(125,135,160,.22); overflow:hidden; }
.match-bar i{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, var(--accent), #7c9bff); }
.match-shared{ margin:9px 0 0; font-size:12.5px; color:var(--muted); line-height:1.45; }
.match-shared b{ color:var(--text); font-weight:700; }
.match-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
.match-actions .suggest-follow{ width:auto; max-width:none; padding:8px 14px; }
.match-actions .btn{ padding:8px 14px; font-size:12.5px; }
.match-all{ margin-left:auto; display:inline-flex; align-items:center; gap:2px; font-size:12.5px; font-weight:700; color:var(--accent); }
.match-all svg,.match-all .lucide{ width:14px; height:14px; }
.match-card-cta .match-cta-text{ display:flex; flex-direction:column; gap:4px; font-size:13.5px; }
.match-card-cta .match-cta-text span{ font-size:12.5px; color:var(--muted); }
/* Eşleşmeler sayfası */
.match-page-head h1{ display:flex; align-items:center; gap:8px; font-family:'Manrope',sans-serif; font-size:20px; margin:0 0 4px; }
.match-page-head h1 svg,.match-page-head h1 .lucide{ width:22px; height:22px; color:var(--accent); }
.match-page-head p{ margin:0 0 14px; font-size:13px; color:var(--muted); }
.match-list{ display:flex; flex-direction:column; gap:10px; }
.match-row{ display:flex; gap:12px; align-items:center; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:12px 14px; }
.match-row .match-img{ width:56px; height:56px; }
.match-row-main{ flex:1 1 auto; min-width:0; }
.match-row-top{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:6px; }
.match-row-name{ min-width:0; display:flex; flex-direction:column; }
.match-row-name a{ font-weight:800; font-size:14.5px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.match-row-name span{ font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.match-pct-lg{ font-size:20px; flex:0 0 auto; }
.match-row-actions{ flex:0 0 auto; }
.match-row-actions .suggest-follow{ width:auto; padding:8px 12px; }
.match-how{ margin-top:14px; font-size:12.5px; color:var(--muted); }
.match-how summary{ cursor:pointer; font-weight:700; }
.match-how p{ margin:8px 0 0; line-height:1.55; }
@media (max-width:520px){
  .match-body{ align-items:flex-start; }
  .match-actions .match-all{ margin-left:0; width:100%; }
  .match-row{ flex-wrap:wrap; }
  .match-row-actions{ width:100%; }
  .match-row-actions .suggest-follow-form{ justify-content:flex-start; }
}

/* ===== Özel mesajlar ===== */
.profile-actions{ display:flex; align-items:center; gap:8px; }
.profile-actions .follow-form{ margin:0; }
.profile-actions a.profile-edit-btn{ text-decoration:none; }

.dm-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); margin-bottom:14px; overflow:hidden; }
.dm-title{ display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid var(--border); }
.dm-title h1{ font-size:17px; margin:0; }
.dm-title .lucide{ width:20px; height:20px; color:var(--accent); }

/* Gelen kutusu */
.dm-row{ display:flex; align-items:center; gap:12px; padding:12px 20px; border-bottom:1px solid var(--border); color:inherit; text-decoration:none; transition:background .12s; }
.dm-row:last-child{ border-bottom:0; }
.dm-row:hover{ background:var(--bg); }
.dm-av44,.dm-av40{ border-radius:50%; object-fit:cover; display:block; background:var(--bg); }
.dm-av44{ width:44px; height:44px; }
.dm-av40{ width:40px; height:40px; }
.dm-row .av-wrap{ margin:3px; }
.dm-row-main{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.dm-row-top{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.dm-row-top b{ font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-row-top time{ font-size:11px; color:var(--muted-2); flex:0 0 auto; }
.dm-row-preview{ font-size:12.5px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-row.is-unread .dm-row-preview{ color:var(--text); font-weight:600; }
.dm-unread{ flex:0 0 auto; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--accent); color:#fff; font-size:11px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; }
.dm-empty-box{ text-align:center; padding:36px 24px 32px; color:var(--muted); font-size:13.5px; line-height:1.55; }
.dm-empty-box .lucide{ width:34px; height:34px; color:var(--muted-2); margin-bottom:8px; }
.dm-empty-box p{ margin:0 auto 14px; max-width:42ch; }

/* Yeni sohbet başlat şeridi */
.dm-quick{ display:flex; gap:10px; overflow-x:auto; padding:4px 2px 12px; scrollbar-width:none; }
.dm-quick::-webkit-scrollbar{ display:none; }
.dm-quick-item{ flex:0 0 76px; display:flex; flex-direction:column; align-items:center; gap:7px; padding:12px 6px 10px; background:var(--card); border:1px solid var(--border); border-radius:14px; color:inherit; text-decoration:none; font-size:11.5px; font-weight:600; text-align:center; }
.dm-quick-item .av-wrap{ margin:3px; }
.dm-quick-item span:last-child{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-quick-item:hover{ border-color:var(--accent); }

/* Sohbet ekranı */
.dm-head{ display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid var(--border); }
.dm-back{ width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--muted); flex:0 0 auto; }
.dm-back:hover{ background:var(--bg); color:var(--text); }
.dm-back .lucide{ width:19px; height:19px; }
.dm-head-user{ display:flex; align-items:center; gap:11px; min-width:0; color:inherit; text-decoration:none; }
.dm-head-user .av-wrap{ margin:3px; }
.dm-head-user span{ display:flex; flex-direction:column; min-width:0; }
.dm-head-user b{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dm-head-user small{ font-size:11.5px; color:var(--muted); }

.dm-chat{ height:min(62vh,520px); min-height:260px; overflow-y:auto; overscroll-behavior:contain; padding:16px 20px; display:flex; flex-direction:column; gap:8px; }
.dm-empty{ margin:auto; text-align:center; font-size:12.5px; color:var(--muted); }
.dm-msg{ display:flex; flex-direction:column; align-items:flex-start; max-width:78%; align-self:flex-start; }
.dm-msg.self{ align-items:flex-end; align-self:flex-end; }
.dm-bubble{ background:var(--bg); border-radius:16px 16px 16px 4px; padding:9px 13px; font-size:13.5px; line-height:1.5; overflow-wrap:anywhere; word-break:break-word; white-space:pre-wrap; }
.dm-msg.self .dm-bubble{ background:var(--accent); color:#fff; border-radius:16px 16px 4px 16px; }
.dm-meta{ display:flex; align-items:center; gap:5px; margin-top:3px; font-size:10.5px; color:var(--muted-2); }
.dm-msg.self .dm-tick::before{ content:"\2713"; }
.dm-msg.self.read .dm-tick::before{ content:"\2713\2713"; color:var(--accent); font-weight:700; }
.dm-input{ border-top:1px solid var(--border); margin-top:0; }

@media (max-width:640px){
  .dm-row{ padding:11px 14px; }
  .dm-chat{ height:calc(100vh - 290px); height:calc(100dvh - 290px); min-height:240px; padding:12px 14px; }
  .dm-msg{ max-width:86%; }
}
/* Rozetsiz (normal üye) avatarlar da çerçeveli avatarlarla aynı boşluğu alsın: liste hizası kaymasın */
.dm-row > .dm-av44,.dm-head-user > .dm-av40,.dm-quick-item > .dm-av40{ margin:3px; }

/* ===== Mesajlar: mobil düzen ===== */
.bottom-nav a.bn-dm{ position:relative; }
.bn-badge{ position:absolute; top:3px; left:calc(50% + 6px); min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:var(--live); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
@media (max-width:720px){
  /* Üst çubukta yer yok (yönetici hesabında 5 ikon taşıyordu): zarf alt menüye taşındı */
  .dm-top-link{ display:none !important; }
  .bottom-nav a{ min-width:0; }
  .bottom-nav a span{ white-space:nowrap; }
}
@media (max-width:400px){ .bottom-nav a{ font-size:10px; } .bottom-nav a span{ font-size:10px; } }

@media (max-width:720px){
  /* Sohbet ekranı: uygulama gibi tam ekran (üst/alt menü gizlenir, iç içe kaydırma olmaz) */
  body:has(.dm-card.is-thread){ overflow:hidden; }
  .dm-card.is-thread{ position:fixed; left:0; right:0; top:0; height:var(--dm-h,100vh); height:var(--dm-h,100dvh); z-index:100; margin:0; border:0; border-radius:0; display:flex; flex-direction:column; overflow:hidden; background:var(--card); }
  .is-thread .dm-head{ flex:0 0 auto; padding:10px 12px 10px 8px; padding-top:calc(10px + env(safe-area-inset-top,0px)); }
  .is-thread .dm-chat{ flex:1 1 auto; height:auto; min-height:0; max-height:none; padding:12px 14px; }
  .is-thread .dm-input{ flex:0 0 auto; padding:10px 12px; padding-bottom:calc(10px + env(safe-area-inset-bottom,0px)); gap:8px; }
  .is-thread .dm-input input{ font-size:16px; padding:11px 16px; }   /* 16px: iOS'ta odaklanınca sayfa yakınlaşmasın */
  .is-thread .dm-input button{ padding:11px 16px; }
  .is-thread .dm-msg{ max-width:85%; }
}
/* Küçük tablet (721–860px): üst çubukta zarf ikonu eklenince sığsın */
@media (min-width:721px) and (max-width:860px){
  .top-actions{ gap:0; }
  .main-nav .navlink{ padding:8px 7px; }
  .topbar-inner{ gap:8px; }
}


/* Premium gönderiler: seçilen renkten yumuşak arka plan tonu */
.post.post-premium-tint {
  background-color: color-mix(in srgb, var(--premium-post-tint, #DCEAFE) 52%, var(--card, #fff)) !important;
  border-color: var(--border, #e2e8f0) !important;
  box-shadow: none !important;
}
.premium-settings-card { margin-top:16px; }
.premium-settings-card .settings-form-heading { background:linear-gradient(115deg,var(--accent-soft),var(--card) 78%); }
.premium-settings-body { padding:18px 22px 22px; }
.premium-setting-section + .premium-setting-section { margin-top:24px; padding-top:22px; border-top:1px solid var(--border); }
.premium-setting-title { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.premium-setting-icon { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:12px; color:var(--accent); background:var(--accent-soft); }
.premium-setting-icon svg { width:19px; height:19px; }
.premium-setting-title h3 { margin:0 0 4px; font-size:14px; font-weight:800; color:var(--text); }
.premium-setting-title p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.premium-color-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.premium-color-option { position:relative; min-width:0; min-height:92px; padding:12px 8px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid var(--border); border-radius:13px; background:var(--card); cursor:pointer; transition:border-color .15s,background .15s,transform .15s; }
.premium-color-option:hover { border-color:var(--accent); transform:translateY(-1px); }
.premium-color-option.is-selected { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 1px var(--accent) inset; }
.premium-color-option input { position:absolute; opacity:0; width:1px; height:1px; }
.premium-color-option:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.premium-color-chip { width:29px; height:29px; border-radius:50%; background:var(--swatch); border:1px solid rgba(20,22,28,.10); box-shadow:0 2px 4px rgba(20,22,28,.08); display:grid; place-items:center; }
.premium-color-chip.is-default { color:var(--muted); background:linear-gradient(135deg,#fff 0 46%,#dfe3eb 47% 53%,#fff 54%); }
.premium-color-chip svg { width:14px; height:14px; }
.premium-color-name { max-width:100%; text-align:center; font-size:11px; font-weight:700; line-height:1.3; color:var(--text); }
.premium-color-check { position:absolute; right:7px; top:7px; width:15px; height:15px; color:var(--accent); opacity:0; }
.premium-color-option.is-selected .premium-color-check { opacity:1; }
.premium-setting-note { display:flex; align-items:flex-start; gap:7px; margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.premium-setting-note svg { width:15px; height:15px; flex:0 0 15px; margin-top:1px; }
.premium-selected-count { margin-left:auto; flex:0 0 auto; padding:5px 9px; border-radius:9px; background:var(--accent-soft); color:var(--accent); font-size:12px; font-weight:800; }
.premium-badge-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.premium-badge-option { position:relative; display:flex; align-items:center; gap:11px; padding:13px; min-width:0; min-height:72px; border:1px solid var(--border); border-radius:13px; background:var(--card); cursor:pointer; transition:border-color .15s,background .15s,box-shadow .15s; }
.premium-badge-option:hover { border-color:#b7c4f7; }
.premium-badge-option:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 1px var(--accent) inset; }
.premium-badge-option input { position:absolute; opacity:0; width:1px; height:1px; }
.premium-badge-option:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.premium-badge-dot { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:12px; color:var(--badge-color,#64748b); background:color-mix(in srgb,var(--badge-color,#64748b) 12%,white); }
.premium-badge-dot svg { width:19px; height:19px; }
.premium-badge-copy { min-width:0; flex:1; }
.premium-badge-copy strong,.premium-badge-copy small { display:block; }
.premium-badge-copy strong { font-size:12px; color:var(--text); line-height:1.4; }
.premium-badge-copy small { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.4; }
.premium-badge-check { width:17px; height:17px; flex:0 0 17px; color:var(--accent); opacity:0; }
.premium-badge-option:has(input:checked) .premium-badge-check { opacity:1; }
.premium-no-badges { padding:16px; border:1px dashed var(--border); border-radius:12px; color:var(--muted); text-align:center; font-size:13px; }
.premium-save-button { margin-top:22px !important; width:100% !important; }

/* Premium içerik kişi listeleri: kapalıyken yalnızca iki kompakt tıklanabilir satır görünür. */
.premium-audience-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.premium-audience-toggle { min-width:0; position:relative; border:1px solid var(--border); border-radius:13px; background:var(--card); box-shadow:0 2px 8px rgba(20,22,28,.025); }
.premium-audience-toggle[open] { border-color:#c9d2f8; box-shadow:0 4px 16px rgba(52,87,213,.07); }
.premium-audience-toggle summary { list-style:none; display:flex; align-items:center; gap:10px; min-height:68px; padding:12px 14px; cursor:pointer; border-radius:13px; }
.premium-audience-toggle summary::-webkit-details-marker { display:none; }
.premium-audience-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:11px; color:var(--accent); background:var(--accent-soft); }
.premium-audience-icon.is-live { color:#d9473e; background:#fff0ee; }
.premium-audience-icon svg { width:18px; height:18px; }
.premium-audience-label { min-width:0; flex:1; font-size:12px; font-weight:800; line-height:1.35; color:var(--text); }
.premium-audience-label small { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:600; }
.premium-audience-chevron { width:16px; height:16px; flex:0 0 16px; color:var(--muted); transition:transform .15s; }
.premium-audience-toggle[open] .premium-audience-chevron { transform:rotate(180deg); }
.premium-audience-panel { max-height:260px; overflow-y:auto; padding:0 10px 10px; border-top:1px solid var(--border); }
.premium-audience-person { display:flex; align-items:center; gap:9px; min-width:0; padding:9px 4px; text-decoration:none; color:var(--text); border-bottom:1px solid var(--border); }
.premium-audience-person:last-child { border-bottom:0; }
.premium-audience-person > span:not(.avatar) { min-width:0; flex:1; font-size:12px; font-weight:700; }
.premium-audience-person small { display:block; margin-top:2px; color:var(--muted); font-size:11px; font-weight:500; }
.premium-audience-person > i,.premium-audience-person > svg { width:14px; height:14px; flex:0 0 14px; color:var(--muted); }
.premium-audience-empty { margin:0; padding:16px 5px 7px; color:var(--muted); font-size:12px; text-align:center; }
@media (max-width:720px) { .premium-settings-body { padding:16px; } .premium-color-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; } .premium-color-option { min-height:82px; padding:10px 4px; } .premium-badge-options { grid-template-columns:1fr; } .premium-audience-actions { grid-template-columns:1fr; } }
@media (max-width:380px) { .premium-color-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* Premium izleyen/tamamlayan listeleri: avatar boyutlarını genel profil CSS kurallarından yalıt */
.premium-audience-person { display:flex; align-items:center; gap:10px; }
.premium-audience-person > img,
.premium-audience-person > .av-wrap {
  display:block;
  width:36px !important;
  height:36px !important;
  min-width:36px;
  min-height:36px;
  max-width:36px;
  max-height:36px;
  flex:0 0 36px !important;
  position:relative;
  margin:0 !important;
  border-radius:50%;
}
.premium-audience-person > img,
.premium-audience-person > .av-wrap > img {
  display:block;
  width:100% !important;
  height:100% !important;
  min-width:0;
  max-width:100%;
  object-fit:cover;
  aspect-ratio:1 / 1;
  border-radius:50%;
  margin:0 !important;
}
.premium-audience-person > .premium-audience-person-info {
  display:block;
  flex:1 1 auto;
  min-width:0;
  width:auto;
  overflow:hidden;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
}
.premium-audience-person-info small {
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* ===== Yönetim › Quizler ===== */
.admin-tabs{ scrollbar-width:none; }
.admin-tabs::-webkit-scrollbar{ display:none; }
.aq-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.aq-bar h2{ font-size:16px; font-weight:800; margin:0 0 3px; }
.aq-bar p{ margin:0; font-size:12.5px; color:var(--muted); line-height:1.5; }

.aq-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.aq-item{ display:grid; grid-template-columns:112px minmax(0,1fr) 256px; gap:8px 14px; align-items:center; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:12px; }
.aq-thumb{ width:112px; aspect-ratio:16/10; border-radius:10px; object-fit:cover; background:var(--bg); display:block; }
.aq-info{ min-width:0; }
.aq-title{ font-size:14.5px; font-weight:800; line-height:1.35; margin:0 0 6px; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.aq-meta{ display:flex; flex-wrap:wrap; gap:4px 14px; font-size:12px; color:var(--muted); }
.aq-meta span{ display:inline-flex; align-items:center; gap:5px; }
.aq-meta .lucide{ width:13px; height:13px; }
.aq-actions{ display:flex; gap:6px; align-items:center; justify-content:flex-end; }
.aq-actions form{ margin:0; }

.aq-form{ display:flex; flex-direction:column; gap:14px; }
.aq-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px; }
.aq-card > h3, .aq-qhead h3{ font-size:14.5px; font-weight:800; margin:0 0 4px; }
.aq-sub{ font-size:12.5px; color:var(--muted); margin:0 0 14px; line-height:1.55; }
.aq-grid{ display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:14px; }
.aq-field{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.aq-field.full{ grid-column:1 / -1; }
.aq-field > label, .aq-label{ font-size:12.5px; font-weight:700; color:var(--muted); }
.aq-opt-label{ font-weight:500; color:var(--muted-2); }
.aq-hint{ font-size:11.5px; color:var(--muted); }
.aq-field input[type=text], .aq-field input[type=number], .aq-field textarea, .aq-opt input[type=text]{
  width:100%; border:1px solid var(--border); background:var(--bg); color:var(--text); border-radius:9px;
  padding:11px 13px; font:inherit; font-size:13.5px; min-height:44px;
}
.aq-field textarea{ min-height:84px; resize:vertical; line-height:1.55; }
.aq-field input:focus, .aq-field textarea:focus, .aq-opt input[type=text]:focus{ outline:2px solid var(--accent-soft); border-color:var(--accent); }

.aq-cover{ position:relative; border:1px dashed var(--border); border-radius:12px; background:var(--bg); overflow:hidden; aspect-ratio:16/7; display:grid; place-items:center; }
.aq-cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aq-cover-empty{ display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--muted); font-size:12.5px; }
.aq-cover-empty[hidden]{ display:none; }
.aq-cover-empty .lucide{ width:22px; height:22px; color:var(--muted-2); }
.aq-cover-btn{ position:absolute; right:10px; bottom:10px; display:inline-flex; align-items:center; gap:7px; background:rgba(0,0,0,.68); color:#fff; border-radius:9px; padding:10px 13px; font-size:12.5px; font-weight:700; cursor:pointer; }
.aq-cover-btn .lucide{ width:15px; height:15px; }
.aq-cover input[type=file]{ display:none; }

.aq-switch{ position:relative; display:flex; align-items:center; gap:12px; padding:12px 13px; border:1px solid var(--border); border-radius:11px; cursor:pointer; }
.aq-switch input{ position:absolute; opacity:0; pointer-events:none; }
.aq-track{ width:42px; height:24px; border-radius:999px; background:var(--border); position:relative; flex:0 0 auto; transition:background .15s; }
.aq-track::after{ content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .15s; }
.aq-switch:has(input:checked) .aq-track{ background:var(--accent); }
.aq-switch:has(input:checked) .aq-track::after{ transform:translateX(18px); }
.aq-switch:has(input:focus-visible){ outline:2px solid var(--accent-soft); border-color:var(--accent); }
.aq-field > label.aq-switch{ font-size:13px; font-weight:400; color:var(--text); }
.aq-switch b{ display:block; font-size:13px; font-weight:700; }
.aq-switch small{ display:block; font-size:11.5px; font-weight:400; color:var(--muted); margin-top:1px; line-height:1.45; }

.aq-qhead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.aq-qtools{ display:flex; gap:6px; }
.aq-q{ border:1px solid var(--border); border-radius:12px; margin-bottom:8px; background:var(--card); overflow:hidden; }
.aq-q[open]{ border-color:var(--accent); }
.aq-q > summary{ list-style:none; display:flex; align-items:center; gap:11px; padding:10px 13px; cursor:pointer; min-height:54px; -webkit-tap-highlight-color:transparent; }
.aq-q > summary::-webkit-details-marker{ display:none; }
.aq-num{ width:30px; height:30px; flex:0 0 30px; border-radius:9px; background:var(--bg); display:grid; place-items:center; font-size:12.5px; font-weight:800; color:var(--muted); }
.aq-q.is-done .aq-num{ background:var(--accent-soft); color:var(--accent); }
.aq-prev{ flex:1; min-width:0; font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aq-prev.is-empty{ color:var(--muted-2); font-weight:500; }
.aq-state{ width:18px; height:18px; flex:0 0 18px; border-radius:50%; border:2px solid var(--border); display:grid; place-items:center; }
.aq-q.is-done .aq-state{ background:var(--accent); border-color:var(--accent); }
.aq-q.is-done .aq-state::after{ content:"✓"; color:#fff; font-size:11px; font-weight:800; line-height:1; }
.aq-chev{ width:8px; height:8px; flex:0 0 8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg); margin:0 4px 3px 2px; transition:transform .15s; }
.aq-q[open] .aq-chev{ transform:rotate(-135deg); margin-bottom:-3px; }
.aq-qbody{ padding:14px 13px 14px; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:10px; }
.aq-opt{ display:flex; align-items:center; gap:9px; }
.aq-opt input[type=text]{ flex:1; min-width:0; }
.aq-correct{ position:relative; flex:0 0 44px; width:44px; height:44px; cursor:pointer; }
.aq-correct input{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; margin:0; }
.aq-correct span{ width:100%; height:100%; display:grid; place-items:center; border-radius:11px; border:1.5px solid var(--border); background:var(--bg); font-size:13.5px; font-weight:800; color:var(--muted); transition:background .12s, border-color .12s, color .12s; }
.aq-correct input:checked + span{ background:var(--accent); border-color:var(--accent); color:#fff; }
.aq-correct input:focus-visible + span{ outline:2px solid var(--accent-soft); outline-offset:2px; }

.aq-savebar{ position:sticky; bottom:12px; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:10px 12px; box-shadow:0 6px 22px rgba(20,22,28,.12); }
.aq-count{ font-size:12.5px; font-weight:700; color:var(--muted); white-space:nowrap; }
.aq-count b{ color:var(--accent); font-size:15px; }
.aq-savebar-actions{ display:flex; gap:8px; }

@media (max-width:720px){
  .aq-bar .btn{ width:100%; justify-content:center; min-height:44px; }
  .aq-item{ grid-template-columns:84px minmax(0,1fr); padding:11px; }
  .aq-thumb{ width:84px; }
  .aq-actions{ grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr 44px; gap:8px; }
  .aq-actions form, .aq-actions .btn{ width:100%; }
  .aq-actions .btn{ justify-content:center; min-height:44px; }
  .aq-actions .aq-open{ padding:0; }
  .aq-card{ padding:14px; }
  .aq-grid{ grid-template-columns:1fr; }
  .aq-cover{ aspect-ratio:16/9; }
  .aq-field input[type=text], .aq-field input[type=number], .aq-field textarea, .aq-opt input[type=text]{ font-size:16px; }   /* iOS yakınlaştırmasını önler */
  .aq-qtools{ width:100%; }
  .aq-qtools .btn{ flex:1; justify-content:center; min-height:42px; }
  .aq-savebar{ bottom:calc(64px + env(safe-area-inset-bottom, 0px)); padding:9px 10px; }
  .aq-savebar .btn{ min-height:44px; padding:10px 14px; }
  .aq-form{ padding-bottom:6px; }
}


/* ---------- Kurumsal / hukuki sayfalar ---------- */
.legal-wrap{ min-width:0; }
.legal-tabs{ display:flex; gap:8px; overflow-x:auto; padding:2px 0 12px; scrollbar-width:none; }
.legal-tabs::-webkit-scrollbar{ display:none; }
.legal-tabs a{ flex:0 0 auto; padding:8px 14px; border-radius:999px; border:1px solid var(--border); background:var(--card); color:var(--muted); font-size:13px; font-weight:600; text-decoration:none; }
.legal-tabs a:hover{ color:var(--text); }
.legal-tabs a.active{ background:var(--accent); border-color:var(--accent); color:#fff; }
.legal-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:28px 30px; }
.legal-card h1{ font-size:26px; line-height:1.25; margin:0 0 6px; letter-spacing:-.01em; }
.legal-updated{ color:var(--muted); font-size:12.5px; margin:0 0 18px; }
.legal-body{ font-size:15px; line-height:1.75; color:var(--text); }
.legal-body h2{ font-size:17px; margin:26px 0 8px; }
.legal-body p{ margin:0 0 12px; }
.legal-body ul{ margin:0 0 12px; padding-left:20px; }
.legal-body li{ margin-bottom:6px; }
.legal-body a, .legal-small a{ color:var(--accent); }
.legal-note{ background:var(--bg); border-radius:10px; padding:12px 14px; font-size:13.5px; color:var(--muted); }
.legal-table-wrap{ overflow-x:auto; margin:0 0 12px; }
.legal-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.legal-table th, .legal-table td{ text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--border); }
.legal-table th{ font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.legal-form{ margin-top:22px; display:grid; gap:14px; }
.legal-form label{ display:grid; gap:6px; font-size:13px; font-weight:600; }
.legal-form input[type=text], .legal-form input[type=email], .legal-form textarea{ border:1px solid var(--border); background:var(--bg); border-radius:10px; padding:11px 13px; font:inherit; font-weight:400; font-size:14px; color:var(--text); }
.legal-form input:focus, .legal-form textarea:focus{ outline:2px solid var(--accent); outline-offset:1px; background:var(--card); }
.legal-form textarea{ resize:vertical; min-height:130px; }
.legal-form button{ justify-self:start; }
.legal-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.legal-small{ font-size:12px; color:var(--muted); margin:0; }
.legal-form .hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.legal-alert{ margin-top:20px; padding:12px 14px; border-radius:10px; font-size:14px; }
.legal-alert.ok{ background:#e8f7ee; color:#146c3a; }
.legal-alert.err{ background:#fdecec; color:#a02121; }
@media (max-width:640px){ .legal-card{ padding:20px 16px; } .legal-row{ grid-template-columns:1fr; } }

/* Site alt bağlantıları */
.site-footer{ max-width:1180px; margin:0 auto; padding:6px 16px 28px; text-align:center; font-size:12.5px; color:var(--muted); }
.site-footer nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin-bottom:8px; }
.site-footer a{ color:var(--muted); text-decoration:none; }
.site-footer a:hover{ color:var(--accent); text-decoration:underline; }
@media (max-width:900px){ .site-footer{ padding-bottom:96px; } }

/* Yönetim: iletişim mesajları */
.tab-count{ display:inline-block; min-width:18px; padding:1px 6px; margin-left:6px; border-radius:999px; background:#e11d48; color:#fff; font-size:11px; font-weight:700; line-height:16px; text-align:center; }
.admin-filter-row{ display:flex; align-items:center; gap:8px; margin:0 0 12px; flex-wrap:wrap; }
.msg-unread td{ background:rgba(52,87,213,.05); }
.msg-cell summary{ cursor:pointer; list-style:none; }
.msg-cell summary::-webkit-details-marker{ display:none; }
.msg-full{ margin:10px 0; padding:12px 14px; background:var(--bg); border-radius:10px; font-size:13.5px; line-height:1.6; white-space:normal; word-break:break-word; }