*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:#f7f7f2;color:#243b37;font:14px system-ui,sans-serif}body>header{display:flex;align-items:center;gap:10px;padding:6px 12px;flex-shrink:0;border-bottom:1px solid #dfe4dc;min-height:48px;flex-wrap:wrap}header a{color:#315e4f;font-size:12px;padding:8px 0}header h1{font-size:15px;margin:0;flex:1;min-width:0}header nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{font:inherit;color:inherit;cursor:pointer;min-height:40px;padding:7px 10px;background:#fffefa;border:1px solid #bdcbbb;border-radius:8px}iframe{flex:1;width:100%;min-height:0;border:0;background:white}#status{padding:16px;line-height:1.8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf941d;outline-offset:2px}[hidden]{display:none!important}.audio-dialog{width:calc(100% - 28px);max-width:450px;max-height:85dvh;overflow:auto;border:1px solid #bdcbbb;border-radius:16px;background:#f7f7f2;color:#243b37;padding:20px}.audio-dialog::backdrop{background:#152c2266}.audio-dialog h2{margin:0 0 16px;font-size:20px}.audio-dialog label{display:flex;align-items:center;gap:10px;margin:14px 0;min-height:32px}.audio-dialog select{min-height:40px;flex:1;font:inherit}.audio-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:380px){body>header{gap:5px 10px;padding:5px 8px}header nav{gap:9px}header h1{flex-basis:45%}}@media print{body>header,#status,.audio-dialog{display:none}iframe{height:100vh}}