*{box-sizing:border-box}body{margin:0;background:#0b1117;color:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:540px;margin:auto;padding:26px 18px 50px}header,nav{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{margin:4px 0 24px;font-size:28px}h2{font-size:27px}h3{font-size:17px;margin-top:26px}p{line-height:1.5}small,i{color:#91a1b2}i{font-style:normal;font-size:13px}em{font-style:normal;color:#74f1ba;font-size:11px;font-weight:800;letter-spacing:.08em}.hero,.note,article,#result{background:#141d26;border:1px solid #293847;border-radius:22px;padding:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.stats div{background:#141d26;border:1px solid #293847;border-radius:15px;padding:13px 8px;display:flex;flex-direction:column}.stats span{font-size:11px;color:#91a1b2}.mode{width:100%;margin:5px 0;padding:16px;border:1px solid #293847;border-radius:18px;background:#141d26;color:white;display:grid;grid-template-columns:38px 1fr auto;text-align:left;font-size:24px}.mode span{display:flex;flex-direction:column;font-size:16px;gap:3px}.note{margin-top:16px}.note b{color:#74f1ba}button{font:inherit;color:inherit}.rec{text-align:center;padding:34px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.rec button{width:112px;height:112px;border-radius:50%;border:7px solid #18372c;background:#74f1ba;font-size:40px}.rec button.on{background:#ff8f8f}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button,#send,#redo,#listen,#back{padding:12px;border-radius:13px;border:1px solid #293847;background:#192532}#send{background:#74f1ba;color:#07120d;font-weight:800}button:disabled{opacity:.4}article{margin-top:18px}article small{letter-spacing:.12em}hr{border:0;border-top:1px solid #293847}#loading,#error{margin-top:15px;padding:15px;border-radius:14px;background:#141d26}#error{background:#321d22;color:#ffb6b6}nav{margin-bottom:18px;color:#91a1b2}