/* Local Studio direction: cinematic discovery, quiet controls, genuine artwork. */
@property --list-spotlight-opacity {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
:root { --editorial-accent:#e5a085; --studio-serif:Georgia,"Times New Roman",serif; --font-interface:Inter,"SF Pro Text","Helvetica Neue","Segoe UI",Arial,sans-serif; --studio-radius-sm:6px; --studio-radius-md:10px; --studio-radius-lg:14px; }
[hidden] { display:none !important; }
button:focus-visible,a:focus-visible { outline:2px solid var(--editorial-accent); outline-offset:5px; }
.start-screen { display:block; padding:0 6vw; background:#0d1216; backdrop-filter:none; color:#ecebe7; }
.start-nav { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1400px; margin:auto; height:96px; border-bottom:1px solid #ffffff12; gap:20px; }
.studio-brand { display:flex; gap:12px; align-items:center; text-decoration:none; color:#f0efea; font-size:17px; font-weight:700; letter-spacing:.09em; }
.studio-brand svg { width:34px; height:34px; stroke:var(--editorial-accent); fill:none; stroke-width:1; }
.studio-brand svg circle { fill:var(--editorial-accent); }
.preview-label { font-size:10px; color:#acb5bb; letter-spacing:.13em; text-transform:uppercase; }
.start-browse-link { color:#c4c9cc; font-size:12px; text-decoration:none; }
.start-browse-link span { margin-left:12px; color:var(--editorial-accent); }
.start-hero { max-width:1320px; display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:5%; margin:0 auto; min-height:650px; padding:64px 0 60px; }
.start-screen-content { width:100%; margin:0; text-align:left; animation:none; }
.start-kicker { font-size:10px; font-weight:500; letter-spacing:.17em; color:var(--editorial-accent); text-transform:uppercase; }
.start-kicker>span { margin-right:8px; }
.start-screen h1 { font-size:clamp(54px,5.7vw,86px); font-weight:450; letter-spacing:-.06em; line-height:1.03; }
.start-screen h1 em { font-family:var(--studio-serif); font-weight:400; color:var(--editorial-accent); letter-spacing:-.065em; }
.start-title-line { display:inline-block; white-space:nowrap; }
.start-title-character { opacity:0; white-space:pre; transition:opacity 70ms ease-out; }
.start-title-character.is-typed { opacity:1; }
.start-title-caret { display:inline-block; width:.24em; color:var(--editorial-accent); font-family:var(--font-interface); font-style:normal; font-weight:350; opacity:.82; translate:2px 0; animation:start-title-caret-blink .76s step-end infinite; }
.start-title-caret.is-typing { opacity:.92; animation:none; }
.start-title-caret.is-leaving { opacity:0; animation:none; transition:opacity .32s ease; }
@keyframes start-title-caret-blink { 50% { opacity:.16; } }
.start-copy { margin:25px 0 28px; font-size:15px; color:#aeb7bd; line-height:1.8; }
.start-media-control { width:100%; max-width:600px; margin:0 0 12px; justify-content:flex-start; gap:6px; }
.start-media-control button { border-color:#ffffff1a; color:#cbd0d1; background:#ffffff03; font-size:11px; padding:7px 12px; min-height:32px; }
.start-media-control button[aria-pressed="true"] { color:#f0efea; border-color:color-mix(in srgb, var(--editorial-accent) 55%, #ffffff30); background:color-mix(in srgb, var(--editorial-accent) 12%, transparent); }
.start-search-form { width:100%; max-width:600px; height:62px; margin:0; border-color:#ffffff30; background:#151e24; box-shadow:0 10px 30px #0002; border-radius:9px; grid-template-columns:minmax(0,1fr) 108px; backdrop-filter:none; }
.start-search-form:focus-within { transform:none; border-color:#ffffff30; box-shadow:0 10px 30px #0002; }
.start-search-form input { padding:0 18px; color:#f0efea; font-size:15px; }
.start-search-form>button { width:auto; height:auto; border:0; margin:7px; border-radius:5px; background:var(--editorial-accent); color:#211c19; display:flex; align-items:center; justify-content:center; gap:8px; }
.start-search-form>button>span { display:none; }
.start-search-form>button b { font-size:12px; font-weight:600; }
.start-search-form>button:hover { background:#efbaa3; transform:none; }
.start-search-results { border-radius:9px; background:#172128; max-height:min(380px,50dvh); }
.start-search-results .search-result { color:#e5e8e9; }
.start-discovery { justify-content:flex-start; max-width:none; width:100%; gap:4px; margin:15px 0 0; }
.start-surprise { padding:9px 13px 9px 0; font-size:11px; color:#aeb7bd; }
.start-surprise:hover { color:#f0efea; transform:none; }
.start-preference { width:100%; justify-content:flex-start; gap:7px; margin-top:19px; }
.start-preference>span { font-size:10px; color:#88979f; margin-right:5px; }
.start-preference>button { border:1px solid #ffffff1a; padding:7px 12px; color:#cbd0d1; font-size:11px; min-height:32px; background:#ffffff03; }
.start-preference>button:hover { border-color:var(--editorial-accent); }
.start-time-machine { width:100%; max-width:460px; margin:14px 0 0; color:#aeb7bd; }
.start-time-machine input { accent-color:var(--editorial-accent); }
.start-search-feedback { margin:10px 0; }
.hero-art { height:480px; position:relative; min-width:0; overflow:visible; }
.hero-orbit { position:absolute; border:1px solid #e5a08524; border-radius:50%; inset:12% -3%; transform:rotate(-27deg); pointer-events:none; }
.orbit-two { inset:1% 12%; transform:rotate(26deg); border-color:#e5a08510; }
.hero-coordinate { position:absolute; right:0; top:0; font-size:9px; letter-spacing:.18em; color:#65757f; pointer-events:none; }
.hero-posters { position:absolute; inset:15px 0 30px; overflow:visible; }
.hero-film { position:absolute; padding:0; border:0; border-radius:7px; width:42%; aspect-ratio:2/3; background:#1e2c35; box-shadow:0 30px 65px #0008; cursor:pointer; translate:0 0; animation:hero-poster-arrive .7s cubic-bezier(.22,1,.36,1) backwards; transition:translate .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease; }
.hero-film-0 { left:2%; top:18%; rotate:-12deg; z-index:1; animation-delay:.2s; }
.hero-film-1 { right:0; top:14%; rotate:12deg; z-index:1; animation-delay:.32s; }
.hero-film-2 { width:46%; left:28%; top:5%; rotate:0deg; z-index:3; animation-delay:.08s; }
@keyframes hero-poster-arrive { from { opacity:.12; translate:0 24px; } to { opacity:1; translate:0 0; } }
.hero-film:hover,.hero-film:focus-visible { translate:0 -4px; box-shadow:0 33px 65px #0009; }
.film-artwork { position:relative; display:block; width:100%; height:100%; aspect-ratio:2/3; overflow:hidden; border-radius:inherit; background:linear-gradient(155deg,#384e5a,#171e25); }
.film-artwork img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
.poster-fallback { position:absolute; inset:0; display:grid; place-content:center; color:#e8eff2; padding:16px; font-family:var(--studio-serif); font-size:22px; text-align:center; }
.hero-caption { position:absolute; bottom:-28px; z-index:4; width:100%; margin:0; text-align:center; font-family:var(--font-interface); font-style:normal; font-weight:400; color:#aeb7bd; font-size:13px; letter-spacing:.03em; line-height:1.45; text-shadow:0 2px 12px #000; pointer-events:none; }
.hero-caption>span:first-child { color:var(--editorial-accent); font-size:10px; margin-right:8px; letter-spacing:.16em; }
.start-shelf { width:100vw; min-width:0; margin-left:calc(50% - 50vw); border-top:1px solid #ffffff14; padding:34px 0 60px; }
.shelf-heading { display:block; width:100%; max-width:1320px; margin:0 auto 28px; padding:0 6vw; text-align:left; }
.shelf-heading .start-kicker { margin:0 0 9px; font-size:9px; }
.shelf-heading h2 { margin:0; font-weight:450; font-size:25px; letter-spacing:-.025em; }
.start-poster-grid { --poster-marquee-gap:22px; --poster-marquee-half-gap:11px; position:relative; width:100%; min-width:0; overflow:hidden; contain:paint; isolation:isolate; touch-action:pan-y; cursor:grab; padding:6px 0 10px; mask-image:linear-gradient(90deg,transparent 0,#000 1.2%,#000 98.8%,transparent 100%); }
.start-poster-grid.is-dragging,.start-poster-grid.is-dragging .start-film-card { cursor:grabbing; }
.start-poster-track { display:flex; align-items:start; gap:var(--poster-marquee-gap); width:max-content; will-change:transform; animation:start-poster-marquee 90s linear infinite; }
.start-poster-sequence { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(128px,9.2vw,176px); gap:var(--poster-marquee-gap); width:max-content; }
@keyframes start-poster-marquee { to { transform:translate3d(calc(-50% - var(--poster-marquee-half-gap)),0,0); } }
.start-film-card { padding:0; border:0; background:none; text-align:left; min-width:0; color:#ecebe7; cursor:pointer; }
.start-film-card.is-home-entering { animation:home-card-arrive .62s cubic-bezier(.22,1,.36,1) calc(.12s + var(--home-card-index) * .055s + var(--home-card-elapsed,0ms)) backwards; }
@keyframes home-card-arrive { from { opacity:.1; translate:0 18px; } to { opacity:1; translate:0 0; } }
.start-film-card .film-artwork { height:auto; border-radius:7px; box-shadow:0 10px 25px #0003; transition:transform .25s,box-shadow .25s; }
.start-film-card:hover .film-artwork { transform:translateY(-5px); box-shadow:0 15px 25px #0006; }
.start-film-card strong { display:block; margin-top:13px; font-weight:500; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.start-film-card small { display:block; font-size:10px; color:#8e9ba3; margin-top:5px; }
.shelf-loading { grid-column:1/-1; min-height:210px; display:grid; place-items:center; color:#8e9ba3; font-size:12px; }
.shelf-error { align-content:center; gap:9px; }
.shelf-retry { border:1px solid #ffffff24; border-radius:var(--studio-radius-sm); padding:7px 11px; color:#ecebe7; background:#ffffff05; cursor:pointer; }
.shelf-retry:hover,.shelf-retry:focus-visible { border-color:var(--editorial-accent); background:#e5a08512; }
.start-manifesto { display:grid; grid-template-columns:50px 1fr 1.2fr; gap:22px; max-width:1320px; padding:50px 0; margin:auto; border-top:1px solid #ffffff14; align-items:center; }
.start-manifesto>span { font-size:32px; color:var(--editorial-accent); }.start-manifesto h2 { font-weight:400; font-size:30px; margin:0; letter-spacing:-.035em; }.start-manifesto h2 em { font-family:var(--studio-serif); color:var(--editorial-accent); font-weight:400; }.start-manifesto p { color:#8f9ca5; font-size:13px; line-height:1.9; margin:0; }.start-manifesto>a { grid-column:3; color:#c8cfce; font-size:12px; text-underline-offset:5px; }
.start-footnote { position:static; display:flex; gap:20px; align-items:center; justify-content:space-between; max-width:1320px; margin:10px auto 0; padding:24px 0 30px; border-top:1px solid #ffffff14; font-style:normal; font-size:10px; opacity:1; color:#6d7c85; }.start-footnote small { margin-left:16px; font-size:10px; }.start-footnote a { margin:0; }.start-attribution { text-align:right; }
/* Give the actual discovery surface an unmistakable mode switch. */
.site-header { border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent); padding:0 20px; }
.title-button-label { letter-spacing:.12em; font-size:9px; }.title-button { font-size:22px; }
.map-info { padding:24px 22px; border-right:1px solid color-mix(in srgb,var(--border) 55%,transparent); background:color-mix(in srgb,var(--panel) 45%,transparent); }
.map-info .poster { aspect-ratio:2/3; border-radius:9px; box-shadow:0 12px 30px #0002; }
.movie-actions button { border-radius:7px; min-height:42px; }.movie-people { font-size:12px; }.movie-description { font-size:13px; line-height:1.7; }
.view-switch { position:absolute; top:18px; left:50%; transform:translateX(-50%); display:flex; padding:4px; gap:3px; border:1px solid var(--border); border-radius:12px; background:var(--panel); z-index:18; }
.view-switch button { border:0; border-radius:6px; background:transparent; padding:8px 17px; font-size:12px; min-height:34px; color:var(--muted); cursor:pointer; }.view-switch button[aria-pressed=true] { background:color-mix(in srgb,var(--editorial-accent) 17%,var(--panel)); color:var(--ink); }.view-switch button:hover { color:var(--ink); }
.map-orientation { position:absolute; bottom:21px; left:50%; transform:translateX(-50%); color:var(--muted); font-size:10px; opacity:.7; pointer-events:none; }
.map-toolbar { top:18px; left:18px; }.map-toolbar.is-collapsed .map-toolbar-toggle { width:42px; min-width:42px; height:42px; border-radius:12px; }.map-legend { left:18px; bottom:18px; border-radius:10px; }.map-zoom-controls { right:18px; bottom:18px; }
.recommendation-list {
  --list-spotlight-x: 42%;
  --list-spotlight-y: 24%;
  --list-spotlight-opacity: 0;
  --list-spotlight-size: clamp(480px, 54vw, 760px);
  position:absolute;
  inset:0;
  z-index:12;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:72px 32px 20px;
  scroll-padding-bottom: 20px;
  touch-action:pan-y;
  background-color: transparent;
  background-image:
    linear-gradient(180deg, transparent 0, color-mix(in srgb, var(--paper) 10%, transparent) 72px, color-mix(in srgb, var(--paper) 32%, transparent) 220px),
    radial-gradient(circle calc(var(--list-spotlight-size) * 0.5) at var(--list-spotlight-x) var(--list-spotlight-y), color-mix(in srgb, var(--cursor-glow) calc(var(--list-spotlight-opacity) * 100%), transparent), color-mix(in srgb, var(--cursor-glow) calc(var(--list-spotlight-opacity) * 45%), transparent) 38%, transparent 70%),
    radial-gradient(circle calc(var(--list-spotlight-size) * 0.32) at var(--list-spotlight-x) var(--list-spotlight-y), color-mix(in srgb, var(--cursor-glow-secondary) calc(var(--list-spotlight-opacity) * 48%), transparent), transparent 72%);
  background-repeat: no-repeat;
  background-attachment: scroll;
  transition: --list-spotlight-opacity 1100ms ease;
}
.recommendation-list > header,
.recommendation-list > .recommendation-cards { position:relative; z-index:1; }
.recommendation-list>header { max-width:1080px; margin:0 auto 30px; }.recommendation-list h2 { font-size:32px; font-weight:450; letter-spacing:-.035em; margin:10px 0; }.recommendation-list header>p:last-child { font-size:12px; line-height:1.6; color:var(--muted); max-width:600px; }
.list-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.list-filter-status { flex:0 0 auto; margin:0 0 9px; padding:7px 10px; border:1px solid color-mix(in srgb,var(--editorial-accent) 32%,var(--border)); border-radius:999px; color:var(--body-copy); background:color-mix(in srgb,var(--editorial-accent) 7%,var(--panel)); font-size:10px; }
.list-filter-status::before { display:inline-block; width:5px; height:5px; margin-right:7px; border-radius:50%; background:var(--editorial-accent); content:""; vertical-align:1px; }
.recommendation-cards { max-width:1080px; margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.result-film-card { display:grid; grid-template-columns:112px minmax(0,1fr); gap:19px; padding:16px; background:var(--panel); border:1px solid var(--border); border-radius:var(--studio-radius-lg); cursor:pointer; transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease; }
.result-film-card.is-expanded { cursor:default; grid-column:1 / -1; grid-template-columns:148px minmax(0,1fr); }
.result-extra { display:grid; gap:14px; margin-top:12px; }
.result-film-card.is-expanded .result-synopsis,
.result-film-card.is-expanded .result-reason { display:none; }
.result-description { margin:0; color:var(--body-copy); font-size:14px; line-height:1.65; }
.result-people { margin:0; }
.result-extra .movie-actions { margin:0; }
.result-extra .watch-panel { margin:0; }
.result-film-card:hover { border-color:color-mix(in srgb,var(--editorial-accent) 35%,var(--border)); transform:translateY(-2px); box-shadow:0 14px 34px rgb(0 0 0 / 14%); }
.result-poster { width:100%; padding:0; border:0; background:none; border-radius:6px; align-self:start; cursor:pointer; }.result-poster .film-artwork { height:auto; }.result-copy { min-width:0; }.result-kicker { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:20px; }.result-rank { color:var(--editorial-accent); font-size:10px; letter-spacing:.15em; }.result-kind { display:inline-flex; align-items:center; min-height:19px; border:1px solid color-mix(in srgb,var(--kind-color) 48%,var(--border)); border-radius:999px; padding:2px 7px; color:color-mix(in srgb,var(--kind-color) 78%,var(--ink)); background:color-mix(in srgb,var(--kind-color) 9%,var(--panel)); font-size:9px; font-weight:650; letter-spacing:.1em; line-height:1; text-transform:uppercase; }.result-kind.is-film { --kind-color:var(--editorial-accent); }.result-kind.is-series { --kind-color:#68c8f2; }.result-copy h3 { margin:8px 0; font-size:18px; line-height:1.25; font-weight:500; }.result-facts { font-size:10px; color:var(--muted); }.result-synopsis { display:-webkit-box; margin:8px 0 0; overflow:hidden; color:var(--body-copy); font-size:13px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.result-reason { font-size:12px; line-height:1.65; color:var(--body-copy); }.result-explore { padding:8px 0; background:none; border:0; color:var(--editorial-accent); font-size:11px; cursor:pointer; text-align:left; }.result-explore:hover { text-decoration:underline; text-underline-offset:4px; }
.result-explore:hover { text-decoration:none; }.result-explore:hover>span:first-child { text-decoration:underline; text-underline-offset:4px; }
.movie-map.is-list-view .map-zoom-controls,.movie-map.is-list-view .map-orientation,.movie-map.is-list-view .movie-preview { visibility:hidden; pointer-events:none; }
.movie-map.is-list-view .map-viewport,.movie-map.is-list-view>.movie-node { visibility:visible; opacity:0.3; pointer-events:none; }
.movie-map.is-list-view .map-legend { z-index:18; }.movie-map.is-list-view .map-legend:not([open]) { width:240px; min-width:240px; background:color-mix(in srgb,var(--panel) 42%,transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }.movie-map.is-list-view .map-legend:not([open]) summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; }.movie-map.is-list-view .map-legend:not([open]) summary::after { float:none; }.movie-map.is-list-view .map-toolbar { display:none; }.movie-map.is-list-view .discovery-filter-status { display:none !important; }
.favorite-open { display:flex; align-items:center; gap:12px; text-align:left; }.favorite-open .film-artwork { width:40px; min-width:40px; height:60px; border-radius:4px; }.favorite-open .poster-fallback { font-size:9px; padding:4px; }
@media(min-width:601px) and (max-width:1080px) { .hero-art { height:370px; }.start-hero { gap:3%; min-height:590px; }.start-poster-grid { --poster-marquee-gap:14px; --poster-marquee-half-gap:7px; }.recommendation-cards { grid-template-columns:1fr; }.map-orientation { display:none; } }
@media(max-width:600px) {
  body.is-starting .site-header,body.is-starting .page-shell { transform:none; }
  .start-screen { padding:0 22px; }.start-nav { height:76px; gap:10px; }.studio-brand { font-size:13px; gap:8px; }.studio-brand svg { width:27px; height:27px; }.preview-label { display:none; }.start-browse-link { font-size:11px; }
  .start-hero { display:block; padding:42px 0 20px; min-height:0; }.start-screen h1 { font-size:58px; }.start-copy { font-size:13px; margin:21px 0 24px; }.start-kicker { font-size:9px; }.start-media-control { margin:0 0 10px; }.start-search-form { height:58px; grid-template-columns:minmax(0,1fr) 86px; }.start-search-form input { font-size:16px; padding:0 13px; }.start-search-form>button { margin:6px; }.start-search-form>button b { font-size:11px; }
  .start-surprise { font-size:10px; padding:8px 10px 8px 0; }.start-discovery { max-width:none; margin-top:10px; }.start-preference { gap:5px; margin-top:12px; flex-wrap:wrap; }.start-preference>span { width:100%; margin-bottom:4px; }.start-preference>button { min-height:36px; padding:7px 14px; }.start-time-machine { max-width:100%; margin:12px 0; font-size:10px; }.start-time-machine input { min-height:34px; }.hero-art { height:265px; margin:24px 22px 22px; }.hero-posters { inset:0 15px 38px; }.hero-film { width:36%; }.hero-film-0 { left:5%; top:16%; }.hero-film-1 { right:5%; top:16%; }.hero-film-2 { width:38%; left:31%; top:0; }.hero-caption { font-size:13px; bottom:-18px; }.hero-coordinate { display:none; }.hero-orbit { inset:8% 0; }
  .start-shelf { padding:25px 0 36px; }.shelf-heading { padding:0 22px; margin-bottom:22px; }.shelf-heading h2 { max-width:none; font-size:22px; line-height:1.12; }.shelf-heading .start-kicker { font-size:8px; }.start-poster-grid { --poster-marquee-gap:12px; --poster-marquee-half-gap:6px; padding-inline:0; mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%); }.start-poster-sequence { grid-auto-columns:128px; }.start-poster-track { animation-duration:78s; }.hero-caption { font-size:12px; letter-spacing:.025em; }.start-film-card strong { font-size:11px; margin-top:9px; }.start-film-card small { font-size:9px; }.start-manifesto { grid-template-columns:25px 1fr; gap:18px; padding:30px 0; }.start-manifesto h2 { font-size:28px; }.start-manifesto p,.start-manifesto>a { grid-column:2; }.start-footnote { flex-wrap:wrap; font-size:9px; gap:18px; }.start-footnote small { display:block; margin:8px 0 0; }.start-attribution { display:none; }
  .site-header { padding:0 10px; }.site-header .brand { font-size:12px; width:auto; flex:0 0 auto; padding:0 8px 0 0; }.title-button { font-size:18px; }.site-header .title-button-label { font-size:8px; }.header-actions { gap:5px; }.header-actions>button,.favorites-toggle { width:38px; height:38px; min-width:38px; }
  .map-info { padding:0 16px calc(20px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; background:var(--panel); }.map-info .poster { width:130px; margin-top:4px; }.view-switch { top:max(12px, env(safe-area-inset-top)); left:auto; right:max(12px, env(safe-area-inset-right)); transform:none; border-radius:12px; background:color-mix(in srgb,var(--panel) 42%,transparent); border-color:color-mix(in srgb,var(--border) 55%,transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }.view-switch button { min-height:36px; padding:7px 12px; font-size:11px; }.map-toolbar { top:max(12px, env(safe-area-inset-top)); left:max(12px, env(safe-area-inset-left)); max-width:calc(100% - 150px); }.map-toolbar.is-collapsed .map-toolbar-toggle { width:44px; min-width:44px; height:44px; border-radius:12px; background:color-mix(in srgb,var(--panel) 42%,transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }.map-toolbar:not(.is-collapsed) { max-width:calc(100% - 24px); z-index:22; }.map-toolbar:not(.is-collapsed)+* { pointer-events:auto; }
  .map-orientation { display:none; }.map-legend { left:12px; bottom:calc(78px + env(safe-area-inset-bottom)); width:154px; }.map-legend[open] { left:12px; bottom:calc(130px + env(safe-area-inset-bottom)); width:calc(100% - 24px); max-height:calc(100dvh - 290px); background:var(--panel); }.map-zoom-controls { display:none; }
  .movie-map.is-list-view .map-legend,
  .movie-map.is-list-view .map-toolbar { display:none; }
  body:has(.movie-map.is-list-view) .theme-button,
  body:has(.movie-map.is-list-view) .settings-panel { display:none; }
  .movie-map:has(.movie-preview.is-visible) .map-legend { visibility:hidden; pointer-events:none; }
  .movie-map.is-list-view .map-viewport,
  .movie-map.is-list-view > .movie-node { visibility:visible; opacity:0.3; pointer-events:none; }
  .recommendation-list { inset:0 0 calc(56px + env(safe-area-inset-bottom)); padding:64px 14px 18px; }.recommendation-list h2 { font-size:26px; }.recommendation-list>header { margin-bottom:24px; }.list-heading-row { display:block; }.list-filter-status { display:inline-block; margin:0 0 10px; }.recommendation-cards { grid-template-columns:1fr; gap:12px; }.result-film-card { grid-template-columns:88px minmax(0,1fr); gap:14px; padding:12px; }.result-film-card.is-expanded { grid-template-columns:88px minmax(0,1fr); }.result-copy h3 { font-size:16px; }.result-synopsis { margin-top:6px; font-size:12px; -webkit-line-clamp:3; }.result-reason { font-size:11px; }.result-facts { font-size:9px; }.result-explore { min-height:38px; }.mobile-info-toggle { touch-action:pan-x; }
}
@media(prefers-reduced-motion:reduce) { .start-title-character { opacity:1; transition:none; }.start-title-caret { display:none; }.hero-film,.start-film-card.is-home-entering { animation:none; opacity:1; }.hero-film,.start-film-card .film-artwork,.result-film-card,.recommendation-list { transition:none; }.hero-film:hover,.hero-film:focus-visible { translate:none; }.start-film-card:hover .film-artwork,.result-film-card:hover { transform:none; }.recommendation-list { --list-spotlight-opacity:0.4; }.start-poster-grid { overflow:visible; padding-inline:0; margin-inline:0; mask-image:none; }.start-poster-track { display:block; width:100%; animation:none; transform:none; }.start-poster-sequence { width:100%; grid-auto-flow:row; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; }.start-poster-sequence.is-decorative { display:none; } }
@media(max-width:600px) and (prefers-reduced-motion:reduce) { .start-poster-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 12px; } }
html[data-motion="reduced"] .start-poster-grid { width:100%; overflow:visible; padding-inline:0; margin-inline:0; mask-image:none; }
html[data-motion="reduced"] .start-poster-track { display:block; width:100%; animation:none; transform:none; }
html[data-motion="reduced"] .start-poster-sequence { width:100%; grid-auto-flow:row; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; }
html[data-motion="reduced"] .start-poster-sequence.is-decorative { display:none; }
html[data-motion="reduced"] .start-title-character { opacity:1; transition:none; }
html[data-motion="reduced"] .start-title-caret { display:none; }
html[data-motion="reduced"] .hero-film { animation:none; opacity:1; }
html[data-motion="reduced"] .start-film-card.is-home-entering { animation:none; opacity:1; }
@media(max-width:600px) { html[data-motion="reduced"] .start-poster-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 12px; } }
@media(hover:none) { .recommendation-list { --list-spotlight-opacity:0.4; } }
@media(max-width:600px) {
  .recommendation-list { bottom:calc(52px + env(safe-area-inset-bottom)); padding-bottom:12px; }
  .start-surprise { font-size:11px; }
  .map-info .poster { margin-left:auto; margin-right:auto; }
}