/* Six dark and six light palettes; shared component tokens keep every view readable. */
:root{--control:#101416;--soft:#29342e;--on-accent:#17220e;--muted-initial:#99a6a0;--poster:#26372e;--notice:#1a2420}
:root[data-theme="oceano"]{--bg:#0c1929;--panel:#13283c;--text:#edf6ff;--muted:#a7c1d7;--accent:#79d8ff;--line:#31485d;--control:#0c1d30;--soft:#254159;--on-accent:#082637;--muted-initial:#90a8bf;--poster:#203d58;--notice:#142d40}
:root[data-theme="foresta"]{--bg:#101e17;--panel:#1a2c22;--text:#f0f7ed;--muted:#b2c6b4;--accent:#9fe0a4;--line:#364c3c;--control:#102218;--soft:#2f4938;--on-accent:#132b17;--muted-initial:#9aaa9b;--poster:#294b32;--notice:#1d3225}
:root[data-theme="prugna"]{--bg:#211525;--panel:#302036;--text:#faf0ff;--muted:#cbb1d2;--accent:#eab3f2;--line:#51385a;--control:#23132c;--soft:#4a3053;--on-accent:#35153e;--muted-initial:#b29aba;--poster:#493252;--notice:#37233e}
:root[data-theme="ardesia"]{--bg:#181c24;--panel:#242b36;--text:#f2f4fa;--muted:#b5bfce;--accent:#b6c6ff;--line:#434c5d;--control:#171e2b;--soft:#384455;--on-accent:#1c2749;--muted-initial:#a1aabe;--poster:#34445a;--notice:#293242}
:root[data-theme="ambra"]{--bg:#241d13;--panel:#32291d;--text:#fff6e7;--muted:#d0bc9d;--accent:#f3c66d;--line:#574a35;--control:#261e12;--soft:#493d28;--on-accent:#382707;--muted-initial:#b4a285;--poster:#534329;--notice:#372d1e}
:root:is([data-theme="carta"],[data-theme="ghiaccio"],[data-theme="menta"],[data-theme="lavanda"],[data-theme="rosa"],[data-theme="sabbia"]){color-scheme:light}
:root[data-theme="carta"]{--bg:#f7f7f2;--panel:#fff;--text:#20291f;--muted:#56624f;--accent:#3d632c;--line:#d0d7c9;--control:#f6f8f1;--soft:#e3eadc;--on-accent:#fff;--muted-initial:#66765e;--poster:#dce4d3;--notice:#edf2e6}
:root[data-theme="ghiaccio"]{--bg:#eef5fc;--panel:#fff;--text:#172d46;--muted:#48627d;--accent:#15629a;--line:#c6d8e8;--control:#f1f7ff;--soft:#dceafb;--on-accent:#fff;--muted-initial:#526d85;--poster:#d2e4f5;--notice:#e2eef9}
:root[data-theme="menta"]{--bg:#edf7f1;--panel:#fcfffd;--text:#17382b;--muted:#4a695a;--accent:#19664c;--line:#c1dace;--control:#f0f9f4;--soft:#d9eee2;--on-accent:#fff;--muted-initial:#557264;--poster:#cce6d7;--notice:#e1f2e7}
:root[data-theme="lavanda"]{--bg:#f3effa;--panel:#fefdff;--text:#342747;--muted:#685877;--accent:#75459c;--line:#d9cce7;--control:#f6f2fb;--soft:#e9dff3;--on-accent:#fff;--muted-initial:#796888;--poster:#e2d4ef;--notice:#ede3f7}
:root[data-theme="rosa"]{--bg:#fcf0f3;--panel:#fffdfd;--text:#48232f;--muted:#815564;--accent:#a23559;--line:#e9cbd5;--control:#fff5f8;--soft:#f6dfe7;--on-accent:#fff;--muted-initial:#906575;--poster:#efcedb;--notice:#fae5eb}
:root[data-theme="sabbia"]{--bg:#f8f1e5;--panel:#fffaf1;--text:#3d3020;--muted:#766146;--accent:#855516;--line:#dfcdb3;--control:#fcf5e9;--soft:#efdfc4;--on-accent:#fff;--muted-initial:#867052;--poster:#e5d4b8;--notice:#f2e6ce}
.appearance{max-width:1320px;padding:22px 48px 0;margin:auto;display:flex;gap:28px;flex-wrap:wrap}
.theme-group{border:0;margin:0;padding:0;min-width:0;flex:1}
.theme-group legend{padding:0;margin-bottom:9px;color:var(--muted);font-size:10px;letter-spacing:1.6px;text-transform:uppercase}
.theme-options{display:flex;gap:5px;flex-wrap:wrap}
.theme-button{display:flex;align-items:center;gap:6px;background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:7px 9px;font-size:11px;font-weight:500;border-radius:7px}
.theme-button:hover{background:var(--soft);color:var(--text)}
.theme-button[aria-pressed="true"]{border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}
.theme-swatch{width:11px;height:11px;border-radius:50%;border:1px solid #80808070;background:var(--swatch);flex-shrink:0}
[data-set-theme="notte"]{--swatch:#101416}[data-set-theme="oceano"]{--swatch:#163d64}[data-set-theme="foresta"]{--swatch:#295839}[data-set-theme="prugna"]{--swatch:#693b76}[data-set-theme="ardesia"]{--swatch:#52617f}[data-set-theme="ambra"]{--swatch:#956e2c}
[data-set-theme="carta"]{--swatch:#f7f7f2}[data-set-theme="ghiaccio"]{--swatch:#cbe3ff}[data-set-theme="menta"]{--swatch:#bde6cf}[data-set-theme="lavanda"]{--swatch:#e3cdf7}[data-set-theme="rosa"]{--swatch:#f4c8d8}[data-set-theme="sabbia"]{--swatch:#ead4ae}
.hero{padding-top:44px}.brand-icon,button,.button,.alphabet .selected{color:var(--on-accent)}
.search-field{background:var(--control);border-color:var(--line)}
.button:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}
.secondary{background:var(--soft);color:var(--text)}
.alphabet .muted{color:var(--muted-initial)}
.alphabet a:hover{background:var(--soft);color:var(--text)}
.poster{background:var(--poster);border-color:var(--line)}
.poster-placeholder{color:var(--muted)}
.badge{color:#f5f7f0;border-color:#526344}
.card-open{color:#d9ff91}
.catalog-note,.notice{background:var(--notice);border-color:var(--line)}
.episode-links a{border-color:var(--line)}
.player-note{font-size:12px;color:var(--muted);max-width:700px;margin:15px 0 0;line-height:1.65}
.theme-button{color:var(--muted)}
.theme-button[aria-pressed="true"]{color:var(--text)}
@media(max-width:1150px){.appearance{gap:20px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.theme-button{justify-content:center}}
@media(max-width:600px){.appearance{padding:18px 20px 0;gap:18px}.theme-group{flex-basis:100%}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-button{font-size:12px;padding:9px 7px}.hero{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* Compact header dropdown, independent of catalogue layout. */
.topbar{position:relative}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}
.header-actions .nav-link{margin-left:0;white-space:nowrap}
.theme-menu{position:relative}
.theme-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;background:var(--panel);white-space:nowrap;user-select:none}
.theme-menu>summary::-webkit-details-marker{display:none}
.theme-menu[open]>summary,.theme-menu>summary:hover{border-color:var(--accent);background:var(--soft)}
.theme-indicator{color:var(--accent);font-size:19px;line-height:1}
.current-theme,.menu-chevron{color:var(--muted)}
.theme-menu[open] .menu-chevron{transform:rotate(180deg)}
.theme-menu .appearance{position:absolute;z-index:20;right:0;top:calc(100% + 13px);width:390px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:19px;margin:0;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 18px 55px #0004,0 3px 10px #0002}
.theme-menu-heading{display:flex;flex-direction:column;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.theme-menu-heading strong{font-size:17px;letter-spacing:-.4px;font-weight:600}
.theme-menu-heading>span{font-size:12px;color:var(--muted)}
.theme-menu .theme-group{flex:initial;width:100%}
.theme-menu .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.theme-menu .theme-button{justify-content:flex-start;padding:11px 10px;font-size:12px;border-radius:9px;gap:8px}
.theme-menu .theme-swatch{width:14px;height:14px}
@media(max-width:800px){.top-label{display:none}}
@media(max-width:600px){.header-actions{gap:12px}.current-theme{display:none}.theme-menu{position:static}.theme-menu>summary{padding:9px 10px;gap:6px;font-size:11px}.theme-menu .appearance{right:20px;top:calc(100% - 3px);padding:18px}.header-actions .nav-link{font-size:10px}.theme-menu .theme-button{padding:10px 8px;font-size:12px}.topbar{gap:10px}}

.poster-trigger{position:absolute;inset:0;display:block;cursor:zoom-in}
.poster-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111c;color:#fff;font-size:24px;border:1px solid #fff6}
.poster-trigger:focus-visible{outline-offset:-4px}
html.lightbox-open{overflow:hidden}
.poster-lightbox{padding:16px;margin:auto;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #0008;overflow:auto}
.poster-lightbox::backdrop{background:#000c;backdrop-filter:blur(6px)}
.poster-lightbox figure{margin:0}
.poster-lightbox figure img{display:block;width:auto;height:78dvh;max-width:calc(100vw - 66px);object-fit:contain;border-radius:8px;margin:auto}
.poster-lightbox figcaption{margin-top:12px;font-size:14px;text-align:center;max-width:65ch}
.lightbox-close{position:absolute;right:23px;top:23px;z-index:1;width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:50%;background:#111e;color:#fff;border:1px solid #fff8;font-size:27px;font-weight:400;line-height:1;cursor:pointer}
.lightbox-close:hover{background:#333}
.lightbox-error{color:var(--muted);font-size:13px;text-align:center}