:root{font:17px/1.7 system-ui,sans-serif;color:#eaf1e8;background:#10231e;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:40px 24px}header{font-weight:800;letter-spacing:2px;display:flex;gap:10px;align-items:center}header span{color:#c5ee85}small{margin-left:auto;font-size:12px;letter-spacing:0;color:#bac9bf}h1{font-size:clamp(30px,7vw,46px);line-height:1.2;margin-top:60px}section{background:#1b332b;border:1px solid #365447;border-radius:24px;padding:30px;margin:24px 0}#say{font-size:clamp(24px,5vw,34px);line-height:1.5;margin-top:0}#hint{color:#d0deb9}#feedback,.note{color:#a9beb2;font-size:14px}.buttons{display:flex;flex-wrap:wrap;gap:12px}button{font:inherit;border:1px solid #526e5e;background:#243e32;color:#fff;padding:12px 20px;border-radius:24px;cursor:pointer}#start{background:#c8f19a;color:#18311f;font-weight:700}button:disabled{opacity:.4;cursor:default}details{border-top:1px solid #365447;padding:20px 0}summary{cursor:pointer}textarea{width:100%;min-height:110px;font:inherit;padding:15px;margin:15px 0;border-radius:16px}audio{width:100%}.clip{padding:12px 0}a{color:#c8f19a}#status{min-height:30px;color:#c8f19a}