/* AniNest refinement: cinematic content, quieter chrome, readable personal tools. */
.site-shell { --bg:#0b0d15; --surface:#141824; --surface-2:#1b2030; --line:#30364a; --text-dim:#909bb1; --text-muted:#b1bacd; --header-h:76px; background:radial-gradient(ellipse at 90% 0,rgba(99,72,149,.08),transparent 32rem),var(--bg); }
.site-shell h1,.site-shell h2,.site-shell h3 { letter-spacing:-.025em; }
.site-shell main.container { padding-top:12px; padding-bottom:48px; }
.site-shell .site-header { background:#0c0f19f5; border-bottom:1px solid #293044; backdrop-filter:blur(14px); }
.site-shell .site-header__inner { padding-block:12px; }
.site-shell .brand__name { font-size:1.22rem; letter-spacing:-.05em; }
.site-shell .brand__image { width:42px; height:42px; }
.site-shell .header-search .input { border-radius:12px; background:#171c2b; border-color:#343b50; }
.site-shell .header-search form { gap:8px; }
.site-shell .btn { border-radius:10px; transition:background .15s,border-color .15s; }
.site-shell :where(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #ddd6fe; outline-offset:4px; }
.site-shell .btn--ghost { background:#191e2b; border-color:#343b50; }
.site-shell .btn--ghost:hover { background:#252c3f; border-color:#7c719b; }
.home-intro { padding:16px 0 22px; }
.home-intro h1 { font-size:clamp(1.5rem,2.5vw,2rem); }
.home-intro .eyebrow { margin-bottom:6px; }
.spotlight { min-height:390px; border-radius:18px; border-color:#44405a; box-shadow:0 20px 50px #0003; }
.spotlight__body { padding:40px; width:70%; }
.spotlight__body h2 { margin:12px 0 18px; font-size:clamp(1.8rem,3.4vw,3.4rem); }
.spotlight__shade { background:linear-gradient(90deg,#0c101bf5 0%,#0c101bcc 40%,#0c101b28 100%),linear-gradient(0deg,#0c101bbc,transparent 70%); }
.spotlight__poster { transform:none; width:clamp(140px,16vw,190px); border:1px solid #ffffff35; }
.rail { margin-top:38px; }
.rail__head { margin-bottom:18px; }
.rail__head h2 { font-size:1.3rem; }
.rail__head h2::before { width:4px; height:22px; border-radius:4px; background:var(--accent); }
.rail__head-controls { gap:8px; }
.rail__nav { border-radius:50%; background:#1a2030; border:1px solid #394159; width:38px; height:38px; }
.discovery-card__poster,.title-card__media { border:1px solid #ffffff16; border-radius:12px; }
.discovery-card__rank { font-size:.85rem; font-weight:750; border-radius:6px; background:#0b0d16ed; }
.discovery-card h3 { font-size:.86rem; font-weight:650; }
.discovery-card p { color:var(--text-muted); }
.site-shell .panel { border-color:#30364a; background:linear-gradient(135deg,#181c29,#131723); border-radius:16px; }
.history-card { position:relative; padding:12px; background:linear-gradient(120deg,#1c2133,#141925); gap:10px; }
.history-card__link { display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
.history-card__link>span { min-width:0; }
.history-remove { position:absolute; right:4px; top:3px; border:0; width:28px; height:28px; background:#101522; color:#c4cbdc; border-radius:50%; cursor:pointer; }
.history-card strong { padding-right:12px; }
.history-card progress { display:block; width:100%; height:4px; margin-top:10px; accent-color:var(--accent); }
.library-tools { display:flex; align-items:end; gap:16px; flex-wrap:wrap; padding:16px 0 22px; border-bottom:1px solid var(--line); margin-bottom:22px; }
.library-tools label { display:grid; gap:7px; font-size:.8rem; min-width:180px; }
.library-tools p { margin-left:auto; }
.library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:24px 18px; }
.library-card { min-width:0; background:#1a2030; border:1px solid #323a50; padding:10px; border-radius:12px; }
.library-card .title-card { border:0; background:none; }
.library-card__status { display:flex; gap:6px; margin:12px 0 4px; }
.library-card__status select { min-width:0; width:100%; font-size:.75rem; padding:8px; }
.library-remove { background:none; border:0; color:var(--text-muted); font:inherit; font-size:.72rem; cursor:pointer; padding:8px 0; }
.continue { flex-wrap:wrap; }
.continue form { margin:0; }
.series-card { border-color:#343c52; background:#1b2131; padding:12px; }
.series-card--current { background:linear-gradient(120deg,#312b48,#20253a); border-color:#a499d3; }
.series-card__label { letter-spacing:.075em; font-weight:650; }
.detail-hero { border-radius:18px; box-shadow:0 16px 42px #0003; }
.detail-hero .detail__head { gap:28px; }
.genre-tile { border-radius:16px; border:1px solid #42425b; }
.watch-layout { gap:24px; }
.watch-layout__side .panel { background:#151b29; }
.watch-layout__main .player { border-radius:12px; box-shadow:0 14px 40px #0005; }
.playback-toolbar { padding:14px 0 8px; margin-top:8px; }
.playback-recovery { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:14px 16px; border:1px solid #696080; border-radius:12px; background:#25213a; margin-top:16px; }
.playback-recovery p { font-size:.8rem; margin:4px 0 0; color:var(--text-muted); }
.thread-replies { margin:10px 0 0 18px; padding:4px 0 0 16px; border-left:2px solid #534766; }
.thread-replies>summary,.reply-composer>summary { cursor:pointer; font-size:.8rem; color:var(--accent); padding:10px 0; }
.reply-composer .comment-composer { margin-top:8px; }
.episode-comment__actions { flex-wrap:wrap; gap:10px; }
.episode-comment__actions button[aria-pressed=true] { border-color:var(--accent); background:var(--accent-soft); }
.site-footer { background:#0e121c; }
.mobile-dock { display:none; }
@media(min-width:1150px) {
 .side-nav { width:182px; background:linear-gradient(180deg,#111622,#0e111a); padding-top:20px; }
 .side-nav a { min-height:44px; align-items:center; margin-bottom:4px; border:1px solid transparent; }
 .side-nav a[aria-current] { border-color:#49435e; background:linear-gradient(90deg,#302942,#232438); color:#e0d8ff; }
 .side-nav__caption { color:#9da5ba; }
}
@media(max-width:699px) {
 .site-shell { padding-bottom:74px; --header-h:112px; }
 .site-shell main.container { padding-top:4px; }
 .site-shell .site-header__inner { gap:10px; padding-block:10px; }
 .site-shell .site-nav a { min-height:44px; padding:12px; }
 .site-shell .site-header__panel.is-open { border:1px solid var(--line); background:#151a29; border-radius:12px; padding:14px; }
 .mobile-dock { position:fixed; display:grid; grid-template-columns:repeat(4,1fr); bottom:0; left:0; right:0; padding:7px 8px max(7px,env(safe-area-inset-bottom)); background:#111624f5; border-top:1px solid #3b4059; z-index:45; backdrop-filter:blur(12px); }
 .mobile-dock a { display:flex; align-items:center; flex-direction:column; gap:4px; color:#abb5cb; font-size:.64rem; padding:5px; min-height:44px; border-radius:10px; }
 .mobile-dock span { font-size:1.25rem; line-height:1; }
 .mobile-dock a[aria-current] { color:#ded5ff; background:#322a45; }
 .home-intro { padding:14px 0 18px; }
 .spotlight { min-height:330px; }
 .spotlight__body { width:100%; padding:24px 20px; }
 .spotlight__body h2 { font-size:1.85rem; }
 .spotlight__description { margin:15px 0 20px; }
 .spotlight .btn-row { gap:10px; }
 .spotlight .btn { min-height:44px; font-size:.78rem; padding:10px 12px; }
 .rail { margin-top:28px; }
 .rail__head { gap:12px; }
 .rail__head p { font-size:.73rem; }
 .rail__nav { min-width:44px; min-height:44px; }
 .history-card { flex-basis:270px; }
 .history-remove { width:36px; height:36px; }
 .library-tools { align-items:stretch; gap:12px; }
 .library-tools label { flex:1; min-width:130px; }
 .library-tools p { width:100%; margin:0; }
 .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .library-card { padding:8px; }
 .library-card__status { flex-wrap:wrap; }
 .library-card__status .btn { width:100%; }
 .library-remove { min-height:44px; }
 .detail-hero .detail__head { padding:20px; gap:16px; }
 .watch-layout { gap:18px; }
 .watch-episodes .episode-grid { max-height:340px; }
 .playback-toolbar { gap:10px; }
 .playback-toggle { min-height:44px; }
 .playback-recovery { align-items:flex-start; flex-direction:column; }
 .site-shell .btn--sm { min-height:44px; }
 .thread-replies { margin-left:4px; padding-left:12px; }
 .series-heading .badge { flex-shrink:0; }
 .auth-dialog { padding:22px; }
 .auth-close { width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Spotlight artwork fills the card, with a readable text area over it. */
.player-connection { padding:10px 0; margin:0; }
.auth .input { min-width:0; max-width:100%; }
.episode-comment__body,.episode-comment details p { overflow-wrap:anywhere; }
@media(max-width:699px) {
 .site-shell .header-search { min-width:0; width:100%; }
 .history-remove { min-width:44px; min-height:44px; }
 .breadcrumb { flex-wrap:wrap; }
 .playback-toolbar .btn-row { flex-wrap:wrap; gap:8px; }
 .episode-comment__actions { flex-wrap:wrap; gap:10px; }
 .auth-dialog:has([data-register-form]) .auth-foot { font-size:.72rem; }
}
.spotlight__backdrop { object-position: center 38%; }
.spotlight__shade { background:linear-gradient(90deg,rgba(9,12,22,.96) 0%,rgba(9,12,22,.83) 38%,rgba(9,12,22,.18) 78%,rgba(9,12,22,.08)),linear-gradient(0deg,rgba(9,12,22,.6),transparent 60%); }
.spotlight__body { width:74%; max-width:760px; }
@media(max-width:699px) {
 .spotlight__body { width:100%; }
 .spotlight__shade { background:linear-gradient(90deg,rgba(9,12,22,.85),rgba(9,12,22,.48)),linear-gradient(0deg,rgba(9,12,22,.8),transparent); }
}
.watch-layout__main .player:fullscreen,
.watch-layout__main .player:-webkit-full-screen { width:100%; height:100%; max-width:none; aspect-ratio:auto; border:0; border-radius:0; background:#000; }