/* =====================================================================
   pages.css — eski sayfa içi stiller
   Sayfaya özel kurallar, sayfanın <body> sınıfıyla sınırlı (:where → özgüllük değişmez).
   Sıra, eski sayfa içi <style> bloklarının sırasıyla aynıdır.
   ===================================================================== */

/* ---------- includes/header.php (ortak) ---------- */
#message-menu { right: 0; top: calc(100% + 10px); width: 24rem; max-width: calc(100vw - 2rem); }
/* masaüstünde açılır pencereler ikonun tam ortasından açılsın */
@media (min-width: 768px) {
    #notification-menu, #message-menu { right: auto; left: 50%; transform: translateX(calc(-50% + var(--pop-shift, 0px))); }
}
@media (max-width: 767px) {
    #message-menu { position: fixed; top: 5rem; left: 50%; right: auto; transform: translateX(-50%); width: calc(100vw - 2rem); max-width: 24rem; }
}
#message-menu .notif-item .n-text b { color: rgb(var(--ink)); }
#message-menu .n-preview { display: block; margin-top: .125rem; color: rgb(var(--n-600)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15.5rem; }
#message-menu .n-count { flex-shrink: 0; align-self: center; min-width: 1.35rem; height: 1.35rem; padding: 0 .4rem; border-radius: 999px; background: rgb(var(--r-500)); color: #fff; font: 700 .6875rem/1.35rem var(--font-mono); text-align: center; }
#message-menu .pop-foot { display: flex; justify-content: space-between; gap: .75rem; }

