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