:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:#f5f6f8;color:#1c1e21}@media (prefers-color-scheme: dark){body{background:#14161a;color:#e6e8eb}}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:100%;max-width:480px;background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 2px 12px #00000014;text-align:center}@media (prefers-color-scheme: dark){.card{background:#1e2126;box-shadow:0 2px 12px #0006}}h1{margin:0 0 4px;font-size:20px}.sub{margin:0 0 24px;color:#8a8f99;font-size:14px}.status p{margin:0;font-size:15px}.loading{color:#8a8f99}.ok{color:#1a7f37}.error{color:#c0392b}@media (prefers-color-scheme: dark){.ok{color:#4cc38a}.error{color:#ff7b72}}.error button{margin-top:12px;padding:6px 20px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:14px;cursor:pointer}.error button:hover{opacity:.8}.spinner{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}