:root{--bg:#080e1a;--panel:#101b2c;--line:#27354b;--ink:#eff4ff;--muted:#aab8ce;--accent:#86d9ff;--violet:#baa5ff;--gold:#e9c27a;--brass:#9f8050}
body{background:radial-gradient(ellipse at 85% 0,#35215b38,transparent 34%),radial-gradient(ellipse at 0 20%,#0f436438,transparent 40%),var(--bg)}
button{border-radius:10px;transition:background .18s,border-color .18s,transform .18s}button:hover{border-color:#60799e;background:#1d2c42}button.accent{background:linear-gradient(110deg,#91e2ff,#8abfff);color:#071c30;border-color:transparent;box-shadow:0 4px 24px #65bbff16}button.accent:hover{background:#b4e9ff;transform:translateY(-1px)}
[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px;background:var(--ink);color:var(--bg);border-radius:8px}.skip-link:focus{top:12px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
header{max-width:1600px;margin:auto;padding:18px 4%;gap:25px;position:relative;z-index:10;border-bottom-color:#ffffff0e}header .brand{font-size:18px;letter-spacing:2px}.brand img{width:36px;height:36px}nav{gap:5px;justify-content:center;align-items:center}nav button,nav summary{font-size:14px;padding:9px 15px;border-radius:9px;color:var(--muted)}nav button.active{color:var(--ink);background:#24384f;border:1px solid #5f99bd38}nav [data-view=tonight].active{color:#e2d7ff;background:#30254b;border-color:#a984f54d}nav [data-view=shelves].active{color:#ffe4b1;background:#362b1c;border-color:#cb985e40}.more-menu{position:relative}.more-menu summary{cursor:pointer;list-style:none;white-space:nowrap}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{background:#23324a;color:var(--ink)}.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:8px;background:#142035;border:1px solid #415570;border-radius:14px;box-shadow:0 18px 60px #0009;display:grid;gap:3px}.menu-panel button{text-align:left;width:100%;border:0;font-size:13px;white-space:normal}.menu-panel button:hover{background:#253a56}
main{max-width:1500px;padding:0 4%}.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:center;padding:36px 0 28px;border-bottom:none;overflow:visible}.hero .eyebrow{font-size:10px;letter-spacing:1.9px;margin:0 0 12px}h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-1.8px;margin:0;line-height:1.08}h1 em{color:var(--violet);display:inline}.intro{font-size:15px;max-width:none;margin:14px 0 16px}.hero-note{font-size:11px;letter-spacing:.15px;gap:8px}.pulse{background:var(--accent);box-shadow:0 0 14px #5dbdff6b}.hero-side{position:relative;border:1px solid #938bd226;border-radius:18px;padding:16px 20px;background:linear-gradient(135deg,#23456335,#7a4a9b20);overflow:hidden}.hero-side>p{font-size:14px;line-height:1.55;color:#d9dff1;position:relative}.orbit-mark{position:absolute;right:-5px;top:-33px;font-size:134px;line-height:1;color:#bca7ff23;transform:rotate(15deg)}.hero-actions{margin:14px 0 0;gap:9px;position:relative;flex-wrap:wrap}.hero-actions button{padding:8px 10px;font-size:11px;border-color:#aea0d245}.text-button{border:0!important;background:transparent!important;color:var(--muted)}
#hosting-notice{margin:0 0 16px}.hosting-status{border:1px solid #6372a144;background:#1721398c;border-radius:11px;font-size:12px;color:#c9d5e8}.hosting-status summary{display:flex;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;list-style:none}.hosting-status summary::before{content:'';width:6px;height:6px;flex-shrink:0;background:var(--gold);border-radius:50%}.hosting-status summary span{color:var(--gold);margin-left:auto}.hosting-status p{margin:0;padding:0 14px 12px;color:var(--muted)}
#workspace{padding:0 0 50px}.discovery-search{display:flex;gap:10px;margin:3px 0 20px;padding:7px;border:1px solid #5479a866;border-radius:15px;background:#142238b0;box-shadow:0 10px 35px #0002}.discovery-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #72cfff15}.discovery-search>span{align-self:center;color:var(--accent);font-size:24px;margin-left:9px}.discovery-search input{border:0;background:transparent;padding:9px;min-width:0;flex:1;font-size:15px}.discovery-search input:focus-visible{outline:0}.discovery-search button{padding:10px 23px;flex-shrink:0}
.discovery-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.shortcut{text-align:left;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #7ca8c12b;position:relative;overflow:hidden;background:linear-gradient(120deg,#18566a3d,#13263d60)}.shortcut::after{content:'↗';margin-left:auto;color:#b8d4e8;font-size:16px}.shortcut:hover{background:#193f50;border-color:#66bdda80;transform:translateY(-2px)}.shortcut.violet{background:linear-gradient(120deg,#62409245,#22203c60);border-color:#b48cdf35}.shortcut.violet:hover{background:#3c2b58;border-color:#bca1ea}.shortcut.gold{background:linear-gradient(120deg,#6d4a2245,#26203260);border-color:#cfa96935}.shortcut.gold:hover{background:#473321;border-color:#d6b374}.shortcut.rose{background:linear-gradient(120deg,#7538553d,#30203860);border-color:#bd759c35}.shortcut.rose:hover{background:#4c2a43;border-color:#dd9bba}.shortcut-icon{font-size:26px;color:var(--accent);line-height:1;width:30px;text-align:center;flex-shrink:0}.violet .shortcut-icon{color:var(--violet)}.gold .shortcut-icon{color:var(--gold)}.rose .shortcut-icon{color:#f2acca}.shortcut strong{display:block;font-size:13px;font-weight:600}.shortcut small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.browse-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff13;padding:0 0 15px;margin-bottom:20px;flex-wrap:wrap}.browse-bar>button{font-size:12px;border:0;padding:9px 12px;color:var(--muted);border-radius:8px}.browse-bar>button.selected{color:var(--accent);background:#1b374d}.browse-bar label{margin:0 0 0 auto;display:flex;align-items:center;gap:9px;font-size:11px}.browse-bar select{font-size:12px;padding:8px;max-width:215px;background:#142237}.section-heading{margin:0 0 17px;align-items:center}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:6px}.section-heading p:not(.eyebrow){font-size:12px;max-width:730px}.section-heading [data-view]{font-size:11px;color:var(--accent)}
.layout{grid-template-columns:235px minmax(0,1fr);gap:24px}.layout:has(.filter-drawer:not([open])){grid-template-columns:minmax(0,1fr)}.filter-drawer{position:sticky;top:16px;min-width:0}.filter-drawer>summary{display:flex;gap:14px;justify-content:space-between;align-items:center;background:#142135;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:12px;cursor:pointer;list-style:none}.filter-drawer>summary>span{font-size:10px;color:var(--accent)}.filter-drawer[open]>summary{margin-bottom:10px}.filter-drawer .filters{border-radius:12px;background:#111d2dd9;padding:17px}.filters label{font-size:11px;margin-bottom:12px}.filters input,.filters select{font-size:12px;padding:9px}.filters .actions{margin-bottom:0}.filters .actions button{font-size:11px;padding:8px}.filter-drawer:not([open]){position:static}.layout:has(.filter-drawer:not([open])) .filter-drawer>summary{width:max-content;min-width:220px}.toolbar{margin:0 0 14px}.toolbar small{font-size:11px}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:11px;padding:7px 11px}.toolbar #five-picks{color:#dfd1ff;border-color:#9b7cd24d;background:#3024476b}.toolbar #copy-view{color:var(--muted)}
.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 18px}.layout:has(.filter-drawer[open]) .grid{grid-template-columns:repeat(5,minmax(0,1fr))}.grid article{position:relative;min-width:0}.card{width:100%;border-radius:12px;min-width:0}.poster{border-radius:13px;border:1px solid #a9c1eb18;box-shadow:0 8px 24px #0003;transition:transform .2s,border-color .2s,box-shadow .2s;background:linear-gradient(140deg,#254865,#38274c);aspect-ratio:2/3}.poster img{display:block;transition:transform .3s}.card:hover .poster,.card:focus-visible .poster{transform:translateY(-4px);border-color:#8bceff88;box-shadow:0 12px 35px #0006}.card:hover .poster img{transform:scale(1.03)}.card:hover{background:transparent}.card strong{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.05px;margin:12px 0 5px;color:var(--ink);overflow-wrap:anywhere}.card-meta{display:flex;gap:6px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.card-meta .score{color:var(--gold);white-space:nowrap}.card-runtime{font-size:10px;color:#aebbd0;margin-top:4px;display:block}.badge{font-size:9px;letter-spacing:.8px;padding:4px 7px;bottom:10px;left:10px;color:#e3edff;background:#080e1ae8;backdrop-filter:blur(6px);border-color:#97b5df35}.reason{font-size:10px;margin:7px 0;color:#9bcded}.quick-save{position:absolute;right:9px;top:9px;width:34px;height:34px;min-height:0;padding:0;border:1px solid #d0dbeb55;border-radius:50%;background:#0b1526d9;color:#fff;font-size:19px;z-index:2;backdrop-filter:blur(6px)}.quick-save:hover{background:#413223;color:var(--gold);border-color:var(--gold)}.quick-save.saved{color:var(--gold);background:#30241ee8;border-color:#d5a96088}.skeleton .poster{background:linear-gradient(110deg,#192539 25%,#273853 40%,#192539 60%);background-size:200% 100%;animation:shimmer 1.8s ease infinite}.skeleton-line{height:10px;border-radius:4px;background:#1a293d;margin-top:12px;width:75%}.skeleton-line.short{width:45%;height:7px;margin-top:8px}@keyframes shimmer{to{background-position:-200% 0}}
.chip{font-size:11px;padding:7px 11px;border-color:#4d638444}.chip.selected{background:var(--accent);color:#0b1c33}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#active-filters{margin:0 0 18px}#active-filters .chip{color:#dbd1fa;background:#2a223e88;border-color:#9377bd55}.empty{padding:35px;background:#121e2d;border-style:solid;font-size:13px}.empty .actions{justify-content:center}.catalog-notes{margin-top:30px;border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted)}.catalog-notes summary{cursor:pointer;list-style:none;color:#cbd5e8}.catalog-notes summary::after{content:' +';color:var(--accent)}.catalog-notes p{max-width:900px;line-height:1.7}
.panel,.metric{background:linear-gradient(145deg,#142239,#111a2b);border-color:#40547166;border-radius:15px}.panel{padding:26px}.panel h3{font-size:25px}.panel p{line-height:1.7}.metrics .metric:nth-child(2) strong{color:var(--gold)}.metrics .metric:nth-child(3) strong{color:var(--violet)}.metric strong{font-size:38px}.panels{gap:20px}.row-item{border:1px solid #39506c33;padding:12px;background:#0e1929}.pill{background:#18283a;border-color:#4c658844;color:#c3d5e9;font-size:10px}.details-meta{color:var(--gold);font-size:13px}.detail-layout h2{font-size:38px}.detail-layout>div:first-child img{box-shadow:0 18px 40px #0005}.details-meta+p{font-size:14px;line-height:1.8}.help-link{color:var(--accent)}.actions .help-link{padding:9px 0}dialog{background:linear-gradient(140deg,#17243a,#101a2c);border-color:#6680a45c;border-radius:20px;padding:35px;box-shadow:0 30px 100px #0008}dialog h2{font-size:36px}.close{border-radius:50%;font-size:22px;width:35px;height:35px;padding:0;min-height:0;background:#15233b}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.guide-steps section{border-top:1px solid #6e7e9a55;padding-top:18px}.guide-steps section>span{font-size:12px;color:var(--accent);letter-spacing:2px}.guide-steps section:nth-child(2)>span{color:var(--gold)}.guide-steps section:nth-child(3)>span{color:var(--violet)}.guide-steps h3{font:600 16px Arial;margin:12px 0}.guide-steps p{font-size:12px;line-height:1.8}.notice{font-size:12px;border-color:#6285ab55;background:#182a44}.details-layout .hint{font-size:11px}.hint{line-height:1.7}.chart .bar{background:linear-gradient(var(--violet),#5e9dc7)}#toast{background:#d3eaff;color:#10243b;box-shadow:0 8px 25px #0004;font-size:13px}
footer{max-width:1500px;margin:auto;border-top-color:#ffffff14;padding-top:30px;padding-bottom:35px}.footer-tag{font-size:10px;color:#a1b6d0}.footer-links{max-width:650px}.footer-links>button{border:0;padding:5px 9px;color:#c3d0e3;font-size:11px}.footer-links p{line-height:1.7;font-size:10px}.footer-links img{margin-top:8px}footer .brand{font-size:16px}
@media(min-width:851px){.section-heading .eyebrow{margin-top:6px}}
@media(max-width:1150px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.layout:has(.filter-drawer[open]) .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut{padding:13px;gap:9px}.shortcut-icon{font-size:23px;width:23px}.shortcut small{font-size:10px}.hero{grid-template-columns:minmax(0,1fr) 250px}nav button,nav summary{padding:8px 11px}}
@media(max-width:850px){header{padding:14px 4%;gap:10px}header .brand{font-size:16px}.brand img{width:30px;height:30px}header>.accent{margin-left:auto;font-size:11px;padding:9px 12px}nav{order:3;flex-basis:100%;justify-content:start;overflow:visible;gap:4px}nav button,nav summary{font-size:12px;padding:8px 13px}.more-menu{margin-left:auto}.menu-panel{right:0}.hero{grid-template-columns:minmax(0,1fr);padding:25px 0 20px;gap:0}.hero-side{display:none}.hero h1{font-size:clamp(34px,6vw,48px);letter-spacing:-1.2px}.hero .intro{font-size:13px;margin:10px 0 12px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-note{font-size:10px}.hero-note .pulse{width:5px;height:5px}.discovery-shortcuts{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.shortcut{display:block;padding:13px}.shortcut::after{position:absolute;right:11px;top:10px;font-size:12px}.shortcut-icon{display:block;font-size:21px;margin-bottom:9px;text-align:left}.shortcut strong{font-size:11px}.shortcut small{font-size:9px;margin-top:4px}.discovery-search{margin-bottom:16px}.discovery-search input{font-size:13px}.discovery-search button{font-size:12px;padding:9px 14px}.section-heading{align-items:start;flex-direction:row;gap:10px;margin-bottom:15px}.section-heading h2{font-size:27px}.section-heading p:not(.eyebrow){font-size:11px}.layout,.layout:has(.filter-drawer[open]){grid-template-columns:minmax(0,1fr);gap:15px}.filter-drawer{position:static;grid-column:auto}.filter-drawer .filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.filter-drawer>summary,.layout:has(.filter-drawer:not([open])) .filter-drawer>summary{width:100%;min-width:0}.filter-pair{grid-column:auto}.grid,.layout:has(.filter-drawer[open]) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.card strong{font-size:13px}.browse-bar{gap:5px;padding-bottom:13px}.browse-bar>button{font-size:11px;padding:7px 9px}.browse-bar label{width:100%;margin:6px 0 0}.browse-bar select{flex:1;max-width:none}.hosting-status{font-size:10px}.hosting-status summary{padding:9px 11px}.hosting-status summary span{font-size:10px}dialog{padding:30px 24px}.detail-layout h2{font-size:30px}footer{flex-direction:column}.footer-links{max-width:none}.guide-steps{gap:14px}.guide-steps h3{font-size:14px}}
@media(max-width:500px){nav button,nav summary{font-size:11px;padding:8px 10px}header .brand{font-size:14px;letter-spacing:1.5px}header>.accent{padding:8px 10px;font-size:10px}.hero h1{font-size:36px;max-width:320px}.hero h1 em{display:block}.hero-note{font-size:9px}.discovery-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shortcut{display:flex;padding:12px;gap:10px;align-items:center}.shortcut-icon{display:block;margin:0;font-size:24px;width:27px;flex-shrink:0}.shortcut strong{font-size:11px}.shortcut small{font-size:9px}.shortcut::after{display:none}.discovery-search>span{font-size:20px;margin-left:6px}.discovery-search input{padding:7px 4px;font-size:12px}.discovery-search button{padding:8px 11px;font-size:11px}.discovery-search{gap:5px;padding:6px}.browse-bar>button{font-size:10px;padding:7px 8px}.filter-drawer .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-pair{grid-column:1/-1}.grid,.layout:has(.filter-drawer[open]) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.card strong{font-size:13px}.card-meta{font-size:10px}.quick-save{width:31px;height:31px;font-size:17px}.toolbar button{font-size:10px;padding:7px 10px}.toolbar{gap:10px}.toolbar>div{gap:6px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:8px}.section-heading p:not(.eyebrow){font-size:10px}.section-heading [data-view]{font-size:10px;white-space:nowrap;padding:6px}.guide-steps{grid-template-columns:1fr;margin:20px 0;gap:18px}.guide-steps p{margin-bottom:0}.guide-steps h3{font-size:16px}.guide-steps section{padding-top:12px}dialog h2{font-size:30px}.detail-layout{gap:17px}.detail-layout>div:first-child img{max-width:140px}.panel{padding:20px}.metric{padding:20px}.metric strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover .poster,.card:hover .poster img,.shortcut:hover,button.accent:hover{transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.more-menu.active>summary{color:var(--accent);background:#1a3046}.browse-bar label:last-child{margin-left:0}.browse-bar label:last-child select{max-width:150px}@media(max-width:850px){.browse-bar label{width:auto;flex:1;min-width:0;margin:6px 0 0}.browse-bar select{min-width:0;width:100%;max-width:none!important}.browse-bar>button{flex:0 0 auto}.browse-bar{column-gap:8px}.browse-bar label>select{padding:7px 5px}.browse-bar label{font-size:10px}.browse-bar label:last-child{flex:0 0 38%}}@media(max-width:500px){.hero{padding:20px 0 17px}.hero .intro{margin:8px 0 10px;font-size:11px}.discovery-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shortcut{display:block;padding:10px 8px}.shortcut-icon{font-size:19px;width:auto;margin:0 0 7px}.shortcut strong{font-size:10px;line-height:1.4;min-height:28px}.shortcut small{display:none}.browse-bar>button{font-size:9px;padding:6px 7px}.browse-bar label{gap:5px}.section-heading p:not(.eyebrow){line-height:1.6}.toolbar>div{gap:5px}.toolbar #copy-view{padding-left:0;padding-right:0}.hero h1{font-size:34px}}
.shelf-tools{margin-top:30px;border-top:1px solid var(--line);padding-top:17px}.shelf-tools>summary{cursor:pointer;color:var(--muted);font-size:12px;margin-bottom:20px;list-style:none}.shelf-tools>summary::after{content:' +';color:var(--accent)}.shelf-tools .panels{margin-top:20px}#shelf-results .empty{grid-column:1/-1}.grid>.sr-only{position:absolute}
[data-shelf=favorites].selected{background:var(--gold);color:#231a0c;border-color:var(--gold)}#favorite-title{color:var(--gold);border-color:#b894574d}.hero .eyebrow::before{content:'';display:inline-block;width:18px;height:1px;background:var(--brass);margin-right:9px;vertical-align:middle}.hero-side{border-color:#9f80502b}
.browse-bar{display:grid;grid-template-columns:minmax(0,1fr) 225px 165px;gap:12px}.collection-tabs{display:flex;gap:5px;align-items:center;min-width:0;flex-wrap:wrap}.collection-tabs button{font-size:11px;padding:8px 10px;border:0;color:var(--muted)}.collection-tabs button.selected{color:var(--accent);background:#1b374d}.browse-bar label,.browse-bar label:last-child{width:auto;flex:none;min-width:0;margin:0;display:flex;font-size:10px;gap:7px}.browse-bar select,.browse-bar label:last-child select{width:100%;min-width:0;max-width:none;font-size:11px}@media(max-width:1100px){.browse-bar{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px}.collection-tabs{grid-column:1/-1}.browse-bar label{margin:0}}@media(max-width:500px){.collection-tabs{justify-content:space-between;gap:3px}.collection-tabs button{padding:7px;font-size:10px}.browse-bar select{font-size:10px;padding:9px 5px}.browse-bar{gap:9px;margin-bottom:17px}}
.shortcut-mobile{display:none}.more-menu>summary{min-height:40px;display:flex;align-items:center;gap:6px}@media(max-width:500px){.shortcut-full{display:none}.shortcut-mobile{display:inline}.shortcut strong{font-size:12px;line-height:1.3;min-height:30px}.quick-save{width:44px;height:44px;min-height:44px;font-size:21px;right:6px;top:6px}nav button,nav summary{font-size:12px;min-height:44px;padding:8px 10px}.card-meta{font-size:11px}.card-runtime{font-size:11px}.guide-steps p{font-size:13px}}

.tonight-directions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.tonight-directions button{min-height:44px}.starter-panel{margin-bottom:24px;display:grid;gap:14px}.starter-panel select{max-width:380px}.starter-panel>button{justify-self:start}.starter-panel h3{margin:5px 0}.health-jobs{margin-top:22px}.health-state{display:inline-block;color:var(--accent);font-size:12px;border:1px solid var(--line);border-radius:20px;padding:5px 10px}.health-state.waiting{color:var(--gold)}.health-summary h3{font:32px Georgia,serif}.health-summary{background:linear-gradient(120deg,#14273c,#201c36)}.reason{line-height:1.55}

.shortcut-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:11px;color:var(--muted)}.shortcut-heading>span{text-transform:uppercase;letter-spacing:1px}.shortcut-heading button{border:0;color:var(--accent);font-size:12px;padding:7px 0;background:none;min-height:36px}.genre-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.genre-directory button{text-align:left;padding:15px;min-height:85px;background:#15263d}.genre-directory strong{display:block;color:var(--ink);margin-bottom:8px}.genre-directory span{display:block;font-size:11px;line-height:1.5;color:var(--muted)}@media(max-width:850px){.genre-directory{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{justify-content:space-between;gap:2px}header nav button,header nav summary{padding:8px 9px}}@media(max-width:500px){header nav button,header nav summary{font-size:11px;padding:8px 6px}.hero{padding:14px 0 12px}.hero h1{font-size:29px}.hero .eyebrow{display:none}.hero .intro{margin:7px 0}.hero-note{font-size:10px}.discovery-search{margin-bottom:10px}.shortcut-heading{margin-bottom:4px}.discovery-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px}.shortcut{display:flex;align-items:center;gap:8px;padding:10px;min-height:50px}.shortcut-icon{margin:0;font-size:20px;width:24px}.shortcut strong{min-height:0;font-size:12px}.shortcut-mobile{display:none}.shortcut-full{display:inline}.genre-directory button{padding:12px;min-height:90px}.genre-directory strong{font-size:13px}.genre-directory span{font-size:10px}.section-heading h2{font-size:24px}.section-heading{margin-bottom:12px}}
@media(max-width:500px){.hero h1{font-size:25px;letter-spacing:-.8px}.hero .intro{display:none}.hero{padding:12px 0}.hero-note{margin-top:8px}}
@media(max-width:500px){.hero h1 em{display:inline}.hero h1{max-width:none}.section-heading .eyebrow{display:none}.toolbar{gap:8px}.toolbar #share-shortlist,.toolbar #copy-view{font-size:9px;padding:7px}.toolbar>div{gap:4px}.browse-bar{margin-bottom:12px}.shortcut-heading{margin-top:0}}

/* Discovery should lead with choices and posters; advanced tools stay optional. */
.hero{padding:18px 0;grid-template-columns:1fr auto}.hero h1{font-size:36px;line-height:1.1;margin:5px 0}.hero .eyebrow,.hero .intro,.hero-side .orbit-mark,.hero-side>p{display:none}.hero-note{font-size:13px;justify-content:flex-start;margin-top:10px}.hero-note>span:last-child{margin-left:0}.hero-side{border:0;padding:0}.hero-actions{margin:0}.sync-state{font-size:13px;color:var(--muted);margin:8px 0 14px}.discovery-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.shortcut{display:flex;min-height:44px;padding:8px 12px;gap:8px;border-radius:24px;flex:0 1 auto}.shortcut-icon{font-size:18px;width:auto;margin:0}.shortcut small,.shortcut::after{display:none}.shortcut strong{font-size:13px;min-height:0}.shortcut-heading{font-size:12px}.shortcut-full{display:inline}.shortcut-mobile{display:none}.section-heading{margin:10px 0}.section-heading .eyebrow{display:none}.section-heading h2{font-size:29px;margin:4px 0}.section-heading p:not(.eyebrow){font-size:14px;margin:6px 0;line-height:1.5}.discovery-search{margin-bottom:12px}.browse-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding-bottom:10px}.browse-bar .collection-tabs{flex:1 1 100%}.browse-bar label,.browse-bar label:last-child{flex:1 1 180px;font-size:13px;display:block}.browse-bar select{font-size:14px;margin-top:5px;min-height:44px}.layout,.layout:has(.filter-drawer[open]){display:flex;flex-direction:column;gap:12px}.filter-drawer{width:100%;position:static}.filter-drawer .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filter-drawer .filters>h3,.filter-drawer .filters>.hint,.filter-actions{grid-column:1/-1}.filters label{font-size:14px}.filter-drawer>summary{font-size:14px;min-height:44px;width:100%!important;min-width:0!important}.toolbar{margin-bottom:14px;flex-wrap:wrap}.toolbar button{font-size:13px;min-height:44px}.toolbar small{font-size:13px}.card-meta,.card-runtime,.reason{font-size:13px}.card strong{font-size:15px}.hint,.notice,.pill,.guide-steps p,.footer-links p{font-size:14px}.row-item button,.recipe button,.close{min-width:44px;min-height:44px}.plain-steps li{margin:14px 0;line-height:1.6}.compact{max-width:900px}code{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.panel{min-width:0}.panel table{width:100%;table-layout:fixed}.panel td,.panel th{overflow-wrap:anywhere}.chart:has(>p){height:auto;min-height:65px}.sync-state:empty{display:none}.chip.selected,[aria-pressed=true].chip{background:#254566;border-color:var(--accent);color:#e2f6ff}.panel textarea{width:100%;min-height:100px;background:#0e1929;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}.shelf-pagination{margin-top:20px}.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.job-grid h3{font:600 18px Arial}.job-grid p{font-size:14px}.collection-tabs button{font-size:13px;min-height:44px}.hosting-status{font-size:13px}.hosting-status summary{padding:10px}.hosting-status summary span{font-size:13px}
@media(max-width:850px){.hero-side{display:none}.hero{grid-template-columns:1fr}.filter-drawer .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-bar label,.browse-bar label:last-child{flex:1 1 130px}.toolbar>div{flex-wrap:wrap}.section-heading h2{font-size:27px}nav button,nav summary{font-size:13px!important;padding:8px!important}.details-meta+p{font-size:15px}.more-menu{margin-left:0}.guide-steps p{font-size:14px}}
@media(max-width:500px){.hero h1{font-size:26px}.hero h1 em{display:inline}.hero{padding:10px 0}.discovery-shortcuts{gap:6px}.shortcut{padding:7px 10px}.shortcut strong{font-size:12px}.shortcut-heading button{font-size:13px;min-height:44px}.browse-bar label,.browse-bar label:last-child{flex:1 1 125px}.browse-bar select{font-size:14px}.collection-tabs{gap:3px;justify-content:flex-start}.collection-tabs button{font-size:12px;padding:8px}.toolbar #share-shortlist,.toolbar #copy-view{font-size:12px;padding:8px}.section-heading p:not(.eyebrow){font-size:14px}.card-meta,.card-runtime,.reason{font-size:12px}.panel{padding:17px}.panels,.metrics{grid-template-columns:1fr}header nav{flex-wrap:wrap;justify-content:flex-start}header .brand{font-size:14px}header>.accent{font-size:12px}.hero-note{font-size:12px}.row-item{gap:6px;padding:8px}.row-item span{min-width:0;overflow-wrap:anywhere}.row-item button{padding:6px}.job-grid{grid-template-columns:1fr}.hosting-status summary{flex-wrap:wrap}.hosting-status summary span{margin-left:0}dialog{max-width:calc(100vw - 20px);padding:22px 17px}.filter-drawer .filters{grid-template-columns:1fr 1fr;gap:12px}.filter-pair{grid-column:1/-1}.detail-layout h2{font-size:27px}}

.quick-pick-drawer{margin:4px 0 12px}.quick-pick-drawer>summary{cursor:pointer;color:var(--gold);font-size:14px;min-height:40px;padding:10px 0}.quick-pick-drawer[open] .shortcut-heading{margin-top:8px}.browse-bar .collection-tabs{flex:1 1 340px}.browse-bar label,.browse-bar label:last-child{flex:0 1 230px}.browse-bar label:has(#quick-format){flex-basis:170px}.hero h1{font-size:32px}.toolbar>div{display:flex;gap:8px}.toolbar{margin-bottom:10px}.discovery-search{min-height:58px}.sync-state{margin:4px 0 8px}#workspace h2:focus{outline:none}.section-heading h2{font-size:28px}main{padding-top:14px!important}
@media(max-width:850px){.browse-bar .collection-tabs{flex:1 1 100%}.browse-bar label,.browse-bar label:last-child,.browse-bar label:has(#quick-format){flex:1 1 130px}}
@media(max-width:500px){.hero{display:none}.quick-pick-drawer{margin-bottom:8px}.quick-pick-drawer>summary{font-size:13px}.sync-state{font-size:12px}.section-heading h2{font-size:24px}.toolbar{align-items:flex-start}.toolbar>div{gap:5px}.discovery-search{min-height:55px}.browse-bar{padding-bottom:5px;margin-bottom:5px}.filter-drawer>summary{padding:10px!important}.hero-note{font-size:12px}}

body[data-view=explore] #sync-state,body[data-view=tonight] #sync-state{display:none}.result-tools{margin-left:auto}.result-tools>summary{cursor:pointer;color:var(--accent);font-size:13px;min-height:40px;padding:10px}.result-tools>div{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.toolbar:has(.result-tools[open]){align-items:flex-start}.catalog-notes p{font-size:14px}.section-heading p{margin-bottom:4px!important}
@media(max-width:500px){header nav button,header nav summary{font-size:12px!important;padding:8px 6px!important}header nav{gap:0}.section-heading p:not(.eyebrow){display:none}.toolbar{align-items:center}.result-tools>summary{font-size:12px;padding:9px 5px}.result-tools{max-width:100%}.hosting-status summary span{display:none}.hosting-status summary{display:block}.hosting-status summary::after{content:' ⌄';color:var(--gold)}.browse-bar label{font-size:12px}.collection-tabs button{padding:7px}.quick-pick-drawer>summary{min-height:36px;padding:8px 0}}
body:not([data-view=setup]):not([data-view=shelves]) #sync-state{display:none}