/* 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; 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 { width: 100px; max-height: none; margin-right: 16px; border-radius: 11px; }
  .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; }
}