.lf-auth-backdrop{z-index:250;background:hsl(var(--lightflix-void) / .82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lf-auth-dialog.lf-auth-studio{border:1px solid hsl(var(--lightflix-border) / .28);background:hsl(var(--lightflix-cosmos));width:860px;max-width:100%;max-height:calc(100dvh - 48px);color:hsl(var(--lightflix-text));border-radius:20px;outline:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #0008}.lf-auth-story{isolation:isolate;border-inline-end:1px solid hsl(var(--lightflix-border) / .2);background:radial-gradient(ellipse at 0% 100%, hsl(var(--lightflix-violet) / .3), transparent 70%), hsl(var(--lightflix-void));flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.lf-auth-story-copy{z-index:2;margin-top:56px;position:relative}.lf-auth-eyebrow{color:hsl(var(--lightflix-cyan));letter-spacing:.18em;font-size:10px}.lf-auth-story-copy h2{letter-spacing:-.055em;margin:14px 0 18px;font-size:clamp(36px,4vw,48px);font-weight:500;line-height:1.06}.lf-auth-story-copy p{color:hsl(var(--lightflix-secondary));font-size:13px;line-height:1.8}.lf-auth-story-footer{z-index:2;color:hsl(var(--lightflix-secondary));margin-top:auto;padding-top:150px;font-size:11px;position:relative}.lf-auth-prism{inset-inline-end:-40px;width:240px;height:180px;position:absolute;bottom:60px;transform:rotate(-15deg)}.lf-auth-prism img{inset-inline-start:38px;opacity:.75;width:100px;height:100px;position:absolute;top:36px}.lf-auth-prism span{border:1px solid hsl(var(--lightflix-cyan) / .25);position:absolute;inset:0;transform:skewY(-12deg)}.lf-auth-prism span:nth-of-type(2){opacity:.6;inset:18px -24px -18px 24px}.lf-auth-prism span:nth-of-type(3){opacity:.35;inset:36px -48px -36px 48px}.lf-auth-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--lightflix-border) / .4) transparent;min-width:0;min-height:0;padding:40px 36px 32px;overflow-y:auto}.lf-auth-dialog.lf-auth-studio .lf-auth-close{top:12px;z-index:5;border:1px solid hsl(var(--lightflix-border) / .2);background:hsl(var(--lightflix-cosmos));width:36px;height:36px;color:hsl(var(--lightflix-secondary));border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.lf-auth-modes{border-bottom:1px solid hsl(var(--lightflix-border) / .2);gap:24px;margin:0 28px 28px 0;display:flex}.lf-auth-dialog.lf-auth-studio .lf-auth-modes button{min-height:44px;color:hsl(var(--lightflix-muted));border-bottom:2px solid #0000;border-radius:0;padding:0 0 12px;font-size:13px}.lf-auth-dialog.lf-auth-studio .lf-auth-modes button[aria-pressed=true]{color:hsl(var(--lightflix-text));border-color:hsl(var(--lightflix-cyan))}.lf-auth-heading>div>span{display:none}.lf-auth-heading h1{font-size:30px;font-weight:500;line-height:1.2}.lf-auth-heading p{margin-top:10px;font-size:13px}.lf-auth-dialog.lf-auth-studio input{border:1px solid hsl(var(--lightflix-border) / .28);background:hsl(var(--lightflix-void));border-radius:8px;height:48px;padding-inline:42px 44px;font-size:16px}.lf-auth-dialog.lf-auth-studio input:focus{border-color:hsl(var(--lightflix-cyan));box-shadow:0 0 0 3px hsl(var(--lightflix-cyan) / .1)}.lf-auth-dialog.lf-auth-studio form>button[type=submit]{background:hsl(var(--primary));min-height:48px;color:hsl(var(--primary-foreground));box-shadow:none;border:0;border-radius:8px}.lf-auth-studio .group>svg{left:auto;inset-inline-start:14px}.lf-auth-studio .group>button{right:auto;inset-inline-end:6px}.lf-auth-studio :is(button,a):focus-visible{outline:2px solid hsl(var(--lightflix-cyan));outline-offset:3px}.lf-auth-studio button:disabled{cursor:wait;opacity:.6}@media (max-width:700px){.lf-auth-backdrop{padding:12px 8px max(8px, env(safe-area-inset-bottom));align-items:flex-end}.lf-auth-dialog.lf-auth-studio{width:480px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:18px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.lf-auth-story{border-inline-end:0;border-bottom:1px solid hsl(var(--lightflix-border) / .2);padding:18px 22px}.lf-auth-story-copy,.lf-auth-prism,.lf-auth-story-footer{display:none}.lf-auth-body{padding:20px 22px 24px}.lf-auth-heading h1{font-size:27px}.lf-auth-modes{margin-bottom:22px}.lf-auth-dialog.lf-auth-studio .lf-auth-close{top:18px;inset-inline-end:18px}}@media (prefers-reduced-motion:reduce){.lf-auth-studio *,.lf-auth-studio :before{transition:none!important;animation:none!important}}