/* ERREQUE — Salvadoran blue, white light, and an ink-dark canvas. */
:root {
  --bg: #050a14; --surface: #0c1525; --surface2: #14223a; --panel: #0c1525;
  --line: #21334d; --fg: #f4f7fc; --text: #f4f7fc; --muted: #93a5bf;
  --accent: #63adff; --accent-soft: #173051; --green: #60abff; --header: #050a14ef;
  --ease-out: cubic-bezier(.16,1,.3,1);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body { background: radial-gradient(ellipse at 15% 0%,#12386b35,transparent 43%),#050a14; }
body.in-cinema { --accent: #63adff; --accent-soft: #173051; --surface: #0c1525; --line: #21334d; }
body[data-theme=light] { --bg: #f1f6ff; --surface: #e3edfc; --surface2: #d1e1f7; --fg: #10223e; --text: #10223e; --muted: #50627c; --accent: #1261cc; --accent-soft: #cfdef5; --line: #bfcee4; --header: #f1f6ffed; background: #f1f6ff; }
body[data-theme=anilist], body[data-theme=catppuccin] { --accent: #63adff; --accent-soft: #173051; }
::selection { color: #fff; background: #1266d7; }
.header { height: 82px; border-color: #18263d; background: var(--header); padding-inline: max(28px,calc((100vw - 1420px)/2)); }
.header.is-scrolled { height: 72px; }
.header::after { background: linear-gradient(90deg,#1467e5,#ecf5ff,#1467e5); box-shadow: none; opacity: .8; }
.header .logo, .logo { gap: 13px; align-items: center; }
.erreque-brand-mark { display: block; width: 48px; height: 48px !important; object-fit: contain; flex: 0 0 auto; transition: transform 280ms var(--ease-out); }
.logo:hover .erreque-brand-mark { transform: translateY(-2px) rotate(-4deg); }
.wordmark { color: var(--fg); font-size: 22px; font-weight: 850; letter-spacing: .14em; }
.wordmark small { margin-top: 7px; color: #83a2c9; font-size: 7px; letter-spacing: .2em; }
.profile-btn { width: 42px; height: 42px; background: #0e1d32; border: 1px solid #2d4568; border-radius: 12px; box-shadow: none; }
.profile-btn .erreque-brand-mark { width: 30px; height: 30px !important; }
.drawer .erreque-brand-mark, .n-footer .erreque-brand-mark { width: 38px; height: 38px !important; }
.drawer-top { gap: 12px; }
.drawer .wordmark { font-size: 16px; letter-spacing: .09em; }
.n-orbit-decoration { animation: none; opacity: .25; }
.n-orbit-decoration .erreque-brand-mark { width: 170px; height: 170px !important; }
.search-field { height: 42px; border-color: #233753; background: #0d1727; box-shadow: inset 0 1px #ffffff03; }
.search-field:focus-within { border-color: #5ba9ff; box-shadow: 0 0 0 3px #2386ff16; }
.search-field input { color: var(--fg); }
.realm-bar { min-height: 68px; gap: 8px; margin-bottom: 30px; border-color: #1d2c44; }
.realm-bar a, .realm-bar button { border-radius: 11px; padding: 11px 17px; font-size: 12px; }
.realm-bar a.active { color: #e9f4ff; background: #163459; border-color: #32649b; }
.realm-bar a.active::after { background: #a8d2ff; bottom: 0; left: 18%; width: 64%; }
.realm-bar button { font-weight: 400; color: #7d93af; }
.n-welcome { margin-bottom: 28px; }
.n-welcome h2 { font-size: clamp(32px,4vw,52px); font-weight: 650; letter-spacing: -2px; }
.n-welcome h2 em { color: #8bbfff; }
.n-welcome h2 em::after { background: #81b7ff; }
.n-welcome .n-spark { color: #dbeaff; font-size: .65em; }
.n-eyebrow { color: #8ca8ce; font-size: 9px; letter-spacing: .2em; }
.pill, .hero-actions .pill { background: #111e32; border-color: #2b3e59; color: #ecf4ff; }
.pill.primary, .hero-actions .pill.primary { color: #fff; background: #146eeb; border-color: #4a95ff; box-shadow: inset 0 1px #ffffff25,0 5px 25px #0066ff18; }
.pill.primary:hover { background: #2783ff; box-shadow: inset 0 1px #ffffff25,0 8px 25px #0066ff30; }
.pill:hover { border-color: #589bdf; }
.pill.primary::before { background: linear-gradient(110deg,transparent 25%,#ffffff38 50%,transparent 75%); }
.hero, .cinema-hero { border: 1px solid #253957; border-radius: 23px; background: #091422; box-shadow: 0 24px 70px #0003; }
.hero::after { background: linear-gradient(90deg,#06101eea 4%,#07132599 47%,#07132510 82%),linear-gradient(0deg,#06101ed9,transparent 75%); }
.hero .hero-top { padding: 25px 30px; }
.hero .hero-bottom { left: 0; right: 0; bottom: 0; padding: 42px; }
.hero .hero-copy, .hero.trailer-active .hero-copy { max-width: 570px !important; }
.hero .hero-copy p, .hero.trailer-active .hero-copy p { color: #b3c5df; font-size: 13px; line-height: 1.9; }
.hero .hero-copy h1:not(.hero-logo-heading), .hero.trailer-active .hero-copy h1:not(.hero-logo-heading) { color: #f5f8ff; font-weight: 750; }
.n-hero-meta { color: #bbcde3; }
.n-hero-meta span:first-child { color: #8dc4ff; }
.n-hero-meta span + span { border-color: #3a5678; }
.hero-orbits { display: none; }
.hero-grain { display: none; }
.hero-art { filter: saturate(.95); }
.hero-progress i.active::after { background: #91c6ff; }
.carousel-control { border-color: #3c5672; background: #08152499; border-radius: 14px; }
.carousel-control .icon-btn:hover { background: #ffffff12; }
.genre-chip { border-radius: 11px; border-color: #293d59; background: #0d192b; color: #becde3; font-weight: 500; }
.genre-chip:hover { background: #18395f; color: #fff; border-color: #5798dd; transform: translateY(-3px); }
.genre-chip:nth-child(even):hover { transform: translateY(-3px); }
.n-section-head h2 { font-weight: 650; letter-spacing: -.7px; }
.poster-grid { gap: 28px 22px; }
.poster-link { border: 1px solid #273950; border-radius: 13px; }
.n-score { color: #f0f6ff; background: #0b1627dd; border-color: #536b8a; }
.n-poster-status { color: #dceaff; background: #0c182bcc; }
.n-poster-status .status-dot { background: #57a3ff; }
body .anime-card .card-play { color: #fff; background: #1877efee; border-color: #86bfff; box-shadow: 0 8px 30px #0007; }
.save-small { background: #0d192bd9; color: #c9ddf7; }
.save-small.saved { color: #fff; background: #236cc4; }
.anime-card:hover .card-title { color: #91c7ff; }
body .anime-card.previewing .poster-link, body .anime-card:focus-within .poster-link { box-shadow: 0 18px 35px #0006,0 0 0 1px #78b5ff90; }
body[data-motion=soft] .anime-card:focus-within .poster-link, body[data-motion=soft] .anime-card.previewing .poster-link { transform: translateY(-5px) scale(1.025); }
body[data-motion=soft] .anime-card .poster-img { transition-duration: 550ms; }
.banner-preview-button, .hero.trailer-active .banner-preview-button { background: #081727b8; color: #c3d8f3; border-color: #36557b; }
.banner-preview-button[aria-pressed=true] { color: #fff; border-color: #66adff; }
.cinema-hero::after { background: linear-gradient(90deg,#06101eec 4%,#0a162ba0 47%,#07132508 85%),linear-gradient(0deg,#06101eb3,transparent 70%); }
.cinema-hero h1, .cinema-hero.trailer-active h1 { color: #eff5ff; }
.cinema-hero h1 em { color: #91bfff; }
.cinema-feature > span { color: #8ca5c9; }
.cinema-feature-navigation { color: #e4f0ff; background: #0a1728b3; border-color: #6a90bf40; border-radius: 14px; }
.cinema-feature-dots button > span { background: #7aa9de40; }
.cinema-feature-dots button[aria-current=true] > span { background: #8dbfff; }
.cinema-light { display: none; }
.story-header { border-color: #283c58; background: #0b1727; }
.story-header::before { background: linear-gradient(90deg,#081525ef 10%,#081525ba),linear-gradient(0deg,#081525,transparent); }
.story-synopsis { color: #b1c4df; }
.story-facts, body #app .anime-overview, body #app .episode-summary { background: #0b15244d; border-color: #263a57; }
.overview-genres a, body #app .overview-genres a { background: #12233c; border-color: #29496f; color: #bfddff; }
.episode-row.active { background: #14335a; border-color: #4d8dcc; }
.season-tile.selected { border-color: #6aafff; }
.source-choice.selected, .auto-source.selected { border-color: #63adff; background: #16365a; }
.source-choice:hover:not(:disabled) { border-color: #8abfff; }
.source-choice .source-light { background: #73849d; }
.source-choice[data-state=playing] .source-light, .source-choice[data-state=ready] .source-light, .source-choice[data-state=available] .source-light { background: #65dda8; }
.source-choice[data-state=reachable] .source-light { background: #72baff; }
.source-choice[data-state=limited] .source-light, .source-choice[data-state=offline] .source-light { background: #d0a86c; }
.source-choice[data-state=checking] .source-light, .source-choice[data-state=scanning] .source-light { background: #74b8ff; animation: sourceChecking 1s ease-in-out infinite; }
.source-scan { padding: 12px 0 16px; }
.source-scan > div { display: flex; justify-content: space-between; gap: 10px; color: #91a9c8; font-size: 10px; margin-bottom: 9px; }
.source-scan > i { display: block; height: 3px; border-radius: 3px; background: #1d304d; overflow: hidden; }
.source-scan > i > b { display: block; height: 100%; width: var(--scan-progress,0%); background: linear-gradient(90deg,#1c79ed,#c9e3ff); transition: width 250ms ease; }
.station-foot { font-size: 10px; line-height: 1.7; }
.player-intro { background: #071424; }
.intro-ring { border-color: #79b8ff3d; }
.intro-scan { background: linear-gradient(90deg,transparent,#99c9ff4d,transparent); }
.night-boot { background: #060c17; }
.boot-word { color: #f3f7ff; }
.boot-portal { border-color: #63adff48; box-shadow: 0 0 80px #156bdf18,inset 0 0 80px #156bdf18; }
.profile-pop, .source-menu, .search-suggestions, .modal { border-color: #2a4364; background: #0c182aef; }
.search-suggestions strong { color: #e8f2ff; }
.n-footer { border-color: #21334d; }
.n-footer-top p { color: #9db3ce; }
.n-pocket, .n-feature-banner { border-color: #2a4262; background: linear-gradient(135deg,#102742,#0b1422); }
.cinema-invite { background: linear-gradient(120deg,#102946,#060e1c); border-color: #294568; }
.cinema-invite h2 em, .cinema-invite h2 { color: #eef6ff; }
.cinema-invite .pill { background: #146eeb; color: white; }

/* A compact, anchor-aware peek. Full playback opens deliberately. */
.trailer-popover { z-index: 140; width: 306px; max-height: calc(100dvh - 102px); overflow: auto; border: 1px solid #547fb265; background: #0b1729f7; border-radius: 14px; box-shadow: 0 18px 65px #0009; backdrop-filter: blur(20px); }
.trailer-popover .trailer-stage { height: auto; min-height: 0; aspect-ratio: 16/9; background: #03070d; }
.trailer-stage .trailer-poster { opacity: .9; object-fit: cover; animation: none; }
.trailer-popover .trailer-stage::after { display: none; }
.trailer-player-slot { position: absolute; inset: 0; opacity: 1; background: transparent; transition: opacity 250ms ease; }
.player-ready .trailer-player-slot { opacity: 1; }
.trailer-player-slot:empty { display: none; }
.player-ready .trailer-poster { opacity: 0; }
.er-trailer-video { opacity: 0; display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.er-trailer-controls { display: flex; align-items: center; gap: 6px; position: absolute; inset: auto 0 0; z-index: 5; padding: 20px 8px 7px; color: #f5f8ff; background: linear-gradient(transparent,#000d); }
.er-trailer-controls button { width: 29px; height: 29px; padding: 6px; display: grid; place-items: center; border: 0; background: none; color: inherit; border-radius: 7px; cursor: pointer; flex: 0 0 auto; }
.er-trailer-controls button:hover { color: #a5d2ff; background: #ffffff12; }
.er-trailer-controls svg { width: 15px; height: 15px; }
.er-trailer-time { font-size: 8px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.er-trailer-controls input { width: 100%; min-width: 20px; accent-color: #71b5ff; height: 3px; }
.trailer-control-bar { display: flex; flex-wrap: nowrap; align-items: center; gap: 7px; min-height: 34px; padding: 6px 10px; border-top: 1px solid #294465; background: #081323; }
.trailer-control-bar .trailer-state { font-size: 9px; flex: 1; min-width: 0; line-height: 1.45; }
.trailer-control-bar .trailer-source-link { color: #a9d3ff; font-size: 9px; }
.trailer-control-bar > button { width: 26px; height: 26px; flex-shrink: 0; display: grid; place-items: center; padding: 6px; border: 0; border-radius: 6px; background: none; color: #b3c9e6; cursor: pointer; }
.trailer-control-bar > button:hover { background: #ffffff13; color: #fff; }
.trailer-control-bar > button svg { width: 14px; height: 14px; }
.trailer-card-caption { padding: 14px 16px 16px; }
.trailer-card-caption h3 { font-size: 16px; line-height: 1.35; letter-spacing: -.25px; margin: 0 0 5px; }
.trailer-card-caption p { font-size: 10px; margin: 0; color: #8ea8cc; line-height: 1.6; }
.trailer-card-caption > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.trailer-card-caption button, .er-preview-details { display: inline-flex; align-items: center; gap: 6px; color: #c8e1ff; padding: 6px 0; font-family: inherit; font-size: 10px; font-weight: 500; background: none; border: 0; text-decoration: none; cursor: pointer; }
.trailer-card-caption button svg, .er-preview-details svg { width: 12px; height: 12px; }
.trailer-store-link { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; gap: 12px; background: #091525; text-decoration: none; color: #91a9ca; font-size: 8px; line-height: 1.3; }
.trailer-store-badge { display: block; width: 87px; height: 30px; overflow: hidden; flex: 0 0 auto; }
.trailer-store-badge img { display: block; width: 98px; height: auto; max-width: none; margin-left: -8.4px; }
.trailer-modal-shade { position: fixed; inset: 0; z-index: 135; background: #020711b3; backdrop-filter: blur(10px); }
.trailer-detail-popover { z-index: 140; border-radius: 18px; }
.trailer-detail-popover .trailer-stage { min-height: 0; aspect-ratio: 16/9; }
.trailer-detail-popover .trailer-card-caption { padding: 20px 24px; }
.trailer-detail-popover .trailer-card-caption h3 { font-size: 22px; }
.trailer-detail-popover .trailer-card-caption button[data-expand-trailer] { display: none; }
.trailer-detail-popover .er-trailer-controls { padding: 30px 14px 12px; gap: 12px; }
.trailer-detail-popover .er-trailer-controls button { width: 36px; height: 36px; }
.trailer-detail-popover .er-trailer-time { font-size: 11px; }
.trailer-detail-popover .er-trailer-controls svg { width: 19px; height: 19px; }
.trailer-detail-popover:fullscreen { display: flex; flex-direction: column; justify-content: center; max-height: none; width: 100%; height: 100%; border: 0; border-radius: 0; background: black; }
.trailer-detail-popover:fullscreen .trailer-stage { height: calc(100% - 90px); aspect-ratio: auto; }
.trailer-detail-popover:fullscreen .trailer-card-caption { display: none; }
.hero-trailer-layer .trailer-player-slot { opacity: 0; }
.hero-trailer-layer.player-ready .trailer-player-slot { opacity: .8; }
.hero-trailer-layer .er-trailer-video { object-fit: cover; }
.hero-trailer-layer .er-trailer-controls { justify-content: flex-end; left: auto; right: 22px; bottom: 24px; border: 1px solid #5c81aa55; background: #071424bd; border-radius: 30px; padding: 6px 10px; }
.hero-trailer-layer .er-trailer-time, .hero-trailer-layer [data-native-seek], .hero-trailer-layer .trailer-control-bar, .hero-trailer-layer [data-native-fullscreen] { display: none; }
.hero-trailer-layer .trailer-store-link { position: absolute; right: 24px; top: 80px; z-index: 5; border-radius: 9px; background: #071424b8; }
.hero-trailer-layer .trailer-store-link > span:not(.trailer-store-badge) { display: none; }
.is-playing .trailer-state::before { background: #70b4ff; animation: none; }
.preview-card-button { background: #081a32e3; border-color: #7aa8e34d; color: #d9ebff; }
@keyframes sourceChecking { 50% { opacity: .3; } }
@media(hover:hover) and (pointer:fine) {
  body[data-motion=soft] .anime-card:hover .poster-link { transform: translateY(-5px) scale(1.025); box-shadow: 0 16px 35px #0006,0 0 0 1px #78b5ff90; }
  .trailer-popover .er-trailer-controls { opacity: 0; transition: opacity 180ms ease; }
  .trailer-popover:hover .er-trailer-controls, .trailer-popover:focus-within .er-trailer-controls, .trailer-popover[data-preview-state=paused] .er-trailer-controls, .trailer-detail-popover .er-trailer-controls { opacity: 1; }
}
@media(max-width:760px) {
  .header { height: 72px; padding-inline: 18px; }
  .header.is-scrolled { height: 66px; }
  .header .erreque-brand-mark { width: 39px; height: 39px !important; }
  .header .wordmark { font-size: 18px; letter-spacing: .1em; }
  .header .wordmark small { font-size: 6px; letter-spacing: .14em; }
  .header .logo { gap: 10px; }
  .profile-btn .erreque-brand-mark { width: 27px; height: 27px !important; }
  .realm-bar { min-height: 60px; gap: 5px; }
  .realm-bar a { font-size: 11px; padding: 10px 13px; }
  .n-welcome h2 { font-size: 35px; letter-spacing: -1.5px; }
  .hero .hero-top { padding: 20px; }
  .hero .hero-bottom { padding: 28px 24px; }
  .hero .hero-copy, .hero.trailer-active .hero-copy { max-width: 100% !important; }
  .hero .hero-copy p, .hero.trailer-active .hero-copy p { font-size: 12px; line-height: 1.8; }
  .poster-grid { gap: 24px 17px; }
  .trailer-detail-popover .er-trailer-controls { gap: 7px; padding-inline: 9px; }
  .trailer-detail-popover .er-trailer-time { font-size: 9px; }
  .trailer-detail-popover .er-trailer-controls button { width: 30px; height: 34px; }
  .trailer-control-bar .trailer-state { flex-basis: auto; font-size: 9px; }
  .trailer-control-bar .trailer-source-link { order: 0; }
  .hero-trailer-layer .er-trailer-controls { top: 82px; right: 15px; bottom: auto; padding: 5px 7px; }
  .hero-trailer-layer .trailer-store-link { top: 128px; right: 15px; }
  .source-scan > div { font-size: 9px; }
}
body[data-motion=reduced] .erreque-brand-mark, body[data-motion=reduced] .source-scan > i > b { transition: none; }
body[data-motion=soft] .n-spark, body[data-motion=soft] .n-welcome h2 em::after, body[data-motion=soft] .auto-source > svg, body[data-motion=soft] .episode-row.active .episode-thumb img { animation: none; }

/* Controls remain usable when a browser requires an explicit play gesture. */
.player-ready .er-trailer-video { opacity: 1; }

.hero-trailer-layer[data-preview-state=paused] .trailer-player-slot { opacity: 1; }

/* Full motion, bounded work: transform and opacity stay on small surfaces. */
.header::after { display: none !important; }
.header.is-scrolled { height: 82px; }
.header { transition: background 180ms ease, box-shadow 180ms ease; }
.header-right { display: flex; align-items: center; gap: 13px; }
.site-settings-button { width: 32px; height: 36px; color: #a8bfdc; border-radius: 10px; }
.site-settings-button:hover { background: #173051; color: white; }
.realm-bar { gap: 4px; }
.realm-bar [data-realm=explore] { margin-left: auto; }
.n-welcome { margin-top: 25px; }
.n-welcome h2 { letter-spacing: -1.8px; }
.n-welcome h2 em { color: #c1dcff; }
.n-spark { font-size: .5em; margin-left: 16px; }
.motion-reveal { filter: none !important; transform: translateY(17px); transition: opacity 340ms var(--reveal-delay,0ms),transform 400ms var(--reveal-delay,0ms) cubic-bezier(.16,1,.3,1); }
.motion-reveal.is-visible { opacity: 1; transform: none; }
.route-enter { animation: none !important; }
.anime-card { transition: transform 220ms cubic-bezier(.16,1,.3,1); }
.anime-card:hover { transform: translateY(-4px); }
.poster-link { transition: transform 280ms cubic-bezier(.16,1,.3,1), box-shadow 240ms ease; }
.poster-img { filter: none !important; transition: transform 380ms cubic-bezier(.16,1,.3,1); }
.anime-card:hover .poster-img { transform: scale(1.035); }
.n-poster-status { right: auto; bottom: 10px; left: 10px; padding: 5px 7px; gap: 5px; max-width: calc(100% - 20px); width: fit-content; border: 1px solid #d5e7ff26; border-radius: 6px; background: #07111ee8; backdrop-filter: none; color: #e0edff; font-size: 8px; letter-spacing: .03em; font-weight: 550; line-height: 1.2; }
.n-poster-status .status-dot { width: 4px; height: 4px; box-shadow: none; animation: none; }
.n-score { font-size: 9px; padding: 5px 7px; border-radius: 6px; backdrop-filter: none; }
.n-score svg { width: 10px; height: 10px; }
.card-meta { color: #8da3bf; }
.preview-card-button, .banner-preview-button { display: none !important; }
.trailer-popover { backdrop-filter: none; background: #0b1729; box-shadow: 0 15px 45px #0008; }
.trailer-popover[data-controls=hidden] .er-trailer-controls { opacity: 0 !important; pointer-events: none; }
.trailer-popover[data-controls=visible] .er-trailer-controls { opacity: 1 !important; pointer-events: auto; }
.trailer-detail-popover .er-trailer-controls { opacity: 1 !important; pointer-events: auto; }
.preview-sound { display: grid; place-items: center; position: absolute; right: 9px; top: 9px; z-index: 8; width: 28px; height: 28px; border-radius: 50%; color: white; border: 1px solid #ffffff44; background: #06101dcc; cursor: pointer; }
.preview-sound svg { width: 13px; height: 13px; }
.trailer-detail-popover .preview-sound { display: none; }
.trailer-credit { display: block; color: #8298b4; padding: 5px 12px; font-size: 8px; line-height: 1.4; }
.trailer-modal-shade, .modal-backdrop { backdrop-filter: none; background: #020711c9; }
.hero-trailer-layer .trailer-credit { position: absolute; right: 14px; bottom: 8px; color: #dae9ff; text-shadow: 0 1px 4px #000; z-index: 4; pointer-events: none; }
.hero-trailer-layer .preview-sound { top: auto; bottom: 30px; right: 23px; }
.hero-trailer-layer .er-trailer-controls { opacity: 0; pointer-events: none; }
.hero-trailer-layer[data-controls=visible] .er-trailer-controls { opacity: 1; pointer-events: auto; }
.site-settings { width: min(620px,calc(100vw - 28px)); max-height: calc(100dvh - 52px); overflow: auto; padding: 34px; border-radius: 22px; background: #0b1627; }
.site-settings h2 { font-size: 32px; margin: 12px 0 7px; letter-spacing: -1px; }
.site-settings > p { color: var(--muted); font-size: 12px; line-height: 1.7; margin-bottom: 28px; }
.site-settings section { margin: 24px 0; padding-top: 20px; border-top: 1px solid #243752; }
.site-settings h3 { margin: 0 0 13px; font-size: 13px; color: #e6effc; }
.site-settings .motion-options { margin: 0; gap: 8px; }
.site-settings .motion-options button { padding: 14px 16px; border-radius: 12px; transition: background 150ms ease,border-color 150ms ease; }
.site-settings .motion-options strong { font-size: 12px; }
.site-settings .motion-options small { font-size: 10px; line-height: 1.6; }
.site-settings .motion-options i { font-style: normal; color: #8dc5ff; margin-left: 15px; }
.setting-switch { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding: 14px 0; cursor: pointer; }
.setting-switch strong { display: block; font-size: 12px; }
.setting-switch small { display: block; font-size: 10px; color: #90a6c3; margin-top: 6px; line-height: 1.6; }
.setting-switch input { accent-color: #65adff; width: 19px; height: 19px; flex: 0 0 auto; }
.settings-themes { display: flex; gap: 9px; flex-wrap: wrap; }
.settings-themes button { display: flex; gap: 7px; align-items: center; padding: 9px 11px; border-radius: 8px; background: #111f34; color: #a5bbd8; border: 1px solid #2a3e5b; cursor: pointer; font-size: 10px; }
.settings-themes button.active { color: white; border-color: #81baff; }
.settings-themes i { width: 10px; height: 10px; border-radius: 50%; background: #5b8bc4; }
.settings-themes [data-theme=light] i { background: #e3eaff; }
.settings-themes [data-theme=catppuccin] i { background: #b3a5ec; }
.settings-note { font-size: 10px; color: #8fa6c5; line-height: 1.6; margin-top: 16px; }
.drawer-settings { display: block; text-align: left; padding: 14px 22px; border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; width: 100%; font: inherit; }
.drawer-settings:hover { background: #142a48; }
.search-correction { display: flex; align-items: center; gap: 9px; padding: 13px 16px; border: 1px solid #437bb75c; border-radius: 10px; color: #acc5e7; background: #10294675; margin: 18px 0; font-size: 12px; line-height: 1.5; }
.search-correction a { color: #e5f1ff; text-decoration: underline; text-underline-offset: 3px; }
.search-suggestions { backdrop-filter: none; }
@media(max-width:760px){.header.is-scrolled { height: 72px; }.header-right{gap:8px}.site-settings{padding:27px 22px}.realm-bar{overflow:auto;scrollbar-width:none;flex-wrap:nowrap}.realm-bar a{white-space:nowrap;padding:10px 11px}.realm-bar [data-realm=explore]{margin-left:0}.n-welcome h2{font-size:34px}.site-settings h2{font-size:29px}.settings-themes{gap:6px}}
.cartoon-hero .cinema-hero-copy { max-width: 70%; }
.cartoon-hero .cinema-feature h2 { margin: 9px 0; color: #e7f3ff; font-size: 27px; }
.cartoon-hero .cinema-feature p { max-width: 480px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; }
.cartoon-directory { margin-top: 42px; border: 1px solid #253b59; border-radius: 16px; padding: 22px; background: #0b1626; }
.cartoon-directory summary { cursor: pointer; display: flex; align-items: center; gap: 16px; list-style: none; }
.cartoon-directory summary > span { font: 9px monospace; letter-spacing: .12em; color: #86a6cc; }
.cartoon-directory summary strong { font-size: 16px; font-weight: 550; }
.cartoon-directory summary svg { width: 16px; height: 16px; margin-left: auto; }
.cartoon-directory > p { color: #8fa8c7; font-size: 11px; line-height: 1.8; margin: 20px 0 16px; }
.cartoon-directory-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 24px; }
.cartoon-directory-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #263952; color: #c4d7ed; font-size: 11px; line-height: 1.6; text-decoration: none; }
.cartoon-directory-list a:hover { color: white; }
.cartoon-directory-list svg { width: 11px; height: 11px; flex-shrink: 0; }
.search-correction small { display: block; color: #88a3c5; font-size: 10px; margin-top: 4px; }
.scope-tabs { flex-wrap: wrap; gap: 6px; }
.search-nearby h2 { font-size: 24px; margin: 14px 0 25px; }
@media(max-width:760px){.cartoon-directory-list{grid-template-columns:1fr}.cartoon-directory{padding:18px}.cartoon-directory summary{flex-wrap:wrap;gap:10px}.cartoon-directory summary strong{font-size:14px}.cartoon-hero .cinema-hero-copy{max-width:100%}.cartoon-hero .cinema-feature h2{font-size:23px}.scope-tabs a{padding:9px 12px;font-size:11px}}
.catalog-credit { color: #7e98ba; font-size: 10px; line-height: 1.7; margin: 20px 0; }
.catalog-credit a, .settings-credits a { color: #aecffa; text-underline-offset: 3px; }
.settings-credits { border-top: 1px solid #243752; padding: 15px 0; font-size: 10px; color: #8fa6c3; }
.settings-credits summary { cursor: pointer; font-size: 11px; }
.settings-credits p { line-height: 1.8; }