.auth-shell{--auth-gap:1rem;--auth-radius:.5rem;flex-direction:column;min-height:100svh;display:flex}.auth-header,.auth-footer{justify-content:space-between;align-items:center;gap:1rem;width:calc(100% - 4rem);max-width:84rem;margin-inline:auto;display:flex}.auth-header{min-height:6rem}.auth-header .wordmark{font-size:1.75rem}.auth-header-actions{align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.auth-header-actions>a{align-items:center;min-height:2.75rem;display:inline-flex}.auth-header-actions>a:hover{color:var(--primary-700)}.auth-main{gap:var(--auth-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;width:calc(100% - 4rem);max-width:68.75rem;margin:auto;padding-block:2rem;display:grid}.auth-form-column{grid-column:span 6;min-width:0;padding:2rem 3rem}.auth-screen{width:100%;max-width:25rem;margin-inline:auto}.auth-screen h1{letter-spacing:-.035em;text-wrap:balance;font-size:1.75rem;font-weight:700;line-height:2.25rem}.auth-description{color:var(--ink-700);margin-top:.75rem;font-size:1rem;line-height:1.5rem}.auth-description strong{color:var(--ink-950);overflow-wrap:anywhere;font-weight:500}.auth-form{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-field label,.auth-otp-field legend{font-size:.875rem;font-weight:500;line-height:1.25rem}.auth-field input{border:1px solid var(--control-line);border-radius:var(--auth-radius);background:var(--surface);width:100%;min-width:0;height:3rem;color:var(--ink-950);padding:.75rem .875rem;font-size:1rem;line-height:1.5rem;transition:border-color .16s}.auth-field input::placeholder{color:var(--ink-500);opacity:1}.auth-field input:hover{border-color:var(--ink-700)}.auth-field input:focus,.auth-otp input:focus{border-color:var(--primary-700);outline:2px solid var(--primary-700);outline-offset:3px}.auth-field input[aria-invalid=true]{border-color:var(--danger)}.auth-password{position:relative}.auth-password input{padding-right:3.25rem}.auth-password button{border-radius:var(--auth-radius);width:2.75rem;height:2.75rem;color:var(--ink-700);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:.125rem;right:.125rem}.auth-password button:hover{color:var(--primary-700);background:var(--canvas)}.auth-hint{color:var(--ink-700);font-size:.75rem;line-height:1.25rem}.auth-primary{border-radius:var(--auth-radius);background:var(--primary-700);width:100%;min-height:3rem;color:var(--on-primary);border:0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5rem;display:flex}.auth-primary:hover{background:var(--primary-600)}.auth-primary:active{transform:translateY(1px)}.auth-form>.auth-primary{margin-top:.25rem}.auth-forgot{color:var(--primary-700);align-self:flex-end;align-items:center;min-height:2.75rem;margin-block:-.75rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}.auth-alternative{color:var(--ink-700);justify-content:center;align-items:center;gap:1rem;margin-block:1.75rem 1rem;font-size:.75rem;line-height:1.25rem;display:flex}.auth-alternative:before,.auth-alternative:after{content:"";background:var(--line);flex:1;height:1px}.auth-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.auth-social button{border:1px solid var(--control-line);background:var(--surface);border-radius:var(--auth-radius);min-height:3rem;color:var(--ink-950);justify-content:center;align-items:center;gap:.5rem;padding:.625rem .375rem;font-size:.75rem;line-height:1.25rem;display:flex}.auth-social button:hover{background:var(--line);border-color:var(--ink-700)}.auth-switch{text-align:center;color:var(--ink-700);margin-top:2rem;font-size:.875rem;line-height:1.5rem}.auth-switch a,.auth-resend button,.auth-back{color:var(--primary-700);font-weight:500}.auth-switch a{align-items:center;min-height:2.75rem;display:inline-flex}.auth-switch a:hover,.auth-back:hover,.auth-forgot:hover,.auth-resend button:not(:disabled):hover{text-underline-offset:.25rem;text-decoration:underline}.auth-back{justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:1.5rem;font-size:.875rem;display:flex}.auth-otp-field{border:0;min-width:0;margin:0;padding:0}.auth-otp-field legend{margin-bottom:.75rem}.auth-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:.625rem;display:grid}.auth-otp input{border:1px solid var(--control-line);border-radius:var(--auth-radius);background:var(--surface);width:100%;min-width:0;height:3.75rem;color:var(--ink-950);text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--primary-700);font-size:1.5rem}.auth-form>.auth-hint{margin-top:-.5rem}.auth-resend{color:var(--ink-700);flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:1.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.auth-resend button{min-height:2.75rem;font-size:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0 .25rem}.auth-resend button:disabled{cursor:default;color:var(--ink-700)}.auth-resend-status{text-align:center;color:var(--ink-700);font-size:.75rem;line-height:1.25rem}.auth-error{color:var(--danger);font-size:.875rem;line-height:1.25rem}.auth-complete-note{background:var(--primary-100);color:var(--ink-950);border-radius:var(--auth-radius);align-items:center;gap:.625rem;margin-block:2rem;padding:1rem;font-size:.875rem;display:flex}.auth-complete-note svg{color:var(--success)}.auth-story{background:var(--line);border-radius:1rem;grid-column:span 6;padding:3rem}.auth-story h2{letter-spacing:-.035em;text-wrap:initial;font-size:1.75rem;font-weight:500;line-height:2.25rem}.auth-story-copy>p{color:var(--ink-700);max-width:37ch;margin-top:1rem;font-size:.875rem;line-height:1.5rem}.auth-preview{margin-top:2rem}.auth-preview-stage{width:100%;min-height:334px}.auth-milestone{background:var(--surface);border-radius:var(--auth-radius);width:100%;height:334px;padding:1.5rem;font-size:.875rem;line-height:1.25rem}.auth-milestone-top{color:var(--ink-700);align-items:center;gap:.5rem;font-size:.75rem;line-height:1.25rem;display:flex}.auth-milestone-top svg{width:1rem;height:1rem}.auth-milestone h3{letter-spacing:-.025em;margin-top:.75rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.auth-progress-label{color:var(--ink-700);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.75rem;line-height:1rem;display:flex}.auth-progress-label>span:last-child{white-space:nowrap}.auth-progress{background:var(--line);border-radius:1rem;height:4px;margin-top:.5rem;overflow:hidden}.auth-progress>span{background:var(--primary-700);transform-origin:0;width:100%;height:100%;display:block}.auth-sample-actions{margin:.75rem 0 0;padding:0;list-style:none}.auth-sample-actions li{align-items:center;gap:.625rem;min-height:2.25rem;font-size:.875rem;line-height:1.25rem;display:flex}.auth-sample-check{border:1px solid var(--control-line);border-radius:.25rem;flex:0 0 1rem;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.auth-sample-check svg{width:.75rem;height:.75rem}.auth-sample-actions .is-done{color:var(--ink-700)}.auth-sample-actions .is-done .auth-sample-check{border-color:var(--primary-700);color:var(--primary-700)}.auth-milestone-note{color:var(--ink-700);margin-top:1rem;font-size:.75rem;line-height:1.25rem}.auth-preview-action{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.75rem 0 .25rem;font-size:.875rem;line-height:1.25rem;display:flex}.auth-preview-action:hover{color:var(--primary-700)}.auth-preview-action>span{font-size:1.25rem}.auth-preview-caption{color:var(--ink-700);font-size:.75rem;line-height:1.25rem}.auth-story-foot{color:var(--ink-700);margin-top:2rem;font-size:.875rem;line-height:1.5rem}.auth-footer{min-height:5rem;color:var(--ink-700);padding-block:1rem;font-size:.75rem;line-height:1.25rem}.auth-dialog{border:1px solid var(--line);background:var(--surface);width:min(26rem,100% - 2.5rem);color:var(--ink-950);border-radius:1rem;margin:auto;padding:0;position:fixed;inset:0}.auth-dialog::backdrop{background:color-mix(in srgb, var(--ink-950) 32%, transparent)}.auth-dialog-content{padding:2rem}.auth-dialog h2{letter-spacing:-.025em;font-size:1.25rem;font-weight:600;line-height:1.75rem}.auth-dialog p{color:var(--ink-700);margin-block:1rem 1.5rem;font-size:.875rem;line-height:1.5rem}.auth-dialog-cancel{background:0 0;border:0;min-height:2.75rem;margin:.75rem auto 0;padding-inline:1rem;font-size:.875rem;display:block}.auth-dialog-cancel:hover{color:var(--primary-700)}@media (max-width:1100px){.auth-form-column,.auth-story{padding:2rem}.auth-story h2{font-size:1.5rem;line-height:2rem}.auth-milestone{padding:1.25rem}}@media (max-width:850px){.auth-main{max-width:29rem;padding-block:2rem 3rem;display:block}.auth-form-column{padding:0}.auth-story{display:none}.auth-footer{max-width:29rem}.auth-footer>span:first-child{display:none}.auth-footer>span:last-child{text-align:center;width:100%}}@media (max-width:600px){.auth-header,.auth-footer,.auth-main{width:calc(100% - 2.5rem)}.auth-header{min-height:5rem}.auth-header .wordmark{font-size:1.5rem}.auth-header-actions{gap:.75rem}.auth-main{margin-block:auto;padding-block:1.5rem 2rem}.auth-header-actions>a{font-size:.75rem}.auth-otp{gap:.5rem}.auth-otp input{height:3.25rem}.auth-screen h1{font-size:1.75rem;line-height:2.25rem}}@media (max-width:360px){.auth-social,.auth-social button{gap:.375rem}.auth-social svg{width:1rem;height:1rem}}.auth-form-column .cl-rootBox{width:100%;max-width:26rem;margin-inline:auto}.auth-form-column .cl-cardBox{width:100%;box-shadow:none}.auth-form-column .cl-card{box-shadow:none;border:1px solid var(--line);padding:1.5rem}