.auth-shell{--background: 200 30% 96%;--foreground: 210 31% 15%;--muted: 204 20% 95%;--muted-foreground: 210 12% 43%;--border: 204 18% 88%;--input: 204 18% 82%;--primary: 204 64% 31%;--primary-foreground: 0 0% 100%;--ring: 204 64% 40%;--accent: 204 30% 94%;--accent-foreground: 210 31% 15%;--destructive: 0 65% 42%;--success: 161 70% 27%;--auth-story: 192 31% 92%;--auth-story-ink: 204 39% 25%;--auth-story-muted: 204 20% 40%;--auth-paper: 40 33% 99%;--auth-paper-ink: 210 31% 15%;--auth-paper-line: 204 20% 91%;--auth-shadow: 204 35% 25%;--auth-radius: 1.75rem;--auth-control-radius: .75rem;--auth-glass: 0 0% 100%;--auth-glass-alpha: .72;--auth-glass-edge: 0 0% 100%;--auth-glass-edge-alpha: .85;--auth-glow: 188 57% 78%;--auth-glow-secondary: 232 47% 87%;--auth-glass-blur: 24px;--auth-texture-size: 6px;--auth-form-pad: max(24px, min(3vw, 40px));--auth-form-radius: 1.5rem;--auth-field-surface: 204 28% 95%;--auth-button-end: 213 62% 26%;--auth-header-h: 96px;--auth-header-pad-y: 20px;--auth-body-pad-bottom: 24px;--auth-main-pad-top: 36px;--auth-main-pad-bottom: 48px;--auth-main-pad-x: 48px;--auth-footer-pad-top: 8px;--auth-footer-pad-bottom: 12px;--auth-form-gap: 28px;--auth-heading-gap: 12px;--auth-title-size: max(28px, min(2.6vw, 36px));--auth-field-gap: 20px;--auth-field-inner-gap: 8px;--auth-control-h: 48px;--auth-story-pad-top: max(36px, min(4.5vw, 72px));--auth-story-pad-bottom: 28px;--auth-story-title-size: max(48px, min(5.2vw, 78px));--auth-preview-h: 350px;--auth-preview-gap-top: 24px;--auth-preview-gap-bottom: 32px;--auth-orbit-size: 470px;--auth-orbit-top: -65px;position:relative;isolation:isolate;min-height:100svh;background:radial-gradient(ellipse at 5% 8%,hsl(var(--auth-glow) / .45),transparent 48%),radial-gradient(ellipse at 95% 90%,hsl(var(--auth-glow-secondary) / .5),transparent 52%),hsl(var(--background));color:hsl(var(--foreground));font-family:InterVariable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--csstools-color-scheme--light: initial;color-scheme:light}.dark .auth-shell,.auth-shell.is-dark{--background: 210 24% 9%;--foreground: 204 20% 96%;--muted: 210 22% 15%;--muted-foreground: 207 15% 66%;--border: 210 17% 24%;--input: 210 17% 31%;--primary: 195 66% 70%;--primary-foreground: 210 31% 12%;--ring: 195 66% 70%;--accent: 210 22% 17%;--accent-foreground: 204 20% 96%;--destructive: 0 80% 73%;--success: 161 55% 65%;--auth-story: 205 28% 15%;--auth-story-ink: 193 46% 84%;--auth-story-muted: 200 19% 66%;--auth-paper: 205 22% 20%;--auth-paper-ink: 204 20% 94%;--auth-paper-line: 205 20% 28%;--auth-shadow: 210 50% 2%;--auth-glass: 210 25% 13%;--auth-glass-alpha: .8;--auth-glass-edge: 195 30% 75%;--auth-glass-edge-alpha: .16;--auth-glow: 190 45% 25%;--auth-glow-secondary: 230 35% 27%;--auth-field-surface: 210 28% 10%;--auth-button-end: 202 65% 63%;--csstools-color-scheme--light: ;color-scheme:dark}.auth-shell:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(hsl(var(--auth-story-ink) / .08) .5px,transparent .5px);background-size:var(--auth-texture-size) var(--auth-texture-size);-webkit-mask-image:linear-gradient(135deg,black,transparent 75%);mask-image:linear-gradient(135deg,black,transparent 75%)}.auth-shell .auth-header{display:flex;align-items:center;justify-content:space-between;max-width:1600px;min-height:var(--auth-header-h);margin:0 auto;padding:var(--auth-header-pad-y) 48px}.auth-shell .auth-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.8px}.auth-shell .auth-help{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;color:hsl(var(--muted-foreground))}.auth-shell .auth-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1600px;min-height:calc(100svh - var(--auth-header-h));margin:0 auto;padding:0 24px var(--auth-body-pad-bottom);grid-gap:24px;gap:24px}.auth-shell .auth-panel{display:flex;position:relative;isolation:isolate;min-width:0;flex-direction:column;border:1px solid hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha));border-radius:var(--auth-radius);background:radial-gradient(ellipse at 0% 0%,hsl(var(--auth-glow) / .45),transparent 55%),radial-gradient(ellipse at 100% 100%,hsl(var(--auth-glow-secondary) / .35),transparent 60%),hsl(var(--auth-glass) / var(--auth-glass-alpha));box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha)),inset 1px 0 hsl(var(--auth-glass-edge) / .25),inset 0 -1px hsl(var(--auth-shadow) / .08),0 24px 64px -32px hsl(var(--auth-shadow) / .35);-webkit-backdrop-filter:blur(var(--auth-glass-blur));backdrop-filter:blur(var(--auth-glass-blur))}.auth-shell .auth-panel:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0,transparent 54px,hsl(var(--auth-glass-edge) / .24) 55px,transparent 56px),radial-gradient(ellipse at 0% 100%,transparent 58%,hsl(var(--auth-glass-edge) / .32) 58.2%,transparent 58.5%),radial-gradient(ellipse at 0% 100%,transparent 68%,hsl(var(--auth-glass-edge) / .2) 68.2%,transparent 68.5%);-webkit-mask-image:linear-gradient(135deg,black,transparent 45%,black);mask-image:linear-gradient(135deg,black,transparent 45%,black)}@supports (background: repeating-linear-gradient(red 0%,red 0% 1%,red 2%)){.auth-shell .auth-panel:before{background:repeating-linear-gradient(125deg,transparent 0 54px,hsl(var(--auth-glass-edge) / .24) 55px,transparent 56px),radial-gradient(ellipse at 0% 100%,transparent 58%,hsl(var(--auth-glass-edge) / .32) 58.2%,transparent 58.5%),radial-gradient(ellipse at 0% 100%,transparent 68%,hsl(var(--auth-glass-edge) / .2) 68.2%,transparent 68.5%)}}.auth-shell .auth-main{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;padding:var(--auth-main-pad-top) var(--auth-main-pad-x) var(--auth-main-pad-bottom)}.auth-shell .auth-main-content{position:relative;margin-top:auto;margin-bottom:auto;padding:var(--auth-form-pad);border:1px solid hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha));border-radius:var(--auth-form-radius);background:radial-gradient(ellipse at top left,hsl(var(--auth-glow) / .18),transparent 65%),hsl(var(--auth-glass) / .65);box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha)),0 2px 4px hsl(var(--auth-shadow) / .03),0 24px 56px -28px hsl(var(--auth-shadow) / .28)}.auth-shell .auth-main-content:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(to right,transparent,hsl(var(--primary) / .5),transparent);pointer-events:none}.auth-shell .auth-footer{padding:var(--auth-footer-pad-top) 12px var(--auth-footer-pad-bottom)}.auth-shell .auth-form{display:flex;flex-direction:column;gap:var(--auth-form-gap)}.auth-shell .auth-form-heading{display:flex;flex-direction:column;gap:var(--auth-heading-gap)}.auth-shell .auth-form-heading:before{content:"";width:32px;height:5px;margin-bottom:12px;border-radius:999px;background:hsl(var(--primary));box-shadow:8px 0 hsl(var(--primary) / .15)}.auth-shell .auth-form-title{font-size:calc(var(--auth-title-size) + 4px);line-height:1.2;font-weight:550;letter-spacing:-1.3px}.auth-shell .auth-form-description{font-size:15px;line-height:1.65;color:hsl(var(--muted-foreground))}.auth-shell .auth-field-group{gap:var(--auth-field-gap)}.auth-shell .auth-field{gap:var(--auth-field-inner-gap)}.auth-shell .auth-input{height:var(--auth-control-h);border-radius:var(--auth-control-radius);padding-left:14px;padding-right:14px;font-size:16px;box-shadow:inset 0 2px 4px hsl(var(--auth-shadow) / .04),0 1px hsl(var(--auth-glass-edge) / .6);background:hsl(var(--auth-field-surface) / .75)}.auth-shell .auth-input[aria-invalid=true],.auth-shell .auth-password:has([aria-invalid=true]){border-color:hsl(var(--destructive))}.auth-shell .auth-password{height:var(--auth-control-h);border-radius:var(--auth-control-radius);background:hsl(var(--auth-field-surface) / .75);box-shadow:inset 0 2px 4px hsl(var(--auth-shadow) / .04),0 1px hsl(var(--auth-glass-edge) / .6)}.auth-shell .auth-input:focus-visible,.auth-shell .auth-password:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px;background:hsl(var(--auth-glass) / .9)}.auth-shell .auth-input[aria-invalid=true]:focus-visible,.auth-shell .auth-password:has([aria-invalid=true]):focus-within{outline-color:hsl(var(--destructive))}.auth-shell .auth-password input{height:calc(var(--auth-control-h) - 2px);min-width:0;padding-left:14px;font-size:16px;box-shadow:none}.auth-shell .auth-password-toggle{width:44px;height:44px}.auth-shell .auth-checkbox{position:relative}.auth-shell .auth-checkbox:before{content:"";position:absolute;inset:-14px}.auth-shell .auth-submit{height:calc(var(--auth-control-h) + 4px);width:100%;gap:10px;border-radius:var(--auth-control-radius);background:linear-gradient(120deg,hsl(var(--primary)),hsl(var(--auth-button-end)));border:1px solid hsl(var(--primary) / .6);font-weight:600;box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / .25),0 8px 18px -8px hsl(var(--primary) / .5)}.auth-shell .auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-shell .auth-submit:active:not(:disabled){box-shadow:inset 0 2px 6px hsl(var(--auth-shadow) / .2)}.auth-shell .auth-social-button{height:var(--auth-control-h);gap:10px;border-radius:var(--auth-control-radius);border-color:hsl(var(--border));background:linear-gradient(160deg,hsl(var(--auth-glass) / .95),hsl(var(--auth-field-surface) / .55));box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / .5),0 3px 6px -4px hsl(var(--auth-shadow) / .18)}.auth-shell .auth-social-button:hover{background:hsl(var(--accent))}.auth-shell .auth-text-link{color:hsl(var(--primary));font-weight:500;text-underline-offset:4px}.auth-shell .auth-text-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.auth-shell .auth-link-focus:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;border-radius:3px}.auth-shell .auth-skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.auth-shell .auth-skip-link:focus{z-index:50;top:8px;left:8px;width:auto;height:auto;clip-path:none;padding:12px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.auth-shell .auth-story{display:flex;position:relative;isolation:isolate;min-height:0;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;border-radius:var(--auth-radius);border:1px solid hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha));background:radial-gradient(ellipse at 100% 0%,hsl(var(--auth-glass) / .6),transparent 60%),linear-gradient(155deg,hsl(var(--auth-story) / .85),hsl(var(--auth-glow) / .4));box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha)),0 20px 60px -36px hsl(var(--auth-shadow) / .35);color:hsl(var(--auth-story-ink));padding:var(--auth-story-pad-top) 32px var(--auth-story-pad-bottom)}.auth-shell .auth-story:before,.auth-shell .auth-story:after{content:"";position:absolute;z-index:-1;pointer-events:none}.auth-shell .auth-story:before{inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 38px,hsl(var(--auth-glass-edge) / .14) 39px,transparent 40px);-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,black)}@supports (background: repeating-linear-gradient(red 0%,red 0% 1%,red 2%)){.auth-shell .auth-story:before{background:repeating-linear-gradient(115deg,transparent 0 38px,hsl(var(--auth-glass-edge) / .14) 39px,transparent 40px)}}.auth-shell .auth-story:after{width:110%;aspect-ratio:1;left:25%;top:38%;border:1px solid hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha));border-radius:50%;background:linear-gradient(145deg,hsl(var(--auth-glass) / .25),transparent 65%);box-shadow:0 0 0 40px hsl(var(--auth-glass-edge) / .05),0 0 0 80px hsl(var(--auth-glass-edge) / .04)}.auth-shell .auth-story-copy{position:relative;z-index:1;width:100%;max-width:450px}.auth-shell .auth-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.auth-shell .auth-story-title{margin-top:25px;font-family:"Instrument Serif",Georgia,serif;font-size:var(--auth-story-title-size);line-height:1.02;font-weight:400;letter-spacing:-1.8px}.auth-shell .auth-story-title span{display:block;font-style:italic}.auth-shell .auth-story-description{max-width:350px;margin-top:22px;font-size:14px;line-height:1.8;color:hsl(var(--auth-story-muted))}.auth-shell .auth-story-footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:hsl(var(--auth-story-muted))}.auth-shell .auth-story-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.auth-shell .auth-preview{position:relative;isolation:isolate;width:100%;max-width:440px;height:var(--auth-preview-h);margin:var(--auth-preview-gap-top) 0 var(--auth-preview-gap-bottom)}.auth-shell .auth-preview-orbit{position:absolute;z-index:-1;width:var(--auth-orbit-size);height:var(--auth-orbit-size);top:var(--auth-orbit-top);left:50%;transform:translate(-50%);border:1px solid hsl(var(--auth-story-ink) / .09);border-radius:50%}.auth-shell .auth-preview-orbit:before,.auth-shell .auth-preview-orbit:after{content:"";position:absolute;inset:35px;border:inherit;border-radius:inherit}.auth-shell .auth-preview-orbit:after{inset:75px}.auth-shell .auth-note{position:absolute;top:6px;right:24px;width:290px;padding:24px;border:1px solid hsl(var(--auth-story-ink) / .08);border-radius:14px;background:hsl(var(--auth-paper) / .88);color:hsl(var(--auth-paper-ink));box-shadow:0 24px 60px -24px hsl(var(--auth-shadow) / .3);transform:rotate(2deg);-webkit-backdrop-filter:blur(var(--auth-glass-blur));backdrop-filter:blur(var(--auth-glass-blur))}.auth-shell .auth-note-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:hsl(var(--auth-story));color:hsl(var(--auth-story-ink))}.auth-shell .auth-note-example{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:hsl(var(--muted-foreground))}.auth-shell .auth-note-title{margin-top:18px;font-size:17px;font-weight:550;letter-spacing:-.5px}.auth-shell .auth-note-subtitle{margin-top:4px;font-size:10px;color:hsl(var(--muted-foreground))}.auth-shell .auth-note-section{display:flex;flex-direction:column;gap:7px;margin-top:20px;font-size:10px;font-weight:500}.auth-shell .auth-note-line{height:5px;border-radius:2px;background:hsl(var(--auth-paper-line))}.auth-shell .auth-note-ready{display:flex;align-items:center;gap:6px;margin-top:20px;color:hsl(var(--auth-story-ink));font-size:10px}.auth-shell .auth-recording{position:absolute;bottom:4px;left:0;display:flex;align-items:center;gap:14px;width:300px;padding:18px;border:1px solid hsl(var(--auth-story-ink) / .1);border-radius:14px;background:hsl(var(--auth-paper) / .82);color:hsl(var(--auth-paper-ink));box-shadow:0 16px 40px -18px hsl(var(--auth-shadow) / .35);transform:rotate(-2deg);-webkit-backdrop-filter:blur(var(--auth-glass-blur));backdrop-filter:blur(var(--auth-glass-blur))}.auth-shell .auth-recording-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:hsl(var(--auth-story-ink));background:hsl(var(--auth-story))}.auth-shell .auth-waveform{display:flex;align-items:center;justify-content:space-between;height:30px;gap:3px}.auth-shell .auth-waveform span{width:3px;min-height:3px;border-radius:3px;background:hsl(var(--auth-story-ink) / .6)}@media(min-width:1024px){.auth-shell:not(.is-embedded){height:100svh;overflow:hidden}.auth-shell:not(.is-embedded) .auth-header{height:var(--auth-header-h)}.auth-shell:not(.is-embedded) .auth-body{height:calc(100svh - var(--auth-header-h));min-height:0}.auth-shell:not(.is-embedded) .auth-main{overflow-y:auto;overscroll-behavior:contain}}@media(min-width:1024px)and (max-height:1000px){.auth-shell{--auth-header-h: 76px;--auth-header-pad-y: 12px;--auth-body-pad-bottom: 16px;--auth-main-pad-top: 20px;--auth-main-pad-bottom: 28px;--auth-footer-pad-top: 6px;--auth-footer-pad-bottom: 10px;--auth-form-gap: 20px;--auth-heading-gap: 8px;--auth-title-size: max(26px, min(2.2vw, 30px));--auth-field-gap: 15px;--auth-field-inner-gap: 7px;--auth-control-h: 46px;--auth-story-pad-top: max(32px, min(3.8vw, 56px));--auth-story-pad-bottom: 22px;--auth-story-title-size: max(44px, min(4.6vw, 68px));--auth-preview-h: 320px;--auth-preview-gap-top: 18px;--auth-preview-gap-bottom: 24px;--auth-orbit-size: 430px;--auth-orbit-top: -58px}}@media(min-width:1024px)and (max-height:920px){.auth-shell{--auth-header-h: 68px;--auth-header-pad-y: 10px;--auth-body-pad-bottom: 12px;--auth-main-pad-top: 14px;--auth-main-pad-bottom: 18px;--auth-footer-pad-top: 4px;--auth-footer-pad-bottom: 8px;--auth-form-gap: 16px;--auth-heading-gap: 6px;--auth-title-size: max(24px, min(2vw, 28px));--auth-field-gap: 12px;--auth-field-inner-gap: 6px;--auth-control-h: 44px;--auth-story-pad-top: max(28px, min(3.2vw, 48px));--auth-story-pad-bottom: 18px;--auth-story-title-size: max(40px, min(4.2vw, 60px));--auth-preview-h: 300px;--auth-preview-gap-top: 14px;--auth-preview-gap-bottom: 18px;--auth-orbit-size: 400px;--auth-orbit-top: -52px}}@media(min-width:1024px)and (max-height:800px){.auth-shell{--auth-header-h: 60px;--auth-header-pad-y: 8px;--auth-main-pad-top: 10px;--auth-main-pad-bottom: 14px;--auth-form-gap: 14px;--auth-field-gap: 10px;--auth-story-pad-top: max(22px, min(2.6vw, 36px));--auth-story-title-size: max(34px, min(3.6vw, 50px));--auth-preview-h: 260px;--auth-orbit-size: 350px;--auth-orbit-top: -44px}}@media(max-width:1023px){.auth-shell .auth-header{padding:16px 24px;min-height:80px;height:auto}.auth-shell .auth-body{grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 80px);padding:0 16px 16px;gap:0}.auth-shell .auth-story{display:none}.auth-shell .auth-main{padding:32px 24px 48px}.auth-shell .auth-footer{padding:16px 20px 24px}}@media(max-width:639px){.auth-shell{--auth-form-pad: 32px 24px;--auth-mobile-header-h: calc(80px + env(safe-area-inset-top, 0px)) }.auth-shell .auth-header{min-height:var(--auth-mobile-header-h);padding:calc(16px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 16px max(20px,env(safe-area-inset-left,0px));background:hsl(var(--auth-glass) / .35);box-shadow:inset 0 -1px hsl(var(--auth-glass-edge) / var(--auth-glass-edge-alpha))}.auth-shell .auth-body{min-height:calc(100svh - var(--auth-mobile-header-h));padding:0}.auth-shell .auth-panel{border:0;border-radius:0;box-shadow:inset 0 12px 24px -20px hsl(var(--auth-shadow) / .4)}.auth-shell .auth-main{padding:0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}.auth-shell .auth-main-content{max-width:none;border:0;border-radius:0;background:linear-gradient(160deg,hsl(var(--auth-glass) / .55),hsl(var(--auth-glass) / .15));box-shadow:inset 0 1px hsl(var(--auth-glass-edge) / .5),0 20px 40px -32px hsl(var(--auth-shadow) / .3)}.auth-shell .auth-main-content:before{left:0;right:0}.auth-shell .auth-footer{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}}@media(max-width:479px){.auth-shell{--auth-form-pad: 28px 24px}.auth-shell .auth-brand{font-size:18px}.auth-shell .auth-form{gap:24px}}.auth-shell.is-embedded .auth-body{display:block;padding:0}.auth-shell.is-embedded .auth-main{padding:24px}.auth-shell.is-embedded .auth-panel{border-radius:0}.auth-shell.is-embedded .auth-header{min-height:60px;padding:8px 16px}
