:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101a30;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;min-height:100svh;margin:0}button{touch-action:manipulation}main{width:min(100% - 40px,560px);margin:auto;padding:64px 0 36px}.badge{letter-spacing:.16em;color:#a5b4fc;font-size:12px;font-weight:750}h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(42px,8vw,64px);line-height:1.05}h1 span{color:#a5b4fc}.intro{color:#b6bfd3;max-width:440px;line-height:1.7}.card{background:#18233c;border:1px solid #34415c;border-radius:24px;flex-direction:column;align-items:center;margin:32px 0 24px;padding:32px 24px;display:flex}.label{letter-spacing:.13em;color:#aebbd4;font-size:11px}output{font-variant-numeric:tabular-nums;font-size:88px;font-weight:750;line-height:1.4}button{font:inherit;color:#172554;cursor:pointer;background:#c7d2fe;border:0;border-radius:12px;width:100%;padding:16px 24px;font-weight:700}button:hover{background:#e0e7ff}button:focus-visible{outline-offset:4px;outline:3px solid #fff}.reset{color:#b6bfd3;background:0 0;width:auto;padding:16px 12px 0;font-size:13px}.reset:hover{color:#fff;background:0 0}.status{align-items:center;gap:8px;font-size:14px;display:flex}.dot{background:#5ee6ab;border-radius:50%;width:8px;height:8px}.offline{background:#fbbf24}.hint{color:#aebbd4;margin:18px 0 36px;font-size:13px;line-height:1.7}footer{color:#93a4c3;letter-spacing:.1em;font-size:9px;line-height:1.8}@media (width<=420px){main{padding-top:36px}.card{padding:24px 20px}}