:root{--bg: #f8fafc;--bar: #0f172a;--bar-fg: #e2e8f0;--accent: #3b82f6;--btn: 48px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100%}.loading{display:grid;place-items:center;height:100%;color:#64748b}.bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bar);color:var(--bar-fg);flex-wrap:wrap}.bar.top{padding-top:calc(6px + env(safe-area-inset-top))}.bar.bottom{padding-bottom:calc(6px + env(safe-area-inset-bottom));justify-content:center}.bar button,.bar select{min-width:var(--btn);min-height:var(--btn);border:0;border-radius:10px;background:#1e293b;color:var(--bar-fg);font-size:20px;cursor:pointer;padding:0 10px}.bar button:disabled{opacity:.35;cursor:default}.bar button.on{background:var(--accent);color:#fff}.bar button:not(:disabled):active{transform:scale(.94)}.bar .swatch{min-width:36px;min-height:36px;border-radius:50%;border:3px solid transparent;padding:0}.bar .swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.bar .size i{display:block;margin:auto;border-radius:50%;background:currentColor}.bar .sep{width:1px;height:28px;background:#334155;margin:0 4px}.bar .spacer{flex:1}.brand{font-size:18px;letter-spacing:.5px;margin-right:8px}.status{font-size:13px;color:#94a3b8}.status[data-status=error]{color:#f87171}.status.offline{color:#fbbf24}.pages{display:flex;gap:4px}.pages .tabs{display:flex;gap:4px;max-width:36vw;overflow-x:auto;scrollbar-width:thin}.pages button{min-width:40px;font-size:15px}.board{position:relative;flex:1;overflow:hidden;background:#fff}.board canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.toast{position:absolute;left:50%;bottom:90px;transform:translate(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:0 4px 16px #0000004d}.app{position:relative}.pen-settings{position:absolute;left:50%;bottom:calc(var(--btn) + 24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:grid;gap:10px;min-width:260px;padding:12px 14px;border-radius:12px;background:var(--bar);color:var(--bar-fg);box-shadow:0 6px 24px #00000059;font-size:15px}.pen-settings label{display:grid;gap:4px}.pen-settings select,.pen-settings input[type=range]{width:100%;min-height:36px;font-size:15px;border-radius:8px;border:0;background:#1e293b;color:var(--bar-fg)}.pen-settings output{float:right;color:#94a3b8}.pen-settings input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.bar button.clear{font-size:15px}.sim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:var(--bg)}.sim-view{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}.bar button.text{font-size:16px}.formula{font-size:18px;font-family:Times New Roman,serif;font-style:italic;margin-left:8px}.sim-params{gap:10px;font-size:16px}.sim-params input[type=range]{width:min(420px,40vw);min-height:40px;accent-color:var(--accent)}.sim-params output{min-width:72px;font-variant-numeric:tabular-nums}.sim-params .note{font-size:12px;color:#94a3b8}.sim-params .swatch.height{background:linear-gradient(135deg,#3b82f6,#f59e0b)}.sim-params input.op{width:min(160px,18vw)}.sim-menu{position:fixed;z-index:20;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:var(--bar);box-shadow:0 8px 30px #0000004d}.sim-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;min-width:300px;padding:8px 14px;border:0;border-radius:10px;background:#1e293b;color:var(--bar-fg);font-size:17px;cursor:pointer;text-align:left}.sim-menu button small{font-size:13px;color:#94a3b8}.sim-tabs{display:inline-flex;gap:4px}.bar .sim-tabs button{font-size:15px}.readout{position:absolute;top:10px;left:10px;z-index:2;pointer-events:none;padding:8px 12px;border-radius:12px;background:#ffffffe0;color:#0f172a;font-size:15px;box-shadow:0 2px 10px #0f172a1f;max-width:calc(100% - 20px)}.readout .formula{font:600 16px system-ui,sans-serif}.readout .small,.info .small{font-size:12px;color:#475569}.readout table{border-collapse:collapse;margin-top:4px;font-variant-numeric:tabular-nums}.readout th{text-align:left;padding:1px 6px 1px 0;font-style:italic}.readout td{padding:1px 14px 1px 0;min-width:92px}.readout .c-F{color:#dc2626}.readout .c-a{color:#16a34a}.readout .c-v{color:#2563eb}.readout .c-f{color:#ea580c}.info{position:absolute;top:10px;right:10px;z-index:2;width:min(380px,calc(100% - 20px));padding:10px 14px;border-radius:12px;background:#fffffff2;color:#0f172a;font-size:14px;box-shadow:0 2px 10px #0f172a26}.info p{margin:6px 0}.info button{min-height:40px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;padding:0 14px;cursor:pointer}.newton .param{display:inline-flex;align-items:center;gap:4px;position:relative}.newton .param label{font-style:italic;font-weight:600;min-width:22px;text-align:right}.newton .param input[type=range]{width:min(180px,16vw)}.newton .param input.num{width:64px;min-height:40px;border-radius:8px;border:2px solid transparent;background:#f8fafc;color:#0f172a;font-size:16px;text-align:right;padding:0 6px}.newton .param input.num.bad{border-color:#ef4444;background:#fef2f2}.newton .param .unit{font-size:13px;color:#94a3b8;min-width:18px}.newton .param .err{position:absolute;bottom:100%;right:0;white-space:nowrap;font-size:12px;color:#fff;background:#ef4444;padding:2px 6px;border-radius:6px}.newton .speeds{display:inline-flex;gap:2px}.newton .speeds button{font-size:15px;min-width:48px}.newton button.run{font-size:16px;min-width:120px;background:#15803d}.newton button.run.on{background:#b45309}.newton .toggle{display:inline-flex;align-items:center;gap:6px}.newton .toggle input{width:22px;height:22px}.chem-eq b{font-style:normal;color:#fbbf24}.disclaimer{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:2;pointer-events:none;max-width:calc(100% - 20px);padding:6px 12px;border-radius:10px;background:#ffffffd9;color:#475569;font-size:13px;text-align:center}.disclaimer.strong{background:#fef3c7;color:#92400e;font-weight:600;font-size:15px;border:2px solid #f59e0b}.readout.chem{max-width:min(360px,calc(100% - 20px))}.readout.chem th,.readout.chem td{padding-right:12px;min-width:0;text-align:center}.readout.chem thead th{font-style:normal;font-weight:600;font-size:13px;color:#475569}.readout.chem .el-H,.readout.chem .el-O{font-style:normal}.readout.chem .el-O{color:#b91c1c}.readout .ok{color:#15803d;margin-top:4px}.pick{position:absolute;left:10px;bottom:80px;z-index:2;pointer-events:none;display:grid;gap:2px;max-width:min(380px,calc(100% - 20px));padding:6px 12px;border-radius:10px;background:#ffffffe0;color:#0f172a;font-size:14px}.pick .hint{color:#64748b}.chem-ctl .stages{display:inline-flex;gap:4px}.chem-ctl .stages button{font-size:15px}.chem-ctl output{min-width:40px;text-align:center}.formula-chip{position:absolute;right:12px;bottom:calc(var(--btn) + 26px + env(safe-area-inset-bottom));z-index:6;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 6px 6px 14px;border-radius:14px;background:#0f172aeb;color:#e2e8f0;box-shadow:0 4px 18px #00000040;font-size:15px}.formula-chip .f{font:italic 17px Times New Roman,serif;white-space:nowrap}.formula-chip .m{color:#94a3b8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formula-chip button{min-height:40px;min-width:40px;border:0;border-radius:10px;background:#1e293b;color:#e2e8f0;font-size:15px;padding:0 12px;cursor:pointer}.formula-chip button.go,.formula-panel button.go{background:var(--accent);color:#fff}.formula-panel{position:absolute;top:calc(var(--btn) + 22px + env(safe-area-inset-top));right:10px;z-index:8;width:min(430px,calc(100% - 20px));max-height:calc(100% - 2 * var(--btn) - 50px);overflow:auto;display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 8px 30px #0f172a40;font-size:15px;-webkit-user-select:text;user-select:text}.formula-panel .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.formula-panel .head .src{flex:1;color:#64748b;font-size:13px}.formula-panel button{min-height:44px;border:0;border-radius:10px;background:#e2e8f0;color:#0f172a;font-size:15px;padding:0 14px;cursor:pointer}.formula-panel button:disabled{opacity:.4;cursor:default}.formula-panel button.x{min-width:44px;padding:0}.formula-panel button.confirm{background:#f59e0b;color:#111827}.formula-panel button.ref{background:#ede9fe;color:#4c1d95}.formula-panel button.link{background:none;color:#2563eb;min-height:32px;padding:0 4px;font-size:13px}.formula-panel .ftext{width:100%;min-height:48px;border:2px solid #cbd5e1;border-radius:10px;padding:0 12px;font:20px Times New Roman,serif;color:#0f172a;background:#f8fafc}.formula-panel .ftext:focus{outline:none;border-color:var(--accent)}.formula-panel .alts button{min-height:36px;font:italic 16px Times New Roman,serif;background:#f1f5f9}.formula-panel .alts small,.formula-panel .small,.formula-panel .hint{color:#64748b;font-size:12px;margin:0}.formula-panel .hint{font-size:14px}.formula-panel .warn{margin:0;padding:6px 10px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:14px}.formula-panel .ok{margin:0;color:#15803d;font-size:13px}.froute{display:grid;gap:4px;padding:8px 10px;border-radius:10px;background:#f8fafc;border-left:4px solid #94a3b8}.froute.s-library{border-color:#16a34a}.froute.s-buildable{border-color:#2563eb}.froute.s-related{border-color:#7c3aed}.froute.s-unsupported{border-color:#f59e0b}.froute.s-invalid{border-color:#ef4444}.froute .badge{font-weight:600;font-size:14px}.froute small{color:#64748b}.froute .fpretty{font:italic 22px Times New Roman,serif}.froute .reason{margin:0;font-size:14px;color:#334155}.fexplain summary{cursor:pointer;color:#2563eb;min-height:32px;display:flex;align-items:center}.fexplain h4{margin:8px 0 2px;font-size:13px;color:#475569}.fexplain ul{margin:0;padding-left:18px;font-size:13px}.fexplain .tag{font-size:11px;padding:1px 6px;border-radius:6px;background:#e0f2fe;color:#075985}.fexplain .tag.illustration{background:#fef3c7;color:#92400e}.formula-panel .foot label{display:inline-flex;align-items:center;gap:6px;font-size:14px}.formula-panel .foot input{width:20px;height:20px}.froute .fpretty.chem{font:20px system-ui,sans-serif}.bar.top .status:not(.offline){display:inline-block;width:4.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-menu button.formula-entry{background:#1e3a8a}.froute.s-dynamic{border-color:#0891b2}.vdse-box{display:grid;gap:6px;padding:8px 10px;border-radius:10px;background:#ecfeff}.vdse-box .busy{margin:0;color:#0e7490;font-size:14px}.vdse-box .busy:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #67e8f9;border-top-color:#0e7490;border-radius:50%;animation:vspin .8s linear infinite;vertical-align:-1px}@keyframes vspin{to{transform:rotate(360deg)}}.vdse-preview{height:200px;border-radius:8px;overflow:hidden;background:#f8fafc;touch-action:none}.vbadge{font-size:12px;padding:2px 8px;border-radius:8px;background:#cffafe;color:#155e75;white-space:nowrap}.vdse-params{flex-wrap:wrap;row-gap:6px}.vdse-params .dom{display:inline-flex;align-items:center;gap:4px;font-size:14px}.vdse-params .dom input{width:4.2em;min-height:40px;border:1px solid #475569;border-radius:8px;background:#0f172a;color:#e2e8f0;padding:0 6px;font-size:15px}.vdse-params .dom select{min-height:40px}.vdse-params .warn{color:#fbbf24;font-size:14px}.froute.s-needsParams{border-color:#0d9488}.gen-box{background:#f0fdfa}.gen-box .gparams{gap:10px}.gen-box .gparam{display:inline-flex;align-items:center;gap:6px;font:italic 16px Times New Roman,serif}.gen-box .gparam input{width:6em;min-height:40px;border:2px solid #cbd5e1;border-radius:8px;padding:0 8px;font:16px system-ui,sans-serif;background:#fff;color:#0f172a}.gen-box .gparam input:focus{outline:none;border-color:var(--accent)}.gchecks{margin:0;padding:0;list-style:none;display:grid;gap:2px;font-size:13px}.gchecks .ok{color:#15803d}.gchecks .bad{color:#b91c1c;font-weight:600}.gen-preview{height:170px;border-radius:8px;overflow:auto;background:#fff;border:1px solid #e2e8f0}.gen-preview canvas{width:100%;height:100%;display:block}.gen-view{display:flex;flex-direction:column;background:#fff}.gen-canvas{flex:1;min-height:0;width:100%;display:block;touch-action:none}.gen-readout{padding:6px 12px;font-size:14px;color:#334155;background:#f8fafc;border-top:1px solid #e2e8f0;font-variant-numeric:tabular-nums}.gen-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:14px}.gen-controls button{min-height:44px;min-width:44px;border:0;border-radius:10px;background:#e2e8f0;color:#0f172a;font-size:15px;padding:0 14px;cursor:pointer}.gen-controls button.go{background:var(--accent);color:#fff}.gen-controls select{min-height:40px;font-size:15px;border-radius:8px}.gen-controls input[type=range]{width:min(320px,40vw);min-height:40px;accent-color:var(--accent)}.gen-controls output{font-variant-numeric:tabular-nums}.gen-controls .note{width:100%;font-size:12px;color:#64748b}.gen-rx{flex:1;overflow:auto;padding:12px 16px}.rx-label{margin:0 0 10px;padding:6px 10px;border-radius:8px;background:#ede9fe;color:#4c1d95;font-size:14px}.rx-eq{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rx-side{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.rx-term{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.rx-copies{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:420px}.rx-cap{font:16px system-ui,sans-serif;color:#0f172a}.rx-arrow{font-size:30px;color:#334155}.rx-more{align-self:center;font-size:13px;color:#475569}.rx-tally{margin-top:12px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.rx-tally th,.rx-tally td{padding:4px 12px;border-bottom:1px solid #e2e8f0;text-align:center}.rx-tally tr.on td{background:#fef3c7}.rx-tally .dot{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;border:1px solid #334155;vertical-align:-1px}.rx.compact .rx-term{padding:3px 4px}.rx.compact .rx-tally{margin-top:6px;font-size:12px}.bar .formula.chem{font:18px system-ui,sans-serif}.composer-box{background:#faf5ff}.composer-box .gparams{gap:10px}.composer-box .gparam{display:inline-flex;align-items:center;gap:6px;font:italic 16px Times New Roman,serif}.composer-box .gparam input{width:6em;min-height:40px;border:2px solid #cbd5e1;border-radius:8px;padding:0 8px;font:16px system-ui,sans-serif;background:#fff;color:#0f172a}.composer-box .gparam input:focus{outline:none;border-color:var(--accent)}.composer-box h4{margin:6px 0 2px;font-size:13px}.composer-box .tag{font-size:12px;padding:2px 8px;border-radius:6px}.composer-box .tag.illustration{background:#fef3c7;color:#92400e}.composer-box .tag.simulation{background:#dcfce7;color:#166534}.composer-consent{display:grid;gap:6px;padding:8px;border:2px solid #a855f7;border-radius:10px;background:#fff}.composer-consent pre{margin:0;padding:6px;background:#f1f5f9;border-radius:6px;font-size:12px;white-space:pre-wrap}.composer-box .byai{color:#b45309;font-weight:600}.py-view{display:flex;background:#f8fafc}.py-svg{flex:1;min-width:0;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.py-svg g[data-part]{cursor:pointer}.py-handle{stroke:#0f172a;cursor:grab}.py-handle:not([fill]){fill:#fff}.py-handle:active{cursor:grabbing;fill:#fde68a}.py-readout{pointer-events:auto}.py-know{width:min(400px,42vw);flex:none;overflow-y:auto;padding:8px 14px 24px;background:#fff;color:#0f172a;font-size:14px;border-left:1px solid #e2e8f0}.py-know h3{font-size:15px;margin:12px 0 4px;color:#1e3a8a}.py-know section{border-bottom:1px solid #f1f5f9;padding-bottom:6px}.py-know ul,.py-know ol{margin:4px 0;padding-left:18px}.py-know .small{font-size:12.5px;color:#475569}.py-know .ok{color:#15803d;font-style:normal}.py-know .bad{color:#b91c1c;font-style:normal}.py-know .chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:600}.py-know .chip.review{background:#fef3c7;color:#92400e}.py-know button{min-height:40px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;padding:0 12px;cursor:pointer}.py-know .formula{font-size:16px;margin-left:0}.py-look{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:#fffffff2;color:#0f172a;font-size:14px;box-shadow:0 2px 10px #0f172a26}.py-look .swatches{display:flex;gap:6px}.py-look .swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer}.py-look .swatch.on{border-color:#0f172a}.py-look .toggle{display:flex;align-items:center;gap:6px}.py .param.computed output{font-weight:700;color:#fbbf24}@media(max-width:760px){.py-know{position:absolute;right:0;top:0;bottom:0;width:min(360px,92vw);z-index:3;box-shadow:-4px 0 18px #0f172a2e}}.hwr-train{z-index:30}.hwr-train .train-title{font-size:18px;margin-left:8px}.train-body{flex:1;overflow-y:auto;padding:14px 18px;color:#0f172a;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.train-body .row{display:flex;flex-wrap:wrap;gap:8px}.train-body button{min-height:44px;border:0;border-radius:10px;background:#e2e8f0;color:#0f172a;font-size:16px;padding:0 14px;cursor:pointer}.train-body button.go{background:var(--accent);color:#fff}.train-body button.danger{background:#dc2626;color:#fff}.train-body button:disabled{opacity:.4;cursor:default}.train-body .small{font-size:14px;color:#475569;max-width:760px}.train-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;width:100%;max-width:900px}.train-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:6px}.train-grid button.done{background:#dcfce7}.train-grid .sym{font:600 26px Times New Roman,serif}.train-grid small{font-size:12px;color:#475569}.train-prompt{font-size:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.train-prompt .sym.big{font:600 44px Times New Roman,serif}.train-pad{display:flex;flex-direction:column;gap:10px}.train-pad canvas{width:min(70vw,52vh,460px);height:min(70vw,52vh,460px);background:#fff;border:2px dashed #94a3b8;border-radius:14px;touch-action:none}.train-result{font-size:20px}.pen-settings .train-entry{min-height:44px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:16px;cursor:pointer}.train-pad.wide canvas{width:min(92vw,900px);height:min(40vh,300px)}.library{z-index:25}.library .lib-title{font-size:18px;margin-left:8px}.lib-body{flex:1;min-height:0;display:flex;gap:0;color:#0f172a;background:#f8fafc}.lib-list{width:min(420px,100%);flex:0 0 auto;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #e2e8f0;background:#fff}.lib-search{width:100%;min-height:48px;border:2px solid #cbd5e1;border-radius:10px;padding:0 12px;font-size:17px;background:#f8fafc;color:#0f172a}.lib-search:focus{outline:none;border-color:var(--accent)}.lib-list .row,.lib-detail .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lib-list .chip{min-height:40px;border:0;border-radius:999px;padding:0 14px;background:#e2e8f0;color:#0f172a;font-size:15px;cursor:pointer}.lib-list .chip.on{background:var(--accent);color:#fff}.lib-list .chip.board{background:#ede9fe;color:#4c1d95}.lib-list .small,.lib-detail .small{color:#64748b;font-size:13px;margin:0}.lib-list .warn,.lib-detail .warn{margin:0;padding:6px 10px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:14px}.lib-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lib-hits button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;text-align:left;cursor:pointer;font-size:15px}.lib-hits button.on{border-color:var(--accent);background:#eff6ff}.lib-hits .t small{color:#64748b;font-size:12px}.lib-hits .f{font:17px Times New Roman,serif}.lib-hits .meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lib-hits .why{color:#2563eb;font-size:12px}.chip.status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.chip.status.review{background:#fef3c7;color:#92400e}.chip.status.ok{background:#dcfce7;color:#166534}.lib-detail{flex:1;min-width:0;overflow-y:auto;padding:14px 20px 40px;display:flex;flex-direction:column;gap:4px;-webkit-user-select:text;user-select:text}.lib-detail h2{margin:0 0 4px;font-size:22px}.lib-detail h3{margin:12px 0 4px;font-size:15px;color:#334155;text-transform:none}.lib-detail h4{margin:6px 0 2px;font-size:14px;color:#475569}.lib-detail p,.lib-detail li{font-size:15px;line-height:1.45;margin:2px 0}.lib-detail ul,.lib-detail ol{margin:0;padding-left:20px}.lib-detail .big-f{font:26px Times New Roman,serif}.lib-detail .f{font-family:Times New Roman,serif;font-size:17px}.lib-detail .ok{color:#15803d;font-size:14px;margin:2px 0}.lib-detail .note{background:#fff7ed;border-radius:8px;padding:4px 8px}.lib-detail .url{word-break:break-all}.lib-vars{border-collapse:collapse;font-size:15px}.lib-vars td{border-bottom:1px solid #e2e8f0;padding:4px 10px 4px 0;vertical-align:top}.lib-vars .sym{font:italic 17px Times New Roman,serif}.lib-vars .unit{white-space:nowrap}.lib-app{border-left:3px solid #cbd5e1;padding:2px 0 6px 10px;margin:4px 0}.lib-app[data-basis=quantified]{border-left-color:#22c55e}.lib-detail button.go{align-self:flex-start;min-height:44px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;padding:0 16px;cursor:pointer}.formula-panel .lib-links{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:10px;background:#f1f5f9}.formula-panel .lib-links small{color:#475569;font-size:12px}.formula-panel button.lib-link{min-height:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;background:#fff;padding:4px 10px;font-size:14px}@media(max-width:760px){.lib-list{width:100%;border-right:0}.lib-list.has-detail{display:none}}.lib-list .chip.status{min-height:0;padding:2px 8px;font-size:12px;cursor:default}.lib-list .chip.board{align-self:flex-start;flex:0 0 auto;height:44px;min-height:44px;white-space:nowrap}.lib-list .chip{flex-shrink:0}.ink-review{display:grid;gap:6px}.ink-preview{width:100%;max-height:120px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;touch-action:manipulation}.ink-preview .tbox{fill:#94a3b814;stroke:#94a3b8;cursor:pointer}.ink-preview .tbox.unsure{fill:#f59e0b24;stroke:#d97706;stroke-dasharray:4 3}.ink-preview .tbox.fixed{fill:#16a34a1a;stroke:#16a34a;stroke-dasharray:none}.ink-preview .tbox.on{stroke:#2563eb;stroke-width:3;fill:#2563eb1f}.formula-panel .tokens{gap:4px}.formula-panel button.tok{min-width:40px;min-height:48px;padding:0 8px;font:600 22px Times New Roman,serif;background:#f1f5f9;border:2px solid transparent}.formula-panel button.tok sup,.formula-panel button.tok sub{font-size:.65em}.formula-panel button.tok.unsure{background:#fffbeb;border:2px dashed #d97706}.formula-panel button.tok.fixed{background:#f0fdf4;border-color:#16a34a}.formula-panel button.tok.on{border:2px solid #2563eb;background:#eff6ff}.formula-panel button.near{background:#eef2ff;color:#3730a3;text-align:left}.tok-editor{display:grid;gap:6px;padding:8px;border-radius:10px;background:#f8fafc;border:1px solid #cbd5e1}.tok-editor .row small{color:#64748b}.formula-panel .tok-editor .alts button{min-width:48px;font:600 20px Times New Roman,serif}.formula-panel .tok-editor .alts button.ctx{font:15px system-ui,sans-serif;background:#eef2ff;color:#3730a3}.formula-panel .tok-editor .roles button.on{background:#2563eb;color:#fff}.type-box{display:grid;gap:6px}.type-box input{flex:1;min-width:0;min-height:44px;font:22px Times New Roman,serif;padding:0 10px;border:1px solid #94a3b8;border-radius:10px}.type-box .keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px}.formula-panel .type-box .keys button{min-width:0;padding:0;font:18px Times New Roman,serif;background:#fff;border:1px solid #cbd5e1}.formula-panel .type-box .keys button.mod{background:#e0e7ff}.rewrite-pad{display:grid;gap:6px}.rewrite-pad canvas{width:100%;height:150px;background:#fff;border:2px solid #cbd5e1;border-radius:10px;touch-action:none}.sug-box{display:grid;gap:6px;padding:8px 10px;border-radius:12px;background:#f0f9ff;border:1px solid #bae6fd}.sug-box .sug-head strong{flex:1}.sug-box .sug-subjects{display:inline-flex;gap:4px;flex-wrap:wrap}.formula-panel .sug-box button.chip{min-height:36px;padding:0 10px;font-size:13px;background:#e0f2fe}.formula-panel .sug-box button.chip.on{background:#0369a1;color:#fff}.sug-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sug-row{display:grid;gap:2px;padding:6px 8px;border-radius:10px;background:#fff;border-left:4px solid #94a3b8}.sug-row.rel-exact,.sug-row.rel-alt{border-color:#16a34a}.sug-row.rel-similar{border-color:#f59e0b}.sug-row.rel-shape,.sug-row.rel-reverse,.sug-row.rel-coef{border-color:#7c3aed}.sug-f{font:italic 20px Times New Roman,serif}.sug-f.big{font-size:26px}.sug-row small{color:#475569;font-size:12px}.sug-row .sug-why{color:#334155}.sug-row .simst.t-library{color:#15803d;font-weight:600}.sug-row .simst.t-none{color:#94a3b8}.sug-def{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formula-panel .sug-row button{min-height:40px}.sug-none p{margin:0 0 6px;color:#92400e}.sug-search input{width:100%;min-height:44px;border:2px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:16px}.sug-preview h4{margin:4px 0 0;font-size:13px}.sug-preview p{margin:0}.sug-preview ul{margin:0;padding-left:18px}.sug-preview .chip.review{padding:1px 6px;border-radius:6px;background:#fef3c7;color:#92400e}.geo .geo-info{position:absolute;left:10px;top:10px;z-index:2;max-width:min(520px,calc(100% - 20px));display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#ffffffe6;color:#0f172a;box-shadow:0 4px 16px #0f172a1f;font-size:16px;pointer-events:none}.geo .geo-given{color:#475569;font-size:14px}.geo .geo-status{font-weight:600}.geo .geo-status.warn{color:#b91c1c}.geo .geo-ratios{display:flex;flex-wrap:wrap;gap:14px;font:italic 17px Times New Roman,serif;font-weight:600}.geo .geo-sel{color:#334155;font-size:15px}.geo .geo-info{max-height:calc(100% - 20px);overflow:auto;pointer-events:auto}.geo .geo-details{display:grid;gap:4px;font-size:15px;color:#1e293b;pointer-events:auto}.geo .geo-edges{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.geo .geo-edges label{font:italic 600 17px Times New Roman,serif;display:inline-flex;align-items:center;gap:4px}.geo .geo-edges select{min-height:40px;min-width:64px;font-size:16px;border-radius:8px;border:2px solid #cbd5e1;background:#f8fafc;color:#0f172a}.geo .geo-err{color:#b91c1c;font-weight:600}.geo .geo-pt{display:inline-block;margin-right:12px}.geo .bar.bottom .note{color:#94a3b8;font-size:14px}@media(min-width:1800px)and (pointer:coarse){.geo .geo-info{font-size:22px;max-width:760px}.geo .geo-ratios{font-size:24px}.geo .geo-given,.geo .geo-sel{font-size:19px}}.geo .geo-modes{display:inline-flex;gap:4px}.geo .geo-stroke{color:#0f766e;font-weight:600;font-size:15px}.geo .sim-view[data-mode=construct],.geo .sim-view[data-mode=write]{cursor:crosshair}.geo .geo-ai{position:absolute;right:10px;top:10px;z-index:3;width:min(440px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 8px 30px #0f172a40;font-size:15px}.geo .geo-ai .head{display:flex;justify-content:space-between;align-items:center}.geo .geo-ai textarea{width:100%;box-sizing:border-box;font:16px system-ui,sans-serif;padding:8px 10px;border:2px solid #cbd5e1;border-radius:10px;resize:vertical}.geo .geo-ai button{min-height:44px;border:0;border-radius:10px;background:#e2e8f0;color:#0f172a;font-size:15px;padding:0 14px;cursor:pointer}.geo .geo-ai button.go,.geo .geo-ai button.on{background:var(--accent);color:#fff}.geo .geo-ai button.link{background:none;min-height:32px}.geo .geo-ai input{min-height:40px;width:7em;margin-left:8px;font-size:16px;border:2px solid #cbd5e1;border-radius:8px;padding:0 8px}.geo .geo-ai .geo-ai-q{display:grid;gap:8px}.geo .geo-ai .geo-ai-choice{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.geo .geo-ai .geo-ai-ev code{margin:0 4px;padding:1px 4px;background:#f1f5f9;border-radius:4px;font-size:13px}.geo .geo-ai .warn{color:#b91c1c;font-weight:600}.geo .geo-ai .note{color:#475569;font-size:14px}.formula-chip.smart-card{flex-direction:column;align-items:stretch;gap:5px;width:min(380px,calc(100% - 24px));font-size:14px;max-height:calc(100% - 2 * var(--btn) - 60px);overflow:auto;padding:10px 10px 8px 14px}.smart-card .sb-head{display:flex;align-items:center;gap:8px}.smart-card .sb-head strong{flex:1;font-size:16px}.smart-card .sb-read{font:italic 16px Times New Roman,serif;color:#cbd5e1}.smart-card .sb-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.smart-card .sb-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#1e293b}.smart-card .sb-row.board{background:#0f2a4a}.smart-card .sb-t{flex:1;display:grid;gap:2px;min-width:0}.smart-card .sb-t small{color:#94a3b8;font-size:12px}.smart-card .sb-row button{background:#334155}.smart-card .chip.review{background:#fef3c7;color:#78350f;border-radius:6px;padding:0 5px}.smart-card .sb-foot{display:flex;gap:6px;flex-wrap:wrap}.smart-card .sb-note{color:#94a3b8;font-size:12px}.embed-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.embed{position:absolute;transform-origin:0 0;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;background:#fff;border:1.5px solid #93c5fd;border-radius:12px;box-shadow:0 6px 22px #0f172a2e;overflow:hidden;-webkit-user-select:none;user-select:none}.embed-bar{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 4px 0 10px;background:#eff6ff;color:#1e3a8a;cursor:grab;font-size:15px}.embed-bar .spacer{flex:1}.embed-bar .grip{color:#93c5fd}.embed-bar button{min-width:40px;min-height:36px;border:0;border-radius:8px;background:transparent;color:#1e3a8a;font-size:17px;cursor:pointer}.embed-body{flex:1;min-height:0;position:relative}.embed-size{position:absolute;right:0;bottom:0;width:26px;height:26px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,#93c5fd 50%)}.py-embed{display:flex;flex-direction:column;height:100%}.py-embed-f{padding:4px 10px;font:italic 15px Times New Roman,serif;color:#0f172a;line-height:1.25}.py-embed-f .num{font-size:16px}.py-embed-svg{flex:1 1 160px;min-height:140px;width:100%;touch-action:none}.py-embed-params{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:2px 30px 2px 10px}.embed-body{overflow:hidden}.py-embed-params .param{display:inline-flex;align-items:center;gap:2px}.py-embed-params button{min-width:34px;min-height:34px;padding:0 6px;border:0;border-radius:8px;background:#e2e8f0;font-size:17px}.py-embed-params output{min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.py-embed-hint{padding:0 10px 4px;color:#64748b;font-size:12px}.py-embed .py-embed-hint{display:none}.m3-embed{display:flex;flex-direction:column;height:100%}.m3-view{flex:1 1 160px;min-height:140px;position:relative}.m3-view canvas{position:absolute;top:0;right:0;bottom:0;left:0}.py-embed-f.small-f{font:14px system-ui,sans-serif}.geo-desc.warn{color:#b45309}.m3-paused{flex:1;width:100%;height:100%;border:0;background:#f1f5f9;color:#334155;font-size:15px}.py-embed-params small{color:#475569;font-size:12px}.embed.min{height:auto}.embed.min .embed-bar{border-radius:12px}.m3-slot{display:flex;flex-direction:column;height:100%}.m3-slot>.m3-embed{flex:1;min-height:0}.smart-card .sb-assume{color:#fde68a;font-size:12px}.gm-row{display:flex;flex-wrap:wrap;gap:4px;padding:2px 30px 2px 8px}.gm{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:13px;padding:2px 7px;min-height:30px;cursor:pointer}.gm.on{background:#ede9fe;border-color:#a78bfa}.gm-l{font-style:italic}.gm-formula{margin:2px 8px;padding:4px 8px;border-radius:8px;background:#faf5ff;color:#4c1d95;font:13px Times New Roman,serif}.gprop{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:2px 30px 4px 8px;padding:4px;border-radius:10px;background:#f1f5f9;font-size:13px}.gprop button{min-width:34px;min-height:32px;border:0;border-radius:8px;background:#e2e8f0;font-size:14px;padding:0 8px}.gprop button.on{background:#1d4ed8;color:#fff}.gprop button:disabled{opacity:.4}.gprop .spacer{flex:1}.gprop select{min-height:32px;border-radius:8px}.gseg{display:inline-flex;gap:2px}.gwarn{flex-basis:100%;color:#b45309;font-size:12px}.gsel{align-self:flex-start;margin:0 8px 4px;border:0;background:transparent;color:#1d4ed8;font-size:13px;min-height:28px}.g4-tools,.g4-pts{display:flex;flex-wrap:wrap;gap:4px;padding:2px 8px}.g4-tools button,.g4-pts button{min-height:32px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:13px}.g4-tools button.on,.g4-pts button.sel{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.g4-pts button.hi,.g4-deps li.hi{background:#fef3c7}.g4-deps{margin:2px 8px;padding-left:20px;font-size:13px;max-height:84px;overflow-y:auto;flex:0 0 auto}.g4-deps li{padding:1px 2px}.g4-name{border:0;background:transparent;font-weight:600;color:#0f766e;min-height:28px;padding:0 2px}.g4-del{border:0;background:transparent;color:#b91c1c;min-height:28px;min-width:28px}.g4-why{color:#b45309}.les-panel{position:fixed;top:56px;right:8px;bottom:8px;width:min(380px,calc(100vw - 16px));z-index:60;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 28px #0f172a2e}.les-panel header{display:flex;align-items:center;gap:8px}.les-panel header small{flex:1;color:#475569}.les-panel header button{min-width:40px;min-height:40px;border:0;background:transparent;font-size:18px}.les-search{min-height:44px;border:2px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:16px}.les-grades,.les-subs{display:flex;flex-wrap:wrap;gap:4px}.les-grades button,.les-subs button{min-width:40px;min-height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;font-size:15px}.les-subs button{padding:0 12px}.les-grades button.on,.les-subs button.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.les-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.les-list ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.les-th{display:flex;justify-content:space-between;gap:8px}.les-th small,.les-none{color:#64748b}.les-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.les-item .les-q{grid-column:1;color:#475569}.les-place{grid-column:2;grid-row:1 / span 2;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:#1d4ed8;color:#fff;font-size:14px}.les-nat{margin-left:6px;padding:0 6px;border-radius:6px;font-size:11px;background:#e0f2fe;color:#075985}.les-nat.CONCEPT{background:#fef3c7;color:#92400e}.les-nat.QUANT{background:#dcfce7;color:#166534}.g4-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin-right:6px}.g4-group>small{color:#64748b;font-weight:600}.g4-val{color:#1d4ed8}.g4-gbtn{font-weight:600;background:#f1f5f9!important}.g4-gbtn.on{background:#e0e7ff!important;border-color:#6366f1!important;color:#1e1b4b!important}.tri-fams{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 8px 2px;font-size:13px;font-weight:600}.gr-sliders{display:flex;flex-wrap:wrap;gap:2px 12px;padding:2px 8px}.gr-sl{display:inline-flex;align-items:center;gap:6px;font-size:13px}.gr-sl input[type=range]{width:120px;min-height:32px}.gr-sl output{min-width:34px;font-variant-numeric:tabular-nums}.ph-play{min-width:40px;min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;font-size:16px}.ph-note{color:#b45309}.ceq-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 8px;font-size:18px}.ceq-term{display:inline-flex;align-items:center;gap:4px}.ceq-coef{display:inline-flex;flex-direction:column;align-items:center}.ceq-coef button{min-width:30px;min-height:22px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;font-size:13px;line-height:1}.ceq-coef output{font-weight:700;color:#1d4ed8;min-width:22px;text-align:center}.ceq-sp{display:inline-flex;flex-direction:column;align-items:center;font-weight:600}.ceq-ox{color:#7c3aed;font-size:11px;font-weight:500}.ceq-arrow,.ceq-plus{color:#475569;padding:0 2px}.ceq-atoms{margin:2px 8px;border-collapse:collapse;font-size:13px}.ceq-atoms th,.ceq-atoms td{padding:1px 10px;border-bottom:1px solid #e2e8f0;text-align:center}.ceq-atoms tr.ok td{color:#15803d}.ceq-atoms tr.bad td{color:#b91c1c;font-weight:700}.chip{min-height:34px;padding:0 8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:13px}.chip.on{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.lb svg line,.lb svg polyline,.lb svg polygon,.lb svg text,.lb svg path,.ph svg line,.ph svg polyline,.ph svg polygon,.ph svg text,.bs svg line,.bs svg polyline,.bs svg polygon,.bs svg text,.bs svg path,.gr svg line,.gr svg text,.gr svg path:not([data-testid=gr-area]){pointer-events:none}.bs svg path[data-tap]{pointer-events:auto;cursor:pointer}.embed.hide-measures .gm-row,.embed.hide-measures .gm-formula,.embed.hide-measures .py-embed-f,.embed.hide-measures .tri-fams,.embed.hide-measures .py-embed-hint{display:none}.les-depth{margin-left:6px;padding:0 6px;border-radius:6px;font-size:11px;background:#fee2e2;color:#991b1b}.ceq-pt{display:block;width:calc(100% - 16px);max-height:110px;margin:0 8px;background:#f8fafc;border-radius:8px}@media(pointer:coarse){.gr-sl input[type=range]{width:150px;min-height:44px}.chip,.g4-tools button,.g4-pts button,.gsel,.ph-play{min-height:44px}.ceq-coef button{min-width:40px;min-height:32px}.py-embed-params button{min-width:40px;min-height:40px}}.geo4>.m3-view{flex:1 0 180px}.g4-panel{flex:0 1 auto;min-height:0;max-height:58%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.g4-pts button.free{border-color:#2563eb}.g4-pts button.dep{border-color:#f59e0b;border-style:dashed}.g4-legend{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:11px;margin-left:4px}.g4-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2563eb}.g4-legend i.dep{background:#f59e0b;margin-left:6px}.bar .brand.ss-open{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0 4px;min-width:0;cursor:pointer}.embed.full{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;transform:none;z-index:50;border-radius:0;border:0}.embed.full .embed-bar{cursor:default;min-height:48px}.embed.full .fs-bar button{min-width:44px;min-height:40px;font-size:16px}.app.focus-mode .bar,.app.focus-mode .embed:not(.full){display:none}.app.focus-mode .embed-layer{z-index:40;overflow:visible}@media(min-aspect-ratio:4/3){.embed.full .geo4:not(.teach){display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,36%);grid-template-rows:auto minmax(0,1fr) auto}.embed.full .geo4:not(.teach)>.py-embed-f{grid-column:1 / -1}.embed.full .geo4:not(.teach)>.m3-view{grid-column:1;grid-row:2;min-height:0}.embed.full .geo4:not(.teach)>.gwarn{grid-column:1;grid-row:3}.embed.full .geo4:not(.teach)>.g4-panel{grid-column:2;grid-row:2 / 4;max-height:none;border-left:1px solid #e2e8f0}}.plan{margin:10px 0;padding:10px 12px;border:1.5px solid #93c5fd;border-radius:12px;background:#fff}.plan-head{display:flex;align-items:center;gap:8px}.plan-head h2{margin:0;font-size:17px;color:#1e3a8a}.plan-head .spacer{flex:1}.plan-note{color:#475569}.plan-pick{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px}.plan-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0;font-size:14px;color:#334155}.plan-sec{border-top:1px solid #e2e8f0;padding:8px 0}.plan-sec h3{margin:4px 0;font-size:16px}.plan-f{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.plan-f code{background:#f1f5f9;border-radius:6px;padding:2px 6px;font-size:13px}.plan-m{display:flex;flex-direction:column;gap:3px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.plan-m.on{border-color:#1d4ed8;background:#eff6ff}.plan-m button{align-self:flex-start}.plan-none{color:#92400e;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.embed-body:has(.geo4.teach){container-type:inline-size}.geo4.teach{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto minmax(160px,1fr) auto;height:100%;background:#faf8f3;color:#15213b}.geo4.teach>.tch-hint{grid-column:1 / -1;display:flex;gap:8px;align-items:flex-start;padding:8px 12px;background:#e6edf5;color:#1b2a4a;font-size:14px;line-height:1.4;border-bottom:1px solid #d5deea}.geo4.teach>.tch-hint svg{flex:none;margin-top:1px;color:#2c5a8a}.geo4.teach>.tch-rail{grid-row:2;display:flex;flex-direction:column;gap:4px;padding:6px;border-right:1px solid #e5e0d4;background:#f3f0e8;overflow-y:auto}.geo4.teach>.m3-view{grid-row:2;grid-column:2;min-height:0}.geo4.teach>.gwarn{grid-column:1 / -1;padding:4px 12px}.geo4.teach>.tch-under{grid-column:1 / -1;max-height:40%;overflow-y:auto;padding:6px 12px 10px;border-top:1px solid #e5e0d4;touch-action:pan-y}.tch-tool{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4a556f;text-align:left;font:inherit;cursor:pointer}.tch-tool:hover{background:#efebe1}.tch-tool.on{background:#1b2a4a;color:#fff}.tch-tool span{display:none;flex-direction:column;gap:1px;min-width:0}.tch-tool b{font-size:15px;font-weight:600}.tch-tool small{font-size:12px;line-height:1.3;opacity:.8}.tch-hist{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:6px;border-top:1px solid #e5e0d4}.tch-hist button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;white-space:nowrap;border:1px solid #e5e0d4;border-radius:10px;background:#fff;color:#15213b;font:inherit;font-size:14px;cursor:pointer}.tch-hist button span{display:none}.tch-hist button:disabled{opacity:.4}.tch-status{min-height:28px;font-size:14.5px;line-height:1.45;display:flex;flex-direction:column;gap:2px}.tch-info{color:#15213b}.tch-note{color:#1b2a4a;font-weight:600}.tch-muted{color:#7b8398}.tch-results{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tch-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f9e8e6;color:#b3261e;font-size:14px;font-weight:600}.tch-badge.ok{background:#e3f1ea;color:#2f7a57}.tch-badge small{font-weight:400;opacity:.85}.tch-hide{display:flex;flex-direction:column;gap:2px;margin:6px 0;padding:8px 10px;border:1px solid #e5e0d4;border-radius:10px;background:#fff}.tch-hrow{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14.5px}.tch-hrow input{width:22px;height:22px}.tch-hrow small{color:#7b8398}.tch-adv{margin-top:6px}.tch-adv>summary{min-height:44px;display:flex;align-items:center;gap:6px;color:#4a556f;font-size:13.5px;cursor:pointer;list-style:none}.tch-adv>summary:before{content:"▸";font-size:14px}.tch-adv[open]>summary:before{content:"▾"}.tch-adv .g4-panel{max-height:none}@container (min-width: 820px){.geo4.teach{grid-template-columns:236px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr)}.geo4.teach>.tch-rail{grid-row:2}.geo4.teach>.m3-view{grid-row:2;grid-column:2}.geo4.teach>.tch-under{grid-row:2;grid-column:3;max-height:none;border-top:0;border-left:1px solid #e5e0d4}.geo4.teach>.gwarn{grid-row:3}.tch-tool span{display:flex}.tch-tool{align-items:flex-start}.tch-tool svg{margin-top:2px}.tch-hist{flex-direction:row}.tch-hist button{flex:1}.tch-hist button span{display:inline;font-size:12px}}.tch-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.tch-quick small{width:100%;color:#4a556f;font-size:13px}.vz-chipq{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #cfc8b8;background:#fff;color:#15213b;font:600 15px inherit;font-family:inherit;cursor:pointer}.vz-chipq:hover{background:#efebe1}.xl{display:flex;flex-direction:column;gap:8px;min-height:0;color:#15213b}.xl-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.xl-tabs button{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:48px;padding:4px 2px;border:1px solid #e5e0d4;border-radius:10px;background:#fff;color:#4a556f;font:600 12.5px system-ui,sans-serif;line-height:1.15;cursor:pointer}.xl-tabs button b{width:20px;height:20px;border-radius:50%;background:#efebe1;color:#15213b;font-size:12px;display:grid;place-items:center}.xl-tabs button.on{background:#1b2a4a;border-color:#1b2a4a;color:#fff}.xl-tabs button.on b{background:#fff;color:#1b2a4a}.xl-body{display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.5}.xl-body p{margin:0}.xl-body ul{margin:0;padding-left:18px}.xl-body li{margin:2px 0}.xl-card{border:1px solid #e5e0d4;border-radius:10px;background:#fff;padding:8px 10px}.xl-card-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}.xl-tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px}.xl-tag.computed{background:#e3f1ea;color:#2f7a57}.xl-tag.illus{background:#f3f0e8;color:#7b6a3a}.xl-tag.exp{background:#e6edf5;color:#2c5a8a}.xl-tag.review{background:#fdf0dc;color:#9a5b00}.xl-tag.activity{background:#e4eef8;color:#355f86}.xl-num{font-variant-numeric:tabular-nums;font-weight:700}.xl-warn{color:#b3261e;font-weight:600}.kit,.tit{display:grid;grid-template-columns:minmax(0,1fr);height:100%;background:#faf8f3;color:#15213b;overflow:hidden}.embed-body:has(.kit),.embed-body:has(.tit){container-type:inline-size}.kit-main,.tit-main{position:relative;display:flex;flex-direction:column;min-height:0}.kit-svg,.tit-svg{flex:1 1 200px;width:100%;min-height:180px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.kit-side,.tit-side{min-height:0;overflow-y:auto;padding:8px 10px 12px;border-top:1px solid #e5e0d4;touch-action:pan-y}.kit-pal{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid #cfc8b8;border-radius:12px;background:#fffffff7;box-shadow:0 6px 20px #0f172a1f;font-size:14px}.kit-row{display:flex;flex-wrap:wrap;gap:6px}.kit-sl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.kit-sl input[type=range]{flex:1 1 160px;min-height:40px}.kit-flow{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14px}.kit-flow input{width:22px;height:22px}@container (min-width: 820px){.kit,.tit{grid-template-columns:minmax(0,1fr) 360px}.kit-side,.tit-side{border-top:0;border-left:1px solid #e5e0d4}}.tit-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px}.tit-ctrl input[type=range]{flex:1 1 160px;min-height:40px}.tit-note{margin:0;padding:0 8px 6px;font-size:12px;color:#4a556f;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tit-step{display:inline-flex;align-items:center;gap:4px;font-size:13px}.tit-step button{min-width:40px;min-height:40px;border:0;border-radius:8px;background:#efebe1;font-size:17px}.tit-step output{min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.gd-bar{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-top:1px solid #e5e0d4;background:#f3f0e8;color:#15213b;font-size:14px}.gd-bar.idle{flex-direction:row;align-items:center;gap:10px}.gd-bar.idle small{color:#4a556f;font-size:12.5px;line-height:1.3}.gd-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.gd-btn{min-width:48px;min-height:48px;padding:0 12px;border-radius:12px;border:1px solid #cfc8b8;background:#fff;color:#15213b;font:600 15px system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.gd-btn.main{background:#1b2a4a;border-color:#1b2a4a;color:#fff;min-width:64px}.gd-btn:disabled{opacity:.4;cursor:default}.gd-title{flex:1 1 160px;min-width:0;font-size:14px;line-height:1.3}.gd-title b{font-variant-numeric:tabular-nums;margin-right:4px}.gd-dots{display:flex;gap:4px}.gd-dots i{width:9px;height:9px;border-radius:50%;background:#d8d2c4}.gd-dots i.on{background:#2f7d4f}.gd-dots i.cur{background:#1b2a4a}.gd-manual{display:flex;flex-direction:column;gap:6px}.gd-manual b{font-size:14px;color:#8a4b08}.gd-manual small{color:#4a556f}.gd-card{display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.5}.gd-card p{margin:0}.gd-card-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15.5px}.gd-ok{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#fde7e7;color:#8a1c1c}.gd-ok.on{background:#e3f2e8;color:#1f6b3d}.gd-steps{margin:0;padding-left:20px;font-size:13px;color:#4a556f}.gd-steps li.on{color:#1f6b3d}.gd-steps li.cur{color:#15213b;font-weight:700}.kit-hl{pointer-events:none;animation:gd-pulse 1.4s ease-in-out infinite}@keyframes gd-pulse{50%{opacity:.1}}@media(prefers-reduced-motion:reduce){.kit-hl{animation:none}}.geo4.teach>.tch-guide{grid-column:1 / -1}.geo4.teach>.tch-guide .gd-bar{border-top:1px solid #e5e0d4}.geo4.teach>.tch-under{order:9}@container (min-width: 820px){.geo4.teach{grid-template-rows:auto minmax(0,1fr) auto}.geo4.teach>.tch-rail{grid-row:2 / 4}.geo4.teach>.tch-under{grid-row:2 / 4}.geo4.teach>.tch-guide{grid-row:3;grid-column:2}.geo4.teach>.gwarn{grid-row:4}.geo4.teach.gd-wide{grid-template-columns:236px minmax(0,1fr)}.geo4.teach.gd-wide>.tch-under{display:none}.kit.gd-wide,.tit.gd-wide{grid-template-columns:minmax(0,1fr)}.kit.gd-wide>.kit-side,.tit.gd-wide>.tit-side{display:none}}.kit.gd-on .kit-main>.kit-pal{position:static;margin:0 8px 6px;order:1}.kit-main>.gd-bar{order:2}.kit.gd-wide>.kit-side,.tit.gd-wide>.tit-side,.geo4.teach.gd-wide>.tch-under{display:none}.kit.gd-wide,.tit.gd-wide{grid-template-columns:minmax(0,1fr)}.xl-hide{align-self:flex-end;min-height:40px;padding:0 10px;border:0;background:none;color:#4a556f;font:500 13px system-ui,sans-serif;cursor:pointer}.xl-show{position:absolute;top:8px;right:8px;z-index:3;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #cfc8b8;background:#fffffff2;color:#15213b;font:600 13.5px system-ui,sans-serif;box-shadow:0 4px 14px #0f172a1a;cursor:pointer}.geo4.teach>.m3-view{position:relative}.xl-muted{color:#4a556f;font-size:13px}.xl-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums;margin:4px 0}.xl-table th,.xl-table td{padding:4px 6px;border-bottom:1px solid #ece7dc;text-align:left}.xl-table th{color:#4a556f;font-weight:600}.xl-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.xl-steps li{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:8px;background:#faf8f3;border:1px solid #ece7dc}.xl-steps li .mk{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#e3f2e8;color:#1f6b3d}.xl-steps li.no .mk{background:#fde7e7;color:#8a1c1c}.xl-steps li span{flex:1}.xl-steps li small{display:block;color:#4a556f;font-size:12px}.xl-steps li button{flex:none;min-height:32px;border:1px solid #cfc8b8;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.xl-concl{padding:8px 10px;border-radius:10px;font-weight:600}.xl-concl.ok{background:#e3f2e8;color:#1f6b3d}.xl-concl.no{background:#fdf0e1;color:#8a4b08}.xl-eq{font-size:16px;font-weight:700;text-align:center;padding:6px;letter-spacing:.02em}.xl-swatch{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #cfc8b8;vertical-align:-3px;margin-right:4px}.embed-body:has(.deep){container-type:inline-size}.deep{display:grid;grid-template-columns:minmax(0,1fr);height:100%;background:#faf8f3;color:#15213b}.deep-main{position:relative;min-height:0;overflow:auto}.deep-main>.py-embed{height:100%}.deep-side{min-height:0;overflow-y:auto;padding:8px 10px 12px;border-top:1px solid #e5e0d4;touch-action:pan-y}.deep.deep-hidden>.deep-side{display:none}.embed:not(.full) .deep{grid-template-rows:minmax(65%,1fr) minmax(0,35%)}.embed:not(.full) .deep-main{overflow:hidden}.embed:not(.full) .deep-main>.m3-embed{height:100%;min-height:0}.embed:not(.full) .deep-main>.m3-embed>:not(.m3-view){flex:0 0 auto}.embed:not(.full) .deep-main .m3-view{flex:1 1 0;min-height:120px}@container (min-width: 820px){.embed:not(.full) .deep{grid-template-rows:minmax(0,1fr)}}@container (min-width: 820px){.deep{grid-template-columns:minmax(0,1fr) 380px}.deep-side{border-top:0;border-left:1px solid #e5e0d4}.deep.deep-hidden{grid-template-columns:minmax(0,1fr)}}.deep-svg{width:100%;height:auto;display:block;margin:4px 0}.deep-bbt td,.deep-bbt th{text-align:center}.deep-list{margin:0;padding-left:18px}.deep-list li{margin:4px 0}.deep-list .vz-chipq{min-height:34px;padding:0 10px;font-size:13px;margin-left:6px}.deep .gm{min-height:44px;padding:4px 12px;font-size:14px}.deep .gprop button,.deep .gsel{min-width:48px;min-height:48px}@media(pointer:coarse){.embed.full .gm,.embed.full .gsel,.embed.full .xl-hide,.embed.full .ph-play{min-height:44px}.embed.full .gm{padding:4px 10px}.embed.full .ph-play,.embed.full .chip{min-width:44px}.embed.full .ceq-coef button,.embed.full .py-embed-params button,.embed.full .gprop button,.embed.full button[class^=mol-],.embed.full [data-testid^=mol-]{min-width:44px;min-height:44px}.embed.full .gprop select{min-height:44px}.embed.full .tit-step button,.embed.full [data-testid^=grp-]{min-width:44px;min-height:44px}.embed.full .param select,.embed.full .embed-body select{min-height:44px;min-width:44px}.embed.full .g4-name,.embed.full .g4-del,.embed.full .g4-pts button{min-width:44px;min-height:44px}.embed.full input[type=checkbox]{width:22px;height:22px}.embed.full label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:6px;min-height:44px}}.embed.full .ceq-pt{max-height:none;height:min(36vh,300px)}@container (min-width: 600px) and (max-width: 819px){.deep{grid-template-columns:minmax(0,1fr) 280px}.deep-side{border-top:0;border-left:1px solid #e5e0d4}.deep.deep-hidden{grid-template-columns:minmax(0,1fr)}.deep .xl-tabs button{font-size:12px}}.tch-objs{display:flex;flex-direction:column;gap:2px}.tch-objs .tch-quick{margin:2px 0}.tch-objs .tch-quick small{width:auto;min-width:44px}.tch-near{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:#fef3c7}.tch-rel{padding:8px 10px;border-radius:12px;border:1px solid #e5e0d4;background:#fff;display:flex;flex-direction:column;gap:4px}.tch-rel.ok{border-color:#86efac}.tch-rel.no{border-color:#fcd34d;background:#fffbeb}.tch-rel ul{margin:0;padding-left:18px;font-size:14px}.tch-rel-v{color:#4a556f}.vz-chipq.on{background:#1b2a4a;color:#fff;border-color:#1b2a4a}.rv-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.rv-svg{flex:1 1 200px;max-width:300px;width:100%;height:auto;background:#f8fafc;border-radius:12px}.rv-side{flex:1 1 160px;display:flex;flex-direction:column;gap:6px}.rv-stage{font-size:15px;color:#1b2a4a}.rv-btns{display:flex;flex-wrap:wrap;gap:6px}.xl-tag.illus{background:#f1f5f9}.chemlab{display:flex;flex-direction:column;height:100%;min-height:0;background:#f4f1ea}.chemlab-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #e5e0d4;background:#faf8f3}.chemlab-eqbtn{min-height:44px;border:1px solid #e5e0d4;border-radius:10px;background:#fff;padding:0 12px;font:600 16px system-ui,sans-serif;color:#15213b}.chemlab-eqbtn b{margin-left:8px;font-size:13px}.chemlab-eqbtn b.ok{color:#15803d}.chemlab-eqbtn b.no{color:#b3261e}.chemlab-bar .spacer{flex:1}.chemlab-stage{position:relative;flex:1 1 auto;min-height:220px}.lab3d{position:absolute;top:0;right:0;bottom:0;left:0}.chemlab-stage .rv-svg{max-width:none;height:100%;width:100%}.chemlab-need{padding:16px}.chemlab-read{display:flex;flex-wrap:wrap;gap:4px 14px;padding:6px 10px;border-top:1px solid #e5e0d4;background:#faf8f3;font:13.5px system-ui,sans-serif;color:#4a556f;font-variant-numeric:tabular-nums}.chemlab-read b{color:#15213b}.chemlab-eq .py-embed{height:auto}.lab-pour{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lab3d-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.tit-main{position:relative}.tit-views{position:absolute;top:6px;left:6px;z-index:2;display:flex;gap:4px}.tit-stage{flex:1 1 200px;min-height:200px;display:flex;gap:0}.tit-stage.flat{display:block}.tit-stage.flat>.tit-svg{height:100%}.tit-3d{position:relative;flex:1 1 58%;min-width:0}.tit-svg.tit-graph{flex:0 1 42%;width:42%;height:auto;min-height:0}.lab-sol3d{position:relative;flex:1 1 220px;min-height:220px}.mol-prov{margin:2px 8px;padding:4px 8px;border-radius:8px;font-size:13px;background:#f1f5f9;color:#334155}.mol-prov.exp{background:#dcfce7;color:#14532d}.mol-prov.ideal,.mol-prov.vsepr{background:#fef9c3;color:#713f12}.mol-prov.illus{background:#f1f5f9}.mol-atom{margin:2px 8px;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #e5e0d4;font-size:13.5px}.tf-embed{min-height:0}.tf-embed .tf-svg{min-height:120px}.tf-status{flex:none;margin:4px 8px;padding:6px 10px;border-radius:8px;font:14px system-ui,sans-serif;background:#fff7ed;color:#9a3412}.tf-status.ok{background:#dcfce7;color:#166534}.tf-vec{position:relative;display:inline-block;padding-right:.1em}.tf-vec:before{content:"";position:absolute;left:.05em;right:.15em;top:.02em;border-top:1.4px solid currentColor}.tf-vec:after{content:"";position:absolute;right:-.05em;top:calc(-.2em + .7px);border:.22em solid transparent;border-left:.32em solid currentColor;border-right:0}.tf-svg *:not(.py-handle){pointer-events:none}.tf-svg .py-handle{pointer-events:auto}.xl-sm{display:none}@media(max-width:720px),(max-height:520px){.xl-lg{display:none}.xl-sm{display:inline}.deep,.kit,.tit,.geo4.teach{position:relative}.deep{grid-template-columns:minmax(0,1fr)!important}.deep>.deep-main{position:static;height:100%}.kit:not(.gd-on),.tit:not(.gd-on){grid-template-columns:minmax(0,1fr)!important}.geo4.teach{grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto auto!important}.geo4.teach>.tch-rail{grid-row:2!important}.geo4.teach>.m3-view{grid-row:2!important;grid-column:2!important}.geo4.teach>.tch-guide{grid-row:3!important;grid-column:1 / -1!important}.geo4.teach>.gwarn{grid-row:4!important}.deep:not(.deep-hidden)>.deep-side,.kit:not(.gd-wide)>.kit-side:has(>.xl),.tit:not(.gd-wide)>.tit-side:has(>.xl),.geo4.teach:not(.gd-wide)>.tch-under:has(>.xl){position:absolute;left:0;right:0;bottom:0;z-index:8;max-height:62%;overflow-y:auto;overscroll-behavior:contain;padding-top:0;border:1px solid #e5e0d4;border-bottom:0;border-radius:16px 16px 0 0;background:#faf8f3;box-shadow:0 -10px 28px #0f172a33}.deep-side .xl,.kit-side .xl,.tit-side .xl,.tch-under .xl{display:flex;flex-direction:column;gap:8px}.deep-side .xl-hide,.kit-side .xl-hide,.tit-side .xl-hide,.tch-under .xl-hide{order:-1;position:sticky;top:0;z-index:1;align-self:stretch;min-height:44px;margin:0 -10px;background:inherit;text-align:center;font-weight:600;border-bottom:1px solid #e5e0d4}.deep-side .xl-hide:before,.kit-side .xl-hide:before,.tit-side .xl-hide:before,.tch-under .xl-hide:before{content:"";display:block;width:40px;height:4px;margin:0 auto 4px;border-radius:2px;background:#cfc8b8}.xl-show{top:auto;bottom:10px;right:10px;min-height:44px;padding:0 16px;z-index:7}.deep>.deep-main .xl-show{position:absolute}.deep.deep-hidden>.deep-main{box-sizing:border-box;padding-bottom:60px}.kit.gd-wide:not(.gd-on)>.kit-main,.tit.gd-wide:not(.gd-on)>.tit-main,.geo4.teach.gd-wide:not(.gd-on){box-sizing:border-box;padding-bottom:60px}}@media(max-height:520px)and (min-width:721px){.deep:not(.deep-hidden)>.deep-side,.kit:not(.gd-wide)>.kit-side:has(>.xl),.tit:not(.gd-wide)>.tit-side:has(>.xl),.geo4.teach:not(.gd-wide)>.tch-under:has(>.xl){top:0;left:auto;width:min(420px,48%);max-height:none;border-radius:16px 0 0 16px;border:1px solid #e5e0d4;border-right:0;box-shadow:-10px 0 28px #0f172a33}}.dry-run{position:absolute;left:10px;top:10px;display:flex;gap:6px;z-index:3}.dry-run .vz-chipq{min-height:44px;background:#fffffff2;box-shadow:0 3px 10px #0f172a1f}.dry-run .vz-chipq.on{background:#1b2a4a;color:#fff}.cb-card{position:absolute;right:12px;top:12px;z-index:3;display:grid;grid-template-columns:auto auto;column-gap:4px;align-items:center;min-width:120px;padding:10px 14px;border:2px solid #1b2a4a;border-radius:12px;background:#fffffff2;color:#15213b;font:14px system-ui,sans-serif;box-shadow:0 4px 14px #0f172a1f}.cb-card small{grid-column:1;font-size:13px;color:#4a556f}.cb-card small.z{grid-row:2}.cb-card b{grid-column:2;grid-row:1 / 3;font-size:40px;line-height:1}.cb-card i{grid-column:2;grid-row:1;justify-self:end;align-self:start;font-style:normal;font-weight:700;color:#b3261e}.cb-card span{grid-column:1 / -1;margin-top:4px;font-weight:600}.cb-card em{grid-column:1 / -1;font-style:normal;font-size:12px;color:#4a556f}.cb-card em.ok{color:#15803d}.cb-card em.no{color:#b3261e}.cb-pm{display:flex;align-items:center;gap:8px;margin:4px 0}.cb-pm span{min-width:110px}.cb-pm button{min-width:48px;min-height:44px;border:1px solid #cfc8b8;border-radius:10px;background:#fff;font-size:20px}.cb-pm output{min-width:32px;text-align:center;font-weight:700;font-size:18px}:root[data-theme] .cb-card{background:var(--t-surface);color:var(--t-text);border-color:var(--t-text)}.ph3{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--t-sim-bg, #fdfcf9)}.ph3-svg{flex:1 1 auto;width:100%;height:100%;min-height:240px;touch-action:none;-webkit-user-select:none;user-select:none}.ph3 .ph3-bar{top:8px;left:8px}.ph3-svg .py-handle{fill:#2563eb2e;stroke:#1d4ed8;stroke-width:2;cursor:grab}.cell-info{margin:2px 8px;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid #e5e0d4;font-size:13.5px;color:#0f172a;min-height:34px}.cell-info p{margin:2px 0}.cell-info small{color:#475569;font-size:12px}.cell-parts .chip,.cell-layers label{font-size:12.5px}.cell-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #0f172a33;vertical-align:middle}.xl-table tr.on td{background:#fef9c3}.cell-stage{display:flex;flex:1 1 0;min-height:250px}.cell-embed[data-scientific="1"]{container-type:inline-size;min-height:0;overflow-y:auto}.cell-stage.scientific{display:grid;grid-template-columns:minmax(0,1fr) clamp(132px,20%,180px);flex:1 1 0;min-height:250px;margin:4px 8px;border:1px solid #b9d4db;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#fff,#f4faf9 54%,#e6f2f3)}:root[data-theme] .embed .cell-stage.scientific .bio-cell-model{min-width:0;min-height:250px;height:100%;background:transparent}.bio-cell-model{display:flex;flex:1 1 0;min-width:0;min-height:250px;align-items:center;justify-content:center;overflow:hidden}.bio-cell-25d{display:block;width:100%;height:100%;max-height:100%}.bio-cell-25d .cell25d-part{cursor:pointer;outline:none;transition:filter .18s ease,opacity .18s ease}.bio-cell-25d .cell25d-part:hover,.bio-cell-25d .cell25d-part.selected{filter:url(#c25-glow) drop-shadow(0 0 4px #528e7a88)}.bio-cell-25d .cell25d-part:focus-visible{filter:url(#c25-glow) drop-shadow(0 0 5px #26785d)}.bacteria-fission{margin:8px;padding:10px;border:1px solid #c7d9d2;border-radius:14px;background:linear-gradient(145deg,#fff,#f0f7f4);box-shadow:0 5px 18px #59766b12}.bacteria-fission-copy{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;color:#38574e}.bacteria-fission-copy span{color:#60756e;font-size:.9em}.bacteria-fission svg{display:block;width:100%;max-height:230px;margin:6px auto}.bacteria-fission-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.bacteria-fission-controls button{padding:6px 12px;border:1px solid #a9c5ba;border-radius:999px;background:#fff;color:#365a4c;cursor:pointer}.bacteria-fission-controls button:disabled{opacity:.45;cursor:default}.bio-bacteria-25d .cell25d-part:hover,.bio-bacteria-25d .cell25d-part.selected{filter:url(#b25-glow) drop-shadow(0 0 5px #398b78aa)}.bio-bacteria-25d .cell25d-part:focus-visible{filter:url(#b25-glow) drop-shadow(0 0 6px #26785d)}.cell-key{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0;padding:7px 6px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #b7c9ce;background:#f7fbfa;color:#16343e}.cell-key>b{position:sticky;top:-7px;z-index:1;padding:3px 3px 6px;background:#f7fbfa;font-size:12px}.cell-key-item{display:flex;align-items:center;gap:6px;min-height:31px;width:100%;padding:4px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#193642;font:12px system-ui,sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.cell-key-item:hover,.cell-key-item.on{border-color:#60a5a9;background:#d9f0ec}.cell-key-item .cell-dot{flex:0 0 10px}.cell-embed[data-scientific="1"] .cell-info{flex:0 0 auto;max-height:118px;overflow-y:auto;overflow-wrap:anywhere}.cell-embed[data-scientific="1"] .cell-controls{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:38px;padding:3px 10px;flex-wrap:wrap;border-bottom:1px solid #d8e3e5}.cell-layer-details{min-width:0}.cell-layer-details summary{cursor:pointer;font:600 12px system-ui,sans-serif;color:#214254}.cell-layer-grid{display:flex;flex-wrap:wrap;gap:4px 10px;padding:5px 0}.cell-layer-grid .toggle{white-space:nowrap}@container (max-width: 600px){.cell-stage.scientific{display:flex;flex-direction:column;min-height:400px}:root[data-theme] .embed .cell-stage.scientific .bio-cell-model{flex:1 1 300px;min-height:300px;height:auto}.cell-stage.scientific .cell-key{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;max-height:190px;padding:5px;overflow-x:hidden;overflow-y:auto;border-left:0;border-top:1px solid #b7c9ce}.cell-stage.scientific .cell-key>b{grid-column:1 / -1;position:static;padding:2px 3px}.cell-stage.scientific .cell-key-item{min-height:29px;padding:3px;font-size:11px}}.bio-embed{display:flex;flex-direction:column;height:100%}.bio-view{flex:1 1 160px;min-height:160px;position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafc}.bio-svg{width:100%;height:100%;max-height:100%;display:block;touch-action:pan-x pan-y}.bio-vertebrate-classifier{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(12px,1.5vw,22px);padding:clamp(10px,1.3vw,18px);color:#203b37;background:radial-gradient(ellipse at 25% 12%,#fff 0,#f4f9f5 38%,transparent 72%),linear-gradient(135deg,#e7f0eb,#d9e9e1);border-radius:22px}.bio-classifier-specimen{position:relative;min-height:0;margin:0;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #fff;border-radius:20px;background:#dbe8e2;box-shadow:0 14px 36px #234a3819,inset 0 1px #fff}.bio-classifier-specimen>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .7s;animation:org-arrive .45s ease-out both}.bio-classifier-specimen figcaption{z-index:1;display:grid;gap:7px;width:min(100%,620px);margin:18px;padding:clamp(14px,2vw,24px);border:1px solid #ffffffc4;border-radius:16px;background:linear-gradient(120deg,#f8fbf2ed,#ffffffd9);box-shadow:0 10px 26px #1b392c24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bio-classifier-specimen figcaption span{color:#3f7659;font-size:.75rem;font-weight:800;letter-spacing:.1em}.bio-classifier-specimen figcaption b{color:#173b2e;font-size:clamp(1.4rem,2.5vw,2.4rem);line-height:1.05}.bio-classifier-specimen figcaption small{color:#34594a;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.4}.bio-classifier-trail{position:absolute;inset:10% 8% auto;height:12px;display:flex;gap:5px;opacity:.78;pointer-events:none}.bio-classifier-trail i{flex:1;border-radius:99px;background:linear-gradient(90deg,#fff0,#fafff8a8,#fff0);box-shadow:0 0 15px #fff8}.bio-classifier-panel{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:clamp(14px,1.7vw,24px);border:1px solid #ffffffc9;border-radius:20px;background:#ffffffd9;box-shadow:0 14px 34px #234a3810}.bio-classifier-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#173b2e;font-size:1.12rem}.bio-classifier-progress span{padding:6px 10px;border-radius:999px;background:#e4f2e5;color:#316345;font-size:.83rem;font-weight:750}.bio-classifier-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bio-classifier-samples button,.bio-classifier-key-choices button,.bio-classifier-key-result button,.bio-classifier-reset{min-height:42px;border:1px solid #d5e3dc;border-radius:12px;color:#35554a;background:linear-gradient(#fff,#f1f6f3);font:inherit;font-weight:650;cursor:pointer;transition:transform .16s,background .2s,border-color .2s}.bio-classifier-samples button:hover,.bio-classifier-key-choices button:hover,.bio-classifier-key-result button:hover,.bio-classifier-reset:hover{transform:translateY(-1px)}.bio-classifier-samples button.on{border-color:#57936d;background:#e0f1df;color:#164b34}.bio-classifier-samples button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:50%;background:#e6eeea;font-size:.75rem}.bio-classifier-prompt{margin:0;color:#466358;line-height:1.4}.bio-classifier-key{display:grid;gap:9px;padding:13px;border:1px solid #dce8df;border-radius:15px;background:radial-gradient(ellipse at 0 0,#fff,#f1f7ef 70%);box-shadow:inset 0 1px #fff;animation:org-arrive .22s ease-out both}.bio-classifier-key-heading{display:grid;gap:4px;color:#244d39}.bio-classifier-key-heading span{color:#598069;font-size:.7rem;font-weight:800;letter-spacing:.08em}.bio-classifier-key-heading b{font-size:1rem;line-height:1.3}.bio-classifier-key-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bio-classifier-key-choices button{min-height:48px;padding:7px 9px;background:linear-gradient(145deg,#fff,#edf5f0)}.bio-classifier-key-result{display:grid;gap:8px;padding:10px;border-radius:11px;background:#fff2e7;color:#765132;line-height:1.4}.bio-classifier-key-result.correct{background:#e7f5e5;color:#245b38}.bio-classifier-key-result button{justify-self:start;min-height:36px;padding:5px 10px;background:#fff}.bio-classifier-key-trail{display:flex;flex-wrap:wrap;gap:5px}.bio-classifier-key-trail span{padding:4px 7px;border:1px solid #e0e9e2;border-radius:999px;background:#fff;color:#5b7566;font-size:.7rem}.bio-classifier-feedback{min-height:42px;margin:0;padding:10px 12px;border-radius:12px;color:#526d61;background:#f2f6f3;line-height:1.4}.bio-classifier-feedback.correct{color:#195637;background:#e6f5e5}.bio-classifier-feedback.incorrect{color:#86502e;background:#fff2e7}.bio-classifier-sorted{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:auto}.bio-classifier-sorted>div{min-width:0;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;border:1px dashed #c8d8d0;border-radius:10px;background:#f6f8f6;color:#637b70;font-size:.69rem;text-align:center}.bio-classifier-sorted>div.sorted{border-style:solid;border-color:#a9cfad;background:#edf7eb;color:#25543b;animation:org-arrive .25s ease-out both}.bio-classifier-sorted img{width:100%;height:46px;object-fit:cover}.bio-classifier-sorted .empty{padding:4px}.bio-classifier-reset{align-self:flex-start;padding:7px 12px;min-height:36px}.bio-classifier-note{color:#667d72;font-size:.75rem;line-height:1.35}@media(max-width:820px){.bio-vertebrate-classifier{grid-template-columns:1fr;grid-template-rows:minmax(190px,.9fr) minmax(260px,1.1fr)}.bio-classifier-specimen figcaption{margin:10px;padding:12px}.bio-classifier-panel{gap:8px;padding:12px}}@media(max-width:520px){.bio-vertebrate-classifier{padding:7px;gap:7px}.bio-classifier-sorted>div{min-height:52px;font-size:.6rem}.bio-classifier-sorted img{height:34px}}.org-25d{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:9px;color:#18352f}.org-25d-scene{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,27%);gap:clamp(16px,2.2vw,34px);padding:clamp(12px,2vw,28px);border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 24% 18%,#fff 0,#f7fbf8 33%,transparent 64%),linear-gradient(138deg,#e6f0ed,#d5e6e2 57%,#eaf2ed);box-shadow:inset 0 1px #fff,0 18px 52px #33594d18}.org-25d-art{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid #fff9;border-radius:22px;background:radial-gradient(ellipse at 50% 36%,#fff 0,#edf5f2 64%,#dae8e4);box-shadow:0 20px 42px #425e521c,inset 0 1px #fff;animation:org-arrive .48s ease-out both}.org-25d-art:before{content:"";position:absolute;top:8%;right:10%;bottom:8%;left:10%;border-radius:50%;background:radial-gradient(ellipse,#fff9 0,#fff0 70%);pointer-events:none}.org-fiber-art{position:relative;display:block;width:100%;height:100%;max-height:570px;filter:drop-shadow(0 10px 22px #38554a24)}.org-photo{position:relative;width:100%;height:100%;min-height:0;margin:0;display:grid;place-items:center;overflow:hidden}.org-photo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px #273f3625)}.org-photo.organ img{object-fit:cover;object-position:66% 32%;transform:scale(2.8);transform-origin:66% 32%}.org-photo.system img{object-fit:contain;padding:8px}.org-photo.organism img{object-fit:contain;object-position:center 42%;padding:4px}.org-25d-copy{align-self:center;max-width:32ch;padding:clamp(8px,1.5vw,22px) 0}.org-scale{display:inline-block;padding:7px 11px;border-radius:999px;color:#286448;background:#dff1e4;font-size:.76rem;font-weight:800;letter-spacing:.08em}.org-25d-copy h2{margin:18px 0 8px;color:#173a30;font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.06}.org-25d-copy p{margin:10px 0;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.55;color:#47615a}.org-25d-copy .org-example{color:#184735;font-size:clamp(1.15rem,1.65vw,1.5rem);font-weight:750}.org-scale-track{display:flex;gap:8px;margin:24px 0 12px}.org-scale-track span{flex:1;height:7px;border-radius:99px;background:#c5d6d0;transition:background .25s,transform .25s}.org-scale-track span.filled{background:linear-gradient(90deg,#5f9f75,#9dcf9c);box-shadow:0 2px 9px #4f8d6245}.org-scale-track span:last-child.filled{transform:scaleY(1.25)}.org-25d-copy small{display:block;margin-top:12px;color:#647c74;font-size:.92rem;line-height:1.45}.org-25d-ribbon{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:18px 4px 10px}.org-25d-ribbon button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:8px 16px;border:1px solid #d5e2dd;border-radius:999px;color:#34534a;background:linear-gradient(#fff,#f4f8f6);box-shadow:0 5px 14px #314f4310;font:inherit;font-weight:650;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.org-25d-ribbon button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #314f4321}.org-25d-ribbon button.on{border-color:#3b8058;color:#154b35;background:linear-gradient(#ecf8e9,#cbe8cc);box-shadow:inset 0 1px #fff,0 5px 15px #49825d28}.org-25d-ribbon button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#647b73;background:#e8f0ec;font-size:.72rem}.org-25d-note{margin:4px 8px 0;color:#63766f;font-size:.83rem;line-height:1.45;text-align:center}@keyframes org-arrive{0%{opacity:.45;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:920px){.org-25d-scene{grid-template-columns:1fr;grid-template-rows:minmax(250px,1fr) auto}.org-25d-art,.org-photo{min-height:0}.org-25d-copy{max-width:none;padding:4px 8px 8px}.org-25d-copy h2{margin-top:11px}}@media(max-width:560px){.org-25d-scene{padding:8px;gap:8px;border-radius:18px}.org-25d-ribbon{gap:6px;padding-top:6px}.org-25d-ribbon button{min-height:40px;padding:6px 10px;font-size:.88rem}.org-25d-note{font-size:.76rem}}.bio-part{transition:filter .15s}.bio-part.on{filter:url(#bio-glow)}.bio-svg .on>circle:first-child{filter:url(#bio-glow)}.embed:not(.full) .deep-main>.bio-embed{height:100%;min-height:0}.embed:not(.full) .deep-main .bio-view{flex:1 1 0;min-height:120px}.vsvs-embed{--vsvs-ink: #23433e}.vsvs-embed>.py-embed-f{color:var(--vsvs-ink)}.vsvs-embed .vsvs-stage{margin:4px 8px;border:1px solid #bfd6cd;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#fbfdf8,#edf6ef)}.vsvs-embed .bio-svg{filter:drop-shadow(0 2px 3px #42664a18)}.bio-lifecycle-25d{width:min(100%,780px);height:auto;min-height:0;align-self:center;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);grid-template-rows:auto auto auto;gap:10px 16px;padding:12px;color:#24362c;background:radial-gradient(ellipse at 48% 24%,#fff 0,#f8fbf4,#edf4e9)}.bio-lifecycle-25d-image-wrap{position:relative;isolation:isolate;min-height:220px;max-height:320px;aspect-ratio:1.25 / 1;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#dcebf0,#edf1df 60%,#a5b78a);box-shadow:0 8px 24px #324c3024,inset 0 0 0 1px #ffffffa8}.bio-lifecycle-25d-image-wrap:before,.bio-lifecycle-25d-image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bio-lifecycle-25d-image-wrap:before{z-index:0;background:radial-gradient(ellipse at 50% 12%,#fff9 0,transparent 43%),radial-gradient(ellipse at 12% 70%,#8aa68c88 0,transparent 36%),radial-gradient(ellipse at 88% 61%,#819a7588 0,transparent 38%),linear-gradient(180deg,#d9e9ee,#e7eddc 64%,#c7d0a4);filter:saturate(.82)}.bio-lifecycle-25d-image-wrap[data-habitat-fit=yes]{box-shadow:0 0 0 3px #63a56c,0 10px 30px #324c3030}.bio-lifecycle-25d-image-wrap[data-habitat-fit=no]{box-shadow:0 0 0 3px #dda45f,0 8px 24px #324c3024}.bio-lifecycle-25d-image-wrap[data-habitat-scene=water]:before{background:radial-gradient(ellipse at 50% 12%,#fff9 0,transparent 43%),linear-gradient(180deg,#dcecf1 0 46%,#9ccbd0 67%,#6d9b9c)}.bio-lifecycle-25d-image-wrap[data-habitat-scene=wet-edge]:before{background:radial-gradient(ellipse at 50% 12%,#fff9 0,transparent 43%),linear-gradient(180deg,#deedf0 0 42%,#b8d7c9 64%,#92a87d)}.bio-lifecycle-25d-image-wrap[data-habitat-scene=plant]:before{background:radial-gradient(ellipse at 50% 12%,#fff9 0,transparent 43%),radial-gradient(ellipse at 80% 55%,#72986a99 0,transparent 34%),linear-gradient(180deg,#e4edf0 0 45%,#a9c28f 67%,#718a60)}.bio-lifecycle-25d-image-wrap[data-habitat-scene=flower]:before{background:radial-gradient(ellipse at 50% 12%,#fff9 0,transparent 43%),radial-gradient(ellipse at 78% 62%,#d990a066 0,transparent 24%),linear-gradient(180deg,#e7eff2 0 45%,#bad19e 68%,#82966a)}.bio-lifecycle-25d-backdrop{position:absolute;z-index:1;top:-12px;right:-12px;bottom:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;filter:blur(12px) saturate(.76) brightness(1.08);opacity:.34}.bio-lifecycle-25d-image-wrap:after{z-index:2;inset:auto 0 0;height:29%;background:linear-gradient(180deg,transparent 0%,#6e795124 36%,#55634554 100%);box-shadow:0 -14px 24px #52664b14}.bio-lifecycle-25d[data-org=ech] .bio-lifecycle-25d-image-wrap{background:linear-gradient(180deg,#d9edf2,#c7e4db 59%,#809b7d)}.bio-lifecycle-25d[data-org=ga] .bio-lifecycle-25d-image-wrap{background:linear-gradient(180deg,#f3e9d6,#f1e2c7 58%,#a78b66)}.bio-lifecycle-25d[data-org=dau] .bio-lifecycle-25d-image-wrap{background:linear-gradient(180deg,#e2edf0,#e4eddc 57%,#70583d)}.bio-lifecycle-25d-image{position:relative;z-index:3;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 9px 12px #20332220)}.bio-lifecycle-25d-index{position:absolute;z-index:4;top:10px;left:10px;padding:6px 10px;border-radius:999px;background:#fffdf2e8;color:#36533b;font-size:12px;font-weight:700;box-shadow:0 2px 8px #22331d20}.bio-lifecycle-25d-caption{align-self:center;min-width:0;padding:4px 6px}.bio-lifecycle-25d-kicker{color:#55755a;font-size:12px;font-weight:650}.bio-lifecycle-25d-caption h3{margin:5px 0 8px;color:#243b2c;font-size:clamp(18px,2.2vw,25px);line-height:1.18}.bio-lifecycle-25d-caption p{margin:0;color:#405448;font-size:14px;line-height:1.55}.bio-lifecycle-habitat{display:grid;gap:7px;margin-top:12px;padding:10px;border-radius:12px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #55755a20}.bio-lifecycle-habitat>b{color:#39543e;font-size:12px}.bio-lifecycle-habitat>div{display:flex;flex-wrap:wrap;gap:6px}.bio-lifecycle-habitat .chip{min-height:30px;padding:5px 9px;font-size:12px}.bio-lifecycle-habitat>p{font-size:12px;line-height:1.4}.bio-lifecycle-habitat>p[data-correct="1"]{color:#2e7042}.bio-lifecycle-habitat>p[data-correct="0"]{color:#875b23}.bio-lifecycle-25d-progress{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:99px;background:#dbe6d5}.bio-lifecycle-25d-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fa45c,#e2a45d);transition:width .25s ease}.bio-lifecycle-25d-scope{grid-column:1 / -1;color:#637367;font-size:11px;line-height:1.35}.vsvs-embed .cell-info{margin-top:4px;border-color:#c8dacf}.vsvs-embed .bio-state{margin:3px 0 0;color:#245b42;font-weight:650}.bio-nervous-scene{display:flex;flex-direction:column;width:100%;height:100%;min-height:390px;padding:6px 10px 4px;background:radial-gradient(ellipse at 50% 42%,#fff,#f3f8f4 73%,#eaf2ec)}.bio-nervous-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:stretch;gap:10px;width:100%;height:100%;min-height:380px}.bio-nervous-model-column{display:flex;flex-direction:column;min-width:0;min-height:0}.bio-nervous-figure{position:relative;display:flex;flex:1 1 auto;justify-content:center;min-width:0;min-height:320px;overflow:hidden;margin:0}.bio-nervous-figure img{display:block;width:100%;height:100%;object-fit:contain}.bio-nervous-regions{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bio-nervous-region{fill:transparent;stroke:transparent;stroke-width:18;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all;transition:fill .18s ease,stroke .18s ease,filter .18s ease}.bio-nervous-region[data-testid="bio-2.5d-select-brain"]{stroke-width:2}.bio-nervous-region[data-testid="bio-2.5d-select-brain"]:hover,.bio-nervous-region[data-testid="bio-2.5d-select-brain"].selected{fill:#e88b6340;stroke:#d86e48;stroke-width:6;filter:drop-shadow(0 0 7px #ed8b5c99)}.bio-nervous-region[data-testid="bio-2.5d-select-cord"]:hover,.bio-nervous-region[data-testid="bio-2.5d-select-cord"].selected{stroke:#d79a37;stroke-width:7;filter:drop-shadow(0 0 5px #f0c76fbb)}.bio-nervous-region[data-testid="bio-2.5d-select-nerves"]:hover,.bio-nervous-region[data-testid="bio-2.5d-select-nerves"].selected{stroke:#c18438;stroke-width:5;filter:drop-shadow(0 0 4px #efc66c99)}.bio-nervous-region:focus-visible{outline:none;stroke:#2d8a69;stroke-width:12}.bio-nervous-figure figcaption{position:absolute;left:8px;bottom:6px;max-width:calc(100% - 16px);padding:4px 7px;border:1px solid #d9e6dc;border-radius:7px;background:#fffffff0;color:#45624e;font-size:10px}.bio-reflex-signal{fill:none;stroke:#36bfc2;stroke-width:17;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #38c4c9);pointer-events:none}.bio-reflex-signal path{stroke-dasharray:20 17;animation:bio-reflex-flow .85s linear infinite}.bio-reflex-signal.motor{stroke:#f08b54;filter:drop-shadow(0 0 6px #f48b53)}.bio-reflex-signal.brainward{stroke:#788be1;filter:drop-shadow(0 0 6px #8497e9)}@keyframes bio-reflex-flow{to{stroke-dashoffset:-74}}.bio-nervous-key{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:3px 0;color:#52695a;font-size:10px}.bio-nervous-key span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#df8862;vertical-align:0}.bio-nervous-key span:nth-child(2):before{background:#d7a144}.bio-nervous-key span:nth-child(3):before{background:#bc9a57}.bio-nervous-note{display:block;padding:3px 0 0;color:#63756a;font-size:10px;text-align:center}.bio-reflex-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px;border:1px solid #cadbd2;border-radius:12px;background:linear-gradient(155deg,#fff,#f4faf7);color:#23433e;box-shadow:0 3px 12px #18372a10}.bio-reflex-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.bio-reflex-heading>div{display:grid;gap:2px}.bio-reflex-heading b{font-size:14px}.bio-reflex-heading small{color:#5c7469}.bio-reflex-heading>span{flex:none;padding:3px 7px;border-radius:999px;background:#e8f2ec;color:#367253;font-size:11px;font-weight:700}.bio-reflex-vignette{position:relative;flex:0 0 190px;min-height:150px;margin:8px 0 4px;overflow:hidden;border:1px solid #e0e7df;border-radius:10px;background:radial-gradient(ellipse at 40% 90%,#fff4d9,#f8f5ec 49%,#eef5f1)}.bio-reflex-mug{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bio-reflex-hand{position:absolute;z-index:2;left:34%;bottom:18%;width:69%;height:68%;object-fit:contain;transform:scaleX(-1);transform-origin:center;transition:transform .8s cubic-bezier(.2,.72,.18,1);filter:drop-shadow(0 4px 5px #493a2b20)}.bio-reflex-vignette.withdrawn .bio-reflex-hand{transform:translate(17%) scaleX(-1)}.bio-reflex-vignette.sensing .bio-reflex-hand{transform:translate(-2%) scaleX(-1)}.bio-reflex-contact{position:absolute;z-index:3;left:53%;top:44%;width:15px;height:15px;border-radius:50%;background:#f3a43e;box-shadow:0 0 #f3a43e80;animation:bio-reflex-contact 1s ease-out infinite}@keyframes bio-reflex-contact{70%{box-shadow:0 0 0 18px #f3a43e00;opacity:.65}to{opacity:0}}.bio-reflex-scene-caption{position:absolute;z-index:4;right:6px;bottom:5px;padding:3px 6px;border-radius:6px;background:#ffffffdc;color:#50685d;font-size:9px}.bio-reflex-progress{display:flex;gap:4px;padding:4px 1px 2px}.bio-reflex-progress span{flex:1;height:4px;border-radius:999px;background:#dce7e0}.bio-reflex-progress span.active{background:linear-gradient(90deg,#5aa989,#3685aa)}.bio-reflex-explanation{min-height:58px;padding:4px 2px 1px;color:#2d4d40}.bio-reflex-explanation b{font-size:12px}.bio-reflex-explanation p{margin:3px 0;font-size:12px;line-height:1.35}.bio-reflex-controls{display:flex;flex-wrap:wrap;gap:5px;padding:3px 0 5px}.bio-reflex-controls .chip{min-height:30px;padding:4px 10px;font-size:11px}.bio-reflex-controls .chip:disabled{opacity:.48;cursor:not-allowed}.bio-reflex-footnote{display:block;margin-top:auto;color:#5b6d64;font-size:10px;line-height:1.35}.bio-process{width:min(100% - 16px,520px);max-height:100%;overflow:auto;margin:8px;padding:10px 12px;border:1px solid #bfd6cd;border-radius:12px;background:#fff;color:#23433e;font-size:13px;line-height:1.4}.bio-process h3{margin:0 0 6px;font-size:15px}.bio-process ol{margin:4px 0 6px;padding-left:22px}.bio-process li{margin:3px 0}.bio-process .py-embed-params{padding:4px 0}.bio-process .chip{min-height:32px}.bio-process small{color:#52645d}.bio-linkage-gametes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0}.bio-linkage-gamete{display:grid;gap:2px;padding:5px 8px;border:1px solid #d5e2da;border-radius:8px;background:linear-gradient(145deg,#fffdf5,#edf4ee)}.bio-linkage-gamete small{font-size:11px}.bio-pedigree-choices{display:grid;gap:5px;margin:6px 0}.bio-pedigree-choices .chip{white-space:normal;text-align:left}.bio-pedigree-people{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:3px 0 7px}.bio-pedigree-people .chip{min-width:46px;min-height:28px;padding:2px 7px}.bio-pedigree-privacy{display:block;width:100%;white-space:normal;text-align:left}.bio-pedigree-model>small{display:block;margin-top:5px}.bio-route{display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:5px 0;color:#315c50;font-weight:650}.bio-route-step{white-space:nowrap}.bio-process-note{margin:5px 0 0;color:#52645d;font-size:12px}.bio-simulation{width:min(100% - 16px,720px);max-height:min(100%,560px);padding:12px 14px;background:linear-gradient(150deg,#fff,#f4faf7);box-shadow:0 3px 12px #18372a12}.bio-sim-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #dce9e2}.bio-sim-heading>div{display:grid;gap:2px}.bio-sim-heading small,.bio-sim-footnote{color:#5b6e66}.bio-sim-badge{flex:none;border-radius:99px;background:#e4f2e9;color:#245b42;padding:4px 9px;font-weight:700}.bio-arc{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;padding:8px 0}.bio-arc-node{width:min(100%,560px);display:grid;gap:3px;padding:8px 11px;border:1px solid #d1ded8;border-left:4px solid #9db7aa;border-radius:9px;background:#fff;color:#29483e}.bio-arc-node.active{border-color:#6fa987;border-left-color:#17834c;background:#eef8f1;box-shadow:0 0 0 2px #16834c12}.bio-arc-node.mechanical{border-left-color:#d19a43}.bio-arc-node.mechanical.active{border-color:#d8a84f;background:#fff8e9}.bio-arc-node span{color:#52645d}.bio-arc-arrow{color:#9aaba2;line-height:1;font-size:18px;font-weight:800}.bio-arc-arrow.active{color:#16834c}.bio-sim-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bio-selection-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px 16px;padding:9px 0}.bio-selection-controls>div{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.bio-selection-controls>div>span,.bio-selection-controls label{color:#38564b;font-size:12px}.bio-selection-controls label{display:grid;gap:3px}.bio-selection-controls input[type=number]{width:148px;min-height:32px;border:1px solid #c8d9d0;border-radius:7px;padding:4px 7px}.bio-pressure{min-width:min(220px,100%);flex:1}.bio-pressure input{width:100%;accent-color:#328457}.bio-population{display:grid;gap:8px;padding:10px;border:1px solid #dce9e2;border-radius:10px;background:#fff}.bio-population>div:first-child{display:flex;flex-wrap:wrap;gap:4px 14px;color:#405e52;font-size:12px}.bio-population-bar{display:flex;width:100%;height:18px;overflow:hidden;border-radius:99px;background:#eee9dc}.bio-population-bar span:first-child{background:#31875a;transition:width .25s ease}.bio-population-bar span:nth-child(2){background:#e3a842;transition:width .25s ease}.bio-generation-chart{display:grid;gap:4px;padding:8px 0}.bio-generation-row{display:grid;grid-template-columns:26px minmax(55px,1fr) minmax(105px,auto);align-items:center;gap:7px;color:#52645d;font-size:11px}.bio-generation-row .bio-population-bar{height:10px}.bio-generation-row small{text-align:right;white-space:nowrap}.bio-selection-result{margin:5px 0;padding:7px 9px;border-radius:8px;background:#eef7f0;color:#2b5741}.bio-sim-footnote{display:block;margin-top:7px;line-height:1.4}.bio-water-view{flex:1 1 360px;min-height:340px}.plant-needs-stage{width:100%;min-height:350px;padding:7px}.bio-exchange-subject{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px}.bio-exchange-composite{display:flex;min-height:0;flex-direction:column;gap:7px}.bio-exchange-animal{display:flex;min-height:420px;flex-direction:column;gap:6px}.bio-exchange-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;padding:8px 11px;border:1px solid #d8e5dc;border-radius:9px;background:#fff;color:#355548;font-size:12px}.bio-exchange-note span{color:#53665d}.bio-exchange-animal .respiratory-25d{min-height:0}.plant-needs-visual{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.8fr);align-items:stretch;gap:10px;width:100%;min-height:350px;color:#23433e}.plant-needs-scene{position:relative;min-width:0;min-height:350px;overflow:hidden;margin:0;border:1px solid #d8e7df;border-radius:12px;background:#f7faf5;box-shadow:0 8px 22px #355c3c12}.plant-needs-scene img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;animation:plant-state-in .25s ease-out both}.plant-needs-scene figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 9px;border:1px solid #dce7dc;border-radius:8px;background:#fffffff0;color:#31583d;font-size:11px;font-weight:750;box-shadow:0 2px 8px #294c3218}.plant-gas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.plant-gas-overlay>g>path{fill:none;stroke:#4b8b70;stroke-width:9;stroke-linecap:round;stroke-dasharray:18 12;animation:plant-flow-dash 1.4s linear infinite}.plant-gas-overlay text{fill:#24483d;font-size:32px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round}.plant-gas-overlay.night path{stroke:#658fb0}.plant-gas-control{grid-column:1/-1;padding:10px 12px;border:1px solid #d5e1d8;border-radius:10px;background:#fff;color:#29483d}.plant-gas-control>b{display:block;font-size:13px}.plant-period-tabs{display:flex;gap:7px;margin:7px 0}.plant-period-tabs button{border:1px solid #c9d8ce;border-radius:8px;padding:6px 12px;background:#f3f7f2;color:#29483d;cursor:pointer}.plant-period-tabs button[aria-pressed=true]{background:#356f59;color:#fff}.plant-gas-control p{margin:5px 0;font-size:12px;line-height:1.4}.plant-gas-control small{display:block;color:#52645d;font-size:10px}.animal-care-25d{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.85fr);gap:10px;width:100%;min-height:340px;color:#29483d}.animal-care-scene{position:relative;min-height:340px;overflow:hidden;margin:0;border:1px solid #d7e4db;border-radius:13px;background:linear-gradient(145deg,#fbfcf7,#dce9db);box-shadow:0 8px 22px #355c3c12}.animal-care-scene img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;transition:filter .25s ease}.animal-care-scene.incomplete img{filter:saturate(.88)}.animal-care-scene figcaption,.animal-care-status{position:absolute;left:12px;right:12px;padding:7px 10px;border-radius:8px;background:#fffffff0;box-shadow:0 2px 8px #294c3218;font-size:11px;font-weight:750}.animal-care-scene figcaption{top:12px;width:max-content;max-width:calc(100% - 24px)}.animal-care-status{bottom:12px;border-left:3px solid #4c926d;color:#31583d}.animal-care-scene.incomplete .animal-care-status{border-left-color:#c4873b}.animal-care-panel{display:grid;align-content:start;gap:9px;padding:12px;border:1px solid #d9e5dc;border-radius:12px;background:linear-gradient(160deg,#fff,#f5f8f2)}.animal-care-panel header{display:grid;gap:3px}.animal-care-panel header b{font-size:14px}.animal-care-panel header small,.animal-care-scope{color:#5b6e66;font-size:10px}.animal-care-needs{display:grid;gap:7px}.animal-care-need{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-height:54px;padding:8px;overflow:hidden;border:1px solid #dce7de;border-radius:9px;background:#fff}.animal-care-need input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.animal-care-need:focus-within{outline:2px solid #48876a;outline-offset:1px}.animal-care-indicator{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e0f0e5;color:#34704e;font-size:13px;font-weight:800}.animal-care-need.missing .animal-care-indicator{background:#fff0d9;color:#9a6425}.animal-care-need>span:nth-of-type(2){grid-column:2;display:grid;gap:2px}.animal-care-need b{font-size:11px}.animal-care-need small{color:#60716a;font-size:9px;line-height:1.3}.animal-care-track{grid-column:2;height:4px;overflow:hidden;border-radius:9px;background:#e8eee9}.animal-care-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#83bd91,#4d916c);transition:width .2s ease}.animal-care-need.missing .animal-care-track i{width:18%;background:#d49a55}.animal-care-explanation{margin:0;padding:9px;border-left:3px solid #51856a;border-radius:6px;background:#edf5ee;font-size:11px;line-height:1.4}.animal-care-scope{line-height:1.4}.plant-needs-controls{display:flex;flex-direction:column;min-width:0;gap:7px;padding:10px;border:1px solid #d1e0d7;border-radius:12px;background:linear-gradient(155deg,#fff,#f1f7f2)}.plant-needs-controls>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}.plant-needs-controls>header span{border-radius:99px;padding:3px 7px;background:#e7f2eb;color:#35674a;font-size:10px;font-weight:700}.plant-needs-factors{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.plant-needs-factor{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:7px;min-height:62px;padding:5px 7px;border:1px solid #dce8df;border-radius:9px;background:#fff}.plant-needs-factor.absent{border-color:#e3c8b6;background:#fffaf6}.plant-needs-glyph{width:70px;height:44px;overflow:visible}.plant-needs-glyph .soil-line{fill:#c9a47a;stroke:#947251;stroke-width:1.3}.plant-needs-glyph .soil-grain{fill:none;stroke:#dfc5a4;stroke-width:1.1}.plant-needs-glyph .water-drop{fill:#3b9fc5;stroke:#176e91;stroke-width:1.5;animation:plant-drop 2.4s ease-in-out infinite}.plant-needs-glyph .dry-mark,.plant-needs-glyph .inactive-mark{fill:none;stroke:#b26a4e;stroke-width:3;stroke-linecap:round}.plant-needs-glyph .sun-disc{fill:#ffd46c;stroke:#ca9738;stroke-width:1.4}.plant-needs-glyph .sun-ray{fill:none;stroke:#d6a64a;stroke-width:2;stroke-linecap:round}.plant-needs-glyph:not(.active) .sun-disc{fill:#d8ded8;stroke:#9aa99e}.plant-needs-glyph:not(.active) .sun-ray{opacity:.25}.plant-needs-glyph .air-stream{fill:none;stroke:#5c9eaa;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 3;animation:plant-air 2.6s linear infinite}.plant-needs-glyph:not(.active) .air-stream{opacity:.12;animation:none}.plant-needs-glyph .mineral-grain{fill:#d0a64a;stroke:#946f31;stroke-width:1}.plant-needs-glyph:not(.active) .mineral-grain{fill:#c6c7bd;stroke:#a7aaa0}.plant-needs-factor>div{display:grid;min-width:0;gap:2px}.plant-needs-factor b{font-size:12px}.plant-needs-factor small{color:#52645d;font-size:10px;line-height:1.25}.plant-needs-track{display:block;width:min(100%,210px);height:16px;overflow:visible}.plant-needs-track .track-base{fill:none;stroke:#d7e2dc;stroke-width:4;stroke-linecap:round}.plant-needs-track .track-flow{fill:none;stroke:#2584a5;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 5;animation:plant-flow-dash 1.3s linear infinite}.plant-needs-track.light .track-flow{stroke:#d69b27}.plant-needs-track.air .track-flow{stroke:#428b91}.plant-needs-track.mineral .track-flow{stroke:#a57b33}.plant-needs-track .track-arrow{fill:none;stroke:#2584a5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.plant-needs-track.light .track-arrow{stroke:#d69b27}.plant-needs-track.air .track-arrow{stroke:#428b91}.plant-needs-track.mineral .track-arrow{stroke:#a57b33}.plant-needs-track .track-block{stroke:#b26a4e;stroke-width:3;stroke-linecap:round}.plant-needs-track .track-pulse{fill:#fff;stroke:#176e91;stroke-width:2}@keyframes plant-flow-dash{to{stroke-dashoffset:-26}}@keyframes plant-state-in{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.plant-needs-track .track-flow{animation:none}.plant-needs-track .track-pulse{display:none}.plant-needs-scene img{animation:none}}.plant-needs-outcome{min-height:58px;padding:7px 9px;border-left:3px solid #54866b;border-radius:6px;background:#eaf3ec}.plant-needs-outcome.changed{border-left-color:#c08045;background:#fff3e8}.plant-needs-outcome>span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;color:#52645d}.plant-needs-outcome p{margin:3px 0 0;font-size:11px;line-height:1.3}.plant-needs-note{color:#5b6e66;font-size:10px;line-height:1.3}@keyframes plant-drop{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(4px);opacity:1}}@keyframes plant-air{to{stroke-dashoffset:-16}}.plant-water-stage{width:100%;height:100%;min-height:480px;padding:7px}.bio-water-diagram{display:grid;grid-template-rows:minmax(330px,1fr) auto auto auto;gap:6px;width:100%;height:100%;min-height:465px;margin:0;padding:8px;overflow:hidden;border:1px solid #c7dbcf;border-radius:12px;background:linear-gradient(155deg,#fff,#f0f8f1);color:#23433e}.bio-water-canvas{position:relative;width:100%;min-height:330px;overflow:hidden;border-radius:9px;background:#eef5ed}.bio-water-canvas img,.bio-water-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bio-water-canvas img{object-fit:contain}.bio-water-canvas svg{pointer-events:none}.bio-water-route path{fill:none;stroke:#1686bd;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 16;opacity:.72;filter:url(#water-flow-glow)}.bio-water-route.active path{stroke-width:20;opacity:1}.bio-water-route circle{fill:#42b4df;stroke:#fff;stroke-width:4;filter:url(#water-flow-glow)}.bio-water-vapor path{fill:none;stroke:#64aebd;stroke-width:12;stroke-linecap:round;stroke-dasharray:10 13;opacity:.7}.bio-water-vapor.active path{stroke-width:17;opacity:1}.bio-water-vapor circle{fill:#9ddbe4;stroke:#fff;stroke-width:3}.bio-water-diagram figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px;padding:2px 4px;color:#355849;font-size:12px;font-weight:650}.bio-water-diagram>small{color:#5b6e66;font-size:10px;line-height:1.35}.bio-water-result{padding:5px 8px;border-radius:7px;background:#e9f4ec;color:#285b40;font-size:12px;font-weight:700}.bio-flower-reproduction{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);gap:8px;width:100%;min-height:400px;padding:7px;color:#29453a}.bio-reproduction-25d{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(310px,1.05fr);gap:12px;width:min(100%,780px);align-self:center;padding:12px;color:#29453a;background:radial-gradient(ellipse at 48% 15%,#fff 0,#f6faf2 56%,#edf4e9)}.bio-reproduction-25d-specimen{position:relative;min-height:300px;overflow:hidden;border:1px solid #d6e3d6;border-radius:16px;background-color:#edf4e9;background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 8px 24px #324c3024,inset 0 0 0 1px #ffffffa8}.bio-reproduction-25d-specimen.strawberry{background-position:left top}.bio-reproduction-25d-specimen.hydra{background-position:right top}.bio-reproduction-25d-specimen.pea{background-position:left bottom}.bio-reproduction-25d-specimen.frog{background-position:right bottom}.bio-reproduction-25d-specimen.strawberry,.bio-reproduction-25d-specimen.pea{background-size:190% 200%}.bio-reproduction-25d-specimen.hydra,.bio-reproduction-25d-specimen.frog{background-size:224% 200%}.bio-reproduction-25d-specimen>span{position:absolute;z-index:1;left:10px;top:10px;max-width:calc(100% - 20px);padding:6px 9px;border:1px solid #d5e3d7;border-radius:999px;background:#fffffff0;color:#365a42;font-size:11px;font-weight:750;box-shadow:0 2px 9px #253d2520}.bio-reproduction-25d-detail{display:flex;flex-direction:column;gap:9px;min-width:0}.bio-reproduction-25d-switch,.bio-reproduction-25d-stages{display:flex;flex-wrap:wrap;gap:6px}.bio-reproduction-25d-switch .chip{min-height:32px;padding:6px 9px;font-size:12px}.bio-reproduction-25d-detail header{padding:9px 11px;border:1px solid #dce7da;border-radius:12px;background:#ffffffc9}.bio-reproduction-25d-detail header small{color:#628064;font-size:11px;font-weight:700}.bio-reproduction-25d-detail header h3{margin:4px 0 6px;color:#2c4937;font-size:18px;line-height:1.2}.bio-reproduction-25d-detail header p{margin:0;color:#435b4c;font-size:13px;line-height:1.45}.bio-reproduction-25d-stages{display:grid;align-content:start;grid-template-columns:1fr}.bio-reproduction-25d-stages .chip{justify-content:flex-start;min-height:32px;padding:5px 8px;text-align:left;font-size:11px}.bio-reproduction-25d-stages .chip span{display:inline-grid;width:19px;height:19px;place-items:center;margin-right:4px;border:1px solid #bdd1b9;border-radius:50%;background:#fff;font-size:10px}.bio-reproduction-25d-compare{margin:0;padding:8px 9px;border-left:3px solid #91b381;border-radius:4px 9px 9px 4px;background:#edf5e9;color:#40584a;font-size:11px;line-height:1.4}.bio-reproduction-25d-scope{grid-column:1/-1;color:#637367;font-size:10px;line-height:1.35}.bio-body-overview{display:grid;gap:12px;width:min(100%,860px);align-self:center;padding:12px;color:#29453a;background:radial-gradient(ellipse at 48% 15%,#fff 0,#f6faf2 56%,#edf4e9)}.bio-body-overview-scene{display:grid;grid-template-columns:minmax(245px,1fr) minmax(270px,.9fr);gap:12px}.bio-body-overview-figure{position:relative;display:flex;flex-direction:column;min-width:0;min-height:330px;overflow:hidden;margin:0;border:1px solid #d4e2d7;border-radius:15px;background:linear-gradient(150deg,#fff,#edf5ef 72%,#dfece2);box-shadow:0 8px 22px #355c3c12}.bio-body-overview-figure>img{display:block;width:100%;height:300px;object-fit:contain;filter:drop-shadow(0 5px 10px #283d2918)}.bio-body-overview-figure>svg{display:block;width:min(100%,300px);height:300px;align-self:center}.bio-body-overview-figure>figcaption{padding:4px 9px;color:#617168;font-size:10px;line-height:1.3}.bio-body-overview-organ{display:grid;gap:2px;margin:0 8px 7px;padding:7px 9px;border-left:3px solid #7ea76e;border-radius:4px 8px 8px 4px;background:#f0f6eb;color:#36523d;font-size:11px;line-height:1.4}.bio-body-overview-organ b{font-size:12px}.bio-body-overview-controls{display:flex;flex-direction:column;gap:8px;min-width:0}.bio-body-overview-kicker{color:#638064;font-size:10px;font-weight:800;letter-spacing:.04em}.bio-body-overview-controls h2{margin:0;color:#2c4937;font-size:19px;line-height:1.2}.bio-body-overview-systems,.bio-body-overview-organs,.bio-body-overview-activities{display:flex;flex-wrap:wrap;gap:6px}.bio-body-overview-systems .chip,.bio-body-overview-organs .chip,.bio-body-overview-activities .chip{min-height:30px;padding:5px 9px;font-size:11px}.bio-body-overview-prompt{margin:2px 0 0;color:#5b6e63;font-size:11px}.bio-body-overview-coordination{display:grid;gap:7px;padding:10px 11px;border:1px solid #dce7da;border-radius:12px;background:#ffffffc9}.bio-body-overview-coordination>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.bio-body-overview-coordination h3{margin:3px 0 0;color:#2c4937;font-size:14px}.bio-body-overview-coordination p{margin:0;color:#435b4c;font-size:12px;line-height:1.45}.bio-body-overview-result{display:grid;gap:6px;padding:8px 9px;border-left:3px solid #91b381;border-radius:4px 9px 9px 4px;background:#edf5e9}.bio-body-overview-result>div{display:flex;flex-wrap:wrap;gap:5px}.bio-body-overview-empty{margin:0;color:#65766b;font-size:11px}.bio-body-overview-coordination>small{color:#637367;font-size:10px}.bio-skin-thermo{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:14px;width:min(100%,900px);align-self:center;padding:14px;border:1px solid #d8e6df;border-radius:16px;color:#26463d;background:radial-gradient(ellipse at 20% 15%,#fff 0,#f5faf7 62%,#e9f2ed)}.bio-skin-thermo-figure{position:relative;display:grid;align-content:center;min-width:0;min-height:330px;margin:0;overflow:hidden;border:1px solid #d4e3dc;border-radius:14px;background:linear-gradient(145deg,#fff,#f4e8df 65%,#e9d6c6)}.bio-skin-thermo-figure>img{display:block;width:100%;max-height:370px;object-fit:contain}.bio-skin-feature-marker{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;color:#fff;background:#246b62;box-shadow:0 2px 9px #172f2866,0 0 0 4px #246b6233;font-size:12px;font-weight:800;transform:translate(-50%,-50%)}.bio-skin-feature-marker.barrier{left:31%;top:28%}.bio-skin-feature-marker.sensation{left:17%;top:61%}.bio-skin-feature-marker.sweat{left:72%;top:61%}.bio-skin-thermo-figure>figcaption{padding:5px 9px;color:#66766e;font-size:10px}.bio-skin-thermo-detail{display:flex;flex-direction:column;justify-content:center;gap:11px;min-width:0}.bio-skin-thermo-tabs,.bio-skin-feature-list,.bio-skin-temp-list{display:flex;flex-wrap:wrap;gap:6px}.bio-skin-thermo-detail .chip{min-height:32px;padding:6px 9px;font-size:11px}.bio-skin-feature-list .chip span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#e6eee9}.bio-skin-thermo-copy{padding:12px;border:1px solid #dce8e1;border-left:4px solid #6d9f89;border-radius:6px 12px 12px 6px;background:#fff}.bio-skin-thermo-copy>small{color:#688176;font-size:9px;font-weight:800;letter-spacing:.04em}.bio-skin-thermo-copy h3{margin:5px 0;font-size:18px}.bio-skin-thermo-copy p,.bio-skin-thermo-safety{margin:0;color:#435d52;font-size:12px;line-height:1.5}.bio-skin-thermo-safety{padding:8px 10px;border-radius:8px;background:#edf4ef}.bio-skin-thermo-scope{grid-column:1/-1;color:#67766f;font-size:9px;line-height:1.4}.bio-skin-response{position:absolute;right:10px;bottom:28px;display:grid;justify-items:center;gap:3px;width:150px;padding:8px;border:1px solid #fff8;border-radius:12px;background:#fffffff0;box-shadow:0 4px 16px #243d301c}.bio-skin-response-vessel{display:block;width:100%;height:9px;border:2px solid #98584b;border-radius:12px;background:#d97869;transition:height .2s,background .2s}.bio-skin-response.hot .bio-skin-response-vessel{height:16px;background:#e76c55}.bio-skin-response.cold .bio-skin-response-vessel{width:58%;background:#7497bb;border-color:#587897}.bio-skin-response-drops{display:flex;gap:8px;height:12px}.bio-skin-response-drops i{width:5px;height:8px;border-radius:70% 40% 70% 70%;transform:rotate(45deg);background:#51a8c2;opacity:.2}.bio-skin-response.hot .bio-skin-response-drops i{opacity:1}.bio-skin-response.cold .bio-skin-response-drops i{opacity:.08}.bio-skin-response>small{color:#4d6258;font-size:9px;text-align:center}.bio-exercise-coordination{display:grid;gap:10px;width:min(100%,900px);align-self:center;padding:12px;border:1px solid #d3e1e3;border-radius:15px;color:#253e4a;background:radial-gradient(ellipse at 16% 12%,#fff 0,#f3f8f8 60%,#eaf2f3)}.bio-exercise-header{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:10px}.bio-exercise-header small{color:#54818c;font-size:9px;font-weight:800;letter-spacing:.05em}.bio-exercise-header h2{margin:4px 0 0;color:#244956;font-size:19px}.bio-exercise-header p,.bio-exercise-route,.bio-exercise-role p{margin:0;color:#48616a;font-size:11px;line-height:1.45}.bio-exercise-route{padding:7px 9px;border-left:3px solid #5791a3;border-radius:4px 8px 8px 4px;background:#e6f0f2}.bio-exercise-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px 0}.bio-exercise-node{position:relative;min-width:0}.bio-exercise-node-button{display:grid;grid-template-rows:104px auto;gap:5px;width:100%;height:100%;padding:7px;border:1px solid #d1e0e2;border-radius:12px;background:linear-gradient(150deg,#fff,#edf5f5);color:#294853;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.bio-exercise-node-button:hover{transform:translateY(-1px)}.bio-exercise-node-button:focus-visible{outline:3px solid #7caeb8;outline-offset:2px}.bio-exercise-node-button img{display:block;width:100%;height:104px;object-fit:contain;border-radius:7px;background:linear-gradient(145deg,#fff,#f0f5f4)}.bio-exercise-node-button b{align-self:center;font-size:10px;line-height:1.3}.bio-exercise-node.selected .bio-exercise-node-button,.bio-exercise-node-button[aria-pressed=true]{border-color:#3d8997;box-shadow:0 0 0 2px #3d899733}.bio-exercise-link{position:absolute;z-index:2;top:48%;right:-19px;display:flex;align-items:center;gap:3px;transform:translateY(-50%);color:#5a7881;pointer-events:none}.bio-exercise-link span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e0eef0;font-size:8px;font-weight:800}.bio-exercise-link i{position:relative;display:block;width:11px;height:2px;background:#8eaeb5}.bio-exercise-link i:after{position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:2px solid currentColor;border-right:2px solid currentColor;color:#789ca5;content:"";transform:rotate(45deg)}.bio-exercise-network.walk .bio-exercise-link i{background:#cf8742}.bio-exercise-network.walk .bio-exercise-link i:after{color:#cf8742}.bio-exercise-network.stairs .bio-exercise-link i{height:4px;background:#c46446}.bio-exercise-network.stairs .bio-exercise-link i:after{color:#c46446}.bio-exercise-controls{display:flex;flex-wrap:wrap;gap:6px}.bio-exercise-controls .chip{min-height:31px;padding:5px 9px;font-size:11px}.bio-exercise-role{padding:9px 10px;border:1px solid #d7e5e6;border-left:3px solid #5992a0;border-radius:5px 9px 9px 5px;background:#fff}.bio-exercise-role b{display:block;margin-bottom:3px;color:#284a55;font-size:12px}.bio-exercise-scope{color:#63767a;font-size:9px;line-height:1.4}.bio-exchange-coordination{display:grid;gap:9px;width:min(100%,920px);align-self:center;padding:12px;border:1px solid #d3e1d8;border-radius:15px;color:#233e36;background:radial-gradient(ellipse at 18% 14%,#fff 0,#f2f8f4 60%,#eaf3ed)}.bio-exchange-coord-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:10px}.bio-exchange-coord-header small{color:#4e7d69;font-size:9px;font-weight:800;letter-spacing:.05em}.bio-exchange-coord-header h2{margin:3px 0 0;color:#214c3e;font-size:18px}.bio-exchange-coord-header p{margin:0;color:#435c53;font-size:11px;line-height:1.45}.bio-exchange-coord-switch{display:flex;flex-wrap:wrap;gap:6px}.bio-exchange-coord-network{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px 0}.bio-exchange-coord-node{position:relative;min-width:0}.bio-exchange-coord-node-btn{display:grid;grid-template-rows:96px auto;gap:4px;width:100%;height:100%;padding:6px;border:1px solid #d1e2d7;border-radius:11px;background:linear-gradient(150deg,#fff,#f0f7f2);color:#25483d;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.bio-exchange-coord-node-btn:hover{transform:translateY(-1px)}.bio-exchange-coord-node-btn:focus-visible{outline:3px solid #67a988;outline-offset:2px}.bio-exchange-coord-node-btn img{display:block;width:100%;height:96px;object-fit:contain;border-radius:7px;background:linear-gradient(145deg,#fff,#eef6f0)}.bio-exchange-coord-node.active .bio-exchange-coord-node-btn{border-color:#3d8c6b;box-shadow:0 0 0 2px #3d8c6b33;background:#e8f4ec}.bio-exchange-coord-node .tissue-placeholder{display:grid;place-items:center;height:96px;border-radius:7px;background:linear-gradient(145deg,#fff,#e8f0ec);color:#355a4e;text-align:center;font-size:11px}.bio-exchange-coord-node .tissue-placeholder span{font-size:26px}.node-caption b{display:block;font-size:11px;line-height:1.25;color:#1f4437}.node-caption small{color:#587569;font-size:9px}.bio-exchange-coord-svg{width:100%;height:130px;margin:4px 0;border:1px solid #dbe8df;border-radius:10px;background:#f7faf8}.bio-exchange-coord-detail{padding:10px 12px;border:1px solid #d0e2d5;border-left:4px solid #4a8d6e;border-radius:6px 12px 12px 6px;background:#fff}.bio-exchange-coord-detail header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.bio-exchange-coord-detail header b{color:#224f3e;font-size:13px}.bio-exchange-coord-detail .badge{padding:2px 7px;border-radius:10px;background:#e2f2e7;color:#296549;font-size:9px;font-weight:700}.bio-exchange-coord-detail .role-summary{margin:0 0 6px;color:#3a584c;font-size:11px;line-height:1.45}.bio-exchange-coord-detail .role-specifics{display:grid;gap:4px;font-size:10px;color:#4a6559}.bio-exchange-coord-detail .role-specifics p{margin:0}.bio-exchange-coord-scope{color:#62796e;font-size:9px;line-height:1.4}@media(max-width:720px){.bio-exchange-coord-header{grid-template-columns:minmax(0,1fr);gap:6px}.bio-exchange-coord-network{grid-template-columns:repeat(2,minmax(0,1fr))}}.bio-health-support{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(290px,1.05fr);gap:12px;width:min(100%,900px);align-self:center;padding:12px;border:1px solid #d8e4da;border-radius:16px;color:#344b3d;background:radial-gradient(ellipse at 18% 10%,#fff 0,#f6faf5 62%,#edf4ed)}.bio-health-support-figure{position:relative;display:grid;align-content:start;min-width:0;margin:0;overflow:hidden;border:1px solid #d9e3d7;border-radius:13px;background:#eef4ed}.bio-health-support-figure img{display:block;width:100%;max-height:350px;object-fit:cover;object-position:center}.bio-health-support-figure figcaption{padding:6px 9px;color:#5f7462;font-size:10px}.bio-health-privacy-mark{position:absolute;top:10px;left:10px;padding:5px 8px;border:1px solid #d4e5dc;border-radius:20px;background:#fffefaed;color:#34665b;font-size:10px;font-weight:750;box-shadow:0 2px 9px #27443720}.bio-health-support-content{display:flex;flex-direction:column;gap:9px;min-width:0}.bio-health-scenarios,.bio-health-choices{display:grid;gap:6px}.bio-health-scenarios{grid-template-columns:repeat(3,minmax(0,1fr))}.bio-health-support-content .chip{min-height:34px;padding:5px 7px;font-size:10px;line-height:1.3}.bio-health-prompt{padding:9px 10px;border:1px solid #e1e7db;border-radius:10px;background:#fff}.bio-health-prompt small{color:#70806c;font-size:9px;font-weight:800;letter-spacing:.04em}.bio-health-prompt h2{margin:5px 0 0;color:#334e3c;font-size:16px;line-height:1.3}.bio-health-choices{grid-template-columns:minmax(0,1fr)}.bio-health-choice{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid #dbe6dc;border-radius:10px;background:#fff;color:#384e41;text-align:left;font-size:11px;line-height:1.4;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.bio-health-choice>b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eef3ed;color:#52765c}.bio-health-choice:hover{border-color:#8ba996}.bio-health-choice.safe.selected{border-color:#559174;background:#eff7f0;box-shadow:0 0 0 2px #55917422}.bio-health-choice.unsafe.selected{border-color:#c49263;background:#fcf5e9;box-shadow:0 0 0 2px #c4926322}.bio-health-feedback{margin:0;padding:9px 10px;border-radius:9px;font-size:11px;line-height:1.45}.bio-health-feedback.safe{border-left:3px solid #559174;background:#edf6ef;color:#345b44}.bio-health-feedback.unsafe{border-left:3px solid #c49263;background:#fcf5e9;color:#66523a}.bio-health-scope{color:#647366;font-size:9px;line-height:1.4}.bio-eco-limits{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr);gap:12px;width:min(100%,930px);align-self:center;padding:12px;border:1px solid #d5e3d2;border-radius:16px;color:#34483c;background:radial-gradient(ellipse at 18% 12%,#fff 0,#f4f8ef 62%,#e9f1e4)}.bio-eco-fish-figure{position:relative;display:grid;align-content:start;min-width:0;margin:0;overflow:hidden;border:1px solid #d2dfcf;border-radius:13px;background:#e7efdd}.bio-eco-fish-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.bio-eco-fish-figure figcaption{padding:6px 9px;background:#fbfdf8;color:#63735f;font-size:10px}.bio-eco-status{position:absolute;top:9px;left:9px;padding:6px 9px;border:1px solid #ffffffbb;border-radius:18px;background:#fffffff0;box-shadow:0 2px 9px #263b2525;color:#45644c;font-size:10px;font-weight:750}.bio-eco-status.outside{color:#8a5142}.bio-eco-status.stress{color:#89652e}.bio-eco-controls{display:grid;gap:9px;min-width:0}.bio-eco-factor-panel,.bio-eco-range-panel{display:grid;gap:7px;min-width:0;padding:10px;border:1px solid #dce6d7;border-radius:12px;background:#ffffffd9}.bio-eco-factor-panel>header,.bio-eco-range-panel>header{display:grid;gap:3px}.bio-eco-factor-panel header small,.bio-eco-range-panel header small{color:#71806c;font-size:9px;font-weight:800;letter-spacing:.04em}.bio-eco-factor-panel header b,.bio-eco-range-panel header b{color:#35523c;font-size:12px}.bio-eco-groups,.bio-eco-factors{display:flex;flex-wrap:wrap;gap:5px}.bio-eco-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.bio-eco-controls .chip{min-height:29px;padding:5px 8px;font-size:10px;line-height:1.3}.bio-eco-levels .chip{min-width:0;padding:4px 3px;font-size:9px;line-height:1.2;text-align:center}.bio-eco-factor-panel>p,.bio-eco-current,.bio-eco-curve-note{margin:0;color:#4d6250;font-size:10px;line-height:1.45}.bio-eco-curve{display:block;width:100%;height:auto;overflow:visible}.bio-eco-curve text{fill:#4f6350;font-size:11px}.bio-eco-curve .outside-zone{fill:#f4e5df}.bio-eco-curve .stress-zone{fill:#f5efdb}.bio-eco-curve .optimum-zone{fill:#e1efdf}.bio-eco-curve .eco-limit-line{stroke:#9d7567;stroke-width:1.5;stroke-dasharray:4 4}.bio-eco-curve .eco-tolerance-curve{fill:none;stroke:#477f62;stroke-width:5;stroke-linecap:round}.bio-eco-curve .eco-current-line{stroke:#304f8d;stroke-width:2;stroke-dasharray:3 3}.bio-eco-curve .eco-current-point{fill:#f5bd45;stroke:#2e5182;stroke-width:3}.bio-eco-current{padding:7px 9px;border-left:3px solid #659064;border-radius:4px 8px 8px 4px;background:#eef5ea}.bio-eco-curve-note{padding:13px;border-left:3px solid #90a979;border-radius:4px 8px 8px 4px;background:#eff5e8}.bio-eco-scope{color:#637264;font-size:9px;line-height:1.4}@media(max-width:800px){.bio-eco-limits{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:8px}.bio-eco-controls{display:contents}.bio-eco-fish-figure{grid-column:1;grid-row:1;align-self:start}.bio-eco-factor-panel{grid-column:2;grid-row:1;gap:5px;padding:7px}.bio-eco-range-panel,.bio-eco-scope{grid-column:1/-1}.bio-eco-fish-figure img{height:auto;max-height:none;object-fit:contain}.bio-eco-factor-panel,.bio-eco-range-panel{padding:8px}.bio-eco-curve text{font-size:10px}}@media(max-width:800px){.bio-health-support{grid-template-columns:minmax(0,1fr);gap:9px;padding:8px}.bio-health-support-figure img{max-height:230px;object-position:center 42%}.bio-health-scenarios{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.bio-skin-thermo{grid-template-columns:minmax(0,1fr);gap:9px;padding:8px}.bio-skin-thermo-figure{min-height:220px}.bio-skin-thermo-figure>img{max-height:250px}.bio-skin-response{width:125px}.bio-skin-thermo-scope{grid-column:auto}}.bio-flower-specimen{position:relative;min-width:0;min-height:380px;overflow:hidden;margin:0;border:1px solid #d5e4d9;border-radius:12px;background:#edf4e9;box-shadow:0 8px 22px #355c3c12}.bio-flower-backdrop,.bio-flower-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bio-flower-backdrop{object-fit:cover;filter:blur(14px) saturate(.8);opacity:.34;transform:scale(1.05)}.bio-flower-image{object-fit:contain;filter:drop-shadow(0 5px 12px #273d281f)}.bio-flower-specimen figcaption{position:absolute;left:9px;right:9px;bottom:9px;width:max-content;max-width:calc(100% - 18px);padding:5px 8px;border:1px solid #d8e6d8;border-radius:7px;background:#fffffff2;color:#335a43;font-size:10px;font-weight:700}.bio-flower-cutaway{display:flex;flex-direction:column;min-width:0;padding:9px;border:1px solid #d3e1d6;border-radius:12px;background:linear-gradient(155deg,#fff,#f0f7ef)}.bio-flower-cutaway>header{display:grid;gap:2px;margin:0 0 4px}.bio-flower-cutaway>header b{font-size:13px}.bio-flower-cutaway>header small,.bio-flower-scope{color:#5b6e66;font-size:10px;line-height:1.35}.bio-flower-cutaway>svg{display:block;width:100%;max-height:260px;flex:1 1 auto}.flower-filament{fill:none;stroke:#699958;stroke-width:10;stroke-linecap:round}.flower-anther{fill:url(#flower-anther);stroke:#8f6732;stroke-width:2}.flower-style{fill:url(#flower-style);stroke:#527e44;stroke-width:2}.flower-stigma{fill:#dda875;stroke:#a66f52;stroke-width:2}.flower-ovary{fill:url(#flower-ovary);stroke:#557f40;stroke-width:3}.flower-cavity{fill:url(#flower-cavity);stroke:#789752;stroke-width:2}.flower-ovule{fill:#f4d879;stroke:#aa8b42;stroke-width:2;transition:fill .25s ease,transform .25s ease;transform-box:fill-box;transform-origin:center}.flower-ovule.mature{fill:#cba647;transform:scale(1.12)}.flower-pollen-path path,.flower-tube-path path{fill:none;stroke:#dd9b2e;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 8;animation:flower-path-flow 1.6s linear infinite}.flower-tube-path path{stroke:#e2a334;stroke-width:8}.flower-pollen-path circle,.flower-tube-path circle{fill:#f2bc4d;stroke:#fff7d7;stroke-width:3}.flower-seed-highlight circle{fill:none;stroke:#fff0a8;stroke-width:4;animation:flower-seed-pulse 1.8s ease-in-out infinite}.flower-pin circle{fill:#fffdf5;stroke:#557b55;stroke-width:2.5}.flower-pin text{fill:#36573f;font:700 13px system-ui,sans-serif}.flower-pin.active circle{fill:#e6f2cd;stroke:#be7c29;stroke-width:4}.bio-flower-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px 0}.bio-flower-legend span{display:flex;align-items:center;gap:4px;min-width:0;color:#466052;font-size:10px}.bio-flower-legend i{display:grid;flex:0 0 17px;width:17px;height:17px;place-items:center;border:1px solid #bdd2b8;border-radius:50%;background:#fff;color:#36573f;font-style:normal;font-weight:750}.bio-flower-scope{grid-column:1/-1}@keyframes flower-path-flow{to{stroke-dashoffset:-32}}@keyframes flower-seed-pulse{0%,to{opacity:.55}50%{opacity:1}}.bio-photosynthesis-view{align-items:stretch}.bio-energy-process{display:flex;flex:1;flex-direction:column;gap:7px;width:100%;min-height:100%}.bio-energy-process-switch{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px}.bio-energy-process-switch .chip{padding:5px 10px}.bio-photosynthesis{display:grid;flex:1;grid-template-columns:minmax(0,1.5fr) minmax(200px,.65fr);grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;gap:7px;width:100%;min-width:0;min-height:0;padding:6px;color:#29453a}.bio-photosynthesis-scene{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid #d2e2d5;border-radius:12px;background:linear-gradient(150deg,#f6faef,#e5f0e2);box-shadow:0 7px 20px #355c3c12}.bio-photosynthesis-canvas{position:relative;flex:1;min-height:0;overflow:hidden}.bio-photosynthesis-canvas img,.bio-photosynthesis-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bio-photosynthesis-canvas img{object-fit:contain;filter:drop-shadow(0 5px 10px #273d281f)}.bio-photosynthesis-canvas svg{overflow:visible}.bio-photosynthesis-canvas svg g>path{fill:none;stroke-linecap:round;stroke-linejoin:round}.photo-input>path:not([stroke]){stroke:#2584a5;stroke-width:8;stroke-dasharray:7 10;animation:photo-flow 1.5s linear infinite}.photo-input.photo-light>path:not([stroke]){stroke:#e0ae38;stroke-width:6}.photo-input.photo-co2>path:not([stroke]){stroke:#638e5b;stroke-width:7;stroke-dasharray:7 9;animation:photo-flow 2s linear infinite}.photo-input.photo-water>path:not([stroke]){stroke:#218db5;stroke-width:8;stroke-dasharray:8 11;animation:photo-flow 1.7s linear infinite}.resp-input>path{fill:none;stroke:#4d9cb5;stroke-width:8;stroke-dasharray:8 11;stroke-linecap:round;animation:photo-flow 1.7s linear infinite}.resp-output>path{fill:none;stroke:#987d58;stroke-width:7;stroke-dasharray:7 10;stroke-linecap:round;animation:photo-flow 1.9s linear infinite}.resp-input circle,.resp-output circle:not([fill]){fill:#73b7c8;stroke:#f2fbfc;stroke-width:3}.photo-products>path:not([stroke]){stroke:#6aafb2;stroke-width:7;stroke-dasharray:5 9;animation:photo-flow 2s linear infinite}.photo-products>path[stroke]{stroke:#d89b45;stroke-width:5;opacity:.8}.photo-input circle,.photo-products circle{fill:#fbfff8;stroke:#2786a7;stroke-width:3}.photo-input.photo-co2 circle{stroke:#638e5b}.photo-products circle{stroke:#6aafb2}.bio-photosynthesis-scene figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 8px;border-top:1px solid #d7e5d8;background:#ffffffdb}.bio-photosynthesis-scene figcaption span{display:flex;align-items:center;gap:4px;color:#425c4c;font-size:10px}.bio-photosynthesis-scene figcaption i{width:9px;height:9px;border-radius:50%;background:#258db3}.bio-photosynthesis-scene figcaption .photo-key-co2{background:#638e5b}.bio-photosynthesis-scene figcaption .photo-key-light{background:#e0ae38}.bio-photosynthesis-scene figcaption .photo-key-o2{background:#78b5ba}.bio-photosynthesis-scene figcaption .photo-key-sugar{background:#d89b45}.bio-photosynthesis-result{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:88px;padding:9px 10px;border:1px solid #cee1cf;border-left:4px solid #648e68;border-radius:9px;background:linear-gradient(145deg,#f8fcf5,#eaf4e8);color:#355443}.bio-photosynthesis-result.limited{border-color:#e2d0b7;border-left-color:#c18a3c;background:linear-gradient(145deg,#fffaf2,#f8eee0)}.bio-photosynthesis-result b{font-size:12px}.bio-photosynthesis-result span,.bio-photosynthesis-scope{color:#5b6e66;font-size:10px;line-height:1.4}.bio-photosynthesis-scope{grid-column:2;margin:0}.bio-photosynthesis-controls{grid-column:2;display:flex;flex-wrap:wrap;gap:5px;align-content:start;padding:7px;border:1px solid #d8e7dc;border-radius:9px;background:#f7faf6}.bio-photosynthesis-controls:before{content:"Đầu vào";flex-basis:100%;color:#50675a;font-size:10px;font-weight:750}.bio-photosynthesis-controls .chip{padding:5px 8px}@keyframes photo-flow{to{stroke-dashoffset:-34}}@media(max-width:960px){.bio-photosynthesis{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.bio-photosynthesis-scene,.bio-photosynthesis-scope,.bio-photosynthesis-controls{grid-column:1;grid-row:auto}.bio-photosynthesis-scene{min-height:300px}.bio-photosynthesis-canvas{min-height:260px}}.bio-water-controls{width:calc(100% - 16px);max-width:none}.bio-water-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bio-condition-control{min-width:0;padding:6px 8px;border:1px solid #d8e7dc;border-radius:8px;background:#f8fbf8}.bio-condition-control>b{display:block;margin-bottom:4px;font-size:12px}.bio-condition-control>div{display:flex;flex-wrap:wrap;gap:4px}.bio-condition-control .chip{min-height:30px;padding:3px 8px;font-size:11px}.bio-digest-view{flex:1 1 330px;min-height:310px}.bio-digest-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:310px;gap:6px;padding:5px}.bio-digest-process-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:4px;border:1px solid #c7dbcf;border-radius:10px;background:linear-gradient(155deg,#fff,#f0f8f1)}.bio-digest-process-visual>svg{width:100%;height:100%;min-height:250px}.bio-digest-route{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:3px;color:#3c6050;font-size:11px}.bio-digest-route span{color:#1790ba;font-weight:800}.bio-digest-controls{width:calc(100% - 16px);max-width:none}.bio-digest-control-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.bio-digest-control-head>div,.bio-digest-steps{display:flex;flex-wrap:wrap;gap:5px}.bio-digest-steps{margin-top:6px;padding:5px 0}.bio-digest-controls .chip{min-height:31px}.bio-digest-controls [data-testid=bio-digest-explanation]{min-height:42px;margin:4px 0}.bio-digestion>[data-testid=bio-digest-asset-note]{flex:0 0 auto;max-height:60px;overflow:auto}.bio-digestion>.py-embed-hint{display:block;flex:0 0 auto;margin:2px 12px 6px;line-height:1.35}.bio-digest-particle{transition:transform .55s ease}@keyframes bio-digest-pulse{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:.3;transform:scale(1.15)}}.bio-digest-process-visual .bio-part.on{filter:drop-shadow(0 0 5px #18a06d)}.bio-digest-grade3{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);min-height:250px}.bio-digest-grade11{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;padding:3px}.bio-digest-grade11 .bio-digest-25d{flex:none;width:auto;height:min(62vh,520px);max-width:100%;min-height:min(300px,50vh);aspect-ratio:4 / 3;margin:auto}.bio-digestion .bio-digest-view{min-height:350px}.bio-digestion-controls .bio-digest-control-actions{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}.bio-digest-25d.nutrient-starch{color:#d79b25}.bio-digest-25d.nutrient-protein{color:#bd665f}.bio-digest-25d.nutrient-fat{color:#7779b3}.bio-digest-25d-selected:not(.user-selected){fill:#51a77a3d;stroke:#247c4c;stroke-width:8;stroke-dasharray:6 4;filter:drop-shadow(0 1px 7px #247c4c88)}.bio-digest-25d-selected.user-selected{fill:#e8af3740;stroke:#d58c19;stroke-width:5;stroke-dasharray:11 8;filter:drop-shadow(0 1px 5px #c7903c66)}.bio-digest-25d-absorbed{color:#398960}.bio-digest-25d-absorbed.via-lymph{color:#587eb0}.bio-digest-grade3>.bio-digest-25d{min-height:230px}.bio-digest-grade3 .bio-digest-process-visual{display:flex;flex-direction:column;justify-content:center;gap:10px;background:radial-gradient(ellipse at 45% 38%,#fff,#f6faf4)}.bio-digest-25d{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;margin:0;border:1px solid #d8e7df;border-radius:10px;background:#f5f5eb;box-shadow:0 5px 15px #364e3814}.bio-digest-25d>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.bio-digest-25d>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.bio-digest-25d figcaption{position:absolute;left:8px;bottom:7px;padding:4px 7px;border:1px solid #d9e4d8;border-radius:7px;background:#fffffff0;color:#516557;font-size:10px}.bio-digest-25d-selected{fill:#e8af3740;stroke:#d58c19;stroke-width:5;stroke-dasharray:11 8;filter:drop-shadow(0 1px 5px #c7903c66);pointer-events:none}.bio-digest-25d-halo{animation:bio-digest-pulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.bio-digest-25d-food{filter:drop-shadow(0 2px 5px #8c651c88)}.bio-digest-25d-route.running{animation:bio-digest-route-flow 1.1s linear infinite}.bio-digest-25d-absorbed circle{fill:#4d9a78;stroke:#fff;stroke-width:3}@keyframes bio-digest-route-flow{to{stroke-dashoffset:-30}}.bio-digest-stage-list{display:grid;gap:10px;padding:8px}.bio-digest-stage-list>div{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border:1px solid #dce8dc;border-radius:9px;background:#fff;color:#496354;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.bio-digest-stage-list>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8f1e8;color:#426650;font-weight:750}.bio-digest-stage-list>div.active{transform:translate(3px);border-color:#91c1a2;background:linear-gradient(100deg,#e6f3e9,#fff);box-shadow:0 3px 10px #47755318;color:#234d39}.bio-digest-stage-list>div.active>span{background:#388d68;color:#fff}.bio-digestion-controls .bio-digest-steps .chip.on{box-shadow:0 0 0 2px #75b795 inset}.bio-digest-grade3-controls{width:calc(100% - 16px);max-width:none}@media(max-width:560px){.bio-skin-thermo{grid-template-columns:minmax(0,1fr);gap:9px;padding:8px}.bio-skin-thermo-figure{min-height:250px}.bio-skin-thermo-figure>img{max-height:300px}.bio-skin-response{right:6px;bottom:26px;width:120px}.bio-skin-thermo-scope{grid-column:auto}.plant-needs-stage{min-height:420px;padding:5px}.plant-needs-visual{grid-template-columns:minmax(0,1fr);gap:6px}.plant-needs-scene,.plant-needs-scene img{min-height:230px}.plant-needs-controls{padding:7px;gap:5px}.plant-needs-factors{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-needs-factor{grid-template-columns:48px minmax(0,1fr);min-height:50px;gap:4px;padding:4px}.plant-needs-glyph{width:48px;height:34px}.plant-needs-factor b{font-size:11px}.plant-needs-factor small,.plant-needs-note{font-size:9px}.plant-needs-outcome{min-height:48px}.bio-nervous-scene{min-height:190px;padding:4px}.bio-nervous-layout{grid-template-columns:minmax(0,1fr);min-height:0;height:auto}.bio-nervous-figure{min-height:330px;max-height:420px}.bio-reflex-card{min-height:420px}.bio-reflex-vignette{flex-basis:220px}.bio-nervous-note{font-size:9px}.plant-water-stage{min-height:360px;padding:5px}.bio-water-diagram{min-height:355px;grid-template-rows:minmax(240px,1fr) auto auto auto}.bio-water-canvas{min-height:240px}.bio-flower-reproduction{grid-template-columns:minmax(0,1fr);min-height:0}.bio-reproduction-25d{grid-template-columns:1fr;gap:8px;padding:8px}.bio-reproduction-25d-specimen{min-height:220px}.bio-reproduction-25d-detail header h3{font-size:16px}.bio-body-overview{gap:8px;padding:8px}.bio-body-overview-scene{grid-template-columns:1fr;gap:8px}.bio-body-overview-figure{min-height:0}.bio-body-overview-figure>img,.bio-body-overview-figure>svg{height:240px}.bio-flower-specimen{min-height:270px}.bio-flower-cutaway>svg{max-height:230px}.bio-photosynthesis{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.bio-photosynthesis-scene,.bio-photosynthesis-scope,.bio-photosynthesis-controls{grid-column:1;grid-row:auto}.bio-energy-process{min-height:0}.bio-photosynthesis-scene{min-height:280px}.bio-photosynthesis-canvas{min-height:230px}.bio-water-condition-grid{grid-template-columns:minmax(0,1fr)}.bio-digest-stage{min-height:250px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,.85fr) minmax(240px,1fr)}}@media(max-width:760px){.bio-simulation{width:calc(100% - 12px);max-height:100%;margin:6px;padding:10px}.animal-care-25d{grid-template-columns:minmax(0,1fr);gap:7px}.animal-care-scene,.animal-care-scene img{min-height:240px}.bio-selection-controls{align-items:stretch}.bio-selection-controls>div{align-items:flex-start}}.vsvs-embed .cell-parts,.vsvs-embed>.py-embed-params{gap:6px;flex-wrap:wrap}.vsvs-embed .chip{border-color:#b9d3c5;background:#f7fbf6}.plant-parts-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:340px;align-items:center;justify-content:center;overflow:hidden;margin:4px;border:1px solid #cfe2d5;border-radius:14px;background:radial-gradient(ellipse at 50% 18%,#fff,#f5faf5 65%,#e8f2e9);box-shadow:0 4px 20px #223c2a0d}.plant-parts-25d>svg{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.plant-parts-zone{cursor:pointer;outline:none}.plant-parts-zone path{fill:transparent;stroke:transparent;stroke-width:9;transition:fill .18s ease,stroke .18s ease}.plant-parts-zone:hover path,.plant-parts-zone:focus-visible path{fill:#fff2;stroke:#fff}.plant-parts-zone.selected path{fill:#ffcd4545;stroke:#d97706;stroke-width:7;stroke-dasharray:12 8;filter:drop-shadow(0 2px 6px #d9770666)}.plant-parts-water path{fill:none;stroke:#228eb8;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 12;animation:plant-parts-flow 1.1s linear infinite;filter:drop-shadow(0 1px 3px #fff)}.plant-parts-water path:last-child{stroke-width:9;stroke-dasharray:none}.plant-parts-25d figcaption{position:absolute;top:10px;right:12px;bottom:auto;left:auto;max-width:calc(100% - 24px);padding:5px 11px;border:1px solid #c7ded0;border-radius:999px;background:#ffffffed;color:#2e593e;font-size:11px;font-weight:600;box-shadow:0 2px 8px #223c2a12}.plant-parts-flow-key{position:absolute;left:12px;bottom:12px;padding:5px 9px;border:1px solid #bad9e4;border-radius:8px;background:#ffffffed;color:#176d8b;font-size:11px;font-weight:700;box-shadow:0 2px 8px #176d8b18}@keyframes plant-parts-flow{to{stroke-dashoffset:-56}}@media(prefers-reduced-motion:reduce){.plant-parts-water path{animation:none}}.bio-daily-hygiene-25d{display:flex;flex-direction:column;width:100%;height:100%;min-height:480px;padding:12px;gap:10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 10%,#fff,#f0fdf4 60%,#e0f2fe);border-radius:14px;overflow-y:auto;color:#1e293b}.hygiene-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px solid #cbd5e1}.hygiene-header b{font-size:14px;color:#0f766e}.hygiene-sub{display:block;font-size:11px;color:#64748b;font-weight:400}.hygiene-tabs{display:flex;gap:6px}.hygiene-tabs button.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid #94a3b8;background:#fff;color:#334155;cursor:pointer;transition:all .18s ease}.hygiene-tabs button.chip.on{background:#0284c7;color:#fff;border-color:#0369a1;box-shadow:0 2px 8px #0284c740}.hygiene-stage-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.95fr);gap:12px;flex:1 1 auto;min-height:0}.hygiene-visual-card{display:flex;flex-direction:column;gap:8px;border:1px solid #bae6fd;border-radius:12px;background:#fff;padding:8px;box-shadow:0 4px 14px #0284c712}.hygiene-svg{width:100%;height:auto;max-height:440px;border-radius:10px;display:block}.hygiene-info-box{padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;font-size:12px;line-height:1.45}.hygiene-info-box .info-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hygiene-info-box .info-badge{font-size:13px;color:#0369a1}.hygiene-info-box .info-when{margin:3px 0;color:#475569}.hygiene-info-box .info-steps{margin:5px 0}.hygiene-info-box .info-steps ul{margin:4px 0 0;padding-left:18px;color:#1e293b}.hygiene-info-box .info-steps li{margin:2px 0;cursor:pointer}.hygiene-info-box .info-steps li.step-active{font-weight:700;color:#0284c7}.hygiene-info-box .info-tip{margin:4px 0 0;color:#047857;font-weight:500}.hygiene-sidebar-card{display:flex;flex-direction:column;gap:9px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:10px}.sidebar-title{font-size:12px;font-weight:700;color:#334155}.habit-card-list{display:flex;flex-direction:column;gap:6px}.habit-card-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;text-align:left;cursor:pointer;transition:all .18s ease}.habit-card-btn:hover{background:#f0fdf4;border-color:#86efac}.habit-card-btn.on{background:#e0f2fe;border-color:#38bdf8;box-shadow:0 2px 8px #0284c718}.habit-card-btn .card-icon{font-size:22px}.habit-card-btn .card-text b{display:block;font-size:12px;color:#0f172a}.habit-card-btn .card-text small{display:block;font-size:10px;color:#64748b}.hygiene-tasks-box{margin-top:auto;padding:9px;border-radius:9px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:11px}.hygiene-tasks-box b{display:block;color:#166534;margin-bottom:5px}.hygiene-tasks-box .task-list{display:flex;flex-direction:column;gap:4px}.hygiene-tasks-box .task-list span[data-done="1"]{color:#15803d;font-weight:600}.hygiene-tasks-box .task-list span[data-done="0"]{color:#64748b}.hygiene-footer-note{font-size:11px;color:#475569;padding:6px 10px;border-radius:7px;background:#f1f5f9;border-left:3px solid #0284c7}@media(max-width:820px){.hygiene-stage-grid{grid-template-columns:1fr}}.bio-local-habitat-25d{display:flex;flex-direction:column;width:100%;height:100%;min-height:480px;padding:12px;gap:10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 10%,#fff,#f0fdf4 60%,#e0f2fe);border-radius:14px;overflow-y:auto;color:#1e293b}.local-habitat-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px solid #cbd5e1}.local-habitat-header b{font-size:14px;color:#15803d}.local-habitat-sub{display:block;font-size:11px;color:#64748b;font-weight:400}.local-habitat-tabs{display:flex;flex-wrap:wrap;gap:6px}.local-habitat-tabs button.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid #94a3b8;background:#fff;color:#334155;cursor:pointer;transition:all .18s ease}.local-habitat-tabs button.chip.on{background:#16a34a;color:#fff;border-color:#15803d;box-shadow:0 2px 8px #16a34a40}.local-habitat-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:12px;flex:1 1 auto;min-height:0}.local-habitat-art-card{display:flex;flex-direction:column;border:1px solid #bbf7d0;border-radius:12px;background:#fff;padding:8px;box-shadow:0 4px 14px #15803d12}.local-habitat-svg{width:100%;height:auto;max-height:440px;border-radius:10px;display:block}.hab-interactive-zone{transition:opacity .2s ease,filter .2s ease}.hab-interactive-zone:hover{filter:drop-shadow(0 0 8px #fde047)}.hab-interactive-zone.active{filter:drop-shadow(0 0 10px #22c55e)}.local-habitat-info-card{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid #bbf7d0;border-radius:12px;background:#fff;box-shadow:0 4px 14px #15803d10}.habitat-detail-head{display:flex;flex-direction:column;gap:3px}.habitat-badge{font-size:15px;color:#166534}.habitat-sub-badge{font-size:11.5px;color:#64748b}.habitat-creatures-box{margin-top:2px}.habitat-creatures-box b{display:block;font-size:12px;color:#1e293b;margin-bottom:4px}.creature-chips{display:flex;flex-wrap:wrap;gap:5px}.creature-chips .chip{font-size:11px;padding:3px 8px;background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:6px}.habitat-features{font-size:12px;color:#334155;line-height:1.45;margin:0}.habitat-action-box{margin-top:auto;padding:10px;border-radius:10px;background:#f0fdf4;border:1.5px solid #86efac;font-size:12px}.action-title b{color:#15803d}.action-text{margin:4px 0;color:#166534;font-weight:600}.action-tip{color:#047857;display:block;font-size:11px}.bio-local-ecosystem-25d{display:flex;flex-direction:column;width:100%;height:100%;min-height:480px;padding:12px;gap:10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 10%,#fff,#f0fdfa 60%,#e0f2fe);border-radius:14px;overflow-y:auto;color:#1e293b}.local-eco-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px solid #cbd5e1}.local-eco-header b{font-size:14px;color:#0f766e}.local-eco-sub{display:block;font-size:11px;color:#64748b;font-weight:400}.local-eco-tabs{display:flex;flex-wrap:wrap;gap:6px}.local-eco-tabs button.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid #94a3b8;background:#fff;color:#334155;cursor:pointer;transition:all .18s ease}.local-eco-tabs button.chip.on{background:#0d9488;color:#fff;border-color:#0f766e;box-shadow:0 2px 8px #0d948840}.local-eco-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:12px;flex:1 1 auto;min-height:0}.local-eco-art-card{display:flex;flex-direction:column;border:1px solid #99f6e4;border-radius:12px;background:#fff;padding:8px;box-shadow:0 4px 14px #0d948812}.local-eco-svg{width:100%;height:auto;max-height:440px;border-radius:10px;display:block}.local-eco-info-card{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid #99f6e4;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0d948810}.eco-card-header{display:flex;flex-direction:column;gap:3px}.eco-badge{font-size:15px;color:#0f766e}.eco-sub-text{font-size:11.5px;color:#64748b}.eco-abiotic-table table{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:4px}.eco-abiotic-table td{padding:3px 6px;vertical-align:top}.eco-abiotic-table td:first-child{width:120px;color:#475569}.eco-species-list b{display:block;font-size:12px;color:#1e293b;margin-bottom:3px}.eco-species-list ul{margin:0;padding-left:18px;font-size:11.5px;color:#334155;line-height:1.45}.eco-species-list li{margin-bottom:3px}.eco-conservation-box{margin-top:auto;padding:10px;border-radius:10px;background:#f0fdfa;border:1.5px solid #5eead4;font-size:11.5px;display:flex;flex-direction:column;gap:6px}.conservation-threat{color:#b45309}.conservation-solution{color:#0f766e;font-weight:600}.eco-conservation-box button.chip{align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:700;border-radius:8px;cursor:pointer}.eco-conservation-box button.chip.on{background:#0f766e;color:#fff;border-color:#115e59}.animal-specimen-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:340px;align-items:center;justify-content:center;overflow:hidden;margin:4px;border:1px solid #cfe2d5;border-radius:14px;background:radial-gradient(ellipse at 50% 20%,#fff,#faf8f2 65%,#edf3eb);box-shadow:0 4px 20px #223c2a0d}.animal-specimen-25d>svg{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.animal-specimen-zone{cursor:pointer;outline:none}.animal-specimen-zone path{fill:transparent;stroke:transparent;stroke-width:7;transition:fill .16s ease,stroke .16s ease}.animal-specimen-zone:hover path,.animal-specimen-zone:focus-visible path{fill:#fff2;stroke:#fff}.animal-specimen-zone.selected path{fill:#ffcd4545;stroke:#d97706;stroke-width:6;stroke-dasharray:10 7;filter:drop-shadow(0 2px 6px #d9770666)}.animal-specimen-25d figcaption{position:absolute;top:10px;right:12px;bottom:auto;left:auto;max-width:calc(100% - 24px);padding:5px 11px;border:1px solid #c7ded0;border-radius:999px;background:#ffffffed;color:#2e593e;font-size:11px;font-weight:600;box-shadow:0 2px 8px #223c2a12}.human-senses-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.human-senses-25d>svg{display:block;width:100%;height:100%;min-height:0}.human-senses-25d figcaption{position:absolute;left:9px;bottom:8px;max-width:calc(100% - 18px);padding:4px 7px;border:1px solid #dce3d7;border-radius:7px;background:#fffffff0;color:#4a5c50;font-size:10px}.habitat-specimen-25d{display:flex;flex:1 1 0;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.habitat-specimen-25d>img{display:block;flex:1 1 0;width:100%;min-height:0;object-fit:cover}.habitat-specimen-25d figcaption{flex:0 0 auto;padding:6px 9px;color:#405447;font-size:11px;background:#fffffff0}.habitat-specimen-result{flex:0 0 auto;margin:0;padding:8px 10px;font-size:12px;font-weight:650;background:#f2f8f2}.habitat-specimen-result.correct{color:#17643c}.habitat-specimen-result.incorrect{color:#855b11}.motor-system-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;flex-direction:column;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.motor-system-25d>svg{display:block;flex:1 1 0;width:100%;height:100%;min-height:0}.motor-system-25d figcaption{flex:0 0 auto;padding:6px 9px;color:#4a5c50;font-size:10px;background:#fffffff0}.motor-pin-badge,.resp-pin-badge,.digest-pin-badge{cursor:pointer;pointer-events:all}.motor-pin-badge rect,.resp-pin-badge rect,.digest-pin-badge rect{pointer-events:all}.respiratory-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;flex-direction:column;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.respiratory-25d>svg{display:block;flex:1 1 0;width:100%;height:100%;min-height:0}.respiratory-25d figcaption{flex:0 0 auto;padding:6px 9px;color:#4a5c50;font-size:10px;background:#fffffff0}.respiratory-airflow path{fill:none;stroke:#68c5e7;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 20;opacity:.9}.respiratory-air-particle{fill:#6fd2f1;stroke:#fff;stroke-width:4;filter:drop-shadow(0 1px 5px #3288a877)}@media(prefers-reduced-motion:reduce){.respiratory-air-particle{display:none}}.urinary-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;flex-direction:column;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.urinary-25d>svg{display:block;flex:1 1 0;width:100%;height:100%;min-height:0}.urinary-25d figcaption{flex:0 0 auto;padding:6px 9px;color:#4a5c50;font-size:10px;background:#fffffff0}.urinary-flow path{fill:none;stroke:#e8ae55;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 20;opacity:.9}.urinary-particle{fill:#f2b84b;stroke:#fff;stroke-width:4;filter:drop-shadow(0 1px 5px #b5752777)}@media(prefers-reduced-motion:reduce){.urinary-particle{display:none}}.circulatory-25d{position:relative;display:flex;flex:1 1 0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;flex-direction:column;overflow:hidden;margin:4px;border:1px solid #d5e4d8;border-radius:10px;background:#faf9f4}.circulatory-25d>svg{display:block;flex:1 1 0;width:100%;height:100%;min-height:0}.circulatory-25d figcaption{flex:0 0 auto;padding:6px 9px;color:#4a5c50;font-size:10px;background:#fffffff0}.circulatory-zone{cursor:pointer;outline:none}.circulatory-zone .circulatory-hitbox{fill:transparent;stroke:transparent;pointer-events:all}.circulatory-zone:hover .circulatory-visual{opacity:.95}.circulatory-badge{cursor:pointer;transition:transform .16s ease,filter .16s ease;outline:none}.circulatory-badge:hover{transform:scale(1.06)}.circulatory-badge.selected{transform:scale(1.08);filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}.circulatory-bloodflow path.artery{fill:none;stroke:#ef4444;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 18;opacity:.92}.circulatory-bloodflow path.vein{fill:none;stroke:#3b82f6;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 18;opacity:.92}.circulatory-particle.oxygenated{fill:#ef4444;stroke:#fff;stroke-width:3.5;filter:drop-shadow(0 1px 6px rgba(239,68,68,.7))}.circulatory-particle.deoxygenated{fill:#3b82f6;stroke:#fff;stroke-width:3.5;filter:drop-shadow(0 1px 6px rgba(59,130,246,.7))}@media(prefers-reduced-motion:reduce){.circulatory-particle{display:none}}.vsvs-embed>.dry-run{position:static;flex:0 0 auto;margin:2px 8px;flex-wrap:wrap;z-index:auto}.vsvs-embed>.dry-run .vz-chipq{min-height:34px}.vsvs-embed [data-testid=bio-stage-note],.vsvs-embed [data-testid=bio-plant-model-note]{flex:0 0 auto}@media(max-width:560px){.vsvs-embed .vsvs-stage{min-height:190px}.vsvs-embed .cell-info{max-height:96px;overflow-y:auto}.bio-lifecycle-25d{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:7px;padding:8px}.bio-lifecycle-25d-image-wrap{min-height:170px;max-height:220px;aspect-ratio:1.6 / 1}.bio-lifecycle-25d-caption{padding:0 3px}.bio-lifecycle-25d-caption h3{margin:3px 0 4px;font-size:18px}.bio-lifecycle-25d-caption p{font-size:13px;line-height:1.4}}.gene-expression-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;overflow:auto;padding:14px;border:1px solid #d6e2d9;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f1f5ef 75%);color:#203a33;font:13px/1.4 system-ui,sans-serif}.gene-expression-25d header{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#547067;font-size:10px;letter-spacing:.08em}.gene-expression-25d header b{color:#286653;font-size:12px;letter-spacing:0}.gene-expression-flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch;gap:6px;flex:1;min-height:180px}.gene-expression-flow article{min-width:0;padding:10px;border:1px solid #d8e2dc;border-radius:11px;background:linear-gradient(145deg,#fff,#f6f4ed);box-shadow:0 4px 13px #29453a12;transition:border-color .2s,transform .2s}.gene-expression-flow article.active{border-color:#3c8b6b;transform:translateY(-2px);box-shadow:0 6px 16px #28665322}.gene-expression-flow article small{display:block;min-height:29px;color:#536c63;font-size:10px}.gene-expression-flow article p{margin:8px 0 0;color:#52665f;font-size:11px}.gene-expression-flow>i{align-self:center;color:#59917a;text-align:center;font-size:19px;font-style:normal}.gene-strand{margin:12px 0 8px;padding:10px 5px;border-radius:8px;background:linear-gradient(90deg,#dbe9dc,#fbefcf);color:#234b3d;text-align:center;font:700 clamp(12px,2vw,17px)/1.2 ui-monospace,monospace;letter-spacing:.03em;white-space:nowrap}.gene-strand.rna{background:linear-gradient(90deg,#dcecf0,#edf4e7)}.gene-strand em{padding:2px 4px;border-radius:4px;background:#f5c875;color:#613d14;font-style:normal}.gene-pair{color:#82928b;text-align:center;font:10px ui-monospace,monospace}.gene-pair span{display:block;margin-top:4px;font:9px system-ui,sans-serif}.gene-codons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.gene-codons span{padding:5px 1px;border:1px solid #d9e4de;border-radius:5px;background:#fff;text-align:center;font:10px ui-monospace,monospace}.gene-protein{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:16px 0 6px}.gene-protein span{padding:5px 6px;border:1px solid #aecab9;border-radius:999px;background:linear-gradient(#fff,#e4efe6);color:#315d49;font-size:10px;font-weight:700}.gene-protein span.stop{border-color:#d99c85;background:#f8e5de;color:#8a3925}.gene-structure{display:flex;justify-content:center;align-items:center;min-height:42px}.gene-structure b{width:13px;height:13px;margin-left:-2px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#89b99e,#38735a);box-shadow:0 2px 5px #284d3b44}.gene-mutation{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;padding:9px 11px;border:1px solid #ead9b4;border-radius:9px;background:linear-gradient(100deg,#fffaf0,#f5f2e9)}.gene-mutation strong{font-size:11px}.gene-mutation span{color:#82591f;font-size:11px}.gene-mutation small{grid-column:1/-1;color:#64736d;font-size:10px}@media(max-width:650px){.gene-expression-25d{padding:9px;gap:7px}.gene-expression-flow{grid-template-columns:1fr;gap:4px;min-height:0}.gene-expression-flow>i{transform:rotate(90deg);line-height:12px}.gene-expression-flow article{padding:7px 9px}.gene-expression-flow article small{min-height:0}.gene-strand{margin:7px 0 5px}.gene-expression-flow article p{margin-top:4px}.gene-pair{display:none}.gene-mutation{grid-template-columns:1fr}.gene-mutation small{grid-column:auto}}.cell-division-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:480px;max-height:calc(100% - 38px);overflow:auto;padding:16px;border:1px solid #d6e2d9;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f1f5ef 78%);color:#203a33;font:14px/1.45 system-ui,sans-serif}.cell-division-25d header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#557066;font-size:12px;font-weight:600;letter-spacing:.05em}.cell-division-25d header b{color:#1b634c;font-size:15px;letter-spacing:0}.cell-cycle-25d{min-height:460px}.cell-cycle-25d header b{max-width:52%;text-align:right}.cycle-stage-art{flex-basis:220px}.division-tabs,.division-stages{display:flex;flex-wrap:wrap;gap:7px}.division-tabs button,.division-stages button{padding:8px 12px;border:1px solid #cbdcd1;border-radius:8px;background:#fff;color:#3b5c4f;font:600 12.5px/1.3 system-ui,sans-serif;cursor:pointer;transition:all .16s ease}.division-tabs button.on,.division-stages button.on{border-color:#22c55e;background:#dcfce7;color:#166534;box-shadow:0 2px 6px #22c55e25}.division-stage-art{display:block;flex:1 1 240px;width:100%;min-height:240px;max-height:360px;border:1px solid #cce1d3;border-radius:12px;background:linear-gradient(180deg,#fff,#f8faf8);box-shadow:0 3px 12px #223c2a0d}.division-svg-label{fill:#166534;font:600 13px system-ui,sans-serif}.division-caption,.division-compare{display:grid;gap:4px;padding:10px 14px;border:1px solid #dce6df;border-radius:10px;background:#fff;font-size:13px;line-height:1.45}.division-tasks{display:grid;gap:4px;padding:10px 14px;border:1px solid #e5ddca;border-radius:10px;background:#fffaf0;color:#495c52;font-size:12px}.division-tasks b{color:#735a29;font-size:13px;margin-bottom:2px}.division-caption b,.division-compare b{color:#1b634c;font-size:14px}.bio-flower-reproduction-25d{position:relative;display:flex;flex:1 1 0;flex-direction:column;width:100%;height:100%;min-height:480px;overflow:hidden;margin:0;border:1px solid #d5e4d8;border-radius:12px;background:#fdfcfa;box-shadow:0 4px 18px #24443214}.flower-repro-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#ffffffeb;border-bottom:1px solid #e2e8f0}.flower-repro-title-wrap b{display:block;font-size:13px;color:#831843}.flower-repro-subtitle{font-size:10.5px;color:#64748b}.flower-step-chips{display:flex;gap:6px}.flower-repro-content{display:flex;flex:1 1 0;flex-direction:column;min-height:0;position:relative;overflow:hidden}.flower-repro-content .flower-svg{display:block;flex:1 1 0;width:100%;height:100%;min-height:280px}.flower-repro-info-card{flex:0 0 auto;padding:8px 14px;background:#fffffffa;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.info-badge-row{display:flex;align-items:center;gap:8px}.flower-stage-badge{padding:2px 8px;border-radius:6px;background:#fce7f3;color:#be185d;font-size:11px;font-weight:700}.flower-stage-name{font-size:12px;font-weight:700;color:#0f172a}.flower-stage-desc{margin:0;font-size:12px;color:#334155;line-height:1.45}.flower-stage-dual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.dual-sci{padding:4px 8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:11px;color:#166534}.dual-tip{padding:4px 8px;background:#fefce8;border:1px solid #fef08a;border-radius:6px;font-size:11px;color:#854d0e}.bio-flower-reproduction-25d figcaption{padding:4px 10px;font-size:10px;color:#64748b;background:#f8fafc;border-top:1px solid #f1f5f9}@media(max-width:650px){.flower-stage-dual{grid-template-columns:1fr}}.division-caption span,.division-compare span{color:#53675f;font-size:11px}.division-limit{color:#697a73;font-size:10px}.microbe-virus-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;min-height:440px;max-height:calc(100% - 38px);overflow:auto;padding:13px;border:1px solid #d6e2d9;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f1f5ef 78%);color:#203a33;font:13px/1.4 system-ui,sans-serif}.microbe-virus-25d header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#557066;font-size:10px;letter-spacing:.06em}.microbe-virus-25d header b{color:#286653;font-size:13px;letter-spacing:0;text-align:right}.microbe-view-tabs,.microbe-stage-buttons,.microbe-choice{display:flex;flex-wrap:wrap;gap:6px}.microbe-view-tabs button,.microbe-stage-buttons button,.microbe-choice button{padding:7px 10px;border:1px solid #d2dfd6;border-radius:8px;background:#fff;color:#476257;font:600 11px/1.3 system-ui,sans-serif;cursor:pointer}.microbe-view-tabs button.on,.microbe-stage-buttons button.on,.microbe-choice button.on{border-color:#458568;background:#e6f0e7;color:#245a42;box-shadow:inset 0 0 0 1px #45856833}.microbe-scene{display:block;flex:0 1 350px;width:100%;min-height:230px;max-height:360px;border:1px solid #dce6df;border-radius:12px;background:#f6f9f5}.microbe-replication{flex-basis:280px}.microbe-note,.microbe-limit{margin:0;color:#63766b;font-size:10px}.microbe-pick-controls{display:flex;justify-content:center;gap:6px}.microbe-pick-controls button{padding:6px 9px;border:1px solid #d2dfd6;border-radius:8px;background:#fff;color:#476257;font:600 10px/1.3 system-ui,sans-serif;cursor:pointer}.microbe-prevention{display:grid;justify-items:center;gap:8px;min-height:190px;padding:16px;border:1px solid #dce6df;border-radius:12px;background:linear-gradient(145deg,#f7faf7,#e9f1eb);text-align:center}.microbe-prevention h3,.microbe-prevention p{margin:0}.microbe-prevention h3{color:#2d604b;font-size:15px}.microbe-prevention p{max-width:560px;color:#536a5e;font-size:12px}.microbe-prevention-art{display:flex;align-items:center;justify-content:center;gap:12px;color:#3d755b;font-size:12px;font-weight:750;letter-spacing:.04em}.microbe-prevention-art span{padding:12px 15px;border:1px solid #bfd4c4;border-radius:12px;background:linear-gradient(145deg,#fff,#e0efe3);box-shadow:0 4px 10px #315d4818}.microbe-prevention-art b{color:#91a99a;font-size:18px}.microbe-choice{justify-content:center}.microbe-feedback{padding:7px 10px;border-radius:8px}.microbe-feedback.good{background:#e8f4e9;color:#2c6845}.microbe-feedback.bad{background:#fbefeb;color:#8a4f3f}.microbe-tasks{display:grid;gap:4px;padding:8px 10px;border:1px solid #e5ddca;border-radius:8px;background:#fffaf0;color:#596b63;font-size:10px}.microbe-tasks b{color:#735a29;font-size:11px}.microbe-limit{padding-top:2px}@media(max-width:560px){.cell-division-25d{padding:9px;gap:6px}.division-stage-art{min-height:145px}.division-stages button{padding:5px 6px;font-size:10px}}@media(max-width:560px){.microbe-virus-25d{padding:9px;gap:6px}.microbe-scene{min-height:205px}.microbe-view-tabs button,.microbe-stage-buttons button,.microbe-choice button{padding:6px 7px;font-size:10px}.microbe-prevention-art{gap:5px;font-size:9px}.microbe-prevention-art span{padding:9px 7px}}.gene-environment-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:460px;max-height:calc(100% - 38px);overflow:auto;padding:14px;border:1px solid #d4dfd8;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f2f6f3 80%);color:#233c32;font:13px/1.4 system-ui,sans-serif}.gene-env-header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#527063;font-size:11px;letter-spacing:.05em}.gene-env-header b{color:#246652;font-size:13px;letter-spacing:0}.gene-env-tabs{display:flex;flex-wrap:wrap;gap:8px}.gene-env-tabs button{padding:8px 12px;border:1px solid #d0ded5;border-radius:8px;background:#fff;color:#436154;font:600 12px system-ui,sans-serif;cursor:pointer}.gene-env-tabs button.on{border-color:#3f8768;background:#e5f2e8;color:#1d583e;box-shadow:inset 0 0 0 1px #3f876833}.gene-env-stage{display:flex;flex-direction:column;gap:10px;width:100%}.gene-env-art{display:block;width:100%;min-height:200px;max-height:280px;border:1px solid #dbe6de;border-radius:10px;background:linear-gradient(180deg,#fff,#f7fbf8)}.gene-env-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.control-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid #d8e4dc;border-radius:8px;background:#fffd}.control-card label{display:flex;flex-direction:column;gap:3px}.control-card label b{color:#265c49;font-size:12px}.control-hint{color:#5b7367;font-size:11px}.preset-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.action-card .action-chip{margin-top:4px;align-self:flex-start;padding:8px 12px}.gene-env-tasks{display:grid;gap:4px;padding:8px 12px;border:1px solid #e2dac7;border-radius:8px;background:#fffcf5;color:#50655c;font-size:11px}.gene-env-tasks b{color:#6d5423;font-size:12px}.task-list{display:flex;flex-direction:column;gap:3px}.task-list span[data-done="1"]{color:#236b44;font-weight:600}.task-list span[data-done="0"]{color:#75857e}.gene-env-summary{margin-top:4px;color:#496156;font-size:11px;line-height:1.45}@media(max-width:600px){.gene-env-controls{grid-template-columns:1fr}.gene-env-art{min-height:160px}}.phylo-tree-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:460px;max-height:calc(100% - 38px);overflow:auto;padding:14px;border:1px solid #d4dfd8;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f2f6f3 80%);color:#233c32;font:13px/1.4 system-ui,sans-serif}.phylo-header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#527063;font-size:11px;letter-spacing:.05em}.phylo-header b{color:#246652;font-size:13px;letter-spacing:0}.phylo-tabs{display:flex;flex-wrap:wrap;gap:8px}.phylo-tabs button{padding:8px 12px;border:1px solid #d0ded5;border-radius:8px;background:#fff;color:#436154;font:600 12px system-ui,sans-serif;cursor:pointer}.phylo-tabs button.on{border-color:#3f8768;background:#e5f2e8;color:#1d583e;box-shadow:inset 0 0 0 1px #3f876833}.phylo-content{display:flex;flex-direction:column;gap:10px;width:100%}.phylo-svg{display:block;width:100%;min-height:220px;max-height:300px;border:1px solid #dbe6de;border-radius:10px;background:linear-gradient(180deg,#fff,#f7fbf8)}.phylo-controls{display:flex;flex-direction:column;gap:8px}.phylo-compare-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #d8e4dc;border-radius:8px;background:#fffd}.phylo-species-pickers{display:flex;flex-wrap:wrap;gap:12px}.phylo-species-pickers label{display:flex;align-items:center;gap:6px;font-weight:600;color:#315144;font-size:12px}.phylo-species-pickers select{padding:6px 10px;border:1px solid #c9d8d0;border-radius:6px;background:#fff;color:#233c32}.phylo-result-box{padding:10px 12px;border:1px solid #c8e0d4;border-radius:8px;background:#eef7f2}.phylo-insight{margin-top:4px;color:#2d634f;font-size:12px;line-height:1.45}.phylo-geology-stage{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:12px;min-height:250px}.era-list{display:flex;flex-direction:column;gap:6px}.era-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d0ded5;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.era-card.on{border-color:#3f8768;background:#e5f2e8}.era-icon{font-size:20px}.era-info{display:flex;flex-direction:column}.era-info b{color:#224f3f;font-size:12px}.era-info small{color:#5f786d;font-size:11px}.era-detail{padding:16px;border:1px solid #d8e4dc;border-radius:8px;background:#fffd;display:flex;flex-direction:column;gap:12px}.era-detail header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1ebe5;padding-bottom:8px}.detail-icon{font-size:28px}.era-detail h3{margin:0;color:#235845;font-size:16px}.era-detail header p{margin:0;color:#60786e;font-size:12px}.detail-body{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#2e443b;line-height:1.5}.phylo-tasks{display:grid;gap:4px;padding:8px 12px;border:1px solid #e2dac7;border-radius:8px;background:#fffcf5;color:#50655c;font-size:11px}.phylo-tasks b{color:#6d5423;font-size:12px}.phylo-footnote{margin-top:4px;color:#496156;font-size:11px;line-height:1.45}@media(max-width:650px){.phylo-geology-stage{grid-template-columns:1fr}.phylo-svg{min-height:180px}}.bio-food-safety-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:460px;max-height:calc(100% - 38px);overflow:auto;padding:14px;border:1px solid #d4dfd8;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f4f7f5 80%);color:#233c32;font:13px/1.4 system-ui,sans-serif}.safety-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e2ece6;padding-bottom:8px}.safety-header b{color:#1e4c3a;font-size:13px}.safety-sub{display:block;color:#607c70;font-size:11px;margin-top:2px}.safety-badge{padding:5px 10px;border:1px solid;border-radius:20px;font-weight:700;font-size:11px;letter-spacing:.04em}.safety-stage-grid{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr);gap:12px}.safety-visual-card{display:flex;flex-direction:column;gap:8px;border:1px solid #dbe6df;border-radius:10px;background:#fff;padding:10px}.safety-svg{display:block;width:100%;min-height:220px;border-radius:8px;background:linear-gradient(180deg,#fcfdfc,#f0f4f2)}.safety-diagnosis{padding:10px 12px;border:1px solid;border-radius:8px;display:flex;flex-direction:column;gap:4px}.safety-desc{margin:0;font-size:12px;line-height:1.45;color:#334155}.safety-advice{margin:0;font-size:11px;line-height:1.45;color:#475569}.safety-controls-card{display:flex;flex-direction:column;gap:10px;border:1px solid #dbe6df;border-radius:10px;background:#fffd;padding:12px}.control-group{display:flex;flex-direction:column;gap:5px}.control-title{font-weight:600;color:#234f3c;font-size:11.5px}.button-chips{display:flex;flex-wrap:wrap;gap:6px}.safety-tasks-box{padding:8px 12px;border:1px solid #e4dac5;border-radius:8px;background:#fffdf8;display:flex;flex-direction:column;gap:4px;font-size:11px}.safety-tasks-box b{color:#755621;font-size:11.5px}.safety-footer-note{font-size:11px;color:#506a5e;line-height:1.4;border-top:1px solid #e2ece6;padding-top:6px}.bio-balanced-nutrition-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:460px;max-height:calc(100% - 38px);overflow:auto;padding:14px;border:1px solid #d4dfd8;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f2f6f4 80%);color:#233c32;font:13px/1.4 system-ui,sans-serif}.nutrition-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e2ece6;padding-bottom:8px}.nutrition-header b{color:#1e4c3a;font-size:13px}.nutrition-sub{display:block;color:#607c70;font-size:11px;margin-top:2px}.nutrition-badge{padding:5px 10px;border:1px solid;border-radius:20px;font-weight:700;font-size:11px}.nutrition-badge.balanced{color:#15803d;background:#ecfdf5;border-color:#a7f3d0}.nutrition-badge.unbalanced{color:#b45309;background:#fffbeb;border-color:#fde68a}.nutrition-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#496155}.nutrition-stage-grid{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(280px,1.1fr);gap:12px}.nutrition-visual-card{display:flex;flex-direction:column;gap:8px;border:1px solid #dbe6df;border-radius:10px;background:#fff;padding:10px}.nutrition-svg{display:block;width:100%;min-height:220px;border-radius:8px}.nutrition-evaluation{padding:10px 12px;border:1px solid;border-radius:8px;display:flex;flex-direction:column;gap:6px}.nutrition-evaluation.eval-ok{background:#ecfdf5;border-color:#a7f3d0}.nutrition-evaluation.eval-warn{background:#fffbeb;border-color:#fde68a}.nutrition-evaluation h4{margin:0;font-size:12px;color:#1e3d30}.eval-details{display:flex;flex-wrap:wrap;gap:6px;font-size:10.5px}.badge-ok{color:#166534;background:#dcfce7;padding:3px 8px;border-radius:6px;font-weight:600}.badge-missing{color:#991b1b;background:#fee2e2;padding:3px 8px;border-radius:6px;font-weight:600}.nutrition-picker-card{display:flex;flex-direction:column;gap:10px;border:1px solid #dbe6df;border-radius:10px;background:#fffd;padding:12px}.picker-header{display:flex;flex-direction:column;gap:2px}.picker-header b{color:#234f3c;font-size:12px}.picker-header small{color:#62796e;font-size:11px}.food-categories{display:flex;flex-direction:column;gap:8px}.category-block{display:flex;flex-direction:column;gap:4px}.cat-title{font-weight:600;font-size:11px}.cat-title.carb{color:#b45309}.cat-title.protein{color:#b91c1c}.cat-title.vitamin{color:#15803d}.cat-title.lipid{color:#a16207}.food-chip-row{display:flex;flex-wrap:wrap;gap:5px}.food-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #d0ded5;border-radius:8px;background:#fff;color:#334f42;font:500 11px system-ui,sans-serif;cursor:pointer;transition:all .15s ease}.food-chip:hover{border-color:#659e84}.food-chip.on{border-color:#2a7e58;background:#e7f5ed;color:#185338;font-weight:700;box-shadow:inset 0 0 0 1px #2a7e5844}.nutrition-tasks-box{padding:8px 12px;border:1px solid #e4dac5;border-radius:8px;background:#fffdf8;display:flex;flex-direction:column;gap:4px;font-size:11px}.nutrition-tasks-box b{color:#755621;font-size:11.5px}.nutrition-footer-note{font-size:11px;color:#506a5e;line-height:1.4;border-top:1px solid #e2ece6;padding-top:6px}@media(max-width:650px){.safety-stage-grid,.nutrition-stage-grid{grid-template-columns:1fr}}.bio-fungi-explorer-25d{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:460px;max-height:calc(100% - 38px);overflow:auto;padding:14px;border:1px solid #d4dfd8;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#fff 0,#f2f6f3 80%);color:#233c32;font:13px/1.4 system-ui,sans-serif}.fungi-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e2ece6;padding-bottom:8px}.fungi-header b{color:#1e4c3a;font-size:13px}.fungi-sub{display:block;color:#607c70;font-size:11px;margin-top:2px}.fungi-nav-tabs{display:flex;flex-wrap:wrap;gap:6px}.fungi-stage-grid{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr);gap:12px}.fungi-visual-card{display:flex;flex-direction:column;gap:8px;border:1px solid #dbe6df;border-radius:10px;background:#fff;padding:10px}.fungi-svg{display:block;width:100%;min-height:220px;border-radius:8px}.specimen-info-box{padding:10px 12px;border:1px solid #dbe6df;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;gap:5px}.info-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.specimen-badge{font-weight:700;color:#1e3d30;font-size:12px}.role-badge{padding:3px 8px;border-radius:6px;font-weight:600;font-size:10.5px}.role-ok{color:#166534;background:#dcfce7}.role-harm{color:#991b1b;background:#fee2e2}.specimen-desc{margin:0;font-size:11.5px;line-height:1.45;color:#334155}.specimen-safety{margin:0;font-size:11px;line-height:1.45;color:#475569}.fungi-picker-card{display:flex;flex-direction:column;gap:10px;border:1px solid #dbe6df;border-radius:10px;background:#fffd;padding:12px}.picker-title{font-weight:600;color:#234f3c;font-size:12px}.specimen-chip-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.specimen-card-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #d0ded5;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:all .15s ease}.specimen-card-btn:hover{border-color:#528b70}.specimen-card-btn.on{border-color:#2a7e58;background:#e7f5ed;box-shadow:inset 0 0 0 1px #2a7e5844}.card-icon{font-size:18px}.card-text{display:flex;flex-direction:column;gap:1px}.card-text b{color:#1e3d30;font-size:11.5px}.card-text small{color:#607c70;font-size:10.5px}.fungi-tasks-box{padding:8px 12px;border:1px solid #e4dac5;border-radius:8px;background:#fffdf8;display:flex;flex-direction:column;gap:4px;font-size:11px}.fungi-tasks-box b{color:#755621;font-size:11.5px}.fungi-safety-scenario{display:flex;flex-direction:column;padding:12px;border:1px solid #dbe6df;border-radius:10px;background:#fff;min-height:280px}.scenario-card{display:flex;flex-direction:column;gap:10px;max-width:680px}.scenario-card h3{margin:0;color:#1e4c3a;font-size:13px}.scenario-question{margin:0;font-size:12.5px;color:#26463d;line-height:1.5;font-weight:500}.safety-options{display:flex;flex-direction:column;gap:8px}.safety-choice-btn{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;font:500 12px system-ui,sans-serif;text-align:left;cursor:pointer;transition:all .15s}.safety-choice-btn:hover{border-color:#64748b;background:#f1f5f9}.safety-choice-btn.correct{border-color:#16a34a;background:#dcfce7;color:#14532d;font-weight:700}.safety-choice-btn.wrong{border-color:#dc2626;background:#fee2e2;color:#7f1d1d}.safety-feedback{padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.45}.safety-feedback.feedback-ok{border:1px solid #a7f3d0;background:#ecfdf5;color:#166534}.safety-feedback.feedback-err{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.fungi-footer-note{font-size:11px;color:#506a5e;line-height:1.4;border-top:1px solid #e2ece6;padding-top:6px}@media(max-width:650px){.fungi-stage-grid{grid-template-columns:1fr}}.bio-ecosystem-investigation-25d{position:relative;display:flex;flex:1 1 0;flex-direction:column;width:100%;height:100%;min-height:480px;overflow:hidden;margin:0;border:1px solid #d5e4d8;border-radius:12px;background:#fdfcfa;box-shadow:0 4px 18px #24443214}.investigation-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#ffffffeb;border-bottom:1px solid #e2e8f0}.investigation-header b{display:block;font-size:13px;color:#166534}.investigation-sub{font-size:10.5px;color:#64748b}.investigation-tabs{display:flex;gap:6px}.investigation-field-view{display:grid;grid-template-columns:1fr 240px;gap:10px;padding:10px;flex:1 1 0;min-height:0;overflow:hidden}.investigation-svg{display:block;width:100%;height:100%;border-radius:10px}.inv-quick-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;overflow-y:auto}.quick-title{display:flex;flex-direction:column;gap:4px}.badge-cat{display:inline-block;padding:2px 6px;border-radius:4px;background:#ecfdf5;color:#047857;font-size:10.5px;font-weight:700;width:fit-content}.quick-note{margin:0;font-size:11.5px;color:#334155;line-height:1.4}.quick-stat{margin:0;font-size:11px;color:#64748b}.investigation-notebook-view{padding:12px;flex:1 1 0;overflow:auto}.notebook-table-wrap{width:100%;overflow-x:auto}.investigation-table{width:100%;border-collapse:collapse;font-size:12px}.investigation-table th{padding:8px 10px;background:#f1f5f9;border:1px solid #cbd5e1;text-align:left;color:#334155}.investigation-table td{padding:8px 10px;border:1px solid #e2e8f0}.investigation-table tr.row-recorded{background:#f0fdf4}.pill-tag{padding:2px 6px;border-radius:4px;background:#e2e8f0;font-size:10.5px;color:#475569}.investigation-summary-view{display:flex;flex-direction:column;gap:12px;padding:14px;flex:1 1 0;overflow-y:auto}.summary-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-metric-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;border:1px solid}.metric-producer{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.metric-consumer{background:#fefce8;border-color:#fef08a;color:#854d0e}.metric-decomposer{background:#fdf4ff;border-color:#f5d0fe;color:#86198f}.metric-icon{font-size:20px}.metric-title{font-size:11px;font-weight:600}.metric-number{font-size:18px}.conclusion-box{padding:14px;background:#fff;border:1px solid #cbd5e1;border-radius:10px}.conclusion-box h4{margin:0 0 8px;color:#0f172a;font-size:13px}.conclusion-box p{margin:0 0 6px;font-size:12px;color:#334155;line-height:1.45}.bio-ecosystem-investigation-25d figcaption{padding:4px 10px;font-size:10px;color:#64748b;background:#f8fafc;border-top:1px solid #f1f5f9}@media(max-width:650px){.investigation-field-view,.summary-cards-grid{grid-template-columns:1fr}}.vz-loading-progress{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:240px;padding:24px;box-sizing:border-box;background:#f8fafceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vz-loading-progress.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172ab3}.vz-lp-card{display:flex;flex-direction:column;align-items:center;max-width:420px;width:100%;padding:24px 28px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;text-align:center}.vz-lp-spinner{width:38px;height:38px;border:3.5px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:vz-spin .8s linear infinite;margin-bottom:14px}@keyframes vz-spin{to{transform:rotate(360deg)}}.vz-lp-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:8px}.vz-lp-label{font-size:14px;font-weight:600;color:#0f172a}.vz-lp-num{font-size:13px;font-weight:700;color:#0284c7;font-variant-numeric:tabular-nums}.vz-lp-track{width:100%;height:7px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:10px}.vz-lp-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:999px;transition:width .2s ease-out}.vz-lp-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.vz-lp-pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98199;animation:vz-pulse 1.6s infinite}@keyframes vz-pulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.vz-beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-left:6px;line-height:1.3;box-shadow:0 1px 4px #10b98159;vertical-align:middle}.vz-beta-badge-sm{display:inline-flex;align-items:center;justify-content:center;font-size:9px;padding:1px 5px;border-radius:3px;background:#059669;color:#fff;font-weight:700;margin-left:5px;vertical-align:middle;line-height:1.2}.vz-img-wrapper{position:relative;overflow:hidden;border-radius:6px}.vz-img-loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8fafce6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;padding:12px}.vz-img-loader-box{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(220px,90%);background:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 4px 14px #00000014;border:1px solid #e2e8f0}.vz-img-loader-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:vz-lp-spin .8s linear infinite}.vz-img-loader-track{width:100%;height:5px;background:#f1f5f9;border-radius:999px;overflow:hidden}.vz-img-loader-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:999px;transition:width .15s ease-out}.vz-img-loader-text{font-size:11px;font-weight:600;color:#475569}.vz-img-error{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px;background:#fef2f2;color:#b91c1c;font-size:13px;border-radius:8px;border:1px dashed #fca5a5}.vz-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;animation:vz-fade-in .2s ease-out}.vz-bug-dialog{background:#fff;color:#0f172a;width:min(520px,96vw);max-height:90vh;overflow-y:auto;border-radius:16px;box-shadow:0 20px 50px #00000040;border:1px solid #e2e8f0;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}.vz-bug-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:14px}.vz-bug-header-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#0f172a;margin:0}.vz-bug-close-btn{background:transparent;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.vz-bug-close-btn:hover{background:#f1f5f9;color:#0f172a}.vz-bug-desc{font-size:14px;line-height:1.55;color:#334155;margin:0}.vz-bug-group-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:14px 16px}.vz-bug-group-info{display:flex;flex-direction:column;gap:3px}.vz-bug-group-name{font-size:15px;font-weight:700;color:#1e40af}.vz-bug-group-sub{font-size:12px;color:#3b82f6}.vz-bug-group-link{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;background:#1d4ed8;color:#fff!important;font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s}.vz-bug-group-link:hover{background:#1e40af}.vz-bug-form-section{display:flex;flex-direction:column;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.vz-bug-form-title{font-size:13px;font-weight:700;color:#0f172a}.vz-bug-code-box{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:600;color:#0284c7}.vz-bug-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.vz-bug-copy-btn:hover{background:#f1f5f9;border-color:#94a3b8}.vz-bug-copy-btn.copied{background:#ecfdf5;color:#059669;border-color:#6ee7b7}.vz-bug-example{font-size:12px;color:#64748b;margin:0;line-height:1.45}.vz-bug-tip{font-size:12px;color:#475569;background:#fffbeb;border-left:3px solid #f59e0b;padding:8px 12px;border-radius:0 6px 6px 0;margin:0}.vz-bug-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.vz-bug-done-btn{padding:8px 18px;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.vz-bug-done-btn:hover{background:#e2e8f0}@keyframes vz-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:root[data-theme] .embed :where(button:not(.py-handle)){background-color:var(--t-surface2);color:var(--t-text);border-color:var(--t-border-strong)}:root[data-theme] .embed :where(select,input:not([type=range]):not([type=checkbox])){background-color:var(--t-surface);color:var(--t-text);border-color:var(--t-border-strong)}:root[data-theme] .embed :where(label,output,small,p,li,td,th,h4,.param,.py-embed-params,.gr-sliders,.gm-row){color:inherit}:root[data-theme] .embed .embed-body,:root[data-theme] .embed .deep-main{background:var(--t-sim-bg);color:var(--t-sim-ink)}:root[data-theme] .embed :where(.embed-body,.deep-main) :where(button:not(.py-handle)){background-color:var(--t-sim-panel);color:var(--t-sim-ink);border-color:var(--t-sim-panel-border)}:root[data-theme] .embed :where(.deep-side) :where(button:not(.py-handle)){background-color:var(--t-surface2);color:var(--t-text);border-color:var(--t-border-strong)}:root[data-theme] .embed .deep-side{background:var(--t-bg);color:var(--t-text)}:root[data-theme],:root[data-theme] body,:root[data-theme] #root{background:var(--t-bg)}:root[data-theme] .bar{background:var(--t-bar);color:var(--t-bar-fg)}:root[data-theme] .bar button,:root[data-theme] .bar select{background:var(--t-bar-btn);color:var(--t-bar-fg)}:root[data-theme] .bar button.on{background:var(--t-accent);color:var(--t-accent-ink)}:root[data-theme] .loading{color:var(--t-text2)}:root[data-theme] .embed{background:var(--t-surface);border-color:var(--t-border-strong);color:var(--t-text)}:root[data-theme] .embed-bar{background:var(--t-surface2);color:var(--t-heading)}:root[data-theme] .embed-bar button{color:var(--t-heading)}:root[data-theme] .embed.full{background:var(--t-bg)}:root[data-theme] .embed.full .fs-bar{background:var(--t-surface);color:var(--t-text);border-bottom-color:var(--t-border)}:root[data-theme] .embed.full .fs-bar button{color:var(--t-text2)}:root[data-theme] .embed.full .fs-bar button:hover{background:var(--t-hover);color:var(--t-text)}:root[data-theme] .embed.full .fs-bar button.on{background:var(--t-accent-soft);color:var(--t-accent)}:root[data-theme] .embed.full .fs-bar .fs-sep{background:var(--t-border)}:root[data-theme] .py-embed-f,:root[data-theme] .gr-sl,:root[data-theme] .gr-sl output{color:var(--t-sim-ink)}:root[data-theme] .gm{background:var(--t-sim-panel);border-color:var(--t-sim-panel-border);color:var(--t-sim-ink)}:root[data-theme] .gm.on{border-color:var(--t-sim-line)}:root[data-theme] .gm-formula{color:var(--t-sim-ink2)}:root[data-theme] .deep{background:var(--t-bg);color:var(--t-text)}:root[data-theme] .deep-side{border-color:var(--t-border)}:root[data-theme] .xl{color:var(--t-text)}:root[data-theme] .xl-tabs button{background:var(--t-surface);border-color:var(--t-border);color:var(--t-text2)}:root[data-theme] .xl-tabs button b{background:var(--t-surface2);color:var(--t-text)}:root[data-theme] .xl-tabs button.on{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}:root[data-theme] .xl-tabs button.on b{background:var(--t-accent-ink);color:var(--t-accent)}:root[data-theme] .xl-card{background:var(--t-surface);border-color:var(--t-border);color:var(--t-text)}:root[data-theme] .xl-muted,:root[data-theme] .xl-hide{color:var(--t-text2)}:root[data-theme] .xl-show{background:var(--t-surface);border-color:var(--t-border-strong);color:var(--t-text)}:root[data-theme] .xl-table th,:root[data-theme] .xl-table td{border-bottom-color:var(--t-border)}:root[data-theme] .xl-table th{color:var(--t-text2)}:root[data-theme] .xl-steps li{background:var(--t-surface2);border-color:var(--t-border);color:var(--t-text)}:root[data-theme] .xl-steps li small{color:var(--t-text2)}:root[data-theme] .xl-steps li button{background:var(--t-surface);color:var(--t-text);border-color:var(--t-border-strong)}:root[data-theme] .xl-steps li .mk{background:var(--t-accent-soft);color:var(--t-text)}:root[data-theme] .xl-steps li.no .mk{background:var(--t-surface);color:var(--t-text2);border:1px solid var(--t-border-strong)}:root[data-theme] .vz-chipq{background:var(--t-surface);border-color:var(--t-border-strong);color:var(--t-text)}:root[data-theme] .vz-chipq:hover{background:var(--t-hover)}:root[data-theme] .vz-chipq.on{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}:root[data-theme] .th-ready{background:var(--t-sim-bg);color:var(--t-sim-ink)}:root[data-theme] .th-ready .py-handle:not([fill]){fill:var(--t-sim-handle)}:root[data-theme] .th-ready .py-handle{stroke:var(--t-sim-handle-stroke)}:root[data-theme] .th-ready .py-embed-f{color:var(--t-sim-ink)}:root[data-theme=high-contrast] :focus-visible{outline:3px solid #ffc800;outline-offset:2px}:root[data-theme=high-contrast] .vz-chipq,:root[data-theme=high-contrast] .gm,:root[data-theme=high-contrast] .xl-card,:root[data-theme=high-contrast] .xl-tabs button{border-width:2px}:root[data-theme=high-contrast] .th-ready .py-handle{stroke-width:3px}.th-pick{position:relative}.th-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:80;display:grid;gap:6px;width:280px;padding:10px;border-radius:14px;background:var(--t-surface, #fff);color:var(--t-text, #15213b);border:1px solid var(--t-border-strong, #cfc8b8);box-shadow:0 10px 30px #0000002e}.th-menu.left{right:auto;left:0;top:auto;bottom:calc(100% + 6px)}.th-menu h4{margin:0 0 2px;font:600 13px system-ui,sans-serif;color:var(--t-text2, #4a556f)}.th-opt{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 10px;border-radius:10px;border:2px solid transparent;background:transparent;color:inherit;font:600 15px system-ui,sans-serif;text-align:left;cursor:pointer}.th-opt:hover{background:var(--t-hover, #efebe1)}.th-opt.on{border-color:var(--t-accent, #2c5a8a)}.th-sw{display:inline-grid;grid-template-columns:repeat(3,12px);flex:none;border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,.25)}.th-sw i{display:block;width:12px;height:28px}:root[data-theme] .chemlab{background:var(--t-bg)}:root[data-theme] .chemlab-bar,:root[data-theme] .chemlab-read{background:var(--t-surface);border-color:var(--t-border);color:var(--t-text2)}:root[data-theme] .chemlab-read b{color:var(--t-text)}:root[data-theme] .chemlab-eqbtn{background:var(--t-surface);border-color:var(--t-border);color:var(--t-text)}:root[data-theme] .ceq-row,:root[data-theme] .ceq-sp,:root[data-theme] .ceq-atoms{color:var(--t-text)}:root[data-theme] .ceq-coef button{background:var(--t-surface2);border-color:var(--t-border-strong);color:var(--t-text)}:root[data-theme] .ceq-coef output{color:var(--t-accent)}:root[data-theme] .ceq-arrow,:root[data-theme] .ceq-plus{color:var(--t-text2)}:root[data-theme] .ceq-atoms th,:root[data-theme] .ceq-atoms td{border-bottom-color:var(--t-border)}:root[data-theme] .gsel{color:var(--t-accent)}:root[data-theme] .chip{background:var(--t-surface);border-color:var(--t-border-strong);color:var(--t-text)}:root[data-theme] .chip.on{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}.more-wrap{position:relative}.more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:grid;gap:6px;min-width:240px;padding:10px;border-radius:14px;background:var(--t-surface, #fff);color:var(--t-text, #15213b);border:1px solid var(--t-border-strong, #cfc8b8);box-shadow:0 10px 30px #00000040}.bar .more-menu button,.bar .more-menu select{min-height:48px;justify-content:flex-start;text-align:left;background:var(--t-surface2, #f3f0e8);color:var(--t-text, #15213b);font-size:16px}.more-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.bar .more-menu .th-pick button{width:100%;display:flex;align-items:center;gap:8px}.bar .more-menu .th-menu{right:auto;left:0;top:calc(100% + 6px)}.bar .more-menu .th-pick .lbl.opt{display:inline}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(circle at 30% 20%,var(--t-accent-soft, #e6edf5),transparent 55%),var(--t-bg, #faf8f3);color:var(--t-text, #15213b);font-family:system-ui,-apple-system,sans-serif;animation:sp-in .5s ease-out}@keyframes sp-in{0%{opacity:0}}.sp-brand{font:800 64px/1 system-ui,sans-serif;letter-spacing:-.02em;color:var(--t-heading, #1b2a4a)}.sp-slogan{margin:0;font-size:26px;font-weight:700;color:var(--t-accent, #2c5a8a)}.sp-sub{margin:0;max-width:640px;font-size:16px;color:var(--t-text2, #4a556f)}.sp-tracks{display:grid;grid-template-columns:repeat(4,minmax(160px,250px));gap:14px;margin:8px 0;max-width:1040px;width:100%}.sp-track{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:16px;background:var(--t-surface, #fff);border:1px solid var(--t-border, #e5e0d4);overflow:hidden}.sp-track small{font-weight:700;color:var(--t-text3, #7b8398);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sp-art{width:120px;height:90px}.sp-f{height:32px;line-height:32px;display:flex;align-items:center;justify-content:center;font:italic 600 18px Times New Roman,serif;animation:sp-morph 1.7s ease-in-out both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sp-track.toan .sp-f{color:#1d4ed8}.sp-track.ly .sp-f{color:#c2410c}.sp-track.hoa .sp-f{color:#15803d}.sp-track.sinh .sp-f{color:#059669}@keyframes sp-morph{0%{opacity:0;transform:translateY(10px) scale(.92);filter:blur(4px)}18%,82%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-10px) scale(1.05);filter:blur(4px)}}.sp-draw{stroke:#1d4ed8;stroke-dasharray:220;animation:sp-draw 2.4s ease-in-out infinite alternate}@keyframes sp-draw{0%{stroke-dashoffset:220}to{stroke-dashoffset:0}}.sp-sq{fill:#93c5fd;opacity:.55;animation:sp-pulse 2.4s ease-in-out infinite alternate}.sp-sq.b{fill:#fca5a5;animation-delay:.6s}@keyframes sp-pulse{0%{opacity:.2}to{opacity:.7}}.sp-ink{stroke:var(--t-text, #15213b)}.sp-wave{stroke:#f97316;animation:sp-shift 1.6s linear infinite}@keyframes sp-shift{0%{transform:translate(0)}to{transform:translate(-60px)}}.sp-ball{fill:#2563eb}.sp-mol{transform-origin:60px 52px;animation:sp-rot 4s ease-in-out infinite}.sp-bond{stroke:#9e9e9e}@keyframes sp-rot{50%{transform:rotate(18deg) scale(1.06)}}.sp-dna{transform-origin:60px 45px;animation:sp-dna-pulse 2.8s ease-in-out infinite alternate}@keyframes sp-dna-pulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}.sp-helix.a{stroke-dasharray:120;stroke-dashoffset:0;animation:sp-helix-flow 3s linear infinite}.sp-helix.b{stroke-dasharray:120;stroke-dashoffset:0;animation:sp-helix-flow 3s linear infinite reverse}@keyframes sp-helix-flow{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.sp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;max-width:960px;width:100%}.sp-stats div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;background:var(--t-surface2, #f3f0e8)}.sp-stats b{font-size:26px;color:var(--t-heading, #1b2a4a);font-variant-numeric:tabular-nums}.sp-stats span{font-size:13px;color:var(--t-text2, #4a556f)}.sp-bar{width:min(520px,80vw);height:6px;border-radius:99px;background:var(--t-border, #e5e0d4);overflow:hidden}.sp-bar i{display:block;height:100%;background:var(--t-accent, #2c5a8a);animation:sp-fill linear both}@keyframes sp-fill{0%{width:0}to{width:100%}}.sp-skip{min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--t-border-strong, #cfc8b8);background:var(--t-surface, #fff);color:var(--t-text, #15213b);font:600 16px system-ui,sans-serif;cursor:pointer}.ss-server-live-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;margin-left:8px;vertical-align:middle}.ss-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;display:inline-block;animation:ss-pulse 1.5s ease-in-out infinite}@keyframes ss-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@media(max-width:900px){.sp-tracks,.sp-stats{grid-template-columns:repeat(2,1fr)}.sp-brand{font-size:48px}}@media(prefers-reduced-motion:reduce){.splash *,.splash{animation-duration:.01ms!important;animation-iteration-count:1!important}}.login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:grid;place-items:center;padding:16px;overflow:auto;background:radial-gradient(circle at 70% 10%,var(--t-accent-soft, #e6edf5),transparent 55%),var(--t-bg, #faf8f3);font-family:system-ui,-apple-system,sans-serif;color:var(--t-text, #15213b)}.login-card{display:flex;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px;border-radius:20px;background:var(--t-surface, #fff);border:1px solid var(--t-border, #e5e0d4);box-shadow:0 20px 50px #0000001f}.login-brand{font:800 40px/1 system-ui,sans-serif;color:var(--t-heading, #1b2a4a);text-align:center}.login-sub{margin:-4px 0 4px;text-align:center;color:var(--t-accent, #2c5a8a);font-weight:600}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--t-surface2, #f3f0e8)}.login-tabs button{min-height:44px;border:0;border-radius:9px;background:transparent;font:600 15px system-ui,sans-serif;color:var(--t-text2, #4a556f);cursor:pointer}.login-tabs button.on{background:var(--t-surface, #fff);color:var(--t-text, #15213b);box-shadow:0 1px 3px #0000001a}.login-form{display:grid;gap:10px}.login-form input{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--t-border-strong, #cfc8b8);background:var(--t-surface, #fff);color:var(--t-text, #15213b);font-size:16px;-webkit-user-select:text;user-select:text}.login-main{min-height:48px;border:0;border-radius:12px;background:var(--t-accent, #2c5a8a);color:var(--t-accent-ink, #fff);font:700 16px system-ui,sans-serif;cursor:pointer}.login-main:disabled{opacity:.6}.login-or{display:flex;align-items:center;gap:10px;color:var(--t-text3, #7b8398);font-size:13px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--t-border, #e5e0d4)}.login-google{display:flex;justify-content:center;min-height:44px}.login-sso{min-height:48px;border-radius:999px;border:1px solid var(--t-border-strong, #cfc8b8);background:var(--t-surface, #fff);color:var(--t-text, #15213b);font:600 15px system-ui,sans-serif;cursor:pointer}.login-sso.apple{background:#000;color:#fff;border-color:#000}.login-sso:disabled{opacity:.45;cursor:default}.login-link{min-height:44px;border:0;background:none;color:var(--t-accent, #2c5a8a);font:600 15px system-ui,sans-serif;cursor:pointer}.login-row{display:flex;justify-content:space-between}.login-note{margin:0;font-size:13.5px;color:var(--t-text2, #4a556f)}.login-msg{margin:0;padding:8px 10px;border-radius:10px;background:var(--t-accent-soft, #e6edf5);font-size:14px}.acc-me{display:flex;align-items:center;gap:12px}.acc-me div{display:flex;flex-direction:column}.acc-me small{color:var(--t-text2, #4a556f)}.acc-av{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--t-accent, #2c5a8a);color:var(--t-accent-ink, #fff);font:700 20px system-ui,sans-serif}:root[data-theme] .embed svg text:not([fill]){fill:var(--t-sim-ink)}:root[data-theme] .embed svg [fill="#0f172a" i],:root[data-theme] .embed svg [fill="#111827" i],:root[data-theme] .embed svg [fill="#1e293b" i],:root[data-theme] .embed svg [fill="#334155" i],:root[data-theme] .embed svg [fill="#15213b" i],:root[data-theme] .embed svg [fill="#1b2a4a" i]{fill:var(--t-sim-ink)}:root[data-theme] .embed svg [stroke="#0f172a" i],:root[data-theme] .embed svg [stroke="#111827" i],:root[data-theme] .embed svg [stroke="#1e293b" i],:root[data-theme] .embed svg [stroke="#334155" i],:root[data-theme] .embed svg [stroke="#15213b" i],:root[data-theme] .embed svg [stroke="#1b2a4a" i]{stroke:var(--t-sim-ink)}:root[data-theme] .embed svg [fill="#475569" i],:root[data-theme] .embed svg [fill="#64748b" i],:root[data-theme] .embed svg [fill="#4a556f" i]{fill:var(--t-sim-ink2)}:root[data-theme] .embed svg [stroke="#475569" i],:root[data-theme] .embed svg [stroke="#64748b" i],:root[data-theme] .embed svg [stroke="#4a556f" i]{stroke:var(--t-sim-ink2)}:root[data-theme] .embed svg [fill="#94a3b8" i]{fill:var(--t-sim-axis)}:root[data-theme] .embed svg [stroke="#94a3b8" i]{stroke:var(--t-sim-axis)}:root[data-theme] .embed svg [fill="#cbd5e1" i],:root[data-theme] .embed svg [fill="#e2e8f0" i],:root[data-theme] .embed svg [fill="#e5e7eb" i]{fill:var(--t-sim-grid)}:root[data-theme] .embed svg [stroke="#cbd5e1" i],:root[data-theme] .embed svg [stroke="#e2e8f0" i],:root[data-theme] .embed svg [stroke="#e5e7eb" i]{stroke:var(--t-sim-grid)}:root[data-theme] .embed svg [fill="#fff" i],:root[data-theme] .embed svg [fill="#ffffff" i],:root[data-theme] .embed svg [fill=white i],:root[data-theme] .embed svg [fill="#f8fafc" i],:root[data-theme] .embed svg [fill="#f1f5f9" i],:root[data-theme] .embed svg [fill="#eff6ff" i]{fill:var(--t-sim-panel)}:root[data-theme] .embed svg [fill="#1d4ed8" i]{fill:var(--t-sim-line)}:root[data-theme] .embed svg [stroke="#1d4ed8" i]{stroke:var(--t-sim-line)}:root[data-theme] .embed svg [fill="#dbeafe" i]{fill:var(--t-sim-fill)}:root[data-theme] .embed .py-handle:not([fill]){fill:var(--t-sim-handle)}:root[data-theme] .embed .py-handle{stroke:var(--t-sim-handle-stroke)}:root[data-theme] .embed .m3-view,:root[data-theme] .embed .lab3d-wrap{background:var(--t-sim-bg3d)}:root[data-theme=dark-lab] .embed .embed-body{--t-text: #111827;--t-text2: #334155;--t-text3: #475569;--t-heading: #111827;--t-surface: #f1f4f8;--t-surface2: #e1e7ef;--t-hover: #d5dce6;--t-border: #b8c2cf;--t-border-strong: #94a3b8;--t-accent: #1667b8;--t-accent-ink: #ffffff;--t-accent-soft: #d6e6f8;--t-bg: #edf1f6;color-scheme:light}:root[data-theme=dark-lab] .embed .embed-body .deep-side,:root[data-theme=dark-lab] .embed .embed-body .chemlab-bar,:root[data-theme=dark-lab] .embed .embed-body .chemlab-read{--t-text: #e8eef8;--t-text2: #aebbd2;--t-text3: #7d8ba6;--t-heading: #f1f5fb;--t-surface: #141c2c;--t-surface2: #1a2436;--t-hover: #212d43;--t-border: #273450;--t-border-strong: #38496d;--t-accent: #4fc3f7;--t-accent-ink: #06121f;--t-accent-soft: #173049;--t-bg: #0d1320;color-scheme:dark}:root[data-theme] .embed .deep-side{--t-sim-ink: var(--t-text);--t-sim-ink2: var(--t-text2);--t-sim-panel: var(--t-surface);--t-sim-panel-border: var(--t-border);--t-sim-bg: var(--t-bg);--t-sim-line: var(--t-accent)}:root[data-theme=dark-lab] .chemlab-eqbtn b.ok{color:#6ee7a8}:root[data-theme=dark-lab] .chemlab-eqbtn b.no{color:#ff9b91}.login-reason{margin:0;padding:10px 12px;border-radius:10px;background:#fff4e5;color:#7a4100;font-size:14px}.login.fb{z-index:880;background:#0f172a73}.fb-h{margin:0;font:700 20px system-ui,sans-serif;color:var(--t-heading, #1b2a4a)}.fb textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--t-border-strong, #cfc8b8);background:var(--t-surface, #fff);color:var(--t-text, #15213b);font:16px system-ui,sans-serif;resize:vertical;-webkit-user-select:text;user-select:text}.fb-send{padding:0 20px}@media(max-width:720px),(max-height:520px){.embed.full .fs-bar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.embed.full .fs-bar .lbl{display:none}.embed.full .fs-bar strong{flex:1 1 auto;min-width:60px;font-size:14px}.embed.full .fs-bar button{flex:none}}.login-pw{position:relative;display:flex}.login-pw input{flex:1;padding-right:92px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:var(--t-surface2, #f3f0e8);color:var(--t-text, #15213b);font:600 13px system-ui,sans-serif;cursor:pointer}.login-mismatch{color:#b3261e;font-size:13px;margin-top:-4px}.login-form input[aria-invalid=true]{border-color:#b3261e}a.ss-nav{text-decoration:none;color:var(--vz-text-2);box-sizing:border-box}.embed.full .fs-bar a[data-testid=feedback-open]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border-radius:10px;color:var(--t-text2, #4a556f);text-decoration:none}.dn .login-card{width:min(460px,100%)}.dn-tiers .vz-chipq{min-width:96px}.dn-custom{display:flex;align-items:center;gap:10px;font-size:15px}.dn-custom input{flex:1;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--t-border-strong, #cfc8b8);background:var(--t-surface, #fff);color:var(--t-text, #15213b);font-size:16px;-webkit-user-select:text;user-select:text}.dn-qr{display:flex;flex-direction:column;align-items:center;gap:6px}.dn-qr svg{width:220px;height:220px;border-radius:10px;border:1px solid var(--t-border, #e5e0d4)}.dn-qr p{margin:0;font-size:14px}.dn-info td:first-child{color:var(--t-text2, #4a556f)}.donate-btn,.bar .donate-btn,.ss-rail .donate-btn.ss-nav{background:linear-gradient(135deg,#dc2626,#c2410c)!important;color:#fff!important;border:0;font-weight:700;box-shadow:0 2px 8px #c2410c59}.donate-btn:hover{filter:brightness(1.08)}.donate-btn .vz-ic{color:#fff}.bar .donate-btn{display:inline-flex;align-items:center;gap:6px;font-size:16px;padding:0 14px;border-radius:999px}:root[data-theme=high-contrast] .donate-btn{outline:2px solid #000;outline-offset:1px}@media(max-width:720px),(max-height:520px){:root[data-theme] .embed .kit-side,:root[data-theme] .embed .tit-side,:root[data-theme] .embed .tch-under{background:var(--t-bg);color:var(--t-text);border-color:var(--t-border)}:root[data-theme] .embed :is(.deep-side,.kit-side,.tit-side,.tch-under) .xl-hide{border-bottom-color:var(--t-border);color:var(--t-text)}}