:root{--color-bg: #f7fafc;--color-text: #1a202c;--color-muted: #4a5568;--color-faint: #a0aec0;--color-primary: #000;--color-on-primary: #fff;--color-error: #c53030;--color-success: #2f855a;--radius: 8px;--gap: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg)}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100dvh}.layout{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);padding:24px 16px;text-align:center}.layout__title{font-size:1.4rem}.layout__body{display:flex;flex-direction:column;align-items:center;gap:var(--gap);max-width:360px}.layout__body p{color:var(--color-muted);line-height:1.4}.button{background:var(--color-primary);color:var(--color-on-primary);border:none;padding:14px 32px;border-radius:var(--radius);font-size:1rem;cursor:pointer}.layout__body .error{color:var(--color-error)}.layout__body .detail{font-size:.75rem;color:var(--color-faint);word-break:break-word}.done-mark{font-size:3rem;color:var(--color-success)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:32px;height:32px;border:3px solid var(--color-faint);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}