:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html[data-theme=light]{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}html[data-theme=cinema] body{background-color:#050812;background-image:radial-gradient(circle at 17% 23%,#ffffffc2 0 1px,#0000 1.5px),radial-gradient(circle at 71% 11%,#d6ddff80 0 .7px,#0000 1.2px),radial-gradient(circle at 43% 79%,#f5c45180 0 .8px,#0000 1.3px),radial-gradient(circle at 89% 61%,#fff9 0 1.1px,#0000 1.6px),radial-gradient(circle at 8% 88%,#c2cdff6b 0 .6px,#0000 1.1px),radial-gradient(circle at 56% 37%,#ffeebe66 0 .7px,#0000 1.2px);background-position:13px 29px,47px 83px,101px 17px,173px 113px,31px 191px,227px 59px;background-size:211px 197px,263px 239px,307px 283px,359px 331px,401px 373px,439px 419px;min-height:100svh;position:relative}html[data-theme=cinema] body:after{z-index:0;pointer-events:none;content:"";opacity:0;transform-origin:100%;will-change:transform, opacity;background:linear-gradient(90deg,#0000,#fffffff2);border-radius:999px;width:150px;height:2px;animation:14s ease-in 4s infinite shooting-star;position:fixed;inset:14vh auto auto -180px;transform:rotate(18deg);box-shadow:40px 0 16px #bbcdff3d}@keyframes shooting-star{0%,78%{opacity:0;transform:translate(0,0)rotate(18deg)}80%{opacity:1}88%{opacity:0;transform:translate(125vw,40vw)rotate(18deg)}to{opacity:0;transform:translate(125vw,40vw)rotate(18deg)}}#root{z-index:1;box-sizing:border-box;text-align:center;border-inline:1px solid var(--border);flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex;position:relative}html[data-theme=cinema] #root{--text:#b7bdca;--text-h:#f7f8fc;--bg:#141824;--border:#343a49;--code-bg:#181c29eb;--shadow:#00000080 0 14px 30px -8px, #0000004d 0 6px 12px -6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#090e1b61;background-image:radial-gradient(circle at 82% 18%,#f5c4511a,#0000 25%),radial-gradient(circle at 14% 58%,#7c3aed1f,#0000 30%);background-repeat:no-repeat;border-inline:1px solid #ffffff0d}@media (prefers-reduced-motion:reduce){html[data-theme=cinema] body:after{display:none}}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.three-d-carousel{margin:8px -20px -8px;padding:8px 20px 0;position:relative;overflow:hidden}.carousel-stage{perspective:1100px;cursor:grab;touch-action:pan-y;height:410px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;position:relative}.carousel-stage:active{cursor:grabbing}.carousel-stage.is-dragging .carousel-card{transition:none}.carousel-card{z-index:1;width:clamp(170px,25vw,220px);color:var(--text-h);font:inherit;text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;opacity:0;border-radius:14px;flex-direction:column;padding:0 0 14px;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s,filter .32s,border-color .2s;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)translateZ(-280px)scale(.7);box-shadow:0 16px 38px #0f172a33}.carousel-card--0{z-index:5;opacity:1;border-color:#d9a52ecc;transform:translate(-50%)translateZ(70px);box-shadow:0 22px 48px #0f172a47}.carousel-card---1{z-index:4;opacity:.82;filter:brightness(.72);transform:translate(calc(-50% - 150px))translateZ(-85px)rotateY(28deg)scale(.86)}.carousel-card--1{z-index:4;opacity:.82;filter:brightness(.72);transform:translate(calc(150px - 50%))translateZ(-85px)rotateY(-28deg)scale(.86)}.carousel-card---2{z-index:3;opacity:.38;filter:brightness(.52);transform:translate(calc(-50% - 270px))translateZ(-230px)rotateY(42deg)scale(.72)}.carousel-card--2{z-index:3;opacity:.38;filter:brightness(.52);transform:translate(calc(270px - 50%))translateZ(-230px)rotateY(-42deg)scale(.72)}.carousel-card:focus-visible{outline-offset:4px;outline:3px solid #f5c451}.carousel-poster{aspect-ratio:2/3;background:radial-gradient(circle at 70% 15%,#f5c4514d,#0000 35%),linear-gradient(145deg,#111827,#27172f);border-radius:13px 13px 4px 4px;width:100%;display:block;position:relative;overflow:hidden}.carousel-poster img{object-fit:cover;width:100%;height:100%;display:block}.carousel-placeholder{color:#f5c451;place-items:center;height:100%;font-size:64px;font-weight:800;display:grid}.carousel-rank,.carousel-play{border-radius:50%;place-items:center;display:grid;position:absolute}.carousel-rank{color:#17130b;background:linear-gradient(135deg,#fff1a8,#f5c451 55%,#b7791f);border:1px solid #ffffff8c;width:32px;height:32px;font-weight:800;top:10px;left:10px;box-shadow:0 4px 14px #00000059}.carousel-play{color:#17130b;background:linear-gradient(135deg,#fff1a8,#f5c451 55%,#b7791f);width:42px;height:42px;padding-left:3px;bottom:12px;right:12px;box-shadow:0 8px 22px #00000061}.carousel-title{padding:13px 14px 0;font-weight:700}.carousel-genre{color:#b78620;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px 0;font-size:10px;font-weight:750}.carousel-navigation{z-index:6;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.carousel-navigation>button{width:42px;height:42px;color:var(--text-h);font:inherit;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:20px;display:grid}.carousel-navigation>button:hover,.carousel-navigation>button:focus-visible{color:#17130b;background:#f5c451;border-color:#d9a52e}.carousel-dots{gap:9px;display:flex}.carousel-dots button{cursor:pointer;background:#b7862057;border:0;border-radius:999px;width:9px;height:9px;padding:0;transition:width .18s,background .18s}.carousel-dots button.is-active{background:#d9a52e;width:28px}.carousel-hint{color:var(--text);text-align:center;margin:10px 0 0;font-size:12px}@media (width<=600px){.three-d-carousel{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.carousel-stage{height:350px}.carousel-card{width:170px}.carousel-card---1{transform:translate(calc(-50% - 94px))translateZ(-95px)rotateY(32deg)scale(.78)}.carousel-card--1{transform:translate(calc(94px - 50%))translateZ(-95px)rotateY(-32deg)scale(.78)}.carousel-card---2,.carousel-card--2{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.carousel-card,.carousel-dots button{transition:none}}.site-header{color:#f8fafc;text-align:center;background:radial-gradient(circle at 75% 10%,#f5c4514d,#0000 32%),radial-gradient(circle at 18% 90%,#7c3aed52,#0000 38%),linear-gradient(135deg,#111827 0%,#1e1b4b 55%,#27172f 100%);border-bottom:1px solid #ffffff1f;padding:52px 24px 46px;position:relative;overflow:visible;box-shadow:0 14px 35px #0f172a33}.site-header:after{pointer-events:none;content:"";opacity:.16;background-image:repeating-linear-gradient(90deg,#0000 0 39px,#ffffff14 40px);position:absolute;inset:0}.site-header>*{z-index:1;position:relative}.site-header>.theme-picker{z-index:3;position:absolute;top:18px;right:20px}.theme-trigger{color:#fff1a8;width:42px;height:42px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa8;border:1px solid #ffffff38;border-radius:50%;place-items:center;padding:0;font-size:21px;display:grid;box-shadow:0 8px 22px #00000038}.theme-trigger:hover,.theme-trigger:focus-visible{background:#27172feb;border-color:#f5c451}.theme-menu{color:#e5e7eb;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f121df5;border:1px solid #f5c45159;border-radius:14px;width:250px;padding:8px;position:absolute;top:50px;right:0;box-shadow:0 20px 45px #0006}.theme-menu__heading{color:#f6d77b;letter-spacing:.18em;text-transform:uppercase;padding:7px 10px 9px;font-size:11px;font-weight:750}.theme-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;padding:9px 10px;display:grid}.theme-menu button:hover,.theme-menu button:focus-visible,.theme-menu button.is-active{background:#f5c4511c}.theme-menu__icon{color:#f5c451;text-align:center;font-size:18px}.theme-menu strong,.theme-menu small{display:block}.theme-menu strong{font-size:14px}.theme-menu small{color:#9ca3af;margin-top:1px;font-size:11px}.theme-menu__check{color:#f5c451;font-weight:800}.site-header .site-header__eyebrow{color:#f6d77b;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.site-header h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(38px,7vw,64px);font-weight:750;line-height:1}.site-header h1 span{color:#f5c451;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff1a8,#f5c451 45%,#b7791f);-webkit-background-clip:text;background-clip:text}.site-header p{color:#cbd5e1;margin-top:14px;font-size:16px}.cast-control{min-height:42px;color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:0 14px 0 8px;font-size:14px;font-weight:650;display:inline-flex}.cast-button{cursor:pointer;--connected-color:#d9a52e;--disconnected-color:currentColor;width:32px;height:32px}.library-view,.player-view{text-align:left;width:min(920px,100% - 40px);margin:0 auto;padding:52px 0 72px}.library-intro,.section-heading,.player-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.library-intro{margin-bottom:42px}.library-intro h2,.section-heading h2,.player-heading h2{color:var(--text-h);margin:4px 0 0}.library-intro h2{letter-spacing:-.04em;font-size:clamp(28px,4vw,40px)}.section-kicker{color:#b78620;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:750}.movie-search{width:min(330px,100%);color:var(--text);background:var(--code-bg);border:1px solid var(--border);border-radius:12px;align-items:center;padding:0 15px;display:flex}.movie-search:focus-within{border-color:#d9a52e;box-shadow:0 0 0 3px #d9a52e26}.movie-search input{width:100%;color:var(--text-h);font:inherit;background:0 0;border:0;outline:0;padding:13px 10px}.friday-five{background:linear-gradient(120deg, #d9a52e1c, transparent 50%), var(--code-bg);border:1px solid #b786204d;border-radius:18px;margin-bottom:52px;padding:30px}.section-heading{margin-bottom:20px}.section-heading>span{color:var(--text);font-size:14px}.friday-list,.movie-list{margin:0;padding:0;list-style:none}.friday-list{counter-reset:picks;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.friday-list button{width:100%;min-height:100%;color:var(--text-h);font:inherit;text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;padding:0 0 16px;font-weight:650;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.friday-list button:hover,.friday-list button:focus-visible{box-shadow:var(--shadow);border-color:#d9a52e;transform:translateY(-3px)}.pick-number{color:#17130b;background:linear-gradient(135deg,#fff1a8,#f5c451 55%,#b7791f);border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:31px;height:31px;margin:0;font-size:15px;font-weight:800;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 4px 14px #00000059}.poster-frame{aspect-ratio:2/3;background:radial-gradient(circle at 70% 15%,#f5c4514d,#0000 35%),linear-gradient(145deg,#111827,#27172f);border-radius:11px 11px 4px 4px;width:100%;margin-bottom:14px;display:block;position:relative;overflow:hidden}.poster-frame img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.friday-list button:hover .poster-frame img,.friday-list button:focus-visible .poster-frame img{transform:scale(1.035)}.poster-placeholder{color:#f5c451;place-items:center;width:100%;height:100%;font-size:54px;font-weight:800;display:grid}.pick-title{padding:0 14px}.card-genre{margin:8px 14px 0}.play-mark{color:#c28f23;margin-top:auto;padding:12px 14px 0;font-size:11px}.movie-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.movie-list li+li{border-top:1px solid var(--border)}.movie-list button{width:100%;color:var(--text-h);font:inherit;text-align:left;background:var(--bg);cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.movie-list button:hover,.movie-list button:focus-visible{background:var(--code-bg)}.watch-label{color:#b78620;font-size:13px;font-weight:700}.library-message{text-align:center;padding:36px 20px}.back-button{color:#b78620;font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:34px;padding:9px 0;font-weight:700}.player-heading{margin-bottom:20px}.player-description{max-width:72ch;color:var(--text);margin:0 0 22px;line-height:1.65}.player-heading .cast-control{margin:0}.movie-player{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;display:block;box-shadow:0 20px 55px #0000003d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.site-header{padding:38px 18px 34px}.library-view,.player-view{width:min(100% - 28px,920px);padding-top:36px}.library-intro,.section-heading,.player-heading{flex-direction:column;align-items:flex-start}.movie-search{box-sizing:border-box}.friday-five{padding:22px}.friday-list{grid-template-columns:1fr}.friday-list button{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:10px}.poster-frame{border-radius:8px;flex:0 0 64px;width:64px;margin:0}.pick-number{width:24px;height:24px;font-size:12px;top:5px;left:5px}.poster-placeholder{font-size:28px}.pick-title{padding:0}.play-mark{margin:0 0 0 auto;padding:0}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.slide-in-elliptic-top-fwd{animation:.7s cubic-bezier(.25,.46,.45,.94) both slide-in-elliptic-top-fwd}@keyframes slide-in-elliptic-top-fwd{0%{opacity:0;transform-origin:50% 100%;transform:translateY(-600px)rotateX(-30deg)scale(0)}to{opacity:1;transform-origin:50% 1400px;transform:translateY(0)rotateX(0)scale(1)}}@media (prefers-reduced-motion:reduce){.slide-in-elliptic-top-fwd{animation:none}}