/* BusTop v2.1.8 — Sosyal akış tasarım sistemi */
:root {
  --bt-social-blue: #0b68d7;
  --bt-social-blue-strong: #0755b6;
  --bt-social-blue-soft: #eaf3ff;
  --bt-social-ink: #152033;
  --bt-social-muted: #6d7a90;
  --bt-social-line: #dfe6ef;
  --bt-social-surface: #ffffff;
  --bt-social-canvas: #f4f7fb;
  --bt-social-danger: #e23a59;
  --bt-social-radius: 16px;
  --bt-social-shadow: 0 1px 2px rgba(17, 32, 51, .04), 0 10px 28px rgba(17, 32, 51, .055);
}
[data-theme="dark"] {
  --bt-social-blue-soft: rgba(36, 131, 246, .14);
  --bt-social-ink: #edf4ff;
  --bt-social-muted: #9aa8bb;
  --bt-social-line: #273448;
  --bt-social-surface: #111a27;
  --bt-social-canvas: #0a111b;
  --bt-social-shadow: none;
}
.bt-icon { display:block; flex:none; }
.bt-social-page { background:var(--bt-social-canvas); min-height:100vh; padding:22px 0 70px; }
.bt-social-shell { width:min(1120px, calc(100% - 32px)); margin:0 auto; display:grid; grid-template-columns:minmax(0, 650px) 300px; gap:28px; align-items:start; }
.bt-social-main { min-width:0; }
.bt-social-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; }
.bt-social-title span { display:block; color:var(--bt-social-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.bt-social-title h1 { margin:2px 0 0; color:var(--bt-social-ink); font-size:28px; letter-spacing:-.035em; }
.bt-social-create { display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:999px; background:var(--bt-social-blue); color:#fff; font-weight:750; font-size:14px; }
.bt-social-create:hover { background:var(--bt-social-blue-strong); color:#fff; text-decoration:none; }

.bt-social-stories { overflow:hidden; margin-bottom:14px; background:var(--bt-social-surface); border:1px solid var(--bt-social-line); border-radius:var(--bt-social-radius); }
.bt-social-stories__track { display:flex; gap:14px; overflow-x:auto; padding:14px 16px 12px; scrollbar-width:none; scroll-snap-type:x proximity; }
.bt-social-stories__track::-webkit-scrollbar { display:none; }
.bt-story-person { appearance:none; border:0; background:none; color:var(--bt-social-ink); min-width:68px; width:68px; padding:0; display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer; font:inherit; scroll-snap-align:start; }
.bt-story-person > span:last-child { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; text-align:center; }
.bt-story-person__ring { width:62px; height:62px; padding:2px; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(from 210deg, #0b68d7, #37a8ff, #00c2a8, #0b68d7); }
.bt-story-person__ring .avatar { width:56px !important; height:56px !important; border:2px solid var(--bt-social-surface); }
.bt-story-person.is-viewed .bt-story-person__ring { background:#aab5c3; }
.bt-story-person--mine .bt-story-person__ring { background:var(--bt-social-line); }
.bt-story-person__ring i { position:absolute; right:-1px; bottom:-1px; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; background:var(--bt-social-blue); color:#fff; border:2px solid var(--bt-social-surface); font-size:16px; font-style:normal; line-height:1; }

.bt-social-composer { background:var(--bt-social-surface); border:1px solid var(--bt-social-line); border-radius:var(--bt-social-radius); margin-bottom:14px; overflow:hidden; }
.bt-social-composer__top { display:flex; align-items:center; gap:12px; padding:14px 16px 12px; }
.bt-social-composer__top > a { flex:1; min-height:42px; border-radius:999px; background:var(--bt-social-canvas); border:1px solid var(--bt-social-line); display:flex; align-items:center; padding:0 16px; color:var(--bt-social-muted); font-size:14px; }
.bt-social-composer__top > a:hover { border-color:#b8c7d9; text-decoration:none; }
.bt-social-composer__actions { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--bt-social-line); }
.bt-social-composer__actions a { min-height:44px; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--bt-social-ink); font-size:13px; font-weight:650; border-right:1px solid var(--bt-social-line); }
.bt-social-composer__actions a:last-child { border-right:0; }
.bt-social-composer__actions a:hover { background:var(--bt-social-blue-soft); color:var(--bt-social-blue); text-decoration:none; }

.bt-social-filter-row { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 1px 10px; }
.bt-social-filter-row::-webkit-scrollbar { display:none; }
.bt-social-filter { white-space:nowrap; display:inline-flex; align-items:center; min-height:34px; padding:0 13px; border:1px solid var(--bt-social-line); border-radius:999px; background:var(--bt-social-surface); color:var(--bt-social-muted); font-size:12px; font-weight:700; }
.bt-social-filter:hover { color:var(--bt-social-blue); border-color:#a9c9ef; text-decoration:none; }
.bt-social-filter.is-active { background:var(--bt-social-blue); border-color:var(--bt-social-blue); color:#fff; }
.bt-social-role-filter { margin:0 0 12px; color:var(--bt-social-muted); font-size:12px; }
.bt-social-role-filter summary { cursor:pointer; width:max-content; font-weight:650; }
.bt-social-role-filter > div { display:flex; gap:7px; flex-wrap:wrap; padding-top:9px; }

.bt-social-feed { display:flex; flex-direction:column; gap:16px; }
.bt-social-post { background:var(--bt-social-surface); border:1px solid var(--bt-social-line); border-radius:var(--bt-social-radius); overflow:hidden; box-shadow:var(--bt-social-shadow); color:var(--bt-social-ink); }
.bt-social-post__context { display:flex; align-items:center; gap:8px; min-height:34px; padding:7px 15px; border-bottom:1px solid var(--bt-social-line); color:var(--bt-social-muted); font-size:11px; font-weight:700; }
.bt-post-context { display:inline-flex; align-items:center; gap:5px; }
.bt-social-post__header { min-height:70px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bt-post-author { min-width:0; display:flex; align-items:center; gap:10px; color:var(--bt-social-ink); }
.bt-post-author:hover { text-decoration:none; }
.bt-post-author > span { min-width:0; display:flex; flex-direction:column; gap:2px; }
.bt-post-author b { display:flex; align-items:center; gap:4px; min-width:0; font-size:13.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bt-post-author small { color:var(--bt-social-muted); font-size:11.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bt-verified { display:inline-grid; place-items:center; width:16px; height:16px; border-radius:50%; background:var(--bt-social-blue); color:#fff; font-size:11px; font-style:normal; }
.bt-post-header-actions { display:flex; align-items:center; gap:6px; flex:none; }
.bt-follow-button { min-height:32px; padding:0 12px; border:1px solid var(--bt-social-blue); border-radius:9px; background:transparent; color:var(--bt-social-blue); font-weight:750; font-size:12px; cursor:pointer; }
.bt-follow-button:hover { background:var(--bt-social-blue-soft); }
.bt-follow-button.is-following { color:var(--bt-social-muted); border-color:var(--bt-social-line); background:var(--bt-social-canvas); }
.bt-follow-button:disabled { opacity:.55; cursor:wait; }
.bt-post-menu { position:relative; }
.bt-post-menu > button { width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--bt-social-ink); display:grid; place-items:center; cursor:pointer; }
.bt-post-menu > button:hover { background:var(--bt-social-canvas); }
.bt-post-menu__panel { position:absolute; z-index:25; right:0; top:40px; width:190px; padding:6px; border:1px solid var(--bt-social-line); border-radius:12px; background:var(--bt-social-surface); box-shadow:0 14px 34px rgba(16,31,50,.16); display:none; }
.bt-post-menu.is-open .bt-post-menu__panel { display:block; animation:btMenuIn .16s ease-out; }
.bt-post-menu__panel a { display:block; padding:10px 11px; border-radius:8px; color:var(--bt-social-ink); font-size:13px; }
.bt-post-menu__panel a:hover { background:var(--bt-social-canvas); text-decoration:none; }
.bt-post-menu__panel .is-danger { color:var(--bt-social-danger); }
@keyframes btMenuIn { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }

.bt-post-carousel { position:relative; width:100%; overflow:hidden; background:#0d1520; touch-action:pan-y; user-select:none; }
.bt-post-carousel__track { display:flex; transition:transform .32s cubic-bezier(.22,.72,.22,1); will-change:transform; }
.bt-post-slide { flex:0 0 100%; width:100%; aspect-ratio:4/5; max-height:720px; display:grid; place-items:center; background:#0b111a; overflow:hidden; }
.bt-post-slide img, .bt-post-slide video { width:100%; height:100%; display:block; object-fit:contain; image-orientation:from-image; background:#0b111a; }
.bt-post-slide video { user-select:auto; }
.bt-carousel-arrow { position:absolute; z-index:4; top:50%; transform:translateY(-50%); width:34px; height:34px; border:0; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.88); color:#172033; box-shadow:0 2px 10px rgba(0,0,0,.22); cursor:pointer; opacity:0; transition:opacity .18s, transform .18s; }
.bt-post-carousel:hover .bt-carousel-arrow, .bt-carousel-arrow:focus-visible { opacity:1; }
.bt-carousel-arrow:hover { transform:translateY(-50%) scale(1.06); }
.bt-carousel-arrow--prev { left:12px; }
.bt-carousel-arrow--next { right:12px; }
.bt-carousel-counter { position:absolute; z-index:4; top:12px; right:12px; border-radius:999px; padding:5px 9px; background:rgba(6,13,22,.72); color:#fff; font-size:11px; }
.bt-carousel-dots { position:absolute; z-index:4; left:50%; bottom:10px; transform:translateX(-50%); display:flex; gap:5px; padding:5px 7px; border-radius:999px; background:rgba(7,13,21,.34); }
.bt-carousel-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.52); cursor:pointer; }
.bt-carousel-dots button.is-active { background:#fff; transform:scale(1.18); }

.bt-social-post__body { padding:9px 14px 13px; }
.bt-post-actions { display:flex; align-items:center; justify-content:space-between; min-height:40px; }
.bt-post-actions > div { display:flex; align-items:center; gap:2px; }
.bt-post-action { width:38px; height:38px; padding:0; border:0; background:transparent; color:var(--bt-social-ink); border-radius:50%; display:grid; place-items:center; cursor:pointer; transition:transform .14s, background .14s, color .14s; }
.bt-post-action:hover { background:var(--bt-social-canvas); transform:translateY(-1px); }
.bt-post-action:active { transform:scale(.9); }
.bt-like-button.is-active { color:#ef2b51; }
.bt-like-button.is-active .bt-icon-heart { fill:currentColor; }
.bt-save-button.is-active { color:var(--bt-social-blue); }
.bt-save-button.is-active .bt-icon-bookmark { fill:currentColor; }
.bt-post-engagement { display:flex; align-items:center; gap:12px; min-height:24px; font-size:12.5px; color:var(--bt-social-muted); }
.bt-post-engagement button { border:0; padding:0; background:none; color:var(--bt-social-ink); font:inherit; cursor:pointer; }
.bt-post-engagement b { color:var(--bt-social-ink); }
.bt-post-caption { position:relative; margin-top:5px; color:var(--bt-social-ink); font-size:13px; line-height:1.55; }
.bt-post-caption p { margin:0; }
.bt-post-caption a { color:var(--bt-social-ink); }
.bt-post-caption.is-collapsed p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bt-post-caption > button { margin-top:2px; padding:0; border:0; background:none; color:var(--bt-social-muted); font-size:12px; cursor:pointer; }
.bt-post-caption.is-expanded p { display:block; }
.bt-post-caption.is-expanded > button { display:none; }
.bt-post-comments { margin-top:7px; display:flex; flex-direction:column; gap:7px; }
.bt-show-comments { align-self:flex-start; padding:0; border:0; background:none; color:var(--bt-social-muted); font-size:12px; cursor:pointer; }
.bt-inline-comment { display:flex; gap:8px; align-items:flex-start; font-size:12.5px; line-height:1.45; }
.bt-inline-comment.is-hidden { display:none; }
.bt-inline-comment p { flex:1; min-width:0; margin:0; overflow-wrap:anywhere; }
.bt-inline-comment p a { color:var(--bt-social-ink); }
.bt-inline-comment time { display:block; color:var(--bt-social-muted); font-size:10.5px; margin-top:2px; }
.bt-comments-empty { margin:0; color:var(--bt-social-muted); font-size:12px; }
.bt-inline-comment-form { display:flex; align-items:center; gap:8px; margin-top:11px; padding-top:10px; border-top:1px solid var(--bt-social-line); }
.bt-inline-comment-form textarea { flex:1; min-width:0; resize:none; border:0; outline:0; background:transparent; color:var(--bt-social-ink); font:inherit; font-size:13px; min-height:24px; max-height:88px; padding:4px 0; }
.bt-inline-comment-form textarea::placeholder { color:var(--bt-social-muted); }
.bt-inline-comment-form button { border:0; background:none; color:var(--bt-social-blue); font-weight:750; font-size:12px; cursor:pointer; padding:6px 2px; }
.bt-inline-comment-form button:disabled { opacity:.5; cursor:wait; }
.bt-comment-login { display:inline-block; margin-top:9px; color:var(--bt-social-blue); font-size:12px; }

.bt-social-side { position:sticky; top:84px; display:flex; flex-direction:column; gap:14px; }
.bt-social-side section { background:var(--bt-social-surface); border:1px solid var(--bt-social-line); border-radius:var(--bt-social-radius); padding:17px; }
.bt-social-side h2, .bt-social-side h3 { margin:0 0 8px; color:var(--bt-social-ink); font-size:16px; }
.bt-social-side p { margin:0 0 12px; color:var(--bt-social-muted); font-size:12.5px; line-height:1.55; }
.bt-social-side a { display:block; color:var(--bt-social-blue); font-size:13px; font-weight:650; padding:6px 0; }
.bt-social-empty { padding:50px 24px; text-align:center; background:var(--bt-social-surface); border:1px solid var(--bt-social-line); border-radius:var(--bt-social-radius); color:var(--bt-social-ink); }
.bt-social-empty .bt-icon { margin:0 auto 14px; color:var(--bt-social-blue); }
.bt-social-empty h2 { margin:0 0 7px; font-size:19px; }
.bt-social-empty p { color:var(--bt-social-muted); margin:0 0 17px; }
.bt-social-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:18px; color:var(--bt-social-muted); font-size:12px; }
.bt-social-pagination a { padding:8px 12px; border:1px solid var(--bt-social-line); border-radius:9px; background:var(--bt-social-surface); color:var(--bt-social-ink); }

.bt-share-sheet { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:18px; }
.bt-share-sheet.is-open { display:flex; }
.bt-share-sheet__backdrop { position:absolute; inset:0; background:rgba(5,11,20,.58); backdrop-filter:blur(2px); }
.bt-share-sheet__panel { position:relative; width:min(430px,100%); background:var(--bt-social-surface); color:var(--bt-social-ink); border:1px solid var(--bt-social-line); border-radius:20px; padding:18px; box-shadow:0 24px 70px rgba(0,0,0,.28); animation:btSheetIn .2s ease-out; }
.bt-share-sheet__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.bt-share-sheet__head h2 { margin:0; font-size:17px; }
.bt-share-sheet__close { width:34px; height:34px; border:0; border-radius:50%; background:var(--bt-social-canvas); color:var(--bt-social-ink); cursor:pointer; font-size:20px; }
.bt-share-sheet__options { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bt-share-option { min-height:92px; border:1px solid var(--bt-social-line); border-radius:14px; background:var(--bt-social-surface); color:var(--bt-social-ink); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; cursor:pointer; font:inherit; font-size:12px; font-weight:700; }
.bt-share-option:hover { border-color:#9fc5ee; background:var(--bt-social-blue-soft); color:var(--bt-social-blue); }
.bt-share-link { display:flex; gap:8px; margin-top:12px; padding:8px; border:1px solid var(--bt-social-line); border-radius:12px; background:var(--bt-social-canvas); }
.bt-share-link input { flex:1; min-width:0; border:0; background:transparent; color:var(--bt-social-muted); font-size:12px; outline:0; }
.bt-share-link button { border:0; border-radius:9px; padding:0 12px; background:var(--bt-social-blue); color:#fff; font-weight:700; cursor:pointer; }
@keyframes btSheetIn { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:none; } }

.bt-social-toast { position:fixed; z-index:10000; left:50%; bottom:24px; transform:translate(-50%, 20px); opacity:0; pointer-events:none; max-width:min(90vw,420px); padding:11px 15px; border-radius:12px; background:#142033; color:#fff; font-size:13px; box-shadow:0 12px 38px rgba(0,0,0,.25); transition:opacity .2s, transform .2s; }
.bt-social-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.bt-heart-burst { position:absolute; z-index:8; inset:0; display:grid; place-items:center; pointer-events:none; color:#fff; filter:drop-shadow(0 4px 12px rgba(0,0,0,.35)); animation:btHeartBurst .75s ease-out forwards; }
.bt-heart-burst svg { width:82px; height:82px; fill:#ef2b51; stroke:#fff; }
@keyframes btHeartBurst { 0% { opacity:0; transform:scale(.4); } 25% { opacity:1; transform:scale(1.15); } 70% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1.35); } }

@media (max-width: 980px) {
  .bt-social-shell { grid-template-columns:minmax(0,650px); justify-content:center; }
  .bt-social-side { display:none; }
}
@media (max-width: 680px) {
  .bt-social-page { padding:8px 0 72px; }
  .bt-social-shell { width:100%; }
  .bt-social-title { padding:4px 14px 8px; margin:0; }
  .bt-social-title h1 { font-size:24px; }
  .bt-social-stories, .bt-social-composer, .bt-social-post { border-left:0; border-right:0; border-radius:0; box-shadow:none; }
  .bt-social-stories, .bt-social-composer { margin-bottom:8px; }
  .bt-social-filter-row, .bt-social-role-filter { padding-left:12px; padding-right:12px; }
  .bt-social-feed { gap:8px; }
  .bt-social-post__header { padding:10px 12px; }
  .bt-social-post__body { padding:8px 12px 12px; }
  .bt-post-slide { aspect-ratio:1/1; max-height:none; }
  .bt-carousel-arrow { display:none; }
  .bt-share-sheet { align-items:flex-end; padding:0; }
  .bt-share-sheet__panel { width:100%; border-radius:20px 20px 0 0; padding:17px 15px max(20px, env(safe-area-inset-bottom)); }
  .bt-social-toast { bottom:calc(78px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .bt-post-carousel__track, .bt-post-action, .bt-social-toast, .bt-share-sheet__panel { transition:none !important; animation:none !important; }
}

/* Klipler — Reels benzeri dikey video akışı */
.bt-reels-page { min-height:100vh; background:#05080d; color:#fff; padding:16px 18px 72px; }
.bt-reels-header { width:min(760px,100%); margin:0 auto 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bt-reels-header span { display:block; color:#9da8b7; font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.bt-reels-header h1 { margin:2px 0 0; font-size:25px; color:#fff; }
.bt-reels-header > a { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:9px 14px; background:#fff; color:#111b29; font-size:13px; font-weight:750; }
.bt-reels-feed { width:min(520px,100%); margin:0 auto; display:flex; flex-direction:column; gap:16px; scroll-snap-type:y proximity; }
.bt-reel-card { position:relative; min-height:min(820px, calc(100dvh - 112px)); aspect-ratio:9/16; max-height:860px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:#0a0e14; scroll-snap-align:start; box-shadow:0 16px 48px rgba(0,0,0,.32); }
.bt-reel-video { width:100%; height:100%; object-fit:cover; display:block; background:#000; }
.bt-reel-gradient { position:absolute; inset:auto 0 0; height:48%; pointer-events:none; background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.36) 56%,transparent); }
.bt-reel-sound { position:absolute; z-index:4; top:14px; right:14px; width:38px; height:38px; border:0; border-radius:50%; background:rgba(0,0,0,.46); color:#fff; display:grid; place-items:center; cursor:pointer; backdrop-filter:blur(8px); }
.bt-reel-info { position:absolute; z-index:3; left:16px; right:82px; bottom:18px; color:#fff; }
.bt-reel-author { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.bt-reel-author > a { display:flex; align-items:center; gap:8px; color:#fff; min-width:0; }
.bt-reel-author strong { display:flex; align-items:center; gap:4px; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bt-reel-follow { border-color:rgba(255,255,255,.7); color:#fff; background:rgba(0,0,0,.3); }
.bt-reel-follow.is-following { color:#fff; border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.13); }
.bt-reel-info h2 { margin:0 0 5px; color:#fff; font-size:16px; }
.bt-reel-info p { margin:0 0 7px; color:#fff; font-size:13px; line-height:1.5; max-height:4.5em; overflow:hidden; }
.bt-reel-info > span { color:#d8dee8; font-size:11px; }
.bt-reel-actions { position:absolute; z-index:4; right:13px; bottom:22px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.bt-reel-action { width:52px; min-height:52px; border:0; padding:4px 0; background:transparent; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; cursor:pointer; filter:drop-shadow(0 2px 7px rgba(0,0,0,.4)); }
.bt-reel-action b { font-size:10px; font-weight:650; }
.bt-reel-action.is-active { color:#ff4165; }
.bt-reel-action.bt-save-button.is-active { color:#fff; }
.bt-reel-action.bt-save-button.is-active .bt-icon-bookmark { fill:#fff; }
.bt-reel-comments-panel { position:absolute; z-index:12; inset:auto 0 0; max-height:72%; background:var(--bt-social-surface); color:var(--bt-social-ink); border-radius:20px 20px 0 0; transform:translateY(102%); transition:transform .28s cubic-bezier(.22,.72,.22,1); display:flex; flex-direction:column; }
.bt-reel-comments-panel.is-open { transform:translateY(0); }
.bt-reel-comments-panel > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--bt-social-line); }
.bt-reel-comments-panel > header div { display:flex; flex-direction:column; }
.bt-reel-comments-panel > header span { color:var(--bt-social-muted); font-size:11px; }
.bt-reel-comments-panel > header button { width:34px; height:34px; border:0; border-radius:50%; background:var(--bt-social-canvas); color:var(--bt-social-ink); font-size:20px; cursor:pointer; }
.bt-reel-comments-list { flex:1; min-height:120px; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
.bt-reel-comments-panel .bt-inline-comment-form { margin:0; padding:11px 14px max(13px,env(safe-area-inset-bottom)); background:var(--bt-social-surface); }
.bt-reels-empty { width:min(520px,100%); min-height:520px; margin:auto; border:1px solid rgba(255,255,255,.12); border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:30px; }
.bt-reels-empty .bt-icon { margin-bottom:13px; }
.bt-reels-empty h2 { margin:0 0 7px; }
.bt-reels-empty p { color:#aeb8c6; }
@media (max-width:680px) {
  .bt-reels-page { padding:0 0 64px; }
  .bt-reels-header { padding:10px 13px; margin:0; background:#05080d; }
  .bt-reels-header h1 { font-size:21px; }
  .bt-reels-feed { width:100%; gap:0; }
  .bt-reel-card { width:100%; min-height:calc(100dvh - 116px); max-height:none; border-radius:0; border-left:0; border-right:0; }
}