.py-workbench{display:grid;grid-template-columns:minmax(0,1fr) 245px;background:#071b29;align-items:start}#py-scene{min-width:0}#py-scene svg{display:block;width:100%;height:auto}.py-controls{background:#112d3d;padding:24px;border-left:1px solid #d1aa5233}.py-control{display:block;font-size:14px;color:#bdd3dd;margin-bottom:24px;line-height:1.6}.py-control>span{display:flex;justify-content:space-between;gap:12px}.py-control output{color:#78dfd0;font-weight:bold;white-space:nowrap}.py-control input{display:block;width:100%;min-height:32px;accent-color:#78dfd0;margin-top:10px}.py-control select{display:block;width:100%;font:inherit;background:#071b29;color:#ffe6b9;border:1px solid #78dfd066;padding:12px;border-radius:10px;margin-top:10px}.py-controls button,.py-learning button{font:inherit;font-weight:bold;padding:12px 16px;min-height:46px;border:1px solid #e4bd76;border-radius:12px;background:#e4bd76;color:#102535;cursor:pointer}.py-controls button{font-size:14px;background:transparent;color:#e4bd76}.py-learning button:disabled{opacity:.35;cursor:default}.py-learning button[aria-pressed=true]{outline:2px solid #78dfd0;outline-offset:3px}.py-learning{padding:28px 38px 40px;line-height:1.8;overflow-wrap:anywhere}.py-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 26px}.py-stats>div{display:flex;flex-direction:column;gap:12px;background:#112e3e;padding:20px;border-radius:16px;border-top:2px solid var(--side)}.py-stats span{font-size:13px;color:#afcbd6}.py-stats strong{color:var(--side);font-size:26px;line-height:1.3}.py-stats small{font-size:15px}.py-eq{color:#f0c77d;font-size:25px;line-height:1.6}.py-note{border-left:3px solid #78dfd0;background:#78dfd009;padding:18px 20px;color:#bdd3dd;font-size:16px}.py-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.py-small{font-size:13px;color:#a5c2ce;line-height:1.7}.py-task{border:1px dashed #c7a9ec;border-radius:16px;background:#c7a9ec08;padding:20px;margin-top:28px}.py-task strong{color:#c7a9ec}.py-task p{margin:7px 0}.py-steps{display:grid;gap:18px;margin-top:22px}.py-steps article{border:1px solid #78dfd033;border-radius:16px;padding:20px;background:#78dfd005}.py-steps article>span{font-size:12px;color:#78dfd0;letter-spacing:1px}.py-steps .py-eq{margin:10px 0}.py-check{display:flex;gap:10px;align-items:center;font-size:14px;color:#bdd3dd;margin-bottom:24px}.py-check input{width:23px;height:23px;accent-color:#78dfd0}.py-problem{background:#071b29;padding:24px;border-radius:18px}.py-problem form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.py-problem form label{width:100%}.py-problem input{background:#153849;border:1px solid #78dfd066;border-radius:10px;font:inherit;color:#ffe6b9;padding:12px;max-width:180px}.py-learning summary{padding:13px;color:#f0c77d;cursor:pointer;border:1px solid #d1aa5233;border-radius:10px}.py-learning details{margin-top:20px}@media(max-width:1250px){.py-workbench{grid-template-columns:1fr}.py-controls{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.py-controls button{align-self:center}.py-control{margin-bottom:16px}}@media(max-width:650px){.py-learning{padding:24px 20px 28px}.py-controls{padding:20px;gap:0 18px}.py-control>span{flex-direction:column;gap:2px}.py-stats{grid-template-columns:1fr 1fr;gap:10px}.py-stats>div{padding:16px}.py-stats>div:last-child{grid-column:1/-1}.py-eq{font-size:22px}.py-problem{padding:20px}.py-problem button{width:100%}}