/* Readable overlays and consistent controls, without autoplay or animated effects. */
body .flick-body { padding:1rem 1rem calc(var(--touch) + 1.8rem); gap:16px; }
body .flick-caption { font-size:1rem; line-height:1.5; text-wrap:pretty; overflow-wrap:anywhere; }
body .flick-tag { margin-top:10px; color:#dfc591; font-size:.82rem; }
body .flick-user { flex-wrap:wrap; gap:8px; }
body .flick-user .avatar { width:38px; height:38px; font-size:.82rem; border-color:#e5cc99; }
body .flick-user strong { font-size:.94rem; color:#fff9ed; }
body .flick-user span { color:#c5cad4; line-height:1.4; }
body .flick-meta { text-shadow:0 1px 3px #000; }
body .flick-visual::after { background:linear-gradient(0deg,#080d18f5 0%,#080d18b8 21%,#080d181a 55%,#080d1800 75%); }
body .flick-visual .math-glyph { color:#ddc797; font-size:clamp(3rem,12vw,5.5rem); opacity:.6; }
body .flick-actions { gap:10px; padding-bottom:4px; }
body .flick-actions .action-btn { width:48px; min-height:56px; gap:4px; }
body .flick-actions .action-btn .icon { width:44px; height:44px; background:#131c2bd9; border:1px solid #ffffff26; border-radius:50%; }
body .flick-actions .action-btn .count { font-size:.72rem; font-weight:600; color:#f6f2eb; font-variant-numeric:tabular-nums; }
body .flick-actions .action-btn.is-liked .icon { color:#ffa6b5; background:#412331; border-color:#945367; }
body .flick-actions .action-btn.is-saved .icon { color:#ecd09a; border-color:#9e8355; }
body .post-video-status { top:16px; left:16px; right:16px; border:1px solid #596780; border-radius:14px; line-height:1.5; }
body .profile-head { padding-top:24px; }
body .profile-name { font-size:1.8rem; letter-spacing:-.025em; }
body .profile-handle { color:#b5c0d1; font-size:.9rem; }
body .profile-bio { line-height:1.6; max-width:32ch; margin-left:auto; margin-right:auto; }
body .profile-stats { gap:20px; }
body .profile-stat b { font-variant-numeric:tabular-nums; }
body .profile-actions { gap:8px; }
body .profile-btn { min-height:44px; border-radius:12px; }
body .profile-tabs { overflow-x:auto; justify-content:flex-start; gap:4px; padding:8px; border:1px solid #344157; border-radius:16px; background:#131b2a; scrollbar-width:thin; }
body .profile-tab { flex:0 0 auto; padding:10px 13px; min-height:44px; border-radius:10px; gap:6px; white-space:nowrap; }
body .profile-tab-label { display:inline; font-size:.82rem; }
body .profile-tab svg { display:none; }
body .profile-tab.is-active { background:#303746; color:#f5ddb0; }
body .profile-tab.is-active::after { display:none; }
body .profile-tab:focus-visible { outline:2px solid #e7c98a; outline-offset:-2px; }
body .profile-grid { gap:8px; margin-top:12px; }
body .profile-grid .explore-card { position:relative; aspect-ratio:3/4; border-radius:12px; border:1px solid #344157; background:#172235; padding:0; overflow:hidden; text-align:left; }
body .profile-grid .explore-card-visual { position:absolute; inset:0; background:linear-gradient(145deg,#26354c,#121b2b); }
.profile-cover-image { width:100%; height:100%; object-fit:cover; }
body .profile-grid .explore-card-glyph { position:absolute; inset:0; display:grid; place-items:center; color:#e5cea0; font-size:2rem; }
.profile-tile-info { position:absolute; bottom:0; left:0; right:0; padding:22px 9px 10px; background:linear-gradient(transparent,#070d19ee); color:#fff5e3; }
.profile-tile-caption { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.75rem; font-weight:600; }
.profile-tile-detail { display:block; font-size:.66rem; color:#c4ccdb; margin-top:5px; }
.profile-tile-kind { position:absolute; top:8px; right:8px; border-radius:6px; background:#0b1221d9; padding:4px 6px; font-size:.65rem; color:#f4e1bd; }
.profile-content-empty { grid-column:1/-1; text-align:center; padding:36px 20px; border:1px dashed #43516a; border-radius:18px; background:#141e2e; }
.profile-content-empty strong { display:block; font-size:1.1rem; color:#f3e8d1; }
.profile-content-empty p { color:#b6c1d1; line-height:1.6; font-size:.88rem; }
.profile-content-empty button { min-height:44px; border:1px solid #d7ba81; border-radius:12px; padding:10px 16px; background:#e7c98a; color:#141a27; font:inherit; }
body #profile-grid-drafts { grid-template-columns:1fr; }
body #profile-sort-row[hidden] { display:none; }
@media(max-width:420px) { body .profile-grid { gap:5px; } .profile-tile-caption { font-size:.7rem; } body .flick-body { gap:10px; padding-left:14px; padding-right:10px; } }
@media(min-width:1000px) {
  body .profile-head { grid-template-columns:112px minmax(0,1fr); column-gap:28px; row-gap:6px; margin-top:24px; }
  body .profile-head > * { grid-column:2; }
  body .profile-head > .profile-avatar-quick-wrap { grid-column:1; grid-row:1 / span 7; }
  body .profile-head .profile-bio { margin:6px 0 12px; }
  body .profile-head .profile-actions { margin:0; }
  body .profile-head .tip-buy-more-btn { justify-self:start; min-height:44px; margin:0; padding:0; }
}
body .profile-tabs { scrollbar-width:none; }
body .profile-tabs::-webkit-scrollbar { display:none; }