:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#23352b;background:#f4f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:840px;margin:auto;padding:32px 22px}header,.row,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}.brand{font-size:22px;font-weight:750;color:#355e38}.tag,.eyebrow{font-size:12px;letter-spacing:2px;color:#65815a}.intro{padding:44px 0 26px}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1px;margin:10px 0}h2{font-size:20px;margin:0 0 20px}.row h2{margin:0;flex:1}.row{margin-bottom:18px}p{line-height:1.8}.card{background:#fffef8;border:1px solid #e0e5d8;border-radius:24px;padding:26px;margin-bottom:18px}.hint{color:#667461;font-size:13px}label{display:block;font-size:14px;margin:14px 0}input:not([type=range]),select,textarea{display:block;width:100%;margin:9px 0;padding:13px;border:1px solid #d2dbc9;background:white;color:inherit;border-radius:10px;font:inherit}textarea{font-family:monospace;font-size:12px;overflow-wrap:anywhere}button{border:0;border-radius:10px;padding:12px 18px;background:#3f623a;color:white;cursor:pointer;font:inherit;font-size:14px}button.secondary{background:#edf1e5;color:#3f623a}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9cb93;outline-offset:3px}.volume input{display:block;width:100%;margin-top:15px;accent-color:#3f623a}.volume output{float:right}.recording{border-top:1px solid #e2e8da;padding:16px 0}.recording p{margin:0 0 10px}.recording audio{display:block;width:100%;margin:12px 0}#notice{position:sticky;bottom:12px;white-space:pre-wrap;background:#243b2b;color:white;border-radius:12px;padding:14px;box-shadow:0 4px 20px #0001}#notice:empty{display:none}footer{text-align:center;color:#7a8674;font-size:12px;padding:24px 0}#credentials-box{margin-top:24px} [hidden]{display:none!important}@media(max-width:500px){main{padding:24px 16px}.card{padding:20px}.intro{padding-top:30px}}