/* ================= Premium, topluluk, keşfet ================= */
.alert { border-left: 5px solid #E0A23B; }
.alert.doktora_danis { border-left-color: var(--period); }
.alert-row { border-left: 4px solid #E0A23B; background: var(--surface-2); border-radius: 12px; padding: 10px 12px; margin-top: 8px; }
.alert-row.doktora_danis { border-left-color: var(--period); }
.alert-row.bilgi { border-left-color: var(--fertile); }
.quote { position: relative; padding-top: 22px; background: linear-gradient(135deg, var(--surface), var(--accent-soft)); }
.quote .q-mark { position: absolute; top: -6px; left: 14px; font-family: Fraunces, serif; font-size: 64px; color: var(--accent); opacity: .35; line-height: 1; }
.quote p.serif { font-size: 19px; line-height: 1.45; margin: 0 0 10px; font-weight: 500; }
.premium-card { background: linear-gradient(135deg, var(--surface), #F3E2C9); border-color: #E8CFA8; }
:root[data-theme="dark"] .premium-card { background: linear-gradient(135deg, var(--surface), #3A2D20); border-color: #5A4430; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .premium-card { background: linear-gradient(135deg, var(--surface), #3A2D20); border-color: #5A4430; } }
.tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--surface-2); }
.check { display: flex; align-items: center; gap: 8px; font-weight: 700; cursor: pointer; }
.check input { width: 20px; height: 20px; accent-color: var(--accent); flex: none; }
.bul { padding-left: 18px; margin: 8px 0; }
.bul li { margin: 4px 0; }
.skeleton { height: 86px; border-radius: var(--radius); background: linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2)); background-size: 200% 100%; animation: shimmer 1.2s infinite; margin-top: 10px; }
@keyframes shimmer { to { background-position: -200% 0; } }
.chips { display: flex; gap: 6px; overflow-x: auto; padding: 10px 2px; scrollbar-width: none; }
.chips::-webkit-scrollbar { display: none; }
.chips button { flex: none; border: 1.5px solid var(--line); background: var(--surface); border-radius: 999px; padding: 7px 12px; font-weight: 700; font-size: 13px; cursor: pointer; }
.chips button.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.seg.mini { display: inline-flex; padding: 3px; }
.seg.mini button { padding: 5px 12px; font-size: 13px; }
.qcard { cursor: pointer; transition: transform .12s; margin-top: 10px; }
.qcard:active { transform: scale(.985); }
.author { font-weight: 700; }
.answer { margin-top: 10px; }
.answer.best { border: 2px solid #E0B34B; }
.best-tag { font-weight: 800; color: #B5862A; margin-bottom: 6px; }
.room { cursor: pointer; margin-top: 10px; }
.tile { cursor: pointer; }
.locked .blur-demo { filter: blur(3px); margin: 8px 0 12px; user-select: none; }
.feats { list-style: none; padding: 0; margin: 14px 0; }
.feats li { display: flex; gap: 12px; align-items: center; padding: 8px 0; }
.feats li > span { font-size: 24px; width: 40px; height: 40px; border-radius: 12px; background: var(--accent-soft); display: grid; place-items: center; flex: none; }
.feats small { display: block; color: var(--muted); }
.founder { background: var(--accent-soft); border-radius: 14px; padding: 10px 12px; font-size: 13px; margin-bottom: 12px; }
.plans { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 12px; }
.plan { position: relative; border: 2px solid var(--line); background: var(--surface); border-radius: 18px; padding: 16px 10px 12px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--text); }
.plan:first-child { border-color: var(--accent); }
.plan .price { font-family: Fraunces, serif; font-size: 22px; font-weight: 600; }
.plan small { color: var(--muted); font-size: 12px; }
.plan .pill { position: absolute; top: -10px; background: var(--accent); color: var(--accent-ink); font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; }

/* Sohbet */
.chat-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 8px; }
.chat-head .link { font-size: 28px; text-decoration: none; line-height: 1; }
.msgs { height: calc(100dvh - 250px); overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding: 6px 2px; }
.msg { max-width: 82%; align-self: flex-start; }
.msg.me { align-self: flex-end; text-align: right; }
.msg .bubble { display: inline-block; text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: 18px 18px 18px 4px; padding: 9px 13px; overflow-wrap: anywhere; }
.msg.me .bubble { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); border-radius: 18px 18px 4px 18px; }
.msg .nick { font-weight: 800; color: var(--accent); margin: 0 0 2px 6px; }
.msg .meta { margin: 2px 6px 0; }
.chat-input { display: flex; gap: 8px; padding-top: 8px; }
.chat-input .input { flex: 1; min-width: 0; }

/* Keşfet */
.ex-list { display: grid; gap: 8px; margin-bottom: 12px; }
.ex { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; background: var(--surface-2); cursor: pointer; }
.ex-emo { font-size: 26px; width: 42px; text-align: center; flex: none; }
.ex small { display: block; color: var(--muted); font-size: 12px; line-height: 1.35; }
.ex > div { flex: 1; min-width: 0; }
.food-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.food { border: 0; background: var(--surface-2); color: var(--text); border-radius: 16px; padding: 12px 6px; cursor: pointer; font-weight: 700; font-size: 12.5px; display: flex; flex-direction: column; align-items: center; gap: 4px; line-height: 1.2; }
.food span { font-size: 30px; }
.pred-list { display: grid; gap: 8px; }
.pred { background: var(--surface-2); border-radius: 14px; padding: 10px 12px; display: grid; gap: 4px; }
.steps-list { padding-left: 20px; }
.steps-list li { margin: 8px 0; }
details.acc summary { display: flex; gap: 10px; align-items: center; cursor: pointer; list-style: none; }
details.acc summary::-webkit-details-marker { display: none; }
details.acc summary::after { content: '›'; margin-left: auto; font-size: 22px; transition: transform .2s; }
details.acc[open] summary::after { transform: rotate(90deg); }
details.acc summary span { font-size: 22px; }

/* Sesli egzersiz oynatıcı */
.player { padding: 6px 0 4px; }
.pl-visual { position: relative; width: 180px; height: 180px; margin: 10px auto; display: grid; place-items: center; }
.pl-ring { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, var(--accent-soft), transparent 70%); border: 3px solid var(--accent-soft); }
.pl-ring.breathe { animation: breathe 8s ease-in-out infinite; }
.pl-ring.paused { animation-play-state: paused; }
@keyframes breathe { 0%, 100% { transform: scale(.78); opacity: .6; } 45%, 60% { transform: scale(1.05); opacity: 1; } }
.pl-emo { font-size: 72px; position: relative; }
.pl-bar { height: 6px; background: var(--surface-2); border-radius: 6px; overflow: hidden; }
.pl-bar i { display: block; height: 100%; width: 0; background: var(--accent); transition: width 1s linear; }
.tabs button { font-size: 11px; padding: 8px 2px 6px; }
@media (min-width: 700px) { .msgs { height: calc(100dvh - 280px); } }
.btn.sm { white-space: nowrap; }
.qcard .row.between, .answer .row.between, article .row.between.small { flex-wrap: wrap; gap: 6px 10px; }
.answer .row .row, article .row .row { flex-wrap: nowrap; }
.msg .meta .link { font-size: 12px; }
.pl-ring.b-al { transform: scale(1.05); opacity: 1; transition: transform 4s ease-out, opacity 4s; }
.pl-ring.b-tut { transform: scale(1.05); opacity: 1; }
.pl-ring.b-ver { transform: scale(.78); opacity: .6; transition: transform 8s ease-in-out, opacity 8s; }
.consent { background: var(--surface-2); border-radius: 14px; padding: 12px; margin-top: 8px; }