:root,.al-theme{--al-account-surface:var(--al-surface);--al-account-border:var(--al-border);--al-account-shadow:var(--al-shadow-card);--al-account-brand:var(--al-accent);--al-account-eyebrow:var(--al-muted);--al-account-text:var(--al-text);--al-account-muted:var(--al-muted);--al-account-label:var(--al-muted);--al-account-input-surface:var(--al-soft);--al-account-input-border:var(--al-border);--al-account-input-focus:var(--al-accent);--al-account-input-text:var(--al-text);--al-account-placeholder:var(--al-muted);--al-account-button:var(--al-accent);--al-account-button-shadow:var(--al-muted);--al-account-button-text:var(--al-on-accent);--al-account-quiet:var(--al-muted);--al-account-danger-surface:var(--al-soft);--al-account-danger-border:var(--al-border);--al-account-danger:var(--al-danger);--al-account-dim:var(--al-muted);--al-account-row-surface:var(--al-soft);--al-account-row-border:var(--al-border);--al-account-row-hover:var(--al-border);--al-account-row-text:var(--al-muted);--al-account-row-arrow:var(--al-muted);--al-account-input-error:var(--al-muted);--al-account-hint:var(--al-muted);--al-account-success-surface:var(--al-soft);--al-account-success-border:var(--al-border);--al-account-success:var(--al-success);--al-account-pill-surface:var(--al-soft);--al-account-pill-text:var(--al-muted);--al-account-action-quiet:var(--al-muted);--al-account-delete-surface:var(--al-soft)}[data-ui-theme=workshop][data-ui-mode=day],[data-ui-theme=workshop]:not([data-ui-mode]){--al-account-surface:#ffffffd1;--al-account-border:#93c5fd73;--al-account-shadow:0 0 0 1px #64a0dc1f, 0 24px 64px #1e50a026;--al-account-brand:#1d4ed8;--al-account-eyebrow:#60a5faa6;--al-account-text:#1e3a8a;--al-account-muted:#3b82f6b3;--al-account-label:#2563ebbf;--al-account-input-surface:#eff6ffb3;--al-account-input-border:#93c5fd80;--al-account-input-focus:#3b82f6a6;--al-account-input-text:#1e3a8a;--al-account-placeholder:#93c5fd8c;--al-account-button:#2563eb;--al-account-button-shadow:#2563eb38;--al-account-button-text:#fff;--al-account-quiet:#60a5fa8c;--al-account-danger-surface:#fee2e2b3;--al-account-danger-border:#fca5a580;--al-account-danger:#b91c1c;--al-account-dim:#3b82f6a6;--al-account-row-surface:#eff6ff8c;--al-account-row-border:#93c5fd4d;--al-account-row-hover:#60a5fa99;--al-account-row-text:#2563ebbf;--al-account-row-arrow:#93c5fd80;--al-account-input-error:#f87171bf;--al-account-hint:#60a5fa99;--al-account-success-surface:#dcfce7b3;--al-account-success-border:#86efac8c;--al-account-success:#15803d;--al-account-pill-surface:#bfdbfe73;--al-account-pill-text:#1e3a8ad9;--al-account-action-quiet:#6482b4a6;--al-account-delete-surface:#fee2e2d9}[data-ui-theme=workshop][data-ui-mode=night]{--al-account-surface:#080706c7;--al-account-border:#783c0040;--al-account-shadow:0 0 0 1px #7850001f, 0 24px 64px #000000b3;--al-account-brand:#fbbf24e6;--al-account-eyebrow:#b46400b3;--al-account-text:#fff1d2e6;--al-account-muted:#a05000b3;--al-account-label:#b46400cc;--al-account-input-surface:#0006;--al-account-input-border:#783c004d;--al-account-input-focus:#b4640099;--al-account-input-text:#fff1d2;--al-account-placeholder:#783c0080;--al-account-button:#b46400cc;--al-account-button-shadow:#b46e0040;--al-account-button-text:#fff;--al-account-quiet:#783c0099;--al-account-danger-surface:#1905054d;--al-account-danger-border:#781e1e66;--al-account-danger:#f87171;--al-account-dim:#a0500099;--al-account-row-surface:#0f0c0880;--al-account-row-border:#783c0040;--al-account-row-hover:#b4640066;--al-account-row-text:#dcb450bf;--al-account-row-arrow:#783c0066;--al-account-input-error:#dc3c3ca6;--al-account-hint:#b46e008c;--al-account-success-surface:#05190a4d;--al-account-success-border:#1e783c66;--al-account-success:#6ee796;--al-account-pill-surface:#783c004d;--al-account-pill-text:#ffdc96d9;--al-account-action-quiet:#b464008c;--al-account-delete-surface:#781e1e59}
.al-account-controls{top:var(--al-space-4);right:var(--al-space-4);z-index:20;align-items:center;gap:var(--al-space-3);display:flex;position:absolute}.al-account-shell{z-index:10;min-height:100vh;padding:var(--al-space-16) var(--al-space-4);color:var(--al-account-text);position:relative}.al-account-centered{justify-content:center;align-items:center;display:flex}.al-account-content{width:100%;margin:0 auto}.al-account-sm{max-width:384px}.al-account-md{max-width:672px}.al-account-card{background:var(--al-account-surface);border:1px solid var(--al-account-border);box-shadow:var(--al-account-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:36px 32px}.al-account-heading{margin-bottom:var(--al-space-8)}.al-account-centered .al-account-heading{text-align:center}.al-account-brand{color:var(--al-account-brand);font-size:var(--al-font-2xl);font-weight:var(--al-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.al-account-eyebrow{margin-top:var(--al-space-1);color:var(--al-account-eyebrow);font-size:var(--al-font-xs);letter-spacing:.1em;text-transform:uppercase}.al-account-brand-small{font-size:var(--al-font-xs)}.al-account-role{border:1px solid var(--al-account-row-border);color:var(--al-account-dim)}.al-account-title{color:var(--al-account-text)}.al-account-muted{color:var(--al-account-muted)}.al-account-quiet,.al-account-back{color:var(--al-account-quiet)}.al-account-dim{color:var(--al-account-dim)}.al-account-label{color:var(--al-account-label)}.al-account-hint{color:var(--al-account-hint)}.al-account-error-text{color:var(--al-account-danger)}.al-account-back{font-size:var(--al-font-xs);transition:color var(--al-motion-fast)}.al-account-back:hover{color:var(--al-account-brand)}.al-account-input{border-radius:var(--al-space-2);width:100%;min-width:0;font-size:var(--al-font-sm);background:var(--al-account-input-surface);border:1px solid var(--al-account-input-border);color:var(--al-account-input-text);caret-color:var(--al-account-input-text);transition:border-color var(--al-motion-fast);outline:none;padding:10px 14px;line-height:1.5}.al-account-input::placeholder{color:var(--al-account-placeholder)}.al-account-input:focus{border-color:var(--al-account-input-focus)}.al-account-input[aria-invalid=true],.al-account-input[aria-invalid=true]:focus{border-color:var(--al-account-input-error)}.al-account-submit{border-radius:var(--al-space-2);width:100%;font-size:var(--al-font-sm);font-weight:var(--al-weight-medium);color:var(--al-account-button-text);background:var(--al-account-button);box-shadow:0 2px 12px var(--al-account-button-shadow);transition:opacity var(--al-motion-fast), transform var(--al-motion-fast);padding:10px 16px}.al-account-submit:hover{opacity:.9}.al-account-submit:active{transform:scale(.98)}.al-account-submit:disabled,.al-account-action:disabled{opacity:.5;cursor:not-allowed}.al-account-notice{margin-top:var(--al-space-5);border-radius:var(--al-space-2);font-size:var(--al-font-xs);padding:10px 14px}.al-account-danger{background:var(--al-account-danger-surface);border:1px solid var(--al-account-danger-border);color:var(--al-account-danger)}.al-account-success{background:var(--al-account-success-surface);border:1px solid var(--al-account-success-border);color:var(--al-account-success)}.al-account-row,.al-account-action{background:var(--al-account-row-surface);border:1px solid var(--al-account-row-border);border-radius:var(--al-space-2)}.al-account-action{justify-content:space-between;align-items:center;gap:var(--al-space-3);width:100%;min-width:0;color:var(--al-account-row-text);font-size:var(--al-font-sm);text-align:left;transition:border-color var(--al-motion-fast), color var(--al-motion-fast);padding:10px 16px;display:flex}.al-account-action:hover{border-color:var(--al-account-row-hover)}.al-account-action-icon{color:var(--al-account-row-arrow);flex-shrink:0;display:flex}.al-account-action-quiet,.al-account-delete{color:var(--al-account-action-quiet)}.al-account-action-quiet:hover{color:var(--al-account-danger);border-color:var(--al-account-danger-border)}.al-account-pill{background:var(--al-account-pill-surface);color:var(--al-account-pill-text)}.al-account-delete[data-confirming=true]{background:var(--al-account-delete-surface);color:var(--al-account-danger)}.al-account-action:focus-visible,.al-account-submit:focus-visible,.al-account-back:focus-visible,.al-account-delete:focus-visible{outline:2px solid var(--al-account-input-focus);outline-offset:3px}