.auth-panel{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3);width:min(22rem,100%)}.auth-panel--inline{margin-top:var(--spacing-6)}.auth-title{font-size:var(--text-lg);font-weight:600;margin:0;line-height:var(--leading-tight);overflow-wrap:anywhere}.auth-hint{font-family:var(--font-mono)}.auth-hint,.auth-legal{font-size:var(--text-xs);color:var(--color-muted);margin:0}.auth-legal{line-height:var(--leading-snug)}.auth-legal a{color:inherit}.auth-code{font-family:var(--font-mono);letter-spacing:.3em;text-align:center}.auth-err{font-size:var(--text-sm);margin:0}.auth-bad,.auth-err{color:var(--color-bad)}.auth-bad-fill{background:var(--color-bad);border-color:var(--color-bad);color:var(--color-bg)}.auth-bad-fill:hover:not(:disabled){background:color-mix(in srgb,var(--color-bad) 90%,var(--color-bg));border-color:color-mix(in srgb,var(--color-bad) 90%,var(--color-bg))}.auth-divider{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-muted);font-size:var(--text-xs)}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-hairline)}.auth-google{display:flex;justify-content:center;min-height:var(--spacing-10);overflow:hidden}.auth-toggle{display:flex;gap:var(--spacing-2);align-items:flex-start;font-size:var(--text-sm);line-height:var(--leading-snug);cursor:pointer}.auth-toggle input{margin-top:2px;flex:none;accent-color:var(--color-ink)}.auth-pick-face{display:grid;justify-items:center;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.auth-shuffle{flex:none}.auth-karoo{--karoo-peek:5.5rem;position:relative;overflow:hidden;display:flex;align-items:center;min-height:6.75rem;padding:var(--spacing-3);padding-right:calc(var(--karoo-peek) + var(--spacing-6));border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-decoration:none}.auth-karoo:hover{background:var(--color-state-hover)}.auth-karoo-text{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-muted)}.auth-karoo-text strong{color:var(--color-ink);font-weight:600}.auth-karoo-device{position:absolute;right:var(--spacing-4);bottom:calc(var(--karoo-peek) * -1);width:var(--karoo-peek);pointer-events:none}.auth-karoo-device .karoo{max-width:none}.auth-account{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);max-width:28rem;margin-top:var(--spacing-6)}.auth-account--dialog{margin-top:0;max-width:none}.auth-account--dialog .auth-card{background:transparent;box-shadow:none;border-radius:0;padding:0}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--spacing-4);display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.auth-face{display:flex;gap:var(--spacing-3);align-items:center}.auth-face .auth-shuffle{margin-left:auto}.auth-face-who{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);min-width:0}.auth-face-who .auth-hint{overflow-wrap:anywhere}.auth-field{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.auth-value{font-size:var(--text-sm);line-height:var(--leading-body);margin:0;overflow-wrap:anywhere}.auth-warn{line-height:var(--leading-snug)}.auth-preview,.auth-warn{font-size:var(--text-xs);color:var(--color-muted);margin:0}.auth-preview{font-family:var(--font-mono);overflow-wrap:anywhere}.auth-row{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.auth-row .wb-field{width:auto;flex:1 1 12rem}.auth-row--between{justify-content:space-between}.auth-dialog-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:var(--spacing-3)}.auth-dialog{position:relative;background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--spacing-4);width:min(24rem,100%);max-height:90dvh;overflow-y:auto;display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3)}.auth-dialog:focus{outline:none}.auth-close{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:1;border-color:transparent;color:var(--color-muted)}.auth-close:hover{color:var(--color-ink)}.account-float{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:6}.account-float>.wb-btn,.account-float>span>.wb-btn{background:var(--color-bg);border-color:var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.account-float>.wb-btn:hover:not(:disabled),.account-float>span>.wb-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg))}.account-float .ui-avatar{display:block}.account-inline{position:relative;display:flex;align-items:center}.account-inline>.wb-btn--icon,.account-inline>span>.wb-btn--icon{border-color:transparent}.auth-account-menu{position:absolute;right:0;z-index:7;width:min(14rem,calc(100vw - var(--spacing-6)));padding:var(--spacing-1);display:grid;grid-gap:2px;gap:2px;background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.account-inline .auth-account-menu,.auth-account-menu{top:calc(100% + var(--spacing-2))}.auth-menu-heading{margin:var(--spacing-2) var(--spacing-2) var(--spacing-1);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.auth-menu-item{display:block;width:100%;padding:var(--spacing-2);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);text-align:left;text-decoration:none;cursor:pointer}.auth-menu-item:focus-visible,.auth-menu-item:hover{background:var(--color-state-hover);outline:none}.auth-menu-item--quiet{margin-top:var(--spacing-1);border-top:1px solid var(--color-hairline);border-radius:0}.auth-menu-item--disabled{color:var(--color-muted);cursor:default}.auth-menu-item--disabled:hover{background:transparent}.auth-settings-head{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);padding-right:var(--spacing-5)}.auth-settings-fieldset,.auth-settings-form{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3)}.auth-settings-fieldset{min-inline-size:0;margin:0;padding:0;border:0}.auth-settings-fields{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3)}.auth-settings-actions{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.auth-account-group{padding-top:var(--spacing-2);border-top:1px solid var(--color-hairline)}.auth-account-group,.auth-account-links{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.auth-account-links .auth-row{align-items:flex-start}@media (max-width:28rem){.auth-dialog{padding:var(--spacing-3)}.auth-face{align-items:flex-start}.auth-face .auth-shuffle{margin-left:auto}.auth-settings-actions .wb-btn{flex:1 1 auto}}