.chem-learning-shell{padding:18px 22px;border-bottom:1px solid #e6dfed;background:linear-gradient(135deg,#fdfcff,#f4effd)}.chem-mode-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.chem-mode-row>div:first-child{display:grid;gap:3px}.chem-kicker{color:#b07816;font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.chem-mode-row strong{color:#101438;font-size:1.05rem}.chem-difficulty{display:flex;padding:4px;border-radius:999px;background:#e9e3f3}.chem-difficulty button{border:0;border-radius:999px;background:transparent;padding:8px 12px;color:#625772;font-weight:800;cursor:pointer}.chem-difficulty button.active{background:#4b2ebf;color:#fff}.chem-learning-shell details{margin-top:13px;padding:12px 14px;border:1px solid #ddd5e8;border-radius:12px;background:#fff}.chem-learning-shell summary{cursor:pointer;color:#4b2ebf;font-weight:900}.chem-learning-shell details p{margin:8px 0 0;color:#5e5569;font-size:.83rem;line-height:1.65}.chem-coach{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.chem-coach span{flex:1;min-width:220px;color:#5e5569;font-size:.78rem}.chem-coach b{color:#4b2ebf;font-size:.72rem}.chem-progress{height:5px;margin-top:13px;border-radius:99px;background:#e2dced;overflow:hidden}.chem-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4b2ebf,#d09a32);transition:width .25s}.chem-extension{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px;padding:24px;border-top:1px solid #e3dceb;background:#fbfaff}.chem-extension>div:first-child h4{margin:6px 0 8px;color:#101438;font-size:1.3rem}.chem-extension>div:first-child p,.chem-caption{color:#6d6378;font-size:.78rem;line-height:1.6}.chem-extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.chem-result{display:grid;gap:4px;padding:15px;border:1px solid #ddd6e8;border-radius:12px;background:#fff}.chem-result b{color:#4b2ebf}.chem-result span{color:#6d6378;font-size:.74rem;line-height:1.45}.mass-spectrum{display:flex;align-items:end;justify-content:center;gap:34px;height:180px;padding:18px;border-left:2px solid #6b6177;border-bottom:2px solid #6b6177}.mass-spectrum i{position:relative;width:9px;min-height:8px;background:#4b2ebf}.mass-spectrum b{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);color:#101438;font-style:normal}.ion-series{display:flex;align-items:end;justify-content:center;gap:12px;min-height:175px;margin-bottom:14px}.ion-series span{display:grid;place-items:center;width:calc(42px + var(--ion)*36px);height:calc(42px + var(--ion)*36px);border-radius:50%;background:rgba(75,46,191,.13);border:2px solid #4b2ebf;text-align:center}.ion-series small{font-size:.58rem}.mistake-case{display:grid;gap:13px}.mistake-case code{padding:16px;border-radius:11px;background:#16133f;color:#fff;line-height:1.7}.mistake-case textarea{width:100%;margin-top:7px;padding:11px;border:1px solid #d7d1e2;border-radius:9px;resize:vertical}.chem-bond-details{margin-top:0}.chem-extension h5{margin:0 0 12px;color:#101438;font-size:1rem}.chem-celebration{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;align-items:center;gap:12px;transform:translateY(140%);opacity:0;padding:16px 20px;border-radius:16px;background:#16133f;color:#fff;box-shadow:0 18px 50px rgba(15,10,45,.28);transition:.3s}.chem-celebration.show{transform:translateY(0);opacity:1}.chem-celebration>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d7a53a;color:#16133f;font-size:1.4rem}.chem-celebration div{display:grid}.chem-celebration small{margin-top:3px;color:#d9d2e7}.geometry-canvas{transition:transform .2s;transform-style:preserve-3d}.chem-extension input,.chem-extension select{width:100%;margin-top:7px;padding:10px;border:1px solid #d7d1e2;border-radius:9px;background:#fff}.chem-extension label{font-size:.78rem;font-weight:800;color:#4f465b}.chem-extension .feedback{margin-top:10px}
.chem-context-hint{display:grid;grid-template-columns:auto minmax(170px,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e4deed}.chem-context-hint span{color:#5e5569;font-size:.78rem;line-height:1.5}.chem-context-timer{padding:8px 11px;border-radius:999px;background:#eee8fa;color:#4b2ebf;font-size:.72rem;white-space:nowrap}.chem-context-ready .atom-challenge button,.chem-context-ready .challenge-card button,.chem-context-ready .prediction-zone button,.chem-context-ready .advanced-work>aside button,.chem-context-ready .custom-equation button,.chem-context-ready .figure-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:154px;min-height:44px;padding:10px 16px;line-height:1.2}
@media(max-width:900px){.chem-extension{grid-template-columns:1fr}.chem-extension-grid{grid-template-columns:1fr}.chem-mode-row{align-items:flex-start;flex-direction:column}.chem-difficulty{width:100%;justify-content:space-between}.chem-difficulty button{flex:1}}
@media(max-width:600px){.chem-learning-shell,.chem-extension{padding:17px}.chem-difficulty{display:grid;grid-template-columns:1fr}.chem-context-hint{grid-template-columns:1fr}.chem-context-hint button{width:100%}.chem-context-timer{justify-self:start}.chem-context-ready .atom-challenge button,.chem-context-ready .challenge-card button,.chem-context-ready .prediction-zone button,.chem-context-ready .advanced-work>aside button,.chem-context-ready .custom-equation button,.chem-context-ready .figure-controls button{width:100%}.ion-series{gap:4px;overflow:auto;justify-content:flex-start}.chem-celebration{left:14px;right:14px;bottom:14px}}