.demo-start h2,.demo-play h2{margin:0}.demo-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.demo-fine{color:var(--mp-muted);margin:4px 0 0;font-size:.78rem;line-height:1.5}.demo-error{background:color-mix(in srgb,#c62828 14%,var(--mp-surface));color:#e05252;border-radius:8px;margin:0;padding:10px 12px;font-size:.88rem}.demo-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-cat{color:var(--mp-muted);margin:0;font-size:.8rem;font-weight:650}.demo-stem{color:var(--mp-strong);white-space:pre-line;margin:0;font-size:1.08rem;line-height:1.65}.demo-opts{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.demo-opts>*{border:1px solid var(--mp-border);background:var(--mp-surface);color:var(--mp-text);font:inherit;text-align:left;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.5;display:flex}.demo-opts.is-play>button{cursor:pointer}.demo-opts.is-play>button:hover:not(:disabled){border-color:var(--acc);background:var(--mp-soft)}.demo-opts.is-play>button:disabled{cursor:default}.demo-opts>* b{border:1px solid var(--mp-border-strong);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.8rem;display:grid}#mp-energy-app .demo-opts>button:disabled{opacity:1;color:var(--mp-text)}#mp-energy-app .demo-opts>[data-state=correct],.demo-opts>[data-state=correct]{background:color-mix(in srgb,#1f8a5b 14%,var(--mp-surface));color:var(--mp-strong);border-color:#1f8a5b}#mp-energy-app .demo-opts>[data-state=correct] b,.demo-opts>[data-state=correct] b{color:#fff;background:#1f8a5b;border-color:#1f8a5b}#mp-energy-app .demo-opts>[data-state=wrong],.demo-opts>[data-state=wrong]{background:color-mix(in srgb,#c62828 12%,var(--mp-surface));color:var(--mp-strong);border-color:#c62828}#mp-energy-app .demo-opts>[data-state=wrong] b,.demo-opts>[data-state=wrong] b{color:#fff;background:#c62828;border-color:#c62828}.demo-exp-box{background:var(--mp-soft);border-left:3px solid #1f8a5b;border-radius:0 10px 10px 0;padding:12px 14px;font-size:.92rem;line-height:1.6}.demo-exp-box.is-bad{border-left-color:#c62828}.demo-exp-box em,.demo-exp em{color:var(--mp-muted);font-size:.84rem;font-style:normal}.demo-review{border-bottom:1px solid var(--mp-border);padding:8px 0}.demo-review:last-child{border-bottom:0}.demo-review summary{cursor:pointer;color:var(--mp-strong);padding:6px 0;font-weight:650}.demo-review summary .xs-pill{margin-right:8px}.demo-review .demo-stem{margin:8px 0;font-size:.98rem}.demo-exp{color:var(--mp-text);margin:8px 0 0;font-size:.9rem;line-height:1.6}@media (max-width:640px){.demo-top{flex-direction:column;align-items:flex-start}.demo-actions>*{flex:calc(50% - 5px)}}