:root{--prompt-shell-max-width: 48rem;--prompt-input-min-height: 5.5rem;--motion-smooth: cubic-bezier(.16, 1, .3, 1);--landing-entry-duration: 1.08s;--view-transition-prompt-duration: 1.12s;--ease-macos: cubic-bezier(.4, 0, .2, 1);--bg-void: #0a0a0c;--bg-base: #111114;--bg-raised: #18181c;--bg-elevated: #1e1e24;--glass-fill: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .14);--glass-hover: rgba(255, 255, 255, .14);--glass-active: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .3);--accent-brand: #c45c3e;--accent-brand-deep: #8a3d2e;--accent-brand-warm: #e8a090;--accent-amber: var(--accent-brand);--accent-amber-glow: color-mix(in srgb, var(--accent-brand) 22%, transparent);--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--shadow-float: 0 8px 32px rgba(0, 0, 0, .48), 0 2px 8px rgba(0, 0, 0, .32);--shadow-card: 0 4px 16px rgba(0, 0, 0, .32);--shadow-glow-amber: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 8px var(--accent-amber-glow);--blur-sm: blur(12px);--blur-md: blur(24px);--blur-lg: blur(40px);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--btn-radius: 10px;--panel-back: var(--bg-raised);--panel-stroke: var(--border-default);--main-back: var(--bg-void);--main-text-color: var(--text-primary);--secondary-text-color: var(--text-secondary);--input-color: rgba(255, 255, 255, .06);--accent-color: var(--accent-amber);--button-hover: var(--glass-hover);--ai-paper: var(--bg-base);--ai-paper-2: var(--bg-void);--ai-ink: var(--bg-elevated);--ai-text: var(--text-primary);--ai-muted: var(--text-secondary);--ai-accent: var(--accent-brand);--ai-accent-deep: var(--accent-brand-deep);--ai-accent-warm: var(--accent-brand-warm);--ai-stroke: var(--border-default);--studio-panel-width: 352px;--editor-rail-width-compact: 84px;--editor-rail-width-expanded: 84px;--font-ui: "DM Sans", system-ui, sans-serif;--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace}@media (max-width: 768px){:root{--prompt-input-min-height: 2.375rem}}@media (prefers-color-scheme: light){:root{--bg-void: #e8e8ed;--bg-base: #f0f0f5;--bg-raised: #f8f8fc;--bg-elevated: #ffffff;--glass-fill: rgba(255, 255, 255, .55);--glass-border: rgba(0, 0, 0, .08);--glass-hover: rgba(255, 255, 255, .75);--glass-active: rgba(0, 0, 0, .04);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .5);--text-tertiary: rgba(0, 0, 0, .3);--border-subtle: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--shadow-float: 0 8px 32px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .08);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--input-color: rgba(0, 0, 0, .04);--ai-paper: var(--bg-base);--ai-paper-2: var(--bg-void);--ai-ink: var(--bg-elevated);--ai-text: var(--text-primary);--ai-muted: var(--text-secondary);--ai-stroke: var(--border-default)}}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font-ui),system-ui,-apple-system,sans-serif;background:var(--main-back);color:var(--main-text-color);overflow:hidden}html.allow-page-scroll,body.allow-page-scroll{height:auto;min-height:100%;overflow-y:auto!important;overflow-x:hidden}.editor{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;font-family:"Sora",var(--font-ui),system-ui,sans-serif;color:#fff8f5;background:radial-gradient(ellipse 118% 86% at 50% 100%,#8a3d2e12,#050504 56%),radial-gradient(circle at -18% -10%,rgba(196,92,62,.13),transparent 38%),radial-gradient(circle at 118% 88%,rgba(232,160,144,.07),transparent 36%),#050504;--editor-rail-width: var(--editor-rail-width-expanded);--studio-bg: #050504;--studio-bg-2: #0c0b0a;--studio-bg-3: #141210;--studio-glass: rgba(255, 255, 255, .04);--studio-glass-h: rgba(255, 255, 255, .07);--studio-txt: #fff8f5;--studio-txt-2: #a8a29e;--studio-txt-3: #78716c;--studio-border: rgba(255, 255, 255, .06);--studio-border-h: rgba(255, 255, 255, .12);--studio-border-a: rgba(196, 92, 62, .38);--studio-accent-g: linear-gradient(120deg, #c45c3e 0%, #e8a090 45%, #8a3d2e 100%);--font-ui: "Sora", system-ui, sans-serif;--font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;--bg-void: var(--studio-bg);--bg-base: var(--studio-bg-2);--bg-raised: var(--studio-bg-3);--bg-elevated: color-mix(in srgb, var(--studio-bg-3) 82%, var(--studio-txt));--glass-fill: var(--studio-glass);--glass-border: var(--studio-border-h);--glass-hover: var(--studio-glass-h);--text-primary: var(--studio-txt);--text-secondary: var(--studio-txt-2);--text-tertiary: var(--studio-txt-3);--border-subtle: var(--studio-border);--border-default: var(--studio-border-h);--border-strong: var(--studio-border-a);--ai-text: var(--studio-txt);--ai-muted: var(--studio-txt-2);--ai-paper: var(--studio-bg-2);--ai-paper-2: var(--studio-bg);--ai-ink: var(--studio-bg-3);--ai-stroke: var(--studio-border-h)}.editor.panel-open{--editor-rail-width: var(--editor-rail-width-compact)}.canvas-area{flex:1;min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--studio-bg-2, #0c0b0a) 84%,transparent),var(--studio-bg, #050504)),radial-gradient(ellipse 95% 58% at 50% 100%,color-mix(in srgb,var(--accent-brand-deep) 9%,transparent),transparent 58%),var(--studio-bg, #050504);z-index:1;transition:margin-left .25s var(--ease-macos),margin-right .25s var(--ease-macos)}.editor.panel-open .canvas-area{margin-left:var(--studio-panel-width)}.editor-left-menu{width:var(--editor-rail-width);flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,#13110f 94%,transparent),color-mix(in srgb,#0e0c0b 92%,transparent));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;padding:14px 8px 10px;gap:4px;z-index:100;overflow-y:auto;overflow-x:hidden;transition:width .25s var(--ease-macos);box-shadow:inset -1px 0 #fff8f505}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:54px;padding:7px 4px 6px;background:transparent;border:1px solid transparent;border-radius:12px;color:#c7beb7b8;text-decoration:none;font-family:"Plus Jakarta Sans",var(--font-ui),system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.005em;cursor:pointer;transition:color .18s var(--ease-macos),background .18s var(--ease-macos),border-color .18s var(--ease-macos),box-shadow .18s var(--ease-macos),transform .12s var(--ease-macos)}.menu-item:hover{color:#f7f1ec;background:color-mix(in srgb,#c45c3e 9%,rgba(255,255,255,.03));border-color:#ffffff17;transform:translateY(-1px)}.menu-item:active{transform:scale(.96) translateY(0);background:#ffffff0a}.menu-item.active{color:#f7f1ec;background:color-mix(in srgb,#c45c3e 13%,rgba(20,18,16,.96));border-color:#c45c3e4d;box-shadow:0 1px #ffffff0f inset,0 4px 16px color-mix(in srgb,#c45c3e 11%,transparent);font-weight:700;transform:none}.menu-item-icon{font-size:18px;line-height:1}.menu-item-icon svg{width:20px;height:20px;stroke-width:1.6;display:block}.menu-item-label{line-height:1.2;max-width:62px;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.editor:not(.panel-open) .menu-item-label{max-width:68px}.menu-item-icon-code{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;font-weight:600;letter-spacing:-.06em}.menu-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-amber) 70%,transparent);outline-offset:2px}.ai-floating-panel{position:fixed;top:0;left:var(--editor-rail-width);width:var(--studio-panel-width);height:100%;z-index:99;background:linear-gradient(180deg,color-mix(in srgb,#13110f 90%,transparent),color-mix(in srgb,#0f0d0c 88%,transparent));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-right:1px solid rgba(255,255,255,.07);box-shadow:4px 0 32px #00000052,0 24px 80px #00000061,inset -1px 0 #fff8f503;display:flex;flex-direction:column;transform:translate(calc(-100% - var(--editor-rail-width)));transition:transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.ai-floating-panel.open{transform:translate(0)}@media (max-width: 768px){html,body{width:100%;max-width:100%;overflow:hidden;height:100dvh;max-height:100dvh}.editor{width:100%;max-width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;box-sizing:border-box;touch-action:manipulation;--studio-panel-width: 100%;--editor-mobile-nav-h: calc(68px + env(safe-area-inset-bottom, 0px)) }.editor.panel-open .canvas-area{margin-left:0}.editor-left-menu{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:auto;min-height:var(--editor-mobile-nav-h);flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:7px 10px 8px;padding-bottom:env(safe-area-inset-bottom,0);border-right:none;border-top:.5px solid var(--border-subtle);z-index:10050;box-shadow:0 -8px 32px #00000073;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--studio-bg, #050504) 88%,transparent)}.editor .editor-left-menu .menu-logo,.editor .editor-left-menu .menu-desktop-nav,.editor .editor-left-menu .menu-nav-divider,.editor .editor-left-menu .menu-spacer,.editor .editor-left-menu .menu-footer{display:none}.editor-left-menu .menu-item{flex:1;max-width:none;min-width:0;min-height:54px;padding:6px 2px 5px;flex-direction:column;gap:4px;border-radius:12px;touch-action:manipulation}.editor-left-menu .menu-item-icon svg{width:19px;height:19px}.editor-left-menu .menu-item-icon-code{font-size:14px}.editor-left-menu .menu-item-label{max-width:100%;font-size:10px;line-height:1.05;white-space:nowrap;word-break:normal;-webkit-hyphens:none;hyphens:none;overflow:hidden;text-overflow:ellipsis}.canvas-area{width:100%;flex:1 1 0;min-height:0;min-width:0;padding-bottom:calc(var(--editor-mobile-nav-h) + 8px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.ai-floating-panel:before{content:"";flex-shrink:0;width:40px;height:5px;margin:10px auto 6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-primary) 16%,transparent)}.ai-floating-panel>.studio-left-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ai-floating-panel{top:max(env(safe-area-inset-top,0px),min(18dvh,156px));bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:calc(100dvh - max(env(safe-area-inset-top,0px),min(18dvh,156px)) - env(safe-area-inset-bottom,0px));height:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-right:none;border-top:.5px solid var(--glass-border);box-shadow:var(--shadow-float);transform:translateY(100%);transition:transform .32s var(--ease-macos);backdrop-filter:var(--blur-lg) saturate(180%);-webkit-backdrop-filter:var(--blur-lg) saturate(180%);background:#111114f0;overflow:hidden;overscroll-behavior:contain;z-index:10060}.ai-floating-panel.open{transform:translateY(0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:max(10px,env(safe-area-inset-bottom,0))}}@media (max-width: 768px){.editor.editor--landing-entry .ai-floating-panel.open{transform:translateY(100%)}}.ai-floating-panel .ai-panel{flex:1 1 45%;min-height:min(280px,40vh)}.ai-floating-panel .chat-panel-wrap{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.ai-floating-panel .chat-panel-wrap .ai-panel{flex:1 1 0;min-height:0}.ai-floating-panel .studio-left-body:has(.chat-panel-wrap){padding-bottom:0;gap:8px}.ai-floating-panel .media-library{flex:1 1 auto;min-height:0;overflow-y:auto;border-bottom:none}.ai-floating-panel .props-panel{flex:1 1 auto;min-height:0;max-height:none}.ai-floating-panel .studio-left-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px 12px;gap:10px;overflow:hidden}.ai-floating-panel .studio-left-body:not(:has(.ai-panel)) .props-panel{flex:1 1 auto;min-height:0}.ai-floating-panel .studio-left-body:has(.ai-panel) .props-panel{flex:0 1 48%;min-height:140px;max-height:48%}.ai-floating-panel .studio-left-body:has(.ai-panel) .ai-panel{flex:1 1 45%;min-height:min(280px,40vh)}.studio-panel-header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;gap:10px;flex-shrink:0;min-height:46px;background:color-mix(in srgb,#1a1715 90%,transparent);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 1px #fff8f508 inset;font-family:"Sora",var(--font-ui),system-ui,sans-serif}.studio-panel-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.studio-panel-title{font-family:"Sora",var(--font-ui),system-ui,sans-serif;font-size:.8rem;font-weight:650;letter-spacing:-.01em;color:#f7f1ec;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-panel-scene-tag{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;border:.5px solid color-mix(in srgb,var(--accent-brand) 40%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent-brand) 14%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--accent-brand) 88%,white);font-family:var(--font-ui),system-ui,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1}.studio-panel-header .studio-account-text{font-size:.8rem;font-weight:600;color:var(--ai-muted);text-decoration:none;white-space:nowrap;padding:4px 8px;border-radius:var(--btn-radius);transition:color .18s ease,background .18s ease}.studio-panel-header .studio-account-text:hover{color:var(--ai-text);background:color-mix(in srgb,#fff 6%,transparent)}.studio-header-actions{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.studio-user-chip{display:flex;align-items:center;gap:6px;min-width:0;max-width:160px}.studio-user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.studio-user-name{font-size:.78rem;font-weight:500;color:var(--ai-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-signout-form{margin:0;display:inline}.studio-signout-btn{flex-shrink:0;padding:5px 10px;border-radius:var(--btn-radius);border:.5px solid var(--glass-border);background:color-mix(in srgb,#fff 8%,transparent);color:var(--ai-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.studio-signout-btn:hover{color:var(--ai-text);background:color-mix(in srgb,#fff 12%,transparent);border-color:var(--border-strong)}.studio-panel-header .studio-home-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--btn-radius);color:var(--ai-muted);text-decoration:none;transition:color .18s ease,background .18s ease}.studio-panel-header .studio-home-icon{width:18px;height:18px;display:block}.studio-panel-header .studio-home-link:hover{color:var(--ai-text);background:color-mix(in srgb,#fff 6%,transparent)}.studio-panel-header .studio-close-btn{flex-shrink:0;background:none;border:1px solid rgba(255,255,255,.09);color:#c7beb799;font-size:15px;cursor:pointer;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;border-radius:999px;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .1s ease}.studio-panel-header .studio-close-btn svg{width:13px;height:13px}.studio-panel-header .studio-close-btn:hover{color:#f7f1ec;border-color:#ffffff29;background:#ffffff14}.studio-panel-header .studio-close-btn:active{transform:scale(.92)}.editor,.editor *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.editor ::-webkit-scrollbar{width:5px;height:5px}.editor ::-webkit-scrollbar-track{background:transparent}.editor ::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:var(--radius-pill)}.editor ::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.editor ::-webkit-scrollbar-corner{background:transparent}.canvas-area .renderer-iframe{flex:1;width:100%;min-height:0;border:none}.ai-floating-panel .remotion-code-panel{flex:1;min-height:0}.editor.editor--landing-entry.panel-open .canvas-area{margin-left:0;margin-right:0;transition:margin-left var(--landing-entry-duration) var(--motion-smooth),margin-right var(--landing-entry-duration) var(--motion-smooth)}.editor.editor--landing-entry .ai-floating-panel.open{transform:translate(-100%);transition:transform var(--landing-entry-duration) var(--motion-smooth)}@supports (view-transition-name: none){::view-transition-group(prompt-bar){animation-duration:var(--view-transition-prompt-duration);animation-timing-function:var(--motion-smooth)}}.editor.editor--post-landing-ease.panel-open .canvas-area{transition:margin-left var(--landing-entry-duration) var(--motion-smooth),margin-right var(--landing-entry-duration) var(--motion-smooth)}.editor.editor--post-landing-ease .ai-floating-panel.open{transition:transform var(--landing-entry-duration) var(--motion-smooth)}.route-loading-indicator{position:fixed;top:0;left:0;right:0;height:3px;z-index:2147483000;pointer-events:none;overflow:hidden;background:color-mix(in srgb,var(--border-default) 35%,transparent)}.route-loading-indicator:after{content:"";display:block;height:100%;width:min(42%,280px);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-brand) 88%,transparent),color-mix(in srgb,var(--accent-brand-warm) 95%,transparent),transparent);animation:asap-route-indeterminate 1.05s var(--ease-macos, ease-in-out) infinite;border-radius:var(--radius-pill)}@keyframes asap-route-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes asap-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.route-loading-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482990;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg-void) 78%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);pointer-events:none}.route-loading-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px;padding:1.35rem 1.6rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-elevated) 72%,transparent);border:.5px solid var(--glass-border);box-shadow:var(--shadow-float);text-align:center;pointer-events:none}.route-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent-brand) 22%,transparent);border-top-color:var(--accent-brand);animation:asap-route-spinner .85s linear infinite}.route-loading-title{font-family:var(--font-ui, "DM Sans", system-ui, sans-serif);font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.route-loading-hint{font-size:.78rem;line-height:1.4;color:var(--text-secondary)}.route-loading-card--actionable{pointer-events:auto}.route-loading-refresh{margin-top:4px;padding:.45rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-ui, "DM Sans", system-ui, sans-serif);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.route-loading-refresh:hover{background:var(--bg-hover);border-color:var(--border-strong)}@keyframes asap-route-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.route-loading-spinner{animation:none;border-top-color:color-mix(in srgb,var(--accent-brand) 55%,transparent)}.route-loading-indicator:after{animation:none;width:100%;opacity:.45}.editor.editor--landing-entry.panel-open .canvas-area,.editor.editor--landing-entry .ai-floating-panel.open,.editor.editor--post-landing-ease.panel-open .canvas-area,.editor.editor--post-landing-ease .ai-floating-panel.open{transition:none}}.clerk-auth-bar{position:fixed;top:.75rem;right:.75rem;z-index:100100;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.35rem .5rem;border-radius:.5rem;background:var(--glass-fill);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signin-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;width:100%;max-width:100vw;overflow-x:clip;box-sizing:border-box;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(196,92,62,.14),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 100%,rgba(59,130,246,.07),transparent 50%),radial-gradient(ellipse 50% 40% at 0% 85%,rgba(255,255,255,.03),transparent 45%),var(--bg-void, #0a0a0c);color:var(--text-primary, rgba(255, 255, 255, .92))}@media (prefers-color-scheme: light){.signin-page{background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(196,92,62,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 100%,rgba(59,130,246,.05),transparent 50%),var(--bg-void, #e8e8ed)}}.signin-card{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:min(30rem,100%);min-width:0;margin-inline:auto;box-sizing:border-box;padding:clamp(1rem,4vw,1.25rem);border-radius:1.4rem;background:#100e0df5;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 70px #0000006b}.signin-close{position:absolute;right:.75rem;top:.75rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#ffffff14;color:#ffffffeb;font-size:1.25rem;line-height:1;cursor:pointer;transition:background .18s ease}.signin-close:hover{background:#ffffff24}.signin-header{display:grid;gap:.4rem;padding:.7rem .35rem 1rem}.signin-sub{margin:0;color:#ffffff8c;font-size:.92rem;line-height:1.55}@media (prefers-color-scheme: light){.signin-card{box-shadow:0 18px 48px #0000001a,0 1px #ffffffa6 inset}}.signin-kicker{margin:0 0 .5rem;text-align:center;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary, rgba(255, 255, 255, .3))}.signin-title{margin:0;font-family:"Plus Jakarta Sans",var(--font-ui),system-ui,sans-serif;font-size:1.7rem;font-weight:400;letter-spacing:-.02em;line-height:1.05;color:#ffffffeb}.signin-lead{margin:-.35rem 0 1.25rem;padding-inline:1rem;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .55));line-height:1.45;text-align:center}.signin-widget{min-height:12rem;width:100%;min-width:0;overflow-x:clip}.signin-widget.signin-clerk-dedupe{min-height:0}.signin-widget>div,.lp2-signin-widget>div{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.signin-widget .cl-rootBox{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;max-width:100%;gap:0;box-sizing:border-box}.signin-widget .cl-rootBox>*,.lp2-signin-widget .cl-rootBox>*{width:100%!important;max-width:100%!important;align-self:stretch!important;box-sizing:border-box}.signin-widget .cl-cardBox,.signin-widget .cl-card{width:100%;max-width:100%}.signin-clerk-dedupe .cl-rootBox{gap:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.lp2-signin-widget .cl-rootBox{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.signin-clerk-dedupe .cl-cardBox,.signin-clerk-dedupe .cl-card{width:100%!important;max-width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important}.signin-clerk-dedupe .cl-header,.signin-clerk-dedupe .cl-headerTitle,.signin-clerk-dedupe .cl-headerSubtitle,.lp2-signin-widget .cl-header,.lp2-signin-widget .cl-headerTitle,.lp2-signin-widget .cl-headerSubtitle{display:none!important}.signin-clerk-dedupe .cl-card,.lp2-signin-widget .cl-card{padding:0!important;gap:.75rem!important}.signin-clerk-dedupe .cl-main,.lp2-signin-widget .cl-main{width:100%!important;max-width:100%!important;gap:.875rem!important;padding:1rem!important;border-radius:1.125rem!important;background:#ffffff09!important;border:1px solid rgba(255,255,255,.075)!important}.signin-clerk-dedupe .cl-form,.signin-clerk-dedupe .cl-formFieldRow,.signin-clerk-dedupe .cl-formField,.signin-clerk-dedupe .cl-formButtonPrimary,.signin-clerk-dedupe .cl-socialButtons,.signin-clerk-dedupe .cl-socialButtonsBlockButton,.lp2-signin-widget .cl-form,.lp2-signin-widget .cl-formFieldRow,.lp2-signin-widget .cl-formField,.lp2-signin-widget .cl-formButtonPrimary,.lp2-signin-widget .cl-socialButtons,.lp2-signin-widget .cl-socialButtonsBlockButton{width:100%!important;max-width:100%!important}.signin-clerk-dedupe .cl-dividerRow,.lp2-signin-widget .cl-dividerRow{margin-top:.125rem!important;margin-bottom:.125rem!important;gap:.875rem!important}.signin-clerk-dedupe .cl-footer,.lp2-signin-widget .cl-footer{width:100%!important;max-width:100%!important;margin-top:0!important;padding:.875rem .25rem .125rem!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.signin-clerk-dedupe .cl-socialButtonsBlockButton,.lp2-signin-widget .cl-socialButtonsBlockButton{min-height:2.625rem;border-radius:.875rem!important;background:#ffffff0b!important;border:1px solid rgba(255,255,255,.07)!important}.signin-clerk-dedupe .cl-formButtonPrimary,.lp2-signin-widget .cl-formButtonPrimary{min-height:2.75rem;border-radius:.9375rem!important;box-shadow:0 8px 22px #c45c3e29!important}.signin-clerk-dedupe .cl-formFieldInput,.lp2-signin-widget .cl-formFieldInput{min-height:2.75rem;border-radius:.875rem!important}.signin-clerk-dedupe .cl-badge,.lp2-signin-widget .cl-badge{align-self:center;line-height:1.15;font-size:.7rem}.signin-clerk-dedupe .cl-formButtonPrimary svg,.lp2-signin-widget .cl-formButtonPrimary svg{display:none!important}.signin-back{display:inline-flex;align-self:center;align-items:center;justify-content:center;gap:.35rem;margin-top:1.25rem;margin-inline:auto;font-size:.85rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .55));text-decoration:none;border-radius:var(--btn-radius, 10px);padding:.35rem .6rem;transition:color .16s var(--ease-macos, ease),background .16s var(--ease-macos, ease)}.signin-back:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-brand) 65%,transparent);outline-offset:2px}@media (max-width: 560px){.signin-page{align-items:flex-end;justify-content:stretch;padding:0;padding-top:max(8px,env(safe-area-inset-top))}.signin-card{max-width:100%;width:100%;border-radius:1.375rem 1.375rem 0 0;padding:1rem 1rem max(1rem,calc(env(safe-area-inset-bottom) + .25rem));box-shadow:0 -10px 40px #00000080,0 -1px #ffffff0f}.signin-kicker{margin-bottom:.35rem}.signin-title{font-size:clamp(1.08rem,4.8vw,1.35rem);margin-bottom:.75rem;padding-inline:1.25rem}.signin-lead{margin:-.2rem 0 1rem;font-size:.84rem;padding-inline:.5rem}.signin-clerk-dedupe .cl-main,.lp2-signin-widget .cl-main{padding:.875rem!important;gap:.75rem!important;border-radius:1rem!important}.signin-clerk-dedupe .cl-socialButtonsBlockButton,.signin-clerk-dedupe .cl-formButtonPrimary,.signin-clerk-dedupe .cl-formFieldInput,.lp2-signin-widget .cl-socialButtonsBlockButton,.lp2-signin-widget .cl-formButtonPrimary,.lp2-signin-widget .cl-formFieldInput{min-height:2.75rem}.signin-back{margin-top:1rem;display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;line-height:1.4}}@media (min-width: 561px){.signin-page{align-items:center}}