:root{font-family:system-ui,sans-serif;color:#173b35;background:#f2f4ef;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#153d35;color:#fff;padding:25px max(5vw,20px)}header a{color:#e7ca86}header h1{margin:0 0 8px;font-weight:600}main{max-width:1100px;margin:28px auto;padding:0 20px}h2{font-size:1.3rem}section,.card{background:white;border:1px solid #dae3dc;border-radius:14px;padding:22px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.grid section{margin:0}label{display:block;margin:12px 0 4px}input,textarea,select,button{font:inherit;padding:10px;border:1px solid #b7c9bd;border-radius:7px}input:not([type=checkbox]),textarea,select{width:100%}textarea{min-height:80px}button{background:#1c5748;color:white;cursor:pointer;margin:8px 8px 0 0}button.secondary{background:#fff;color:#173b35}button:disabled{opacity:.5}small,.muted{color:#62766d}audio{width:100%;margin:12px 0}pre{white-space:pre-wrap;word-break:break-word;background:#f2f4ef;padding:12px;max-height:300px;overflow:auto}details{margin:10px 0}.status{display:inline-block;border-radius:15px;background:#ece4c8;padding:4px 10px;font-size:.85rem}.error{color:#a02929}#notice{position:sticky;top:0;background:#fff4cc;padding:12px;z-index:2}#notice:empty{display:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>input[type=checkbox]{width:auto}a{color:#1c5748}.hidden{display:none}footer{margin:35px 0;color:#62766d}