:root{color-scheme:dark;--bg: #0a0a0f;--surface: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .08);--text: #f4f4f8;--text-muted: rgba(244, 244, 248, .62);--gradient-text: linear-gradient(135deg, #ff9ad5 0%, #ffa06a 45%, #9f8bff 100%)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 20% 15%,rgba(123,92,255,.18) 0%,transparent 45%),radial-gradient(circle at 85% 10%,rgba(255,110,196,.14) 0%,transparent 40%),radial-gradient(circle at 50% 110%,rgba(255,139,74,.1) 0%,transparent 45%),var(--bg);overflow:hidden}.mesh{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hud{position:fixed;z-index:1;display:flex;flex-direction:column;gap:.5rem;max-width:240px}.hud--tl{top:1.25rem;left:1.25rem}.hud--tr{top:1.25rem;right:1.25rem;align-items:flex-end}.hud--bl{bottom:1.25rem;left:1.25rem}.hud--br{bottom:1.25rem;right:1.25rem;align-items:flex-end}.hud__item{padding:.5rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:inline-flex;flex-direction:column;gap:.2rem}.hud--tr .hud__item,.hud--br .hud__item{align-items:flex-end}.hud__label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#f4f4f880}.hud__value{font-size:.82rem;color:var(--text);line-height:1.3;overflow-wrap:anywhere}.info-grid{display:none;width:100%;max-width:460px;grid-template-columns:1fr 1fr;gap:.5rem}.info-grid__item{padding:.6rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:.2rem;text-align:left}@media (max-width: 640px){.page{padding:1.5rem 1rem 2rem;flex-direction:column;align-items:center;gap:1rem}.card{padding:2rem 1.25rem}.hud{display:none}.info-grid{display:grid}}.card{position:relative;z-index:1;width:100%;max-width:460px;padding:2.25rem 2rem;border-radius:16px;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 64px #00000080;text-align:center;color:var(--text)}.card__header h1{margin:0 0 .5rem;font-size:2rem;font-weight:800;letter-spacing:-.02em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.card__subtitle{margin:0 0 2rem;color:var(--text-muted);font-size:.95rem}.counter{padding:2.5rem 1.5rem;border-radius:12px;background:#00000040;border:1px solid var(--surface-border);position:relative;overflow:hidden}.counter:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 50% 40%,rgba(255,110,196,.16) 0%,transparent 55%),radial-gradient(circle at 50% 60%,rgba(123,92,255,.16) 0%,transparent 55%);pointer-events:none}.count{font-size:4rem;font-weight:800;line-height:1;margin:0;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.count__label{margin:.75rem 0 0;color:var(--text-muted);font-size:.95rem}.card__footer{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.card__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff6ec4,#7b5cff);box-shadow:0 0 10px #ff6ec499}.status{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-muted);padding:2rem 0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:#ff6ec4;animation:spin .8s linear infinite}.error{color:#fca5a5;background:#ef444424;border:1px solid rgba(239,68,68,.32);border-radius:10px;padding:.75rem 1rem;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}