:root{--brand:#2255df;--page-background:#f4f7fb;--surface:#fff;--text:#202124;--text-muted:#5f6368;--text-inverse:var(--surface);--danger:#c62828;--border:#dce2ec;--overlay:#00000073;color:var(--text);font-family:Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-background);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.loading-state,.error-state{color:#5f6368;text-align:center;background:var(--page-background);place-content:center;justify-items:center;gap:14px;min-height:100svh;padding:24px;display:grid}.loading-state p,.error-state h1,.error-state p{margin:0}.error-state h1{color:#202124}.error-state p{max-width:320px;line-height:1.5}.spinner{border:3px solid #dbe5fa;border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.retry-button{color:#fff;background:var(--brand);border:0;border-radius:6px;min-height:42px;padding:0 20px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}