:root{color-scheme:dark}*{margin:0;box-sizing:border-box}body{background:#1a1712;color:#e8dcc3;font-family:system-ui,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}h1{font-size:2rem;letter-spacing:.3em;text-transform:uppercase}.subtitle{color:#8a7d63}.tick{font-size:6rem;font-variant-numeric:tabular-nums;line-height:1;margin-top:2rem}.label{color:#8a7d63;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.status{margin-top:2rem;font-size:.9rem}.connected{color:#7fb069}.disconnected{color:#c94f4f}