.rna-signin-page{--signin-background:var(--canvas);--signin-surface:var(--surface);--signin-border:var(--border-default);--signin-foreground:var(--text-primary);--signin-muted:var(--text-secondary);box-sizing:border-box;width:100%;min-height:100svh;padding:var(--s6) var(--s6) var(--s5);background:var(--signin-background);color:var(--signin-foreground);font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-rows:1fr auto;justify-items:center;display:grid}:root[data-color-scheme=dark] .rna-signin-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.rna-auth-column{align-self:center;align-items:stretch;gap:var(--s6);flex-direction:column;width:min(384px,100%);display:flex}.rna-auth-brand{color:var(--text-primary);justify-content:center;align-items:center;gap:6px;animation:.42s cubic-bezier(.2,.8,.2,1) both rna-auth-enter;display:flex}.rna-signin-logo{width:56px;height:auto;display:block}.rna-signin-page .rna-auth-card{box-sizing:border-box;gap:var(--s6);width:100%;padding:var(--s9) var(--s7);border:var(--border-width) solid var(--border-default);background:var(--surface);color:var(--signin-foreground);border-radius:16px;animation:.42s cubic-bezier(.2,.8,.2,1) 40ms both rna-auth-enter;display:grid;box-shadow:0 1px 2px #0000000f,0 12px 32px #00000014}@keyframes rna-auth-enter{0%{opacity:0;transform:translateY(6px)}}.rna-signin-page .rna-auth-header{justify-items:center;gap:var(--s2);text-align:center;padding:0;display:grid}.rna-auth-icon{width:44px;height:44px;margin-bottom:var(--s2);background:var(--surface-selected);color:var(--text-primary);border-radius:12px;place-items:center;display:grid}.rna-auth-icon svg{width:18px;height:18px}.rna-auth-icon .rna-spinner{--spinner-size:18px}.rna-signin-page :is(h1,h2,p){text-wrap:balance}.rna-signin-page h1.rna-auth-title{justify-content:center;align-items:center;gap:var(--s2);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--signin-foreground);outline:none;margin:0;font-weight:600;line-height:1.25;display:flex}.rna-signin-page .rna-auth-description{max-width:36ch;color:var(--signin-muted);font-size:var(--text-md);text-wrap:balance;margin:0;line-height:1.55}.rna-signin-page .rna-auth-content{gap:var(--s3);padding:0;display:grid}.rna-auth-content>form{gap:var(--s4);display:grid}.rna-auth-content>p{color:var(--signin-muted);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.rna-signin-page .rna-auth-button{gap:var(--s2);border:var(--border-width) solid var(--border-input,var(--signin-border));background:var(--surface);width:100%;height:40px;min-height:40px;color:var(--signin-foreground);font-size:var(--text-md);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:10px;font-weight:550;box-shadow:0 1px 2px #0000000d}.rna-signin-page .rna-auth-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle)}.rna-signin-page .rna-auth-button:active:not(:disabled){transform:translateY(1px)}.rna-signin-page form .rna-auth-button[type=submit]:not(.rna-signin-google){border-color:var(--chip-selected-surface);background:var(--chip-selected-surface);color:var(--chip-selected-text)}.rna-signin-page form .rna-auth-button[type=submit]:not(.rna-signin-google):hover:not(:disabled){border-color:var(--chip-selected-surface);background:color-mix(in srgb, var(--chip-selected-surface) 88%, var(--surface))}.rna-signin-page .rna-auth-link-button{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rna-signin-page .rna-auth-link-button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.rna-signin-page .rna-auth-divider{align-items:center;gap:var(--s3);color:var(--text-muted);font-size:var(--text-xs);margin:0;display:flex}.rna-signin-page .rna-auth-divider:before,.rna-signin-page .rna-auth-divider:after{content:"";height:var(--border-width);background:var(--border-default);flex:1}.rna-signin-page .rna-auth-staff{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;margin:0;display:block}.rna-auth-text-button{border:0;border-bottom:var(--border-width) solid var(--border-strong);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;padding:0;font-weight:500}.rna-auth-text-button:hover:not(:disabled){border-bottom-color:var(--text-primary)}.rna-auth-text-button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius-sm)}.rna-auth-text-button:disabled{cursor:wait;color:var(--text-secondary)}.rna-session-page .rna-auth-content{justify-items:center}.rna-session-page .rna-auth-button{width:auto;min-width:112px;height:36px;min-height:36px;padding-inline:var(--s5);border-color:var(--border-default);box-shadow:none;background:0 0}.rna-signin-page .rna-auth-button:disabled{opacity:.75;cursor:wait}.rna-signin-page :is(.rna-auth-button,.rna-input):focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.rna-google-mark{flex:none;width:16px;height:16px}.rna-signin-page .rna-auth-footnote{margin:calc(var(--s2) * -1) 0 0;padding-inline:var(--s5);color:var(--text-muted);font-size:var(--text-xs);text-align:center;text-wrap:balance;line-height:1.5;animation:.42s cubic-bezier(.2,.8,.2,1) 80ms both rna-auth-enter}.rna-auth-notice{gap:var(--s1);padding:14px var(--s4) var(--s4);border:var(--border-width) solid color-mix(in srgb, var(--warning) 22%, var(--border-default));background:color-mix(in srgb, var(--warning) 8%, var(--surface));text-align:start;border-radius:10px;display:grid}.rna-auth-notice h2{font-size:var(--text-base);margin:0;font-weight:600}.rna-auth-notice p{color:var(--signin-muted);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.rna-signin-error{padding:var(--s2) var(--s3);background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger);font-size:var(--text-sm);line-height:var(--leading-body);text-align:center;border-radius:10px;margin:0}.rna-signin-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rna-auth-footer{gap:var(--s2);padding-top:var(--s6);color:var(--text-muted);font-size:var(--text-xs);display:flex}.rna-auth-footer a{min-height:24px;padding-inline:var(--s1);color:var(--text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;align-items:center;display:inline-flex}.rna-auth-footer a:hover{color:var(--text-primary)}.rna-auth-footer a:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius-sm)}.rna-session-page[data-state=loading] .rna-auth-footer{visibility:hidden}@media (width<=420px){.rna-signin-page{padding-inline:var(--s4)}.rna-signin-page .rna-auth-card{padding:var(--s8) var(--s5)}}@media (prefers-reduced-motion:reduce){.rna-signin-page .rna-code-input[data-invalid],.rna-auth-brand,.rna-signin-page .rna-auth-card,.rna-signin-page .rna-auth-footnote{animation:none}.rna-signin-page .rna-auth-button{transition:none}}.rna-guest-form{gap:var(--s4);text-align:start}.rna-guest-form [data-slot=field]{gap:6px}.rna-guest-form [data-slot=label]{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.rna-guest-form .rna-input{background:var(--surface);height:38px;min-height:38px;color:var(--signin-foreground);font-size:var(--text-md)}.rna-guest-link,.rna-guest-back{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;align-self:center}.rna-guest-link:hover,.rna-guest-back:hover{color:var(--accent-text)}.rna-guest-apps{gap:var(--s3);text-align:start;margin:0;padding:0;list-style:none;display:grid}.rna-guest-apps li{padding:var(--s3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius)}.rna-guest-apps a{color:var(--text-primary);font-weight:550}.rna-guest-apps p{margin:var(--s1) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.rna-guest-form .rna-code-input{height:48px;min-height:48px;font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.rna-guest-form .rna-code-input::placeholder{color:var(--text-muted)}.rna-guest-form .rna-code-input[data-invalid]{border-color:var(--danger);color:var(--danger);animation:.38s cubic-bezier(.36,.07,.19,.97) both rna-code-shake}@keyframes rna-code-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}
