.account-panel{max-width:34rem;margin-inline:auto}.ac-stage{justify-items:center;height:265px;display:grid;position:relative;overflow:hidden}.ac-card{z-index:1;background:radial-gradient(120% 90% at 85% 10%, color-mix(in srgb, var(--mystery-teal) 12%, transparent), transparent 60%), linear-gradient(135deg, var(--mystery-raised), var(--mystery-surface));border:1px solid var(--mystery-border);width:min(310px,84vw);height:178px;box-shadow:var(--shadow-lg);color:var(--mystery-text);transform:translateY(calc(64% - var(--print,0) * 14%));transition:transform var(--dur-slow) var(--ease-lab);border-radius:14px;padding:16px;position:absolute;bottom:74px;overflow:hidden}.account-panel[data-phase=issued] .ac-card{transition:transform .7s var(--ease-clunk);transform:translateY(0)}.account-panel[data-phase=retracting] .ac-card{transition:transform .6s var(--ease-lab);transform:translateY(64%)}.account-panel[data-phase=busy] .ac-card{animation:ac-print-judder .5s var(--ease-lab) infinite}@keyframes ac-print-judder{0%,to{transform:translateY(calc(64% - var(--print,0) * 14%))}25%{transform:translateY(calc(64% - var(--print,0) * 14% - 2px))}65%{transform:translateY(calc(64% - var(--print,0) * 14% + 1px))}}.ac-card-stripe{background:linear-gradient(180deg, var(--mystery-amber), var(--mystery-teal));width:8px;position:absolute;inset:0 auto 0 0}.ac-card-chip{background:linear-gradient(135deg, var(--mystery-amber), color-mix(in srgb, var(--mystery-amber) 55%, #7a5b16));opacity:.9;border-radius:5px;width:34px;height:24px;position:absolute;top:18px;right:18px}.ac-card-chip:after{content:"";border:1px solid #00000059;border-radius:2px;position:absolute;inset:6px 8px}.ac-avatar{background:color-mix(in srgb, var(--mystery-teal) 22%, var(--mystery-surface));border:2px solid var(--mystery-teal);width:52px;height:52px;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--mystery-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;left:24px}.ac-card-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:52px;left:24px;right:24px;overflow:hidden}.ac-card-mail{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--mystery-text-muted);white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:30px;left:24px;right:24px;overflow:hidden}.ac-card-tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mystery-amber);font-size:.6rem;position:absolute;bottom:10px;left:24px}.ac-shine{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff29 50%,#0000 58%);position:absolute;inset:-20% -60%;transform:translate(-120%)}.account-panel[data-phase=issued] .ac-shine{animation:ac-shine-sweep 1s var(--ease-lab) .55s both}@keyframes ac-shine-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.ac-deck{z-index:2;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);background:linear-gradient(180deg, var(--bg-raised), var(--bg-sunken));border:1px solid var(--border-strong);width:min(360px,92vw);height:84px;box-shadow:var(--shadow-md);position:absolute;bottom:0}.ac-slot{background:var(--bg);border:1px solid var(--border-strong);border-radius:3px;width:min(322px,86vw);height:6px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0006}.ac-led{background:var(--primary);width:10px;height:10px;animation:ac-pulse 2.2s var(--ease-lab) infinite;border-radius:50%;position:absolute;top:18px;right:20px}.account-panel[data-phase=busy] .ac-led{animation-duration:.45s}.account-panel[data-phase=issued] .ac-led{background:var(--accent);animation:none}.ac-deck-label{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);font-size:.6rem;position:absolute;bottom:14px;left:20px}.ac-status{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--text-muted);display:flex}.account-panel[data-phase=issued] .ac-dot{background:var(--accent)}.account-panel[data-phase=busy] .ac-dot{background:var(--primary);animation:ac-pulse .6s var(--ease-lab) infinite}.ac-dot{background:var(--text-faint);width:8px;height:8px;transition:background-color var(--dur-base) var(--ease-lab);border-radius:50%;flex:none}@keyframes ac-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ac-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ac-console{margin-top:var(--space-6);animation:ac-in var(--dur-base) var(--ease-lab)}.ac-tabs{gap:var(--space-1);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-sunken);grid-template-columns:1fr 1fr;padding:4px;display:grid}.ac-tab{border-radius:calc(var(--radius-lg) - 4px);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--text-muted);transition:background-color var(--dur-fast) var(--ease-lab), color var(--dur-fast) var(--ease-lab);padding:.6rem 1rem}.ac-tab.is-active{background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow-sm)}.ac-providers{gap:var(--space-2);display:grid}.ac-provider{justify-content:center;gap:var(--space-2)}.ac-or{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);display:flex}.ac-or:before,.ac-or:after{content:"";border-top:1px dashed var(--border);flex:1}.ac-submit-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.ac-guest{font-size:var(--text-sm);color:var(--text-muted)}.ac-demo-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-faint)}.ac-member .ac-welcome{align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ac-provider-tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-faint);font-weight:400}.ac-phone-row{gap:var(--space-2);display:flex}.ac-phone-row input{flex:1;min-width:0}.ac-member-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}
