*{box-sizing:border-box}body{margin:0;background:#f8f4ee;color:#292725;font:16px/1.65 system-ui,-apple-system,Microsoft YaHei,sans-serif}main{max-width:1180px;margin:auto;padding:20px;padding-bottom:env(safe-area-inset-bottom,20px)}header{display:flex;justify-content:space-between;gap:15px;font-size:22px;padding:12px 0}header span,small{font-size:13px;color:#736a62}section{background:#fff;padding:20px;border-radius:16px;margin:14px 0;border:1px solid #e5ddd4}h2{font-size:20px;margin:0 0 12px}h3{font-size:17px}p{margin:10px 0}button,.button{font:inherit;border:1px solid #dfd5cb;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;display:inline-block;margin:4px}button:disabled{opacity:.5}button.active,.actions>button:first-child{background:#ff5938;color:#fff;border-color:#ff5938}nav,.actions{display:flex;gap:5px;flex-wrap:wrap}input,textarea,select{font:inherit;width:100%;padding:12px;border:1px solid #d8cfc5;border-radius:10px;margin:8px 0}textarea{min-height:230px}.notice{background:#fff0df;padding:12px;border-radius:12px}.columns{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,2fr);gap:16px}.row{width:100%;text-align:left;display:grid;margin:6px 0}.row small{display:block}.audio{border-top:1px solid #ddd;margin-top:16px}audio{width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;background:#faf7f2;padding:12px;border-radius:10px}details{border-bottom:1px solid #eee;padding:8px 0}@media(max-width:700px){main{padding:12px}header{font-size:19px}.columns{display:block}section{padding:16px}nav{flex-wrap:nowrap;overflow:auto}nav button{white-space:nowrap;font-size:14px}button{min-height:44px}textarea{min-height:240px}}@media(prefers-color-scheme:dark){body{background:#181a1b;color:#eee}section,button,input,textarea,select{background:#25282a;color:#eee;border-color:#484138}.notice,pre{background:#34302a}small,header span{color:#bcb2a7}}