/* ---------- includes/entry-editor.php (ortak) ---------- */
.ql-container{border:none !important;font-size:15px;max-width:100%;min-width:0;box-sizing:border-box}
.ql-editor.ql-blank::before{color:rgb(var(--n-400));font-style:normal}
.editor-custom-toolbar{display:flex;flex-wrap:wrap;gap:4px}
.editor-char-counter{padding:8px 20px;text-align:right;font-size:12px;color:rgb(var(--n-400));background:rgb(var(--n-50));border-top:1px solid rgb(var(--n-200))}
.editor-char-counter.warning{color:rgb(var(--o-500))}
.editor-char-counter.error{color:rgb(var(--r-500))}
.editor-modal{display:none;position:fixed;inset:0;background:rgb(var(--n-900) / 0.50);z-index:9999;align-items:center;justify-content:center;padding:20px}
.editor-modal.active{display:flex}
.editor-modal-content{background:rgb(var(--card));border-radius:3px;padding:24px;max-width:480px;width:100%;box-shadow:var(--sh-2)}
.editor-modal-header{font-size:18px;font-weight:600;color:rgb(var(--n-800));margin-bottom:16px}
.editor-modal-input{width:100%;padding:12px;border:1px solid rgb(var(--n-200));border-radius:3px;font-size:14px;outline:none;margin-bottom:12px;box-sizing:border-box;transition:border-color 0.2s}
.editor-modal-input:focus{border-color:rgb(var(--a-600));box-shadow:var(--sh-2)}
.editor-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.editor-modal-btn{padding:10px 20px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
.editor-modal-btn-primary{background:rgb(var(--a-600));color:#fff}
.editor-modal-btn-primary:hover{background:rgb(var(--a-700))}
.editor-modal-btn-secondary{background:rgb(var(--n-100));color:rgb(var(--n-500))}
.editor-modal-btn-secondary:hover{background:rgb(var(--n-200))}
.editor-modal-sep{display:flex;align-items:center;gap:8px;margin:12px 0;color:rgb(var(--n-400));font-size:13px}
.editor-modal-sep::before,.editor-modal-sep::after{content:'';flex:1;height:1px;background:rgb(var(--n-200))}
@media (max-width: 640px){.ql-toolbar.ql-snow{padding:8px !important}
.ql-toolbar .ql-formats{margin-right:4px !important}
}

/* ---------- includes/static-page.php (ortak) ---------- */
.bx-doc{font-size:1rem;line-height:1.75;color:rgb(var(--n-800));max-width:72ch}
.bx-doc h2{font:700 1.375rem/1.25 var(--font-display);letter-spacing:-.02em;margin:1.75rem 0 .5rem;color:rgb(var(--ink))}
.bx-doc h3{font:700 1.125rem/1.3 var(--font-display);margin:1.25rem 0 .4rem;color:rgb(var(--ink))}
.bx-doc p{margin:0 0 .9rem}
.bx-doc ul,.bx-doc ol{margin:0 0 1rem;padding-left:1.25rem}
.bx-doc li{margin:.25rem 0}
.bx-doc a{color:rgb(var(--accent-strong))}
.bx-doc blockquote{margin:1rem 0;padding:.75rem 1rem;border-radius:14px;background:rgb(var(--n-100))}
.bx-doc hr{border:0;border-top:1px solid rgb(var(--line-soft));margin:1.5rem 0}
.bx-doc > :first-child{margin-top:0}

/* ---------- activity.php → .p-activity ---------- */
:where(.p-activity) .act-tl {position:relative;display:flex;flex-direction:column;gap:.25rem}
:where(.p-activity) .act-tl::before {content:"";position:absolute;left:19px;top:14px;bottom:14px;border-left:2px dotted rgb(var(--line-soft))}
:where(.p-activity) .act-item {position:relative;display:flex;gap:.875rem;padding:.75rem .5rem .75rem 0;border-radius:14px;transition:background .15s}
:where(.p-activity) .act-item:hover {background:rgb(var(--accent-strong) / .05)}
:where(.p-activity) .act-ic {position:relative;z-index:1;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;font-size:.9rem;background:rgb(var(--hx-blue));color:#fff;box-shadow:0 0 0 4px rgb(var(--card))}
:where(.p-activity) .act-item[data-type="badge_earned"] .act-ic, :where(.p-activity) .act-item[data-type="topic_trending"] .act-ic, :where(.p-activity) .act-item[data-type="topic_milestone"] .act-ic {background:rgb(var(--hx-yellow));color:#14120e}
:where(.p-activity) .act-item[data-type="topic_created"] .act-ic, :where(.p-activity) .act-item[data-type="became_author"] .act-ic, :where(.p-activity) .act-item[data-type="user_followed"] .act-ic {background:rgb(var(--hx-green));color:#fff}
:where(.p-activity) .act-body {flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}
:where(.p-activity) .act-top {display:flex;align-items:flex-start;gap:.625rem}
:where(.p-activity) .act-ava {width:26px;height:26px;border-radius:8px;object-fit:cover;flex:none;display:grid;place-items:center;color:#fff;font:700 .625rem var(--font-body)}
:where(.p-activity) .activity-text {flex:1;min-width:0;font-size:.9rem;line-height:1.5;color:rgb(var(--n-700));overflow-wrap:anywhere}
:where(.p-activity) .activity-user, :where(.p-activity) .activity-target {color:rgb(var(--ink));font-weight:700;text-decoration:none}
:where(.p-activity) .activity-user:hover, :where(.p-activity) .activity-target:hover {color:rgb(var(--accent-strong));text-decoration:underline}
:where(.p-activity) .activity-action {color:rgb(var(--n-500))}
:where(.p-activity) .activity-badge {display:inline-block;margin-left:.25rem;padding:.05rem .45rem;border-radius:999px;background:rgb(var(--mark));color:#14120e;font:600 .625rem var(--font-mono);vertical-align:middle}
:where(.p-activity) .act-time {font:500 .72rem var(--font-mono);color:rgb(var(--n-500));flex:none;padding-top:.15rem}
:where(.p-activity) .activity-preview {font-size:.84375rem;line-height:1.55;color:rgb(var(--n-600));background:rgb(var(--card));border:1px solid rgb(var(--line-soft));border-left:3px solid rgb(var(--hx-blue));border-radius:12px;padding:.6rem .8rem}
:where(.p-activity) .act-skel {height:64px;border-radius:14px;background:linear-gradient(90deg,rgb(var(--n-100)),rgb(var(--n-50,250 248 242)),rgb(var(--n-100)));background-size:200% 100%;animation:actSk 1.2s linear infinite}
@keyframes actSk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){:where(.p-activity) .act-skel {animation:none}}
:where(.p-activity) .act-empty {text-align:center;padding:2.5rem 1rem;color:rgb(var(--n-500))}
:where(.p-activity) .act-empty i {font-size:1.75rem;margin-bottom:.5rem;display:block}
@media (max-width:640px){:where(.p-activity) .act-time {display:none}:where(.p-activity) .act-time-sm {display:block!important}}
:where(.p-activity) .act-time-sm {display:none;font:500 .7rem var(--font-mono);color:rgb(var(--n-500))}

/* ---------- ayarlar.php → .p-ayarlar ---------- */
:where(.p-ayarlar) .settings-container {max-width:1200px;margin:0 auto;padding:2rem 1rem}
:where(.p-ayarlar) .settings-layout {display:grid;grid-template-columns:280px 1fr;gap:2rem}
@media (max-width: 768px){:where(.p-ayarlar) .settings-layout {grid-template-columns:1fr}
:where(.p-ayarlar) .settings-tabs {display:flex;overflow-x:auto;gap:0.5rem;padding-bottom:1rem;border-bottom:2px solid rgb(var(--n-200));margin-bottom:1.5rem}
:where(.p-ayarlar) .settings-tabs .tab-item {border-left:none !important;white-space:nowrap}
}
:where(.p-ayarlar) .settings-tabs {display:flex;flex-direction:column;gap:0.5rem}
:where(.p-ayarlar) .tab-item {display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;background:rgb(var(--card));border:var(--bw) solid rgb(var(--line));border-left:4px solid transparent;color:rgb(var(--n-500));font-weight:500;text-decoration:none;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-ayarlar) .tab-item:hover {background:rgb(var(--n-50));color:rgb(var(--a-600));border-left-color:rgb(var(--a-600))}
:where(.p-ayarlar) .tab-item.active {background:rgb(var(--a-50));color:rgb(var(--a-700));border-left-color:rgb(var(--a-700));font-weight:600}
:where(.p-ayarlar) .tab-item i {font-size:20px}
:where(.p-ayarlar) .settings-content {background:rgb(var(--card));border:var(--bw) solid rgb(var(--line));padding:2rem}
:where(.p-ayarlar) .notification-option {display:flex;align-items:start;gap:1rem;padding:1.25rem;background:rgb(var(--n-50));border:1px solid rgb(var(--n-200));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-ayarlar) .notification-option:hover {background:rgb(var(--n-100));border-color:rgb(var(--n-300))}
:where(.p-ayarlar) .notification-option input[type="checkbox"] {width:20px;height:20px;margin-top:0.25rem;cursor:pointer;accent-color:rgb(var(--a-600))}
:where(.p-ayarlar) .notification-option-content {flex:1}
:where(.p-ayarlar) .notification-option-title {font-weight:600;color:rgb(var(--n-900));margin-bottom:0.25rem}
:where(.p-ayarlar) .notification-option-desc {font-size:0.875rem;color:rgb(var(--n-500))}

/* ---------- baslik.php → .p-baslik ---------- */
:where(.p-baslik) .avatar {width:2rem;height:2rem;border-radius:var(--radius-sm);object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

:where(.p-baslik) .follow-topic-btn.following {border-color:rgb(var(--a-600));background:rgb(var(--a-100));color:rgb(var(--a-700));font-weight:600}

:where(.p-baslik) .follow-topic-btn.following:hover {border-color:rgb(var(--r-500));background:rgb(var(--r-100));color:rgb(var(--r-500))}
:where(.p-baslik) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-baslik) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-baslik) .toast-icon {width:2.5rem;height:2.5rem;border-radius:50%;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-baslik) .toast-icon i {color:white}
:where(.p-baslik) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}
:where(.p-baslik) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-baslik) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
@media (max-width: 640px){:where(.p-baslik) .avatar {width:1.75rem;height:1.75rem}
}

@media (max-width: 640px){:where(.p-baslik) .topic-title {word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
}
@media (max-width: 640px){:where(.p-baslik) .ql-toolbar.ql-snow {display:flex !important;flex-wrap:wrap !important;padding:8px !important;overflow:hidden !important;box-sizing:border-box !important}
:where(.p-baslik) .ql-toolbar .ql-formats {margin-right:4px !important;flex-shrink:0}
:where(.p-baslik) .ql-container.ql-snow {max-width:100% !important;overflow:hidden !important;box-sizing:border-box !important}
}
/* başlık kutusu: ferah aralıklar (bento.css'ten bağımsız çalışır) */
:where(.p-baslik) .bx .tp-head {padding:1.75rem 2rem 1.5rem;gap:1rem}
:where(.p-baslik) .bx .tp-head .bx-crumb {margin-bottom:.125rem}
:where(.p-baslik) .bx .tp-head .bx-h1 {margin:0;line-height:1.05}
:where(.p-baslik) .bx .tp-meta {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font:500 .8125rem var(--font-mono);color:rgb(var(--n-600))}
:where(.p-baslik) .bx .tp-meta > span {display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;background:rgb(var(--n-100))}
:where(.p-baslik) .bx .tp-meta > span i {margin:0;color:rgb(var(--n-500))}
:where(.p-baslik) .bx .tp-meta .tp-cat {margin-right:.125rem}
:where(.p-baslik) .bx .tp-bar {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin-top:.25rem;padding-top:1.125rem;border-top:1px solid rgb(var(--line-soft))}
:where(.p-baslik) .bx .tp-acts {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
:where(.p-baslik) .bx .tp-head .action-btn, :where(.p-baslik) .bx .tp-head .follow-topic-btn {display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:0 .9rem}
:where(.p-baslik) .bx .tp-bar .pg-filter {display:flex;align-items:center;gap:.625rem;margin:0;padding:0;border:0}
@media (max-width:660px){
:where(.p-baslik) .bx .tp-head {padding:1.125rem 1.125rem 1rem;gap:.75rem}
:where(.p-baslik) .bx .tp-meta {font-size:.75rem;gap:.4rem}
:where(.p-baslik) .bx .tp-meta > span {padding:.25rem .625rem}
:where(.p-baslik) .bx .tp-bar {padding-top:.875rem;gap:.75rem}
:where(.p-baslik) .bx .tp-acts {gap:.3rem;flex-wrap:nowrap;width:100%}
:where(.p-baslik) .bx .tp-head .action-btn {min-height:34px;padding:0 .55rem;gap:.3rem;flex:none}
:where(.p-baslik) .bx .tp-head .follow-topic-btn {min-height:34px;padding:0 .75rem;flex:1 1 auto;min-width:0;white-space:nowrap}
:where(.p-baslik) .bx .tp-bar .pg-filter {width:100%}
:where(.p-baslik) .bx .tp-bar .pg-flabel {display:none}
:where(.p-baslik) .bx .tp-head .bx-seg.sm {width:100%;justify-content:space-between}
}
/* çok dar ekranlarda takip butonu sadece zil ikonu olsun, rapor butonu üst satırda kalsın */
@media (max-width:380px){:where(.p-baslik) .bx .tp-head .follow-topic-btn .follow-label {display:none}}

/* ---------- bugun.php → .p-bugun ---------- */
:where(.p-bugun) .entry-left-col {flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0.5rem}
:where(.p-bugun) .topic-title {font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4;transition:color 0.2s ease}
@media (min-width: 640px){:where(.p-bugun) .topic-title {font-size:1.125rem}
}
:where(.p-bugun) .topic-title:hover {color:var(--accent-primary)}
:where(.p-bugun) .avatar {width:2rem;height:2rem;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;border-radius:2px}

:where(.p-bugun) .empty-state {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:3rem 1.5rem;text-align:center}
:where(.p-bugun) .empty-state-icon {width:64px;height:64px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}
:where(.p-bugun) .empty-state h3 {font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem}
:where(.p-bugun) .empty-state p {color:var(--text-secondary);font-size:0.875rem}
:where(.p-bugun) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-bugun) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}

:where(.p-bugun) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-bugun) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-bugun) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-bugun) .toast-icon i {color:white}
:where(.p-bugun) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}

