:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111b28;color:#edf5ff}*{box-sizing:border-box}body{margin:0}main{max-width:33rem;margin:auto;padding:32px 18px}header{display:flex;align-items:center;gap:12px;color:#aac1d6;font-size:.78rem;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(2.4rem,9vw,3.5rem);letter-spacing:-.055em;margin:24px 0 6px}.intro,#ru,footer{color:#aec0d1;line-height:1.55}.card{background:#1b293a;border:1px solid #334962;border-radius:22px;padding:18px;margin:22px 0}.pair{display:flex;justify-content:space-between;gap:6px;font-weight:700;margin-bottom:24px;color:#9debdc}label{display:block;font-size:.86rem;color:#c4d3e3}input,button,audio{width:100%;font:inherit}input{height:46px;margin:6px 0 15px;border:1px solid #526983;background:#121e2c;color:#fff;border-radius:10px;padding:0 12px}button{min-height:56px;border:0;border-radius:14px;background:#9debdc;color:#12282a;font-weight:750;cursor:pointer}button span{margin-right:7px}button:disabled{opacity:.6;cursor:wait}#status{min-height:1.5em;font-size:.9rem;margin-bottom:0}h2{margin-top:0;font-size:1.1rem}#zh{font-size:1.35rem;overflow-wrap:anywhere}footer{font-size:.8rem}#secure a{color:#9debdc}