*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#26345f,#101529 55%);font-family:system-ui,sans-serif;color:#f7f8ff;display:grid;place-items:center;padding:20px}main{width:min(680px,100%);background:#171d35dd;border:1px solid #ffffff22;border-radius:24px;padding:28px;box-shadow:0 24px 80px #0008}h1{margin:0;font-size:2rem}.sub{color:#b9c4ee;margin-top:6px}label{display:block;margin:18px 0 8px;color:#dbe2ff}input,textarea{width:100%;margin-top:7px;padding:13px;border-radius:12px;border:1px solid #6572a2;background:#0d1225;color:#fff;font:inherit}textarea{resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button{border:0;border-radius:12px;padding:12px 18px;font-weight:700;background:#768cff;color:#08102a;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#status{color:#aab8ee}#reply{white-space:pre-wrap;line-height:1.55;background:#0d1225;border-radius:14px;padding:16px;min-height:80px}.note{font-size:.85rem;color:#98a4cf}audio{width:100%;margin-top:14px}