#intro{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;background:linear-gradient(to bottom,var(--bg-top, #0b1020),var(--bg-bottom, #1b1740));transition:opacity .25s ease;-webkit-user-select:none;user-select:none}#intro.done{opacity:0;pointer-events:none}.intro-art svg{display:block;width:min(320px,78vw);height:auto}.intro-status{display:grid;justify-items:center;gap:14px;min-height:70px;margin-top:-36px;animation:intro-fade .3s ease both}.intro-status p{margin:0;color:var(--on-surface-variant, #b9c0d8);font:14px/1.6 Vazirmatn,Tahoma,system-ui,sans-serif}.intro-status.failed{padding:0 24px;text-align:center}.intro-error-title{color:var(--on-background, #e4e8f5)!important;font-weight:600!important}.intro-error-detail{max-width:46ch;font-size:12px!important;direction:ltr;word-break:break-word}@keyframes intro-fade{0%{opacity:0}}.intro-status[hidden]{display:none}.spinner{width:34px;height:34px;border:2.5px solid color-mix(in srgb,var(--on-surface, #e4e8f5) 12%,transparent);border-top-color:var(--primary, #6c8cff);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}