:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#183329;background:#f2f5f1;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:24px 16px 48px}header{margin-bottom:24px}h1{font-size:clamp(26px,6vw,36px);margin:10px 0}h2{font-size:18px;margin:0 0 12px}.badge{font-size:12px;font-weight:700;letter-spacing:.1em;color:#226e51}section{background:white;border:1px solid #d6e3d8;border-radius:16px;padding:20px;margin:16px 0}label{display:block;border:1px solid #b5cdbd;border-radius:10px;padding:14px;margin:10px 0;cursor:pointer}small{display:block;margin-left:25px;color:#53695c}input{accent-color:#216c50}.actions,.simulation{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{min-height:48px;font:inherit;border:1px solid #216c50;border-radius:10px;background:#216c50;color:white;padding:10px;cursor:pointer}.secondary,.simulation button{background:#f3f8f4;color:#183329}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e7ad33;outline-offset:3px}.note{font-size:13px;color:#53695c}#error{color:#a32d23;font-weight:700}#state{font-weight:700}#preset,#transcript{overflow-wrap:anywhere}pre{font-size:11px;max-height:280px;overflow:auto;white-space:pre-wrap;background:#f3f7f3;padding:12px;border-radius:8px}@media(max-width:360px){.simulation{grid-template-columns:1fr}}