/* ---------- caylaklar.php → .p-caylaklar ---------- */
@media (max-width: 640px){:where(.p-caylaklar) .avatar {width:2.25rem;height:2.25rem}
}
:where(.p-caylaklar) .topic-title {font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;margin-bottom:0.875rem;line-height:1.4;transition:color 0.2s ease}
@media (min-width: 640px){:where(.p-caylaklar) .topic-title {font-size:1.125rem}
}
:where(.p-caylaklar) .topic-title:hover {color:var(--accent-primary)}
:where(.p-caylaklar) .avatar {width:2rem;height:2rem;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

:where(.p-caylaklar) .pagination-btn:hover:not(.active) {background:var(--bg-hover);border-color:var(--border-medium)}
:where(.p-caylaklar) .pagination-btn.active {background:var(--accent-primary);color:white;border-color:var(--accent-primary)}
:where(.p-caylaklar) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-caylaklar) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
:where(.p-caylaklar) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-caylaklar) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-caylaklar) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-caylaklar) .toast-icon i {color:white}
:where(.p-caylaklar) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}

@media (max-width: 640px){:where(.p-caylaklar) .topic-title {word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
}

/* ---------- debe.php → .p-debe ---------- */
:where(.p-debe) a.topic-title[style] {font-size:1rem !important;margin-bottom:0 !important}
@media (min-width: 640px){:where(.p-debe) a.topic-title[style] {font-size:1.125rem !important}
}
:where(.p-debe) .empty-state h3 {font-size:1rem !important}
:where(.p-debe) .empty-state p {font-size:0.75rem !important}

:where(.p-debe) .entry-left-col {flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0.5rem}

:where(.p-debe) .topic-title {font-size:1.125rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4;transition:color 0.2s ease}
@media (min-width: 640px){:where(.p-debe) .topic-title {font-size:1.25rem}
}
:where(.p-debe) .topic-title:hover {color:var(--accent-primary)}
:where(.p-debe) .avatar {width:2rem;height:2rem;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;border-radius:2px}

:where(.p-debe) .empty-state {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:3rem 1.5rem;text-align:center}
:where(.p-debe) .empty-state-icon {width:64px;height:64px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}
:where(.p-debe) .empty-state h3 {font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem}
:where(.p-debe) .empty-state p {color:var(--text-secondary);font-size:0.875rem}
:where(.p-debe) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-debe) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}

:where(.p-debe) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-debe) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-debe) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-debe) .toast-icon i {color:white}
:where(.p-debe) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}

/* ---------- edit-topic.php → .p-edit-topic ---------- */
:where(.p-edit-topic) .edit-container {background:rgb(var(--card));animation:fadeIn 0.6s ease-out}
:where(.p-edit-topic) .form-input {transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-edit-topic) .form-input:focus {transform:translateY(-2px);box-shadow:var(--sh-2)}
:where(.p-edit-topic) .save-btn {position:relative;overflow:hidden}
:where(.p-edit-topic) .save-btn::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(var(--card) / 0.30);border-radius:50%;transform:translate(-50%, -50%);transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-edit-topic) .save-btn:hover::before {width:300px;height:300px}

/* ---------- entry.php → .p-entry ---------- */
:where(.p-entry) .topic-title {font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;margin-left:0.75rem;margin-top:0.5rem;margin-bottom:0.75rem;margin-right:0.75rem;line-height:1.4;letter-spacing:-0.02em;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

:where(.p-entry) .avatar {width:2.5rem;height:2.5rem;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

@media (max-width: 640px){:where(.p-entry) .topic-title {font-size:0.9375rem !important;margin-left:0.5rem !important;margin-right:0.5rem !important;margin-top:0.375rem !important;margin-bottom:0.5rem !important}

}
:where(.p-entry) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-entry) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
:where(.p-entry) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-entry) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-entry) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-entry) .toast-icon i {color:white}
:where(.p-entry) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}

/* ---------- favorilerim.php → .p-favorilerim ---------- */
:where(.p-favorilerim) .page-header {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}
:where(.p-favorilerim) .page-header h1 {font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:0.5rem}
:where(.p-favorilerim) .topic-title {font-size:1.1rem;font-weight:600;color:var(--accent);text-decoration:none;transition:color 0.2s ease;line-height:1.4}
@media (min-width: 640px){:where(.p-favorilerim) .topic-title {font-size:1.25rem}
}
:where(.p-favorilerim) .topic-title:hover {color:var(--accent-hover)}
:where(.p-favorilerim) .badge {display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;background:var(--warning-light);border:1.5px solid var(--warning);color:rgb(var(--o-700));padding:.375rem .75rem;gap:0.375rem}
:where(.p-favorilerim) .unfav-btn {display:inline-flex;align-items:center;gap:0.375rem;font-size:.75rem;font-weight:600;color:var(--danger);border:1.5px solid rgb(var(--r-200));background:rgb(var(--r-50));padding:.5rem .875rem;cursor:pointer;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;white-space:nowrap}
@media (min-width: 640px){:where(.p-favorilerim) .unfav-btn {font-size:.875rem;padding:.625rem 1rem}
}
:where(.p-favorilerim) .unfav-btn:hover {background:rgb(var(--r-100));border-color:var(--danger);box-shadow:var(--shadow-md)}
:where(.p-favorilerim) .empty-state {text-align:center;padding:4rem 2rem;color:var(--text-tertiary)}
:where(.p-favorilerim) .empty-state i {font-size:4rem;margin:0 auto 1rem;color:var(--text-tertiary)}
:where(.p-favorilerim) .entry-footer {display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:0.75rem;border-top:1px solid var(--border-light);font-size:0.875rem;color:var(--text-tertiary);gap:1rem}
@media (max-width: 640px){:where(.p-favorilerim) .entry-footer {flex-direction:column;align-items:flex-start}
}
:where(.p-favorilerim) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-favorilerim) .toast-notification.error {background:var(--danger)}
:where(.p-favorilerim) .toast-icon {width:2rem;height:2rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-favorilerim) .toast-icon i {color:white;font-size:1.25rem}
:where(.p-favorilerim) .toast-content {color:white;font-weight:600;font-size:0.9375rem}

/* ---------- genel.php → .p-genel ---------- */
:where(.p-genel) .topic-grid-card a {font-size:0.875rem !important}
:where(.p-genel) .topic-list-card a {font-size:0.875rem !important}
:where(.p-genel) .entry-badge {font-size:0.75rem !important}

:where(.p-genel) .topic-grid-card {position:relative;background:rgb(var(--card));border:1px solid rgb(var(--n-200) / 0.80);transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;overflow:hidden}
:where(.p-genel) .topic-grid-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:rgb(var(--a-600));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
:where(.p-genel) .topic-grid-card:hover {box-shadow:var(--sh-3);border-color:rgb(var(--a-600) / 0.30)}
:where(.p-genel) .topic-list-card {position:relative;background:rgb(var(--card));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-genel) .topic-list-card::before {content:'';position:absolute;left:0;top:0;width:0;height:100%;background:rgb(var(--a-600));transition:width 0.3s ease}
:where(.p-genel) .topic-list-card:hover::before {width:3px}
:where(.p-genel) .topic-list-card:hover {background:rgb(var(--a-50) / 0.50)}
:where(.p-genel) .entry-badge {background:rgb(var(--a-50));border:1px solid rgb(var(--a-600) / 0.20);transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-genel) .topic-grid-card:hover .entry-badge, :where(.p-genel) .topic-list-card:hover .entry-badge {background:rgb(var(--a-600));color:white;box-shadow:var(--sh-3)}

:where(.p-genel) .search-input {padding-left:40px;background:rgb(var(--card));border:1px solid rgb(var(--n-200) / 0.80);transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-genel) .search-input:focus {outline:none;border-color:rgb(var(--a-600));box-shadow:var(--sh-2);background:rgb(var(--card))}

@keyframes fadeInUp{
    from { opacity: 0; transform: translateY(20px); }

    to   { opacity: 1; transform: translateY(0); }

}
:where(.p-genel) .topic-grid-card, :where(.p-genel) .topic-list-card {animation:fadeInUp 0.4s ease-out backwards}
:where(.p-genel) .topic-grid-card:nth-child(1), :where(.p-genel) .topic-list-card:nth-child(1) {animation-delay:0.05s}
:where(.p-genel) .topic-grid-card:nth-child(2), :where(.p-genel) .topic-list-card:nth-child(2) {animation-delay:0.1s}
:where(.p-genel) .topic-grid-card:nth-child(3), :where(.p-genel) .topic-list-card:nth-child(3) {animation-delay:0.15s}
:where(.p-genel) .topic-grid-card:nth-child(4), :where(.p-genel) .topic-list-card:nth-child(4) {animation-delay:0.2s}
:where(.p-genel) .topic-grid-card:nth-child(5), :where(.p-genel) .topic-list-card:nth-child(5) {animation-delay:0.25s}

