@import url('../brand.css');
:root{color-scheme:light;--bg:#f5f2e9;--panel:#fffdf8;--ink:#173c41;--muted:#678080;--accent:#216b6d;--soft:#e0eae2;--line:#bdccbf;--gold:#b16b36;--radius:20px}html[data-theme=dark]{color-scheme:dark;--bg:#081b27;--panel:#102b37;--ink:#e4f1ed;--muted:#a1bbc2;--accent:#9de9d2;--soft:#183d47;--line:#355660;--gold:#edc08b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,'Microsoft Yahei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}a{color:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.lab-wrap{width:min(1200px,calc(100% - 72px));margin:auto}.lab-header-note{font-size:10px;letter-spacing:.1em}.theme-switch{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink)}.lab-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px 0 45px;min-height:650px}.intro-art{border-radius:var(--radius);aspect-ratio:1.1;object-fit:cover}.intro-title{font-size:clamp(36px,4.7vw,64px);margin:18px 0 24px;font-weight:650}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:650}.intro-deck{color:var(--muted);font-size:17px;max-width:480px}.intro-meta{font-size:11px;color:var(--muted);margin:20px 0}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.lab-button{border:0;border-radius:8px;background:var(--accent);color:var(--bg);padding:13px 20px;font-size:13px;font-weight:650}.lab-button.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.quiet-button{border:0;background:none;color:var(--muted);padding:10px;font-size:12px}.collection-meta{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.journey{padding:25px 0 60px}.journey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.progress-main{display:flex;gap:15px;align-items:center}.progress-main b{font:23px/1 ui-monospace,monospace;color:var(--accent)}.progress-track{width:160px;height:4px;border-radius:9px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .35s}#score-count{font-size:13px;color:var(--gold)}#step-select{max-width:350px;width:42%;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px}.step-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:12px;color:var(--muted)}.step-layout{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;align-items:start}.step-picture{position:relative}.step-picture>img{aspect-ratio:1.15;object-fit:cover}.step-picture>span{position:absolute;bottom:12px;left:15px;background:#102a32cf;color:#f1f6ef;font-size:9px;padding:3px 9px;border-radius:99px}.step-main{padding:30px;min-width:0}.step-title{font-size:31px;margin-bottom:15px}.step-question{font-size:16px;line-height:1.8;margin-bottom:20px}.prediction-options{display:grid;gap:10px}.prediction-button{display:flex;gap:12px;align-items:start;text-align:left;padding:13px 15px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:13px}.prediction-button span{color:var(--accent);font:12px/1.8 ui-monospace,monospace}.prediction-button b{font-weight:500}.prediction-button[aria-pressed=true]{border:2px solid var(--accent);padding:12px 14px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.step-controls{margin-top:20px}.step-content{margin-top:24px;min-width:0}.step-content:empty{display:none}.interactive-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;touch-action:none}.lab-range{display:block;width:100%;accent-color:var(--accent);margin:15px 0}.control-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:16px}.control-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.control-group button{font-size:12px}.lab-output{padding:15px;background:var(--soft);border-radius:9px;margin-top:15px;font-size:13px}.lab-input{display:block;max-width:100%;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:11px;font-size:14px;margin:10px 0}.lab-details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px;color:var(--muted)}.lab-details summary{cursor:pointer;font-size:12px;color:var(--accent);font-weight:650}.lab-details p{margin-top:13px}.lab-details small{display:block;font-size:11px}.lab-details a{color:var(--accent);overflow-wrap:anywhere;text-underline-offset:3px}.step-result{border:1px solid var(--line);border-left:4px solid var(--accent);padding:24px;margin-top:20px;border-radius:12px;background:var(--soft);animation:reveal-result .35s ease both}.result-kicker{font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:10px}.result-copy{font-size:18px;max-width:880px}.result-extra{font-size:13px;color:var(--muted);margin-top:12px}.result-extra p{margin-top:10px}.result-extra img{border-radius:10px;max-width:500px;max-height:300px;object-fit:cover}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.finish-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.finish-row small{font-size:10px;color:var(--muted)}.lab-summary{padding:55px 0}.summary-title{font-size:clamp(31px,4vw,48px);margin:15px 0}.summary-count{font-size:22px;color:var(--accent);margin:20px 0}.summary-copy{max-width:800px;font-size:16px;color:var(--muted)}.badge-list{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.badge{font-size:11px;border:1px solid var(--line);color:var(--muted);padding:7px 12px;border-radius:99px}.badge.earned{background:var(--soft);border-color:var(--accent);color:var(--accent)}.summary-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.recommended{display:block;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);color:var(--accent);font-size:17px;text-decoration:none}.lab-footer{border-top:1px solid var(--line);padding:25px 36px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.lab-footer a{color:var(--ink);text-decoration:none}.lab-footer p{max-width:700px}#lab-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:7px;font-size:12px;display:none;z-index:100;max-width:90%}#lab-toast.show{display:block}.result-table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.result-table td,.result-table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.lab-tabs{display:flex;gap:9px;overflow:auto;margin:18px 0}.lab-tabs button{flex-shrink:0;background:var(--soft);border:1px solid var(--line);color:var(--ink);padding:8px 13px;border-radius:99px;font-size:11px}.lab-tabs .active{background:var(--accent);color:var(--bg)}.art-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.art-strip figure{margin:0}.art-strip img{aspect-ratio:1.2;object-fit:cover;border-radius:10px}.art-strip figcaption{font-size:11px;color:var(--muted);margin-top:7px}.token{display:inline-block;padding:4px 8px;margin:3px;border-radius:6px;background:var(--soft);border:1px solid var(--line);font-size:15px}.token.verb{background:#c8e7df;color:#1a5549}.token.noun{background:#eedcbf;color:#674b24}.token.question{background:#dcd7f0;color:#54437b}.token.connector{background:#f4d0d2;color:#874c51}.token.person{background:#d6e7f5;color:#35637d}.sim-stats{display:flex;gap:20px;flex-wrap:wrap;padding:14px;background:var(--soft);border-radius:9px;margin:15px 0}.sim-stats b{display:block;font-size:23px;color:var(--accent)}.sim-stats span{font-size:10px;color:var(--muted)}.scene-hotspots{position:relative}.scene-hotspots button{position:absolute;border-radius:99px;background:var(--accent);color:var(--bg);padding:7px 10px;border:2px solid var(--panel);font-size:11px}.inline-note{font-size:11px;color:var(--muted);margin-top:10px}.quiz-words{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:28px;background:var(--soft);border-radius:12px}.quiz-words span{font-size:20px;padding:7px 14px}.memory-probe{font-size:50px;text-align:center;padding:25px;color:var(--accent)}.timeline-cards{display:flex;gap:15px;overflow:auto;scroll-snap-type:x mandatory;padding:15px 0}.timeline-cards button{flex:0 0 160px;border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;background:var(--panel);color:var(--ink);scroll-snap-align:center}.timeline-cards img{aspect-ratio:1.2;object-fit:cover}.timeline-cards span{display:block;padding:9px;font-size:11px}.timeline-cards .selected{outline:2px solid var(--accent)}
.theme-illusions{--bg:#f0ebe2;--ink:#272e40;--accent:#a94d31;--soft:#e8dfd1;--line:#c8bbab;--radius:3px}.theme-illusions .intro-art{border-radius:48% 48% 3px 3px}.theme-illusions .step-picture{padding:22px}.theme-illusions .step-picture img{border-radius:48% 48% 0 0}.theme-daily{--bg:#f5e5bd;--panel:#fff8e9;--ink:#284640;--accent:#197d6c;--soft:#e7edc9;--line:#c3c9a3;--radius:26px}.theme-daily .intro-art{border-radius:50%}.theme-time{--bg:#f1e7db;--panel:#fff8ef;--ink:#553e39;--accent:#a85b44;--soft:#ead8c6;--line:#cfb6a1;--radius:5px}.theme-time .intro-art{border:14px solid #fff8ef;border-bottom-width:50px;transform:rotate(2deg);box-shadow:0 10px 24px #5b393015}.theme-parallel{--bg:#101f2b;--panel:#172e3b;--ink:#f4ece1;--accent:#efbe8f;--soft:#223c4a;--line:#4c5d65;--muted:#bac8cc}.theme-neuron{--bg:#061825;--panel:#0b293c;--ink:#e1f5f7;--accent:#8fe6ee;--soft:#163b4f;--line:#315a70;--muted:#a4c5d2}.theme-memory{--bg:#261d2e;--panel:#36283f;--ink:#f5eae1;--accent:#edc397;--soft:#49394e;--line:#746173;--muted:#c6b9c7}.theme-life{--bg:#e8eddb;--panel:#f8f7e9;--ink:#304a36;--accent:#526c3f;--soft:#dce6cb;--line:#b1c4a6}.theme-microverse{--bg:#071d2a;--panel:#0d2b3a;--ink:#e4f0f1;--accent:#8ce6d4;--soft:#183e48;--line:#38606a;--muted:#a6c5c7}.theme-scale{--bg:#0d1731;--panel:#17264b;--ink:#eaf0fa;--accent:#b6c9ff;--soft:#23375e;--line:#4a618b;--muted:#a9bbd6}.theme-growth{--bg:#faf1e3;--panel:#fffaf1;--ink:#5a4b43;--accent:#b36d58;--soft:#f2dfcd;--line:#d7c2af}.theme-language{--bg:#edf4df;--panel:#fbfff3;--ink:#2d5b4b;--accent:#26795e;--soft:#daedda;--line:#b4d1b8}.theme-language .intro-art{border-radius:50% 20% 40% 15%}html[data-theme=dark] body:not(.theme-neuron):not(.theme-microverse):not(.theme-scale):not(.theme-parallel):not(.theme-memory){--bg:#10232a;--panel:#1a343a;--ink:#e7f0e4;--muted:#b2c7c5;--accent:#a5e0c8;--soft:#284649;--line:#4b686c}
@keyframes reveal-result{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(max-width:900px){.lab-wrap{width:calc(100% - 40px)}.lab-intro{gap:25px}.step-main{padding:23px}.step-title{font-size:26px}.intro-title{font-size:43px}}@media(max-width:650px){.lab-wrap{width:calc(100% - 28px)}.lab-header-note{display:none}.lab-intro{display:flex;flex-direction:column-reverse;gap:22px;padding:25px 0 35px;min-height:0}.lab-intro>div{width:100%}.intro-art{aspect-ratio:1.7;max-height:260px}.intro-title{font-size:33px;margin:14px 0 16px}.intro-deck{font-size:14px}.intro-meta{font-size:10px;margin:14px 0}.intro-actions{margin-top:17px}.collection-meta{margin-top:18px;padding-top:15px}.journey{padding-top:17px}.journey-toolbar{gap:10px;margin-bottom:16px}.progress-track{width:80px}.progress-main{gap:9px}.progress-main b{font-size:20px}#step-select{max-width:160px;font-size:10px;padding:7px}.step-layout{display:flex;flex-direction:column}.step-picture{width:100%}.step-picture>img{aspect-ratio:1.8;max-height:220px}.step-main{padding:19px;width:100%}.step-title{font-size:24px;margin-bottom:11px}.step-question{font-size:14px;margin-bottom:16px}.prediction-button{padding:11px 12px;font-size:12px}.prediction-button[aria-pressed=true]{padding:10px 11px}.step-controls{margin-top:16px}.step-content{margin-top:18px}.step-result{padding:19px;margin-top:17px}.result-copy{font-size:16px}.step-navigation{margin-top:18px}.lab-button{font-size:12px;padding:12px 16px}.finish-row{align-items:start;gap:10px}.finish-row small{font-size:9px;max-width:130px}.finish-row .quiet-button{font-size:10px;padding:5px}.lab-summary{padding-block:35px}.summary-title{font-size:30px}.summary-copy{font-size:14px}.summary-count{font-size:19px}.badge{font-size:10px}.lab-footer{padding:22px 14px;display:block;font-size:10px}.lab-footer p{margin-top:10px}.theme-illusions .step-picture{padding:14px}.theme-illusions .step-picture img{aspect-ratio:1.9;max-height:180px}.theme-time .intro-art{border-width:8px;border-bottom-width:25px}.theme-daily .intro-art{border-radius:70px}.timeline-cards button{flex-basis:130px}.art-strip{gap:8px}.art-strip figcaption{font-size:10px}.quiz-words{padding:18px;gap:7px}.quiz-words span{font-size:17px;padding:5px 8px}.memory-probe{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.setup-panel{padding:18px;background:var(--soft);border-radius:12px;margin-top:22px;display:grid;gap:10px}.setup-panel label{font-size:12px}.setup-panel small{font-size:11px}.setup-panel input,.setup-panel select,.step-content select,.step-content textarea,.step-content input:not([type=range]):not([type=checkbox]),.step-controls select{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);max-width:100%;min-width:0}.step-content textarea,.step-content input[type=text]{width:100%}.step-content input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:20px 0}.step-content>p,.step-content>h3{margin-block:14px}.step-content>svg{max-width:100%;height:auto}.choice-row,.token-row{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}.measurement{font:18px/1.6 ui-monospace,monospace;color:var(--accent);overflow-wrap:anywhere}.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.discovery-card{border:1px solid var(--line);padding:15px;border-radius:12px;background:var(--panel);margin-block:14px;overflow:hidden}.discovery-card img{aspect-ratio:4/3;object-fit:cover;border-radius:7px;margin-bottom:12px}.discovery-card h3{font-size:19px}.discovery-card p{font-size:14px;margin-block:10px}.discovery-card small{font-size:11px}.sort-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:9px}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll td,.table-scroll th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.observation-toggle{display:flex;align-items:center;gap:13px;background:var(--soft);padding:18px;border-radius:10px}.observation-toggle input{width:24px;height:24px;accent-color:var(--accent)}.family-symbol{font-size:55px;color:var(--accent)}.serve-scene{padding:18px;background:var(--soft);margin-top:15px}.bubble{border-radius:25px;background:var(--soft);padding:15px;margin-block:12px;max-width:85%}.bubble.child{margin-left:auto;background:var(--accent);color:var(--bg)}.token-address{background:#d6e7f5;color:#35637d}.token-noun{background:#eedcbf;color:#674b24}.token-verb{background:#c8e7df;color:#1a5549}.token-question{background:#dcd7f0;color:#54437b}.token-connector{background:#f4d0d2;color:#874c51}html[data-theme=light] body:is(.theme-neuron,.theme-microverse,.theme-scale,.theme-parallel,.theme-memory){--bg:#eef2f0;--panel:#fffdf9;--ink:#1e3b4b;--muted:#4f6c76;--accent:#346785;--soft:#dce8e8;--line:#a4bbc1}#step-content>details>svg{width:100%;height:auto}@media(max-width:650px){.discovery-grid{grid-template-columns:1fr 1fr}.measurement{font-size:14px}.discovery-card{padding:11px}.discovery-card h3{font-size:16px}.discovery-card p{font-size:12px}.setup-panel{padding:13px}.table-scroll td,.table-scroll th{padding:9px}.step-controls select{width:100%}}

.gate-view svg{display:block;width:100%;height:auto}.serve-scene{animation:reveal-result .3s ease both}