.flix-discovery { --flix-muted:#adb5c3; --flix-line:#2c3440; --flix-accent:#f06c75; padding:26px; background:#0c1119; color:#f4f5f8; }
.flix-discovery button,.flix-discovery a { font:inherit; }
.flix-discovery button { cursor:pointer; }
.flix-discovery button:focus-visible,.flix-discovery a:focus-visible,.flix-globe-region:focus-visible { outline:2px solid #79dbe7; outline-offset:4px; }
.flix-discovery button:disabled { cursor:default; opacity:.6; }
.flix-tabs { display:flex; flex-wrap:wrap; gap:6px; padding-bottom:22px; border-bottom:1px solid var(--flix-line); }
.flix-tabs button { display:flex; align-items:center; gap:9px; min-height:44px; padding:10px 16px; border:1px solid transparent; border-radius:7px; background:none; color:var(--flix-muted); font-size:13px; }
.flix-tabs button[aria-selected="true"] { color:#fff; border-color:#4c6478; background:#223042; }
.flix-tabs svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; }
.flix-workspace { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr); gap:22px; padding-top:24px; }
.flix-connection { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:14px; color:#97b8bd; font-size:11px; line-height:1.5; }
.flix-place-picker { display:flex; flex-direction:column; gap:7px; max-width:300px; margin:15px auto 0; color:#9db1c5; font-size:11px; }
.flix-place-picker select,.flix-library-search select { min-width:0; min-height:44px; padding:8px 10px; border:1px solid #3b4b60; border-radius:6px; background:#172333; color:#d4e0ed; font:inherit; }
.flix-performance-picker { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:15px; color:#afbed0; font-size:11px; }
.flix-performance-picker button { width:34px; min-height:34px; border:1px solid #39495c; border-radius:50%; background:none; color:#d3e1ed; font-size:19px; }
.flix-player { grid-column:1/-1; min-width:0; border:1px solid #354459; border-radius:10px; overflow:hidden; background:#090d14; }
.flix-player-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 15px; }
.flix-player-heading p { font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:#a9bbcf; }
.flix-player-heading h4 { margin-top:5px; font-size:17px; font-weight:550; line-height:1.3; }
.flix-player-heading button { width:34px; min-height:34px; border:1px solid #3a4658; border-radius:50%; color:#fff; background:none; font-size:21px; flex:none; }
#flix-native-video { display:block; width:100%; aspect-ratio:16/9; background:#000; object-fit:contain; }
.flix-player-state { padding:10px 15px; font-size:12px; color:#bfcfdf; line-height:1.5; }
.flix-player-state:has(p:empty):has(button[hidden]) { display:none; }
.flix-player-state button { margin-top:10px; }
.flix-player-detail { padding:8px 15px 13px; color:#9eafc0; font-size:11px; line-height:1.5; }
.flix-workspace[data-playing="true"][data-mode="globe"] { grid-template-columns:minmax(0,1.4fr) minmax(245px,.85fr); align-items:start; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-player { grid-column:1; grid-row:1/3; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-map-side { grid-column:2; grid-row:1; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-destination { grid-column:2; grid-row:2; padding:14px; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-globe-region { max-width:240px; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-mode-heading h3 { font-size:21px; }
.flix-workspace[data-playing="true"][data-mode="globe"] .flix-mode-heading p,.flix-workspace[data-playing="true"][data-mode="globe"] .flix-destination-image,.flix-workspace[data-playing="true"][data-mode="globe"] .flix-destination-note { display:none; }
.flix-library-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,.5fr) auto; gap:10px; margin-top:22px; }
.flix-library-search input { min-width:0; min-height:44px; padding:10px 13px; border:1px solid #3b4b60; border-radius:6px; background:#172333; color:#fff; font:inherit; font-size:13px; }
.flix-library-search select { font-size:12px; }
.flix-library-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:18px; font-size:13px; color:#b7c7d7; }
.flix-library-roots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.flix-library-root { min-width:0; min-height:72px; padding:15px 18px; border:1px solid #3a4c62; border-radius:8px; background:#172333; color:#e7edf5; text-align:left; font-size:15px; }
.flix-library-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px 16px; margin-top:22px; }
.flix-library-item { min-width:0; }
.flix-library-item > img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:6px; background:#26394e; }
.flix-library-item h4 { margin-top:9px; font-size:14px; font-weight:550; line-height:1.4; }
.flix-library-item p { color:#9fb1c7; font-size:11px; line-height:1.5; margin-top:6px; }
.flix-library-item button { font-size:12px; }
.flix-music-panel { display:contents; }
.flix-map-side { grid-column:1; grid-row:1; min-width:0; }
.flix-mode-heading h3 { margin:0; font-size:28px; font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.flix-mode-heading > p { margin-top:9px; color:var(--flix-muted); font-size:13px; line-height:1.6; max-width:42ch; }
.flix-kind-filter { display:flex; gap:6px; flex-wrap:wrap; margin-top:17px; }
.flix-kind-filter button { min-height:36px; padding:5px 11px; border:1px solid #344053; border-radius:20px; background:transparent; color:#b2bdce; font-size:11px; }
.flix-kind-filter button[aria-pressed="true"] { border-color:#8da8bd; color:#f1f6fd; background:#253546; }
.flix-globe-region { position:relative; width:100%; max-width:380px; aspect-ratio:1; margin:5px auto 0; border-radius:50%; background:radial-gradient(circle,#15435426 20%,#29627c15 48%,transparent 68%); }
.flix-globe-region::before { content:""; position:absolute; inset:12%; border-radius:50%; box-shadow:0 0 40px #4aacc519; pointer-events:none; }
.flix-globe-canvas { position:absolute; width:100%; height:100%; inset:0; touch-action:pan-y; cursor:grab; border-radius:50%; }
.flix-globe-canvas[data-dragging="true"] { cursor:grabbing; }
.flix-globe-region[data-fallback="true"] .flix-globe-canvas { display:none; }
.flix-globe-region[data-fallback="true"]::before { inset:8.5%; background:radial-gradient(circle at 35% 30%,transparent,#030d1ae8 95%),url('earth.jpg') center/auto 100%; }
.flix-globe-region[data-fallback="true"] #flix-globe-pins,.flix-globe-region[data-fallback="true"] .flix-pin-lines,.flix-globe-region[data-fallback="true"] + .flix-globe-controls button { display:none; }
.flix-pin-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.flix-pin-lines line { stroke:#98dee2; stroke-width:.3; opacity:.5; }
.flix-pin { position:absolute; z-index:2; display:grid; place-items:center; width:30px; height:30px; padding:0; transform:translate(-50%,-50%); border:0; background:none; color:#8ce5eb; }
.flix-pin::before { content:""; width:8px; height:8px; background:currentColor; border:1px solid #e3ffff; border-radius:50%; box-shadow:0 0 0 5px #68cdd623,0 0 12px #51caeaaa; }
.flix-pin[data-kind="sets"] { color:#b5a0ff; }
.flix-pin[aria-pressed="true"] { z-index:5; color:#fff; }
.flix-pin[aria-pressed="true"]::before { width:11px; height:11px; border-color:#ffb7b6; background:#f06c75; box-shadow:0 0 0 7px #ee596e27,0 0 18px #ff8596ad; }
.flix-pin span { position:absolute; top:29px; left:50%; transform:translateX(-50%); padding:4px 6px; border:1px solid #496578; border-radius:4px; background:#101925e8; color:#fff; font-size:10px; white-space:nowrap; opacity:0; pointer-events:none; }
.flix-pin:hover span,.flix-pin:focus-visible span,.flix-pin[aria-pressed="true"] span { opacity:1; }
.flix-globe-controls { display:flex; align-items:center; justify-content:center; gap:13px; margin-top:-5px; color:#a7b7c8; font-size:11px; }
.flix-globe-controls button { width:36px; min-height:36px; border:1px solid #344154; border-radius:50%; background:none; color:#d9e2ed; font-size:19px; }
.flix-city-list { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 6px; margin-top:13px; }
.flix-city-list button { min-height:34px; padding:5px 9px; border:0; border-bottom:2px solid transparent; border-radius:4px; background:#17212d; color:#acbccc; font-size:11px; }
.flix-city-list button[aria-pressed="true"] { border-bottom-color:#f06c75; background:#273444; color:#fff; }
.flix-destination { grid-column:2; grid-row:1; min-width:0; align-self:center; padding:18px; border:1px solid #304053; border-radius:10px; background:linear-gradient(160deg,#172333,#121a25); }
.flix-destination .flix-eyebrow { color:#91b4c8; font-size:10px; letter-spacing:.09em; text-transform:uppercase; }
.flix-destination h4 { margin:7px 0 14px; color:#fff; font-size:21px; line-height:1.25; letter-spacing:-.025em; font-weight:550; }
.flix-destination-image { position:relative; display:block; width:100%; aspect-ratio:16/9; margin-bottom:17px; padding:0; overflow:hidden; border:0; border-radius:7px; background:#263546; }
.flix-destination-image img { width:100%; height:100%; object-fit:cover; }
.flix-image-play { position:absolute; left:12px; bottom:12px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#fff; color:#152231; font-size:13px; box-shadow:0 2px 10px #0004; }
.flix-destination h5 { margin:0; color:#fff; font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-.035em; }
.flix-destination-title { margin-top:5px; color:#c3d2e3; font-size:14px; line-height:1.4; }
.flix-destination-note { margin-top:12px; color:#a9b6c7; font-size:13px; line-height:1.6; }
.flix-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 15px; border:0; border-radius:6px; background:#f2f3f6; color:#111b28; font-size:12px; font-weight:600; }
.flix-primary:hover { background:#fff; }
.flix-destination .flix-primary { width:100%; margin-top:18px; }
.flix-source { display:inline-flex; align-items:center; min-height:36px; margin-top:5px; color:#a2b6ca; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.flix-film-panel { grid-column:1/-1; min-width:0; }
.flix-film-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.flix-text-button { display:inline-flex; align-items:center; min-height:44px; padding:5px 0; border:0; background:none; color:#b1c5d6; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.flix-pick-trail { margin-top:16px; color:#d4bd9e; font-size:12px; line-height:1.6; }
.flix-poster-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:23px; }
.flix-poster-choice { display:block; width:100%; padding:0; border:0; border-radius:8px; background:none; color:#fff; text-align:left; }
.flix-poster-choice img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:7px; background:#253140; transition:transform .2s ease,box-shadow .2s ease; }
.flix-poster-choice:hover img { transform:translateY(-3px); box-shadow:0 0 0 2px #879cb4; }
.flix-poster-choice strong { display:block; margin-top:10px; font-size:14px; line-height:1.35; font-weight:550; }
.flix-poster-choice small { display:block; margin-top:5px; color:#acb9c8; font-size:12px; line-height:1.4; }
.flix-poster-choice .flix-pick-label { display:inline-block; padding:8px 0; color:#e4bdc5; font-size:11px; }
.flix-film-result { display:grid; grid-template-columns:170px minmax(0,1fr); gap:25px; padding:24px; border:1px solid #364558; border-radius:10px; margin-top:23px; background:#172333; }
.flix-film-result > img { width:100%; aspect-ratio:2/3; border-radius:7px; object-fit:cover; }
.flix-film-result h4 { margin-top:10px; font-size:28px; line-height:1.15; font-weight:600; letter-spacing:-.035em; }
.flix-film-result .flix-film-meta { margin-top:9px; color:#a9bbcf; font-size:12px; }
.flix-film-result p { color:#c0cddd; font-size:14px; line-height:1.6; }
.flix-film-result .flix-film-copy { margin-top:16px; }
.flix-film-result .flix-primary { margin-top:18px; }
.flix-feelings { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.flix-feelings button { min-height:44px; padding:9px 16px; border:1px solid #475469; border-radius:24px; background:none; color:#b9c9d9; font-size:13px; }
.flix-feelings button[aria-pressed="true"] { background:#ecdac8; border-color:#ecdac8; color:#242125; }
.flix-feeling-note { margin-top:18px; color:#d3c4b6; font-size:14px; line-height:1.6; }
.flix-feeling-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:20px; }
.flix-feeling-card { min-width:0; }
.flix-feeling-card img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:7px; background:#273444; }
.flix-feeling-card h4 { margin-top:10px; font-size:15px; line-height:1.3; font-weight:550; }
.flix-feeling-card p { margin-top:8px; color:#a5b6c8; font-size:12px; line-height:1.6; }
.flix-feeling-card .flix-text-button { color:#e2c8c6; }
.flix-demo-caption { margin-top:22px; padding-top:17px; border-top:1px solid var(--flix-line); color:#8898aa; font-size:11px; line-height:1.6; }
.preview-embreeflix.preview-flix-discovery { flex-direction:row; gap:14px; padding:18px; background:#101b29; }
.preview-flix-globe { position:relative; width:145px; height:145px; flex:none; border-radius:50%; background:radial-gradient(circle at 30% 30%,transparent 40%,#030b1ddd 95%),url('earth.jpg') center/auto 100%; box-shadow:inset -15px -15px 30px #050a1880,0 0 26px #57bbd722; }
.preview-flix-globe::after { content:""; position:absolute; width:7px; height:7px; left:58%; top:33%; border:1px solid #fff; border-radius:50%; background:#f77982; box-shadow:0 0 0 5px #f779822f,0 0 12px #f77982; }
.preview-flix-destination { min-width:0; color:#b9cbdc; }
.preview-flix-destination img { width:100%; max-width:150px; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:5px; background:#263545; }
.preview-flix-destination strong { display:block; margin-top:9px; color:#f3f6fa; font-size:13px; line-height:1.4; }
.preview-flix-destination span { display:block; margin-top:4px; font-size:10px; line-height:1.4; }
@media(max-width:900px) {
  .flix-workspace { grid-template-columns:minmax(0,1fr) minmax(230px,.85fr); gap:18px; }
  .flix-discovery { padding:22px; }
  .preview-flix-globe { width:125px; height:125px; }
  .flix-workspace[data-playing="true"][data-mode="globe"] { grid-template-columns:minmax(0,1fr); }
  .flix-workspace[data-playing="true"][data-mode="globe"] .flix-player { grid-column:1; grid-row:1; }
  .flix-workspace[data-playing="true"][data-mode="globe"] .flix-map-side { grid-column:1; grid-row:2; }
  .flix-workspace[data-playing="true"][data-mode="globe"] .flix-destination { grid-column:1; grid-row:3; }
}
@media(max-width:650px) {
  .flix-discovery { padding:20px; }
  .flix-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding-bottom:18px; }
  .flix-tabs button { justify-content:center; flex-direction:column; gap:7px; padding:9px 4px; font-size:11px; white-space:normal; }
  .flix-workspace { grid-template-columns:minmax(0,1fr); padding-top:20px; }
  .flix-map-side { grid-column:1; grid-row:auto; }
  .flix-destination { grid-column:1; grid-row:auto; margin-top:5px; }
  .flix-globe-region { max-width:330px; }
  .flix-mode-heading h3 { font-size:25px; }
  .flix-poster-grid { gap:10px; }
  .flix-poster-choice strong { font-size:12px; }
  .flix-poster-choice small { font-size:10px; }
  .flix-poster-choice .flix-pick-label { font-size:10px; }
  .flix-film-result { grid-template-columns:92px minmax(0,1fr); padding:15px; gap:15px; }
  .flix-film-result h4 { font-size:21px; }
  .flix-film-result p { font-size:12px; }
  .flix-film-result .flix-film-meta { font-size:10px; line-height:1.6; }
  .flix-feeling-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  .flix-feeling-card { display:grid; grid-template-columns:92px minmax(0,1fr); gap:15px; align-items:start; }
  .flix-feeling-card h4 { margin-top:0; font-size:15px; }
  .flix-feeling-card p { font-size:12px; }
  .flix-feelings { gap:6px; }
  .flix-feelings button { padding:9px 12px; font-size:12px; }
  .preview-embreeflix.preview-flix-discovery { gap:12px; padding:16px; }
  .preview-flix-globe { width:min(135px,42%); height:auto; aspect-ratio:1; }
  .flix-library-search { grid-template-columns:minmax(0,1fr) auto; }
  .flix-library-search input { grid-column:1/-1; }
  .flix-library-results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
  .flix-library-roots { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .flix-poster-choice img { transition:none; }
  .flix-poster-choice:hover img { transform:none; }
}