:root{color-scheme:dark;--bg:#0a0b10;--bg-elev:#11131a;--bg-card:#121520;--text:#eef0f5;--muted:#a5adbd;--accent:#038bc1;--accent-soft:rgba(3, 139, 193, 0.18);--border:rgba(255, 255, 255, 0.08);--shadow:0 20px 60px rgba(0, 0, 0, 0.35)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(3,139,193,.12),transparent 45%),radial-gradient(circle at 80% 0,rgba(45,192,255,.12),transparent 40%),var(--bg);color:var(--text);font-family:Sora,"SF Pro Display",sans-serif}body.is-card-expanded{overflow:hidden}.glow{position:fixed;inset:-40% 0 auto;height:60%;background:radial-gradient(circle at 50% 50%,rgba(3,139,193,.15),transparent 60%);filter:blur(60px);z-index:0}.app{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:48px 24px 70px;display:flex;flex-direction:column;align-items:center;gap:28px}.top{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.top__logo{width:140px;height:auto;filter:drop-shadow(0 12px 26px rgba(3, 139, 193, .35))}.status{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:rgba(17,19,26,.8);border:1px solid var(--border);font-size:13px;color:var(--muted);box-shadow:var(--shadow)}.status__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.status[data-status=error] .status__dot{background:#ff6a6a;box-shadow:0 0 12px rgba(255,106,106,.7)}.status[data-status=loading] .status__dot{background:#f3c969;box-shadow:0 0 12px rgba(243,201,105,.7)}.status__updated{display:flex;gap:6px;color:var(--muted)}.status__refresh{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}.status__refresh:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.status__refresh:disabled{opacity:.5;cursor:default}.status[data-status=loading] .status__refresh i{animation:.8s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.metrics{width:100%;max-width:420px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.metric-card{background:linear-gradient(135deg,rgba(18,21,32,.95),rgba(10,12,18,.95));border-radius:18px;padding:22px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:190px;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,opacity .25s;position:relative}body.is-card-expanded .metric-card:not(.is-expanded){opacity:.15;transform:scale(.98);pointer-events:none}.metric-card:focus{outline:rgba(3,139,193,.4) solid 2px;outline-offset:3px}.metric-card:hover{transform:translateY(-2px);box-shadow:0 26px 70px rgba(0,0,0,.4)}.metric-card.is-expanded{position:fixed;inset:0;z-index:50;border-radius:0;padding:60px 32px 40px;background:linear-gradient(135deg,rgba(20,26,40,.98),rgba(10,12,18,.98));transform:none;align-items:center;text-align:center;justify-content:center;animation:.25s expandIn}.metric-card.is-expanded .metric-expanded,.metric-card.is-expanded .metric-foot,.metric-card.is-expanded .metric-head{display:none}.metric-card.is-expanded .metric-value{font-size:clamp(56px, 10vw, 120px);width:100%;display:flex;justify-content:center;text-align:center}.metric-card.is-expanded .metric-expanded-label{display:block;margin-top:16px}@keyframes expandIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.metric-head{display:flex;align-items:center;gap:12px}.metric-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(3,139,193,.12);border:1px solid rgba(3,139,193,.35);color:var(--accent);flex-shrink:0}.metric-icon svg{width:18px;height:18px}.metric-head h3{font-size:16px;font-weight:600}.metric-value{position:relative;font-size:clamp(32px, 5vw, 48px);font-weight:700;letter-spacing:-.02em;min-height:1.1em;overflow:hidden}.metric-number{position:absolute;left:0;top:0;width:100%;display:block;text-align:center;transition:transform .4s,opacity .4s}.metric-number--message{font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted);white-space:nowrap}.metric-card.is-expanded .metric-number--message{font-size:clamp(18px, 3vw, 28px)}.metric-expanded-label{display:none;font-size:12px;text-transform:uppercase;letter-spacing:.28em;color:var(--muted)}.metric-number.is-enter{transform:translateY(16px);opacity:0}.metric-number.is-enter.is-enter-active{transform:translateY(0);opacity:1}.metric-number.is-exit{transform:translateY(-16px);opacity:0}.metric-foot{color:var(--muted);font-size:13px;line-height:1.5}.metric-card[data-status=loading] .metric-value{color:transparent;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.4),rgba(255,255,255,.15));background-size:200% 100%;-webkit-background-clip:text;animation:1.6s ease-in-out infinite shimmer}.fullscreen-brand{position:absolute;top:24px;right:24px;display:none;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}.fullscreen-brand img{width:32px;height:32px;object-fit:contain}.metric-card:fullscreen .fullscreen-brand,body.is-fullscreen .metric-card.is-expanded .fullscreen-brand{display:inline-flex}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.footer{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(3,139,193,.08),transparent 70%);padding:1.2rem 1.5rem 1.8rem}.footer__inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.footer__brand{display:flex;align-items:center;gap:.75rem}.footer__logo{width:44px;height:auto;opacity:.9}.footer__legal{font-size:.68rem;color:rgba(238,240,245,.5);letter-spacing:.02em}.footer__links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.footer__link{font-size:.82rem!important;color:rgba(238,240,245,.7);text-transform:uppercase;letter-spacing:.08em}.footer__link--button{background:0 0;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.footer__link:hover{color:rgba(238,240,245,.95)}.footer__link--dev{color:rgba(238,240,245,.4)}.footer__social{display:flex;align-items:center;gap:.6rem}.footer__icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(238,240,245,.12);color:rgba(238,240,245,.65);transition:border-color .2s,color .2s}.footer__icon:hover{border-color:rgba(238,240,245,.4);color:rgba(238,240,245,.95)}@media (max-width:900px){.metrics{grid-template-columns:1fr}}@media (max-width:720px){.top{gap:10px}.metrics{grid-template-columns:1fr}.notice{flex-direction:column;align-items:flex-start}}