/* Source: dizivibe-polish-20261011.css */
/* DiziVibe / presentation-only refinement. No markup, visibility or player logic. */
:root {
  --dv-bg: #0e131d;
  --dv-surface: #161e2b;
  --dv-surface-raised: #1c2736;
  --dv-border: #2c394b;
  --dv-muted: #a6b4c8;
  --dv-ink: #eff5fc;
  --dv-teal: #78d9ca;
  --dv-radius: 18px;
  --dv-shadow: 0 14px 35px #02061126, inset 0 1px 0 #ffffff05;
}
body {
  background: radial-gradient(ellipse at 82% 0, #19384b24, transparent 700px), var(--dv-bg);
  color: var(--dv-ink);
}
.site-shell { background: #10162075; }
.main-content { min-width: 0; }
.main-content :is(h1,h2,h3) { text-wrap: pretty; }
.main-content :is(.page-heading,.detail-title,.watch-title) {
  font-family: Outfit, Manrope, sans-serif;
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.2;
  color: #f3f7fc;
}
.main-content .page-heading { font-size: clamp(28px, 3vw, 38px); margin-bottom: 26px; }
.site-shell :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 2px solid var(--dv-teal);
  outline-offset: 4px;
}
.site-shell button:disabled { cursor: not-allowed; }
/* Keep the existing navigation and mobile drawer behavior. */
.site-header {
  background: #101721ed;
  border-bottom-color: #2b374948;
  box-shadow: 0 4px 24px #0000000f;
}
.site-header > .brand { border-right-color: #2b374948; flex-shrink: 0; }
.site-header .search {
  min-width: 0;
  height: 46px;
  border: 1px solid #354459;
  border-radius: 14px;
  background: #1a2533;
  color: #91a6bd;
  box-shadow: inset 0 1px 0 #ffffff04;
  transition: border-color .18s, box-shadow .18s;
}
.site-header .search:focus-within {
  border-color: #6ec7ba;
  box-shadow: 0 0 0 3px #78d9ca12;
}
.site-header .search input { color: #eef5fc; background: transparent; min-width: 0; font-size: 14px; }
.site-header .search input::placeholder { color: #a1b0c3; opacity: 1; }
.site-header .search input:focus-visible { outline: none; }
.site-header .search > button {
  color: #b5e9e1;
  padding-inline: 17px;
  min-height: 42px;
  font-size: 12px;
  font-weight: 750;
  border-radius: 0 12px 12px 0;
}
.site-header .account > a:not(.member-profile-link) {
  border: 1px solid #344356;
  background: #1a2432;
  border-radius: 11px;
  min-height: 44px;
  color: #e2edf8;
}
.site-header .account > .register-link { background: #24423f; border-color: #497f74; color: #cbf4ed; }
.site-header .member-avatar { box-shadow: 0 0 0 3px #78d9ca09; }
.site-header .member-summary small { color: #9eafc4; }
.sidebar { border-right-color: #2b374948; }
.sidebar nav a, .home-page .sidebar nav a {
  min-height: 44px;
  height: auto;
  margin: 3px 12px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #adbbce;
  font-size: 14px;
  font-weight: 550;
  transition: color .16s, background-color .16s, border-color .16s;
}
.sidebar nav a[aria-current] {
  color: #d2f4ee;
  background: linear-gradient(110deg, #254440, #192b32);
  border-color: #4b857a55;
}
.sidebar nav a .icon { color: #8da3bb; }
.sidebar h5, .home-page .sidebar h5 { color: #92a7bf; font-size: 10px; letter-spacing: .11em; }
.weekly { border-top-color: #2a3748; }
.weekly > a { color: #a2b1c6; line-height: 1.7; }
.search-suggestions, .notification-panel {
  border-color: #3b4d65;
  border-radius: 16px;
  background: #172232;
  box-shadow: 0 18px 50px #02061075;
}
/* Home: images stay the focus; surfaces and rhythm support the content. */
.home-page .main-content { padding-top: 32px; }
.home-page .main-content section { margin-bottom: 38px; }
.home-page .main-content h2 { font-size: 21px; font-weight: 750; letter-spacing: -.03em; }
.home-page .tv-mosaic { gap: 8px; border-radius: 20px; }
.tv-mosaic-tile { border-radius: 14px; }
.tv-mosaic-tile::after { background: linear-gradient(0deg,#070d19f2, #070d1959 44%, transparent 72%); }
.home-page .tv-mosaic-caption { padding: 20px; }
.home-page .tv-mosaic-caption h3 { line-height: 1.45; text-shadow: 0 2px 8px #0009; }
.home-page .tv-mosaic-caption p { color: #d2dfed; font-size: 12px; }
.tv-mosaic-caption time { padding: 4px 7px; border: 1px solid #ffffff1a; border-radius: 6px; background: #132131dd; color: #dbe7f3; }
.tv-mosaic-poster { border-radius: 6px; border: 1px solid #ffffff30; box-shadow: 0 5px 15px #0005; }
.home-page .trailer-art { box-shadow: 0 5px 22px #0005; border-width: 2px; }
.home-page .trailer-card strong { color: #e4edf7; font-weight: 650; }
.home-page .trailer-card small { color: #a9b8cc; }
.home-page .catalog-discovery-heading h2 { font-size: clamp(23px,2.2vw,30px); line-height: 1.3; }
.home-page .catalog-discovery-heading p { color: #a8b9ce; font-size: 14px; line-height: 1.7; }
.home-page .catalog-shortcuts a { border-radius: 16px; box-shadow: var(--dv-shadow); }
.home-page .catalog-nav-copy small { color: #b0bfd2; line-height: 1.55; }
.home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) {
  border: 1px solid #2b3b50;
  border-radius: 20px;
  background: linear-gradient(135deg, #192331, #141c28 75%);
  padding: 24px;
  box-shadow: var(--dv-shadow);
}
.home-page .catalog-section .catalog-heading h2 { font-size: 19px; margin: 0; }
.home-page .catalog-section .catalog-intro { color: #a7b8cd; font-size: 13px; line-height: 1.7; }
.home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) .recent-episodes {
  gap: 12px;
  margin-top: 20px;
}
.home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) .recent-episode {
  height: auto;
  min-height: 112px;
  padding: 13px;
  gap: 12px;
  background: #1d2938;
  border: 1px solid #35445a;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 #ffffff03;
}
.home-page .catalog-section .recent-episode > img { border-radius: 7px; width: 44px; height: 64px; object-fit: cover; flex: 0 0 44px; }
.home-page .catalog-section .recent-copy h3 { font-size: 13px; line-height: 1.55; letter-spacing: -.012em; }
.home-page .catalog-section .recent-copy p { color: #acbdd2; font-size: 11px; line-height: 1.65; }
.home-page .catalog-section .recent-date { color: #becbdb; }
.home-page .essential-card { border: 1px solid #303e52; border-radius: 12px; background: #192433; padding: 10px; gap: 12px; }
.home-page .essential-card img { width: 44px; height: 58px; object-fit: cover; border-radius: 6px; }
.home-page .essential-card h3 { font-size: 13px; line-height: 1.6; }
.home-page .essential-card p { color: #a7b9ce; font-size: 12px; }
.poster-card .poster { overflow: hidden; border: 1px solid #3b4b60; border-radius: 12px; box-shadow: 0 6px 20px #0003; }
.poster-card h3 { color: #e5effa; font-size: 14px; line-height: 1.55; font-weight: 650; }
.poster-card p { color: #a5b5ca; font-size: 12px; line-height: 1.6; }
.home-page .alphabet-callout.discovery-callout { border-color: #38574f; border-radius: 16px; background: linear-gradient(120deg,#1b3436,#15212e); box-shadow: var(--dv-shadow); }
.editorial-card { border-radius: 15px; border-color: #3a485c; box-shadow: 0 10px 28px #0002; }
.editorial-card h3 { line-height: 1.35; }
/* Archive, category and secondary content surfaces. */
.archive-tools { border-color: #334258; border-radius: 20px; background: linear-gradient(135deg,#1a2635,#151e2b); box-shadow: var(--dv-shadow); }
.archive-tools-heading h2 { font-size: 19px; }
.archive-tools-heading p { color: #a7b8cd; font-size: 13px; line-height: 1.7; }
.main-content .archive-tools .filters input:not([type=hidden]),
.main-content .archive-tools .filters select,
.archive-tools .catalog-select-trigger { border-color: #3c4d63; background: #111b29; border-radius: 12px; font-size: 14px; }
.main-content .archive-tools .alphabet a { border-color: #35465c; color: #b9c9dc; background: #182333; }
.main-content .archive-tools .alphabet a[aria-current=page] { color: #102e2a; background: #85d9cb; border-color: #85d9cb; }
.main-content .archive-tools .archive-filter-button { border-radius: 12px; }
.category-grid > a, .collection-grid > a, .actor-directory > a { border-radius: 16px; border-color: #33445b; }
.listing-row { border-color: #304159; border-radius: 12px; background: #172232; padding: 16px; }
.pagination :is(a,span) { min-height: 40px; border-radius: 10px; }
.reading-body { color: #c5d3e5; }
.reading-cover { border-radius: 18px; }
.category-card { background: linear-gradient(145deg,#1c2b3c,#162130); box-shadow: var(--dv-shadow); }
.category-card h2, .actor-directory h2 { color: #e6f1fc; font-size: 19px; letter-spacing: -.025em; }
.category-card p { color: #a9bdd3; line-height: 1.7; }
.actor-directory > a { background: #172536; box-shadow: var(--dv-shadow); }
.actor-portrait { border-radius: 12px; border: 1px solid #41566e; }
.article-directory-heading h1 { font-family: Outfit,Manrope,sans-serif; font-weight: 650; letter-spacing: -.035em; }
.article-directory-heading p { color: #adbed4; line-height: 1.8; }
.party-hero { border-radius: 22px; border-color: #364c62; box-shadow: var(--dv-shadow); }
.party-hero h1 { font-family: Outfit,Manrope,sans-serif; font-weight: 650; letter-spacing: -.035em; }
.party-hero p { color: #b0c3d9; line-height: 1.85; }
.party-panel { border-radius: 18px; border-color: #34495f; background: linear-gradient(145deg,#1b293b,#152131); box-shadow: var(--dv-shadow); }
.party-panel-heading h2 { font-size: 21px; letter-spacing: -.025em; }
.party-panel label { color: #b8cce1; }
.party-panel input:not([type=hidden]), .party-panel select { border-radius: 12px; border-color: #425972; background: #101c2b; color: #e6f0fc; min-height: 48px; font-size: 14px; }
.party-panel input::placeholder { color: #9cb1ca; opacity: 1; }
.party-primary { border-radius: 12px; min-height: 48px; font-size: 14px; }
.party-empty p, .party-how p { color: #a7bdd4; line-height: 1.8; }
/* Series and episodes: never target video, embedded player, or cinema sizing. */
.detail-title { font-size: clamp(30px,3vw,40px); margin-bottom: 20px; }
.detail-title span { color: #98abc2; font-weight: 400; }
.detail-tabs { border-bottom-color: #334258; gap: 24px; }
.detail-tabs :is(a,button) { min-height: 46px; font-size: 12px; font-weight: 750; letter-spacing: .025em; }
.detail-tabs .active { color: #a3e7dc; }
.series-detail .detail-poster { border-radius: 15px; border: 1px solid #3b4c61; box-shadow: 0 10px 28px #0004; }
.synopsis { color: #b4c3d7; font-size: 15px; line-height: 1.85; }
.actor-section-title { color: #a1b6cd; letter-spacing: .09em; }
.category-chips a { background: #192a35; border-color: #3b5a63; color: #c1e6e4; border-radius: 20px; }
.facts { border-color: #344359; border-radius: 14px; overflow: hidden; background: #172232; }
.facts > div { color: #a7b9ce; border-color: #344359; }
.facts strong { color: #edf4fc; }
.series-rating-card, .cast-list, .season-browser-list, .overview-box { border-color: #344359; border-radius: 16px; background: #172231; box-shadow: var(--dv-shadow); }
.series-rating-card { padding: 22px; }
.rating-form legend { color: #b4c7dc; }
.rating-options span { border-color: #3f5269; border-radius: 9px; min-height: 40px; }
.rating-options input:checked + span { color: #092d2a; background: #7dd9ca; border-color: #7dd9ca; }
.watch-links > a { background: #1a2b38; border-color: #3b5d63; color: #c8f1ea; border-radius: 14px; min-height: 60px; }
.watch-links small { color: #b5cbdc; }
.main-content .member-library-controls :is(button,a) { min-height: 44px; font-size: 13px; border-radius: 12px; background: #1a2a39; border-color: #3b5369; color: #d5e5f4; }
.main-content .member-library-controls .is-selected { color: #c8f5df; border-color: #5c9581; background: #234335; }
.season-card { border-color: #34475c; border-radius: 11px; }
.season-card-title { font-size: 14px; }
.season-card-date { color: #a9b9cc; }
.cast-list strong { color: #e6f0fc; }
.cast-list small { color: #a4b6cd; }
.watch-breadcrumb { color: #a6b8ce; font-size: 13px; line-height: 1.7; }
.watch-title { font-size: clamp(30px,3vw,42px); }
.watch-toolbar { border-color: #2d3d53; }
.watch-toolbar :is(a,button), .source-choice { min-height: 44px; border-radius: 10px; font-size: 12px; }
.source-choice { border-color: #3b4d64; background: #1b2839; color: #c8d9ec; }
.source-choice.selected { background: #264940; border-color: #71b7a6; color: #d6faf1; }
.overview-summary p { color: #b9cadd; font-size: 14px; line-height: 1.85; }
.episode-strip > a { border-color: #3a4b62; border-radius: 12px; background: #1a2637; }
.episode-strip > a[aria-current] { border-color: #66b8a8; background: #203e3b; }
.comments { scroll-margin-top: 24px; }
.comment-form { border: 1px solid #34465e; border-radius: 16px; background: #172231; padding: 22px; }
.comment-form textarea { border-color: #40536d; border-radius: 12px; background: #111c2b; color: #e9f3fc; font-size: 14px; line-height: 1.75; }
.comment { border-color: #2b3c52; padding-block: 20px; }
.comment p { color: #c5d5e7; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.comment small { color: #a7b9ce; font-size: 12px; }
.comment .avatar { border: 1px solid #496475; border-radius: 12px; background: #233c43; color: #cdf0e8; }
.comment-profile-link { color: #b9e8df; }
.main-content .button { min-height: 44px; border-radius: 11px; border-color: #3c5367; background: #253c49; color: #def2f2; font-size: 13px; }
.auth-card { border-color: #35475d; border-radius: 22px; background: linear-gradient(145deg,#1b293a,#15202e); box-shadow: 0 18px 60px #02061045; }
.auth-card input { border-color: #40536c; border-radius: 12px; background: #101a28; color: #eff6fd; min-height: 48px; }
.notice, .settings-success { border-radius: 12px; line-height: 1.75; }
/* Profiles: accent choices and equal-size rank artwork are intentionally unchanged. */
.profile-community { margin: 14px auto 44px; }
.profile-community .profile-cover { min-height: 280px; border-radius: 22px; border-color: #3e526966; box-shadow: 0 16px 42px #02071135; }
.profile-community .profile-cover:after { background: linear-gradient(0deg,#08111bf2,transparent 88%),linear-gradient(90deg,#07111b66,transparent 85%); }
.profile-community .profile-cover-identity { padding: 106px 32px 32px; gap: 24px; align-items: center; }
.profile-community .profile-cover-identity > div { min-width: 0; flex: 1; }
.profile-community .profile-cover h1 { font-size: clamp(28px,3vw,38px); font-weight: 650; letter-spacing: -.03em; margin: 0 0 7px; }
.profile-community .profile-cover p { color: #b9ccde; font-size: 14px; margin-bottom: 14px; }
.profile-community .profile-big-avatar { width: 104px; height: 104px; flex-basis: 104px; font-size: 34px; }
.profile-community .profile-cover:has(.profile-friend-controls) .profile-cover-identity { padding-right: 220px; }
.profile-community .profile-settings-link { width: 44px; height: 44px; border-radius: 13px; background: #101b2bbe; border-color: #70879e55; }
.profile-community .profile-columns { grid-template-columns: 280px minmax(0,1fr); gap: 22px; margin-top: 24px; align-items: start; }
.profile-community .profile-card { border-color: #304157; border-radius: 18px; padding: 24px; background: linear-gradient(145deg,#1a2533,#151f2d); box-shadow: var(--dv-shadow); }
.profile-community .profile-about { padding: 18px; align-self: start; }
.profile-community .profile-feed { gap: 22px; }
.profile-community .profile-bio { background: #111b28; border-color: #2f4055; border-radius: 12px; padding: 16px; font-size: 14px; line-height: 1.85; color: #c5d6e7; }
.profile-community .profile-bio-empty { font-size: 13px; color: #b1c2d5; }
.profile-community .profile-facts { font-size: 13px; margin-bottom: 22px; }
.profile-community .profile-facts > div { padding: 11px 8px; border-bottom: 1px solid #8ca6c110; background: none; }
.profile-community .profile-facts dt { font-weight: 650; color: #cddbeb; }
.profile-community .profile-facts dd { color: #aebfd4; font-size: 12px; }
.profile-community .profile-section-title { padding-bottom: 16px; margin-bottom: 18px; border-color: #35475c; flex-wrap: wrap; }
.profile-community .profile-section-title h2 { font-size: 16px; font-weight: 700; gap: 9px; letter-spacing: -.02em; }
.profile-community .profile-pill { min-width: 26px; padding: 5px 10px; font-size: 12px; font-weight: 650; border: 0; }
.profile-community .profile-empty { min-height: 155px; padding: 18px 12px; gap: 14px; color: #aebfd2; font-size: 14px; }
.profile-community .profile-empty.compact { min-height: 114px; font-size: 13px; }
.profile-community .profile-empty-symbol { width: 34px; height: 34px; padding: 12px; box-sizing: content-box; border: 1px solid #829cb91f; border-radius: 17px; background: #0e192933; }
.profile-community .profile-empty a { font-size: 13px; padding: 4px 8px; }
.profile-community .profile-review-link { padding: 15px 12px; gap: 12px; border-radius: 12px; background: #213044; border-color: #40536b; }
.profile-community .profile-review-link strong { font-size: 14px; }
.profile-community .profile-review-link small { color: #afc0d6; font-size: 12px; line-height: 1.6; }
.profile-community .profile-friends-panel { padding: 15px 12px; border-color: #33475e; border-radius: 13px; background: #101a252b; }
.profile-community .profile-mini-avatar { width: 42px; height: 42px; flex-basis: 42px; border-radius: 12px; }
.profile-community .profile-friend-row { padding-block: 9px; }
.profile-community .profile-friend-row strong { font-size: 13px; }
.profile-community .profile-friend-row small { font-size: 12px; color: #adbed4; }
.profile-community .profile-see-all { min-height: 38px; font-size: 13px; }
.profile-community .profile-small-edit { min-height: 36px; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 10px; font-size: 12px; border-color: #466079; color: #d3e4f5; }
.profile-community :is(button,.profile-action), .profile-community .profile-friend-controls summary { min-height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; padding: 10px 16px; }
.profile-community .profile-friend-controls { bottom: 32px; right: 32px; }
.profile-community .profile-friend-controls form { flex-wrap: wrap; }
.profile-community .profile-watch-activity > a { border-color: #3b4c61; border-radius: 12px; padding: 14px; background: #202e40; gap: 14px; }
.profile-community .profile-watch-activity img { width: 48px; height: 68px; flex-basis: 48px; border-radius: 7px; }
.profile-community .profile-watch-activity strong { font-size: 14px; }
.profile-community .profile-watch-activity small { font-size: 12px; color: #b0c3d9; line-height: 1.6; margin: 4px 0 10px; }
.profile-community .profile-watch-activity progress { height: 4px; }
.profile-community .profile-show-grid { gap: 16px; }
.profile-community .profile-show-grid article > a { border-radius: 13px; border-color: #455971; box-shadow: 0 7px 20px #0002; }
.profile-community .profile-show-grid strong { font-size: 13px; padding: 32px 12px 12px; }
.profile-community .profile-show-grid button { min-height: 36px; padding: 5px 0; background: none; color: #bdcee0; font-size: 12px; }
.profile-community .profile-list-editor { border-color: #3a506a; background: #121d2b; border-radius: 12px; padding: 14px; }
.profile-community .profile-list-editor summary { font-size: 13px; border-radius: 9px; }
.profile-community .profile-add-row input { min-height: 44px; font-size: 14px; }
.profile-community .profile-wall-form textarea { min-height: 110px; border-color: #425773; border-radius: 13px; padding: 15px; background: #111d2b; color: #eef5fc; font-size: 14px; line-height: 1.8; }
.profile-community .profile-wall-tools { margin-top: 12px; }
.profile-community .profile-wall-tools small { font-size: 12px; color: #a2b6ce; }
.profile-community .profile-wall-tools button { min-height: 42px; font-size: 13px; padding-inline: 18px; }
.profile-community .profile-wall-comment { border-radius: 13px; padding: 16px; gap: 14px; }
.profile-community .profile-wall-comment header a { font-size: 14px; }
.profile-community .profile-wall-comment header small { font-size: 12px; color: #adbed4; }
.profile-community .profile-wall-comment p { font-size: 14px; line-height: 1.8; }
.profile-community .profile-wall-comment button { background: none; font-size: 12px; color: #b9c9da; padding: 6px 0; min-height: 36px; justify-content: start; }
.profile-community .profile-login-note { font-size: 13px; padding: 15px; border-color: #3b506b; line-height: 1.8; }
.profile-review-page .profile-review-item h2 { font-size: 18px; }
.profile-review-page .profile-review-item p { font-size: 14px; color: #c0d0e4; }
.profile-review-page .profile-review-item small { font-size: 12px; color: #a8bed5; }
.profile-review-page .profile-review-item footer a { font-size: 13px; min-height: 36px; display: inline-flex; align-items: center; }
/* Settings: comfortable fields, usable color samples, no changes to locked VIP features. */
.profile-settings-page { padding: 0; margin-top: 14px; max-width: 960px; }
.settings-heading { margin-bottom: 28px; }
.settings-heading h1 { font-family: Outfit,Manrope,sans-serif; font-size: 32px; font-weight: 650; letter-spacing: -.03em; }
.settings-eyebrow { color: #9ab2cb; font-size: 11px; letter-spacing: .12em; }
.settings-back { border: 1px solid #3b516a; border-radius: 11px; padding: 11px 15px; font-size: 13px; color: #c7ddef; min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
.profile-settings-page .settings-card { border-color: #33485f; background: linear-gradient(145deg,#1c2839,#162131); border-radius: 20px; padding: 28px; margin-bottom: 24px; box-shadow: var(--dv-shadow); }
.profile-settings-page .settings-card h2 { font-size: 19px; font-weight: 700; padding-bottom: 18px; margin-bottom: 22px; border-color: #3a4c63; }
.profile-settings-page .settings-card label { font-size: 14px; color: #d6e4f5; line-height: 1.6; }
.profile-settings-page .settings-card input:not([type=checkbox]):not([type=radio]):not([type=file]),
.profile-settings-page .settings-card select,
.profile-settings-page .settings-card textarea { border-color: #425874; background: #101c2c; border-radius: 12px; font-size: 15px; min-height: 48px; padding: 13px 15px; }
.profile-settings-page .settings-card input::placeholder, .profile-settings-page .settings-card textarea::placeholder { color: #92a9c3; opacity: 1; }
.profile-settings-page .settings-help { color: #adbed4; font-size: 13px; line-height: 1.8; }
.profile-settings-page .settings-media-preview { height: 235px; border-radius: 17px; border-color: #50647b; }
.profile-settings-page .settings-media-button { min-height: 44px; border-radius: 12px; font-size: 13px; background: #101c2de3; border-color: #9eb4c15e; }
.profile-settings-page .settings-media-notes { padding: 10px 14px; border: 1px solid #344b6155; border-radius: 12px; background: #11203352; margin-top: 14px; }
.profile-settings-page .settings-media-notes p { font-size: 12px; color: #b7c9df; line-height: 1.8; }
.profile-settings-page .settings-media-reset summary { background: #1c2d42; border-color: #425b77; font-size: 13px; min-height: 44px; }
.profile-settings-page .settings-media-reset[open] { background: #111d2c; border-color: #3b516d; }
.profile-settings-page .settings-reset-option { background: #1c2e44; border-color: #3b5470; }
.profile-settings-page .settings-grid { gap: 22px 24px; }
.profile-settings-page .settings-colors { display: grid; grid-template-columns: repeat(auto-fit,minmax(78px,1fr)); gap: 10px; }
.profile-settings-page .settings-color span { min-height: 42px; display: flex; align-items: center; justify-content: center; padding: 9px 10px; border-radius: 10px; font-size: 12px; font-weight: 750; }
.profile-settings-page .settings-color:has(input:focus-visible) span { outline: 2px solid #eaf6ff; outline-offset: 3px; }
.profile-settings-page .settings-save { min-height: 50px; border-radius: 13px; font-size: 15px; color: var(--profile-button-ink,#102025); box-shadow: 0 8px 22px #0002; }
.profile-settings-page .settings-locked li { border-bottom: 1px solid #33485c77; padding-block: 13px; gap: 14px; line-height: 1.7; }
.profile-settings-page .settings-locked li:last-child { border-bottom: 0; }
.profile-settings-page .settings-locked li span { flex-shrink: 0; }
.profile-settings-page .settings-locked-footer { border-color: #3a4c63; }
.profile-settings-page .settings-session button { min-height: 44px; border-radius: 11px; }
.profile-crop-dialog { border-radius: 20px; border-color: #56718d; background: #162536; }
.profile-crop-header button { width: 44px; height: 44px; }
/* Footer retains every existing destination. */
.site-footer.editorial-footer, body:has(.watch-page) .site-footer.editorial-footer {
  background: linear-gradient(145deg,#152131,#0e1826);
  border-top-color: #364c61;
  padding-block: 42px 28px;
}
.editorial-footer h2 { color: #c6d8eb; letter-spacing: .11em; }
.editorial-footer nav a { color: #acbfd5; font-size: 13px; min-height: 34px; }
.editorial-footer .footer-bottom { border-color: #304359; color: #9eafc4; font-size: 12px; line-height: 1.8; }
@media (hover:hover) {
  .sidebar nav a:hover { background: #1c3042; color: #f0f8ff; border-color: #415a713f; }
  .home-page .catalog-section .recent-episode:hover, .home-page .essential-card:hover { background: #24374a; border-color: #607c90; transform: translateY(-2px); }
  .profile-community .profile-friend-row:hover { color: #e8fff9; }
  .profile-community .profile-show-grid article > a:hover { border-color: var(--profile-accent); }
  .settings-back:hover { background: #223950; }
}
@media (min-width:761px) and (max-width:1100px) {
  .rating-form { flex-wrap: wrap; }
  .rating-form fieldset { flex: 1 1 100%; min-width: 0; }
  .rating-options { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
  .rating-options label { min-width: 0; }
  .site-header { gap: 18px; }
  .site-header .search { flex: 1; max-width: none; width: auto; }
  .profile-community .profile-columns { grid-template-columns: 235px minmax(0,1fr); gap: 18px; }
  .profile-community .profile-card { padding: 20px; }
  .profile-community .profile-about { padding: 15px; }
  .profile-community .profile-facts { font-size: 12px; }
  .profile-community .profile-facts > div { padding-inline: 4px; }
  .profile-community .profile-cover-identity { padding-left: 26px; gap: 20px; }
  .profile-community .profile-cover:has(.profile-friend-controls) .profile-cover-identity { padding-right: 180px; }
  .profile-community .profile-friend-controls { right: 26px; }
}
@media (max-width:900px) {
  .profile-community .profile-columns { grid-template-columns: 1fr; }
  .profile-community .profile-friend-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .profile-community .profile-facts { font-size: 13px; }
  .profile-community .profile-about { padding: 20px; }
  .profile-community .profile-cover:has(.profile-friend-controls) .profile-cover-identity { padding-right: 24px; }
  .profile-community .profile-friend-controls { position: relative; right: auto; bottom: auto; margin: -8px 0 0; padding: 0 26px 24px; }
  .profile-community .profile-cover-identity { padding-bottom: 24px; }
}
@media (max-width:760px) {
  .site-header, .home-page .site-header { column-gap: 8px; row-gap: 10px; padding-inline: 16px; grid-template-columns: 36px minmax(0,1fr) auto; padding-bottom: 16px; }
  .site-header .menu-toggle { width: 36px; height: 44px; align-items: center; justify-content: center; border-radius: 10px; background: #1c2b3b; border: 1px solid #31445a; }
  .site-header > .brand, .home-page .site-header > .brand { padding: 0; width: auto; min-width: 0; font-size: 25px; height: 70px; gap: 6px; border-right: 0; }
  .site-header .brand-mark { width: 27px; height: 27px; flex-shrink: 0; }
  .site-header .account { gap: 7px; min-width: 0; }
  .site-header .account > a:not(.member-profile-link) { min-height: 40px; padding: 9px 10px; font-size: 11px; }
  .site-header .member-summary { display: none; }
  .site-header .member-avatar { width: 36px; height: 36px; min-width: 36px; font-size: 12px; }
  .site-header .member-notifications > summary { width: 40px; height: 40px; }
  .site-header .search, .home-page .search { width: 100%; max-width: none; height: 46px; border-radius: 13px; margin-top: 0; }
  .site-header .search input, .home-page .search input { font-size: 16px; }
  .site-header .search button { min-height: 44px; padding-inline: 16px; font-size: 12px; }
  .sidebar { background: #121f2d; width: 245px; }
  .sidebar nav a, .home-page .sidebar nav a { min-height: 46px; padding: 11px 16px; font-size: 14px; }
  .sidebar h5, .home-page .sidebar h5 { margin-left: 28px; }
  .main-content, .home-page .main-content { margin-left: 0; padding: 24px 16px 36px; }
  body:has(.watch-page) .main-content { padding-inline: 16px; }
  .home-page .main-content section { margin-bottom: 30px; }
  .home-page .main-content h2 { font-size: 20px; line-height: 1.45; }
  .home-page .tv-mosaic { gap: 7px; border-radius: 16px; }
  .tv-mosaic-tile { border-radius: 11px; }
  .home-page .tv-mosaic-caption { padding: 15px; }
  .home-page .tv-mosaic-caption h3 { font-size: 14px; }
  .home-page .tv-mosaic-tile:first-child .tv-mosaic-caption h3 { font-size: 23px; }
  .home-page .tv-mosaic-caption p { font-size: 12px; }
  .home-page .trailer-circles { margin-right: 0; padding-right: 2px; }
  .home-page .catalog-discovery-heading h2 { font-size: 24px; }
  .home-page .catalog-discovery-heading p { font-size: 13px; }
  .home-page .catalog-shortcuts { gap: 9px; }
  .home-page .catalog-shortcuts a { border-radius: 13px; min-height: 124px; }
  .home-page .catalog-nav-copy strong { font-size: 12px; }
  .home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) { padding: 18px 14px; border-radius: 16px; margin-bottom: 22px; }
  .home-page .catalog-section .catalog-heading { align-items: center; gap: 10px; }
  .home-page .catalog-section .catalog-heading h2 { font-size: 16px; gap: 8px; }
  .home-page .catalog-section .catalog-heading > a { min-height: 40px; display: inline-flex; align-items: center; font-size: 11px; padding: 8px 10px; }
  .home-page .catalog-section .catalog-intro { font-size: 12px; line-height: 1.7; padding-left: 0; margin-top: 10px; }
  .home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) .recent-episodes { grid-template-columns: 1fr; gap: 12px; }
  .home-page section.catalog-section:is(#son-bolumler,#turkish-bolumler,#anime-bolumler) .recent-episode { min-height: 100px; height: auto; padding: 14px 12px; gap: 12px; }
  .home-page .catalog-section .recent-copy h3 { font-size: 14px; line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 5px; }
  .home-page .catalog-section .recent-copy p { font-size: 12px; padding-right: 0; white-space: normal; }
  .home-page .catalog-section .recent-episode > img { width: 46px; height: 66px; flex-basis: 46px; }
  .home-page .catalog-section .recent-date { font-size: 10px; }
  .home-page .catalog-section .language-badges { bottom: 8px; right: 10px; }
  .home-page .catalog-section .language-badge { font-size: 10px; line-height: 15px; }
  .poster-grid, .home-page .home-curated .poster-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 12px; }
  .poster-card h3, .home-page .poster-card h3 { font-size: 13px; line-height: 1.6; }
  .poster-card p { font-size: 11px; }
  .main-content .archive-tools .filters input:not([type=hidden]), .main-content .archive-tools .filters select { font-size: 16px; min-height: 48px; height: 48px; }
  .archive-tools { padding: 18px; }
  .archive-tools-heading h2 { font-size: 17px; }
  .archive-tools-heading p { font-size: 13px; }
  .main-content .archive-tools .alphabet { grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; }
  .main-content .archive-tools .alphabet a, .main-content .archive-tools .alphabet a:first-child { height: 40px; min-height: 40px; font-size: 12px; }
  .main-content .archive-tools .archive-filter-button { min-height: 48px; height: 48px; }
  .detail-title, .watch-title { font-size: 32px; line-height: 1.2; }
  .watch-title > span { font-size: 26px; margin-top: 5px; line-height: 1.3; }
  .detail-tabs :is(a,button) { font-size: 12px; }
  .series-detail .detail-poster { float: none; display: block; width: min(180px,55vw); max-height: none; margin: 0 auto 22px; border-radius: 12px; }
  .synopsis { font-size: 14px; line-height: 1.8; }
  .series-rating-card { padding: 18px; }
  .rating-options span { min-height: 44px; }
  .main-content .member-library-controls { gap: 8px; }
  .main-content .member-library-controls form { flex: 1 1 auto; }
  .main-content .member-library-controls button { width: 100%; min-height: 46px; padding-inline: 12px; font-size: 12px; }
  .watch-toolbar { gap: 12px; }
  .watch-toolbar :is(a,button) { font-size: 11px; min-height: 44px; }
  .episode-pagination { gap: 10px; }
  .source-tabs { gap: 8px; }
  .source-choice { min-height: 44px; font-size: 13px; padding-inline: 14px; }
  .comment-form { padding: 18px; }
  .comment-form textarea, .auth-card input { font-size: 16px; }
  .auth-card { padding: 26px 22px; }
  .party-hero { border-radius: 18px; }
  .party-panel { border-radius: 16px; }
  .party-panel input:not([type=hidden]), .party-panel select { font-size: 16px; }
  .profile-community { margin: 0 auto 24px; padding: 0; }
  .profile-community .profile-cover { min-height: 240px; border-radius: 18px; }
  .profile-community .profile-cover-identity { padding: 86px 20px 24px; gap: 18px; }
  .profile-community .profile-cover:has(.profile-friend-controls) .profile-cover-identity { padding-right: 20px; }
  .profile-community .profile-cover h1 { font-size: 28px; line-height: 1.25; margin-bottom: 5px; }
  .profile-community .profile-cover p { font-size: 13px; margin-bottom: 12px; }
  .profile-community .profile-big-avatar { width: 80px; height: 80px; flex-basis: 80px; font-size: 28px; }
  .profile-community .profile-cover-identity .profile-ranks { flex-wrap: wrap; max-width: 100%; }
  .profile-community .profile-friend-controls { padding: 0 20px 24px; margin-top: -6px; }
  .profile-community .profile-friend-controls form { gap: 9px; }
  .profile-community .profile-settings-link { right: 16px; top: 16px; }
  .profile-community .profile-columns { grid-template-columns: 1fr; margin-top: 20px; gap: 18px; }
  .profile-community .profile-card { padding: 20px; border-radius: 16px; }
  .profile-community .profile-feed { gap: 18px; }
  .profile-community .profile-section-title h2 { font-size: 16px; }
  .profile-community .profile-section-title { gap: 10px; padding-bottom: 14px; margin-bottom: 16px; }
  .profile-community .profile-empty { min-height: 130px; font-size: 13px; }
  .profile-community .profile-show-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .profile-community .profile-show-grid strong { font-size: 12px; padding: 25px 10px 10px; }
  .profile-community .profile-add-row { flex-wrap: wrap; }
  .profile-community .profile-add-row input { font-size: 16px; flex-basis: 160px; }
  .profile-community .profile-wall-form textarea { font-size: 16px; }
  .profile-community .profile-watch-activity small { font-size: 12px; }
  .profile-community .profile-wall-comment { gap: 12px; padding: 14px; }
  .profile-community .profile-review-total { position: relative; bottom: auto; right: auto; margin: 0 20px 22px; }
  .profile-settings-page { margin: 0 auto 32px; padding: 0; }
  .settings-heading { gap: 14px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 22px; }
  .settings-heading h1 { font-size: 28px; }
  .settings-back { min-height: 42px; font-size: 12px; padding: 9px 12px; }
  .profile-settings-page .settings-card { padding: 20px; border-radius: 17px; margin-bottom: 20px; }
  .profile-settings-page .settings-card h2 { font-size: 18px; line-height: 1.5; }
  .profile-settings-page .settings-grid { grid-template-columns: 1fr; gap: 18px; }
  .profile-settings-page .settings-card input:not([type=checkbox]):not([type=radio]):not([type=file]),
  .profile-settings-page .settings-card select, .profile-settings-page .settings-card textarea { font-size: 16px; }
  .profile-settings-page .settings-media-preview { height: 235px; }
  .profile-settings-page .settings-media-preview .profile-big-avatar { left: 22px; top: 54px; width: 92px; height: 92px; min-width: 92px; }
  .profile-settings-page .settings-media-button { min-height: 44px; font-size: 12px; padding-inline: 12px; }
  .profile-settings-page .settings-media-notes { padding: 10px 12px; }
  .profile-settings-page .settings-media-notes p { font-size: 12px; }
  .profile-settings-page .settings-save { min-height: 50px; font-size: 14px; }
  .profile-settings-page .settings-locked-footer { flex-wrap: wrap; gap: 15px; }
  .profile-settings-page .settings-locked-footer p { flex-basis: 100%; }
  .editorial-footer nav a { min-height: 42px; font-size: 13px; }
}
@media (max-width:420px) {
  .site-header, .home-page .site-header { padding-inline: 12px; column-gap: 6px; grid-template-columns: 32px minmax(0,1fr) auto; }
  .site-header > .brand, .home-page .site-header > .brand { font-size: 23px; gap: 5px; }
  .site-header .brand-mark { width: 24px; height: 24px; }
  .site-header .menu-toggle { width: 32px; }
  .site-header .account { gap: 4px; }
  .site-header .account > a:not(.member-profile-link) { font-size: 10px; padding-inline: 7px; }
  .main-content, .home-page .main-content, body:has(.watch-page) .main-content { padding-inline: 12px; }
  .home-page .tv-mosaic-caption { padding: 13px; }
  .home-page .catalog-section .catalog-heading h2 { font-size: 15px; }
  .home-page .catalog-section .catalog-heading > a { padding-inline: 8px; }
  .home-page .catalog-nav-copy strong { font-size: 11px; }
  .poster-grid, .home-page .home-curated .poster-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .profile-community .profile-cover-identity { padding-inline: 16px; gap: 14px; }
  .profile-community .profile-cover:has(.profile-friend-controls) .profile-cover-identity { padding-right: 16px; }
  .profile-community .profile-big-avatar { width: 68px; height: 68px; flex-basis: 68px; font-size: 25px; }
  .profile-community .profile-cover h1 { font-size: 25px; }
  .profile-community .profile-card { padding: 17px; }
  .profile-community .profile-show-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .profile-community .profile-friend-list { grid-template-columns: 1fr; }
  .profile-community .profile-pill { font-size: 11px; padding: 5px 8px; }
  .profile-community .profile-watch-activity > a { padding: 12px; gap: 11px; }
  .profile-settings-page .settings-card { padding: 17px; }
  .profile-settings-page .settings-media-preview { height: 235px; }
  .profile-settings-page .settings-colors { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .profile-settings-page .settings-color span { padding-inline: 5px; font-size: 11px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-shell :is(a,button,input,select,textarea), .site-shell .poster, .site-shell .tv-mosaic-cover { transition: none; }
  .home-page .catalog-section .recent-episode:hover, .home-page .essential-card:hover { transform: none; }
}
/* Render long home feeds only as they approach the viewport. */
.home-page :where(.catalog-section,.home-curated,.alphabet-callout,.featured-editorial){content-visibility:auto;contain-intrinsic-size:auto 720px}

/* Device-independent vector icons: never fall back to platform emoji artwork. */
.icon{display:inline-block;box-sizing:border-box;width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.18em}
.sidebar nav>a>.icon{width:20px;height:20px;vertical-align:middle}
.search-all>.icon,.profile-follow-links .icon,.profile-pagination .icon,.settings-back .icon{width:14px;height:14px}
.profile-section-icon>.icon{display:block;width:16px;height:16px;max-width:16px;max-height:16px}.profile-empty-symbol>.icon{display:block;width:30px;height:30px;max-width:30px;max-height:30px}
.profile-review-star>.icon{width:20px;height:20px;fill:#e8cb4e22}
.profile-poster-mark>.icon{width:12px;height:12px}
.profile-poster-empty>.icon{width:24px;height:24px}
.profile-community button>.icon,.profile-community summary>.icon,.member-library-controls .icon{width:15px;height:15px;vertical-align:-.2em}
.settings-vip-glyph>.icon{width:20px;height:20px}
.settings-name-style-card>i,.settings-comment-theme-card>i{font-size:0}
.settings-name-style-card>i:before,.settings-comment-theme-card>i:before{content:"";display:block;width:7px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.premium-eyebrow>.icon,.premium-drop-tag>.icon,.premium-more-note>.icon{width:13px;height:13px;vertical-align:-.25em}
.premium-demo-disc>.icon,.premium-demo-player>b>.icon,.premium-demo-orbit>.icon,.premium-perk-mark>.icon{display:block;width:22px;height:22px;margin:auto}
.premium-compare-row .is-yes>.icon{width:14px;height:14px;stroke-width:2.4}

/* Source: mobile-header-density.css */
/* Compact the two-row mobile header without touching the iOS safe area. */
@media (max-width:760px){
  .site-header,.home-page .site-header{row-gap:8px!important}
  .site-header>.brand,.home-page .site-header>.brand{height:54px!important}
}

/* Source: comment-interactions.css */
/* Shared like and reply system for series, episode and profile comments. */
.comment-interaction-bar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff0c}
.comment-interaction-bar form{margin:0}.comment-interaction-bar button,.comment-interaction-bar a,.comment-reply-compose>summary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:0;padding:7px 11px;border:1px solid #354154;border-radius:10px;background:#111722b8;color:#9eb0c5;font:750 11px/1 Manrope,Outfit,sans-serif;text-decoration:none;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s}.comment-interaction-bar button:hover,.comment-interaction-bar a:hover,.comment-reply-compose>summary:hover{transform:translateY(-1px);border-color:#6f8ba8;color:#e5edf6}.comment-interaction-bar small{min-width:17px;padding:2px 5px;border-radius:999px;background:#ffffff0a;color:#8799ad;font-size:9px;text-align:center}.comment-like>span{color:#71849a;font-size:14px}.comment-like.is-liked{border-color:#e66c9461!important;background:#d84e7d14!important;color:#ffb6cf!important}.comment-like.is-liked>span{color:#ff5f94;filter:drop-shadow(0 0 7px #ff4f8b88)}
.comment-reply-compose{position:relative}.comment-reply-compose>summary{list-style:none}.comment-reply-compose>summary::-webkit-details-marker{display:none}.comment-reply-compose[open]>summary{border-color:#72cabc66;color:#b9eee6}.comment-reply-compose>form{display:grid;gap:9px;width:min(540px,calc(100vw - 64px));margin-top:9px;padding:11px;border:1px solid #35475d;border-radius:12px;background:#101722}.comment-reply-compose textarea{box-sizing:border-box;width:100%;min-height:74px;resize:vertical;border:1px solid #3b4a60;border-radius:9px;background:#151e2b;color:#e8eef7;padding:10px 12px;font:500 13px/1.6 Manrope,Outfit,sans-serif}.comment-reply-compose form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-reply-compose form>div>small{background:none;padding:0}.comment-reply-compose form button{border-color:#78cbbc66;background:linear-gradient(135deg,#7a55bd,#5dbdaf);color:#fff;font-weight:850}
.comment-replies{position:relative;z-index:1;display:grid;gap:8px;margin:13px 0 0 18px;padding-left:14px;border-left:1px solid #3b4b61}.comment-reply{--vc-accent:#8797aa;--vc-accent-2:#d5dde7;--vc-border:#354357;--vc-bg:linear-gradient(135deg,#151b24,#111720);position:relative;display:flex;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--vc-border);border-radius:12px;background:var(--vc-bg);overflow:hidden}.comment-reply:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:var(--vc-accent);opacity:.7}.comment-reply:after{display:none}.comment-reply-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border:1px solid color-mix(in srgb,var(--vc-accent) 60%,#fff);border-radius:50%;background:#1a2532;color:#dce7f1;font-size:9px;font-weight:850}.comment-reply-avatar img{width:100%;height:100%;object-fit:cover}.comment-reply>div{min-width:0;flex:1}.comment-reply header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-reply header>a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.comment-reply header small{color:#8192a6;font-size:9px}.comment-reply p{margin:6px 0 0!important;color:#d6dfeb!important;font-size:12px!important;line-height:1.65!important;white-space:pre-wrap;overflow-wrap:anywhere}.comment-reply .vip-comment-name{font-size:12px!important}.comment-reply .vip-comment-badge{min-height:15px;padding:2px 5px;font-size:7px}
.vip-comment .spoiler-comment{position:relative;z-index:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--vc-accent) 32%,#354154)!important;border-radius:12px!important;background:color-mix(in srgb,var(--vc-accent) 5%,#111722)!important}.vip-comment .spoiler-comment summary{color:color-mix(in srgb,var(--vc-accent-2) 78%,#fff)!important}.vip-comment .spoiler-comment summary:before{color:var(--vc-accent)!important}.vip-comment .spoiler-content{border-top:1px solid color-mix(in srgb,var(--vc-accent) 20%,transparent)!important;background:color-mix(in srgb,var(--vc-accent) 4%,transparent)!important;color:#e4eaf3!important}.vip-comment .comment-interaction-bar{border-top-color:color-mix(in srgb,var(--vc-accent) 18%,transparent)}.vip-comment .comment-interaction-bar button,.vip-comment .comment-interaction-bar a,.vip-comment .comment-reply-compose>summary{border-color:color-mix(in srgb,var(--vc-accent) 28%,#354154);background:color-mix(in srgb,var(--vc-accent) 5%,#111722)}
.profile-wall-comment .comment-interaction-bar{margin-top:10px}.profile-wall-comment .comment-replies{margin-left:6px}.profile-review-item .comment-interaction-bar{margin:12px 0}.profile-review-item .comment-replies{margin-left:0}
@media(max-width:620px){.comment-replies{margin-left:6px;padding-left:9px}.comment-reply-compose{width:100%}.comment-reply-compose>form{width:min(100%,calc(100vw - 54px))}.comment-interaction-bar button,.comment-interaction-bar a,.comment-reply-compose>summary{min-height:38px}}
.profile-community .profile-wall-comment .comment-interaction-bar button{justify-content:center!important;min-height:34px!important;margin:0!important;padding:7px 11px!important;border:1px solid #354154!important;border-radius:10px!important;background:#111722b8!important;color:#9eb0c5!important}.profile-community .profile-wall-comment .comment-interaction-bar .comment-like.is-liked{border-color:#e66c9461!important;background:#d84e7d14!important;color:#ffb6cf!important}
.comment-interaction-bar .icon{width:15px;height:15px;flex:0 0 15px;stroke-width:1.8}.comment-like>.icon{color:#71849a;fill:transparent}.comment-like.is-liked>.icon{color:#ff5f94;fill:#ff5f9430;filter:drop-shadow(0 0 7px #ff4f8b88)}

/* Source: premium-reward.css */
/* DiziVibe Premium — Kara Elmas identity, daily reward and responsive premium page. */
.settings-locked-footer .premium-countdown-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:10px 15px;border:1px solid #977bbc50;border-radius:10px;background:#bba0d410;color:#d9c5f0;font-size:12px;font-weight:650;text-decoration:none}.premium-countdown-link:focus-visible{outline:2px solid #c6a5f3;outline-offset:3px}
.site-header .premium-gift-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 119px;width:119px;height:40px;border:1px solid #8c79b75c;border-radius:12px;background:linear-gradient(130deg,#302741,#161b29 64%,#21393d);color:#e8dbff;text-decoration:none;box-shadow:inset 0 1px 0 #e6d2ff13,0 0 18px #ad83ef08;overflow:hidden}.premium-gift-link::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#c7a5fc13 47%,transparent 64%);transform:translateX(-110%);animation:dv-gift-shimmer 6s ease-in-out infinite;pointer-events:none}.premium-gift-link svg{width:18px;height:18px;color:#e6c473;flex-shrink:0}.premium-gift-link [data-premium-clock]{font-family:Outfit,ui-monospace,monospace;font-size:13px;font-weight:650;letter-spacing:.7px;font-variant-numeric:tabular-nums}.premium-gift-dot{position:absolute;right:4px;top:4px;width:3px;height:3px;border-radius:50%;background:#9bdecf;box-shadow:0 0 5px #9bdecf}.premium-gift-link:hover{border-color:#bfa3ec;background-color:#292b3d}.premium-gift-link.is-ready{border-color:#e6c47388;box-shadow:0 0 16px #e6c47316}.premium-gift-link.is-ready .premium-gift-dot{background:#f7d890;box-shadow:0 0 7px #f7d890}.site-header>.search{flex-shrink:1;min-width:160px}.site-header>.premium-gift-link{margin-left:-10px;margin-right:8px}
.premium-home-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;padding:22px 26px;margin:0 0 28px;border:1px solid #8f75b636;border-radius:18px;background:radial-gradient(ellipse at 0 0,#9367c624,transparent 70%),linear-gradient(110deg,#202036,#17242e);overflow:hidden}.premium-home-banner::after{content:"";z-index:-1;position:absolute;right:22%;top:-50px;width:180px;height:180px;border:1px solid #b7a0d80d;border-radius:50%;box-shadow:0 0 0 18px #b7a0d803,0 0 0 36px #b7a0d803}.premium-home-copy{flex:1;min-width:0}.premium-home-copy h2{font:650 23px/1.25 Outfit,Manrope,sans-serif;margin:7px 0}.premium-home-copy h2 span{color:#d5bdee}.premium-home-copy p{font-size:11px;color:#98afc4;margin:0;line-height:1.7}.premium-home-timer{text-align:center;flex-shrink:0}.premium-home-timer>[data-premium-clock]{display:block;font:600 27px/1.3 Outfit,ui-monospace,monospace;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#eee3ff}.premium-home-timer small{display:block;color:#8fa5be;font-size:8px;letter-spacing:1.8px;margin-top:5px}
.premium-page-wrap{--premium-gold:#e7c47c;--premium-lilac:#c9a6f3;--premium-mint:#82d8c6;max-width:1180px;margin:0 auto;padding:4px 0 64px}.premium-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--premium-gold);font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.7}.premium-eyebrow::before{display:none}
.premium-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;border:1px solid #e2c99570;border-radius:12px;background:linear-gradient(115deg,#f0d798,#dfb975);color:#241c11;font:800 12px/1.5 Manrope,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 8px 26px #eac17612;transition:transform .2s ease,filter .2s ease,border-color .2s ease}.premium-action:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.premium-action:disabled{cursor:default;opacity:.55;background:#283043;border-color:#57607b;color:#adb6c9;box-shadow:none;transform:none}.premium-action-quiet{background:#b397df0b;color:#e5d5f7;border-color:#a58bc64d;box-shadow:none}.premium-action:focus-visible,.premium-gift-link:focus-visible,.premium-faq summary:focus-visible{outline:2px solid #c6a5f3;outline-offset:4px}
.premium-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);align-items:center;gap:70px;min-height:540px;padding:42px 24px 58px;background:radial-gradient(circle at 79% 21%,#9872c51d,transparent 30%),radial-gradient(circle at 8% 80%,#52bdae0c,transparent 25%)}.premium-hero::after{content:"";position:absolute;inset:auto 4% 0;height:1px;background:linear-gradient(90deg,transparent,#8f77ae30,transparent)}.premium-hero-copy{position:relative;z-index:1}.premium-hero-copy h1{max-width:620px;font:700 clamp(42px,5vw,67px)/1.04 Outfit,Manrope,sans-serif;letter-spacing:-2.6px;margin:20px 0 24px}.premium-hero-copy h1>span{color:#eac883;background:linear-gradient(100deg,#f2d5a0,#d1afef 56%,#8fcec6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-hero-copy>p{max-width:525px;color:#a9b6c9;font-size:15px;line-height:1.9;margin:0}.premium-hero-actions{display:flex;align-items:center;gap:12px;margin:30px 0 22px;flex-wrap:wrap}.premium-hero-copy>small{display:flex;align-items:center;gap:8px;color:#788da4;font-size:10px;line-height:1.7}.premium-hero-copy>small span{color:#9edbce}
.premium-profile-stage{width:100%;max-width:430px;justify-self:center}.premium-profile-demo{position:relative;width:100%;text-align:center;border:1px solid #9b7fc95c;border-radius:22px;background:linear-gradient(155deg,#202139,#111a27 72%);overflow:hidden;box-shadow:0 28px 80px #00000038,0 0 55px #9272c615}.premium-profile-demo::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #f2dcff16}.premium-demo-cover{height:164px;position:relative;overflow:hidden;background:radial-gradient(circle at 23% 18%,#ad82e287,transparent 39%),radial-gradient(circle at 78% 72%,#4eb3a16b,transparent 40%),linear-gradient(135deg,#262c49,#503d65 54%,#24464a)}.premium-demo-cover::before,.premium-demo-cover::after{content:"";position:absolute;border:1px solid #d3b9f326;border-radius:50%;animation:dv-orbit 12s linear infinite}.premium-demo-cover::before{left:11%;top:-80px;width:230px;height:230px;box-shadow:0 0 0 22px #d4b1ff08,0 0 0 44px #78cfbd08}.premium-demo-cover::after{right:-58px;bottom:-68px;width:180px;height:180px;animation-direction:reverse;animation-duration:16s}.premium-demo-cover>span{position:absolute;z-index:2;right:14px;top:14px;font-size:8px;font-weight:700;color:#eaddf8;background:#1117259c;border:1px solid #d0b1ff2d;border-radius:20px;padding:6px 9px;letter-spacing:.75px;backdrop-filter:blur(8px)}.premium-demo-cover span b{color:#9ee0d1}.premium-demo-cover i{position:absolute;left:35%;top:42px;width:105px;height:105px;border:1px solid #e7ccff38;border-radius:50%;box-shadow:0 0 0 16px #d4b1ff09,0 0 45px #b88bea20;transform:rotate(-15deg)}.premium-demo-avatar{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:-45px auto 13px;border:3px solid #192134;border-radius:50%;background:linear-gradient(135deg,#a07aba,#396475);box-shadow:0 0 0 1px #e0c2ff9c,0 0 34px #b384ef35;color:#f7ebff;font:700 26px Outfit,sans-serif}.premium-demo-avatar em{position:absolute;right:-9px;bottom:5px;padding:3px 5px;border:1px solid #d7bcff54;border-radius:7px;background:#121a2a;color:#d5c0ef;font:800 7px Manrope,sans-serif;letter-spacing:.5px}.premium-profile-demo h2{font-size:20px;letter-spacing:-.45px;margin:0 0 5px}.premium-profile-demo>p{font-size:10px;color:#8298b1;margin:0 0 12px}.premium-profile-demo .profile-ranks{display:flex;justify-content:center;margin:0 0 21px;gap:8px}.premium-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:280px;margin:0 auto 18px}.premium-demo-stats span{position:relative;padding:0 8px}.premium-demo-stats span+span::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:#7988a121}.premium-demo-stats strong,.premium-demo-stats small{display:block}.premium-demo-stats strong{font-size:11px;color:#e8dcef}.premium-demo-stats small{font-size:8px;color:#70869d;margin-top:4px}.premium-demo-note{display:flex;gap:12px;align-items:center;text-align:left;margin:0 18px 19px;padding:13px 14px;border:1px solid #87779934;border-radius:12px;background:linear-gradient(100deg,#b99ddd0a,#63b9ac08)}.premium-demo-orbit{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b6a2d55c;border-radius:50%;font-size:24px;color:#dbc5f4}.premium-demo-note strong,.premium-demo-note small{display:block}.premium-demo-note strong{font-size:11px;color:#e6d7f7}.premium-demo-note small{font-size:8px;color:#93a4bb;margin-top:5px}.premium-demo-live{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#91dac7;box-shadow:0 0 9px #91dac7a0}.premium-theme-preview{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px;color:#748ba1;font-size:9px}.premium-theme-preview i{width:18px;height:18px;border-radius:50%;background:#aa76c7;box-shadow:inset 0 0 0 1px #ffffff1a}.premium-theme-preview i:nth-of-type(2){background:#d38b76}.premium-theme-preview i:nth-of-type(3){background:#6799d1}.premium-theme-preview i:nth-of-type(4){background:#55af94}.premium-theme-preview i:nth-of-type(5){background:#a4aab5}.premium-theme-preview i.is-selected{background:linear-gradient(135deg,#f0d493,#9a78cb);box-shadow:0 0 0 2px #111927,0 0 0 3px #d9c2ec,0 0 14px #d9c2ec55}
.premium-reward-panel{scroll-margin-top:115px;position:relative;isolation:isolate;max-width:790px;margin:58px auto 86px;padding:39px 34px 31px;text-align:center;border:1px solid #aa8dce3d;border-radius:23px;background:radial-gradient(ellipse at 50% 0,#8465aa29,transparent 67%),linear-gradient(135deg,#202335,#151f2d);box-shadow:inset 0 1px 0 #d9c5f50b,0 22px 65px #00000019;overflow:hidden}.premium-reward-panel::before{content:"";position:absolute;z-index:-1;left:50%;top:-250px;width:460px;height:460px;transform:translateX(-50%);border:1px solid #ceb3f014;border-radius:50%;box-shadow:0 0 0 35px #cfb6ed05,0 0 0 70px #65baa905}.premium-drop-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #9b87b63b;border-radius:20px;background:#b99ddd08;color:#d9c9ea;font-size:8px;font-weight:800;letter-spacing:1px}.premium-drop-tag span{color:#eac981}.premium-reward-panel h2{font:650 30px/1.3 Outfit,sans-serif;letter-spacing:-.65px;margin:18px 0 10px}.premium-reward-panel>p{font-size:12px;color:#97adc4;line-height:1.8;margin:0 0 20px}.premium-reward-panel>p strong{color:#ead8b8}.premium-big-clock{font:650 clamp(43px,6vw,62px)/1.15 Outfit,ui-monospace,monospace;color:#f2ebfa;letter-spacing:4px;font-variant-numeric:tabular-nums;margin-top:23px;text-shadow:0 0 34px #b899eb20}.premium-clock-label{display:block;margin:10px 0 24px;color:#899db5;font-size:8px;letter-spacing:2.2px}.premium-reward-panel form{margin:0}.premium-claim-button{min-width:245px}.premium-reward-panel .premium-eligibility-note{margin:14px 0 0;font-size:11px}.premium-eligibility-note a{color:#dac7f2}.premium-reward-panel .premium-claim-status{margin:18px 0 0;padding:12px;border:1px solid #8bc9b637;border-radius:10px;color:#b2e7d2;background:#7ecdba09;font-size:12px}.premium-reward-panel .premium-claim-status.is-error{border-color:#cd949433;color:#e4b5be;background:#cd949409}.premium-claim-status[hidden]{display:none}.premium-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;border:1px solid #7b879822;border-radius:13px;background:#7b879822;overflow:hidden}.premium-rule-grid span{display:flex;flex-direction:column;gap:4px;padding:13px 10px;background:#182130;color:#71879e;font-size:8px;line-height:1.5}.premium-rule-grid b{color:#c9d3df;font-size:10px}
.premium-section-heading{text-align:center;max-width:610px;margin:0 auto 31px}.premium-section-heading h2{font:650 32px/1.25 Outfit,sans-serif;letter-spacing:-.7px;margin:12px 0}.premium-section-heading p{font-size:12px;color:#8095ac;line-height:1.8;margin:0}.premium-perks{scroll-margin-top:110px;margin-bottom:94px}.premium-perk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.premium-perk-grid article{position:relative;min-height:205px;border:1px solid #798ca12c;border-radius:18px;background:linear-gradient(145deg,#20283c99,#171f2d99);padding:24px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.premium-perk-grid article::after{content:"";position:absolute;right:-55px;bottom:-70px;width:140px;height:140px;border:1px solid #a68bc920;border-radius:50%;box-shadow:0 0 0 18px #a68bc906}.premium-perk-grid article:hover{transform:translateY(-4px);border-color:#a98dca55}.premium-perk-grid article.is-featured{background:radial-gradient(circle at 100% 0,#6eb5aa16,transparent 45%),linear-gradient(145deg,#242941,#172430)}.premium-perk-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a88bc84d;border-radius:12px;background:#b39ac811;color:#d9c1ef;font:700 15px Outfit,sans-serif}.premium-perk-state{position:absolute;right:18px;top:25px;font-size:8px;font-weight:700;letter-spacing:.5px;padding:5px 7px;border:1px solid #7e8fa13b;border-radius:7px;color:#8da2bb}.premium-perk-state.is-active{color:#a1d9c6;border-color:#93d1b64c;background:#79c8b20a}.premium-perk-grid h3{font-size:14px;margin:23px 0 10px}.premium-perk-grid p{font-size:11px;color:#8fa4bd;line-height:1.8;margin:0;max-width:270px}.premium-more-note{text-align:center;font-size:10px;color:#71879f;line-height:1.8;margin:24px 0}.premium-more-note span{color:#d9bf83;margin-right:5px}
.premium-compare{margin:0 auto 94px}.premium-compare-table{max-width:880px;margin:0 auto;border:1px solid #7e8ca232;border-radius:18px;background:#19213199;overflow:hidden}.premium-compare-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 145px;min-height:58px;align-items:center;border-top:1px solid #74859c20}.premium-compare-row:first-child{border-top:0}.premium-compare-row>*{height:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-left:1px solid #74859c1c}.premium-compare-row>*:first-child{justify-content:flex-start;border-left:0}.premium-compare-row strong{font-size:11px;font-weight:600;color:#bdc8d7}.premium-compare-row.is-head{min-height:46px;background:#222a3d}.premium-compare-row.is-head span{font-size:8px;font-weight:800;letter-spacing:1.2px;color:#8194aa}.premium-compare-row.is-head span:last-child{color:#dfc4f4}.premium-compare-row .is-yes{color:#87d4c1;font-weight:800}.premium-compare-row .is-no{color:#64778d}.premium-compare-row .is-soon{color:#d4bbea;font-size:9px;font-weight:700}
.premium-faq{max-width:880px;margin:0 auto 92px}.premium-faq .premium-section-heading{margin-bottom:24px}.premium-faq-list{border-top:1px solid #788aa12e}.premium-faq details{border-bottom:1px solid #788aa12e}.premium-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:21px 2px;color:#d6deea;font-size:13px;font-weight:650}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #8877a440;border-radius:8px;color:#bfa9d4;transition:transform .2s ease}.premium-faq details[open] summary span{transform:rotate(45deg)}.premium-faq details p{max-width:720px;margin:-5px 0 20px;color:#879cb3;font-size:11px;line-height:1.9}.premium-final-cta{position:relative;text-align:center;padding:45px 24px;border:1px solid #8e78ad36;border-radius:22px;background:radial-gradient(circle at 50% 0,#8e6ebd2b,transparent 60%),linear-gradient(140deg,#202437,#17222f);overflow:hidden}.premium-final-cta::before{content:"";position:absolute;left:50%;top:-260px;width:500px;height:500px;transform:translateX(-50%);border:1px solid #c6a9ea14;border-radius:50%;box-shadow:0 0 0 34px #c6a9ea05}.premium-final-cta>*{position:relative}.premium-final-cta h2{font:650 30px/1.3 Outfit,sans-serif;margin:14px 0 8px}.premium-final-cta p{color:#8398af;font-size:11px;margin:0 0 21px}
@keyframes dv-gift-shimmer{0%,50%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}@keyframes dv-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.premium-hero{gap:36px;padding-inline:0}.premium-home-banner{gap:18px;padding:19px}.premium-home-copy h2{font-size:21px}.site-header>.premium-gift-link{margin-left:0;margin-right:0;flex-basis:110px;width:110px}.site-header>.search{min-width:120px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 125px 125px}}
@media(max-width:760px){.site-header>.search,.home-page .site-header>.search{grid-column:1/3;grid-row:2;width:100%;min-width:0;height:46px}.site-header>.premium-gift-link{grid-column:3;grid-row:2;min-width:100px;width:100%;height:46px;flex-basis:auto;margin:0;border-radius:12px;gap:6px}.site-header>.account{grid-column:3;grid-row:1;justify-self:end}.premium-gift-link [data-premium-clock]{font-size:11px;letter-spacing:.3px}.premium-gift-link svg{width:16px;height:16px}.site-header .search>button{padding-inline:9px!important}.site-header .search input{min-width:0;text-overflow:ellipsis}.premium-home-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px 18px;margin-bottom:24px}.premium-home-copy{grid-column:1/-1}.premium-home-copy h2{font-size:22px}.premium-home-timer{text-align:left}.premium-home-timer>[data-premium-clock]{font-size:26px}.premium-home-banner>.premium-action{justify-self:end}.premium-page-wrap{padding-bottom:34px}.premium-hero{grid-template-columns:1fr;gap:42px;padding:25px 0 48px;min-height:0}.premium-hero-copy{text-align:center}.premium-hero-copy h1{font-size:46px;letter-spacing:-1.7px}.premium-hero-copy>p{font-size:13px;max-width:500px;margin-inline:auto}.premium-hero-actions{justify-content:center;gap:10px;margin:25px 0 18px}.premium-hero-copy>small{justify-content:center}.premium-profile-stage{max-width:390px}.premium-demo-cover{height:145px}.premium-reward-panel{margin:42px auto 66px;padding:30px 16px 20px;border-radius:19px;scroll-margin-top:160px}.premium-reward-panel h2{font-size:25px}.premium-reward-panel>p{font-size:11px}.premium-big-clock{font-size:45px;letter-spacing:2px}.premium-claim-button{min-width:220px}.premium-rule-grid{grid-template-columns:1fr;margin-top:25px}.premium-rule-grid span{padding:11px}.premium-rule-grid span+span{border-top:1px solid #7b879822}.premium-section-heading h2{font-size:27px}.premium-perk-grid{grid-template-columns:1fr}.premium-perk-grid article{min-height:185px}.premium-perks{scroll-margin-top:160px;margin-bottom:68px}.premium-compare{margin-bottom:68px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 76px 76px}.premium-compare-row>*{padding:11px 7px}.premium-compare-row strong{font-size:10px}.premium-compare-row.is-head span{font-size:7px;letter-spacing:.6px}.premium-faq{margin-bottom:65px}.premium-faq summary{font-size:12px;padding:18px 2px}.premium-final-cta{padding:37px 16px}.premium-final-cta h2{font-size:25px}}
@media(max-width:430px){.premium-hero-copy h1{font-size:39px}.premium-hero-actions .premium-action{width:100%}.premium-profile-stage{max-width:100%}.premium-demo-cover>span{font-size:7px}.premium-demo-stats{max-width:250px}.premium-theme-preview span{display:none}.premium-reward-panel{margin-inline:-2px}.premium-big-clock{font-size:39px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 65px 65px}.premium-compare-row strong{font-size:9px;line-height:1.5}.premium-compare-row .is-soon{font-size:7px}.premium-final-cta .premium-action{width:100%}}
@media(prefers-reduced-motion:reduce){.premium-gift-link::before,.premium-demo-cover::before,.premium-demo-cover::after{animation:none}.premium-action,.premium-perk-grid article,.premium-faq summary span{transition:none}}

/* Full premium page modules: profile music preview, recent winners and plan cards. */
.premium-demo-player{display:flex;align-items:center;gap:10px;text-align:left;margin:0 18px 10px;padding:10px 12px;border:1px solid #7180952c;border-radius:12px;background:#0f1724a6}.premium-demo-disc{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:conic-gradient(#a881c9,#63b5aa,#ddbf7b,#a881c9);color:#16202d;font-weight:900}.premium-demo-player>span:nth-child(2){display:block;min-width:0;flex:1}.premium-demo-player strong,.premium-demo-player small{display:block}.premium-demo-player strong{font-size:9px;color:#d7dfea}.premium-demo-player small{font-size:7px;color:#758ba1;margin-top:3px}.premium-demo-player i{display:block;width:58%;height:2px;margin-top:7px;border-radius:2px;background:linear-gradient(90deg,#d8bb78 42%,#3b4659 42%)}.premium-demo-player>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ddbd77;color:#211c18;font-size:8px}
.premium-winners{margin-top:23px;text-align:left}.premium-winners>span{display:block;color:#788ca2;font-size:8px;font-weight:800;letter-spacing:1.4px;margin-bottom:9px}.premium-winners ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.premium-winners li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #74859a20;border-radius:9px;background:#121b28}.premium-winners a{color:#d3dce8;font-size:9px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.premium-winners small{color:#71869c;font-size:7px;white-space:nowrap}.premium-winners>p{margin:0!important;padding:12px;border:1px dashed #71839a2c;border-radius:10px;color:#748aa0!important;font-size:9px!important;text-align:center}
.premium-plans{max-width:920px;margin:0 auto 94px}.premium-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.premium-plan-grid article{position:relative;padding:27px;border:1px solid #7989a32f;border-radius:18px;background:linear-gradient(145deg,#1d2638,#151e2c)}.premium-plan-grid article.is-popular{border-color:#a483cc59;background:radial-gradient(circle at 100% 0,#9975c925,transparent 43%),linear-gradient(145deg,#24283d,#171f2d)}.premium-plan-popular{position:absolute;right:18px;top:18px;padding:5px 7px;border-radius:6px;background:#dec17e;color:#282015;font-size:7px;font-weight:900;letter-spacing:.7px}.premium-plan-tag{color:#879bb1;font-size:8px;font-weight:800;letter-spacing:1.3px}.premium-plan-grid h3{font-size:17px;margin:12px 0 8px}.premium-plan-grid>article>strong{display:block;color:#d9c0ee;font:650 24px Outfit,sans-serif}.premium-plan-grid p{color:#7f94aa;font-size:10px;line-height:1.7}.premium-plan-grid ul{display:grid;gap:9px;margin:20px 0;padding:17px 0 0;border-top:1px solid #75869b22;list-style:none}.premium-plan-grid li{color:#9bacc0;font-size:10px}.premium-plan-grid li::before{content:"✓";color:#80cfbd;margin-right:8px}.premium-plan-grid button{width:100%;min-height:41px;border:1px solid #74849b34;border-radius:10px;background:#20293a;color:#77899f;font-size:10px;font-weight:750}.premium-free-route{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:20px 22px;border:1px solid #8e78ad3d;border-radius:16px;background:linear-gradient(100deg,#26253d,#172631)}.premium-free-route span{color:#87d3c2;font-size:7px;font-weight:850;letter-spacing:1.2px}.premium-free-route h3{font-size:15px;margin:7px 0 3px}.premium-free-route p{color:#8095aa;font-size:9px;margin:0}
@media(max-width:760px){.premium-winners ul{grid-template-columns:1fr}.premium-plans{margin-bottom:68px}.premium-plan-grid{grid-template-columns:1fr}.premium-free-route{align-items:flex-start;flex-direction:column}.premium-free-route .premium-action{width:100%}}

/* Readability pass — designed to stay crisp at browser zoom 100%. */
.premium-page-wrap{max-width:1240px}.premium-eyebrow{font-size:12px;letter-spacing:2.2px;text-shadow:0 0 18px #e7c47c35}.premium-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);gap:76px;min-height:610px;padding:54px 32px 70px;border-radius:28px;background:radial-gradient(circle at 83% 22%,#a575df2b,transparent 31%),radial-gradient(circle at 18% 78%,#4dc2ae15,transparent 28%),linear-gradient(125deg,#15182700,#1e193224 52%,#13252820)}.premium-hero::before{content:"";position:absolute;inset:24px 12px 34px auto;width:46%;border:1px solid #bda0df13;border-radius:32px;box-shadow:0 0 80px #a678dc0e,inset 0 0 80px #55b8a608;pointer-events:none}.premium-hero-copy h1{font-size:clamp(52px,5.35vw,74px);line-height:1.02;letter-spacing:-3px;margin:22px 0 28px;text-shadow:0 8px 45px #0005}.premium-hero-copy>p{max-width:570px;color:#c0cad8;font-size:17px;line-height:1.8}.premium-hero-copy>small{color:#9aadc1;font-size:12px;line-height:1.75}.premium-hero-actions{margin:34px 0 25px}.premium-action{min-height:51px;padding:14px 25px;font-size:13px;border-radius:13px;box-shadow:0 11px 34px #eac17618}.premium-action-quiet{color:#f0e5fb;background:#bea0ea10;border-color:#b99cdd66}
.premium-profile-stage{max-width:465px}.premium-profile-demo{border-color:#a989d279;border-radius:25px;box-shadow:0 35px 95px #0006,0 0 72px #a077dd26}.premium-demo-cover{height:184px}.premium-demo-cover>span{top:16px;right:16px;padding:7px 11px;font-size:10px;color:#f4eaff;border-color:#d8c0f64a}.premium-demo-avatar{width:94px;height:94px;margin-top:-49px;font-size:29px}.premium-demo-avatar em{font-size:8px;padding:4px 6px}.premium-profile-demo h2{font-size:23px;margin-top:2px}.premium-profile-demo>p{font-size:12px;color:#9eb0c3;margin-bottom:14px}.premium-profile-demo .profile-ranks{margin-bottom:24px}.premium-demo-stats{max-width:335px;margin-bottom:21px}.premium-demo-stats strong{font-size:13px;color:#f2eaf7}.premium-demo-stats small{font-size:10px;color:#91a4b8;margin-top:5px}.premium-demo-player{margin:0 20px 12px;padding:12px 14px;border-color:#8c9bb33f;background:#0d1522d4}.premium-demo-disc{width:36px;height:36px}.premium-demo-player strong{font-size:11px;color:#eef3f9}.premium-demo-player small{font-size:9px;color:#9bacc0}.premium-demo-player>b{width:32px;height:32px;font-size:10px}.premium-demo-note{margin:0 20px 22px;padding:15px 16px;border-color:#9f8ab34a;background:linear-gradient(100deg,#b99ddd11,#63b9ac0d)}.premium-demo-orbit{width:35px;height:35px}.premium-demo-note strong{font-size:13px;color:#f1e6fb}.premium-demo-note small{font-size:10px;color:#a4b4c6}.premium-theme-preview{margin-top:18px;font-size:11px;color:#a4b4c5}.premium-theme-preview i{width:22px;height:22px}
.premium-reward-panel{max-width:870px;margin-top:70px;padding:48px 42px 38px;border-color:#b799dc59;background:radial-gradient(ellipse at 50% 0,#9d74cb33,transparent 70%),linear-gradient(135deg,#25283d,#172332);box-shadow:0 30px 90px #0003,inset 0 1px 0 #ead9ff16}.premium-drop-tag{padding:8px 11px;font-size:10px;color:#eee2fa}.premium-reward-panel h2{font-size:35px;margin:21px 0 13px}.premium-reward-panel>p{font-size:14px;color:#b2c0d1;line-height:1.85}.premium-big-clock{font-size:clamp(54px,6vw,70px);color:#fff9ff;letter-spacing:5px}.premium-clock-label{font-size:10px;color:#a7b6c8}.premium-reward-panel .premium-eligibility-note{font-size:13px;color:#9db0c5}.premium-rule-grid span{gap:6px;padding:16px 12px;color:#9cadbf;font-size:10px}.premium-rule-grid b{font-size:13px;color:#e4eaf1}.premium-winners>span{font-size:10px;color:#a5b3c3}.premium-winners>p{font-size:11px!important;color:#96a8bb!important}.premium-winners a{font-size:11px}.premium-winners small{font-size:9px}
.premium-section-heading{max-width:720px;margin-bottom:38px}.premium-section-heading h2{font-size:38px;letter-spacing:-1px;margin:14px 0}.premium-section-heading p{font-size:14px;color:#a6b5c6;line-height:1.85}.premium-perk-grid{gap:20px}.premium-perk-grid article{min-height:235px;padding:28px;border-color:#8295ad42;border-radius:20px;background:radial-gradient(circle at 100% 0,#9b76c818,transparent 45%),linear-gradient(145deg,#242d429e,#192331)}.premium-perk-mark{width:48px;height:48px;font-size:17px;border-color:#bc9ed866}.premium-perk-state{right:21px;top:28px;font-size:10px;padding:6px 8px;color:#a9bbce}.premium-perk-grid h3{font-size:17px;margin:26px 0 12px;color:#eef3f9}.premium-perk-grid p{max-width:320px;font-size:13px;color:#a8b8ca;line-height:1.78}.premium-more-note{font-size:12px;color:#93a7bc;margin-top:30px}
.premium-compare-table{max-width:980px;border-color:#8c9db348;background:#1c2536c7;box-shadow:0 20px 65px #0002}.premium-compare-row{grid-template-columns:minmax(0,1fr) 170px 170px;min-height:68px}.premium-compare-row strong{font-size:14px;color:#dce4ed}.premium-compare-row.is-head{min-height:52px}.premium-compare-row.is-head span{font-size:10px;color:#a4b3c5}.premium-compare-row .is-yes{font-size:17px}.premium-compare-row .is-no{font-size:16px}.premium-compare-row .is-soon{font-size:11px}.premium-plan-grid article{padding:32px;border-color:#899ab242;border-radius:21px;box-shadow:0 18px 55px #0002}.premium-plan-tag{font-size:10px;color:#a9b8c9}.premium-plan-popular{font-size:9px;padding:6px 9px}.premium-plan-grid h3{font-size:21px;margin-top:15px}.premium-plan-grid>article>strong{font-size:29px}.premium-plan-grid p{font-size:13px;color:#a5b4c4}.premium-plan-grid li{font-size:12px;color:#bbc6d3}.premium-plan-grid button{min-height:46px;font-size:12px}.premium-free-route{padding:25px 28px;border-color:#9d83bd57}.premium-free-route span{font-size:9px}.premium-free-route h3{font-size:19px}.premium-free-route p{font-size:12px;color:#a8b6c5}.premium-faq summary{padding:24px 4px;font-size:15px;color:#eef2f7}.premium-faq details p{font-size:13px;color:#a5b6c8}.premium-final-cta{padding:55px 30px;border-color:#9b80be51;box-shadow:0 24px 80px #0002}.premium-final-cta h2{font-size:38px}.premium-final-cta p{font-size:14px;color:#a5b6c8}
@media(max-width:1100px){.premium-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:40px;padding-inline:12px}.premium-hero-copy h1{font-size:58px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 140px 140px}}
@media(max-width:760px){.premium-eyebrow{font-size:10px}.premium-hero{grid-template-columns:1fr;gap:48px;padding:32px 0 56px;border-radius:22px}.premium-hero::before{display:none}.premium-hero-copy h1{font-size:44px;letter-spacing:-1.7px}.premium-hero-copy>p{font-size:15px}.premium-hero-copy>small{font-size:11px}.premium-profile-stage{max-width:410px}.premium-demo-cover{height:155px}.premium-reward-panel{padding:34px 18px 24px}.premium-reward-panel h2{font-size:28px}.premium-reward-panel>p{font-size:13px}.premium-big-clock{font-size:45px}.premium-section-heading h2{font-size:30px}.premium-section-heading p{font-size:13px}.premium-perk-grid article{min-height:205px;padding:24px}.premium-perk-grid h3{font-size:16px}.premium-perk-grid p{font-size:12px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 76px 76px}.premium-compare-row strong{font-size:11px}.premium-compare-row.is-head span{font-size:8px}.premium-plan-grid h3{font-size:19px}.premium-free-route h3{font-size:17px}.premium-free-route p{font-size:11px}.premium-faq summary{font-size:13px}.premium-faq details p{font-size:12px}.premium-final-cta h2{font-size:29px}.premium-final-cta p{font-size:12px}}

/* Premium launch UX — clear section navigation, consistent hierarchy and mobile safety. */
.premium-quick-nav{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:930px;margin:-24px auto 54px;padding:9px;border:1px solid #8e79ad3b;border-radius:18px;background:#141c29e6;box-shadow:0 20px 60px #0003,inset 0 1px 0 #fff08}.premium-quick-nav a{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;min-width:0;padding:13px 14px;border:1px solid transparent;border-radius:12px;color:#a9b7c8;text-decoration:none;transition:.2s ease}.premium-quick-nav a:hover{border-color:#9776bd52;background:linear-gradient(120deg,#2b2340,#172831);color:#f0e8f8;transform:translateY(-1px)}.premium-quick-nav span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ac8bce13;color:#d2b8eb;font:800 9px Outfit,sans-serif}.premium-quick-nav strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}.premium-quick-nav small{color:#778da4;font-size:8px;margin-top:2px}.premium-compare{scroll-margin-top:115px}.premium-page-wrap :where(.premium-perks,.premium-compare,.premium-plans,.premium-faq,.premium-final-cta){content-visibility:auto;contain-intrinsic-size:auto 650px}.premium-home-banner{min-width:0}.premium-home-banner>*{min-width:0}
@media(max-width:760px){.premium-quick-nav{display:flex;overflow-x:auto;max-width:none;margin:0 0 42px;padding:8px;scrollbar-width:none;scroll-snap-type:x mandatory}.premium-quick-nav::-webkit-scrollbar{display:none}.premium-quick-nav a{flex:0 0 150px;scroll-snap-align:start;padding:11px}.premium-compare{scroll-margin-top:160px}.premium-page-wrap :where(.premium-perks,.premium-compare,.premium-plans,.premium-faq,.premium-final-cta){contain-intrinsic-size:auto 760px}.premium-home-banner::after{opacity:.45}.premium-home-banner>.premium-action{min-width:116px;padding-inline:14px}.premium-compare-table{border-radius:14px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 68px 68px}.premium-compare-row>*{min-width:0;overflow-wrap:anywhere}.premium-compare-row strong{line-height:1.45}}
@media(max-width:430px){.premium-home-banner{grid-template-columns:1fr;padding:18px 16px}.premium-home-copy h2{font-size:20px}.premium-home-timer{text-align:left}.premium-home-banner>.premium-action{justify-self:stretch;width:100%}.premium-quick-nav{margin-inline:-2px}.premium-hero-copy h1{font-size:38px}.premium-big-clock{font-size:36px;letter-spacing:1.5px}.premium-compare-row{grid-template-columns:minmax(0,1fr) 56px 56px}.premium-compare-row>*{padding-inline:5px}.premium-compare-row strong{font-size:10px}}

.premium-home-action svg{display:block;width:15px;height:15px;flex:0 0 15px;stroke:currentColor}
.premium-live-summary{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;margin-top:19px;padding:9px 11px;border:1px solid #788ca23b;border-radius:11px;background:#11192599}.premium-live-summary span{display:inline-flex;align-items:center;gap:7px;color:#b2e3d7;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.premium-live-summary i{width:6px;height:6px;border-radius:50%;background:#78d5bf;box-shadow:0 0 9px #78d5bf}.premium-live-summary b{overflow:hidden;text-overflow:ellipsis;color:#8296ab;font-size:8px;letter-spacing:.5px;white-space:nowrap}.premium-demo-disc{border-radius:11px!important;background:linear-gradient(145deg,#2b233d,#172633)!important;box-shadow:inset 0 1px 0 #fff12,0 8px 18px #0004!important;animation:none!important}.premium-page-wrap :where(.premium-perks,.premium-compare,.premium-plans,.premium-faq,.premium-final-cta){content-visibility:auto;contain-intrinsic-size:auto 620px}
@media(max-width:430px){.premium-live-summary{width:100%;box-sizing:border-box;justify-content:space-between}.premium-live-summary b{font-size:7px}}
/* Draw checks with CSS geometry so mobile systems cannot substitute emoji artwork. */
.premium-plan-grid li::before{content:"";display:inline-block;width:7px;height:4px;border-left:2px solid #80cfbd;border-bottom:2px solid #80cfbd;transform:rotate(-45deg);margin:0 9px 3px 1px}

/* Interactive Premium atmosphere picker. */
.premium-page-wrap{--atm-a:#ad82e2;--atm-b:#4eb3a1;--atm-c:#503d65;--atm-deep:#202139;--atm-glow:#b88bea;--atm-text:#e6d7f7}
.premium-page-wrap[data-premium-theme="ember"]{--atm-a:#e99772;--atm-b:#e4bd72;--atm-c:#713f3b;--atm-deep:#2e2028;--atm-glow:#ed795f;--atm-text:#ffe0c7}
.premium-page-wrap[data-premium-theme="cobalt"]{--atm-a:#718fff;--atm-b:#63bde0;--atm-c:#263e79;--atm-deep:#17223f;--atm-glow:#6d8fff;--atm-text:#dce5ff}
.premium-page-wrap[data-premium-theme="mint"]{--atm-a:#62d5bf;--atm-b:#8ed8c6;--atm-c:#285e5a;--atm-deep:#142d30;--atm-glow:#54d4bd;--atm-text:#d9fff4}
.premium-page-wrap[data-premium-theme="silver"]{--atm-a:#bfc6d4;--atm-b:#7e8da8;--atm-c:#434b5d;--atm-deep:#20242d;--atm-glow:#b8c5dc;--atm-text:#eef3fb}
.premium-page-wrap .premium-hero{background:radial-gradient(circle at 79% 21%,color-mix(in srgb,var(--atm-glow) 15%,transparent),transparent 31%),radial-gradient(circle at 8% 80%,color-mix(in srgb,var(--atm-b) 8%,transparent),transparent 25%);transition:background .55s ease}
.premium-page-wrap .premium-profile-demo{border-color:color-mix(in srgb,var(--atm-a) 42%,#526071);background:linear-gradient(155deg,var(--atm-deep),#111a27 72%);box-shadow:0 28px 80px #00000038,0 0 58px color-mix(in srgb,var(--atm-glow) 18%,transparent);transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}
.premium-page-wrap .premium-demo-cover{background:radial-gradient(circle at 23% 18%,color-mix(in srgb,var(--atm-a) 60%,transparent),transparent 39%),radial-gradient(circle at 78% 72%,color-mix(in srgb,var(--atm-b) 52%,transparent),transparent 40%),linear-gradient(135deg,#262c49,var(--atm-c) 54%,color-mix(in srgb,var(--atm-b) 42%,#18333a));transition:background .55s ease}
.premium-page-wrap .premium-demo-cover i{border-color:color-mix(in srgb,var(--atm-text) 28%,transparent);box-shadow:0 0 0 16px color-mix(in srgb,var(--atm-a) 7%,transparent),0 0 48px color-mix(in srgb,var(--atm-glow) 24%,transparent);transition:border-color .5s ease,box-shadow .5s ease}
.premium-page-wrap .premium-demo-avatar{background:linear-gradient(135deg,var(--atm-a),color-mix(in srgb,var(--atm-b) 55%,#2f5064));box-shadow:0 0 0 1px color-mix(in srgb,var(--atm-text) 72%,transparent),0 0 36px color-mix(in srgb,var(--atm-glow) 30%,transparent);transition:background .5s ease,box-shadow .5s ease}
.premium-page-wrap .premium-demo-player,.premium-page-wrap .premium-demo-note{border-color:color-mix(in srgb,var(--atm-a) 27%,#566174);background:linear-gradient(100deg,color-mix(in srgb,var(--atm-a) 8%,transparent),color-mix(in srgb,var(--atm-b) 7%,transparent));transition:background .5s ease,border-color .5s ease}
.premium-theme-preview{flex-wrap:wrap;min-height:34px}.premium-theme-preview>span{margin-right:2px}.premium-theme-preview button{position:relative;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:50%;background:#aa76c7;box-shadow:inset 0 0 0 1px #ffffff24;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease}.premium-theme-preview button:nth-of-type(2){background:#d38b76}.premium-theme-preview button:nth-of-type(3){background:#6799d1}.premium-theme-preview button:nth-of-type(4){background:#55af94}.premium-theme-preview button:nth-of-type(5){background:#a4aab5}.premium-theme-preview button:hover{transform:translateY(-2px) scale(1.08)}.premium-theme-preview button:focus-visible{outline:2px solid #e5d5f7;outline-offset:3px}.premium-theme-preview button.is-selected{background:linear-gradient(135deg,var(--atm-b),var(--atm-a));box-shadow:0 0 0 2px #111927,0 0 0 3px var(--atm-text),0 0 16px color-mix(in srgb,var(--atm-glow) 48%,transparent);transform:scale(1.08)}.premium-theme-preview small{min-width:38px;color:var(--atm-text);font-size:8px;font-weight:750;letter-spacing:.4px;transition:color .35s ease}
@media(max-width:520px){.premium-theme-preview{gap:8px}.premium-theme-preview>span{flex-basis:100%;margin-bottom:3px}.premium-theme-preview button{width:24px;height:24px;min-width:24px;min-height:24px}.premium-theme-preview small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.premium-page-wrap .premium-hero,.premium-page-wrap .premium-profile-demo,.premium-page-wrap .premium-demo-cover,.premium-page-wrap .premium-demo-cover i,.premium-page-wrap .premium-demo-avatar,.premium-page-wrap .premium-demo-player,.premium-page-wrap .premium-demo-note,.premium-theme-preview button{transition:none!important}}

/* Source: mobile-navigation-ux.css */
.sidebar-mobile-head{display:none}
.premium-home-action{min-height:46px!important}
.premium-home-action svg{display:block!important;width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;flex:0 0 15px!important;stroke:currentColor}
@media(max-width:760px){
  .sidebar{width:min(286px,82vw)!important;padding:0 12px 24px!important;background:linear-gradient(180deg,#122131 0%,#0f1b29 100%)!important;border-right:1px solid #45607966!important;box-shadow:24px 0 70px #0009;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43596d transparent}
  .sidebar-mobile-head{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;margin:0 -12px 10px;padding:0 16px 0 20px;border-bottom:1px solid #41556b55;background:#122131f2;backdrop-filter:blur(16px)}
  .sidebar-mobile-head>span{display:flex;align-items:center;gap:9px;color:#d9e5f2;font:800 11px/1 Manrope,sans-serif;letter-spacing:1.8px}.sidebar-mobile-head>span::before{content:"";width:7px;height:7px;border-radius:2px;background:#70d6cb;box-shadow:0 0 12px #70d6cb}
  .sidebar-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #4a607755;border-radius:11px;background:#ffffff08;color:#b9c9d9;cursor:pointer}.sidebar-close svg{width:17px;height:17px}.sidebar-close:focus-visible{outline:2px solid #78ddd2;outline-offset:2px}
  .sidebar>h5:first-of-type{display:none}.sidebar nav{display:grid;gap:3px}.sidebar nav a,.home-page .sidebar nav a{position:relative;min-height:43px!important;padding:9px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:#aebfd0!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;outline:0!important}.sidebar nav a .icon{width:20px;height:20px;color:#8299af!important}.sidebar nav a[aria-current],.home-page .sidebar nav a[aria-current]{background:linear-gradient(90deg,#20424a,#1a3341)!important;border-color:#5bbdb080!important;color:#f1fbfa!important;box-shadow:inset 3px 0 0 #72dbce!important}.sidebar nav a[aria-current] .icon{color:#77ded2!important}.sidebar nav a[aria-current]::after{content:"";position:absolute;right:13px;width:5px;height:5px;border-radius:50%;background:#75d8cc;box-shadow:0 0 9px #75d8cc}
  .sidebar .mobile-account{margin:14px 0 0;padding:14px 4px 0;border-top:1px solid #40536955}.sidebar .mobile-account a{display:flex;align-items:center;justify-content:center;min-height:43px;border:1px solid #63cbbd70;border-radius:11px;background:linear-gradient(100deg,#173c3c,#1b2f3e);color:#8ce1d5;font-size:12px;font-weight:750;text-decoration:none}
  .sidebar .weekly{display:none!important}.menu-shade{background:#030810c7!important;backdrop-filter:blur(3px)}
}
@media(max-width:380px){.sidebar{width:min(272px,84vw)!important}.sidebar-mobile-head{min-height:62px}.sidebar nav a,.home-page .sidebar nav a{min-height:41px!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}

/* Source: mobile-bottom-nav.css */
.dv-bottom-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .dv-bottom-nav{position:fixed;z-index:85;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-sizing:border-box;border:0;border-top:1px solid #40566780;border-radius:0;background:#111d2cfa;box-shadow:0 -6px 24px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .dv-bottom-nav .dv-bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:57px;min-width:0;padding:1px 0 3px;margin:0;border:0;border-radius:15px;background:none;color:#a6b5c9;text-decoration:none;cursor:pointer;font:600 10px/1.25 Manrope,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .dv-bottom-icon{position:relative;display:grid;place-items:center;width:39px;height:32px;border-radius:12px;transition:background .18s,color .18s}
  .dv-bottom-nav .dv-bottom-icon>svg{display:block;width:23px;height:23px;max-width:23px;max-height:23px;flex:0 0 23px}
  .dv-bottom-nav .dv-bottom-item[aria-current="page"],.dv-bottom-nav .dv-bottom-item[aria-expanded="true"]{color:#9aebdb}
  .dv-bottom-item[aria-current="page"] .dv-bottom-icon,.dv-bottom-item[aria-expanded="true"] .dv-bottom-icon{background:#8fe1cf18;box-shadow:inset 0 0 0 1px #9ce3d611}
  .dv-bottom-nav .dv-bottom-item:focus-visible{outline:2px solid #9ce3d6;outline-offset:0}
  .dv-bottom-badge{position:absolute;right:-3px;top:-2px;display:grid;place-items:center;min-width:16px;height:16px;box-sizing:border-box;padding:0 4px;border-radius:10px;background:#a0f0de;color:#102c30;border:2px solid #13202f;font-size:9px;font-weight:800;line-height:1}
  .dv-bottom-badge[hidden]{display:none}
  .dv-bottom-avatar{position:relative;display:grid;place-items:center;box-sizing:border-box;width:27px;height:27px;border-radius:50%;border:1.5px solid #78bcaf;background:#203e42;color:#bceee2;font-size:12px;overflow:hidden}
  .dv-bottom-avatar img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
  .dv-bottom-avatar img[hidden]{display:none}
  .dv-bottom-ready .site-header .account>.member-profile-link,.dv-bottom-ready .site-header .account>.member-notifications>summary,.dv-bottom-ready .site-header .account>a{display:none!important}
  .dv-bottom-ready .site-header .account{min-width:0!important;width:0!important;padding:0!important;margin:0!important;gap:0!important}
  details.member-notifications[data-mobile-docked]{position:fixed!important;z-index:110!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;margin:0!important}
  details.member-notifications[data-mobile-docked]>summary{display:none!important}
  details.member-notifications[data-mobile-docked]>.notification-panel{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);box-sizing:border-box;overflow:auto!important;border-radius:22px!important;box-shadow:0 12px 50px #0009!important}
  .dv-nav-fullscreen .dv-bottom-nav,.dv-nav-keyboard .dv-bottom-nav{display:none!important}
  body:has(:fullscreen) .dv-bottom-nav{display:none!important}
  body:has(.sidebar.is-open) .dv-bottom-nav,.cinema-mode .dv-bottom-nav{display:none!important}
}
@media(max-width:350px){.dv-bottom-nav .dv-bottom-item{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dv-bottom-icon{transition:none}}

/* Preserve the existing notification control styling outside the header. */
details.member-notifications[data-mobile-docked] .notification-item{display:flex;align-items:flex-start;gap:12px;background:transparent;border:0;border-radius:12px;padding:13px;color:#d4e0e7;text-decoration:none;text-align:left;white-space:normal}
details.member-notifications[data-mobile-docked] .notification-panel form{margin:0;padding:9px;border-top:1px solid #ffffff09}
details.member-notifications[data-mobile-docked] .notification-panel button{display:block;background:transparent;border:0;border-radius:10px;color:#95d6c8;font-size:11px;min-height:40px;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-heading{gap:12px}
details.member-notifications[data-mobile-docked] .notification-sound{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #3d526b;border-radius:10px;background:#ffffff04;color:#96d6cf;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-sound svg{width:17px;height:17px}
details.member-notifications[data-mobile-docked] .notification-sound[aria-pressed=false]{color:#8394aa;opacity:.7}
details.member-notifications[data-mobile-docked] .notification-item{display:flex;align-items:flex-start;gap:7px}
details.member-notifications[data-mobile-docked] .notification-content{display:flex;gap:11px;flex:1;min-width:0;color:inherit;text-decoration:none}
details.member-notifications[data-mobile-docked] .notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}
details.member-notifications[data-mobile-docked] .notification-remove{display:grid;place-items:center;flex:0 0 34px;width:34px;min-height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#8297b0;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-remove svg{width:16px;height:16px}
details.member-notifications[data-mobile-docked] .notification-remove:hover{background:#ee8e9911;color:#f4b3b8;border-color:#ee8e9926}
details.member-notifications[data-mobile-docked] .notification-toolbar{display:flex;gap:8px;padding:12px 16px}
details.member-notifications[data-mobile-docked] .notification-toolbar button{flex:1;min-height:40px;padding:8px;border:1px solid #354b62;border-radius:9px;background:#ffffff03;color:#b6d6df;font-size:11px;font-weight:650;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-toolbar .notification-clear-all{color:#cebdc8;border-color:#66525e55}
details.member-notifications[data-mobile-docked] .notification-toolbar button:disabled{opacity:.4;cursor:default}
details.member-notifications[data-mobile-docked] .notification-undo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;margin:0 12px 12px;border:1px solid #78cec839;border-radius:9px;background:#78cec809;font-size:11px;color:#b7d5da}
details.member-notifications[data-mobile-docked] .notification-undo button{min-height:34px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#7bdfd5;font-size:11px;font-weight:700;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-undo button{width:auto;flex:0 0 auto}
details.member-notifications[data-mobile-docked] .notification-status{font-size:11px;color:#b7cbdc;margin:0;padding:0 16px 12px}
details.member-notifications[data-mobile-docked] [hidden]{display:none!important}
details.member-notifications[data-mobile-docked] button:focus-visible{outline:2px solid #79d6cb;outline-offset:2px}
@media(max-width:600px){details.member-notifications[data-mobile-docked] .notification-remove{min-width:40px;min-height:44px}details.member-notifications[data-mobile-docked] .notification-toolbar button{min-height:44px}}

/* Source: forum-developer.css */
.fo-developer{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 9px;border:1px solid #a98ae25c;border-radius:9px;color:#cbb5f6;background:linear-gradient(120deg,#8b67bd1c,#69b1c611);font:750 10px/1.2 Manrope,system-ui,sans-serif;white-space:nowrap;vertical-align:middle;letter-spacing:.015em}
.fo-developer svg{display:block;width:17px;height:19px;max-width:17px;max-height:19px;flex:0 0 17px}
.fc-post-user .fo-developer{margin-top:9px}
.fcm-heading>.fo-developer{padding:11px 15px;font-size:13px;border-radius:13px}
.fcm-heading>.fo-developer svg{width:23px;height:26px;max-width:23px;max-height:26px;flex-basis:23px}
.fcm-role-scope{padding:18px;border:1px solid #8e81b13b;border-radius:14px;background:#9988c008;margin-bottom:20px;line-height:1.8}
.fcm-role-scope strong{font-size:13px;color:#d2c0ef}.fcm-role-scope p{font-size:12px;color:#aebdd0}.fcm-role-scope small{font-size:11px;color:#859ab4}
.fcm-row .fo-developer{margin-top:8px}.fcm-row>form{margin:0}
.fo-mod-controls{margin:20px 0!important}.fo-mod-controls>summary,.fo-mod-entry>summary{cursor:pointer;color:#b4d9cf;min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:700}
.fo-mod-controls>summary:before,.fo-mod-entry>summary:before{content:'+';margin-right:9px}.fo-mod-controls[open]>summary:before,.fo-mod-entry[open]>summary:before{content:'−'}
.fo-mod-form{display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #ffffff12}
.fo-mod-form label{font-size:12px!important;margin:0!important}
.fo-mod-controls input,.fo-mod-controls select{min-width:0;width:100%;box-sizing:border-box}
.fo-mod-entry{margin-top:14px}.fo-mod-entry form{display:grid;gap:12px}.fo-mod-entry textarea{width:100%;box-sizing:border-box;min-height:120px}
.fo-mod-notice{border:1px solid #ae8edc55;background:#9474b912;color:#d2bdec;padding:14px 18px;border-radius:12px;font-size:12px;line-height:1.7;margin:15px 0}
.fc-post-user .fo-developer{margin-inline:auto}
.fo-mod-row .fo-actions{flex-wrap:wrap}
@media(max-width:680px){.fo-mod-form{grid-template-columns:1fr}.fo-mod-form button{min-height:44px}.fo-mod-controls .fo-actions{gap:9px}.fo-mod-controls .fo-actions button{min-height:44px}.fc-post-user .fo-developer{margin-inline:0}.fcm-row>form button{white-space:normal}.fcm-heading>.fo-developer{font-size:12px}}

/* Source: shared-badges.css */
/* Kara Elmas: matches the live standard member emblem at 104 x 32. */
.profile-ranks .profile-member-badge.member-rank.member-rank-premium {
  box-sizing:border-box;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:5px;
  flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;padding:3px 6px!important;
  overflow:hidden;border:1px solid #c9b8ec;border-radius:10px;color:#f0eafb;
  background:linear-gradient(155deg,#635375,#2b223e 14%,#17151f 53%,#47365e 83%,#574462);
  box-shadow:inset 0 1px 0 #f8e7ff5c,inset 0 -1px 0 #9671cb61,0 0 10px #b470ff16;
}
.member-rank-premium::before {content:"";position:absolute;inset:2px;border:1px solid #ded0ff21;border-radius:7px;pointer-events:none}
.member-rank-premium .premium-rank-title {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;z-index:3;white-space:nowrap}
.member-rank-premium .premium-rank-title b {color:#eee6fc;font-size:9px;font-weight:800;line-height:1;letter-spacing:.3px;text-shadow:0 1px 1px #110924,0 0 4px #dfb8ff33}
.member-rank-premium .premium-rank-title small {color:#b69ed5;font-size:7px;font-weight:700;line-height:1;letter-spacing:2.8px;margin-left:2.8px}
.member-rank-premium .premium-diamond-seal {box-sizing:border-box;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #d4bef75c;border-radius:7px;background:linear-gradient(150deg,#9b7fb03b,#291d3c 44%,#63478938);box-shadow:inset 0 1px 1px #ffffff3d}
.member-rank-premium .premium-gem {position:relative;width:18px;height:17px;background:conic-gradient(from 210deg at 50% 29%,#9364b1 0deg,#e8d3ff 40deg,#fff6ff 80deg,#b1d9fa 110deg,#8366ad 150deg,#dab3ff 195deg,#684577 250deg,#b8a5d5 300deg,#eee2ff 350deg,#9364b1);clip-path:polygon(20% 0,80% 0,100% 35%,50% 100%,0 35%);animation:dv-premium-gem-turn 4s ease-in-out infinite}
.member-rank-premium .premium-gem::before {content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff88 48%,transparent 56%);animation:dv-premium-foil 4s ease-in-out infinite}
.member-rank-premium .premium-prism {position:absolute;inset:0;background:linear-gradient(120deg,transparent 32%,#cbf1fe17 43%,#f1caff3d 48%,transparent 57%);transform:translateX(-100%);animation:dv-premium-prism 4.7s ease-in-out infinite;pointer-events:none}
.member-rank-premium .premium-starlight {position:absolute;z-index:4;width:5px;height:5px;background:#fff0ff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:dv-premium-flare 2.7s ease-in-out infinite;pointer-events:none}
.member-rank-premium .premium-starlight-one {right:3px;top:3px}
.member-rank-premium .premium-starlight-two {left:7px;bottom:4px;width:4px;height:4px;animation-delay:1.3s}
@keyframes dv-premium-foil {0%,30%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}
@keyframes dv-premium-flare {0%,100%{transform:scale(.4) rotate(0deg);opacity:.15}50%{transform:scale(1) rotate(90deg);opacity:1}}
@keyframes dv-premium-gem-turn {0%,100%{transform:perspective(60px) rotateY(-15deg)}50%{transform:perspective(60px) rotateY(15deg)}}
@keyframes dv-premium-prism {0%,20%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.member-rank-premium *,.member-rank-premium *::before,.member-rank-premium *::after{animation:none!important;transform:none!important}.member-rank-premium .premium-prism{opacity:0}}


/* Identical profile emblems in forum posts; no alternate membership artwork. */
.profile-member-badge.member-rank{--rank-edge:#527d97;--rank-ink:#c4e6f7;--rank-glow:#62cce5;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:104px;height:32px;padding:5px 8px;border:1px solid transparent;border-radius:10px;background:linear-gradient(145deg,#152531,#101721) padding-box,linear-gradient(135deg,#8bb8cd,#324659 55%,#56879e) border-box;color:var(--rank-ink);box-shadow:inset 0 1px #ffffff0b,0 2px 7px #0003;vertical-align:middle;flex:0 0 104px;overflow:hidden}
.profile-member-badge.member-rank:before{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--rank-glow),transparent);opacity:.6;pointer-events:none}
.profile-member-badge.member-rank .member-rank-icon{position:relative;z-index:1;display:block;width:17px;height:17px;flex:0 0 17px;color:var(--rank-ink);filter:drop-shadow(0 0 3px #67cfe222)}
.member-rank-label{position:relative;z-index:1;display:block;padding:0;border:0;font:800 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.65px;color:var(--rank-ink);text-shadow:none;white-space:nowrap}
.profile-member-badge.member-rank-supporter{--rank-ink:#ffe4a5;--rank-glow:#ffd16a;background:linear-gradient(145deg,#34291b,#171b22 65%,#242016) padding-box,linear-gradient(135deg,#ffe2a0,#806331 53%,#ceaa5b) border-box;box-shadow:inset 0 1px #ffffff10,0 0 10px #eab95616,0 2px 7px #0003}
.profile-member-badge.member-rank-supporter .member-rank-icon{filter:drop-shadow(0 0 4px #ffd16a44)}
.member-rank-supporter:after{content:'';position:absolute;top:-10px;bottom:-10px;left:-60%;width:22px;background:linear-gradient(90deg,transparent,#ffe4a52b,transparent);transform:skewX(-24deg);animation:rank-tech-sheen 7s ease-in-out infinite;pointer-events:none}
@keyframes rank-tech-sheen{0%,70%{left:-60%;opacity:0}75%{opacity:1}95%,100%{left:130%;opacity:0}}
.profile-ranks{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.supporter-rank-wrap{position:relative;display:inline-flex;outline:none;isolation:isolate}
.supporter-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);width:240px;padding:10px 12px;box-sizing:border-box;border:1px solid #aa79334d;border-radius:10px;background:#17151bf5;color:#c2c3cc;font-size:12px;line-height:1.6;text-align:center;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transition:opacity .16s,transform .16s;pointer-events:none;z-index:5}
.supporter-tooltip strong{display:block;margin-bottom:3px;color:#ffdb8d;font-size:13px}
.supporter-rank-wrap:hover .supporter-tooltip,.supporter-rank-wrap:focus .supporter-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(prefers-reduced-motion:reduce){.member-rank-supporter:after{animation:none;display:none}}
.fo-developer{box-sizing:border-box;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:104px!important;min-width:104px!important;max-width:104px!important;height:32px!important;min-height:32px!important;max-height:32px!important;flex:0 0 104px;padding:3px 5px!important;border:1px solid #c8b4e9;border-radius:10px;color:#f0e6ff;background:linear-gradient(155deg,#766284,#32253f 20%,#1c1926 58%,#58456c);box-shadow:inset 0 1px #f4e5ff66,inset 0 -1px #9475bb77,0 0 10px #b570ff18;overflow:hidden;vertical-align:middle;white-space:nowrap;margin:0!important}
.fo-developer:before{content:'';position:absolute;inset:2px;border:1px solid #e0ceff22;border-radius:7px;pointer-events:none}
.fo-developer .fo-developer-seal{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;background:linear-gradient(145deg,#cfb3f044,#33253f);border-radius:7px;box-shadow:inset 0 1px #ffffff40}
.fo-developer svg,.fcm-heading>.fo-developer svg{display:block;width:22px!important;height:24px!important;max-width:22px!important;max-height:24px!important;flex:0 0 22px!important;filter:drop-shadow(0 0 3px #c9a4ec44)}
.fo-developer-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;position:relative;z-index:1}
.fo-developer-title b{font:800 8px/1 Manrope,system-ui,sans-serif;letter-spacing:.15px;color:#efe4ff;text-shadow:0 1px 1px #190f27}
.fo-developer-title small{font:750 6px/1 Manrope,system-ui,sans-serif;letter-spacing:1.7px;color:#bda1dc;padding-left:1.7px}
.fo-developer-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 37%,#ead4ff18 48%,transparent 60%)}
.fo-administrator{border-color:#8dcdbb;background:linear-gradient(145deg,#354b48,#172d29 60%,#29453c);color:#c8f5df}
.fo-developer:not(.fo-administrator){gap:6px;border-color:#9f86c16b;background:linear-gradient(145deg,#30283b,#1c1c29 65%,#282333);box-shadow:inset 0 1px #ffffff0c,0 2px 7px #0003;padding:5px 8px!important}
.fo-developer:not(.fo-administrator):before{inset:auto 12px 0;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#c8abe844,transparent)}
.fo-developer:not(.fo-administrator) .fo-developer-seal{width:17px;height:18px;flex-basis:17px;background:none;border-radius:0;box-shadow:none}
.fo-developer:not(.fo-administrator) svg{width:17px!important;height:18px!important;max-width:17px!important;max-height:18px!important;flex-basis:17px!important;filter:none}
.fo-developer:not(.fo-administrator) .fo-developer-title{display:block}
.fo-developer:not(.fo-administrator) .fo-developer-title b{font-size:10px;font-weight:750;letter-spacing:0;color:#d1bee9;text-shadow:none}
.fo-developer:not(.fo-administrator) .fo-developer-title small,.fo-developer:not(.fo-administrator) .fo-developer-shine{display:none}
.dv-forum-page .fc-post-user .profile-ranks{display:flex;flex-direction:column;align-items:center;gap:7px;margin:12px 0 0;width:100%;transform:none}
.dv-forum-page .fc-post-user .profile-member-badge.member-rank{box-sizing:border-box;flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:5px 8px;transform:none!important}
.dv-forum-page .fc-post-user .profile-ranks>.member-rank,.dv-forum-page .fc-post-user .profile-ranks>.fo-developer{flex-basis:auto!important}
.dv-forum-page .fc-post-user .member-rank-icon{width:17px!important;height:17px!important;flex:0 0 17px!important}
.dv-forum-page .fc-post-user .member-rank-label{font-size:10px!important;letter-spacing:.65px!important}
.dv-forum-page .fc-post-user .supporter-rank-wrap{display:inline-flex;transform:none!important;flex:none}
@media(max-width:680px){.dv-forum-page .fc-post-user .profile-ranks{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin:10px 0 0}.dv-forum-page .fc-post-user .profile-ranks>*{flex:none!important}}
/* Keep the tooltip inside the badge's right edge on narrow profile/forum layouts. */
@media(max-width:680px){
 .supporter-tooltip{left:auto;right:0;width:190px;max-width:calc(100vw - 32px);box-sizing:border-box;transform:translateY(4px)}
 .supporter-rank-wrap:hover .supporter-tooltip,.supporter-rank-wrap:focus .supporter-tooltip,.supporter-rank-wrap:focus-within .supporter-tooltip{transform:translateY(0)}
}