:root:where(html[data-skin="neon"]){color-scheme:dark;--bg:#030504;--panel:#090f0b;--elevated:#101a13;--ink:#c4f7ce;--muted:#87a98d;--lime:#39ff14;--line:#254c30;--display:"VT323","Courier New",monospace;--mono:"Share Tech Mono","Courier New",monospace;font:16px/1.65 var(--mono)}
:where(html[data-skin="neon"]) :where(body.public-page),:where(html[data-skin="neon"]) :where(body.public-page) *{box-sizing:border-box}
:where(html[data-skin="neon"]) body:where(body.public-page){margin:0;background:var(--bg);color:var(--ink);overflow-wrap:anywhere}
:where(html[data-skin="neon"]) :where(body.public-page) a{color:var(--lime);text-decoration:none}
:where(html[data-skin="neon"]) :where(body.public-page) a:hover{text-decoration:underline;text-underline-offset:.22em}
:where(html[data-skin="neon"]) :where(body.public-page) a:focus-visible{outline:3px solid var(--lime);outline-offset:5px;border-radius:3px}
:where(html[data-skin="neon"]) :where(body.public-page) img{max-width:100%;height:auto;display:block}
:where(html[data-skin="neon"]) :where(body.public-page) h1,:where(html[data-skin="neon"]) :where(body.public-page) h2,:where(html[data-skin="neon"]) :where(body.public-page) h3,:where(html[data-skin="neon"]) :where(body.public-page) p{margin:0}
:where(html[data-skin="neon"]) :where(body.public-page) h1,:where(html[data-skin="neon"]) :where(body.public-page) h2,:where(html[data-skin="neon"]) :where(body.public-page) h3{font-family:var(--display);font-weight:400;color:var(--lime)}
:where(html[data-skin="neon"]) :where(body.public-page) h1{font-size:clamp(3.1rem,8vw,6.7rem);line-height:.98;letter-spacing:-.015em;max-width:22ch;text-wrap:balance;text-shadow:0 0 24px #39ff1420}
:where(html[data-skin="neon"]) :where(body.public-page) h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}
:where(html[data-skin="neon"]) :where(body.public-page) h3{font-size:1.65rem;line-height:1.12}
:where(html[data-skin="neon"]) :where(body.public-page) p{max-width:76ch}
:where(html[data-skin="neon"]) :where(body.public-page) .skip{position:absolute;top:8px;left:16px;z-index:3;padding:12px;background:var(--lime);color:var(--bg);transform:translateY(-160%)}
:where(html[data-skin="neon"]) :where(body.public-page) .skip:focus{transform:none}
:where(html[data-skin="neon"]) :where(body.public-page) .page-header{min-height:88px;max-width:1424px;margin:auto;padding:18px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
:where(html[data-skin="neon"]) :where(body.public-page) .page-brand{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font:400 2rem/1 var(--display);letter-spacing:-.02em;white-space:nowrap}
:where(html[data-skin="neon"]) :where(body.public-page) .page-brand img{border-radius:8px}
:where(html[data-skin="neon"]) :where(body.public-page) .brand-dot{color:var(--ink)}
:where(html[data-skin="neon"]) :where(body.public-page) .brand-light{font-weight:400}
:where(html[data-skin="neon"]) :where(body.public-page) .page-header nav{display:flex;gap:clamp(12px,3vw,30px);font-size:.92rem;flex-wrap:wrap}
:where(html[data-skin="neon"]) :where(body.public-page) .page-header nav a{min-height:48px;display:inline-flex;align-items:center;color:var(--ink)}
:where(html[data-skin="neon"]) :where(body.public-page) .page-header nav a:hover{color:var(--lime)}
:where(html[data-skin="neon"]) :where(body.public-page) main{max-width:1360px;margin:auto;padding:0 clamp(20px,5vw,64px) 64px;min-height:60vh}
:where(html[data-skin="neon"]) :where(body.public-page) .page-intro{padding:48px 0 36px}
:where(html[data-skin="neon"]) :where(body.public-page) .eyebrow{color:var(--lime);font-size:.82rem;letter-spacing:.14em;font-weight:400;margin-bottom:16px;text-transform:uppercase}
:where(html[data-skin="neon"]) :where(body.public-page) .lede{color:var(--muted);font-size:1.02rem;line-height:1.75;margin-top:20px;max-width:65ch}
:where(html[data-skin="neon"]) :where(body.public-page) .page-intro .page-button{margin-top:24px}
:where(html[data-skin="neon"]) :where(body.public-page) .page-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;max-width:100%;padding:12px 20px;background:var(--lime);color:var(--bg);border:1px solid var(--lime);border-radius:6px;font:400 1rem/1.35 var(--mono);text-align:center}
:where(html[data-skin="neon"]) :where(body.public-page) .page-button.secondary{background:transparent;color:var(--lime);border-color:var(--line)}
:where(html[data-skin="neon"]) :where(body.public-page) .page-button:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);text-decoration:none}
:where(html[data-skin="neon"]) :where(body.public-page) .page-button.secondary:hover{background:var(--elevated);border-color:var(--lime);color:var(--lime)}
:where(html[data-skin="neon"]) :where(body.public-page) .page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
:where(html[data-skin="neon"]) :where(body.public-page) .catalog-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin:28px 0 48px}
:where(html[data-skin="neon"]) :where(body.public-page) .catalog-card{min-width:0;display:flex;flex-direction:column;contain:layout style}
:where(html[data-skin="neon"]) :where(body.public-page) .card-art{display:block;aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--elevated);position:relative}
:where(html[data-skin="neon"]) :where(body.public-page) .card-art img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
:where(html[data-skin="neon"]) :where(body.public-page) .art-fallback{display:flex;align-items:center;justify-content:center;min-height:100%;padding:20px;text-align:center;color:var(--lime);font:2rem/1.1 var(--display);background:var(--panel)}
:where(html[data-skin="neon"]) :where(body.public-page) .card-copy{padding:16px 2px 0;display:flex;flex-direction:column;flex:1}
:where(html[data-skin="neon"]) :where(body.public-page) .card-copy h3 a{color:var(--lime)}
:where(html[data-skin="neon"]) :where(body.public-page) .card-copy p{font-size:.92rem;color:var(--ink);margin-top:11px;line-height:1.6}
:where(html[data-skin="neon"]) :where(body.public-page) .card-copy .muted{color:var(--muted);font-size:.85rem}
:where(html[data-skin="neon"]) :where(body.public-page) .source-count{font-size:.82rem;color:var(--lime);margin-top:auto;padding-top:15px}
:where(html[data-skin="neon"]) :where(body.public-page) .breadcrumbs{display:flex;gap:12px;align-items:baseline;font-size:.87rem;color:var(--muted);padding:28px 0 0;flex-wrap:wrap}
:where(html[data-skin="neon"]) :where(body.public-page) .breadcrumbs a{display:inline-flex;align-items:center;min-height:48px}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:center;margin-bottom:48px}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro>*{min-width:0}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro .page-intro{padding-bottom:20px}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro h1{font-size:clamp(3rem,6.3vw,5.75rem)}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro .lede{font-size:.96rem}
:where(html[data-skin="neon"]) :where(body.public-page) .movie-art{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px}
:where(html[data-skin="neon"]) :where(body.public-page) .synopsis{font-size:1.03rem;line-height:1.75}
:where(html[data-skin="neon"]) :where(body.public-page) .cast{font-size:.94rem;margin-top:24px;color:var(--muted);line-height:1.9}
:where(html[data-skin="neon"]) :where(body.public-page) .cast strong{display:block;font-size:.82rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
:where(html[data-skin="neon"]) :where(body.public-page) .small-note{font-size:.85rem;color:var(--muted);line-height:1.7;margin-top:18px;max-width:60ch}
:where(html[data-skin="neon"]) :where(body.public-page) .section-heading{margin-bottom:24px}
:where(html[data-skin="neon"]) :where(body.public-page) .source-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
:where(html[data-skin="neon"]) :where(body.public-page) .source-card{min-width:0;border:1px solid var(--line);background:var(--panel);padding:clamp(20px,3vw,30px);border-radius:8px}
:where(html[data-skin="neon"]) :where(body.public-page) .source-title{display:flex;gap:15px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
:where(html[data-skin="neon"]) :where(body.public-page) .source-title span{font-size:.87rem;color:var(--muted)}
:where(html[data-skin="neon"]) :where(body.public-page) .source-status{color:#f3ce75;font-size:.87rem;margin-top:14px}
:where(html[data-skin="neon"]) :where(body.public-page) .viewing-notes{padding-left:20px;color:var(--muted);font-size:.91rem;margin:14px 0 0;max-width:85ch}
:where(html[data-skin="neon"]) :where(body.public-page) .viewing-notes li+li{margin-top:7px}
:where(html[data-skin="neon"]) :where(body.public-page) .sources,:where(html[data-skin="neon"]) :where(body.public-page) .explore-links,:where(html[data-skin="neon"]) :where(body.public-page) .share-note{margin-top:48px}
:where(html[data-skin="neon"]) :where(body.public-page) .explore-links a{display:inline-flex;align-items:center;min-height:48px;max-width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 18px;margin:18px 8px 0 0;font-size:.92rem}
:where(html[data-skin="neon"]) :where(body.public-page) .explore-links a:hover{background:var(--elevated);border-color:var(--lime);text-decoration:none}
:where(html[data-skin="neon"]) :where(body.public-page) .share-note{border-top:1px solid var(--line);padding-top:32px}
:where(html[data-skin="neon"]) :where(body.public-page) .share-note p{color:var(--muted);font-size:.97rem;margin:14px 0 20px}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:28px}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-links a{min-height:48px;display:inline-flex;align-items:center}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 40px}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:74px;border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel);font-size:1rem;color:var(--lime)}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid a:hover{border-color:var(--lime);background:var(--elevated);text-decoration:none}
:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid a span{color:var(--muted);font-size:.81rem;text-align:right;flex-shrink:0}
:where(html[data-skin="neon"]) :where(body.public-page) .guide-copy{max-width:800px}
:where(html[data-skin="neon"]) :where(body.public-page) .guide-copy section{padding:30px 0;border-top:1px solid var(--line)}
:where(html[data-skin="neon"]) :where(body.public-page) .guide-copy p{margin-top:16px;color:var(--ink);line-height:1.85}
:where(html[data-skin="neon"]) :where(body.public-page) .page-footer{max-width:1290px;margin:auto;border-top:1px solid var(--line);padding:30px clamp(20px,5vw,40px) max(40px,env(safe-area-inset-bottom));display:flex;gap:20px 28px;flex-wrap:wrap;font-size:.91rem}
:where(html[data-skin="neon"]) :where(body.public-page) .page-footer>a{display:inline-flex;align-items:center;min-height:48px}
:where(html[data-skin="neon"]) :where(body.public-page) .page-footer p{flex-basis:100%;font-size:.82rem;color:var(--muted);max-width:none}
@media(hover:hover) and (pointer:fine){:where(html[data-skin="neon"]) :where(body.public-page) .card-art:hover img{transform:scale(1.035)}:where(html[data-skin="neon"]) :where(body.public-page) .card-art:hover{border-color:var(--lime)}}
@media(max-width:900px){:where(html[data-skin="neon"]) :where(body.public-page) .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro{grid-template-columns:1fr;gap:24px}:where(html[data-skin="neon"]) :where(body.public-page) .movie-art{max-width:800px;order:-1;margin-top:30px}:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro .page-intro{padding-top:10px}:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){:where(html[data-skin="neon"]) :where(body.public-page) .page-header{gap:8px 12px;flex-wrap:wrap;padding:15px 20px}:where(html[data-skin="neon"]) :where(body.public-page) .page-header nav{gap:22px;flex:1;justify-content:flex-end;font-size:.9rem}:where(html[data-skin="neon"]) :where(body.public-page) .page-brand{font-size:1.8rem}:where(html[data-skin="neon"]) :where(body.public-page) .page-brand img{width:32px;height:32px}:where(html[data-skin="neon"]) :where(body.public-page) .page-intro{padding-top:34px}:where(html[data-skin="neon"]) :where(body.public-page) .catalog-grid{grid-template-columns:1fr;gap:30px}:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid{grid-template-columns:1fr}:where(html[data-skin="neon"]) :where(body.public-page) .page-actions .page-button{flex:1;min-width:min(145px,100%)}:where(html[data-skin="neon"]) :where(body.public-page) .movie-intro h1{font-size:clamp(2.6rem,12vw,4rem)}:where(html[data-skin="neon"]) :where(body.public-page) .directory-grid a{flex-wrap:wrap}}
@media(max-width:340px){:where(html[data-skin="neon"]) :where(body.public-page) .page-header nav{justify-content:flex-start}:where(html[data-skin="neon"]) :where(body.public-page) .page-actions .page-button{width:100%}}
@media(prefers-reduced-motion:reduce){:where(html[data-skin="neon"]) :where(body.public-page),:where(html[data-skin="neon"]) :where(body.public-page) *,:where(html[data-skin="neon"]) :where(body.public-page)::before,:where(html[data-skin="neon"]) :where(body.public-page) *::before,:where(html[data-skin="neon"]) :where(body.public-page)::after,:where(html[data-skin="neon"]) :where(body.public-page) *::after{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:where(html[data-skin="neon"]) :where(body.public-page) h1{text-shadow:none}:where(html[data-skin="neon"]) :where(body.public-page) .page-button{border:2px solid ButtonText}}
@media print{:where(html[data-skin="neon"]) body:where(body.public-page){background:white;color:black}:where(html[data-skin="neon"]) :where(body.public-page) .page-header,:where(html[data-skin="neon"]) :where(body.public-page) .page-footer,:where(html[data-skin="neon"]) :where(body.public-page) .page-actions,:where(html[data-skin="neon"]) :where(body.public-page) .share-note{display:none}:where(html[data-skin="neon"]) :where(body.public-page) h1,:where(html[data-skin="neon"]) :where(body.public-page) h2,:where(html[data-skin="neon"]) :where(body.public-page) h3{color:black;text-shadow:none}:where(html[data-skin="neon"]) :where(body.public-page) .catalog-grid{display:block}:where(html[data-skin="neon"]) :where(body.public-page) .catalog-card{break-inside:avoid;margin-bottom:20px}:where(html[data-skin="neon"]) :where(body.public-page) .catalog-card img{max-width:220px}:where(html[data-skin="neon"]) :where(body.public-page) a,:where(html[data-skin="neon"]) :where(body.public-page) .card-copy h3 a{color:black;text-decoration:underline}:where(html[data-skin="neon"]) :where(body.public-page) .source-card{background:white;border-color:#aaa}:where(html[data-skin="neon"]) :where(body.public-page) .muted,:where(html[data-skin="neon"]) :where(body.public-page) .lede,:where(html[data-skin="neon"]) :where(body.public-page) .small-note,:where(html[data-skin="neon"]) :where(body.public-page) .viewing-notes,:where(html[data-skin="neon"]) :where(body.public-page) .source-status,:where(html[data-skin="neon"]) :where(body.public-page) .guide-copy p,:where(html[data-skin="neon"]) :where(body.public-page) .card-copy p{color:#333}}

/* Undo Classic-only defaults that the original Neon stylesheet did not use. */
:where(html[data-skin="neon"]) :where(body.public-page) .movie-art{box-shadow:none}
@media(hover:none),(pointer:coarse){:where(html[data-skin="neon"]) :where(body.public-page) .card-art:hover img{transform:none}}
@media(max-width:480px){:where(html[data-skin="neon"]) :where(body.public-page) .catalog-card .card-art{border-radius:8px}:where(html[data-skin="neon"]) :where(body.public-page) .card-copy h3{font-size:1.65rem}:where(html[data-skin="neon"]) :where(body.public-page) .card-copy>p:not(.muted){display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible}}
