/* Shared account surfaces inherit the deck studio's canonical web/styles.css tokens. */
.access-shell { max-width: 580px; padding-block: 48px; }
.access-panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; }
.access-panel > * + * { margin-top: 18px; }
.access-panel form { display: grid; gap: 18px; }
.access-field label { display: block; margin-bottom: 6px; font-weight: 600; }
.access-input { display: flex; gap: 8px; }
.access-input input { width: 100%; min-width: 0; min-height: var(--control-height); padding: 10px; font-size: 16px; }
.access-input button { flex-shrink: 0; }
.access-submit { width: 100%; }
#submit-status { min-height: 1.5em; }
@media (max-width: 480px) { .access-shell { padding: 24px 12px; } .access-panel { padding: 20px; } .brand { font-size: 12px; letter-spacing: 1px; } }
@media (prefers-reduced-motion: reduce) { .access-panel * { transition: none; } }