*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1115;color:#eaeaea}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:360px;background:#171a21;border:1px solid #262b35;border-radius:16px;padding:32px;text-align:center;display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:22px}.subtitle{margin:0;color:#9aa0aa;font-size:14px}input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2c3140;background:#0f1115;color:#eaeaea;font-size:15px}input:focus{outline:2px solid #5b8cff;outline-offset:1px}button{padding:12px 16px;border-radius:10px;border:none;background:#5b8cff;color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid #fff;outline-offset:2px}.controls{display:flex;gap:10px;justify-content:center}.end{background:#e5484d}.error{color:#ff8080;font-size:14px}.orb{width:72px;height:72px;margin:0 auto;border-radius:50%;background:#2c3140;transition:transform .15s ease,background .15s ease}.orb-active{background:#5b8cff;transform:scale(1.12)}