:root{--ink:#153d40;--muted:#62796f;--teal:#176b61;--deep:#123d40;--paper:#f7f5eb;--white:#fffef7;--line:#d8e0d1;--soft:#edf1e4;--yellow:#ffdb66;--coral:#dd8266;--cyan:#57b7b2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.48;cursor:default}input,select,textarea{color:var(--ink);max-width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);margin:0;flex-shrink:0}input[type=range]{accent-color:var(--teal);width:100%;height:32px;margin:0;cursor:pointer}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a7751c}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}p{line-height:1.75}svg{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:16px;z-index:100;background:var(--yellow);padding:13px;border-radius:8px;font-weight:750}.skip-link:focus{top:12px}
.vision-header{min-height:82px;padding:15px max(24px,calc((100vw - 1510px)/2));background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:38px}.vision-brand{display:flex;align-items:center;gap:10px;font-size:1.32rem;font-weight:850;letter-spacing:-.05em;white-space:nowrap}.vision-brand img{flex-shrink:0}.vision-brand b{display:inline-block;background:var(--yellow);padding:3px 8px 5px;border-radius:9px;font-weight:850;margin-left:2px}.vision-brand small{display:block;color:#65796d;font-size:.52rem;letter-spacing:.1em;font-weight:650;margin:4px 0 0}.header-links{display:flex;gap:7px;margin-left:auto;font-size:.8rem;font-weight:750}.header-links a{min-height:44px;display:grid;place-items:center;padding:11px 18px;border-radius:25px}.header-links [aria-current]{background:#e8efdd;color:#2b7558}.vision-header-end{display:flex;align-items:center;gap:19px}.language-choice select{background:var(--white);border:1px solid var(--line);border-radius:9px;min-height:43px;padding:9px 11px;font-size:.76rem}.header-notebook-link{font-size:.78rem;font-weight:750;border-bottom:1px solid #96afa0;padding:10px 0}.vision-header .auth-widget{display:flex;align-items:center;margin:0}.vision-header .auth-signin-btn,.vision-header .auth-account-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 13px;border-radius:9px;background:var(--deep);color:#fffdf0;border:1px solid var(--deep);font-size:.72rem;font-weight:750;white-space:nowrap}.vision-header .auth-account-btn{background:#edf2e1;color:var(--ink);border-color:var(--line)}.vision-header .auth-avatar{width:29px;height:29px;border-radius:50%;object-fit:cover}.vision-header .auth-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}
.vision-main{max-width:1510px;padding:27px 28px 64px;margin:auto}.vision-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:28px}.back-link{display:inline-block;font-size:.75rem;color:var(--muted);margin-bottom:22px}.eyebrow{font-size:.59rem;letter-spacing:.14em;font-weight:850;text-transform:uppercase;color:#437b65;line-height:1.6;margin:0 0 12px}.vision-titlebar h1{font-size:clamp(2.25rem,3.8vw,3.65rem);letter-spacing:-.05em;margin:0 0 12px;max-width:950px}.vision-subtitle{font-size:1.02rem;color:var(--muted);margin:0}.title-aside{text-align:right;max-width:270px;padding-bottom:3px}.model-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d7dfca;background:#edf2df;padding:9px 13px;border-radius:25px;font-size:.67rem;font-weight:750;white-space:nowrap}.model-pill i{width:7px;height:7px;border-radius:50%;background:#4e9870;box-shadow:0 0 0 4px #dfead0}.title-aside p{font-size:.73rem;color:var(--muted);margin:11px 0 0}.vision-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:start}.vision-apparatus{min-width:0}
.vision-scene-card{border:1px solid #d1ddca;border-radius:19px;background:#e8ecdc;overflow:hidden;box-shadow:0 14px 40px #244f3c09}.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 17px;background:#f5f4e6;border-bottom:1px solid #dce2cf}.scene-live{display:flex;align-items:center;gap:8px;font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.scene-live i{width:6px;height:6px;border-radius:50%;background:#448b66;box-shadow:0 0 0 4px #e4ecd8}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;min-height:42px;padding:9px 12px;border-radius:8px;font-size:.73rem;font-weight:650;line-height:1.5}.quiet-button:hover{background:#e8eddf}.scene-heading .quiet-button{font-size:.67rem}.vision-stage{position:relative;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 48% 66%,#faf4df 0,#f0f0df 54%,#e3eddf 100%);height:clamp(350px,44vw,520px)}#visionCanvas{display:block;width:100%;height:100%;outline-offset:-5px;touch-action:none}#visionFallback{display:block;position:absolute;inset:0;width:100%;height:100%;background:#edf1e7}.scene-corner{position:absolute;left:18px;top:18px;pointer-events:none;z-index:1}.scene-scale{display:inline-block;font-size:.56rem;font-weight:750;color:#4d7260;border-radius:20px;background:#fffdf0e6;padding:8px 12px;border:1px solid #fffdf4c9}.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 13px;background:#f9f7eb;border-top:1px solid #dce2cf}.view-choices{display:flex;gap:3px;padding:4px;border-radius:11px;background:#e6ecd9;min-width:0}.view-choices button{min-height:42px;padding:9px 16px;border-radius:8px;background:transparent;color:#5d7767;font-size:.74rem;font-weight:750}.view-choices [aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:0 2px 5px #42633712}.scene-tools{display:flex;align-items:center;gap:20px;padding:11px 18px 15px;background:#f9f7eb;border-top:1px solid #e8e8d9;font-size:.66rem;font-weight:650;flex-wrap:wrap}.toggle-control{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:.73rem;line-height:1.5;cursor:pointer}.transparency-control{display:flex;align-items:center;gap:10px;min-width:135px;flex:1}.transparency-control input{max-width:155px;min-width:65px}.component-picker{display:flex;align-items:center;gap:8px}.component-picker select{min-width:95px;max-width:160px;border:1px solid #d6dfc9;background:#fffdf4;padding:9px 8px;border-radius:7px;font-size:.68rem;min-height:40px}.scene-status{font-size:.74rem;color:#40705c;margin:12px 3px 5px;min-height:1.7em}.model-description{font-size:.65rem;line-height:1.7;color:#758472;max-width:870px;margin:0 3px 19px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 17px;border-radius:9px;font-size:.77rem;font-weight:750;line-height:1.5}.primary-button{background:var(--teal);color:#fffef1;border:1px solid var(--teal)}.primary-button:hover{background:#10574f}.secondary-button{background:#eef2e4;color:#2e5e4e;border:1px solid #d4dec9}.secondary-button:hover{background:#e3ecd7}.vision-controls,.focus-card,.preview-card{border:1px solid var(--line);border-radius:15px;background:var(--white);padding:24px 25px;margin-top:17px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.card-heading .eyebrow{font-size:.54rem;margin-bottom:7px}.card-heading h2{font-size:1.23rem;margin:0}.glasses-mark{font-size:1.8rem;letter-spacing:-.16em;color:var(--teal);padding-right:6px;white-space:nowrap}.control-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:start}.field-label{display:grid;gap:9px;font-size:.75rem;font-weight:700;color:#527461}.field-label select{width:100%;min-width:0;min-height:47px;background:#f8fbf1;border:1px solid #cfddc4;border-radius:9px;padding:11px 12px;font-size:.78rem;font-weight:650}.field-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;font-weight:700;color:#527461;margin-bottom:6px}.field-top label{min-width:0}.field-top output{font-size:.76rem;font-weight:800;color:#1b6554;white-space:nowrap;font-variant-numeric:tabular-nums}.range-scale{display:flex;justify-content:space-between;gap:12px;font-size:.62rem;color:#798b76;margin-top:-2px}.distance-control .toggle-control{margin-top:8px;font-size:.66rem}.object-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:19px 0 22px}.object-choices button{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:3px 10px;text-align:left;min-height:63px;padding:11px 13px;background:#f3f5e9;border:1px solid #dde6d3;border-radius:10px;font-size:.72rem;font-weight:700;min-width:0}.object-choices button:hover,.object-choices [aria-pressed=true],.object-choices .is-active{background:#fff3ca;border-color:#e3c369}.object-choices .object-icon{grid-column:1;grid-row:1/3;font-size:1.6rem;line-height:1;color:#557c65;text-align:center}.object-choices .kite-icon{color:#db856b}.object-choices .sun-icon{color:#d6a032}.object-choices small{grid-column:2;font-size:.61rem;color:#829078;font-weight:650}.lens-control-row{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:center;border-top:1px solid #e1e7d8;padding-top:20px}.glasses-toggle{font-size:.81rem;font-weight:750;gap:10px}.glasses-toggle input{width:21px;height:21px}.control-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:21px}.control-actions .primary-button{background:var(--yellow);color:var(--ink);border-color:#edcc68}.control-actions .primary-button:hover{background:#ffd34a}.advanced-controls{border:1px solid #dbe3d0;border-radius:10px;background:#f6f8ef;padding:0 17px;margin-top:21px}.advanced-controls summary,.model-details summary{font-size:.76rem;font-weight:750;cursor:pointer;min-height:48px;padding:14px 0;line-height:1.6}.advanced-controls>.toggle-control{margin:3px 0 13px;font-size:.73rem}.advanced-controls .control-grid{margin:0 0 14px;gap:22px;grid-template-columns:1fr 1fr}.card-note{font-size:.69rem;line-height:1.75;color:#72836f;margin:14px 0 0}.advanced-controls .card-note{margin:2px 0 17px}.feedback{font-size:.76rem;color:#48745c;margin:14px 0 0;line-height:1.7}.feedback:empty{display:none}
.focus-card{padding-bottom:20px}.focus-status{font-size:1.18rem;font-weight:800;line-height:1.5;letter-spacing:-.02em;min-height:1.5em}.focus-status[data-focus=before],.focus-status .before{color:#b86448}.focus-status[data-focus=on],.focus-status .on{color:#176b61}.focus-status[data-focus=behind],.focus-status .behind{color:#a47a29}.vision-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px}.vision-readings>div,.vision-readings>article{border:1px solid #dce5d2;background:#f0f4e7;border-radius:10px;padding:14px;min-width:0}.vision-readings small,.vision-readings dt{font-size:.64rem;color:#6c816b;line-height:1.6;display:block}.vision-readings strong,.vision-readings dd{display:block;color:#285e4b;font-size:1.15rem;font-weight:800;margin:7px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.focus-legend{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;margin-top:18px;font-size:.66rem;color:#6e816e}.focus-legend>span{display:inline-flex;align-items:center;gap:7px}.focus-legend i{width:8px;height:8px;border-radius:50%}.focus-legend .before{background:var(--coral)}.focus-legend .on{background:var(--teal)}.focus-legend .behind{background:#d7aa43}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-grid figure{margin:0;min-width:0}.preview-grid figcaption{font-size:.69rem;font-weight:750;color:#56745c;margin-bottom:9px}.preview-window{overflow:hidden;border:1px solid #cfddc8;border-radius:12px;background:#eaf2e3;isolation:isolate}.visual-scene{position:relative;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#e8f3ed,#f8f3da);overflow:hidden;transform:translateZ(0);transition:filter .16s ease}.visual-scene strong{font-size:3rem;color:#154e4c;line-height:1;z-index:1;letter-spacing:-.06em}.visual-scene small{font-size:.48rem;font-weight:800;letter-spacing:.1em;color:#427063;margin-top:12px;z-index:1}.preview-sun{position:absolute;right:12%;top:13%;color:#e9b442;font-size:1.8rem}.preview-hill{position:absolute;bottom:-60px;left:-10%;height:100px;width:120%;border-radius:50% 50% 0 0;background:#c0d6ba;transform:rotate(-8deg)}
.vision-lesson-panel{position:sticky;top:18px;border:1px solid #d3deca;border-radius:17px;background:#f0f3e6;padding:24px;min-width:0}.lesson-panel-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d6dfca;padding-bottom:18px;margin-bottom:21px}.lesson-panel-top>span{font-size:1.8rem;color:#527e60}.lesson-panel-top .eyebrow{font-size:.58rem;margin:0}.vision-progress{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:23px}.vision-progress button{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid #c8d5bb;border-radius:50%;background:#f9fbef;font-size:.58rem;color:#6b7e62;font-weight:750;padding:3px}.vision-progress button small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.vision-progress [aria-current=step],.vision-progress [aria-pressed=true],.vision-progress .is-active{background:var(--teal);color:#fffde9;border-color:var(--teal)}.vision-lesson-panel h2{font-size:1.47rem;line-height:1.3;margin:0 0 15px}.stage-instruction{font-size:.8rem;line-height:1.85;color:#4d6d59;margin-bottom:18px}.stage-discovery{font-size:.75rem;line-height:1.8;color:#426b52;overflow-wrap:anywhere}.stage-discovery:not(:empty){padding:13px;border-left:3px solid #9daf7d;background:#e7edd9}.discovery-navigation{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #d7dfce;margin-top:21px;padding-top:19px}.discovery-navigation .quiet-button{font-size:.72rem;padding-inline:3px}.discovery-navigation .primary-button{font-size:.69rem;padding-inline:14px}.hint-button{min-height:44px;display:inline-block;padding:10px 0;background:transparent;font-size:.73rem;color:#5b765f;text-decoration:underline;text-underline-offset:4px}.stage-hints{font-size:.73rem;line-height:1.8;color:#6f774f;margin:5px 0 0}.stage-hints:empty{display:none}.component-info{border-top:1px solid #d8e0cf;margin-top:19px;padding-top:18px;font-size:.73rem;line-height:1.8;color:#62795f}.component-info h3{font-size:.92rem;color:#34634e;margin:0 0 8px}.component-info p{margin-bottom:9px}
.vision-workspace{margin-top:30px;border:1px solid var(--line);border-radius:17px;background:var(--white);overflow:hidden}.vision-tabs{display:flex;align-items:center;gap:4px;padding:9px 13px 0;background:#f0f3e6;border-bottom:1px solid #d7e0cc;overflow-x:auto}.vision-tabs button{white-space:nowrap;background:transparent;min-height:49px;padding:13px 19px 14px;font-size:.78rem;font-weight:750;color:#6a7f66;border-radius:8px 8px 0 0;border-bottom:3px solid transparent}.vision-tabs [aria-selected=true]{background:var(--white);color:#1c6552;border-bottom-color:#528165}.vision-panel{padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:25px}.panel-heading h2{font-size:1.75rem;margin:0}.panel-heading .eyebrow{font-size:.56rem;margin-bottom:9px}.panel-heading>p{max-width:440px;font-size:.8rem;color:#6b8069;line-height:1.8;margin:0}.journey-content{font-size:.83rem;line-height:1.8}.journey-content h3{font-size:1.1rem}.journey-content>article,.journey-content>section,.journey-card,.discovery-card{border:1px solid #dde4d3;background:#f6f8ee;border-radius:12px;padding:20px;margin:14px 0}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journey-grid>article,.journey-grid>section{padding:21px;border:1px solid #dbe4d0;background:#f4f7e9;border-radius:12px;min-width:0}.journey-grid p{font-size:.8rem}.model-details{border:1px solid #dce4d2;border-radius:10px;background:#f7f9ef;margin-top:20px;padding:0 18px}.model-details>div{font-size:.76rem;line-height:1.8;color:#657c61;padding:0 0 15px;overflow-wrap:anywhere}.model-details p:last-child{margin-bottom:0}.vision-references{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;font-size:.68rem;color:#6c8167;margin:20px 0 0}.vision-references a{text-decoration:underline;text-underline-offset:3px}.light-diagram{border:1px solid #dce5d3;border-radius:13px;overflow:hidden;background:#f4f5e8}.light-diagram svg{display:block;width:100%;height:auto;aspect-ratio:1.9}.light-explanation{font-size:.83rem;line-height:1.8;color:#597653;margin-top:20px}.vision-formula code,.vision-formula pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem}.vision-formula table,.vision-comparison table{width:100%;border-collapse:collapse;font-size:.75rem}.vision-formula th,.vision-formula td,.vision-comparison th,.vision-comparison td{text-align:left;padding:12px 10px;border-bottom:1px solid #dce4d3;vertical-align:top;overflow-wrap:anywhere}.vision-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;font-size:.8rem;line-height:1.8}.vision-comparison>article,.vision-comparison>section,.comparison-card{border:1px solid #d8e3cf;background:#f3f7e9;border-radius:12px;padding:21px;min-width:0}.vision-comparison h3{font-size:1.12rem}.vision-comparison strong{color:#285e4b}.vision-comparison svg{display:block;width:100%;height:auto}.vision-comparison button{margin-top:8px}.notebook-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.workspace-card{border:1px solid #dae3ce;border-radius:12px;background:#f6f8ee;padding:23px;min-width:0}.workspace-card h3{font-size:1.12rem;margin-bottom:17px}.notebook-editor>label{display:block;font-size:.77rem;font-weight:700;color:#587252;margin-bottom:9px}.notebook-editor textarea{width:100%;resize:vertical;min-height:105px;border:1px solid #ccd9c1;background:#fffef7;border-radius:9px;padding:13px;font-size:.83rem;line-height:1.7;margin-bottom:18px}.notebook-actions,.notebook-transfer{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notebook-actions .primary-button,.notebook-actions .secondary-button{font-size:.73rem;padding-inline:14px}.notebook-transfer{margin-top:10px}.notebook-transfer .quiet-button{font-size:.7rem}.import-label{cursor:pointer}#visionSaveStatus{font-size:.75rem;line-height:1.8;color:#50724e;margin:12px 0 0;overflow-wrap:anywhere}.vision-notebook-list{display:grid;gap:12px;font-size:.78rem;color:#6a7f63}.vision-notebook-list article,.saved-vision{padding:16px;background:#fffef6;border:1px solid #d9e2ce;border-radius:10px;min-width:0}.vision-notebook-list h3{font-size:.96rem;margin:0 0 9px}.vision-notebook-list small{font-size:.64rem;color:#7e8d75}.vision-notebook-list p{font-size:.75rem;overflow-wrap:anywhere;margin:9px 0}.vision-notebook-list button{font-size:.7rem;min-height:42px}.vision-footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:26px max(28px,calc((100vw - 1454px)/2));background:#f0f3e5}.vision-footer>a{font-weight:850;letter-spacing:-.035em;font-size:1rem}.vision-footer p{font-size:.7rem;color:#7a8972;margin:0}.vision-footer nav{display:flex;gap:23px;margin-left:auto;font-size:.7rem;color:#657c60}.noscript-note{padding:18px;border:1px solid #d6dfca;background:#fff8dc;border-radius:10px;font-size:.85rem}
@media(min-width:1500px){.vision-layout{grid-template-columns:minmax(0,1fr) 334px}.vision-lesson-panel{padding:27px}.vision-lesson-panel h2{font-size:1.6rem}.stage-instruction{font-size:.86rem}.vision-stage{height:535px}}
@media(max-width:1100px){.vision-header{gap:23px;padding-inline:22px}.vision-brand{font-size:1.16rem}.vision-header-end{gap:12px}.header-links a{padding-inline:12px}.vision-main{padding-inline:22px}.vision-titlebar h1{font-size:2.75rem}.title-aside{max-width:230px}.model-pill{font-size:.6rem}.vision-layout{grid-template-columns:minmax(0,1fr) 265px;gap:19px}.vision-stage{height:410px}.vision-lesson-panel{padding:20px}.vision-lesson-panel h2{font-size:1.3rem}.stage-instruction{font-size:.75rem}.stage-discovery{font-size:.7rem}.vision-progress{gap:4px}.vision-progress button{min-width:23px;height:23px}.scene-tools{gap:8px 15px}.view-choices button{font-size:.67rem;padding-inline:11px}.scene-bottom>.quiet-button{font-size:.65rem;padding-inline:6px}.vision-controls,.focus-card,.preview-card{padding:21px}.control-grid,.lens-control-row{grid-template-columns:1fr;gap:17px}.object-choices button{display:flex;flex-direction:column;text-align:center;padding:12px 8px;font-size:.65rem;gap:6px}.object-choices small{font-size:.59rem}.object-choices .object-icon{font-size:1.4rem}.card-heading h2{font-size:1.12rem}.field-label select{font-size:.76rem}.field-top{font-size:.72rem}.glasses-toggle{font-size:.76rem}.glasses-mark{font-size:1.5rem}.discovery-navigation{flex-wrap:wrap}.discovery-navigation .primary-button{font-size:.64rem;flex:1}.vision-panel{padding:23px}.panel-heading{gap:23px}.panel-heading h2{font-size:1.5rem}.panel-heading>p{max-width:330px;font-size:.74rem}.workspace-card{padding:19px}.notebook-layout{gap:17px}.header-notebook-link{font-size:.7rem}.vision-header .auth-name{max-width:90px}}
@media(max-width:760px){html{scroll-padding-bottom:88px}.vision-header{min-height:74px;gap:12px;padding:12px 16px;flex-wrap:nowrap}.vision-brand{font-size:1.12rem;gap:8px}.vision-brand img{width:31px;height:31px}.vision-brand b{border-radius:7px;padding:3px 6px}.vision-brand small{font-size:.44rem;letter-spacing:.06em}.header-links,.header-notebook-link{display:none}.vision-header-end{margin-left:auto;gap:9px}.language-choice select{min-height:40px;font-size:.67rem;padding:8px 9px}.vision-header .auth-signin-btn{min-height:40px;font-size:.64rem;padding:8px 10px}.vision-header .auth-account-btn{width:40px;height:40px;min-height:40px;padding:4px;border-radius:50%}.vision-header .auth-name{display:none}.vision-header .auth-avatar{width:30px;height:30px}.vision-main{padding:21px 16px 98px}.vision-titlebar{display:block;margin-bottom:23px}.back-link{font-size:.7rem;margin-bottom:18px}.vision-titlebar .eyebrow{font-size:.51rem;letter-spacing:.1em;margin-bottom:10px}.vision-titlebar h1{font-size:2.4rem;line-height:1.12;max-width:500px}.vision-subtitle{font-size:.87rem;line-height:1.75;max-width:440px}.title-aside{text-align:left;max-width:none;display:flex;align-items:center;gap:11px;margin-top:16px;padding:0}.model-pill{font-size:.55rem;padding:8px 10px}.title-aside p{font-size:.59rem;line-height:1.65;margin:0;max-width:140px}.vision-layout{grid-template-columns:1fr;gap:23px}.vision-scene-card{border-radius:15px}.scene-heading{padding:7px 11px;gap:8px}.scene-live{font-size:.52rem}.scene-heading .quiet-button{min-height:40px;font-size:.6rem;padding-inline:6px}.vision-stage{height:clamp(260px,69vw,430px)}.scene-corner{left:12px;top:12px}.scene-scale{font-size:.45rem;padding:7px 9px}.scene-bottom{padding:8px;gap:5px}.view-choices{flex:1;justify-content:space-between;gap:2px}.view-choices button{flex:1;min-width:0;min-height:44px;line-height:1.35;font-size:.62rem;padding:8px 10px}.scene-bottom>.quiet-button{font-size:.6rem;padding:8px 5px;white-space:nowrap;min-height:44px}.scene-tools{gap:4px 16px;padding:8px 13px 11px;font-size:.63rem}.scene-tools .toggle-control{font-size:.65rem;min-height:42px}.transparency-control{min-width:145px;font-size:.61rem}.transparency-control input{max-width:none;height:34px}.component-picker{margin-left:0;flex:1;justify-content:space-between;font-size:.64rem;min-height:44px}.component-picker select{flex:1;max-width:190px;margin-left:auto;font-size:.66rem;min-height:41px}.scene-status{font-size:.7rem;margin-top:10px}.model-description{font-size:.61rem;margin-bottom:17px}.vision-controls,.focus-card,.preview-card{padding:20px 17px;margin-top:15px;border-radius:13px}.card-heading{gap:12px;margin-bottom:18px}.card-heading .eyebrow{font-size:.48rem}.card-heading h2{font-size:1.16rem;line-height:1.35}.glasses-mark{font-size:1.55rem}.field-label{font-size:.76rem;gap:8px}.field-label select{font-size:.78rem;min-height:47px}.control-grid{gap:19px}.field-top{font-size:.73rem}.field-top output{font-size:.75rem}.range-scale{font-size:.63rem}.distance-control .toggle-control{font-size:.67rem;margin-top:6px}.object-choices{gap:7px;margin:17px 0 19px}.object-choices button{font-size:.64rem;min-height:82px;padding:11px 5px;line-height:1.45}.object-choices small{font-size:.58rem}.lens-control-row{padding-top:16px;gap:13px}.glasses-toggle{font-size:.8rem;min-height:44px}.control-actions{gap:7px;margin-top:19px}.control-actions .primary-button{font-size:.73rem;flex:1;padding-inline:12px}.control-actions .quiet-button{font-size:.7rem;padding-inline:8px}.advanced-controls{padding-inline:14px;margin-top:19px}.advanced-controls summary,.model-details summary{font-size:.75rem;min-height:48px}.advanced-controls>.toggle-control{font-size:.69rem}.advanced-controls .control-grid{grid-template-columns:1fr;gap:16px}.advanced-controls .card-note{font-size:.66rem}.focus-status{font-size:1.13rem}.vision-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vision-readings>div,.vision-readings>article{padding:12px}.vision-readings small,.vision-readings dt{font-size:.6rem}.vision-readings strong,.vision-readings dd{font-size:1.08rem}.focus-legend{font-size:.6rem;gap:10px 16px}.preview-grid{gap:10px}.preview-grid figcaption{font-size:.64rem;line-height:1.5}.visual-scene{min-height:138px}.visual-scene strong{font-size:2.6rem}.visual-scene small{font-size:.38rem;letter-spacing:.06em}.preview-sun{font-size:1.4rem;right:10%;top:12%}.card-note{font-size:.66rem;line-height:1.8}.vision-lesson-panel{position:static;padding:21px;border-radius:14px}.lesson-panel-top{padding-bottom:14px;margin-bottom:18px}.lesson-panel-top>span{font-size:1.5rem}.lesson-panel-top .eyebrow{font-size:.56rem}.vision-progress{gap:7px;margin-bottom:20px}.vision-progress button{min-width:28px;height:28px;font-size:.62rem}.vision-lesson-panel h2{font-size:1.5rem}.stage-instruction{font-size:.83rem;line-height:1.85}.stage-discovery{font-size:.76rem}.discovery-navigation{flex-wrap:nowrap;padding-top:16px;margin-top:19px}.discovery-navigation .primary-button{flex:initial;font-size:.72rem;min-height:45px}.discovery-navigation .quiet-button{font-size:.74rem}.hint-button{font-size:.75rem}.stage-hints,.component-info{font-size:.75rem}.component-info h3{font-size:1rem}.vision-workspace{margin-top:25px;border-radius:14px;overflow:visible}.vision-tabs{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:12px;right:12px;padding:5px;border:1px solid #315f58;border-radius:13px;background:var(--deep);z-index:30;box-shadow:0 9px 34px #133e403b;display:flex;gap:2px;overflow:visible}.vision-tabs button{flex:1;min-width:0;min-height:49px;line-height:1.4;padding:8px 7px;font-size:.62rem;white-space:normal;text-align:center;color:#d9e8d0;border:0;border-radius:8px}.vision-tabs [aria-selected=true]{background:var(--yellow);color:var(--ink);border:0;border-radius:8px}.vision-panel{padding:23px 17px;scroll-margin-top:18px}.panel-heading{display:block;margin-bottom:20px}.panel-heading .eyebrow{font-size:.5rem}.panel-heading h2{font-size:1.55rem}.panel-heading>p{max-width:none;font-size:.76rem;margin-top:13px}.journey-grid,.notebook-layout{grid-template-columns:1fr;gap:15px}.journey-content{font-size:.78rem}.journey-content>article,.journey-content>section,.journey-card,.discovery-card,.journey-grid>article,.journey-grid>section{padding:17px}.journey-content h3{font-size:1.05rem}.model-details{padding-inline:15px}.model-details>div{font-size:.72rem}.vision-references{font-size:.65rem;line-height:1.8}.light-explanation{font-size:.77rem}.vision-comparison{grid-template-columns:1fr;gap:13px}.vision-comparison>article,.vision-comparison>section,.comparison-card{padding:18px}.vision-comparison h3{font-size:1.08rem}.vision-formula table,.vision-comparison table{font-size:.67rem}.vision-formula th,.vision-formula td,.vision-comparison th,.vision-comparison td{padding:9px 6px}.workspace-card{padding:18px}.workspace-card h3{font-size:1.06rem}.notebook-editor>label{font-size:.75rem}.notebook-editor textarea{font-size:.8rem;padding:12px}.notebook-actions .primary-button,.notebook-actions .secondary-button{font-size:.7rem;min-height:45px}.notebook-transfer .quiet-button{font-size:.68rem;min-height:44px}.vision-notebook-list{font-size:.75rem}.vision-footer{display:flex;flex-wrap:wrap;gap:13px;padding:24px 18px 94px}.vision-footer>a{font-size:.94rem}.vision-footer p{font-size:.63rem;flex:1;min-width:160px}.vision-footer nav{margin-left:0;flex-basis:100%;gap:24px;font-size:.67rem}}
@media(max-width:370px){.vision-header{padding-inline:12px;gap:8px}.vision-brand{font-size:1.03rem;gap:7px}.vision-brand img{width:29px;height:29px}.vision-brand b{display:none}.vision-brand small{font-size:.4rem}.vision-header-end{gap:7px}.language-choice select{font-size:.64rem;padding-inline:7px;max-width:75px}.vision-header .auth-signin-btn{font-size:.59rem;padding-inline:8px}.vision-main{padding-inline:12px}.vision-titlebar h1{font-size:2.15rem}.vision-subtitle{font-size:.83rem}.title-aside{gap:8px}.model-pill{font-size:.5rem;padding-inline:9px}.title-aside p{font-size:.54rem}.scene-live{font-size:.47rem}.scene-scale{font-size:.4rem}.scene-heading .quiet-button{font-size:.55rem}.view-choices button{font-size:.55rem;padding-inline:7px}.scene-bottom>.quiet-button{font-size:.55rem;padding-inline:3px}.scene-tools{gap:4px 12px}.scene-tools .toggle-control{font-size:.61rem}.transparency-control{font-size:.57rem;min-width:120px}.vision-controls,.focus-card,.preview-card{padding:18px 14px}.card-heading h2{font-size:1.04rem}.card-heading .eyebrow{font-size:.44rem}.glasses-mark{font-size:1.35rem}.object-choices button{font-size:.59rem}.object-choices small{font-size:.54rem}.control-actions .primary-button{font-size:.65rem;padding-inline:9px}.control-actions .quiet-button{font-size:.64rem;padding-inline:5px}.focus-legend{font-size:.55rem;gap:8px 12px}.visual-scene{min-height:125px}.visual-scene strong{font-size:2.3rem}.visual-scene small{font-size:.34rem}.vision-lesson-panel{padding:18px}.vision-progress{gap:6px}.vision-progress button{min-width:25px;height:25px;font-size:.58rem}.vision-lesson-panel h2{font-size:1.4rem}.vision-tabs{left:8px;right:8px}.vision-tabs button{font-size:.55rem;padding:8px 4px}.vision-panel{padding:21px 13px}.panel-heading h2{font-size:1.4rem}.notebook-actions .secondary-button{font-size:.65rem}.workspace-card{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Live model evidence and notebook content. */
.vision-readings strong small{display:inline;font-size:.7em;color:inherit}.focus-status:empty{display:none}.visual-scene:has(.vision-preview-scene){display:block;min-height:0;background:#f8f8ed;overflow:hidden}.vision-preview-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;justify-content:center;gap:8px 14px;min-height:160px;padding:24px 25px 20px;background:linear-gradient(145deg,#e7f1e8,#faf1d4);overflow:hidden;transform:translateZ(0)}.vision-preview-scene:before{content:'';position:absolute;z-index:-1;left:-10%;right:-10%;height:65px;bottom:-33px;border-radius:50% 50% 0 0;background:#c7d9bd;transform:rotate(-7deg)}.vision-preview-scene>span{color:#d48164;font-size:4.8rem;line-height:1;text-shadow:0 2px #fff6d0;display:block;grid-row:1;align-self:end}.vision-preview-scene>strong{font-size:2.6rem;line-height:1.1;letter-spacing:.02em;grid-row:1;align-self:end;justify-self:start;color:#174c49}.vision-preview-scene>small{font-size:.59rem;letter-spacing:0;grid-column:1/-1;justify-self:center;margin:3px 0 0;color:#55775e;font-weight:650;line-height:1.5}.visual-scene>p{font-size:.65rem;line-height:1.65;letter-spacing:0;font-weight:650;color:#5b785f;min-height:45px;display:flex;align-items:center;justify-content:center;background:#f2f5e9;border-top:1px solid #d8e2cd;padding:9px 12px;margin:0;text-align:center}.visual-scene[data-focus=before]>p{color:#a8644b}.visual-scene[data-focus=on]>p{color:#176b61}.visual-scene[data-focus=behind]>p{color:#967123}
.vision-prediction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 13px;padding:18px 20px;margin:0 0 26px;background:#fff6d7;border:1px solid #ead496;border-radius:12px;max-width:780px}.vision-prediction>label{grid-column:1/-1;font-size:.8rem;font-weight:750;line-height:1.6;color:#6c673f}.vision-prediction select{background:#fffef6;border:1px solid #d9d0a9;border-radius:8px;min-height:45px;width:100%;min-width:0;padding:10px 12px;font-size:.77rem}.vision-prediction>button,#pinVisionComparison,.vision-pinned button,.vision-notebook-list button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 15px;border-radius:8px;font-size:.74rem;font-weight:750;line-height:1.6;background:#e5eddb;border:1px solid #cedcc1;color:#35624d}.vision-prediction>button{background:var(--teal);border-color:var(--teal);color:#fffdf0}.vision-prediction>button:hover{background:#10574f}#pinVisionComparison{margin:0 0 23px;background:var(--yellow);border-color:#e9c65a;color:#28493c}.vision-pinned button:hover,.vision-notebook-list button:hover{background:#dbe8ce}.vision-comparison{display:block}.vision-comparison>p{font-size:.8rem;line-height:1.8;color:#6a7d63;margin:0 0 20px;max-width:850px}.vision-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #d7e2cd;border-radius:11px;background:#f8faef}.vision-comparison table{width:100%;table-layout:fixed;border-collapse:collapse;line-height:1.7}.vision-comparison thead{background:#e9efdf;color:#52744f}.vision-comparison th,.vision-comparison td{width:33.333%;padding:14px 18px;overflow-wrap:anywhere;word-break:normal}.vision-comparison tbody th{font-weight:750;color:#345f4d}.vision-comparison tbody tr:last-child>*{border-bottom:0}.vision-pinned{margin-top:22px;padding:22px;border:1px solid #d2dfc5;border-left:4px solid #dfb350;border-radius:11px;background:#f7f4df}.vision-pinned h3{font-size:1.12rem;margin:0 0 12px}.vision-pinned p{font-size:.8rem;color:#617554;margin:8px 0;line-height:1.75}.vision-pinned button{margin-top:13px}
.journey-content>details{border:1px solid #dce5d0;background:#f6f9ed;border-radius:10px;margin:11px 0;overflow:hidden}.journey-content>details>summary{min-height:49px;padding:14px 18px;font-size:.8rem;font-weight:750;line-height:1.65;color:#406c54;cursor:pointer}.journey-content>details[open]>summary{background:#eaf1de;border-bottom:1px solid #dae4cd}.journey-content>details>p{font-size:.77rem;line-height:1.85;color:#657b5d;margin:13px 18px}.journey-content>details>p:last-child{color:#886d35;padding:10px 12px;background:#fff7dc;border-left:3px solid #d3b266;border-radius:0 6px 6px 0;margin-bottom:18px}.vision-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:22px}.vision-references li{min-width:0;font-size:.69rem;line-height:1.8;padding:12px 14px;border:1px solid #e0e7d7;background:#fafbf4;border-radius:8px}.vision-references a{font-weight:750;color:#527856;overflow-wrap:anywhere}.vision-references p{font-size:.64rem;color:#7e8d75;margin:7px 0 0;line-height:1.75}.vision-notebook-list article>button{margin-top:4px}
@media(max-width:1100px){.vision-preview-scene{grid-template-columns:53px minmax(0,1fr);gap:8px 8px;min-height:143px;padding:23px 18px 19px}.vision-preview-scene>span{font-size:3.9rem}.vision-preview-scene>strong{font-size:2.05rem}.vision-preview-scene>small{font-size:.53rem}.visual-scene>p{font-size:.61rem;padding:9px 10px;min-height:49px}.vision-comparison th,.vision-comparison td{padding:13px 14px}.vision-prediction{padding:17px}.vision-prediction>label{font-size:.76rem}.vision-prediction select,.vision-prediction>button{font-size:.72rem}}
@media(max-width:760px){.vision-preview-scene{grid-template-columns:46px minmax(0,1fr);gap:7px 7px;min-height:133px;padding:22px 13px 18px}.vision-preview-scene>span{font-size:3.3rem}.vision-preview-scene>strong{font-size:1.7rem}.vision-preview-scene>small{font-size:.48rem;margin-top:2px;letter-spacing:0}.visual-scene>p{font-size:.6rem;line-height:1.7;min-height:53px;padding:8px}.vision-prediction{grid-template-columns:1fr;gap:10px;padding:16px;margin-bottom:23px}.vision-prediction>label{font-size:.75rem}.vision-prediction select{font-size:.75rem;min-height:45px}.vision-prediction>button{font-size:.73rem;min-height:45px}.vision-comparison>p{font-size:.76rem}.vision-comparison table{font-size:.7rem;line-height:1.75}.vision-comparison th,.vision-comparison td{padding:11px 9px}.vision-pinned{padding:18px;margin-top:18px}.vision-pinned h3{font-size:1.05rem}.vision-pinned p{font-size:.75rem}.vision-pinned button,#pinVisionComparison,.vision-notebook-list button{font-size:.71rem;min-height:44px}.journey-content>details>summary{font-size:.76rem;padding:13px 15px}.journey-content>details>p{font-size:.74rem;margin:12px 15px}.journey-content>details>p:last-child{padding:10px;margin-bottom:15px}.vision-references{grid-template-columns:1fr;gap:10px}.vision-references li{font-size:.67rem;padding:12px 13px}.vision-references p{font-size:.63rem}}
@media(max-width:370px){.vision-preview-scene{grid-template-columns:35px minmax(0,1fr);gap:7px 5px;min-height:126px;padding-inline:10px}.vision-preview-scene>span{font-size:2.8rem}.vision-preview-scene>strong{font-size:1.45rem;letter-spacing:0}.vision-preview-scene>small{font-size:.44rem}.visual-scene>p{font-size:.56rem;padding:8px 6px;min-height:52px}.vision-comparison table{font-size:.64rem}.vision-comparison th,.vision-comparison td{padding:10px 6px}.vision-prediction{padding:14px}.vision-prediction>label{font-size:.72rem}.vision-prediction select,.vision-prediction>button{font-size:.7rem}.vision-pinned{padding:16px}.vision-pinned button,#pinVisionComparison{font-size:.68rem}}
.vision-challenge-actions{display:flex;flex-wrap:wrap;gap:8px}.vision-challenge-actions button{flex:1 1 140px;min-height:44px;line-height:1.4}.vision-pinned #visionChallengeFeedback{font-weight:700;color:#327a65}