.ui-auth{display:grid;min-height:100dvh;margin:0;padding:var(--ui-space-6) var(--ui-space-4);place-items:center}.ui-auth-card{position:relative;z-index:1;display:grid;gap:var(--ui-space-5);width:min(24rem,100%)}.ui-auth-mosaic{position:fixed;top:-12%;left:-12%;width:31%;height:31%;background-position:center;background-size:cover;transform-origin:0 0;transform:scale(4);filter:blur(3.5px) var(--ui-backdrop-tone);opacity:0;transition:opacity var(--ui-duration-slow) var(--ui-ease);pointer-events:none}.ui-auth.has-mosaic .ui-auth-mosaic{opacity:calc(var(--ui-backdrop-opacity) + .3)}.ui-auth.has-mosaic .ui-auth-card{padding:var(--ui-space-6);border-radius:var(--ui-radius-xl);background:var(--ui-material-thick);-webkit-backdrop-filter:var(--ui-material-blur);backdrop-filter:var(--ui-material-blur);box-shadow:var(--ui-material-edge),var(--ui-shadow-3)}.ui-auth-brand{display:grid;gap:var(--ui-space-2);justify-items:center;text-align:center}.ui-auth-brand h1,.ui-auth-brand p{margin:0}.ui-auth-brand p{color:var(--ui-label-secondary);font:var(--ui-text-subheadline)}.ui-auth-brand>.ui-icon{width:3rem;height:3rem;color:var(--ui-label-tertiary);stroke-width:1.5}.ui-auth-form{display:grid;gap:var(--ui-space-3)}.ui-auth .ui-row--field>.ui-row-text{flex-basis:6rem}.ui-auth-note{margin:0;padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-lg);background:var(--ui-accent-soft);color:var(--ui-label);font:var(--ui-text-subheadline);overflow-wrap:anywhere}.ui-auth-note--error{background:color-mix(in srgb,var(--ui-red) 16%,transparent)}.ui-auth-note--warning{background:color-mix(in srgb,var(--ui-orange, #ff9500) 18%,transparent)}.ui-auth-note--success{background:color-mix(in srgb,var(--ui-green, #34c759) 16%,transparent)}.ui-auth-card--error{width:min(34rem,100%)}.ui-auth-details{padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-lg);background:var(--ui-bg-grouped-secondary);font:var(--ui-text-footnote)}.ui-auth-details summary{color:var(--ui-label-secondary);cursor:pointer}.ui-auth-details pre{margin:var(--ui-space-2) 0 0;overflow-x:auto;color:var(--ui-label-secondary);font:.75rem/1.4 var(--ui-font-mono, ui-monospace, monospace)}.ui-auth-hint{margin:0;color:var(--ui-label-secondary);font:var(--ui-text-footnote);text-align:center}.ui-auth-password{display:grid;gap:var(--ui-space-3)}.ui-auth-password[hidden]{display:none}.ui-error{text-align:center}.ui-error-art .ui-empty-art{width:11rem;height:auto;margin:0 auto}.ui-error-code{margin:var(--ui-space-2) 0 0;color:var(--ui-accent-text);font:var(--ui-text-footnote);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ui-error-title{margin:var(--ui-space-1) 0 0;font:var(--ui-text-title-1);text-wrap:balance}.ui-error-message{margin:var(--ui-space-2) 0 var(--ui-space-4);color:var(--ui-label-secondary);font:var(--ui-text-body);text-wrap:pretty}.ui-auth-brand .ui-monogram{width:4rem;height:4rem;color:var(--ui-accent)}.ui-error-search{width:100%;margin-block:var(--ui-space-4)}.ui-error-search .ui-input{width:100%}.ui-error-recent{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:var(--ui-space-3);width:100%;margin:0 0 var(--ui-space-4);padding:0;list-style:none}.ui-error-recent a{display:grid;gap:var(--ui-space-1);color:var(--ui-label-secondary);font:var(--ui-text-caption);text-decoration:none}.ui-error-recent img{width:100%;aspect-ratio:2 / 3;border-radius:var(--ui-radius-sm);object-fit:cover}.ui-error-recent span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}