/* ZERPHYX SUBS / CINEMA EDITION 2026: a single visual layer over the existing functional UI */
:root { color-scheme: dark; --zx-ink:#080f16; --zx-surface:#101b25; --zx-elevated:#172530; --zx-line:#2b3c49; --zx-text:#f2f7f4; --zx-muted:#9baeb9; --zx-lime:#c5f584; --zx-mint:#88e8cb; --zx-orange:#e4ab88; --zx-radius:18px; }
html { background:#080f16; scroll-padding-top:100px; }
html,body { max-width:100%; }
body.modern-workspace { --workspace-bg:#080f16; --workspace-surface:#101b25; --workspace-raised:#172530; --workspace-input:#0b1721; --workspace-line:#2b3c49; --workspace-text:#f2f7f4; --workspace-muted:#9baeb9; --workspace-purple:#c5f584; --workspace-primary:#c5f584; --workspace-ink:#132315; --workspace-success:#88e8cb; --workspace-error:#ffb3bd; --bg:#080f16; --surface:#101b25; --muted:#9baeb9; --purple:#c5f584; --white:#f2f7f4; background:#080f16; background-image:radial-gradient(ellipse 80% 20% at 90% 0%,#17403d50,transparent),radial-gradient(ellipse 70% 18% at 0% 27%,#1a294c50,transparent); background-attachment:fixed; color:#f2f7f4; color-scheme:dark; font-family:Heebo,Arial,sans-serif; font-size:15px; line-height:1.65; }
body.modern-workspace .wrap { width:min(1280px,calc(100% - 76px)); }
body.modern-workspace main { position:relative; }
body.modern-workspace ::selection { background:#c5f584;color:#11221a; }
body.modern-workspace :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid var(--zx-lime); outline-offset:3px; }
body.modern-workspace a,body.modern-workspace button { -webkit-tap-highlight-color:transparent; }
body.modern-workspace :is(.workspace-search,.workspace-library,.workspace-upload,.workspace-discovery,.workspace-addon,.workspace-help) { scroll-margin-top:105px; }
body.modern-workspace .topbar { position:sticky; top:0; z-index:70; height:80px; border-bottom:1px solid #2b3a4480; background:#081119ed; box-shadow:0 9px 30px #00000018; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
body.modern-workspace .topbar-inner { gap:26px; }
body.modern-workspace .brand { gap:11px; }
body.modern-workspace .brand-mark { width:44px; height:44px; border-radius:13px; border:1px solid #d3fb9c66; background:linear-gradient(150deg,#344d3d,#192b2d); box-shadow:inset 0 1px #ffffff21,0 7px 18px #0005; color:#d2ff98; }
body.modern-workspace .brand-copy strong { font-family:Outfit,Heebo,sans-serif; color:#fff; letter-spacing:-.8px; font-size:21px; font-weight:800; }
body.modern-workspace .brand-copy strong span { color:#c5f584; }
body.modern-workspace .brand-copy small { color:#849aa5; font:500 9px Heebo,Arial,sans-serif; letter-spacing:.1px; direction:rtl; text-align:left; }
body.modern-workspace .nav-links { gap:5px; color:#a4b5bf; font-size:13px; font-weight:650; }
body.modern-workspace .nav-links a { border:1px solid transparent; padding:10px 15px; border-radius:10px; transition:color .2s,background .2s; }
body.modern-workspace .nav-links a:hover,body.modern-workspace .nav-links a:focus-visible { background:#1b2c33; color:#e7f6ea; border-color:#31434b; }
body.modern-workspace .nav-live { color:#9acdbf; font-size:11px; }
body.modern-workspace .nav-live i { background:#98efc4; box-shadow:0 0 0 4px #79e8ad17; }
body.modern-workspace .nav-actions { gap:10px; }
body.modern-workspace :is(.account-nav-button,.account-mobile-button) { background:#15242c; border:1px solid #36505a; color:#ebf4f3; border-radius:12px; min-height:45px; font-weight:650; }
body.modern-workspace .account-nav-button:hover { background:#21343a; border-color:#76998f; }
body.modern-workspace .account-nav-button span:first-child { color:#b7ebb1; }
body.modern-workspace .btn { border-radius:12px; font-size:14px; font-weight:750; min-height:46px; transition:background .2s,border-color .2s,box-shadow .2s,transform .2s; }
body.modern-workspace .btn:hover:not(:disabled) { transform:translateY(-2px); }
body.modern-workspace .btn-primary { background:#c5f584; color:#17271b; border:1px solid #d2ff9d; box-shadow:0 8px 24px #b3fa5c19; }
body.modern-workspace .btn-primary:hover { background:#d7ffa5; box-shadow:0 12px 32px #b5f87931; }
body.modern-workspace :is(.btn-outline,.btn-glass) { color:#eaf4f3; background:#15222db8; border:1px solid #425862; }
body.modern-workspace :is(.btn-outline,.btn-glass):hover { background:#203540; border-color:#809da2; }
body.modern-workspace .nav-upload { padding-inline:17px; }
body.modern-workspace .nav-upload .plus { color:#17271b; }
body.modern-workspace .workspace-intro { min-height:520px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:26px; align-items:center; margin-top:30px; padding:52px 62px 88px; border-radius:28px; border:1px solid #344651; background:radial-gradient(ellipse 45% 70% at 10% 4%,#22505f66,transparent 85%),radial-gradient(ellipse 70% 80% at 100% 100%,#122a2766,transparent 70%),linear-gradient(125deg,#121f29,#0d1922 63%,#111e27); box-shadow:0 24px 70px #02080f5c, inset 0 1px #ffffff0c; overflow:hidden; isolation:isolate; position:relative; }
body.modern-workspace .workspace-intro::before { content:""; position:absolute; width:550px; height:550px; inset-inline-end:-170px; top:-290px; border:1px solid #d0ecbf13; border-radius:50%; box-shadow:0 0 0 60px #d0ecbf04,0 0 0 120px #d0ecbf03; pointer-events:none; }
body.modern-workspace .workspace-intro::after { content:""; position:absolute; inset:0; background-image:radial-gradient(#f0fff31a .7px,transparent .7px); background-size:22px 22px; opacity:.25; mask-image:linear-gradient(90deg,transparent,black); pointer-events:none; }
body.modern-workspace .workspace-intro-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; z-index:2; min-width:0; }
body.modern-workspace .hero-kicker { display:inline-flex; align-items:center; flex-wrap:wrap; gap:9px; white-space:normal; font-size:11px; color:#b7dfc7; letter-spacing:1px; font-family:Outfit,Heebo,sans-serif; font-weight:750; }
body.modern-workspace .hero-kicker .kicker-dot { background:#c5f584; width:8px; height:8px; box-shadow:0 0 0 4px #c5f58416; }
body.modern-workspace .hero-kicker .kicker-line { background:#546a64; height:1px; width:24px; }
body.modern-workspace .hero h1 { color:#f2f7f4; background:transparent; -webkit-text-fill-color:currentColor; font-size:clamp(42px,4.7vw,67px); line-height:1.15; font-weight:850; letter-spacing:-1.8px; margin:22px 0 18px; max-width:660px; text-wrap:balance; }
body.modern-workspace .hero h1 em { display:block; margin-top:5px; font-style:normal; color:#c5f584; background:none; -webkit-text-fill-color:#c5f584; }
body.modern-workspace .hero-lead { color:#afc1c9; max-width:580px; margin:0 0 28px; font-size:16px; line-height:1.9; font-weight:450; }
body.modern-workspace .hero-buttons { display:flex; gap:11px; flex-wrap:wrap; }
body.modern-workspace .hero-buttons .btn { min-height:54px; border-radius:12px; padding:13px 23px; font-size:14px; }
body.modern-workspace .hero-metrics { display:flex; gap:24px; align-items:center; margin:38px 0 0; width:auto; }
body.modern-workspace .hero-metrics div { min-width:0; border:0; border-inline-start:1px solid #4c6065; background:transparent; border-radius:0; box-shadow:none; padding:0 0 0 0; display:flex; flex-direction:column; gap:1px; backdrop-filter:none; }
body.modern-workspace .hero-metrics div:not(:first-child) { padding-inline-start:23px; }
body.modern-workspace .hero-metrics strong { color:#ecf6ee; -webkit-text-fill-color:#ecf6ee; font:800 26px/1.35 Outfit,Heebo,sans-serif; }
body.modern-workspace .hero-metrics span { color:#99b1b9; font-size:11px; }
.showcase { position:relative; height:395px; min-width:0; perspective:800px; }
.showcase-glow { position:absolute; width:84%; height:76%; left:5%; top:11%; background:#37687866; filter:blur(68px); border-radius:50%; }
.showcase-screen { position:absolute; inset:24px 15px 16px 18px; transform:rotate(-3deg); border:1px solid #79918d80; border-radius:18px; overflow:hidden; box-shadow:0 35px 65px #020711cb,0 0 0 9px #ffffff08; background:linear-gradient(180deg,#10273b 0%,#2d4b58 37%,#b08c7b 76%,#181f29 100%); }
.showcase-scene { position:absolute; inset:0; overflow:hidden; }
.showcase-sky { position:absolute; inset:0; background:radial-gradient(ellipse 35% 36% at 58% 46%,#ebbfa47a,transparent 90%),linear-gradient(180deg,#16283e,#3c5663 58%,#cd987c); }
.showcase-sun { position:absolute; width:145px; height:145px; left:33%; top:27%; border-radius:50%; background:#f6c9a6; box-shadow:0 0 84px #f1c79d85; opacity:.96; }
.showcase-mountains { position:absolute; inset:auto -9% 0; height:67%; clip-path:polygon(0 100%,0 77%,12% 55%,23% 67%,39% 29%,53% 62%,65% 48%,81% 20%,100% 67%,100% 100%); background:linear-gradient(175deg,#425264de,#132634); }
.showcase-mountains.back { bottom:8%; height:52%; opacity:.6; transform:scaleX(-1); background:#536b73; }
.showcase-mountains.front { height:50%; bottom:-8%; background:linear-gradient(#243b43,#0b1a27); clip-path:polygon(0 100%,0 47%,18% 68%,36% 33%,51% 54%,70% 17%,86% 53%,100% 28%,100% 100%); }
.showcase-haze { position:absolute; inset:0; background:linear-gradient(180deg,#0a182480 0%,transparent 32%,transparent 58%,#050f1ddc 100%); }
.showcase-toolbar { position:absolute; top:19px; inset-inline:20px; display:flex; align-items:center; justify-content:space-between; direction:ltr; color:#f4f6f5c9; font:600 11px Outfit,Arial,sans-serif; letter-spacing:1.8px; z-index:2; }
.showcase-rec { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid #ffffff56; border-radius:8px; background:#12232d8c; }
.showcase-rec i { width:7px; height:7px; background:#c5f584; border-radius:50%; box-shadow:0 0 0 3px #c5f58425; }
.showcase-subtitle { position:absolute; bottom:53px; left:13px; right:13px; text-align:center; z-index:2; font-size:clamp(17px,1.7vw,23px); font-weight:800; color:#fff; text-shadow:0 2px 2px #000,0 4px 10px #000b; }
.showcase-timeline { position:absolute; bottom:23px; left:23px; right:23px; height:4px; background:#ffffff51; border-radius:12px; z-index:2; }
.showcase-timeline span { display:block; height:100%; width:48%; border-radius:12px; background:#c5f584; }
.showcase-timeline::after { content:""; position:absolute; left:48%; top:50%; transform:translate(-50%,-50%); height:10px; width:10px; background:#e5ffbd; border-radius:50%; box-shadow:0 0 0 4px #c5f58435; }
.showcase-floating { position:absolute; z-index:3; right:-12px; bottom:0; width:max-content; max-width:84%; display:flex; align-items:center; gap:13px; padding:13px 17px; border-radius:13px; background:#0e1d27eb; border:1px solid #67837d; box-shadow:0 18px 39px #0309138c; transform:rotate(3deg); backdrop-filter:blur(14px); }
.showcase-floating-icon { width:42px; height:42px; display:grid; place-items:center; flex-shrink:0; border-radius:11px; background:#273f3a; color:#c5f584; font-size:20px; }
.showcase-floating div:last-child { display:flex; flex-direction:column; gap:3px; }
.showcase-floating strong { direction:ltr; text-align:right; font:750 12px Outfit,Heebo,sans-serif; color:#e8fff0; }
.showcase-floating small { font-size:11px; color:#a9c0b9; }

/* Search is the primary product surface, with an intentional overlap on the cinema cover. */
body.modern-workspace .hero-metrics div:first-child { border:0; padding-inline-start:0; }
body.modern-workspace .workspace-search { position:relative; z-index:4; margin-top:-44px; }
body.modern-workspace .search-wrap { padding:26px 30px 25px; background:linear-gradient(150deg,#16232d,#101b25 85%); border:1px solid #3e5259; border-radius:20px; box-shadow:0 18px 48px #01060c85; overflow:visible; }
body.modern-workspace .search-wrap::before { display:none; }
body.modern-workspace .search-heading { text-align:right; }
body.modern-workspace .section-eyebrow { font-size:11px; line-height:1.5; color:#b6ec9c; font-weight:800; letter-spacing:1.05px; }
body.modern-workspace .search-heading h2 { font-size:clamp(24px,2.65vw,30px); line-height:1.32; font-weight:800; letter-spacing:-.6px; margin:7px 0 5px; color:#f5faf8; }
body.modern-workspace .search-heading p { color:#9fb0b9; font-size:13px; margin:0 0 17px; }
body.modern-workspace .search-field { max-width:none; min-height:64px; height:64px; border:1px solid #506c72; border-radius:12px; background:#0b1720; padding:0 18px; gap:14px; box-shadow:inset 0 1px #ffffff07; }
body.modern-workspace .search-field:focus-within { border-color:#c5f584; box-shadow:0 0 0 4px #c5f5841a; }
body.modern-workspace .search-field svg { color:#bce99a; width:24px; height:24px; }
body.modern-workspace .search-field input { color:#f3f9f8; font-size:16px; font-weight:550; min-width:0; }
body.modern-workspace .search-field input::placeholder { color:#8ca3af; }
body.modern-workspace .search-field kbd { color:#bfd4cd; background:#20313a; border:1px solid #4a6168; border-radius:7px; font-size:13px; }
body.modern-workspace .file-search-drop { display:flex; align-items:center; justify-content:flex-start; gap:14px; max-width:none; margin:12px 0 0; padding:9px 12px; border:1px dashed #4c696b; border-radius:11px; background:#111f29; }
body.modern-workspace .file-search-button { color:#d6f6df; background:#244037; border:1px solid #547d69; border-radius:9px; font-weight:750; font-size:13px; }
body.modern-workspace .file-search-button:hover { background:#2e5545; }
body.modern-workspace .file-search-hint { color:#9aadb4; font-size:12px; text-align:start; }
body.modern-workspace :is(.file-search-panel,.search-results) { background:#172731; border:1px solid #48616b; border-radius:13px; }
body.modern-workspace :is(.file-search-panel-head strong,.result-heading b) { color:#eff9f5; }
body.modern-workspace :is(.file-search-panel-head button,.file-search-choice) { background:#223640; border:1px solid #547178; color:#deefe9; }
body.modern-workspace :is(.file-search-match,.discover-item) { background:#1a2b35; border:1px solid #405763; color:#f1faf7; }
body.modern-workspace :is(.file-search-match:hover,.discover-item:hover) { background:#243a45; }
body.modern-workspace :is(.file-search-match-details strong,.discover-item strong) { color:#f5f8f6; }
body.modern-workspace :is(.file-search-match-details small,.discover-item small,.file-search-note,.file-search-status,.result-heading span) { color:#a5b7bd; }
body.modern-workspace .workspace-library { padding:72px 0 62px; min-height:360px; }
body.modern-workspace .section-top { margin-bottom:26px; align-items:center; gap:24px; }
body.modern-workspace .section-top h2,body.modern-workspace .catalog-browse-heading h2 { font-size:clamp(28px,3.1vw,39px); line-height:1.25; letter-spacing:-.85px; margin:7px 0 9px; font-weight:830; color:#f4faf7; }
body.modern-workspace .section-top p,body.modern-workspace .catalog-browse-heading p { color:#9baeb9; font-size:14px; line-height:1.8; }
body.modern-workspace .library-heading-accent,body.modern-workspace .catalog-browse-heading em { color:#c5f584; }
body.modern-workspace .library-counter { border:1px solid #34474f; background:#12212a; border-radius:14px; padding:12px 16px; box-shadow:none; }
body.modern-workspace .library-counter-icon { width:44px; height:44px; background:#263f35; color:#c5f584; border-radius:10px; }
body.modern-workspace .library-counter strong { color:#f4faf7; font-size:24px; }
body.modern-workspace .library-counter small { color:#93acb3; }
body.modern-workspace .library-toolbar { background:#101d26; border:1px solid #2c424c; border-radius:16px; padding:12px 14px; box-shadow:none; }
body.modern-workspace .filter-pills,body.modern-workspace .library-view-toggle { background:#0b1720; border:1px solid #31454d; border-radius:10px; }
body.modern-workspace .filter-pills .filter { min-height:43px; border-radius:8px; color:#9ab0b8; font-weight:650; }
body.modern-workspace .filter-pills .filter:hover { background:#1f343c; color:#eaf7ec; }
body.modern-workspace .filter-pills .filter.active { background:#294133; color:#d9f5bd; box-shadow:inset 0 0 0 1px #608c64; }
body.modern-workspace .library-select-label { color:#b2c3ca; font-size:12px; }
body.modern-workspace .library-select-label select { background:#0b1720; border:1px solid #405762; color:#eff6f2; border-radius:9px; font-size:13px; }
body.modern-workspace .library-view-toggle button { color:#9eb0b4; }
body.modern-workspace .library-view-toggle button.active { color:#c9f38e; background:#263d33; }
body.modern-workspace .library-listing-meta { color:#9fb2bb; margin:18px 3px 16px; }
body.modern-workspace .library-listing-meta button { color:#c5f584; }
body.modern-workspace .library-title-grid,body.modern-workspace .catalog-browse-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:stretch; }
body.modern-workspace :is(.catalog-title,.catalog-browse-card) { border:1px solid #2e424d; background:#13212b; border-radius:15px; overflow:hidden; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; box-shadow:0 8px 24px #02081027; }
body.modern-workspace .catalog-title:hover,body.modern-workspace .catalog-browse-card:hover { background:#182b34; border-color:#6a9884; box-shadow:0 16px 36px #0007; transform:translateY(-5px); }
body.modern-workspace .catalog-art,body.modern-workspace .catalog-browse-art { aspect-ratio:2/2.87; background:linear-gradient(155deg,#273e4b,#15232d); }
body.modern-workspace .catalog-title:hover .catalog-poster img,body.modern-workspace .catalog-browse-card:hover .catalog-browse-art img { transform:scale(1.055); }
body.modern-workspace .catalog-poster img,body.modern-workspace .catalog-browse-art img { transition:transform .3s ease; }
body.modern-workspace .catalog-poster-fallback { background:radial-gradient(ellipse at 55% 20%,#4e6b6299,transparent 65%),linear-gradient(155deg,#33424f,#162430); }
body.modern-workspace .catalog-poster-fallback span,body.modern-workspace .catalog-browse-poster-fallback { color:#c8edac; }
body.modern-workspace .catalog-type,body.modern-workspace .catalog-browse-kind { background:#101e27e8; color:#e6f4ed; border:1px solid #72918688; border-radius:7px; }
body.modern-workspace .catalog-title-content,body.modern-workspace .catalog-browse-details { padding:15px 13px; gap:7px; }
body.modern-workspace .catalog-title-heading,body.modern-workspace .catalog-browse-details h3 { color:#f1f6f3; font-size:15px; line-height:1.45; font-weight:750; }
body.modern-workspace .catalog-title-meta,body.modern-workspace .catalog-title-footer,body.modern-workspace .catalog-browse-meta { color:#94aab6; font-size:11px; }
body.modern-workspace .catalog-title-footer { border-color:#31434b; padding-top:10px; }
body.modern-workspace .catalog-language { background:#263d33; color:#c8efad; border:1px solid #3d6750; border-radius:6px; font-size:10px; }
body.modern-workspace .catalog-language-more { background:#21313a; color:#b0bfc3; border-color:#415863; }
body.modern-workspace .catalog-chevron { color:#c5f584; }
body.modern-workspace .library-title-grid.catalog-list-layout { display:flex; gap:10px; }
body.modern-workspace .catalog-list-layout .catalog-title { flex-direction:row; }
body.modern-workspace .catalog-list-layout .catalog-art { height:auto; min-height:110px; aspect-ratio:auto; }
body.modern-workspace .catalog-list-layout .catalog-title-content { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,.9fr) minmax(105px,.65fr); gap:12px; }
body.modern-workspace :is(.empty-state,.loading-state,.catalog-detail-empty) { background:#111f28; border:1px dashed #3f5861; border-radius:18px; color:#a5b6bd; }
body.modern-workspace .empty-state { padding:52px 22px; }
body.modern-workspace .empty-symbol { background:#243c31; color:#c5f584; border:1px solid #43684b; }
body.modern-workspace .empty-state h3 { color:#f0f7f2; }
body.modern-workspace .empty-state p { color:#9fb3bd; }
body.modern-workspace .spinner { border-top-color:#c5f584; }
body.modern-workspace .workspace-upload { margin-top:12px; padding:38px 44px; gap:44px; background:radial-gradient(ellipse 70% 90% at 100% 50%,#2a45344b,transparent),linear-gradient(125deg,#162a2a,#101d27 78%); border:1px solid #3f6154; border-radius:23px; box-shadow:0 14px 38px #0004; grid-template-columns:1.12fr .88fr; }
body.modern-workspace .smart-intro-copy h2 { font-size:clamp(26px,3vw,37px); line-height:1.3; color:#f5faf6; margin:8px 0 14px; }
body.modern-workspace .smart-intro-copy h2 em { font-style:normal; color:#c5f584; }
body.modern-workspace .smart-intro-copy p { color:#adc2bd; font-size:14px; line-height:1.9; margin-bottom:20px; }
body.modern-workspace .smart-intro-benefits { color:#b6e6c5; font-size:12px; gap:9px 17px; }
body.modern-workspace .smart-inline-drop { min-height:236px; border:1.5px dashed #779b77; background:#0e201fe3; border-radius:16px; padding:23px; gap:7px; }
body.modern-workspace .smart-inline-drop:hover { background:#18342e; border-color:#c5f584; transform:translateY(-2px); }
body.modern-workspace .smart-inline-icon { width:47px; height:47px; border-radius:13px; background:#274636; color:#d4f7b5; font-size:28px; }
body.modern-workspace .smart-inline-drop strong { color:#f0f7f2; font-size:17px; }
body.modern-workspace .smart-inline-drop > span:nth-of-type(2) { color:#9fbdb5; }
body.modern-workspace .smart-inline-cta { border-radius:10px; background:#c5f584; color:#17271b; font-size:13px; padding:10px 18px; }
body.modern-workspace .smart-inline-formats { color:#8eacaa; }
body.modern-workspace .workspace-discovery { padding:78px 0 64px; }
body.modern-workspace .catalog-browse-heading { align-items:end; margin-bottom:24px; }
body.modern-workspace .catalog-browse-heading em { font-style:normal; }
body.modern-workspace .catalog-source-note { background:#17302e; color:#9be9c5; border:1px solid #3c7260; border-radius:11px; padding:11px 14px; }
body.modern-workspace .catalog-source-note span { color:#c5f584; }
body.modern-workspace .catalog-browse-toolbar { background:#101d26; border:1px solid #304450; padding:8px; border-radius:13px; }
body.modern-workspace .catalog-browse-toolbar button { border-radius:9px; color:#a9b9bd; }
body.modern-workspace .catalog-browse-toolbar button.active { background:#294133; color:#d9f5bd; border-color:#527f59; }
body.modern-workspace .catalog-browse-toolbar button:hover { background:#203742; color:#f4f7f5; }
body.modern-workspace .catalog-browse-counter,body.modern-workspace .catalog-browse-status,body.modern-workspace .catalog-browse-credit { color:#92a7ae; }
body.modern-workspace .catalog-browse-add { border:1px solid #5d8668; background:#274436; color:#d8f9c6; border-radius:9px; }
body.modern-workspace .catalog-browse-add:hover { background:#335845; }
body.modern-workspace .catalog-browse-view { background:#16343d; color:#aeecf1; border:1px solid #417481; border-radius:9px; }
body.modern-workspace .catalog-browse-view:hover { background:#20535e; }
body.modern-workspace .catalog-browse-credit a { color:#c1e5c0; }

/* Stremio, guide, footer and application dialogs. */
body.modern-workspace .workspace-addon { padding:14px 0 76px; }
body.modern-workspace .addon-card { position:relative; display:grid; grid-template-columns:220px minmax(0,1fr); min-height:300px; padding:39px 52px; gap:42px; border-radius:24px; border:1px solid #49665c; overflow:hidden; background:radial-gradient(ellipse 45% 80% at 100% 70%,#335f494f,transparent),linear-gradient(110deg,#1a3232,#102129 70%); box-shadow:0 16px 40px #02091253; }
body.modern-workspace .addon-card::before { width:380px; height:380px; border-color:#c5f58416; }
body.modern-workspace .addon-visual { order:initial; height:214px; }
body.modern-workspace .addon-logo { width:150px; height:150px; border-radius:34px; transform:rotate(-8deg); background:linear-gradient(145deg,#386956,#183933); border:1px solid #8bb899; box-shadow:0 19px 50px #05130da1; }
body.modern-workspace .addon-logo span { color:#d4ffa8; font-size:60px; }
body.modern-workspace .addon-lines i { border-color:#c5f58420; }
body.modern-workspace .addon-verified { background:#0d2924; border:1px solid #47765e; color:#d6f7dd; border-radius:9px; font-size:10px; }
body.modern-workspace .addon-verified span { color:#c5f584; }
body.modern-workspace .addon-copy { order:initial; }
body.modern-workspace .addon-copy h2 { font-size:clamp(28px,3.3vw,42px); margin:10px 0 12px; font-weight:830; }
body.modern-workspace .addon-copy h2 em { color:#c5f584; }
body.modern-workspace .addon-copy p { color:#b2c8c1; font-size:14px; max-width:610px; }
body.modern-workspace .manifest-url { color:#9dbcb3; overflow-wrap:anywhere; }
body.modern-workspace .url-status { color:#b3f4c6; }
body.modern-workspace .workspace-help { padding:0 0 92px; }
body.modern-workspace .steps-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
body.modern-workspace .step-card { min-height:248px; padding:29px 27px; border:1px solid #2e4350; border-radius:17px; background:linear-gradient(160deg,#14232e,#101b25); box-shadow:0 12px 30px #0002; }
body.modern-workspace .step-icon { background:#263e35; border-color:#4b775a; color:#c5f584; }
body.modern-workspace .step-index { color:#769793; font-size:11px; }
body.modern-workspace .step-card h3 { color:#f2f7f4; margin-top:20px; font-size:19px; }
body.modern-workspace .step-card p { color:#9eafb6; font-size:13px; line-height:1.9; }
body.modern-workspace .step-line { background:linear-gradient(90deg,#c5f584,transparent); }
body.modern-workspace .footer { background:#070f17; border-top:1px solid #263a44; }
body.modern-workspace .footer-inner { min-height:110px; gap:24px; }
body.modern-workspace .footer-brand { color:#f3f8f3; font-family:Outfit,Heebo,sans-serif; }
body.modern-workspace .footer-brand b { color:#c5f584; }
body.modern-workspace .footer-inner > span { color:#8ba4ac; }
body.modern-workspace .footer-inner > a:last-child { color:#b2ebac; }
body.modern-workspace .footer-inner a:hover { color:#f2ffe6; }
body.modern-workspace :is(.smart-dialog,.library-dialog,.upload-dialog,.account-dialog) { color:#eff7f2; background:#101f29; border:1px solid #4b646a; border-radius:19px; box-shadow:0 35px 110px #000b; }
body.modern-workspace :is(.smart-dialog,.library-dialog,.upload-dialog,.account-dialog)::backdrop { background:#040a0de1; backdrop-filter:blur(7px); }
body.modern-workspace :is(.smart-dialog-top,.smart-dialog-brand,.account-header,.catalog-detail-hero) { background:#19302e; border-color:#3f6256; }
body.modern-workspace :is(.account-kicker,.smart-overline,.catalog-detail-section-label,.catalog-detail-eyebrow) { color:#c5f584; }
body.modern-workspace :is(.account-header-icon,.smart-sparkle,.smart-drop-emblem,.account-avatar) { background:#2b4b3b; border-color:#5a8065; color:#c5f584; }
body.modern-workspace :is(.smart-close,.close-dialog,.account-close,.catalog-detail-close) { color:#e8f7f1; background:#233740; border:1px solid #627e81; border-radius:11px; }
body.modern-workspace :is(.form-label,.field-title,.account-label) { color:#e2f0ea; }
body.modern-workspace :is(.form-label input,.form-label select,.dialog-search input,.account-label input,.smart-dialog input:not([type=file]),.smart-dialog select) { background:#0e1d27; border:1px solid #4d6772; color:#f2f7f4; border-radius:10px; }
body.modern-workspace :is(.form-label input,.form-label select,.dialog-search input,.account-label input,.smart-dialog input:not([type=file]),.smart-dialog select):focus { border-color:#c5f584; }
body.modern-workspace :is(.account-description,.account-footnote,.account-signed p,.dialog-head p,.form-label small,.smart-stage-intro p,.smart-footnote,.catalog-detail-identity p,.catalog-detail-metrics,.catalog-version-info) { color:#aac0bf; }
body.modern-workspace :is(.account-tabs,.type-switch span,.smart-dropzone,.drop-area,.smart-picker-secondary,.smart-secondary-action,.catalog-season-tab) { background:#162a34; border:1px solid #3c5960; color:#afc5c3; }
body.modern-workspace :is(.account-tabs button.active,.type-switch input:checked+span,.catalog-season-tab.active) { background:#2c4b36; border-color:#83ab69; color:#e6ffd2; }
body.modern-workspace :is(.account-submit,.smart-main-button,.smart-picker-primary,.catalog-detail-contribute,.catalog-download) { background:#c5f584; border:1px solid #d8ffaa; color:#18271c; border-radius:10px; font-weight:800; }
body.modern-workspace :is(.account-submit,.smart-main-button,.smart-picker-primary,.catalog-download):hover:not(:disabled) { background:#ddffb5; color:#18271c; }
body.modern-workspace :is(.smart-dropzone,.drop-area) { border-style:dashed; }
body.modern-workspace :is(.smart-group,.smart-file-row,.smart-review-top,.catalog-episode,.catalog-version,.catalog-detail-body) { border-color:#3b525e; }
body.modern-workspace :is(.smart-progress span.active,.smart-progress span.complete,.catalog-season-tab.active small) { color:#c5f584; }
body.modern-workspace :is(.catalog-language-filters button,.catalog-count-chip,.catalog-version,.smart-group-card,.smart-file-row) { background:#162832; color:#e4f0eb; border-color:#3c5760; }
body.modern-workspace .catalog-detail-hero { background:radial-gradient(ellipse at 90% 15%,#3a655f66,transparent 70%),#19302e; }
body.modern-workspace :is(.catalog-detail-identity h2,.catalog-detail-versions-heading h3,.account-header h2,.smart-dialog h2) { color:#f2f7f3; }
body.modern-workspace .toast { color:#e9f9ed; background:#18342e; border-color:#709783; box-shadow:0 20px 50px #0009; }
body.modern-workspace .skip-to-content { background:#c5f584; color:#17271b; }
@media (max-width:1120px) {
  body.modern-workspace .nav-links { gap:0; }
  body.modern-workspace .nav-links a { padding-inline:10px; font-size:12px; }
  body.modern-workspace .workspace-intro { padding:48px 42px 78px; gap:12px; }
  body.modern-workspace .hero h1 { font-size:clamp(38px,4.9vw,57px); }
  .showcase { height:335px; }
  body.modern-workspace .library-title-grid,body.modern-workspace .catalog-browse-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:800px) {
  body.modern-workspace .wrap { width:min(100% - 34px,760px); }
  body.modern-workspace .topbar { top:0; height:calc(68px + env(safe-area-inset-top,0px)); padding-top:env(safe-area-inset-top,0px); }
  body.modern-workspace .topbar-inner { gap:12px; }
  body.modern-workspace .nav-links,body.modern-workspace .nav-actions,body.modern-workspace .mobile-upload { display:none; }
  body.modern-workspace .account-mobile-button { display:grid; width:44px; height:44px; margin-inline-start:auto; }
  body.modern-workspace .mobile-bottom-nav { background:#0b1821f8; border-top:1px solid #334952; box-shadow:0 -14px 35px #0008; }
  body.modern-workspace .mobile-bottom-nav :is(a,button) { color:#9eb6b7; border-radius:11px; }
  body.modern-workspace .mobile-bottom-nav [aria-current="page"] { background:#263e33; color:#d3f7a9; }
  body.modern-workspace .mobile-bottom-nav .mobile-nav-upload { color:#c5f584; }
  body.modern-workspace .workspace-intro { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); padding:37px 30px 67px; min-height:440px; border-radius:23px; margin-top:16px; }
  body.modern-workspace .workspace-intro-copy { display:flex; flex-direction:column; }
  body.modern-workspace .hero h1 { font-size:clamp(35px,5vw,49px); margin:14px 0; }
  body.modern-workspace .hero-lead { font-size:14px; margin-bottom:19px; line-height:1.8; }
  body.modern-workspace .hero-buttons { display:flex; gap:9px; }
  body.modern-workspace .hero-buttons .btn { min-height:46px; font-size:12px; padding:9px 15px; }
  body.modern-workspace .hero-metrics { display:flex; gap:12px; margin-top:23px; }
  body.modern-workspace .hero-metrics div:not(:first-child) { padding-inline-start:11px; }
  body.modern-workspace .hero-metrics strong { font-size:22px; }
  .showcase { height:270px; }
  .showcase-screen { inset:24px 4px 18px 8px; }
  .showcase-sun { height:102px; width:102px; }
  .showcase-floating { padding:10px; gap:8px; right:-8px; }
  .showcase-floating-icon { height:33px; width:33px; }
  body.modern-workspace .workspace-search { margin-top:-37px; }
  body.modern-workspace .workspace-library { padding-top:62px; }
  body.modern-workspace .library-title-grid,body.modern-workspace .catalog-browse-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
  body.modern-workspace .workspace-upload { grid-template-columns:1fr; gap:25px; padding:28px; }
  body.modern-workspace .workspace-discovery { padding-top:60px; }
  body.modern-workspace .addon-card { grid-template-columns:150px 1fr; padding:30px; }
  body.modern-workspace .addon-visual { height:170px; }
  body.modern-workspace .addon-logo { width:108px; height:108px; border-radius:27px; }
  body.modern-workspace .addon-logo span { font-size:45px; }
}
@media (max-width:640px) {
  body.modern-workspace .wrap { width:calc(100% - 26px); }
  body.modern-workspace .workspace-intro { display:block; min-height:0; padding:33px 23px 58px; border-radius:22px; }
  body.modern-workspace .hero-kicker { font-size:10px; gap:6px; }
  body.modern-workspace .hero h1 { font-size:clamp(34px,9.2vw,47px); line-height:1.18; letter-spacing:-1.2px; margin:14px 0 14px; }
  body.modern-workspace .hero-lead { font-size:13px; line-height:1.8; margin-bottom:20px; }
  body.modern-workspace .hero-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:9px; }
  body.modern-workspace .hero-buttons .btn { min-height:48px; font-size:12px; padding:10px 7px; line-height:1.4; white-space:normal; text-align:center; }
  body.modern-workspace .hero-metrics { width:100%; gap:8px; margin-top:25px; justify-content:space-between; }
  body.modern-workspace .hero-metrics div { flex:1; min-width:0; border:0; padding:0!important; }
  body.modern-workspace .hero-metrics strong { font-size:21px; }
  body.modern-workspace .hero-metrics span { font-size:10px; }
  .showcase { display:none; }
  body.modern-workspace .workspace-search { margin-top:-28px; }
  body.modern-workspace .search-wrap { padding:21px 17px; border-radius:16px; }
  body.modern-workspace .search-heading h2 { font-size:23px; }
  body.modern-workspace .search-heading p { font-size:12px; }
  body.modern-workspace .search-field { height:58px; min-height:58px; padding-inline:13px; gap:10px; }
  body.modern-workspace .search-field input { font-size:16px; }
  body.modern-workspace .file-search-drop { flex-wrap:wrap; justify-content:flex-start; gap:7px; }
  body.modern-workspace .file-search-button { width:100%; justify-content:center; }
  body.modern-workspace .file-search-hint { width:100%; text-align:center; font-size:11px; }
  body.modern-workspace .workspace-library { padding:53px 0 43px; }
  body.modern-workspace .library-heading { display:flex; flex-direction:column; align-items:flex-start; }
  body.modern-workspace .library-counter { align-self:flex-start; }
  body.modern-workspace .library-toolbar { padding:10px; gap:10px; }
  body.modern-workspace .library-toolbar .library-controls { display:grid; grid-template-columns:1fr; width:100%; }
  body.modern-workspace .library-toolbar .library-controls .filter-pills { width:100%; }
  body.modern-workspace .library-toolbar .library-controls .filter { flex:1; min-width:0; }
  body.modern-workspace .library-display-controls { display:flex; width:100%; gap:10px; }
  body.modern-workspace .library-display-controls .library-sort { flex:1; }
  body.modern-workspace .library-title-grid,body.modern-workspace .catalog-browse-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.modern-workspace .catalog-title-content,body.modern-workspace .catalog-browse-details { padding:12px 10px; }
  body.modern-workspace .catalog-title-heading,body.modern-workspace .catalog-browse-details h3 { font-size:13px; }
  body.modern-workspace .catalog-list-layout .catalog-title-content { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
  body.modern-workspace .catalog-list-layout .catalog-art { width:73px; }
  body.modern-workspace .workspace-upload { border-radius:19px; padding:24px 18px; }
  body.modern-workspace .smart-intro-copy h2 { font-size:25px; }
  body.modern-workspace .smart-inline-drop { min-height:190px; }
  body.modern-workspace .workspace-discovery { padding:56px 0 44px; }
  body.modern-workspace .catalog-browse-heading { display:flex; flex-direction:column; align-items:flex-start; }
  body.modern-workspace .catalog-browse-heading h2 { font-size:25px; }
  body.modern-workspace .catalog-browse-toolbar { gap:5px; }
  body.modern-workspace .catalog-browse-toolbar button { padding:9px 8px; flex:1; }
  body.modern-workspace .catalog-browse-counter { width:100%; text-align:center; }
  body.modern-workspace .workspace-addon { padding-bottom:54px; }
  body.modern-workspace .addon-card { display:flex; flex-direction:column; align-items:stretch; padding:28px 21px; border-radius:19px; gap:3px; }
  body.modern-workspace .addon-visual { order:2; height:120px; opacity:.7; }
  body.modern-workspace .addon-copy { order:1; }
  body.modern-workspace .addon-logo { width:90px; height:90px; border-radius:24px; }
  body.modern-workspace .addon-logo span { font-size:38px; }
  body.modern-workspace .addon-copy h2 { font-size:28px; }
  body.modern-workspace .addon-actions { display:flex; flex-direction:column; align-items:stretch; }
  body.modern-workspace .addon-actions > * { justify-content:center; }
  body.modern-workspace .manifest-url { font-size:11px; }
  body.modern-workspace .workspace-help { padding-bottom:60px; }
  body.modern-workspace .steps-grid { grid-template-columns:1fr; gap:10px; }
  body.modern-workspace .step-card { min-height:0; padding:20px 20px 18px; }
  body.modern-workspace .step-card h3 { margin-top:10px; }
  body.modern-workspace .step-card p { font-size:13px; }
  body.modern-workspace .footer-inner { padding:24px 0; gap:11px; }
}
@media (max-width:350px) {
  body.modern-workspace .workspace-intro { padding-inline:17px; }
  body.modern-workspace .hero h1 { font-size:32px; }
  body.modern-workspace .hero-buttons { grid-template-columns:1fr; }
  body.modern-workspace .hero-metrics strong { font-size:18px; }
  body.modern-workspace .hero-metrics span { font-size:9px; }
}
@media (hover:none) {
  body.modern-workspace :is(.catalog-title,.catalog-browse-card):hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  body.modern-workspace *,body.modern-workspace *::before,body.modern-workspace *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
}