/* ---------- gundem.php → .p-gundem ---------- */
:where(.p-gundem) a.topic-title[style] {font-size:1rem !important;margin-bottom:0 !important}
@media (min-width: 640px){:where(.p-gundem) a.topic-title[style] {font-size:1.125rem !important}
}

@media (max-width: 640px){:where(.p-gundem) .avatar {width:2.25rem;height:2.25rem}
}

:where(.p-gundem) .topic-title {font-size:1.125rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4;transition:color 0.2s ease}
@media (min-width: 640px){:where(.p-gundem) .topic-title {font-size:1.25rem}
}
:where(.p-gundem) .topic-title:hover {color:var(--accent-primary)}

:where(.p-gundem) .avatar {width:2rem;height:2rem;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

:where(.p-gundem) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-gundem) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-gundem) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-gundem) .toast-icon i {color:white}
:where(.p-gundem) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}
:where(.p-gundem) .empty-state {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:3rem 1.5rem;text-align:center}
:where(.p-gundem) .empty-state-icon {width:64px;height:64px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}
:where(.p-gundem) .empty-state h3 {font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem}
:where(.p-gundem) .empty-state p {color:var(--text-secondary);font-size:0.875rem}
:where(.p-gundem) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-gundem) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
@media (max-width: 640px){:where(.p-gundem) .topic-title {word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
}

/* ---------- iletisim.php → .p-iletisim ---------- */
:where(.p-iletisim) .ct-wrap {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem;align-items:start}
@media (max-width:900px){:where(.p-iletisim) .ct-wrap {grid-template-columns:minmax(0,1fr)}}
:where(.p-iletisim) .ct-form {padding:1.5rem 1.625rem;gap:1rem}
:where(.p-iletisim) .ct-form h2 {margin:0;font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.02em}
:where(.p-iletisim) .ct-row {display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
@media (max-width:560px){:where(.p-iletisim) .ct-row {grid-template-columns:1fr}}
:where(.p-iletisim) .ct-f {display:flex;flex-direction:column;gap:.375rem}
:where(.p-iletisim) .ct-f label {font:600 .8125rem var(--font-body);color:rgb(var(--ink))}
:where(.p-iletisim) .ct-f label small {font-weight:500;color:rgb(var(--n-500))}
:where(.p-iletisim) .ct-f input, :where(.p-iletisim) .ct-f textarea {width:100%;box-sizing:border-box;padding:.75rem .9rem;border-radius:12px;border:1px solid rgb(var(--line-soft));background:rgb(var(--n-100));color:rgb(var(--ink));font:400 .9375rem var(--font-body);transition:border-color .15s,background .15s}
:where(.p-iletisim) .ct-f input:focus, :where(.p-iletisim) .ct-f textarea:focus {outline:none;border-color:rgb(var(--accent-strong));background:rgb(var(--card));box-shadow:0 0 0 3px rgb(var(--accent-strong) / .15)}
:where(.p-iletisim) .ct-f textarea {min-height:150px;resize:vertical;line-height:1.55}
:where(.p-iletisim) .ct-topics {display:flex;flex-wrap:wrap;gap:.4rem}
:where(.p-iletisim) .ct-topics button {min-height:32px;padding:0 .8rem;border-radius:999px;border:1px solid rgb(var(--line-soft));background:transparent;color:rgb(var(--n-600));font:600 .78rem var(--font-body);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
:where(.p-iletisim) .ct-topics button:hover {border-color:rgb(var(--ink));color:rgb(var(--ink))}
:where(.p-iletisim) .ct-topics button.on {background:rgb(var(--accent-strong));border-color:rgb(var(--accent-strong));color:rgb(var(--on-accent))}
:where(.p-iletisim) .ct-send {display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
:where(.p-iletisim) .ct-send .bx-btn {min-height:46px;padding:0 1.5rem;font-size:.9375rem}
:where(.p-iletisim) .ct-msg {border-radius:14px;padding:.875rem 1rem;font-size:.875rem;display:flex;gap:.6rem;align-items:flex-start}
:where(.p-iletisim) .ct-msg.ok {background:rgb(var(--hx-green) / .14);color:rgb(var(--ink))}
:where(.p-iletisim) .ct-msg.err {background:rgb(var(--r-500) / .12);color:rgb(var(--ink))}
:where(.p-iletisim) .ct-side {display:flex;flex-direction:column;gap:1rem;min-width:0}
:where(.p-iletisim) .ct-mail {background:rgb(var(--hx-yellow))!important;border-color:rgb(var(--hx-yellow))!important;color:#14120e;gap:.5rem}
:where(.p-iletisim) .ct-mail h2 {margin:0;font:800 1.25rem/1.15 var(--font-display);letter-spacing:-.02em}
:where(.p-iletisim) .ct-mail a {color:#14120e!important;font:700 .9375rem var(--font-mono);word-break:break-all}
:where(.p-iletisim) .ct-mail p {margin:0;font-size:.8125rem;color:#3a3428}
:where(.p-iletisim) .ct-soc {display:flex;flex-wrap:wrap;gap:.4rem}
:where(.p-iletisim) .ct-soc a {min-height:36px;padding:0 .8rem;border-radius:999px;background:rgb(var(--n-100));color:rgb(var(--ink));text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:600}
:where(.p-iletisim) .ct-soc a:hover {background:rgb(var(--ink));color:rgb(var(--card))}
:where(.p-iletisim) .ct-faq {list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
:where(.p-iletisim) .ct-faq li {display:flex;gap:.6rem;padding:.55rem 0;border-top:1px solid rgb(var(--line-soft));font-size:.84375rem;line-height:1.45;color:rgb(var(--n-600))}
:where(.p-iletisim) .ct-faq li:first-child {border-top:0}
:where(.p-iletisim) .ct-faq i {color:rgb(var(--n-500));margin-top:.2rem;width:16px;text-align:center;flex:none}
:where(.p-iletisim) .ct-faq strong {color:rgb(var(--ink))}

/* ---------- index.php → .p-index ---------- */
@media (max-width: 640px){:where(.p-index) .topic-title {margin-top:0.25rem !important;margin-bottom:0.5rem !important;line-height:1.0 !important}
}
:where(.p-index) .topic-title {margin-left:0.75rem !important;margin-top:0.5rem !important;margin-bottom:0.75rem !important;margin-right:0.75rem !important}
:where(.p-index) .topic-title {font-size:1rem !important;font-weight:600 !important;color:var(--text-primary) !important;text-decoration:none !important;display:block !important;margin-bottom:0.75rem !important;line-height:1.4 !important;letter-spacing:-0.02em !important;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease !important}
@media (min-width: 640px){:where(.p-index) .topic-title {font-size:1rem !important}
}
@media (max-width: 640px){:where(.p-index) .avatar {width:2.25rem;height:2.25rem}
}
:where(.p-index) .topic-title {font-size:1.375rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;margin-bottom:0.75rem;line-height:1.4;letter-spacing:-0.02em;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
@media (min-width: 640px){:where(.p-index) .topic-title {font-size:1rem}
}
:where(.p-index) .topic-title:hover {color:var(--accent-primary)}
:where(.p-index) .avatar {width:2.75rem;height:2.75rem;border-radius:var(--radius-md);object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

@media (min-width: 640px){:where(.p-index) .avatar {width:3rem;height:3rem}
}
:where(.p-index) .pagination-btn:hover:not(.active) {background:rgb(var(--a-100))}
:where(.p-index) .pagination-btn.active {background:rgb(var(--a-500));color:white;border-color:rgb(var(--a-500))}
:where(.p-index) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-index) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-index) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-index) .toast-icon i {color:white}
:where(.p-index) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0 0 0.125rem 0}
:where(.p-index) .toast-content p {font-size:0.8125rem;color:rgba(255,255,255,0.90);margin:0}
:where(.p-index) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-index) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
:where(.p-index) .empty-state-icon {width:5rem;height:5rem;background:rgb(var(--a-100));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
:where(.p-index) .empty-state-icon i {font-size:2.5rem;color:var(--accent-primary)}
@media (max-width: 640px){:where(.p-index) .topic-title {word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
}
:where(.p-index) .avatar {font-size:0.875rem}
/* ---------- BENTO ---------- */
:where(.p-index) .bx {max-width:1360px;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:flex;flex-direction:column;gap:1rem}
@media (min-width:640px){:where(.p-index) .bx {padding:1.5rem 1.5rem 3rem}}
:where(.p-index) .bx-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
:where(.p-index) .bx-s2 {grid-column:span 2}:where(.p-index) .bx-s4 {grid-column:1/-1}
:where(.p-index) .bx-tile {background:rgb(var(--card));border:1px solid rgb(var(--line-soft));border-radius:22px;padding:1.375rem;min-width:0;display:flex;flex-direction:column;gap:.875rem;box-shadow:none}
:where(.p-index) .bx-soft {background:rgb(var(--n-100))}
:where(.p-index) .bx-head {display:flex;align-items:center;justify-content:space-between;gap:.75rem}
:where(.p-index) .bx-title {margin:0;display:flex;align-items:center;gap:.5rem;font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.02em;color:rgb(var(--ink))}
:where(.p-index) .bx-title i {font-size:1rem;color:rgb(var(--n-500))}
:where(.p-index) .bx-more {font-size:.8125rem;font-weight:600;color:rgb(var(--accent-strong));text-decoration:none}
:where(.p-index) .bx-more:hover {text-decoration:underline}
:where(.p-index) .bx-mono {font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:rgb(var(--n-500))}

/* öne çıkan */

:where(.p-index) .bx-badge {background:rgb(var(--mark));color:#14120e;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .65rem;border-radius:999px}

:where(.p-index) .bx-foot {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid rgb(var(--line-soft))}

:where(.p-index) .bx-ava {width:2.5rem;height:2.5rem;border-radius:12px;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.875rem;flex:none}

/* istatistik + cta */
:where(.p-index) .bx-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
:where(.p-index) .bx-num {display:block;font:800 1.625rem/1.1 var(--font-display);letter-spacing:-.03em;color:rgb(var(--ink))}
:where(.p-index) .bx-cta {background:rgb(var(--accent-strong));border-color:rgb(var(--accent-strong));color:rgb(var(--on-accent));justify-content:space-between}
:where(.p-index) .bx-cta p {margin:0;font:800 1.625rem/1.05 var(--font-display);letter-spacing:-.03em}
:where(.p-index) .bx-cta a {align-self:flex-start;min-height:44px;padding:0 1.1rem;border-radius:999px;background:rgb(var(--on-accent));color:rgb(var(--accent-strong));display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;text-decoration:none}

/* kategoriler */

/* aktivite widget'ı kutunun içinde düz görünsün */

/* entry akışı */
:where(.p-index) .bx-feed {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}

:where(.p-index) .bx-card {background:rgb(var(--n-100));border-radius:16px;padding:1.125rem;display:flex;flex-direction:column;gap:.625rem;min-width:0}
:where(.p-index) .bx-card-title {font:700 1.125rem/1.25 var(--font-display);letter-spacing:-.02em;color:rgb(var(--ink));text-decoration:none;overflow-wrap:anywhere}
:where(.p-index) .bx-card-title:hover {color:rgb(var(--accent-strong))}
:where(.p-index) .bx-card .entry-text {font-size:.9375rem;line-height:1.6}
:where(.p-index) .bx-card .bx-foot {margin-top:auto;padding-top:.625rem}
:where(.p-index) .bx .action-btn {border-radius:999px;border:1px solid rgb(var(--line-soft));background:transparent;box-shadow:none;min-height:36px;padding:0 .75rem}
:where(.p-index) .bx .action-btn:active {transform:none}

@media (max-width:1040px){:where(.p-index) .bx-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:660px){:where(.p-index) .bx-grid {grid-template-columns:minmax(0,1fr)}:where(.p-index) .bx-s2 {grid-column:auto}:where(.p-index) .bx-feed {grid-template-columns:minmax(0,1fr)}:where(.p-index) .bx-tile {border-radius:18px;padding:1.125rem}}
/* başlık aç kutusu (bento.css'ten bağımsız) */
:where(.p-index) .bx .hx-cta {flex:1;display:flex;flex-direction:row !important;align-items:center;justify-content:space-between;gap:.875rem;padding:1.125rem 1.25rem;text-decoration:none;background:rgb(var(--ink)) !important;border-color:rgb(var(--ink)) !important;color:rgb(var(--card)) !important;font:800 1.25rem/1.1 var(--font-display);letter-spacing:-.02em}
html.dark :where(.p-index) .bx .hx-cta {background:rgb(var(--card)) !important;border-color:rgb(var(--line-soft)) !important;color:rgb(var(--ink)) !important}

:where(.p-index) .bx .hx-cta-btn {width:52px;height:52px;border-radius:16px;background:rgb(var(--hx-yellow));color:#14120e;display:grid;place-items:center;flex:none;font-size:1.125rem;transition:transform .15s}
:where(.p-index) .bx .hx-cta:hover .hx-cta-btn {transform:rotate(90deg)}
:where(.p-index) .hy-cell.rec b i {font-size:.95rem;color:rgb(var(--hx-yellow));-webkit-text-stroke:1px rgb(var(--ink))}:where(.p-index) .hy-cell.rec span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Neler oluyor? — canlı yayın ekranı (stiller burada: önbellekten bağımsız) */
:where(.p-index) .bx .ha3 {background:#14120e!important;border-color:#14120e!important;color:#f3efe5;padding:1rem 1rem .875rem;gap:.625rem;overflow:hidden;position:relative}
:where(.p-index) .ha3-hd {display:flex;align-items:center;justify-content:space-between;gap:.5rem}
:where(.p-index) .ha3-hd h2 {margin:0;display:flex;align-items:center;gap:.55rem;font:800 1.25rem/1 var(--font-display);letter-spacing:-.03em;color:#f3efe5}
:where(.p-index) .ha3-onair {display:inline-flex;align-items:center;gap:.35rem;height:22px;padding:0 .55rem;border-radius:6px;background:#ef4444;color:#fff;font:800 .62rem var(--font-mono);letter-spacing:.12em}
:where(.p-index) .ha3-onair i {width:6px;height:6px;border-radius:50%;background:#fff;animation:ha3blink 1s steps(2) infinite}
@keyframes ha3blink{50%{opacity:0}}
:where(.p-index) .ha3-hd a {font:700 .75rem var(--font-body);color:#ffd23f!important;text-decoration:none}
:where(.p-index) .ha3-hd a:hover {text-decoration:underline}
:where(.p-index) .ha3-sub {font:500 .66rem var(--font-mono);color:#9a9483;margin-top:-.25rem}
:where(.p-index) .ha3-screen {position:relative;flex:1 1 auto;min-height:300px;border-radius:14px;background:#0b0a08;box-shadow:inset 0 0 0 1px #2a2722;overflow:hidden}
:where(.p-index) .ha3-screen::before, :where(.p-index) .ha3-screen::after {content:"";position:absolute;left:0;right:0;height:36px;z-index:2;pointer-events:none}
:where(.p-index) .ha3-screen::before {top:0;background:linear-gradient(#0b0a08,transparent)}
:where(.p-index) .ha3-screen::after {bottom:0;background:linear-gradient(transparent,#0b0a08)}
:where(.p-index) .ha3-scan {position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
:where(.p-index) .ha3-track {position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;animation:ha3roll var(--ha3dur,60s) linear infinite}
:where(.p-index) .ha3-screen:hover .ha3-track, :where(.p-index) .ha3-screen:focus-within .ha3-track {animation-play-state:paused}
@keyframes ha3roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
:where(.p-index) .ha3-it {display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.625rem;align-items:center;padding:.6rem .75rem;text-decoration:none;color:#f3efe5;border-bottom:1px dashed #2a2722}
:where(.p-index) .ha3-it:hover {background:#1d1b17;color:#f3efe5}
:where(.p-index) .ha3-av {width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:800 .85rem var(--font-display);color:#fff;position:relative}
:where(.p-index) .ha3-av b {position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.5rem;color:#fff;background:#2563eb;border:2px solid #0b0a08}
:where(.p-index) .ha3-it.t-topic .ha3-av b, :where(.p-index) .ha3-it.t-author .ha3-av b {background:#16a34a}
:where(.p-index) .ha3-it.t-badge .ha3-av b, :where(.p-index) .ha3-it.t-mile .ha3-av b {background:#ffd23f;color:#14120e}
:where(.p-index) .ha3-it.t-trend .ha3-av b {background:#ea580c}:where(.p-index) .ha3-it.t-follow .ha3-av b {background:#db2777}
:where(.p-index) .ha3-tx {min-width:0;display:flex;flex-direction:column;gap:.15rem}
:where(.p-index) .ha3-tx small {font:600 .66rem var(--font-mono);color:#9a9483;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(.p-index) .ha3-tx small em {font-style:normal;color:#ffd23f}
:where(.p-index) .ha3-tx strong {font:700 .84rem/1.3 var(--font-body);color:#f3efe5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:where(.p-index) .ha3-tm {font:600 .62rem var(--font-mono);color:#9a9483;white-space:nowrap;align-self:start;padding-top:.15rem}
@media (prefers-reduced-motion:reduce){:where(.p-index) .ha3-track {animation:none}:where(.p-index) .ha3-onair i {animation:none}:where(.p-index) .ha3-screen {overflow-y:auto}}
@media (max-width:1040px){:where(.p-index) .ha3-screen {min-height:360px}}

/* ---------- notifications.php → .p-notifications ---------- */
:where(.p-notifications) .page-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}
:where(.p-notifications) .page-title {font-size:2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:0.75rem}
:where(.p-notifications) .page-title-icon {font-size:2rem}
:where(.p-notifications) .mark-all-btn {font-size:0.875rem;color:var(--accent);text-decoration:none;font-weight:600;padding:0.625rem 1.25rem;border:2px solid var(--accent);transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;display:inline-flex;align-items:center;gap:0.5rem}
:where(.p-notifications) .mark-all-btn:hover {background:var(--accent);color:white;box-shadow:var(--sh-3)}
:where(.p-notifications) .notification-card {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:1.5rem;margin-bottom:1rem;display:flex;align-items:start;gap:1rem;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;position:relative;cursor:pointer;overflow:hidden}
:where(.p-notifications) .notification-card::before {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-notifications) .notification-card.unread::before {background:var(--accent)}
:where(.p-notifications) .notification-card.unread {background:rgb(var(--a-50));border-color:rgb(var(--a-200))}
:where(.p-notifications) .notification-card:hover {border-color:var(--accent);box-shadow:var(--shadow-lg)}

:where(.p-notifications) .notification-avatar {width:56px;height:56px;object-fit:cover;flex-shrink:0;border:3px solid rgb(var(--card));box-shadow:var(--sh-2)}
:where(.p-notifications) .notification-avatar-placeholder {width:56px;height:56px;background:rgb(var(--a-700));display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.5rem;flex-shrink:0;border:3px solid rgb(var(--card));box-shadow:var(--sh-2)}
:where(.p-notifications) .type-badge {position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;border:2px solid rgb(var(--card));box-shadow:var(--sh-2)}
:where(.p-notifications) .badge-favorite {background:rgb(var(--y-500))}
:where(.p-notifications) .badge-topic-favorite {background:rgb(var(--a-500))}
:where(.p-notifications) .badge-reply {background:rgb(var(--a-400))}
:where(.p-notifications) .badge-mention {background:rgb(var(--v-500))}
:where(.p-notifications) .badge-upvote {background:rgb(var(--g-600))}
:where(.p-notifications) .badge-downvote {background:rgb(var(--r-500))}
:where(.p-notifications) .badge-topic-upvote {background:rgb(var(--a-600))}
:where(.p-notifications) .badge-topic-downvote {background:rgb(var(--o-500))}
:where(.p-notifications) .badge-entry {background:rgb(var(--a-400))}
:where(.p-notifications) .badge-follow {background:rgb(var(--a-400))}
:where(.p-notifications) .badge-user_follow {background:rgb(var(--a-400))}
:where(.p-notifications) .badge-topic_follow {background:rgb(var(--a-600))}
:where(.p-notifications) .notification-content {flex:1;min-width:0}
:where(.p-notifications) .notification-text {color:var(--text-secondary);line-height:1.6;margin-bottom:0.75rem;font-size:0.9375rem}
:where(.p-notifications) .notification-username {font-weight:700;color:var(--text-primary);text-decoration:none;transition:color 0.2s}
:where(.p-notifications) .notification-username:hover {color:var(--accent)}
:where(.p-notifications) .notification-meta {display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
:where(.p-notifications) .notification-badge {display:inline-flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-weight:600;padding:0.375rem 0.875rem}
:where(.p-notifications) .badge-label-favorite {background:rgb(var(--y-200));color:rgb(var(--o-700));border:1px solid rgb(var(--y-300))}
:where(.p-notifications) .badge-label-topic-favorite {background:rgb(var(--a-100));color:rgb(var(--a-600));border:1px solid rgb(var(--a-200))}
:where(.p-notifications) .badge-label-reply {background:rgb(var(--a-100));color:rgb(var(--a-600));border:1px solid rgb(var(--a-200))}
:where(.p-notifications) .badge-label-mention {background:rgb(var(--v-100));color:rgb(var(--r-700));border:1px solid rgb(var(--v-200))}
:where(.p-notifications) .badge-label-upvote {background:rgb(var(--g-100));color:rgb(var(--g-800));border:1px solid rgb(var(--g-200))}
:where(.p-notifications) .badge-label-downvote {background:rgb(var(--r-100));color:rgb(var(--r-700));border:1px solid rgb(var(--r-200))}
:where(.p-notifications) .badge-label-topic-upvote {background:rgb(var(--a-100));color:rgb(var(--a-800));border:1px solid rgb(var(--a-300))}
:where(.p-notifications) .badge-label-topic-downvote {background:rgb(var(--o-100));color:rgb(var(--r-700));border:1px solid rgb(var(--o-200))}
:where(.p-notifications) .badge-label-entry {background:rgb(var(--a-100));color:rgb(var(--a-600));border:1px solid rgb(var(--a-200))}
:where(.p-notifications) .badge-label-follow {background:rgb(var(--a-50));color:rgb(var(--v-600));border:1px solid rgb(var(--a-100))}
:where(.p-notifications) .badge-label-user_follow {background:rgb(var(--a-50));color:rgb(var(--v-600));border:1px solid rgb(var(--a-100))}
:where(.p-notifications) .badge-label-topic_follow {background:rgb(var(--a-100));color:rgb(var(--a-700));border:1px solid rgb(var(--a-200))}

:where(.p-notifications) .notification-time {font-size:0.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:0.25rem}
:where(.p-notifications) .unread-indicator {width:12px;height:12px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:0.25rem;box-shadow:var(--sh-2)}
:where(.p-notifications) .empty-state {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));border-radius:var(--radius-lg);padding:5rem 2rem;text-align:center}
:where(.p-notifications) .empty-state-icon {width:96px;height:96px;margin:0 auto 2rem;opacity:0.3}
:where(.p-notifications) .empty-state h3 {font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0.75rem}
:where(.p-notifications) .empty-state p {color:var(--text-muted);font-size:1rem}
@media (prefers-color-scheme: dark){:where(.p-notifications) .notification-card {background:rgb(var(--n-800));border-color:rgb(var(--n-700))}
:where(.p-notifications) .notification-card.unread {background:rgb(var(--a-800));border-color:rgb(var(--a-700))}
:where(.p-notifications) .notification-avatar, :where(.p-notifications) .notification-avatar-placeholder {border-color:rgb(var(--n-800))}
:where(.p-notifications) .empty-state {background:rgb(var(--n-800));border-color:rgb(var(--n-700))}
:where(.p-notifications) .mark-all-btn {border-color:rgb(var(--a-600));color:rgb(var(--a-600))}
:where(.p-notifications) .mark-all-btn:hover {background:rgb(var(--a-600));color:#fff}
}
@media (max-width: 640px){:where(.p-notifications) .page-title {font-size:1.5rem}
:where(.p-notifications) .notification-card {padding:1rem}
:where(.p-notifications) .notification-avatar, :where(.p-notifications) .notification-avatar-placeholder {width:48px;height:48px;font-size:1.25rem}
:where(.p-notifications) .type-badge {width:20px;height:20px;font-size:0.625rem}
}

/* ---------- stats.php → .p-stats ---------- */
:where(.p-stats) .st-num-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:900px){:where(.p-stats) .st-num-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
:where(.p-stats) .st-num {gap:.35rem;padding:1.25rem}
:where(.p-stats) .st-num .ic {width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgb(var(--n-100));color:rgb(var(--ink));font-size:.95rem}
:where(.p-stats) .st-num b {font:800 clamp(1.75rem,3vw,2.375rem)/1 var(--font-display);letter-spacing:-.035em;color:rgb(var(--ink))}
:where(.p-stats) .st-num span.l {font:500 .75rem var(--font-mono);color:rgb(var(--n-500))}
:where(.p-stats) .st-num.hot {background:rgb(var(--hx-yellow))!important;border-color:rgb(var(--hx-yellow))!important}
:where(.p-stats) .st-num.hot b, :where(.p-stats) .st-num.hot span.l {color:#14120e}
:where(.p-stats) .st-num.hot .ic {background:rgba(20,18,14,.1);color:#14120e}
:where(.p-stats) .st-bars {display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;align-items:end;height:150px;padding-top:.5rem}
:where(.p-stats) .st-bar {position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
:where(.p-stats) .st-bar i {display:block;width:100%;border-radius:6px 6px 3px 3px;background:rgb(var(--accent-strong) / .85);min-height:3px;transition:height .4s ease}
:where(.p-stats) .st-bar.peak i {background:rgb(var(--hx-yellow))}
:where(.p-stats) .st-bar.now i {outline:2px solid rgb(var(--ink));outline-offset:1px}
:where(.p-stats) .st-bar small {font:500 .625rem var(--font-mono);color:rgb(var(--n-500))}
:where(.p-stats) .st-bar:hover::after {content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;background:rgb(var(--ink));color:rgb(var(--card));font:500 .6875rem var(--font-mono);padding:.25rem .5rem;border-radius:8px;z-index:2}
@media (max-width:640px){:where(.p-stats) .st-bar small {display:none}:where(.p-stats) .st-bar:nth-child(6n+1) small {display:block}}
:where(.p-stats) .st-ava {width:30px;height:30px;border-radius:9px;object-fit:cover;flex:none;display:grid;place-items:center;color:#fff;font:700 .6875rem var(--font-body)}
:where(.p-stats) .st-podium {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}
:where(.p-stats) .st-pod {display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.875rem .5rem;border-radius:16px;background:rgb(var(--n-100));text-align:center;min-width:0;text-decoration:none;color:rgb(var(--ink))}
:where(.p-stats) .st-pod.first {background:rgb(var(--hx-yellow));color:#14120e}
:where(.p-stats) .st-pod .st-ava {width:46px;height:46px;border-radius:14px;font-size:.875rem}
:where(.p-stats) .st-pod .u {font-weight:700;font-size:.8125rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(.p-stats) .st-pod .v {font:600 .75rem var(--font-mono)}
:where(.p-stats) .st-pod .medal {font:800 .75rem var(--font-display)}
:where(.p-stats) .st-state {font:500 .8125rem var(--font-mono);color:rgb(var(--n-500));padding:1rem 0;text-align:center}
:where(.p-stats) .st-head {display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}

/* ---------- takip-ettiklerim.php → .p-takip-ettiklerim ---------- */
:where(.p-takip-ettiklerim) .topic-title {font-size:1.125rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4;margin-bottom:0.75rem}
@media (min-width: 640px){:where(.p-takip-ettiklerim) .topic-title {font-size:1.25rem}
}
:where(.p-takip-ettiklerim) .topic-title:hover {color:var(--accent)}
:where(.p-takip-ettiklerim) .action-btn.following {color:rgb(var(--a-600));border-color:rgb(var(--a-600));background:rgb(var(--a-100))}
:where(.p-takip-ettiklerim) .badge {display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.625rem;border-radius:9999px;font-size:0.75rem;font-weight:600}
:where(.p-takip-ettiklerim) .badge-new {background:rgb(var(--g-100));color:rgb(var(--g-800));border:1px solid rgb(var(--g-600))}
:where(.p-takip-ettiklerim) .hero-section {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));border-radius:3px;padding:2rem;margin-bottom:2rem}
@media (min-width: 640px){:where(.p-takip-ettiklerim) .hero-section {padding:2.5rem}
}
:where(.p-takip-ettiklerim) .pagination-btn:hover:not(.active) {background:var(--bg-hover);border-color:rgb(var(--n-300))}
:where(.p-takip-ettiklerim) .pagination-btn.active {background:var(--accent);color:white;border-color:var(--accent)}
:where(.p-takip-ettiklerim) .creator-avatar {width:28px;height:28px;border-radius:50%;object-fit:cover;border:var(--bw) solid rgb(var(--line));flex-shrink:0}
:where(.p-takip-ettiklerim) .creator-avatar-placeholder {width:28px;height:28px;border-radius:50%;background:rgb(var(--a-700));display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:0.75rem;flex-shrink:0;border:var(--bw) solid rgb(var(--line))}
:where(.p-takip-ettiklerim) .stats-item {display:flex;align-items:center;gap:0.375rem;color:var(--text-tertiary);font-size:0.875rem}

/* ---------- tematik.php → .p-tematik ---------- */
:where(.p-tematik) .page-header {background:var(--bg-primary);border:var(--bw) solid rgb(var(--line));padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}
:where(.p-tematik) .page-header h1 {font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}
:where(.p-tematik) .page-header p {color:var(--text-secondary);font-size:0.875rem;margin-top:0.25rem}
@media (max-width: 768px){:where(.p-tematik) .page-header h1 {font-size:1.25rem}
:where(.p-tematik) .page-header p {font-size:0.75rem}
}

:where(.p-tematik) .topic-title {font-size:0.8125rem !important}
:where(.p-tematik) .entry-count {font-size:0.6875rem !important}
:where(.p-tematik) .topic-detail-title {font-size:0.875rem !important}
:where(.p-tematik) .topic-detail-meta {font-size:0.75rem !important}
:where(.p-tematik) .entry-info {font-size:0.75rem !important}

:where(.p-tematik) .topic-title {font-size:0.9375rem;font-weight:600;color:rgb(var(--n-700));text-decoration:none;flex:1}

:where(.p-tematik) .topic-meta {display:flex;align-items:center;gap:0.75rem}
:where(.p-tematik) .entry-count {font-size:0.75rem;font-weight:700;background:rgb(var(--card));color:rgb(var(--n-500));padding:0.25rem 0.625rem;border:var(--bw) solid rgb(var(--line))}

:where(.p-tematik) .topic-content {flex:1;min-width:0}
:where(.p-tematik) .topic-detail-title {display:block;font-size:1rem;font-weight:600;color:rgb(var(--n-800));text-decoration:none;margin-bottom:0.5rem;transition:color 0.2s}

:where(.p-tematik) .topic-detail-meta {display:flex;align-items:center;gap:1.5rem;font-size:0.875rem}
:where(.p-tematik) .entry-info {display:flex;align-items:center;gap:0.375rem;color:rgb(var(--n-500));font-weight:500}
:where(.p-tematik) .entry-info i {opacity:0.6}

:where(.p-tematik) .topic-arrow {color:rgb(var(--n-300));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}

@media (max-width: 640px){:where(.p-tematik) .page-header {padding:1.25rem}

}

/* ---------- ukde.php → .p-ukde ---------- */
:where(.p-ukde) .topic-container {display:flex;gap:0.75rem;margin-bottom:1rem;align-items:flex-start}
:where(.p-ukde) .topic-avatar-left {flex-shrink:0;width:3rem;height:3rem;text-decoration:none}
:where(.p-ukde) .topic-avatar-left img {width:3rem;height:3rem;border-radius:3px;object-fit:cover;border:var(--bw) solid rgb(var(--line));transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1rem}
:where(.p-ukde) .topic-container:hover .topic-avatar-left img {border-color:var(--accent-primary);box-shadow:var(--shadow-md)}
@media (max-width: 640px){:where(.p-ukde) .topic-avatar-left, :where(.p-ukde) .topic-avatar-left img {width:2.25rem;height:2.25rem}
}
:where(.p-ukde) .topic-container:hover .entry-card {border-color:var(--border-medium);box-shadow:var(--sh-3)}
:where(.p-ukde) .topic-title {font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4;transition:color 0.2s ease}
@media (min-width: 640px){:where(.p-ukde) .topic-title {font-size:1rem}
}
:where(.p-ukde) .topic-title:hover {color:var(--accent-primary)}

:where(.p-ukde) .pagination-btn:hover:not(.active) {background:var(--bg-hover);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}
:where(.p-ukde) .pagination-btn.active {background:var(--accent-primary);color:white;border-color:var(--accent-primary);box-shadow:var(--shadow-md)}
:where(.p-ukde) .custom-modal.active {display:flex;align-items:center;justify-content:center}
:where(.p-ukde) .report-reason.selected {border-color:rgb(var(--o-500));background:rgb(var(--o-100));box-shadow:var(--shadow-md)}
:where(.p-ukde) .toast-notification.show {transform:translateX(0);opacity:1}
:where(.p-ukde) .toast-notification.error {background:rgb(var(--r-500))}
:where(.p-ukde) .toast-notification.info {background:rgb(var(--r-500))}
:where(.p-ukde) .toast-icon {width:2.5rem;height:2.5rem;background:rgb(var(--card) / 0.20);display:flex;align-items:center;justify-content:center;flex-shrink:0}
:where(.p-ukde) .toast-icon i {color:white}
:where(.p-ukde) .toast-content h4 {font-size:0.9375rem;font-weight:700;color:white;margin:0}

@media (max-width: 640px){:where(.p-ukde) .topic-container {box-sizing:border-box;width:100%;padding-right:0.5rem}
:where(.p-ukde) .topic-title {word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
}

/* ---------- yazar.php → .p-yazar ---------- */
:where(.p-yazar) .follow-btn {position:relative;overflow:hidden;transition:background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, opacity .12s ease}
:where(.p-yazar) .follow-btn::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(var(--card) / 0.30);transform:translate(-50%,-50%);transition:width 0.6s, height 0.6s}
:where(.p-yazar) .follow-btn:hover::before {width:300px;height:300px}
:where(.p-yazar) .follow-btn.following {background:rgb(var(--n-100));color:rgb(var(--n-500));border-color:rgb(var(--n-300))}
:where(.p-yazar) .follow-btn.following:hover {background:rgb(var(--r-100));color:rgb(var(--r-500));border-color:rgb(var(--r-300))}
:where(.p-yazar) .follow-btn.not-following {background:rgb(var(--a-600));color:white;border-color:rgb(var(--a-600))}
:where(.p-yazar) .follow-btn.not-following:hover {background:rgb(var(--a-700));box-shadow:var(--sh-3)}

:where(.p-yazar) .badge-tag {display:inline-flex;align-items:center;gap:3px;font-size:0.68rem;font-weight:600;padding:2px 8px}

@media (max-width: 640px){

:where(.p-yazar) .toast {right:10px;left:10px;min-width:auto}
}

:where(.p-yazar) .toast {position:fixed;top:20px;right:20px;z-index:9999;padding:16px 24px;box-shadow:var(--sh-2);font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;animation:slideIn 0.3s ease-out, slideOut 0.3s ease-in 2.7s;animation-fill-mode:forwards;min-width:280px}
:where(.p-yazar) .toast.success {background:rgb(var(--g-700));color:white}
:where(.p-yazar) .toast.error {background:rgb(var(--r-500));color:white}
:where(.p-yazar) .toast-icon {width:24px;height:24px;flex-shrink:0}
:where(.p-yazar) .pagination-btn:hover:not(.active) {background:rgb(var(--a-100))}
:where(.p-yazar) .pagination-btn.active {background:rgb(var(--a-500));color:white;border-color:rgb(var(--a-500))}
@media (max-width: 640px){:where(.p-yazar) .entry-footer {flex-direction:column;gap:1rem;align-items:flex-start !important}
:where(.p-yazar) .entry-meta {width:100%;justify-content:space-between}
}
/* profil istatistikleri: 4 kutu tek bento kutusunda, aralarında ince çizgi */
:where(.p-yazar) .bx .pf-stats {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:.375rem;flex-direction:row}
:where(.p-yazar) .bx .pf-stat {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.125rem .5rem;text-align:center;min-width:0}
:where(.p-yazar) .bx .pf-stat + .pf-stat {border-left:1px solid rgb(var(--line-soft))}
:where(.p-yazar) .bx .pf-stat i {display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgb(var(--n-100));color:rgb(var(--n-600));font-size:.8125rem;margin-bottom:.25rem}
:where(.p-yazar) .bx .pf-stat b {font:800 clamp(1.5rem,3.2vw,2.125rem)/1 var(--font-display);letter-spacing:-.03em;color:rgb(var(--ink))}
:where(.p-yazar) .bx .pf-stat span {font:500 .75rem var(--font-mono);color:rgb(var(--n-500))}
@media (max-width:660px){
:where(.p-yazar) .bx .pf-stats {padding:.25rem;border-radius:18px}
:where(.p-yazar) .bx .pf-stat {padding:.75rem .25rem;gap:.15rem}
:where(.p-yazar) .bx .pf-stat i {display:none}
:where(.p-yazar) .bx .pf-stat b {font-size:1.25rem}
:where(.p-yazar) .bx .pf-stat span {font-size:.66rem}
}

/* ---------- includes/footer.php (ortak) ---------- */
@media (max-width: 1023px) {
    html body #mobile-bottom-nav {
        left: 14px; right: 14px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        padding: 5px; gap: 4px;
        border: 1px solid rgb(var(--line-soft));
        border-radius: 22px;
        background: rgb(var(--card) / .94);
        -webkit-backdrop-filter: saturate(160%) blur(12px);
        backdrop-filter: saturate(160%) blur(12px);
        box-shadow: 0 10px 30px rgb(var(--shadow-c) / .18), 0 2px 6px rgb(var(--shadow-c) / .08);
    }
    html body #mobile-bottom-nav .tab-link { height: 50px; border-right: 0; border-radius: 16px; gap: 2px; transition: background .15s, color .15s; }
    html body #mobile-bottom-nav .tab-link i { font-size: 1.05rem; }
    html body #mobile-bottom-nav .tab-link.is-active,
    html body #mobile-bottom-nav .tab-link:active { background: rgb(var(--mark)); color: #14120e; }
    html body #mobile-bottom-nav .tab-link img { border-radius: 8px; }
    /* içerik şeridin altında kalmasın */
    html body { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
}
html.dark body #mobile-bottom-nav { box-shadow: 0 10px 30px rgb(0 0 0 / .45); }
html body .toast-notification, html body .toast { color: #fff; border-color: transparent; border-left-width: 0; background: #16a34a; }
html body .toast-notification .toast-icon, html body .toast .toast-icon { background: rgba(255,255,255,.22) !important; color: inherit !important; border-radius: 10px; }
html body .toast-notification .toast-icon i, html body .toast .toast-icon i { color: inherit !important; }
html body .toast-notification .toast-content,
html body .toast-notification .toast-content h4,
html body .toast-notification .toast-content p { color: inherit !important; }
html body .toast-notification.tone-like,    html body .toast.tone-like    { background: #16a34a !important; color: #fff !important; }
html body .toast-notification.tone-dislike, html body .toast.tone-dislike { background: #ea580c !important; color: #fff !important; }
html body .toast-notification.tone-fav,     html body .toast.tone-fav     { background: #f5c518 !important; color: #14120e !important; }
html body .toast-notification.tone-share,   html body .toast.tone-share   { background: #2563eb !important; color: #fff !important; }
html body .toast-notification.tone-follow,  html body .toast.tone-follow  { background: #0d9488 !important; color: #fff !important; }
html body .toast-notification.tone-report,  html body .toast.tone-report  { background: #7c3aed !important; color: #fff !important; }
html body .toast-notification.tone-neutral, html body .toast.tone-neutral { background: #475569 !important; color: #fff !important; }
html body .toast-notification.tone-error,   html body .toast.tone-error   { background: #dc2626 !important; color: #fff !important; }