:root{font-family:system-ui,sans-serif;color:#eee;background:#13161b}main{max-width:720px;margin:3rem auto;padding:1.5rem}h1{color:#ffba66}section{padding:1.5rem;background:#202630;border-radius:14px;margin:1rem 0}label{display:block;margin:1rem 0}input,textarea,select{display:block;box-sizing:border-box;width:100%;padding:.8rem;background:#10151d;color:#fff;border:1px solid #657184;border-radius:6px;margin-top:.4rem}button{padding:.8rem;margin:.3rem;border:0;border-radius:6px;background:#ffba66;color:#161616;cursor:pointer}button:disabled{opacity:.4;cursor:default}audio{width:100%}#message{color:#ffce89}#answer,#transcript{white-space:pre-wrap}p{line-height:1.5}