@font-face{font-family: "HN Inter"; src: url("fonts/inter-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: "HN Inter"; src: url("fonts/inter-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap;}@font-face{font-family: "HN Inter"; src: url("fonts/inter-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap;}@font-face{font-family: "HN Inter"; src: url("fonts/inter-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}@font-face{font-family: "HN Inter Fallback"; src: local("Arial"), local("ArialMT"), local("Helvetica"); ascent-override: 90.4%; descent-override: 22.5%; line-gap-override: 0%; size-adjust: 107.1%;}:root{--bg: #0a0b0d; --bg-raise: #0f1114; --surface: #13161a; --line: rgba(255, 255, 255, 0.07); --line-2: rgba(255, 255, 255, 0.12); --text: #f4f6f8; --text-2: #a3acb9; --text-3: #7d8693; --accent: #3d8bff; --accent-soft: rgba(61, 139, 255, 0.14); --accent-ink: #cfe1ff; --font: -apple-system, BlinkMacSystemFont, "HN Inter", "HN Inter Fallback", "Segoe UI", Roboto, sans-serif; --maxw: 1240px; --gutter: clamp(20px, 5vw, 64px); --section: clamp(80px, 11vw, 160px); --header: 64px; --ease: cubic-bezier(0.2, 0.7, 0.2, 1); --ease-spring: cubic-bezier(0.32, 1.28, 0.48, 1);}*, *::before, *::after{box-sizing: border-box;}html{color-scheme: dark; background: var(--bg); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--header) + 16px);}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth;}}body{margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 17px; line-height: 1.55; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-kerning: normal; overflow-x: clip;}h1, h2, h3, p, ul, dl, dd, figure{margin: 0;}ul{padding: 0; list-style: none;}img{display: block; max-width: 100%;}a{color: inherit;}:focus-visible{outline: 2px solid var(--accent); outline-offset: 3px;}main:focus{outline: none;}.sprite{position: absolute; width: 0; height: 0; overflow: hidden;}.icon{width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}.container{width: 100%; max-width: calc(var(--maxw) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter);}.narrow{max-width: calc(980px + var(--gutter) * 2);}.menu-inner, .ticks, .swipe-head, .dna-rows, .shelves, .account-visual, .fy-why ul, .community-panels, .privacy-list, .footer-top, .fine-print, .tmdb-credit, .source-list li{grid-template-columns: minmax(0, 1fr);}.skip{position: absolute; left: 16px; top: -80px; z-index: 100; padding: 12px 18px; border-radius: 12px; background: var(--text); color: var(--bg); font-weight: 600; text-decoration: none;}.skip:focus{top: 12px;}.glass{background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 16px 40px -20px rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%);}.glass-panel{position: relative; border-radius: 24px; padding: clamp(20px, 2.4vw, 28px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)); border: 1px solid var(--line-2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass{background: rgba(29, 32, 37, 0.94);}}@media (prefers-reduced-transparency: reduce){.glass{-webkit-backdrop-filter: none; backdrop-filter: none; background: #1b1e23;}}.site-header{position: sticky; top: 0; z-index: 50;}.site-header::before{content: ""; position: absolute; inset: 0; background: rgba(10, 11, 13, 0.62); -webkit-backdrop-filter: saturate(170%) blur(20px); backdrop-filter: saturate(170%) blur(20px); border-bottom: 1px solid transparent; transition: border-color 0.3s, background-color 0.3s;}.site-header.is-scrolled::before{background: rgba(10, 11, 13, 0.74); border-bottom-color: var(--line);}.bar{position: relative; display: flex; align-items: center; gap: 20px; height: var(--header);}.brand{display: inline-flex; align-items: center; gap: 10px; border-radius: 10px; text-decoration: none;}.brand-tile{width: 30px; height: 30px;}.brand-word{width: auto; height: 17px;}.primary-nav{display: none; margin-inline: auto;}.primary-nav ul{display: flex; gap: 2px;}.primary-nav a{display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; color: var(--text-2); font-size: 14.5px; font-weight: 500; text-decoration: none; transition: color 0.2s, background-color 0.2s;}.primary-nav a:hover{color: var(--text); background: rgba(255, 255, 255, 0.06);}.bar-actions{display: flex; align-items: center; gap: 10px; margin-left: auto;}.lang-switch{display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 38px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--text-2); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-decoration: none; transition: color 0.2s, border-color 0.2s;}.lang-switch:hover{color: var(--text); border-color: rgba(255, 255, 255, 0.26);}.lang-switch--wide{letter-spacing: 0; font-size: 14px; padding: 0 16px;}.cta-short{display: none;}@media (min-width: 1100px){.primary-nav{display: block;}.primary-nav + .bar-actions{margin-left: 0;}}@media (max-width: 420px){.cta-long{display: none;}.cta-short{display: inline;}.brand-word{height: 15px;}.bar{gap: 12px;}.bar-actions{gap: 8px;}.site-header .brand-tile{display: none;}}@media (max-width: 359px){.bar-actions .lang-switch--bar{display: none;}.site-header .btn-small{padding: 0 13px;}}.menu{display: block;}.menu-button{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line-2); color: var(--text); cursor: pointer; list-style: none; transition: border-color 0.2s, background-color 0.2s;}.menu-button::-webkit-details-marker{display: none;}.menu-button::marker{content: "";}.menu-button:hover{border-color: rgba(255, 255, 255, 0.26);}.menu-button .icon{grid-area: 1 / 1; width: 20px; height: 20px; stroke-width: 2; transition: opacity 0.2s, transform 0.3s var(--ease);}.menu-close-icon, .menu[open] .menu-open-icon{opacity: 0; transform: rotate(-45deg) scale(0.8);}.menu[open] .menu-close-icon{opacity: 1; transform: none;}.menu[open] .menu-button{background: rgba(255, 255, 255, 0.08);}.menu:not([open]) .menu-panel{display: none;}.menu-panel{position: fixed; z-index: 60; top: var(--header); left: 0; right: 0; max-height: calc(100vh - var(--header)); max-height: calc(100dvh - var(--header)); overflow-y: auto; overscroll-behavior: contain; background: rgba(10, 11, 13, 0.985); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line-2); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.9);}.menu-inner{display: grid; gap: 20px; padding-block: 16px 24px;}.menu-worlds{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 6px;}.menu-worlds a{display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 8px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(255, 255, 255, 0.04); color: var(--text); font-size: 15px; font-weight: 600; text-decoration: none; transition: background-color 0.2s, border-color 0.2s;}.menu-worlds a:hover{background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.22);}.menu-worlds .icon{width: 18px; height: 18px; color: var(--accent);}@media (max-width: 379px){.menu-worlds .icon{display: none;}}.menu-list a{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; border-bottom: 1px solid var(--line); color: var(--text); font-size: 18px; font-weight: 600; letter-spacing: -0.015em; text-decoration: none;}.menu-list a .icon{width: 18px; height: 18px; color: var(--text-3); stroke-width: 2; transition: transform 0.3s var(--ease), color 0.2s;}.menu-list a:hover .icon, .menu-list a:focus-visible .icon{color: var(--accent); transform: translateX(3px);}.menu-actions .cta-row{justify-content: flex-start;}.menu-lang{display: flex;}@media (min-width: 640px){.menu-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px;}}@media (min-width: 1100px){.menu{display: none;}}html.menu-open{overflow: hidden;}@media (prefers-reduced-motion: no-preference){.menu[open] .menu-panel{animation: hn-menu 0.32s var(--ease) both;}.menu[open] .menu-worlds, .menu[open] .menu-list li{animation: hn-rise 0.5s var(--ease) both;}.menu[open] .menu-list li:nth-child(2){animation-delay: 0.02s;}.menu[open] .menu-list li:nth-child(3){animation-delay: 0.04s;}.menu[open] .menu-list li:nth-child(4){animation-delay: 0.06s;}.menu[open] .menu-list li:nth-child(5){animation-delay: 0.08s;}.menu[open] .menu-list li:nth-child(6){animation-delay: 0.1s;}.menu[open] .menu-list li:nth-child(7){animation-delay: 0.12s;}.menu[open] .menu-list li:nth-child(8){animation-delay: 0.14s;}.menu[open] .menu-list li:nth-child(9){animation-delay: 0.16s;}.menu[open] .menu-list li:nth-child(10){animation-delay: 0.18s;}}@keyframes hn-menu{from{opacity: 0; translate: 0 -8px;}}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 54px; padding: 0 28px; border-radius: 999px; font-size: 16.5px; font-weight: 600; letter-spacing: -0.01em; text-decoration: none; white-space: nowrap; transition: transform 0.3s var(--ease), background-color 0.3s, box-shadow 0.3s, color 0.3s;}.btn:focus-visible{outline-offset: 4px;}.btn-primary{background: var(--text); color: #0a0b0d; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);}.btn-primary:hover{background: #ffffff; transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 16px 36px -16px rgba(255, 255, 255, 0.4);}.btn-primary:active{transform: scale(0.98);}.btn-glass{color: var(--text); background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);}.btn-glass:hover{transform: translateY(-1px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06)); border-color: rgba(255, 255, 255, 0.2);}.btn-small{height: 38px; padding: 0 16px; font-size: 14px;}.btn-arrow{width: 18px; height: 18px; stroke-width: 2; transition: transform 0.3s var(--ease);}.btn:hover .btn-arrow{transform: translateX(3px);}.cta-row{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}@media (max-width: 480px){.cta-row{flex-direction: column; align-items: stretch; width: min(100%, 340px);}}h2{font-size: clamp(34px, 4.6vw, 64px); line-height: 1.04; letter-spacing: -0.035em; font-weight: 700; text-wrap: balance;}.eyebrow{display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--text-2); font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;}.eyebrow .icon{width: 17px; height: 17px; color: var(--accent);}.body-lg{margin-top: 22px; max-width: 34em; color: var(--text-2); font-size: clamp(17px, 1.3vw, 19.5px); line-height: 1.6; text-wrap: pretty;}.note{margin-top: 16px; color: var(--text-3); font-size: 15px;}.tag{display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;}.section-head{max-width: 760px;}.section-head p:not(.eyebrow){margin-top: 18px; color: var(--text-2); font-size: clamp(17px, 1.3vw, 19.5px); line-height: 1.6; text-wrap: balance;}.device{--dw: 300px; position: relative; width: var(--dw); padding: calc(var(--dw) * 0.022); border-radius: calc(var(--dw) * 0.143); background: linear-gradient(155deg, #2b2e33 0%, #17191c 24%, #111316 62%, #1e2125 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.55), 0 40px 90px -36px rgba(0, 0, 0, 0.9);}.device-screen{position: relative; overflow: hidden; border-radius: calc(var(--dw) * 0.121); background: #0a0b0d; padding-top: 15.65%;}.device-island{position: absolute; z-index: 3; top: calc(var(--dw) * 0.0415); left: 35%; width: 30%; height: calc(var(--dw) * 0.0748); border-radius: 999px; background: #000;}.screen-img{width: 100%; height: auto;}.device--fade{-webkit-mask-image: linear-gradient(180deg, #000 68%, transparent 98%); mask-image: linear-gradient(180deg, #000 68%, transparent 98%);}.device--fade, .hero-stage .device{box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.55);}.hero{position: relative; overflow-x: clip; isolation: isolate; padding-top: clamp(40px, 8vh, 104px);}.hero-glow{position: absolute; z-index: -1; left: 50%; bottom: -18%; width: min(1500px, 170vw); aspect-ratio: 1.6; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(61, 139, 255, 0.22), rgba(61, 139, 255, 0.07) 48%, rgba(61, 139, 255, 0) 74%); pointer-events: none;}.hero-copy{display: flex; flex-direction: column; align-items: center; text-align: center;}.kicker{display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 2px; padding: 4px; border-radius: 999px; color: var(--text-2); font-size: 13.5px; font-weight: 500;}.kicker span{display: inline-flex; align-items: center; gap: 7px; padding: 6px 13px; border-radius: 999px;}.kicker .icon{width: 16px; height: 16px; color: var(--text);}@media (max-width: 400px){.kicker{flex-wrap: nowrap; font-size: 13px;}.kicker span{padding: 6px 10px;}.kicker .icon{display: none;}}.display{margin-top: 28px; max-width: 12.4em; font-size: clamp(44px, 7.6vw, 116px); line-height: 0.98; letter-spacing: -0.045em; font-weight: 700; text-wrap: balance;}:lang(de) .display{max-width: 13.4em; font-size: clamp(40px, 6.6vw, 100px);}.display .line{display: block;}.line-a{color: var(--text-3);}.accent{color: var(--accent);}.lede{margin-top: 28px; max-width: 34em; color: var(--text-2); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; text-wrap: balance;}.hero-copy .cta-row{margin-top: 36px;}.start-note{margin-top: 16px; color: var(--text-2); font-size: 14.5px;}.store-note{display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--text-3); font-size: 14px; line-height: 1.35; text-align: left; text-decoration: none;}.store-note img{width: 40px; height: 40px;}.store-note strong{display: block; color: var(--text); font-size: 14.5px; font-weight: 600;}.hero-stage{--hero-dw: 236px; --stage-top: 0px; position: relative; height: calc(var(--hero-dw) * 1.6); margin-top: clamp(52px, 8vw, 96px);}.hero-stage .device{-webkit-mask-image: linear-gradient(180deg, #000 50%, transparent 90%); mask-image: linear-gradient(180deg, #000 50%, transparent 90%);}.hero-stage .device{position: absolute; top: var(--stage-top); left: 50%;}.device--hero{--dw: var(--hero-dw); z-index: 2; transform: translateX(-50%);}.hero-stage .device--side{--dw: calc(var(--hero-dw) * 0.84); z-index: 1; top: calc(var(--stage-top) + var(--hero-dw) * 0.14); filter: brightness(0.46) saturate(0.85);}.device--left{transform: translateX(calc(-50% - var(--dw) * 0.9)) rotate(-3deg); transform-origin: 50% 100%;}.device--right{transform: translateX(calc(-50% + var(--dw) * 0.9)) rotate(3deg); transform-origin: 50% 100%;}.stage-note{position: absolute; z-index: 3; left: 0; right: 0; bottom: 6px; color: var(--text-3); font-size: 12.5px; text-align: center;}@media (min-width: 600px){.hero-stage{--hero-dw: 300px;}}@media (min-width: 1024px){.hero{padding-top: 0;}.hero-glow{left: 74%; bottom: -30%; width: min(1100px, 90vw);}.hero-inner{display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr); column-gap: clamp(24px, 4vw, 72px); align-items: center; min-height: clamp(640px, calc(100svh - var(--header)), 900px);}.hero-copy{align-items: flex-start; padding-block: clamp(40px, 7vh, 88px); text-align: left;}.display{max-width: 9.4em; font-size: clamp(56px, 5.8vw, 86px);}:lang(de) .display{max-width: 10.6em; font-size: clamp(48px, 4.8vw, 78px);}.lede{max-width: 29em; text-wrap: pretty;}.hero-copy .cta-row{justify-content: flex-start;}.hero-stage{--hero-dw: clamp(270px, 25vw, 400px); --stage-top: clamp(44px, 9vh, 104px); --side-shift: 0.5; align-self: stretch; height: auto; min-height: 600px; margin-top: 0;}.hero-stage .device{left: 54%; -webkit-mask-image: linear-gradient(180deg, #000 64%, transparent 97%); mask-image: linear-gradient(180deg, #000 64%, transparent 97%);}.device--left{transform: translateX(calc(-50% - var(--dw) * var(--side-shift))) translateY(var(--drift)) rotate(-6deg);}.device--right{transform: translateX(calc(-50% + var(--dw) * var(--side-shift))) translateY(var(--drift)) rotate(6deg);}.stage-note{bottom: 18px; left: 8%;}}@media (min-width: 1280px){.hero-stage{--side-shift: 0.6;}}@media (min-width: 1800px){:root{--maxw: 1320px;}}@media (prefers-reduced-motion: no-preference){.hero-copy > *{animation: hn-rise 1s var(--ease) both;}.hero-copy > :nth-child(2){animation: none;}.display .line{animation: hn-rise 1.05s var(--ease) both;}.display .line-a{animation-delay: 0.08s;}.display .line-b{animation-delay: 0.18s;}.hero-copy > :nth-child(3){animation-delay: 0.3s;}.hero-copy > :nth-child(4){animation-delay: 0.38s;}.hero-copy > :nth-child(5){animation-delay: 0.46s;}.hero-copy > :nth-child(6){animation-delay: 0.54s;}.hero-stage .device{animation: hn-stage 1.4s var(--ease) both;}.hero-stage .device--hero{animation-delay: 0.22s;}.hero-stage .device--side{animation-delay: 0.42s;}.stage-note{animation: hn-fade 1.2s 0.9s var(--ease) both;}.device--hero .device-screen::after{content: ""; position: absolute; z-index: 4; inset: -20% -60%; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.13) 50%, rgba(255, 255, 255, 0) 62%); transform: translateX(-70%); animation: hn-sheen 1.8s 1.15s var(--ease) both; pointer-events: none;}}@keyframes hn-sheen{from{transform: translateX(-70%);}to{transform: translateX(70%);}}@property --drift{syntax: "<length>"; inherits: false; initial-value: 0px;}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference) and (min-width: 1024px){.hero-stage .device--side{animation: hn-stage 1.4s 0.42s var(--ease) both, hn-drift linear both; animation-timeline: auto, scroll(root); animation-range: normal, 0 100vh;}}}@keyframes hn-drift{to{--drift: 72px;}}@keyframes hn-rise{from{opacity: 0; translate: 0 22px;}}@keyframes hn-stage{from{opacity: 0; translate: 0 96px;}}@keyframes hn-fade{from{opacity: 0;}}.intro{padding-block: clamp(96px, 12vw, 176px) clamp(48px, 7vw, 104px); text-align: center;}.intro .eyebrow{margin-bottom: 26px;}.statement{font-size: clamp(30px, 4.1vw, 58px); line-height: 1.1; letter-spacing: -0.032em; color: var(--text-3);}.statement .hi{color: var(--text);}.intro-before{margin-top: clamp(40px, 5vw, 64px); color: var(--text-2); font-size: 17px;}.ten-apps{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 22px auto 0;}.ten-apps li{display: inline-flex; align-items: center; min-height: 42px; padding: 8px 17px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(255, 255, 255, 0.025); color: var(--text-2); font-size: 15px; font-weight: 500; line-height: 1.3;}.ten-apps .tenth{border-style: dashed; border-color: rgba(255, 255, 255, 0.2); color: var(--text);}.intro-after{max-width: 30em; margin: 36px auto 0; color: var(--text); font-size: clamp(18px, 1.7vw, 23px); line-height: 1.5; font-weight: 500; letter-spacing: -0.01em; text-wrap: balance;}.worlds{position: relative; padding-block: clamp(56px, 8vw, 120px) var(--section); overflow-x: clip;}.worlds .section-head{margin-inline: auto; text-align: center;}.worlds-grid{display: block; margin-top: clamp(32px, 5vw, 64px);}.worlds-aside{display: contents;}.world-control{position: sticky; top: calc(var(--header) + 10px); z-index: 6; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 408px); margin-inline: auto; padding: 5px; border-radius: 999px;}.world-control::after{content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(120% 140% at 50% -40%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%); pointer-events: none;}.world-control a{position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; height: 44px; padding: 0 8px; border-radius: 999px; color: var(--text-2); font-size: 14.5px; font-weight: 600; text-decoration: none; transition: color 0.35s;}.world-control a:hover, .world-control a[aria-current="true"]{color: var(--text);}.world-control .icon{width: 18px; height: 18px;}.world-thumb{position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 5px; width: calc((100% - 10px) / 3); border-radius: 999px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.06), 0 6px 18px -6px rgba(0, 0, 0, 0.6); transition: transform 0.6s var(--ease-spring);}.worlds[data-world="gaming"] .world-thumb{transform: translateX(100%);}.worlds[data-world="music"] .world-thumb{transform: translateX(200%);}.worlds-device{display: none;}.screen-stack{display: grid;}.screen-stack > .screen-img{grid-area: 1 / 1;}.chapter{padding-block: clamp(56px, 9vw, 96px) 0; scroll-margin-top: calc(var(--header) + 80px);}.chapter-title{font-size: clamp(32px, 3.7vw, 54px); line-height: 1.04; letter-spacing: -0.034em; font-weight: 700; text-wrap: balance;}.facts{margin-top: 32px; max-width: 36em; border-top: 1px solid var(--line);}.facts > div{display: grid; grid-template-columns: minmax(9em, 0.42fr) 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 15.5px; line-height: 1.5;}.facts dt{color: var(--text); font-weight: 600;}.facts dd{color: var(--text-2);}.chapter-figure{display: flex; justify-content: center; margin-top: 44px;}.chapter-figure .device{--dw: min(290px, 74vw);}@media (max-width: 540px){.facts > div{grid-template-columns: 1fr; gap: 3px;}}@media (min-width: 720px) and (max-width: 1023px){.chapter{display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px;}.chapter-figure{margin-top: 0;}.chapter-figure .device{--dw: 250px;}}@media (min-width: 1024px){.worlds-grid{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: clamp(56px, 7vw, 128px); align-items: start;}.worlds-aside{position: sticky; top: calc(var(--header) + 20px); display: flex; flex-direction: column; align-items: center; gap: 28px; padding-top: 12px;}.world-control{position: relative; top: auto;}.worlds-device{display: block; --dw: min(340px, 25vw, calc((100vh - var(--header) - 140px) * 0.6));}.worlds-device .screen-img{opacity: 0; transform: scale(1.02); transition: opacity 0.6s var(--ease), transform 0.9s var(--ease);}.worlds-device .screen-img.is-active{opacity: 1; transform: none;}.chapter{display: flex; align-items: center; min-height: min(88vh, 860px); padding-block: 40px; scroll-margin-top: var(--header);}.chapter-figure{display: none;}}.feature{padding-block: var(--section);}.feature-grid{display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; align-items: center;}.feature-media{display: flex; justify-content: center;}.feature-media .device{--dw: clamp(260px, 24vw, 340px);}@media (min-width: 900px){.feature-grid{grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); gap: clamp(48px, 7vw, 112px);}.feature-grid--flip{grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);}}@media (max-width: 899px){.feature-grid--flip .feature-media{order: 2;}}.ticks{display: grid; gap: 10px; margin-top: 26px;}.ticks li{display: flex; align-items: flex-start; gap: 12px; color: var(--text); font-size: 16px; line-height: 1.5;}.ticks .icon{width: 20px; height: 20px; margin-top: 2px; color: var(--accent); stroke-width: 2;}.swipe-head{display: grid; gap: 8px;}@media (min-width: 900px){.swipe-head{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; column-gap: clamp(48px, 7vw, 112px);}.swipe-head .body-lg{margin-top: 0;}}.swipe-stage{position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 48px clamp(40px, 7vw, 120px); margin-top: clamp(40px, 5vw, 72px); padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 64px) 0; border: 1px solid var(--line); border-radius: clamp(28px, 3vw, 40px); background: radial-gradient(70% 60% at 50% 0%, rgba(61, 139, 255, 0.1), rgba(61, 139, 255, 0) 70%), linear-gradient(180deg, #101216, #0b0c0f); overflow: hidden;}.swipe-app{display: flex; flex-direction: column; align-items: center;}.swipe-app .device{--dw: clamp(260px, 22vw, 300px);}.swipe-app figcaption{order: -1; margin-bottom: 16px; color: var(--text-2); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; line-height: 24px; text-transform: uppercase;}.swipe-demo{padding-bottom: clamp(28px, 4vw, 56px);}@media (min-width: 700px) and (max-width: 1023px){.swipe-stage{flex-wrap: nowrap; gap: 32px;}.swipe-app .device{--dw: 236px;}.swipe-demo .feed{width: 276px;}}.demo-head{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 16px;}.demo-hint{max-width: 24em; color: var(--text-3); font-size: 14px;}@media (max-width: 560px){.demo-head{align-items: center; text-align: center;}.demo-body{flex-direction: column;}.demo-body .demo-controls{flex-direction: row;}}.demo-body{display: flex; align-items: center; gap: 16px;}.feed{position: relative; flex: none; width: min(100%, 312px); aspect-ratio: 10 / 15; overflow-y: auto; scroll-snap-type: y mandatory; border-radius: 28px; background: #0d0f12; box-shadow: 0 0 0 1px var(--line-2), 0 30px 60px -34px rgba(0, 0, 0, 0.95); scrollbar-width: none;}.feed::-webkit-scrollbar{display: none;}.feed:focus-visible{outline-offset: 4px;}.card{position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; isolation: isolate;}.card-art{position: absolute; inset: 0; z-index: -1; overflow: hidden;}.card-art span{position: absolute; display: block;}.card-art::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 11, 13, 0) 34%, rgba(10, 11, 13, 0.6) 58%, rgba(10, 11, 13, 0.94) 100%);}.card-world{position: absolute; top: 14px; left: 14px; padding: 6px 11px; border-radius: 999px; color: var(--text); font-size: 12px; font-weight: 600;}.glass.card-world{background: rgba(10, 11, 13, 0.52); border-color: rgba(255, 255, 255, 0.14);}.card-info{padding: 0 20px 16px;}.card-new{color: var(--accent); font-size: 11.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;}.card-title{margin-top: 4px; font-size: 27px; line-height: 1.08; letter-spacing: -0.025em; font-weight: 700;}.card-meta{margin-top: 6px; color: var(--text-2); font-size: 14px;}.card-genres{color: var(--text-3); font-size: 13.5px;}.card-actions{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.09);}.card-actions li{display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--text); font-size: 11px; font-weight: 600;}.card-actions .icon{width: 21px; height: 21px;}.card--harbor .card-art{background: radial-gradient(circle at 16% 44.6%, #ffd28a 0 1.6px, rgba(255, 210, 138, 0) 2.6px), radial-gradient(circle at 24% 44.8%, #ffd28a 0 1.2px, rgba(255, 210, 138, 0) 2.2px), radial-gradient(circle at 82% 44.5%, #ffd28a 0 1.4px, rgba(255, 210, 138, 0) 2.4px), radial-gradient(circle at 88% 44.7%, #ffd28a 0 1px, rgba(255, 210, 138, 0) 2px), linear-gradient(180deg, #07111c 0%, #0c2636 30%, #17475a 45%, #0a1c26 46%, #061118 100%);}.card--harbor .card-art span:nth-child(1){left: 50%; top: 13%; width: 70px; height: 70px; margin-left: -35px; border-radius: 50%; background: radial-gradient(circle at 42% 38%, #fff1cf, #f6c27c 58%, #e4985a); box-shadow: 0 0 70px 22px rgba(255, 192, 120, 0.22);}.card--harbor .card-art span:nth-child(2){left: 50%; top: 46%; width: 92px; height: 34%; margin-left: -46px; background: repeating-linear-gradient(180deg, rgba(255, 206, 140, 0.6) 0 2px, rgba(255, 206, 140, 0) 2px 8px); -webkit-mask-image: radial-gradient(60% 100% at 50% 0%, #000 30%, transparent 100%); mask-image: radial-gradient(60% 100% at 50% 0%, #000 30%, transparent 100%);}.card--harbor .card-art span:nth-child(3){left: 0; right: 0; top: 40.5%; height: 5.5%; background: #08141c; clip-path: polygon(0 100%, 0 60%, 6% 60%, 6% 20%, 9% 20%, 9% 55%, 14% 55%, 14% 35%, 20% 35%, 20% 70%, 30% 70%, 30% 50%, 34% 50%, 34% 100%, 66% 100%, 66% 45%, 72% 45%, 72% 25%, 75% 25%, 75% 60%, 84% 60%, 84% 40%, 90% 40%, 90% 70%, 100% 70%, 100% 100%);}.card--ridge .card-art{background: linear-gradient(180deg, #c9dcff 0%, #7f9fe0 38%, #2c3f7c 70%, #18213f 100%);}.card--ridge .card-art span:nth-child(1){inset: 22% -10% 30% -10%; background: #4c63b0; clip-path: polygon(0 100%, 18% 46%, 30% 62%, 50% 18%, 66% 50%, 80% 34%, 100% 70%, 100% 100%);}.card--ridge .card-art span:nth-child(2){inset: 34% -10% 18% -10%; background: #2d3d77; clip-path: polygon(0 100%, 12% 60%, 34% 30%, 52% 64%, 72% 22%, 88% 54%, 100% 40%, 100% 100%);}.card--ridge .card-art span:nth-child(3){inset: 22% -10% 30% -10%; background: #f2f6ff; clip-path: polygon(44% 30%, 50% 18%, 56% 30%, 53% 29%, 50% 33%, 47% 29%);}.card--moons .card-art{background: linear-gradient(180deg, #221a46 0%, #4b3a7e 40%, #b0779c 72%, #e7b48f 100%);}.card--moons .card-art span:nth-child(1){left: 50%; top: 13%; width: 96px; height: 96px; margin-left: -48px; border-radius: 50%; box-shadow: inset 22px -10px 0 0 #f6d98f; filter: drop-shadow(0 0 22px rgba(246, 217, 143, 0.35)); transform: rotate(-18deg);}.card--moons .card-art span:nth-child(2){display: none;}.card--moons .card-art span:nth-child(3){inset: 0; background: radial-gradient(circle at 18% 16%, #fff 0 1.4px, transparent 2px), radial-gradient(circle at 82% 10%, #fff 0 1.2px, transparent 2px), radial-gradient(circle at 74% 34%, #fff 0 1px, transparent 1.6px), radial-gradient(circle at 28% 38%, #fff 0 1px, transparent 1.6px), radial-gradient(130% 60% at 50% 100%, #3a2c5c 0 40%, transparent 41%);}.card--golden .card-art{background: linear-gradient(180deg, #2a1240 0%, #7b2d63 34%, #e0607a 62%, #ffb07a 100%);}.card--golden .card-art span:nth-child(1){left: 50%; top: 12%; width: 150px; height: 150px; margin-left: -75px; border-radius: 50%; background: linear-gradient(180deg, #ffe08a, #ff8a5c); -webkit-mask-image: repeating-linear-gradient(180deg, #000 0 12px, transparent 12px 16px); mask-image: repeating-linear-gradient(180deg, #000 0 12px, transparent 12px 16px);}.card--golden .card-art span:nth-child(2){inset: 48% -10% 0 -10%; background: linear-gradient(180deg, #3a1442, #1a0a24); clip-path: polygon(0 18%, 30% 8%, 55% 16%, 78% 4%, 100% 14%, 100% 100%, 0 100%);}.card--golden .card-art span:nth-child(3){left: 10%; right: 10%; top: 55%; bottom: 0; background: repeating-linear-gradient(180deg, rgba(255, 214, 150, 0.5) 0 10px, rgba(255, 214, 150, 0) 10px 22px) 50% 0 / 3px 100% no-repeat, linear-gradient(180deg, #3b1846, #1d0b26); clip-path: polygon(47% 0, 53% 0, 100% 100%, 0 100%); -webkit-mask-image: linear-gradient(180deg, #000 10%, transparent 60%); mask-image: linear-gradient(180deg, #000 10%, transparent 60%);}.card--signal .card-art{background: radial-gradient(120% 70% at 50% 18%, #0f5a63 0%, #0a2f38 46%, #061519 100%);}.card--signal .card-art span:nth-child(1){left: 50%; top: 20%; width: 240px; height: 240px; margin: -120px 0 0 -120px; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(140, 240, 235, 0.32) 0 1.5px, rgba(0, 0, 0, 0) 2px 22px); -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 72%); mask-image: radial-gradient(circle, #000 30%, transparent 72%);}.card--signal .card-art span:nth-child(2){left: 50%; top: 20%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #9ff6ef; box-shadow: 0 0 24px 6px rgba(120, 240, 230, 0.45);}.card--signal .card-art span:nth-child(3){left: 58%; top: 26%; width: 34px; height: 22%; background: #c8fbf6; clip-path: polygon(60% 0, 20% 52%, 46% 52%, 30% 100%, 86% 40%, 58% 40%, 80% 0); opacity: 0.85;}.demo-controls{display: flex; flex-direction: column; align-items: center; gap: 12px;}.demo-btn{display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border-radius: 50%; border: 1px solid var(--line-2); background: rgba(255, 255, 255, 0.05); color: var(--text); cursor: pointer; transition: background-color 0.2s, opacity 0.2s, transform 0.2s var(--ease);}.demo-btn .icon{width: 20px; height: 20px; stroke-width: 2;}.demo-btn:hover{background: rgba(255, 255, 255, 0.1);}.demo-btn:active{transform: scale(0.94);}.demo-btn[aria-disabled="true"]{opacity: 0.32; cursor: default;}.demo-count{min-width: 4.5em; color: var(--text-2); font-size: 13px; font-variant-numeric: tabular-nums; text-align: center;}.picks-example{margin-top: 36px; max-width: 31em;}.picks-example > .tag{position: absolute; top: -12px; right: 20px;}.query{display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 18px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--line-2); color: var(--text); font-size: 16px; line-height: 1.35;}.query > span:nth-of-type(1){flex: 1; min-width: 0;}.query-spark{width: 21px; height: 21px; color: var(--accent);}.query-send{display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--accent); color: #fff;}.query-send .icon{width: 19px; height: 19px; stroke-width: 2.2;}.understood{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px;}.understood-label{margin-right: 4px; color: var(--text-3); font-size: 13.5px;}.chip{display: inline-flex; align-items: center; height: 32px; padding: 0 13px; border-radius: 999px; background: var(--accent-soft); border: 1px solid rgba(61, 139, 255, 0.34); color: var(--accent-ink); font-size: 14px; font-weight: 600;}.kinds{display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line);}.kinds span{color: var(--text-3); font-size: 11.5px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase;}.kinds span:first-child{color: var(--accent);}.honest{margin-top: 26px; max-width: 32em; color: var(--text); font-size: 16.5px; font-weight: 500;}.more{margin-top: 8px; max-width: 32em; color: var(--text-3); font-size: 15px;}.notify-stage{position: relative; flex-direction: column; align-items: center;}.notify-stack{position: relative; z-index: 2; width: min(100%, 372px); margin-top: -46%;}.notify-stack > .tag{margin: 0 0 10px 6px;}.notice{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 20px;}.glass.notice{background: linear-gradient(180deg, rgba(40, 43, 49, 0.88), rgba(25, 27, 32, 0.84));}.notice + .notice{margin-top: 8px;}.notice-icon{display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: rgba(61, 139, 255, 0.16); color: var(--accent);}.notice-icon .icon{width: 21px; height: 21px;}.notice-text{display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.3;}.notice-kind{color: var(--text-2); font-size: 12.5px; font-weight: 600;}.notice-title{overflow: hidden; color: var(--text); font-size: 15px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;}.notice-when{align-self: flex-start; flex: none; color: var(--text-3); font-size: 12px;}@media (min-width: 900px){.notify-stage{display: block; padding-left: 12%;}.notify-stage > .device{margin-left: auto;}.notify-stack{position: absolute; left: 0; bottom: 12%; margin: 0;}.notify-stack .notice:nth-child(2){translate: 22px 0;}.notify-stack .notice:nth-child(3){translate: 8px 0;}.notify-stack .notice:nth-child(4){translate: 30px 0;}}.tiles{padding-block: var(--section);}.tile-grid{display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: clamp(40px, 5vw, 64px);}.tile{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; min-width: 0; padding: clamp(24px, 3vw, 40px); border-radius: 28px; background: linear-gradient(180deg, #121519, #0d0f12); border: 1px solid var(--line); overflow: hidden;}.tile h3{font-size: clamp(24px, 2.2vw, 30px); line-height: 1.12; letter-spacing: -0.025em; font-weight: 700;}.tile-copy p{margin-top: 12px; max-width: 34em; color: var(--text-2); font-size: 16px; line-height: 1.6;}.tile-visual{position: relative;}@media (min-width: 760px){.tile-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.tile--account{grid-column: 1 / -1;}}@media (min-width: 1100px){.tile-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.tile--account{grid-column: auto;}}@media (min-width: 900px){.tile-grid--pair, .tile-grid.tile-grid--pair{grid-template-columns: repeat(2, minmax(0, 1fr));}}.dna{padding: 22px; border-radius: 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--line);}.dna > .tag{position: absolute; top: 18px; right: 18px;}.dna-state{display: inline-flex; align-items: center; gap: 8px; color: var(--text-2); font-size: 13.5px; font-weight: 600;}.dna-state::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent);}.dna-rows{display: grid; gap: 13px; margin-top: 18px;}.dna-row{display: grid; grid-template-columns: minmax(5.5em, 7.5em) 1fr 3em; align-items: center; gap: 12px; font-size: 14px;}.dna-label{overflow: hidden; color: var(--text); font-weight: 500; white-space: nowrap; text-overflow: ellipsis;}.dna-bar{height: 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.06); overflow: hidden;}.dna-fill{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2f6fdc, var(--accent)); transform-origin: 0 50%; transition: transform 1.1s var(--ease) 0.15s;}.dna-row--others .dna-fill{background: rgba(255, 255, 255, 0.22);}.dna-share{color: var(--text-2); font-variant-numeric: tabular-nums; text-align: right;}.is-pending .dna-fill{transform: scaleX(0);}.shelves{display: grid; gap: 14px;}.shelf{display: grid; grid-template-columns: 6.6em minmax(0, 1fr); align-items: baseline; gap: 12px;}.shelf-world{color: var(--text-3); font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}.shelf ul{display: flex; flex-wrap: wrap; gap: 6px;}.shelf li{padding: 6px 11px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--line); color: var(--text); font-size: 13.5px; line-height: 1.3;}.shelf-lists{display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--text-2); font-size: 14px; font-weight: 600;}.shelf-lists .icon{width: 18px; height: 18px; color: var(--accent);}.search-field{display: flex; align-items: center; gap: 12px; height: 54px; padding: 0 18px; border-radius: 18px; color: var(--text-3); font-size: 16px;}.search-field span{min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.search-field .icon{width: 21px; height: 21px; color: var(--text-2);}.search-groups{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px;}.search-groups li{padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--text-2); font-size: 13.5px;}.account-visual{display: grid; gap: 0; border-radius: 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--line); overflow: hidden;}.acc-row{display: flex; align-items: center; gap: 14px; padding: 16px 18px;}.acc-row + .acc-row{border-top: 1px solid var(--line);}.acc-icon{display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--line-2); color: var(--text-2);}.acc-row:last-child .acc-icon{background: var(--accent-soft); border-color: rgba(61, 139, 255, 0.34); color: var(--accent);}.acc-icon .icon{width: 21px; height: 21px;}.acc-text{display: flex; flex-direction: column; min-width: 0; line-height: 1.35;}.acc-title{color: var(--text); font-size: 15px; font-weight: 600;}.acc-detail{color: var(--text-2); font-size: 14px;}.personal{padding-block: var(--section);}.section-head--center{margin-inline: auto; text-align: center;}.section-head .eyebrow{margin-bottom: 18px;}.picks{margin-top: clamp(56px, 7vw, 104px);}.feature-title{font-size: clamp(30px, 3.4vw, 48px); line-height: 1.06; letter-spacing: -0.032em; font-weight: 700; text-wrap: balance;}.tile-grid--pair{margin-top: clamp(56px, 7vw, 104px);}.foryou{padding: 22px; border-radius: 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--line);}.foryou > .tag{margin-bottom: 16px;}.fy-card{display: flex; align-items: center; gap: 16px;}.fy-poster{position: relative; flex: none; width: 84px; aspect-ratio: 2 / 3; border-radius: 12px; overflow: hidden; isolation: isolate; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 18px 30px -18px rgba(0, 0, 0, 0.9);}.fy-poster .card-art::after{display: none;}.fy-poster.card--signal .card-art span:nth-child(1){width: 120px; height: 120px; margin: -60px 0 0 -60px;}.fy-poster.card--signal .card-art span:nth-child(2){width: 8px; height: 8px; margin: -4px 0 0 -4px;}.fy-poster.card--signal .card-art span:nth-child(3){width: 16px;}.fy-info{min-width: 0;}.fy-title{color: var(--text); font-size: 19px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.2;}.fy-meta{margin-top: 4px; color: var(--text-2); font-size: 14px;}.fy-genres{color: var(--text-3); font-size: 13.5px;}.fy-match{display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 5px 11px 5px 9px; border-radius: 999px; background: var(--accent-soft); border: 1px solid rgba(61, 139, 255, 0.34); color: var(--accent-ink); font-size: 13.5px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap;}.fy-match::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent);}.fy-why{margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line);}.fy-why-title{color: var(--text-3); font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}.fy-why ul{display: grid; gap: 8px; margin-top: 10px;}.fy-why li{display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 15px;}.fy-why .icon{width: 18px; height: 18px; color: var(--accent); stroke-width: 2.2;}.fy-why li, .fy-match{transition: opacity 0.6s var(--ease), translate 0.6s var(--ease);}.fy-match{transition-delay: 0.35s;}.fy-why li:nth-child(1){transition-delay: 0.6s;}.fy-why li:nth-child(2){transition-delay: 0.75s;}.is-pending .fy-why li, .is-pending .fy-match{opacity: 0; translate: 0 8px;}.query-text{transition: clip-path 1.1s steps(24, end) 0.25s; clip-path: inset(0 0 0 0);}.is-pending .query-text{clip-path: inset(0 100% 0 0);}.understood .chip, .understood-label, .kinds span{transition: opacity 0.5s var(--ease), translate 0.5s var(--ease);}.understood-label{transition-delay: 1.35s;}.understood .chip:nth-of-type(2){transition-delay: 1.5s;}.understood .chip:nth-of-type(3){transition-delay: 1.65s;}.understood .chip:nth-of-type(4){transition-delay: 1.8s;}.kinds span{transition-delay: 2s;}.is-pending .understood .chip, .is-pending .understood-label, .is-pending .kinds span{opacity: 0; translate: 0 6px;}.community-panels{display: grid; gap: 16px;}@media (min-width: 900px){.feature--community .feature-grid{align-items: start;}.feature--community .feature-copy{position: sticky; top: calc(var(--header) + 48px); padding-top: 12px;}}.defaults h3{display: flex; align-items: center; gap: 10px; font-size: 21px; line-height: 1.2; letter-spacing: -0.015em; font-weight: 700;}.defaults h3 .icon{width: 21px; height: 21px; color: var(--accent);}.defaults-sub{margin-top: 6px; color: var(--text-3); font-size: 14.5px;}.defaults dl{margin-top: 16px;}.defaults dl > div{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px;}.defaults dt{color: var(--text-2);}.defaults dd{flex: none; padding: 4px 11px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: var(--text); font-size: 13.5px; font-weight: 600;}.defaults-foot{margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--text-2); font-size: 14.5px;}.hype-id{overflow: hidden;}.hype-id::before{content: ""; position: absolute; inset: -40% -10% auto auto; width: 60%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(61, 139, 255, 0.18), rgba(61, 139, 255, 0)); pointer-events: none;}.hype-id > .tag{position: absolute; top: 18px; right: 18px;}.hype-id-title{color: var(--text-2); font-size: 14px; font-weight: 600;}.hype-id-value{margin-top: 8px; color: var(--text); font-size: clamp(26px, 3vw, 34px); font-weight: 700; letter-spacing: 0.015em; font-variant-numeric: tabular-nums;}.hype-id-hint{margin-top: 6px; color: var(--text-3); font-size: 14px;}@media (min-width: 1100px){.community-panels{grid-template-columns: minmax(0, 1fr);}}.privacy{padding-block: var(--section);}.privacy h2{max-width: 13em; font-size: clamp(36px, 5.4vw, 76px);}.privacy-list{display: grid; gap: 1px; margin-top: clamp(40px, 5vw, 64px); border: 1px solid var(--line); border-radius: 28px; background: var(--line); overflow: hidden;}.privacy-list li{padding: clamp(24px, 2.6vw, 34px); background: var(--bg);}.privacy-icon{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--line-2); color: var(--text);}.privacy-icon .icon{width: 22px; height: 22px;}.privacy-list h3{margin-top: 22px; font-size: 18.5px; line-height: 1.3; letter-spacing: -0.01em; font-weight: 650;}.privacy-list p{margin-top: 8px; color: var(--text-2); font-size: 15.5px; line-height: 1.55;}@media (min-width: 760px){.privacy-list{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (min-width: 1100px){.privacy-list{grid-template-columns: repeat(4, minmax(0, 1fr));}}.privacy-links{display: flex; flex-wrap: wrap; gap: 14px 32px; margin-top: 32px;}.text-link{display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 16.5px; font-weight: 600; text-decoration: none; border-radius: 6px;}.text-link .icon{width: 18px; height: 18px; stroke-width: 2; transition: transform 0.3s var(--ease);}.text-link:hover{text-decoration: underline; text-underline-offset: 5px;}.text-link:hover .icon{transform: translateX(3px);}.finale{position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(96px, 13vw, 192px); text-align: center;}.finale-glow{position: absolute; z-index: -1; left: 50%; top: 34%; width: min(1000px, 160vw); aspect-ratio: 1.5; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(61, 139, 255, 0.18), rgba(61, 139, 255, 0) 72%); pointer-events: none;}.finale-inner{display: flex; flex-direction: column; align-items: center;}.finale-tile{width: clamp(104px, 11vw, 144px); height: auto; filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.65));}.finale h2{max-width: 11em; margin-top: 40px; font-size: clamp(40px, 6vw, 88px); line-height: 1; letter-spacing: -0.042em;}.finale .body-lg{margin-inline: auto; text-wrap: balance;}.finale .cta-row{margin-top: 36px;}.finale-store{margin-top: 22px; color: var(--text-3); font-size: 14px;}.site-footer{padding-block: 56px 44px; border-top: 1px solid var(--line);}.footer-top{display: grid; gap: 32px; align-items: start;}.footer-brand p{margin-top: 14px; color: var(--text-3); font-size: 14.5px;}.footer-nav ul{display: flex; flex-wrap: wrap; gap: 10px 28px;}.footer-nav a{color: var(--text-2); font-size: 15px; text-decoration: none; border-radius: 4px;}.footer-nav a:hover{color: var(--text); text-decoration: underline; text-underline-offset: 4px;}.footer-nav a[aria-current="page"]{color: var(--text);}.fine-link{display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; color: var(--text-2); font-weight: 600; text-decoration: none; white-space: nowrap; border-radius: 4px;}.fine-link .icon{width: 14px; height: 14px; stroke-width: 2; transition: transform 0.3s var(--ease);}.fine-link:hover{color: var(--text);}.fine-link:hover .icon{transform: translateX(2px);}.fine-print{display: grid; gap: 10px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--text-3); font-size: 12.5px; line-height: 1.65;}.fine-print p{max-width: 88em;}@media (min-width: 900px){.footer-top{grid-template-columns: minmax(0, 1fr) auto auto; gap: 48px;}.footer-nav{padding-top: 6px;}}.credits{padding-block: clamp(40px, 6vw, 88px) clamp(72px, 9vw, 128px);}.credits-inner{max-width: calc(880px + var(--gutter) * 2);}.credits-back{margin-bottom: clamp(28px, 4vw, 44px);}.text-link--back{font-size: 15px;}.text-link--back .icon{order: -1;}.text-link--back:hover .icon{transform: translateX(-3px);}.credits-title{font-size: clamp(40px, 6vw, 72px); line-height: 1.02; letter-spacing: -0.04em; font-weight: 700; text-wrap: balance;}.credits-intro{margin-top: 20px; max-width: 36em; color: var(--text-2); font-size: clamp(17px, 1.4vw, 19.5px); line-height: 1.6;}.tmdb-credit{display: grid; gap: 18px; margin-top: clamp(36px, 5vw, 56px);}.tmdb-logo{width: auto; height: 40px;}.tmdb-credit h2, .source-group h2{font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; letter-spacing: -0.02em;}.tmdb-credit p{margin-top: 8px; color: var(--text-2); font-size: 16px; line-height: 1.6;}.tmdb-credit .tmdb-notice{margin-top: 14px; color: var(--text); font-weight: 500;}.tmdb-credit .tmdb-original{margin-top: 6px; color: var(--text-3); font-size: 14px;}@media (min-width: 720px){.tmdb-credit{grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 32px;}.tmdb-logo{height: 48px; margin-top: 6px;}}.credits-rankings{margin-top: 28px; padding-left: 16px; border-left: 2px solid var(--accent); color: var(--text); font-size: 16px; line-height: 1.6;}.source-group{margin-top: clamp(44px, 6vw, 64px);}.source-list{margin-top: 16px; border-top: 1px solid var(--line);}.source-list li{display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--line);}.source-name{display: inline-flex; align-items: center; gap: 6px; justify-self: start; color: var(--text); font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 4px;}.source-name .icon{width: 15px; height: 15px; color: var(--text-3); stroke-width: 2; transition: color 0.2s, transform 0.3s var(--ease);}.source-name:hover{text-decoration: underline; text-underline-offset: 4px;}.source-name:hover .icon{color: var(--accent); transform: translate(1px, -1px);}.source-what{color: var(--text-2); font-size: 15px; line-height: 1.55;}@media (min-width: 720px){.source-list li{grid-template-columns: 13.5em minmax(0, 1fr); gap: 24px; align-items: baseline;}}.source-group--text p{margin-top: 12px; max-width: 44em; color: var(--text-2); font-size: 15.5px; line-height: 1.65;}.text-link--inline{display: inline; font-size: inherit;}[data-reveal]{transition: opacity 0.9s var(--ease), translate 0.9s var(--ease);}[data-reveal].is-pending{opacity: 0; translate: 0 26px;}[data-stagger] > *{transition: opacity 0.7s var(--ease), translate 0.7s var(--ease);}[data-stagger].is-pending > *, .is-pending [data-stagger] > *{opacity: 0; translate: 0 12px;}[data-stagger] > :nth-child(2){transition-delay: 0.05s;}[data-stagger] > :nth-child(3){transition-delay: 0.1s;}[data-stagger] > :nth-child(4){transition-delay: 0.15s;}[data-stagger] > :nth-child(5){transition-delay: 0.2s;}[data-stagger] > :nth-child(6){transition-delay: 0.25s;}[data-stagger] > :nth-child(7){transition-delay: 0.3s;}[data-stagger] > :nth-child(8){transition-delay: 0.35s;}[data-stagger] > :nth-child(9){transition-delay: 0.4s;}[data-stagger] > :nth-child(10){transition-delay: 0.45s;}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important; transition: none !important; scroll-behavior: auto !important;}[data-reveal].is-pending, [data-stagger].is-pending > *, .is-pending [data-stagger] > *, .is-pending .fy-why li, .is-pending .fy-match, .is-pending .understood .chip, .is-pending .understood-label, .is-pending .kinds span{opacity: 1 !important; translate: none !important;}.is-pending .dna-fill{transform: none !important;}.is-pending .query-text{clip-path: none !important;}}@media print{.site-header, .hero-stage, .worlds-aside, .swipe-demo, .finale-glow, .hero-glow, .menu{display: none !important;}[data-reveal].is-pending, [data-stagger].is-pending > *, .is-pending [data-stagger] > *, .is-pending .fy-why li, .is-pending .fy-match, .is-pending .understood .chip, .is-pending .understood-label, .is-pending .kinds span{opacity: 1 !important; translate: none !important;}.is-pending .dna-fill{transform: none !important;}.is-pending .query-text{clip-path: none !important;}}
.dna-fill--12{width:35.61%}.dna-fill--15{width:44.52%}.dna-fill--18{width:53.42%}.dna-fill--24{width:71.23%}.dna-fill--31{width:92.00%}