.door{min-height:100vh;padding:var(--space-7);background:var(--color-bg-surface);justify-content:center;align-items:center;display:flex}.door__panel{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;max-width:440px;display:flex}.door__title{letter-spacing:-.028em;color:var(--color-text-primary);font-size:30px;font-weight:650;line-height:1.1}.door__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.error-door{min-height:70vh;padding:var(--space-9) var(--space-5);background:var(--color-bg-canvas);place-items:center;display:grid}.error-door__sheet{gap:var(--space-4);border-radius:var(--radius-sheet);background:var(--color-bg-surface);flex-direction:column;max-width:520px;padding:40px;display:flex}.error-door__title{font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height)}.error-door__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.door-key{height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.door-key--ink{background:var(--color-brand-default);color:var(--color-brand-on-brand)}.door-key--ink:hover{background:color-mix(in srgb, var(--color-brand-default) 88%, var(--color-brand-on-brand))}.door-key--ink:active{background:color-mix(in srgb, var(--color-brand-default) 80%, var(--color-brand-on-brand))}.door-key--soft{background:var(--tonal);color:var(--color-text-primary)}.door-key--soft:hover{background:var(--tonal-hover)}@media (max-width:720px){.door__title{font-size:26px}}@media (prefers-reduced-motion:reduce){.door-key{transition:none}}