.science-page{padding-top:0}.page-head{margin-bottom:28px}h1{letter-spacing:-.04em;font-size:28px;font-weight:800}.sub-text{color:var(--muted);margin-top:6px;font-size:14px;font-weight:500}.sub-link{color:#00b8a9;border-bottom:1px solid #00b8a959;font-weight:700;text-decoration:none}.sub-link:hover{color:#007a70;border-bottom-color:#007a70}.beta-lesson-notice{border-radius:var(--r-lg);background:linear-gradient(90deg,#fd52001a,#00b8a90f);border:1.5px solid #fd520047;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.beta-lesson-pill{text-transform:uppercase;letter-spacing:.08em;background:var(--brand);color:#fff;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:900}.beta-lesson-notice p{color:var(--text2);margin:0;font-size:13px;font-weight:700;line-height:1.5}.beta-lesson-feedback{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:900;text-decoration:underline}.navigation-shelf{margin-bottom:28px}.tabs-scroll-container{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-bottom:20px;display:flex}.tab-pill{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;gap:3px;padding:12px 20px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.science-page .tab-pill:hover{background:#00b8a90d;border-color:#00b8a9;transform:translateY(-2px)}.science-page .tab-pill.active{color:#fff;background:linear-gradient(135deg,#2dd4bf,#00b8a9);border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 20px #00b8a959}.tab-label{letter-spacing:-.01em;font-size:14px;font-weight:800;line-height:1}.tab-subtext{opacity:.7;font-size:10px;font-weight:600;line-height:1}.tab-pill.active .tab-subtext{opacity:.9}.view-meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.view-title{letter-spacing:-.03em;color:var(--text);font-size:20px;font-weight:800}.stats-badge{color:var(--muted);background:var(--surface);border:2px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid;position:relative}.lesson-card{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);flex-direction:column;height:100%;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.lesson-card:hover{box-shadow:var(--shadow-md);border-color:#00b8a959;transform:translateY(-3px)}.lesson-card.locked{opacity:.65}.science-page .lesson-card.in-progress{border-color:#00b8a959;box-shadow:0 0 0 1px #00b8a91f}.science-page .lesson-card.done{border-color:#00b8a940}.status-chip{border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800}.science-page .status-chip.done{color:#007a70;background:#00b8a91a;border:1px solid #00b8a933}.status-chip.locked{background:var(--surface3);color:var(--muted);border:1px solid var(--border)}.status-chip.beta-closed{color:var(--brand);background:#fd52001a;border:1px solid #fd520038}.lesson-card.beta-closed{opacity:.72}.action-trigger.beta-closed-btn{color:var(--brand);box-shadow:none;background:#fd520014;border:2px solid #fd520040}.action-trigger.beta-closed-btn:hover{box-shadow:none;filter:brightness(1.05);transform:none}.science-page .status-chip.progress{color:#00b8a9;background:#00b8a914;border:1px solid #00b8a929}.status-chip.todo{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.card-body{flex-direction:column;flex-grow:1;padding:22px;display:flex}.card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.strand-tag{letter-spacing:.02em;border:1px solid;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.status-indicator{flex-shrink:0;font-size:11px;font-weight:700}.card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.module-index{color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:800;font-family:var(--mono);background:var(--surface2);border-radius:var(--r-sm);border:1.5px solid var(--border);padding:3px 9px}.science-page .action-trigger{border-radius:var(--r-lg);color:#fff;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#2dd4bf,#00b8a9);border:none;flex-shrink:0;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 3px 10px #00b8a94d}.science-page .action-trigger:hover{transform:translateY(-2px)translate(2px);box-shadow:0 6px 18px #00b8a966}.action-trigger.locked-btn{background:var(--surface2);color:var(--muted);border:2px solid var(--border);box-shadow:none}.action-trigger.locked-btn:hover{box-shadow:none;transform:none}.science-page .action-trigger.done-btn{color:#00b8a9;box-shadow:none;background:linear-gradient(135deg,#00b8a926,#00b8a914);border:2px solid #00b8a94d}.modal-bg .modal-box--xl .sm-shell{grid-template-columns:300px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.sm-shell{height:100%;min-height:0;overflow:hidden}.sm-sidebar{color:#fff;background:linear-gradient(160deg,#007a70,#00b8a9);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sm-sidebar-top{padding:24px 24px 20px}.sm-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;transition:all .18s;display:flex}.sm-close-btn:hover{background:#ffffff38;border-color:#fff6}.sm-strand-badge{text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;background:#ffffff2e;border-radius:99px;align-items:center;width:fit-content;margin-bottom:10px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.sm-sidebar h2{margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.3}.sm-grade{opacity:.7;font-size:12px;font-weight:500}.sm-quest-pal-nav{padding:0 16px 8px}.sm-quest-pal-trigger{border-radius:var(--r);color:#fff;width:100%;font-family:var(--font);cursor:pointer;text-align:left;background:#fd520033;border:1.5px solid #fd520073;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.sm-quest-pal-trigger:hover{background:#fd520057;border-color:#fd5200a6;transform:translate(2px)}.sm-tabs-nav{flex-direction:column;flex:1;gap:4px;padding:8px 16px;display:flex}.sm-tab{border-radius:var(--r);cursor:pointer;color:#ffffffa6;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sm-tab:hover{color:#fff;background:#ffffff1a}.sm-tab.active{color:#fff;background:#ffffff29}.sm-tab svg{opacity:.8;flex-shrink:0}.sm-tab.active svg{opacity:1}.immersive-main{background:var(--surface2);flex:1;overflow-y:auto}.content-canvas{padding:40px 48px 72px}.immersive-main.cemastea-lab-mode{overflow:hidden}.immersive-main.cemastea-lab-mode .content-canvas{flex-direction:column;height:100%;min-height:0;padding:0;display:flex}.lesson-header-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:24px 28px 20px;position:relative;overflow:hidden}.lesson-header-card:before{content:"";background:var(--lhc-accent,#00b8a9);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.lhc-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lhc-index{font-family:var(--mono);letter-spacing:.04em;font-size:11px;font-weight:800}.lhc-strand-pill{border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700}.lhc-title{letter-spacing:-.03em;color:var(--text);margin-bottom:14px;font-size:20px;font-weight:800;line-height:1.3}.lhc-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lhc-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:3px 9px;font-size:10px;font-weight:700}.lhc-pill.muted{color:var(--muted);background:0 0;border-color:#0000}.lhc-tab-context{color:var(--muted);margin-left:auto;font-size:11px;font-weight:600}.modal-progress-wrap{margin-top:12px}.modal-progress-track{background:var(--surface3);border-radius:99px;height:5px;overflow:hidden}.modal-progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.science-page .mm-section-header,.science-page .sm-section-header{text-transform:uppercase;letter-spacing:.1em;color:#00b8a9;align-items:center;gap:8px;margin-bottom:16px;font-size:10px;font-weight:800;display:flex}.science-page .theory-block{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);margin-bottom:20px;padding:32px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.science-page .theory-block:before{content:"";background:linear-gradient(#00b8a9,#2dd4bf);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.science-page .theory-block:hover{border-color:#00b8a94d;box-shadow:0 8px 28px #00b8a914}.science-page .theory-block h4{color:#00b8a9;text-transform:uppercase;letter-spacing:.1em;background:#00b8a91a;border:1.5px solid #00b8a933;border-radius:99px;align-items:center;margin-bottom:14px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.theory-text{color:var(--text2);white-space:pre-wrap;background:var(--surface2);border-radius:var(--r);border:1.5px solid var(--border);padding:16px 18px;font-size:14px;line-height:2}.lab-mount-wrap{background:linear-gradient(165deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border2);border-radius:var(--r-2xl);box-shadow:var(--shadow-md),inset 0 1px 0 #fff9;margin-bottom:20px;padding:8px;position:relative;overflow:visible}.lab-mount-wrap:before{display:none}.lab-gate-msg{color:var(--muted);border-radius:var(--r);background:var(--surface2);border:1.5px solid var(--border);margin-top:16px;padding:14px 16px;font-size:13px;font-weight:600}.cemastea-lab-shell{flex-direction:column;flex:1;gap:0;height:100%;min-height:0;display:flex}.cemastea-lab-toolbar{background:linear-gradient(135deg,#00b8a914,#00b8a905);border-bottom:1.5px solid #00b8a933;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.cemastea-lab-hint{min-width:220px;color:var(--text2);flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.65}.cemastea-lab-url{color:#007a70;word-break:break-all;font-size:11px;font-weight:700;font-family:var(--mono);margin-top:6px}.cemastea-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cemastea-open-btn{border-radius:var(--r);color:#007a70;background:var(--surface);border:1.5px solid #00b8a959;align-items:center;gap:7px;padding:10px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.cemastea-open-btn:hover{border-color:#00b8a9;transform:translateY(-1px);box-shadow:0 4px 12px #00b8a91f}.cemastea-mark-btn{border-radius:var(--r);color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b8a9,#2dd4bf);border:none;align-items:center;gap:7px;padding:10px 18px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex}.cemastea-mark-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00b8a959}.cemastea-mark-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.cemastea-iframe-wrap{background:var(--surface);flex:1;width:100%;min-height:min(60vh,520px);position:relative;overflow:hidden}.cemastea-iframe-wrap iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.cemastea-iframe-loading{text-align:center;color:var(--muted);z-index:1;pointer-events:none;background:#f8fafceb;justify-content:center;align-items:center;padding:24px;font-size:13px;font-weight:700;line-height:1.6;display:flex;position:absolute;inset:0}.cemastea-iframe-loading.is-slow{color:var(--text2)}.cemastea-iframe-fallback{background:var(--surface2);text-align:center;z-index:2;justify-content:center;align-items:center;padding:32px;display:none;position:absolute;inset:0}.cemastea-iframe-fallback.is-visible{display:flex}.cemastea-iframe-fallback p{max-width:360px;color:var(--text2);margin:0 0 16px;font-size:14px;line-height:1.65}.cemastea-attribution{color:var(--muted);border-top:1px solid var(--border);flex-shrink:0;margin:0;padding:8px 18px;font-size:11px;font-weight:600}.cemastea-attribution a{color:#00b8a9;font-weight:700;text-decoration:none}.cemastea-attribution a:hover{text-decoration:underline}.cemastea-focus-hint{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}[data-focus="1"] #science-modal.modal-bg.is-open{inset:var(--nav-h) 0 0 0!important;align-items:stretch!important;height:auto!important;padding:0!important}[data-focus="1"] #science-modal .modal-box--xl{border-radius:0!important;width:100vw!important;height:100%!important;max-height:100%!important;margin:0!important}@media (width<=768px){[data-focus="1"] #science-modal.modal-bg.is-open{inset:var(--nav-h) 0 var(--nav-mobile-dock) 0!important}}#science-modal.cemastea-lab-focus .sm-shell{grid-template-columns:minmax(220px,260px) 1fr!important}#science-modal.cemastea-lab-focus .sm-tabs-inline,#science-modal.cemastea-lab-focus .cemastea-lab-hint,#science-modal.cemastea-lab-focus .cemastea-lab-url,#science-modal.cemastea-lab-focus .cemastea-attribution{display:none}#science-modal.cemastea-lab-focus .cemastea-lab-toolbar{gap:10px;padding:10px 14px}#science-modal.cemastea-lab-focus .cemastea-lab-actions{margin-left:auto}#science-modal .qscore-bar,.science-page .qscore-bar{color:#00b8a9;border-radius:var(--r-lg);background:linear-gradient(135deg,#00b8a90f,#00b8a905);border:1.5px solid #00b8a92e;align-items:center;gap:12px;margin-bottom:28px;padding:16px 20px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008}#science-modal .qscore-bar:before,.science-page .qscore-bar:before{content:"";background:#00b8a9;border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}#science-modal .quiz-q,.science-page .quiz-q{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);margin-bottom:20px;padding:32px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}#science-modal .quiz-q:before,.science-page .quiz-q:before{content:"";background:linear-gradient(#00b8a9,#2dd4bf);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}#science-modal .quiz-q p,.science-page .quiz-q p{color:var(--text);margin-bottom:24px;font-size:16px;font-weight:700;line-height:1.65}#science-modal .choices-grid,.science-page .choices-grid{flex-direction:column;gap:14px;display:flex}#science-modal .choice,.science-page .choice{border:2px solid var(--border);background:linear-gradient(135deg,var(--surface),#f8f8f880);width:100%;font-family:var(--font);cursor:pointer;color:var(--text);text-align:left;border-radius:14px;align-items:flex-start;gap:16px;padding:18px 20px;font-size:14px;font-weight:500;line-height:1.65;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 4px #00000008}#science-modal .choice:hover,.science-page .choice:hover{background:linear-gradient(135deg,#00b8a90a,#00b8a903);border-color:#00b8a999;transform:translateY(-2px);box-shadow:0 6px 16px #00b8a91a}#science-modal .choice input[type=radio],.science-page .choice input[type=radio]{display:none}#science-modal .choice-radio,.science-page .choice-radio{border:2.5px solid var(--border2);background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .25s;display:flex}#science-modal .choice-radio:after,.science-page .choice-radio:after{content:"";background:0 0;border-radius:50%;width:11px;height:11px;transition:all .25s}#science-modal .choice:hover .choice-radio,.science-page .choice:hover .choice-radio{border-color:#00b8a9b3;box-shadow:0 0 0 3px #00b8a91a}#science-modal .choice-letter,.science-page .choice-letter{color:#00b8a9;background:linear-gradient(135deg,#00b8a91a,#00b8a90d);border:1.5px solid #00b8a940;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;transition:all .25s;display:flex}#science-modal .choice:hover .choice-letter,.science-page .choice:hover .choice-letter{background:linear-gradient(135deg,#00b8a92e,#00b8a914);border-color:#00b8a980;transform:scale(1.05)}#science-modal .choice-text,.science-page .choice-text{flex:1;font-size:14px;line-height:1.65}#science-modal .choice.correct,.science-page .choice.correct{background:linear-gradient(135deg,#00b8a914,#00b8a905);border-color:#00b8a9;box-shadow:0 4px 12px #00b8a926}#science-modal .choice.correct .choice-radio,.science-page .choice.correct .choice-radio{background:#00b8a9;border-color:#00b8a9;box-shadow:0 0 0 4px #00b8a933}#science-modal .choice.correct .choice-radio:after,.science-page .choice.correct .choice-radio:after{background:#fff}#science-modal .choice.correct .choice-letter,.science-page .choice.correct .choice-letter{color:#fff;background:linear-gradient(135deg,#00b8a9,#2dd4bf);border-color:#00b8a9}#science-modal .choice.wrong,.science-page .choice.wrong{background:linear-gradient(135deg,#dc26260f,#dc262603);border-color:#dc262673;box-shadow:0 4px 12px #dc26261a}#science-modal .choice.wrong .choice-radio,.science-page .choice.wrong .choice-radio{background:#dc2626b3;border-color:#dc2626b3;box-shadow:0 0 0 4px #dc262626}#science-modal .choice.wrong .choice-radio:after,.science-page .choice.wrong .choice-radio:after{background:#fff}#science-modal .choice.wrong .choice-letter,.science-page .choice.wrong .choice-letter{color:#b91c1c;background:linear-gradient(135deg,#dc262626,#dc262614);border-color:#dc262666}#science-modal .choice[data-answered="1"],.science-page .choice[data-answered="1"]{cursor:not-allowed;opacity:.7;transform:none!important}#science-modal .quiz-check-btn,.science-page .quiz-check-btn{margin-top:14px}.science-page .sm-complete-btn{border-radius:var(--r);color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b8a9,#2dd4bf);border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.science-page .sm-complete-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00b8a94d}.science-page .sm-complete-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.lock-msg{text-align:center;flex-direction:column;align-items:center;padding:80px 40px;display:flex}.science-page .lock-icon-wrap{background:#00b8a914;border:2px solid #00b8a92e;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.lock-msg h3{margin-bottom:10px;font-size:22px;font-weight:800}.lock-msg p{color:var(--muted);max-width:340px;margin:0 auto 24px;font-size:14px;line-height:1.65}.quest-shell{padding:8px 0}.quest-header{text-align:center;margin-bottom:24px}.quest-header h3{margin-bottom:6px;font-size:22px;font-weight:800}.quest-header p{color:var(--muted);font-size:13px;font-weight:600}.quest-card{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin-bottom:14px;padding:18px}.quest-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.quest-pill{background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.science-page .quest-pill.pts{color:#00b8a9;background:#00b8a914;border-color:#00b8a933}.quest-q{margin-bottom:12px;font-size:15px;font-weight:800;line-height:1.5}.quest-feedback{border-radius:var(--r);margin-top:16px;padding:12px 16px;font-size:14px;font-weight:700}.quest-feedback.ok{color:#007a70;background:#00c4b41a;border:1px solid #00c4b440}.quest-feedback.fail{color:#b91c1c;background:#dc262614;border:1px solid #dc262633}.sm-tabs-inline{background:var(--surface);border-bottom:1.5px solid var(--border);flex-shrink:0;align-items:stretch;gap:6px;padding:10px 12px;display:none}.sm-tab-inline{border-radius:var(--r);border:1.5px solid var(--border);background:var(--surface2);color:var(--text2);font-family:var(--font);cursor:pointer;flex:1;padding:10px 8px;font-size:12px;font-weight:800;transition:all .18s}.sm-tab-inline:hover{color:#007a70;border-color:#00b8a959}.sm-tab-inline.active{color:#fff;background:linear-gradient(135deg,#2dd4bf,#00b8a9);border-color:#0000;box-shadow:0 3px 10px #00b8a940}.sm-tab-inline.tab-suggested{box-shadow:0 0 0 2px #00b8a959}@media (width<=768px){.lesson-grid,.modal-bg .modal-box--xl .sm-shell{grid-template-columns:1fr}.sm-sidebar{display:none}.sm-tabs-inline{display:flex}.immersive-main{flex-direction:column;min-height:0;display:flex}.immersive-main .content-canvas{flex:1;min-height:0;overflow-y:auto}}
