.shape-lab-shell{--sh-blue:#123f52;--sh-teal:#0b7181;--sh-pale:#edf8f8;background:#f7faf9;min-height:calc(100vh - 76px);padding-bottom:36px}.shape-lab-head{background:linear-gradient(118deg,#102f46,#155d70 60%,#167685);color:#fff;padding:32px 0 39px}.shape-lab-back{color:#d9f2f4;text-decoration:none;font-weight:750;font-size:.9rem}.shape-lab-title-row{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-top:18px}.shape-lab-head .eyebrow{color:#ffd2ad}.shape-lab-head h1{margin:4px 0 10px;font-size:clamp(2.15rem,5vw,4.1rem);line-height:1.02;letter-spacing:-.045em;max-width:850px}.shape-lab-head p{margin:0;max-width:760px;color:#dceff2;font-size:1.04rem}.shape-board-controls{display:grid;gap:10px;justify-items:end;flex:0 0 auto}.shape-board-switch{display:flex;background:rgba(255,255,255,.1);padding:5px;border:1px solid rgba(255,255,255,.28);border-radius:12px}.shape-board-switch button{border:0;background:transparent;color:#ecf8fa;font-weight:800;padding:9px 14px;border-radius:8px}.shape-board-switch button.is-active{background:#fff;color:var(--sh-blue)}.shape-extension-toggle{font-size:.8rem;color:#eaf7f8;display:flex;align-items:center;gap:8px;cursor:pointer}.shape-extension-toggle input{width:17px;height:17px;accent-color:#fff}.shape-lab-body{margin-top:-1px}.shape-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 15px 15px;overflow:hidden;box-shadow:0 8px 22px rgba(13,58,76,.06)}.shape-mode-tabs button{border:0;border-right:1px solid var(--line);background:#fff;padding:15px 12px;font-weight:800;color:#49606b}.shape-mode-tabs button:last-child{border-right:0}.shape-mode-tabs button span{display:block;font-size:.68rem;letter-spacing:.12em;color:#8a989e}.shape-mode-tabs button.is-active{background:#e8f6f8;color:var(--sh-blue);box-shadow:inset 0 -3px 0 var(--cyan)}.shape-session-bar{display:flex;align-items:center;margin:26px 0 14px;border-bottom:1px solid var(--line)}.shape-session-bar>div{display:grid;min-width:108px;padding:0 18px 12px;border-right:1px solid var(--line)}.shape-session-bar>div:first-child{padding-left:0}.shape-session-bar small{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#74838a;font-weight:800}.shape-session-bar strong{color:var(--navy);font-size:1.04rem}.shape-session-bar button{margin-left:auto;margin-bottom:11px;background:transparent;border:1px solid #91a7ad;border-radius:9px;padding:8px 12px;color:var(--navy);font-weight:750}.shape-workspace{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,42px);box-shadow:var(--shadow-soft);min-height:470px}.sh-kicker{text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--teal2);font-size:.76rem;margin:0 0 8px}.sh-question-title{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12;color:var(--navy);margin:0 0 8px}.sh-question-copy{color:var(--muted);margin:0 0 25px;max-width:820px}.sh-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:30px;align-items:start}.sh-control-panel{display:grid;gap:20px}.sh-control-group{border-top:1px solid var(--line);padding-top:16px}.sh-control-group:first-child{border-top:0;padding-top:0}.sh-control-group>strong{display:block;font-weight:800;color:var(--navy);margin-bottom:9px}.sh-button-row{display:flex;flex-wrap:wrap;gap:8px}.sh-chip{border:1px solid #aebfc4;background:#fff;border-radius:10px;padding:10px 13px;color:var(--navy);font-weight:750}.sh-chip:hover{background:#eef8f9;border-color:#78aab4}.sh-chip.is-selected{border-color:#0b7181;background:#e8f6f6;box-shadow:inset 0 0 0 1px #0b7181}.sh-chip[disabled]{opacity:.4;cursor:not-allowed}.sh-result-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sh-result-readout article{border:1px solid #d2e0e2;background:#f7fbfb;border-radius:12px;padding:13px}.sh-result-readout small{display:block;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#7a8c91;font-size:.68rem}.sh-result-readout strong{display:block;color:var(--navy);margin-top:3px}.sh-scope-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:850;background:#e7f6ef;color:#216a48}.sh-scope-pill.is-extension{background:#fff1df;color:#855014}.sh-viewer-card{position:sticky;top:90px;border:1px solid #cbdcdf;background:linear-gradient(180deg,#f8fcfc,#edf6f7);border-radius:18px;padding:14px;overflow:hidden}.sh-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2px 4px 10px}.sh-viewer-top strong{color:var(--navy)}.sh-viewer-top span{font-size:.76rem;color:#6b7f85}.sh-molecule-viewer{height:330px;touch-action:none;cursor:grab;user-select:none}.sh-molecule-viewer:active{cursor:grabbing}.sh-molecule-viewer svg{width:100%;height:100%;display:block}.sh-viewer-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #d8e5e6;padding:10px 4px 0}.sh-viewer-controls label{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#546a72;font-weight:700}.sh-formula-card{display:flex;align-items:center;gap:20px;padding:18px 0 22px}.sh-formula{display:grid;place-items:center;min-width:116px;min-height:88px;background:var(--sh-pale);border:1px solid #b8d8de;border-radius:16px;font-size:2rem;font-weight:850;color:var(--sh-blue)}.sh-formula-card div:last-child{display:grid;gap:2px}.sh-formula-card strong{font-size:1.2rem;color:var(--navy)}.sh-formula-card small{color:var(--muted)}.sh-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sh-answer-block{border:1px solid #d4e0e2;border-radius:13px;padding:14px}.sh-answer-block>strong{display:block;color:var(--navy);margin-bottom:10px}.sh-select{width:100%;min-height:44px;border:1px solid #aebfc4;border-radius:9px;padding:9px 11px;background:#fff;color:var(--navy);font-weight:700}.sh-submit{margin-top:20px;border:0;border-radius:11px;padding:12px 19px;background:var(--teal);color:#fff;font-weight:800}.sh-submit:disabled{opacity:.42;cursor:not-allowed}.sh-hint{margin-left:8px;background:transparent;border:1px solid #9bb3b9;border-radius:10px;padding:10px 13px;color:var(--navy);font-weight:750}.sh-hint-box{margin-top:13px;padding:13px 15px;background:#fff8e9;border:1px solid #eed8a9;border-radius:10px;color:#6d511d}.shape-feedback,.shape-explanation{margin-top:14px;border-radius:14px;padding:18px 20px}.shape-feedback.is-good{background:#ecf8ef;border:1px solid #b9dfc1;color:#155b36}.shape-feedback.is-bad{background:#fff2f0;border:1px solid #efc8c1;color:#832f2f}.shape-feedback strong{display:block;font-size:1.05rem}.shape-feedback span{display:block;margin-top:3px}.shape-explanation{background:#f2f6f5;border:1px solid #d5dfdd;color:var(--ink)}.shape-explanation h2{margin:0 0 10px;color:var(--navy);font-size:1.2rem}.sh-diagnostic-list{margin:12px 0 0;padding-left:20px}.sh-diagnostic-list li{margin:5px 0}.sh-angle-card{max-width:780px}.sh-angle-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}.sh-angle-option{border:1px solid #aebfc4;background:#fff;border-radius:11px;padding:15px;text-align:left;color:var(--navy);font-weight:750}.sh-angle-option.is-selected{border:2px solid var(--teal);background:#eaf7f6}.sh-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.sh-comparison article{background:#f5faf9;border:1px solid #d4e2e1;border-radius:12px;padding:14px;text-align:center}.sh-comparison strong{display:block;font-size:1.25rem;color:var(--navy)}.sh-comparison span{display:block;color:#63777d;font-size:.84rem}.sh-exam-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 15px;background:#f6f2ff;border:1px solid #ddd3f5;border-radius:11px;margin-bottom:20px}.sh-exam-banner strong{color:#4f3c86}.sh-exam-banner span{font-size:.82rem;color:#6b5d90}.shape-board-note{margin-top:18px;padding:15px 18px;border-left:4px solid var(--teal);background:#eef7f7;color:#38535b}.shape-board-note strong{color:var(--navy)}.shape-lab-foot{display:flex;justify-content:space-between;gap:20px;color:#7b898e;font-size:.78rem;padding:20px 2px 0}.shape-lab-foot a{color:#59737c}.sh-mini-model{height:190px;margin-top:10px}.sh-mini-model svg{width:100%;height:100%}@media(max-width:850px){.shape-lab-title-row{display:grid;align-items:start}.shape-board-controls{justify-items:start}.sh-split{grid-template-columns:1fr}.sh-viewer-card{position:relative;top:auto;order:-1}.shape-session-bar>div{min-width:88px;padding-left:10px;padding-right:10px}.shape-scope-status{display:none}.sh-answer-grid{grid-template-columns:1fr}}@media(max-width:620px){.shape-lab-head{padding-top:24px}.shape-mode-tabs{grid-template-columns:repeat(2,1fr)}.shape-mode-tabs button:nth-child(2){border-right:0}.shape-mode-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.shape-session-bar{flex-wrap:wrap;gap:8px;border-bottom:0}.shape-session-bar>div{border:1px solid var(--line);border-radius:9px;padding:8px 10px;min-width:82px}.shape-session-bar>div:first-child{padding-left:10px}.shape-session-bar button{margin:0 0 0 auto}.shape-workspace{padding:20px 16px;min-height:420px}.sh-molecule-viewer{height:270px}.sh-result-readout,.sh-angle-options,.sh-comparison{grid-template-columns:1fr}.shape-lab-foot{display:grid}.sh-formula-card{align-items:flex-start}.sh-formula{min-width:94px}.sh-answer-block{padding:12px}}
.sh-viewer-note{margin:9px 4px 2px;color:#6d8086;font-size:.72rem;line-height:1.35}