:root{--ink:#123d3b;--teal:#007c7a;--line:#cfdfdc;--paper:#f4f7f5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.6}.workshop{max-width:1440px;padding:24px}.hero{padding:28px;background:#063e3a;color:#fffbeb;border-radius:18px;margin-bottom:22px}.hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.mode{background:#ffffff12;border-left:3px solid #f5cb45;padding:12px;margin:16px 0 0}.card{border:1px solid var(--line);border-radius:14px;min-width:0}h2{font-size:1.2rem;font-weight:750}h3{font-size:1rem;font-weight:700}.tip{background:#e6f4ef;border-left:3px solid var(--teal);padding:12px}.btn{min-height:44px;white-space:normal}.btn-primary{background:#007c7a;border-color:#007c7a}.actions{display:flex;flex-wrap:wrap;gap:8px}.form-control,.form-select{min-height:44px}.code,pre{font:13px/1.65 ui-monospace,Consolas,monospace}pre{background:#102f32;color:#e8fffa;border-radius:9px;padding:14px;max-height:330px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}textarea.code{overflow-wrap:anywhere;white-space:pre-wrap}.chart{width:100%;min-height:210px}.chart svg{display:block;width:100%;height:auto}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;overflow-wrap:anywhere}.legend span{border-inline-start:4px solid;padding-inline-start:6px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:start;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}a{color:#006a70}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc6900;outline-offset:3px}summary{cursor:pointer;min-height:44px}#moment{min-height:44px}#config-status[data-error=true]{color:#ad1631}.row>*{min-width:0}footer a{display:inline-block;max-width:100%;overflow-wrap:anywhere}@media(max-width:576px){.workshop{padding:10px}.hero{padding:18px}.actions .btn{flex:1 1 140px}.hero h1{font-size:1.9rem}.card.p-3{padding:14px!important}pre{font-size:12px}.chart{min-height:160px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}