:root{font-family:system-ui,sans-serif;color:#243444;background:#f7f3ea}body{margin:0;padding:5vh 20px}main{max-width:580px;margin:auto}.brand{color:#677760;letter-spacing:.08em;font-size:.8rem}h1{font-size:3rem;line-height:1.1;margin:.4em 0}section{background:white;border:1px solid #deded2;border-radius:18px;padding:24px;margin:28px 0}button,select{font:inherit;padding:12px 16px;border-radius:9px;border:1px solid #c6cebd;background:#f2f5ed;color:#243444;margin:4px 6px 4px 0;cursor:pointer}button:disabled{opacity:.5;cursor:default}#status{font-size:1.2rem;font-weight:600}#preview{padding:12px;background:#fff1c2;border-radius:9px}.note,#expires{color:#667078;font-size:.9rem}label{display:block}#account{overflow-wrap:anywhere}[hidden]{display:none!important}

input{font:inherit;padding:12px;border:1px solid #c6cebd;border-radius:9px;max-width:90%}audio{width:100%}.result{border-top:1px solid #deded2;padding:14px 0}.result p{margin:4px 0}.result h4{margin:4px 0}#catalog-fixture{font-size:.9rem;color:#667078}#playing{font-weight:600}