.exp-conditions{display:flex;gap:9px;margin:0 0 14px}.exp-conditions button{flex:1;min-height:44px}.exp-conditions [aria-pressed=true]{background:var(--accent,#258a77);color:var(--bg,#fff)}
.exp-conditions button{white-space:normal;overflow-wrap:anywhere;min-width:0}.exp-variable{font-weight:700;font-size:15px;line-height:1.7}.exp-native[hidden],.exp-native [hidden]{display:none!important}.exp-native [inert]{opacity:.55}.exp-native-work article{padding:18px;border:1px solid var(--line,#d6dfd7);border-radius:12px;margin:15px 0}.exp-native-work figure{display:inline-block;margin:10px}.exp-native-work [aria-pressed=true]{outline:3px solid #409b7c}
.exp-native-work{scroll-margin-top:85px}.exp-native{scroll-margin-top:85px}#step-controls details{padding:12px 0;font-size:14px;line-height:1.8}
.exp-native{--ink:#173f34;--muted:#4d645b;--panel:#fffdf7;--soft:#eef4ed;--line:#d0ddd3;--bg:#f5f4eb;--accent:#237b64;background:var(--panel);color:var(--ink)}
[data-theme=dark] .exp-native{--ink:#edf6e9;--muted:#b5c9be;--panel:#112b29;--soft:#193b34;--line:#34544b;--bg:#10211f;--accent:#8edab3}
.exp-native-work button,.exp-native>button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 17px;font:inherit;min-height:44px;cursor:pointer}
.exp-native p,.exp-native h2,.exp-native h3,.exp-native h4{color:var(--ink)}.exp-native a{color:var(--accent)}.exp-native-grid img{width:48%;height:80px;object-fit:cover;border-radius:8px}.exp-native-grid strong{display:block;margin-top:8px}
.exp-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.exp-readings p{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--soft,#edf3ed);border-radius:12px;font-size:12px;overflow-wrap:anywhere}.exp-readings b{font-size:21px}.exp-condition-copy,.exp-status,.exp-log{font-size:14px;line-height:1.85}.exp-status{padding:10px;border-left:3px solid var(--accent,#258a77)}
#step-controls pre{white-space:pre-wrap;font-size:11px;max-width:100%;overflow-wrap:anywhere}#step-controls input[type=number],#step-controls textarea{max-width:100%;width:100%;padding:10px;font:inherit}#step-controls label{display:block;line-height:1.8;margin:10px 0}#step-controls input[type=range]{width:100%}
.exp-check{display:flex!important;align-items:start;gap:12px;font-size:16px;line-height:1.8;padding:18px;background:var(--soft,#edf3ed);border-radius:12px;margin:10px 0}.exp-check input{margin-top:7px}
.exp-memory{min-height:200px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:25px;font-size:27px;background:var(--soft,#edf3ed);border-radius:14px}.exp-spatial{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exp-spatial button{height:65px;border:1px solid var(--line,#ccc);border-radius:12px;background:var(--panel,var(--paper,var(--bg,#fff)));color:var(--ink,#234)}.exp-spatial button.marked,.exp-spatial button[aria-pressed=true]{background:var(--accent,#278c73);color:var(--bg,#fff)}
.exp-native{max-width:1160px;margin:35px auto;padding:25px;color:var(--ink,#153b30);border:1px solid var(--line,#d2dfd6);border-radius:22px;background:var(--panel,var(--paper,var(--bg,#fff)))}.exp-native>h2{font-size:30px}.exp-native-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.exp-native-grid button{padding:18px;border:1px solid var(--line,#c9dacf);border-radius:14px;background:var(--soft,#f0f5ee);color:inherit;text-align:left;line-height:1.7;cursor:pointer;min-height:80px}.exp-native-work{margin-top:24px}.exp-native-work button{min-height:44px;margin:6px;padding:10px 16px;cursor:pointer}.exp-native-work img{max-width:220px;max-height:200px;object-fit:contain}.exp-native-work canvas{width:100%;height:auto}.exp-native-work audio{max-width:100%}
@media(max-width:640px){.exp-readings{grid-template-columns:1fr}.exp-readings p{padding:10px;margin:0}.exp-native{margin:20px 10px;padding:18px}.exp-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-native>h2{font-size:24px}.exp-memory{font-size:23px;padding:15px}.exp-native-work img{max-width:45%}}