:root{--ink:#202534;--muted:#7b8192;--primary:#5264e9;--primary-hover:#4355d7;--blue-bg:#eff2ff;--purple:#9676d9;--border:#edf0f5;--bg:#f5f6fa;--surface:#fff;--green:#2ea884;--orange:#e7a04b;--radius:16px;--shadow:0 4px 24px #29335e04}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;cursor:pointer}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);background:white;color:var(--ink);border-radius:9px;padding:10px 16px;font-size:13px;font-weight:550;cursor:pointer;min-height:42px;line-height:1.4}button:hover,.button:hover{background:#eef1f8}button:active,.button:active{background:#e4e8f5}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--primary);border-color:var(--primary);color:white}.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:white}.primary:active{background:#3648c5}.secondary{background:white;border-color:#e3e7f0;color:#535c70}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550;white-space:nowrap}.text-button{padding:4px 0;min-height:unset;border:0;background:none;color:var(--primary);font-size:12px}.text-button:hover{background:none;text-decoration:underline}.full{width:100%}.icon{width:18px;height:18px;flex:none}.button .icon,button .icon{width:16px;height:16px}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.7px;line-height:1.4}h2{font-size:16px;font-weight:650;line-height:1.6}h3{font-size:15px;font-weight:600}p{color:var(--muted);line-height:1.8}.small-copy{font-size:12px}.english{display:block;font-size:11px;line-height:1.7;color:var(--muted);letter-spacing:.25px}.badge{display:inline-flex;align-items:center;font-size:11px;padding:3px 8px;border-radius:5px;white-space:nowrap}.badge.neutral{background:#f4f5f9;color:#778095}.badge.done{background:#eaf8f1;color:#249170}.badge.ongoing{background:#fff3df;color:#b27c32}.badge.idle{background:#f1f3f8;color:#8890a1}.nav-caption{font-size:10px;letter-spacing:1px;color:#a1a7b5;margin:0 12px 12px}.secondary-caption{margin-top:32px}.avatar,.account{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#edf0ff;color:var(--primary);font-size:12px;font-weight:600}.shell{margin-left:222px}.topbar{height:74px;background:#ffffffb3;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:0 36px}.breadcrumb{font-size:11px;color:#a4a9b7;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:#6f778c;font-weight:500}.breadcrumb span{color:#c8ccd7}.top-search{margin-left:auto;display:flex;align-items:center;gap:10px;color:#a0a6b5;padding:8px 15px;border:1px solid #edf0f5;border-radius:8px;background:white;min-width:230px;font-size:11px}.top-search>span{font-size:21px;line-height:1}.top-search:hover{border-color:#c5cdf3}.account{width:30px;height:30px}.shell>main{max-width:1540px;min-height:80vh;margin:auto;padding:30px 36px 40px}footer{padding:18px 36px;border-top:1px solid var(--border);font-size:10px;color:#acb1bf;display:flex;justify-content:space-between;gap:20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head p{font-size:12px;margin-top:8px}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px 16px}.panel-heading p{font-size:11px;margin-top:4px}.panel-label{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}
/* Actual progress charts */
.overview-cards{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-bottom:22px}.metric{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.metric>div>span{font-size:11px;color:#82899b}.metric strong{font-size:30px;line-height:1.25;display:block;font-weight:550;font-variant-numeric:tabular-nums;margin:9px 0}.metric strong small{font-size:11px;font-weight:400;color:#939aaa;margin-left:7px;white-space:nowrap}.metric p{font-size:10px}.metric-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:13px}.metric-icon.blue{background:#eef1ff;color:var(--primary)}.metric-icon.purple{background:#f3eefb;color:var(--purple)}.metric-icon .icon{width:21px;height:21px}.ring{position:relative;flex:none;width:76px;height:76px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:7;stroke-linecap:round}.ring-track{stroke:#eef1f9}.ring-value{stroke:var(--primary)}.ring>strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0;font-weight:600;gap:1px}.ring>strong small{margin:3px 0 0;font-size:10px;color:var(--ink)}
/* Knowledge graph + focused next action */
.dashboard-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(255px,1fr);gap:20px;align-items:stretch}.map-panel{overflow:hidden}.map-panel .panel-heading{padding-bottom:12px}.knowledge-graph{margin:0 16px}.knowledge-graph>svg{display:block;width:100%;height:auto}.edge{fill:none;stroke:#d9dfeb;stroke-width:1.6}.edge-focus{stroke:#8d9af2;stroke-width:2.4}.graph-rank{font-family:inherit;font-size:12px;fill:#9199ab}.map-node{cursor:pointer;outline:none}.node-halo{fill:transparent;stroke:transparent;stroke-width:1.5}.node-circle{fill:white;stroke:#d9dfea;stroke-width:1.8}.map-node:hover .node-circle{fill:#f0f2ff;stroke:#7a8af0}.map-node:focus-visible .node-halo{stroke:var(--primary)}.map-node:active .node-circle{fill:#dfe5ff}.node-selected .node-halo{fill:#eff2ff;stroke:#e0e5ff}.node-selected .node-circle{fill:var(--primary);stroke:var(--primary)}.node-number{font-size:14px;fill:#939aab;font-weight:550;font-variant-numeric:tabular-nums}.node-name{font-size:13px;fill:#737d91}.node-selected .node-number{fill:white}.node-selected .node-name{fill:#394da4;font-weight:650}.map-node.done .node-circle{fill:#e8f7f0;stroke:#74c9ac}.map-node.done path{stroke:#39a782}.map-node.ongoing .node-circle{fill:#fff5e5;stroke:#e5bc7a}.map-node.ongoing .node-number{fill:#bf873a}.map-node.done.node-selected .node-halo{fill:#edf9f2;stroke:#a4dcc6}.map-node.ongoing.node-selected .node-halo{fill:#fff6e9;stroke:#edca92}.map-legend{padding:2px 24px 20px;display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#9aA2b2}.map-legend>span{display:flex;align-items:center;gap:6px}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;background:#c7cfdf}.state-dot.done{background:var(--green)}.state-dot.ongoing{background:var(--orange)}.legend-line:before{content:'';width:18px;border-top:1px solid #c8d1e3}.graph-mobile{display:none}.focus-panel{padding:24px}.selected-module{display:flex;flex-direction:column;height:100%;align-items:flex-start}.module-symbol{width:48px;height:48px;margin:22px 0 14px;border-radius:14px;background:#f0f2ff;color:var(--primary);display:flex;align-items:center;justify-content:center}.module-symbol .icon{width:24px;height:24px}.selected-module h2{font-size:20px;line-height:1.5;margin-top:10px;letter-spacing:-.5px}.selected-module .english{margin-top:3px}.selected-module>p{font-size:12px;margin:12px 0;max-width:28em}.prerequisites{border-top:1px solid var(--border);padding-top:14px;margin-top:auto;align-self:stretch;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:11px}.prerequisites>span{color:#99a1b2;width:100%}.prerequisites>strong{font-weight:400;color:#727d90}.prerequisites .text-button{padding:0}.selected-module>.button{margin-top:20px}.skip-link{font-size:11px;color:#9199ab;display:block;text-align:center;width:100%;margin-top:12px}.skip-link:hover{color:var(--primary)}
/* Learning direction + capability distribution */
.dashboard-bottom{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(255px,1fr);gap:20px;margin-top:22px;align-items:start}.path-panel{padding-bottom:8px}.lesson-row{display:flex;gap:14px;align-items:center;padding:16px 24px;color:var(--ink);border-top:1px solid #f1f3f7}.lesson-row:hover{background:#f7f9ff;color:var(--ink)}.lesson-row:active{background:#eff2ff}.row-index{width:32px;height:32px;border-radius:9px;background:#f4f5f9;display:flex;align-items:center;justify-content:center;font-size:11px;color:#929bab;flex:none}.row-index.done{background:#eaf7f0;color:var(--green)}.row-index.ongoing{background:#fff5e5;color:#c09150}.row-next .row-index{background:#eef1ff;color:var(--primary)}.lesson-row>div{min-width:0;flex:1}.lesson-row strong{display:block;font-size:12px;font-weight:550}.lesson-row small{display:block;font-size:10px;color:#a0a7b7;margin-top:3px}.row-state{font-size:10px;white-space:nowrap;color:#9fa7b7}.row-next .row-state{color:var(--primary)}.row-state.done{color:var(--green)}.lesson-row>.icon{width:14px;height:14px;color:#b7bfce}.domains-panel{padding-bottom:12px}.domain-row{margin:8px 24px 22px}.domain-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;color:#778195}.domain-row strong{font-size:12px;color:#5f6b82;font-weight:500}.domain-row small{color:#aab2c2;font-weight:400}.progress-track{height:6px;overflow:hidden;background:#f1f3f9;border-radius:4px}.progress-track span{display:block;height:100%;border-radius:4px}.domain-0{background:#7b8fee}.domain-1{background:#b796e2}.domain-2{background:#7ac6cb}.domain-3{background:#e6b884}.project-invite{display:flex;gap:12px;align-items:center;background:#f6f7fc;border-radius:10px;margin:24px 16px 6px;padding:16px 12px;color:#647088}.project-invite:hover{background:#eff1fc}.project-invite .metric-icon{width:34px;height:34px;border-radius:9px}.project-invite strong{font-size:12px;font-weight:550;flex:1}.project-invite small{display:block;color:#a2a9b7;font-size:10px;margin-top:3px}.project-invite>.icon{width:14px;height:14px}
/* Collection views */
.toolbar{display:flex;gap:12px;margin:16px 0 20px}.search-field{display:flex;gap:12px;align-items:center;background:white;border:1px solid #e5e9f1;border-radius:9px;padding:0 14px;flex:1;max-width:440px}.search-field .icon{color:#9ca6bb;width:17px;height:17px}.search-field input{border:0;outline:none;min-width:0;width:100%;padding:12px 0;background:transparent;font-size:12px}.search-field:focus-within{border-color:var(--primary)}select{border:1px solid #e5e9f1;background:white;color:#7f8ba0;border-radius:9px;font-size:12px;padding:10px 14px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{display:block;padding:22px;color:var(--ink)}.module-card:hover{border-color:#bec8fa;background:#fcfcff;color:var(--ink)}.module-card:active{background:#f1f4ff}.module-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.module-card h3{margin-top:16px}.module-card .english{margin-top:3px}.module-card p{font-size:12px;margin-top:12px;min-height:42px}.module-card-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:16px;margin-top:18px;border-top:1px solid var(--border);font-size:10px;color:#9ba5b8}.module-card-bottom .icon{width:15px;height:15px;color:#7d8cce}.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.path-choice{padding:28px;display:flex;flex-direction:column}.path-choice.selected{border-color:#8f9af0}.path-choice h2{font-size:20px;margin-top:20px}.path-choice p{font-size:12px;margin:8px 0 22px}.path-outcome{background:#f8f9fc;border-radius:8px;padding:14px}.path-outcome span{display:block;font-size:10px;color:#a5adbd}.path-outcome strong{display:block;font-size:12px;color:#778399;font-weight:500;margin-top:4px}.path-progress{display:flex;justify-content:space-between;font-size:10px;color:#a0a8b8;margin:20px 0}.path-choice button{align-self:flex-start}.route-detail{margin-top:24px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}.project-card:hover{color:var(--ink);border-color:#bfc9f3}.project-card:active{background:#f1f4ff}.project-art{height:136px;display:flex;align-items:center;justify-content:center;gap:20px;background:#eef2ff;color:#7187cc}.project-art .icon{width:45px;height:45px;stroke-width:1}.project-art span{font-size:24px;font-weight:400;letter-spacing:2px}.art-creative{background:#f3edf9;color:#b28dcc}.art-knowledge{background:#eaf5f6;color:#83bcc5}.art-research{background:#f5f0e8;color:#c5a479}.art-compass{background:#eaf0fb;color:#8aa1ce}.project-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.project-card h2{margin:14px 0 10px}.project-card p{font-size:12px;flex:1}.project-card-bottom{margin-top:auto}
/* Full-page module workspace */
.back-link{display:inline-flex;align-items:center;gap:8px;color:#8793a8;font-size:11px;margin-bottom:20px}.back-link .icon{width:15px;height:15px}.lesson-head{margin-bottom:26px}.lesson-head h1{font-size:29px;margin:10px 0 8px}.lesson-head p{font-size:13px}.lesson-head .english{margin-top:4px}.lesson-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:24px;align-items:start}.lesson-panel{overflow:hidden}.lesson-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 24px;gap:24px}.lesson-tabs a{display:flex;align-items:center;gap:8px;color:#98a0b1;padding:20px 0;font-size:12px;border-bottom:2px solid transparent}.lesson-tabs a>span{width:21px;height:21px;font-size:10px;border-radius:50%;background:#f0f2f7;display:flex;align-items:center;justify-content:center;color:#a0a8b8}.lesson-tabs a[aria-current]{border-bottom-color:var(--primary);color:var(--primary);font-weight:550}.lesson-tabs a[aria-current]>span{background:var(--primary);color:white}.lesson-tabs a:hover{color:var(--primary)}.lesson-content{padding:30px}.content-label{font-size:11px;color:#9da7ba;margin-bottom:22px}.concept{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.concept-number{font-size:11px;color:#a8b3c8;line-height:2.4;flex:none}.concept h2{font-size:17px}.concept p{margin-top:8px;font-size:14px;line-height:1.9;color:#768398}.example{padding:24px;background:#f6f8fc;border-radius:12px;margin:32px 0}.example-label{display:flex;align-items:center;gap:8px;color:#8191ae;font-size:10px;margin-bottom:12px}.example-label .icon{width:14px;height:14px}.example h3{font-size:13px;color:#687a98}.example pre{font:12px/2 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#7c8aa2;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}.lesson-footer{border-top:1px solid var(--border);padding-top:22px;display:flex;gap:16px;align-items:center;justify-content:space-between}.lesson-footer>span{font-size:11px;color:#a2adbd}.lesson-sidebar{display:grid;gap:16px}.lesson-sidebar>.panel{padding:22px}.lesson-sidebar h3{font-size:13px}.lesson-sidebar p{font-size:11px;margin:10px 0 14px}.lesson-sidebar .text-button{display:block;margin-top:12px}.terms-panel>div{border-top:1px solid var(--border);padding:12px 0}.terms-panel>div:first-of-type{margin-top:12px}.terms-panel>div:last-child{padding-bottom:0}.terms-panel strong{font-size:11px;color:#7b89a2;display:block;font-weight:550}.terms-panel span{display:block;font-size:10px;color:#a1adbf;margin-top:3px}.related-lesson{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:12px 0;color:#8593aa;font-size:12px}.related-lesson:first-of-type{margin-top:10px}.related-lesson .icon{width:13px;height:13px;color:#98a6c0}.source-detail{font-size:11px;padding:4px 12px;color:#929fb4}.source-detail a{font-size:11px;overflow-wrap:anywhere}.source-detail small{display:block;margin-top:14px;font-size:10px;line-height:1.8;color:#aab4c5}summary{cursor:pointer;list-style:none;color:#8a98ad}summary:before{content:'›';margin-right:8px;color:#8d9bb6}details[open]>summary:before{content:'⌄'}summary:hover{color:var(--primary)}.task-title{font-size:17px;margin-bottom:16px}.practice-steps{list-style:none;counter-reset:step;padding:0;margin:20px 0 32px}.practice-steps li{counter-increment:step;display:flex;gap:14px;font-size:13px;color:#7e8ba3;margin:16px 0}.practice-steps li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#eef1fb;color:#8b9ac2;border-radius:50%;font-size:10px;flex:none}.field-label{font-size:13px;font-weight:550;display:block;margin-bottom:6px}.field-help{font-size:11px;margin-bottom:14px}textarea{border:1px solid #e0e6f1;border-radius:9px;background:#fcfdff;padding:16px;width:100%;min-height:220px;resize:vertical;line-height:1.8;color:#697a96;font-size:13px}textarea:focus{outline:2px solid #dfe5ff;border-color:#8190ef}textarea::placeholder{color:#b2bbcb}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.form-footer>span{font-size:10px;color:#a1aec3}.practice-next{margin-top:30px;border-top:1px solid var(--border);padding-top:24px}.practice-next p{font-size:11px;margin-bottom:14px}.quiz .answer-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e6ebf5;border-radius:9px;margin:12px 0;cursor:pointer}.answer-option:hover{background:#f8f9ff;border-color:#ced6f6}.answer-option:has(input:checked){background:#f1f4ff;border-color:#94a2ef}.answer-option input{margin:0;accent-color:var(--primary)}.answer-option>span{font-size:10px;color:#a0abc1}.answer-option strong{font-size:13px;font-weight:400;color:#7688a4}.quiz>.primary{margin-top:14px}.quiz-result{font-size:12px;line-height:1.8;border-radius:8px}.quiz-result:empty{display:none}.quiz-result.success{background:#eef9f3;color:#3a947c;padding:16px;margin-top:20px}.quiz-result.error{background:#fff5e8;color:#b98641;padding:16px;margin-top:20px}.practice-review{margin-top:28px;font-size:12px;border-top:1px solid var(--border);padding-top:20px}.practice-review p{font-size:11px;margin:16px 0}.practice-review textarea{min-height:140px;margin:12px 0}.completion{display:flex;gap:14px;padding:22px;background:#f1f6fc;border-radius:12px;margin-top:26px}.completion[hidden]{display:none}.completed-icon{width:32px;height:32px;border-radius:50%;color:var(--green);background:#e7f5ec;display:flex;align-items:center;justify-content:center;flex:none}.completion h3{font-size:14px}.completion p{font-size:11px;margin-top:7px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.completion .actions{margin-top:16px}.project-workspace{padding:30px}.project-workspace h2{font-size:18px}.deliverables{padding-left:20px;font-size:14px;color:#8b99b1;line-height:2.4;margin:20px 0 30px}.project-workspace textarea{min-height:260px}#project-result{font-size:12px;color:var(--green);margin-top:20px}
/* Records and sources */
.record-layout,.source-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:24px;align-items:start}.record-row{display:flex;gap:16px;align-items:start;padding:22px 24px;border-top:1px solid var(--border);color:var(--ink)}.record-row:hover{background:#fafbff;color:var(--ink)}.record-row>div{min-width:0;flex:1}.record-row h3{font-size:13px;margin-bottom:7px}.record-row p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin-top:10px}.record-row>.icon{width:14px;height:14px;margin-top:8px;color:#b8c3d7}.backup-panel{padding:26px}.backup-panel p{font-size:12px;margin:12px 0 24px}.backup-panel details{margin-top:24px;font-size:11px}.backup-panel details p{font-size:11px;margin:12px 0}.project-records{margin-top:24px}.source-row{display:flex;gap:16px;align-items:center;padding:20px 24px;border-top:1px solid var(--border);color:var(--ink)}.source-row:hover{background:#f7f9ff;color:var(--ink)}.source-row>div{flex:1}.source-row h3{font-size:12px}.source-row p{font-size:10px;margin-top:6px}.source-row>.icon{width:14px;height:14px;color:#98a7c4}.changelog{padding:24px}.version-entry{margin-top:20px}.version-entry small{font-size:10px;color:#a4afc1;margin-left:8px}.version-entry p{font-size:11px;margin-top:10px}.glossary-panel{margin-top:24px;padding-bottom:12px}.glossary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px;gap:0 24px}.glossary a{display:block;padding:16px 0;border-top:1px solid var(--border)}.glossary strong{display:block;font-weight:550;font-size:12px;color:#7887a2}.glossary span{display:block;font-size:10px;color:#a0adc2;margin-top:5px}.empty{text-align:center;padding:44px 24px}.empty p{font-size:12px;margin:12px 0 20px}.empty h3{font-size:16px}.error-banner{padding:16px;background:#fff4e5;color:#c39758;border-radius:9px;font-size:12px;margin-bottom:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#29334a;color:white;padding:12px 20px;border-radius:9px;box-shadow:0 8px 24px #27345220;font-size:12px;z-index:10;opacity:0;pointer-events:none;max-width:90vw}#toast.visible{opacity:1}
:focus-visible{outline:2px solid #8693ef;outline-offset:3px}
@media(min-width:1600px){.shell>main{padding-top:36px}.knowledge-graph{margin:0 24px}.panel-heading{padding-top:24px}.focus-panel{padding:30px}.selected-module h2{font-size:23px}.selected-module>p{font-size:13px}}
@media(max-width:1200px){.shell{margin-left:192px}.shell>main{padding:24px}.topbar{padding:0 24px}.dashboard-main,.dashboard-bottom{grid-template-columns:minmax(0,1.9fr) 250px;gap:16px}.metric{padding:20px 18px}.ring{width:64px;height:64px}.metric strong{font-size:26px}.metric-icon{width:36px;height:36px}.panel-heading{padding:20px 18px 14px}.map-legend{padding:8px 18px 20px;gap:12px}.focus-panel{padding:20px}.selected-module h2{font-size:18px}.selected-module .module-symbol{margin-top:16px}.prerequisites{margin-top:12px}.module-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout,.record-layout,.source-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.lesson-content{padding:26px}.lesson-tabs{gap:16px;padding:0 24px}.lesson-tabs a{font-size:11px}.selected-module>.button{margin-top:16px}.page-head .button{font-size:11px}.lesson-row{padding:14px 18px}}
@media(max-width:960px){.dashboard-main,.dashboard-bottom{grid-template-columns:1fr}.focus-panel{padding:22px}.selected-module{display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:start}.selected-module .panel-label{grid-column:1}.selected-module .module-symbol{display:none}.selected-module>.badge{grid-column:2;grid-row:1}.selected-module h2{margin-top:4px;grid-column:1}.selected-module .english{grid-column:1}.selected-module>p{grid-column:1;max-width:unset;margin:6px 0}.selected-module .prerequisites{grid-column:1;margin-top:8px;padding-top:12px}.selected-module .small-copy{display:none}.selected-module>.button{grid-column:2;grid-row:2 / 4;margin-top:4px;width:auto}.selected-module>.skip-link{grid-column:2;grid-row:4;font-size:10px;margin-top:8px}.overview-cards{grid-template-columns:1fr 1fr}.metric:last-child{display:none}.domains-panel{display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:16px}.domains-panel>.panel-heading{grid-column:1 / -1}.domain-row{margin:10px 20px}.project-invite{grid-column:1/-1;margin-top:20px}.lesson-layout,.record-layout,.source-layout{grid-template-columns:1fr}.lesson-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.source-detail{grid-column:1/-1}.glossary{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-panel details{margin-top:16px}.top-search{min-width:0}.breadcrumb{font-size:10px}}
@media(max-width:680px){.shell{margin:0}.topbar{height:46px;padding:0 18px;background:#f8f9fc}.top-search{font-size:0;padding:0;background:none;border:0;min-width:0}.top-search span{font-size:20px}.account{width:24px;height:24px;font-size:10px}.shell>main{padding:22px 16px}.page-head{align-items:flex-start;gap:14px;margin-bottom:20px}.page-head h1{font-size:23px}.page-head p{font-size:11px;margin-top:8px}.page-head>.button{min-width:unset;padding:9px 10px;font-size:10px;white-space:nowrap}.page-head>.button .icon{display:none}.overview-cards{gap:10px;margin-bottom:16px}.metric{padding:16px 14px}.metric>div>span{font-size:9px}.metric strong{font-size:25px;margin:10px 0}.metric strong small{font-size:9px;margin-left:2px;display:block;margin-top:5px}.metric p{font-size:9px}.metric .metric-icon{display:none}.ring{width:52px;height:52px}.ring>strong{font-size:14px}.ring>strong small{font-size:8px}.panel{border-radius:13px}.dashboard-main,.dashboard-bottom{gap:14px}.knowledge-graph{display:none}.graph-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 18px 18px}.mobile-node{min-height:38px;border-radius:7px;padding:6px;font-size:10px;gap:6px;color:#8c98ae}.mobile-node.selected{background:var(--blue-bg);border-color:#acbaf5;color:var(--primary)}.mobile-node .state-dot{width:5px;height:5px}.panel-heading{padding:20px 18px 14px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.panel-heading .text-link{font-size:10px}.map-legend{font-size:9px;padding:0 18px 18px;gap:12px}.map-legend .legend-line{display:none}.focus-panel{padding:20px}.selected-module{display:flex;gap:0}.selected-module .panel-label{font-size:10px}.selected-module>.badge{position:static;margin:12px 0 4px}.selected-module h2{font-size:21px}.selected-module .english{margin:3px 0 8px}.selected-module>p{font-size:12px}.selected-module>.button{width:100%;margin-top:18px}.selected-module>.skip-link{margin-top:10px;font-size:11px}.selected-module .prerequisites{width:100%;font-size:10px;margin-top:12px}.lesson-row{gap:10px;padding:14px 18px}.lesson-row small{font-size:10px}.row-state{font-size:9px}.row-index{width:28px;height:28px;font-size:10px}.lesson-row strong{font-size:12px}.lesson-row>.icon{display:none}.module-grid,.project-grid,.path-grid{grid-template-columns:1fr}.module-card{padding:20px}.module-card p{min-height:unset;font-size:13px}.toolbar{gap:8px}.toolbar select{max-width:130px;font-size:11px;padding:10px}.search-field{padding:0 12px}.search-field input{font-size:11px}.search-field .icon{display:none}.path-choice{padding:24px}.lesson-head h1{font-size:25px}.lesson-tabs{padding:0 16px;justify-content:space-between;gap:8px}.lesson-tabs a{padding:16px 0;font-size:11px;gap:5px}.lesson-tabs a>span{width:18px;height:18px;font-size:9px}.lesson-content{padding:24px 20px}.lesson-sidebar{grid-template-columns:1fr}.concept{gap:12px}.concept h2{font-size:16px}.concept p{font-size:13px}.example{padding:20px;margin:24px 0}.example pre{font-size:11px}.lesson-footer{flex-direction:column;align-items:stretch}.lesson-footer>span{text-align:center}.form-footer{flex-direction:column;align-items:stretch}.form-footer>span{font-size:11px}.quiz .answer-option{padding:12px}.answer-option strong{font-size:12px}.completion{padding:18px}.completion .completed-icon{display:none}.completion .actions{align-items:stretch;flex-direction:column}.completion .text-link{justify-content:center}.project-workspace{padding:24px 20px}.project-art{height:118px}.glossary{grid-template-columns:1fr}.source-row{padding:18px;gap:12px}.source-row .metric-icon{width:32px;height:32px}.source-row h3{font-size:11px}.record-row{padding:20px 18px;gap:12px}.record-row p{font-size:12px}.records-panel .panel-heading{flex-wrap:wrap}.error-banner{font-size:11px}.project-workspace .actions{flex-direction:column;align-items:stretch}footer{padding:20px 16px;font-size:9px;flex-direction:column;gap:5px}}.panel-heading p,.selected-module>p,.page-head p{font-size:13px}.metric>div>span{font-size:12px}.metric p{font-size:11px}.lesson-row strong{font-size:14px}.lesson-row small{font-size:12px}.map-legend{font-size:11px}.node-name{font-size:15px}.node-number{font-size:15px}.graph-rank{font-size:13px}.selected-module h2{font-size:21px}
@media(max-width:960px){.dashboard-main>.focus-panel{grid-row:1}.dashboard-main>.map-panel{grid-row:2}.selected-module>p{font-size:13px}}
@media(max-width:680px){.page-head p{font-size:12px}.page-head h1{font-size:22px}.panel-heading p{font-size:12px}.metric>div>span{font-size:10px}.metric p{font-size:10px}.lesson-row strong{font-size:13px}.lesson-row small{font-size:11px}.map-legend{font-size:10px}.selected-module h2{font-size:22px}.focus-panel .selected-module .panel-label{font-size:12px}.mobile-node{font-size:11px}.lesson-content .concept p{font-size:14px}.example pre{font-size:12px}}
/* Exploration workbench */
.prompt-workbench{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;margin-top:24px}.demo-intro{font-size:12px;margin-top:10px}.prompt-fields{display:grid;gap:16px}.prompt-fields label{font-size:11px;color:#7487a8}.prompt-fields input{width:100%;margin-top:7px;padding:11px 12px;background:#fcfdff;border:1px solid #dfe7f3;border-radius:8px;color:#697d9b;font-size:12px}.prompt-fields input:focus{outline:2px solid #dfe5ff;border-color:#8190ef}.prompt-preview{padding:20px;border-radius:12px;background:#edf3ff;display:flex;flex-direction:column;align-items:flex-start}.prompt-preview>span{font-size:11px;color:#90a1c0}.prompt-preview pre{font-size:12px;line-height:1.9;font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:#5d78a5;margin:16px 0 24px;flex:1}.scenario-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.scenario-options button{font-size:11px}.scenario-options .scenario-selected{background:#eef2ff;border-color:#98a8ec;color:var(--primary)}.scenario-flow{display:flex;gap:10px;align-items:center;padding:24px 18px;background:#f2f6fe;border-radius:14px}.scenario-flow>div{flex:1;min-width:0;background:white;padding:16px 10px;border-radius:9px;text-align:center;box-shadow:0 4px 18px #36599706}.scenario-flow>div span{display:block;font-size:10px;color:#bac4d7;margin-bottom:6px}.scenario-flow>div strong{font-size:12px;font-weight:500;color:#768baa}.scenario-flow>.icon{color:#9caccc;width:14px;height:14px}.scenario-result{padding:20px 0}.scenario-result>span{font-size:11px;color:#9caac2}.scenario-result p{white-space:pre-wrap;font-size:13px;color:#7189ad;line-height:1.9;margin-top:10px}.own-experiment{margin-top:28px;border-top:1px solid var(--border);padding-top:24px}.own-experiment>p{font-size:13px;margin:10px 0}.own-experiment details{margin:20px 0;font-size:12px}.master-panel{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;border-radius:12px;background:#eff8f4;margin-top:30px}.master-panel h3{font-size:13px;color:#6a9987}.master-panel p{font-size:11px;margin-top:6px}.master-panel button{white-space:nowrap}.lesson-tabs .icon{width:14px;height:14px}.skip-link.text-button{margin-top:12px;line-height:1.5;font-weight:400}
@media(max-width:1100px){.prompt-workbench{grid-template-columns:1fr}.scenario-flow{padding:16px 12px}.scenario-flow>div strong{font-size:11px}}
@media(max-width:680px){.scenario-flow{gap:8px}.scenario-flow>div{padding:12px 6px}.scenario-flow>div strong{font-size:11px}.scenario-flow>.icon{width:11px;height:11px}.master-panel{flex-direction:column;align-items:stretch}.scenario-result p{font-size:13px}}
/* AI Explorer visual identity: opal glass, cobalt, peach and mint. */
:root{--bg:#f0f2f5;--ink:#222832;--muted:#818b9a;--primary:#366af1;--primary-hover:#255ae0;--border:#e5eaf166;--shadow:0 12px 38px #38537807}
body{background:var(--bg)}.shell{margin-left:200px}.topbar{height:68px;background:#f0f2f5;border-bottom:0;padding:0 36px}.top-search{border:0;border-radius:30px;padding:10px 20px;min-width:250px}.shell>main{padding-top:14px}.panel{border:0;border-radius:20px;box-shadow:var(--shadow)}.page-head h1{font-weight:550}.experience-heading{margin:0 0 24px;align-items:center}.experience-heading h1{font-size:34px;line-height:1.5;letter-spacing:-1.2px;margin-top:6px}.experience-heading p{font-size:13px;color:#8c95a3;margin-top:4px}.welcome-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a9b6;letter-spacing:.3px}.welcome-label>i{width:5px;height:5px;border-radius:50%;background:#74bfa2}.experience-heading>.button{border:0;border-radius:30px;background:#fff;font-size:11px;padding:10px 18px}.experience-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);gap:20px}.planet-card{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(130deg,#e6edf6,#e4edf6 40%,#e2e3f5);box-shadow:0 14px 40px #6283bc12}.planet-head{padding:26px 30px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:2}.card-caption{font-size:9px;letter-spacing:1.1px;color:#9ca9be}.planet-head h2{font-size:22px;font-weight:500;margin-top:4px;letter-spacing:-.5px}.planet-hint{font-size:10px;color:#92a1ba;max-width:110px;text-align:right}.globe-host{height:370px;position:relative;cursor:grab;touch-action:pan-y;user-select:none;margin-top:2px}.globe-host.dragging{cursor:grabbing;touch-action:none}.globe-host canvas{display:block}.globe-hotspots{position:absolute;inset:0;pointer-events:none}.globe-hotspot{position:absolute;transform:translate(-50%,-50%) scale(var(--depth,1));pointer-events:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:48px;padding:11px 16px;border:1px solid #ffffffba;background:#ffffffb8;color:#697994;border-radius:18px;box-shadow:0 9px 18px #6682ad13,inset 0 1px 0 white;font-size:13px;font-weight:500;transition:background 140ms ease,box-shadow 140ms ease}.globe-hotspot:hover{background:white;box-shadow:0 10px 24px #7290b22b}.globe-hotspot:active{background:#e9f1ff}.globe-hotspot i{display:block;width:12px;height:12px;border-radius:50%;background:var(--topic);box-shadow:inset 0 2px 3px #ffffffb3,0 3px 7px #657cc433;position:relative}.globe-hotspot.behind{background:#f4f7fbb8;color:#8593aa}.globe-hotspot.chosen{background:#ffffffec;color:#405f97;border-color:#fefeff;box-shadow:0 9px 24px #4e77cb24}.globe-hotspot.chosen i{width:15px;height:15px;box-shadow:0 0 0 5px #8eaef124,inset 0 2px 3px #ffffff8f}.globe-center{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-20%);color:#6c83b052;text-align:center}.globe-center>span{font-size:45px;font-weight:400;letter-spacing:-3px;line-height:1}.globe-center small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:#7890ba73}.planet-controls{position:absolute;bottom:86px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.planet-controls>span{font-size:9px;color:#a0abc0}.planet-controls button{border:0;background:#ffffff80;color:#8c9fbd;padding:7px 12px;min-height:30px;font-size:10px;border-radius:30px}.planet-controls button:hover{background:white}.entry-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 20px 22px}.entry-choice{border:0;background:#ffffff6b;color:#94a4bf;min-height:40px;border-radius:13px;padding:8px 5px;font-size:11px;font-weight:400;gap:6px}.entry-choice .icon{width:14px;height:14px;color:var(--entry-color)}.entry-choice:hover{background:#fff9}.entry-choice.entry-selected{background:white;color:#647bA8;box-shadow:0 4px 14px #4975b014}.focus-card{border-radius:26px;background:#cddff7;overflow:hidden;box-shadow:0 14px 40px #527bbb10}.experience-focus{padding:28px;position:relative;color:white;background:linear-gradient(145deg,#80b2fa,#5e95f1 50%,#3a72ec);height:100%;min-height:480px;display:flex;flex-direction:column;align-items:stretch;gap:0}.experience-focus.violet{background:linear-gradient(145deg,#b8b0ea,#9992df 50%,#7976d4)}.experience-focus.pink{background:linear-gradient(145deg,#e0b5cb,#d599b9 50%,#c383aa)}.experience-focus.teal{background:linear-gradient(145deg,#8ad5cd,#63bdb7 50%,#45a4a3)}.focus-eyebrow{font-size:11px;color:#ffffffb3}.focus-3d{height:154px;position:relative;perspective:600px}.glass-tile{position:absolute;top:27px;left:50%;width:82px;height:92px;border-radius:22px;transform:translateX(-20%) rotateX(10deg) rotateY(-28deg) rotateZ(12deg);background:linear-gradient(145deg,#fff7,#ffffff16);border:1px solid #ffffff80;box-shadow:inset 2px 2px 6px #ffffff90,9px 14px 24px #2b58a225;display:flex;align-items:center;justify-content:center;z-index:2}.glass-tile .icon{width:37px;height:37px;stroke-width:1.2;color:#ffffffe0}.tile-back{width:76px;height:88px;transform:translateX(-70%) rotateX(15deg) rotateY(-24deg) rotateZ(-17deg);top:19px;z-index:1;background:linear-gradient(145deg,#ffffff45,#ffffff05)}.glass-dot{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 25% 20%,white,#ffffff55 50%,#c5def93d);box-shadow:2px 4px 6px #23539818;left:40%;bottom:21px}.focus-kicker{font-size:11px;color:#ffffffe6;display:block;margin-bottom:8px;letter-spacing:.5px}.experience-focus h2{font-size:23px!important;color:white;font-weight:450;line-height:1.55;letter-spacing:-.6px;margin:0}.experience-focus p{font-size:11px;line-height:1.9;color:#ffffffa6;margin:12px 0 0;max-width:unset}.focus-action{background:white;border:0;color:#5080cb;box-shadow:0 5px 15px #356cc51a;border-radius:12px;padding:13px 14px;margin-top:auto!important;font-size:12px}.focus-action:hover{background:#eaf2ff;color:#366af1}.experience-focus.violet .focus-action{color:#8783c8}.experience-focus.pink .focus-action{color:#bd83a7}.experience-focus.teal .focus-action{color:#479f9d}.focus-read{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#ffffffbb;margin-top:14px}.focus-read:hover{color:white}.focus-read .icon{width:12px;height:12px}.start-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;background:#fafbfc;border-radius:20px;padding:24px 26px}.strip-label{font-size:10px;color:#a1adbe}.start-strip h2{font-size:14px;font-weight:500;margin-top:3px;color:#697a91}.start-step{display:flex;gap:12px;align-items:center;min-width:0}.start-step>span{font-size:21px;color:#b6c3d6;font-weight:350;line-height:1}.start-step strong{font-size:12px;font-weight:500;color:#778ba6;display:block}.start-step small{display:block;font-size:9px;margin-top:4px;color:#a9b5c6}.start-strip>.icon{width:14px;height:14px;color:#c7d2e3}.journey-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}.journey-card{background:#fafbfc;border-radius:20px;overflow:hidden}.journey-card h2{font-size:15px;color:#596b85;font-weight:500}.journey-card .text-link{font-size:10px;color:#97a7c1}.journey-card .panel-heading{padding:22px 24px 8px}.journey-content{display:flex;align-items:center;gap:20px;padding:8px 24px 24px}.ring-large{width:98px;height:98px}.ring-large>strong{font-size:24px;font-weight:400}.journey-content h3{font-size:13px;font-weight:500;color:#7c8fa9}.journey-content p{font-size:10px;margin-top:5px;color:#a6b3c6}.journey-content .text-link{font-size:10px;margin-top:10px}.journey-dots{display:flex;gap:5px;margin-top:10px}.journey-dots a{width:12px;height:5px;border-radius:3px;background:#e2e7f0}.journey-dots a.done{background:#87c8af}.journey-dots a.ongoing{background:#eec594}.journey-dots a:hover{background:#7ba4ef}.mini-project-card{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;overflow:hidden;border-radius:20px;padding:24px;color:#726f73}.mini-project-card.peach{background:#f5e5d7}.mini-project-card.mint{background:#deece8}.mini-project-card.peach:hover{background:#f1dfce}.mini-project-card.mint:hover{background:#d4e7e0}.mini-project-card>div:first-child{width:64%;position:relative;z-index:2}.mini-project-card h2{font-size:17px;font-weight:500;margin-top:14px;line-height:1.5;color:#837970;letter-spacing:-.3px}.mini-project-card.mint h2{color:#6c8b81}.mini-project-card p{font-size:10px;line-height:1.8;margin-top:8px;color:#b0a08f}.mini-project-card.mint p{color:#94aea3}.mini-project-card .text-link{margin-top:14px;font-size:10px;color:#ac927a}.mini-project-card.mint .text-link{color:#7fa69c}.mini-project-card .text-link .icon{width:12px;height:12px}.mini-object{width:110px;height:120px;position:relative;perspective:500px;flex:none;margin-right:-28px}.object-paper span{position:absolute;width:64px;height:80px;border-radius:10px;box-shadow:inset 1px 2px 3px #ffffffa8,7px 12px 15px #9477491c;background:linear-gradient(135deg,#ffffffd4,#dcc7b89c);font-size:25px;font-weight:350;color:#ad998642;border:1px solid #ffffffbc;display:flex;align-items:center;justify-content:center;transform:rotateY(-35deg) rotateZ(13deg);top:10px;left:10px}.object-paper span:last-child{top:29px;left:33px;transform:rotateY(-35deg) rotateZ(-8deg);background:linear-gradient(135deg,#f7eadfd6,#e0c5b580)}.object-tiles i{position:absolute;left:10px;top:28px;width:74px;height:55px;border:1px solid #ffffffa8;background:linear-gradient(145deg,#fafffc,#cae3d4b5);box-shadow:3px 10px 10px #6d9f8b16;transform:rotateX(55deg) rotateZ(-30deg);border-radius:9px}.object-tiles i:nth-child(2){top:47px;background:linear-gradient(145deg,#e0f5e8,#b1d3bf)}.object-tiles i:nth-child(3){top:66px;background:linear-gradient(145deg,#cbe3d6,#8fbaa3)}.home-note{font-size:10px;color:#a5b2c3;margin:22px 4px 0}.experience-grid .focus-card .selected-module{display:flex!important}.focus-card .experience-focus>.focus-read{width:100%}.dashboard-main .focus-card{border-radius:20px}.dashboard-main .focus-panel{padding:0;overflow:hidden;border-radius:20px}.dashboard-main .experience-focus{min-height:440px}.lesson-panel,.project-workspace{box-shadow:0 12px 28px #507ab509}.lesson-sidebar>.panel{background:#f9fbfc}.lesson-tabs{background:#fafcff;border-bottom:1px solid #e2e9f6}.lesson-tabs a[aria-current]{color:#316cf3}.lesson-content h2{color:#425a7c}.lesson-head h1{font-weight:500}.source-panel .source-row{background:#fcfdff}.source-row:first-of-type{background:#edf3fd}.source-row:nth-of-type(2){background:#f6f0fb}.source-row:nth-of-type(3){background:#edf5f1}.source-row .metric-icon{background:white!important}.glossary{gap:12px!important;padding-bottom:18px}.glossary a{padding:18px;border:0;border-radius:12px;background:#f3f6fc}.glossary a:nth-child(3n+2){background:#f4f0f8}.glossary a:nth-child(3n){background:#f0f6f4}.glossary a:hover{background:#e9effa}.project-art{background:linear-gradient(130deg,#e5ecfe,#d8e2f6);position:relative}.project-art .icon{background:linear-gradient(130deg,#ffffffc4,#ffffff40);border:1px solid #ffffffc2;box-shadow:8px 9px 18px #5679bd1a;width:58px;height:66px;padding:10px;border-radius:15px;transform:perspective(300px) rotateY(-25deg) rotateZ(8deg)}.art-creative{background:linear-gradient(130deg,#f2e8f5,#e4d5ec)}.art-knowledge{background:linear-gradient(130deg,#e4f4f3,#cde6e3)}.art-research{background:linear-gradient(130deg,#f8eeda,#ecdfc7)}.art-compass{background:linear-gradient(130deg,#e8e9fd,#d4d7ef)}
@media(min-width:1600px){.globe-host{height:420px}.experience-focus{min-height:530px}.focus-3d{height:185px}.experience-focus h2{font-size:27px!important}.planet-head h2{font-size:25px}.experience-heading h1{font-size:38px}}
@media(max-width:1200px){.shell{margin-left:180px}.shell>main{padding:18px 24px 36px}.topbar{padding:0 24px}.experience-grid{grid-template-columns:minmax(0,1.65fr) 280px;gap:16px}.experience-heading h1{font-size:29px}.planet-head{padding:24px 24px 0}.planet-head h2{font-size:19px}.planet-hint{font-size:9px}.globe-host{height:335px}.experience-focus{padding:24px;min-height:450px}.focus-3d{height:130px}.experience-focus h2{font-size:21px!important}.start-strip{padding:24px 20px;gap:12px}.start-strip h2{font-size:12px}.start-step{gap:8px}.start-step strong{font-size:11px}.start-step small{font-size:9px}.journey-grid{grid-template-columns:1fr 1fr;gap:16px}.journey-card{grid-column:1/-1}.journey-content{justify-content:flex-start;gap:28px}.journey-card .panel-heading{padding:22px 24px 0}.journey-content .ring{width:80px;height:80px}.planet-controls{left:24px;right:24px}.entry-choices{padding:14px 16px 20px;gap:6px}.entry-choice{font-size:10px;gap:4px}.entry-choice .icon{width:12px;height:12px}}
@media(max-width:960px){.experience-grid{grid-template-columns:1fr}.experience-focus{min-height:unset;padding:24px;display:grid!important;grid-template-columns:100px 1fr;gap:6px 20px}.focus-eyebrow{grid-column:2;font-size:10px}.focus-3d{grid-column:1;grid-row:1/4;height:132px}.focus-3d .glass-tile{width:68px;height:77px;left:45%}.focus-3d .tile-back{width:64px;height:75px}.focus-3d .glass-dot{width:24px;height:24px;bottom:8px;left:21%}.experience-focus>div:not(.focus-3d){grid-column:2}.experience-focus h2{font-size:20px!important}.experience-focus p{margin:8px 0;font-size:11px}.experience-focus>.focus-action{grid-column:2;margin-top:8px!important;width:auto;justify-self:start}.experience-focus>.focus-read{grid-column:2;text-align:left;justify-content:flex-start;margin:8px 0 0}.globe-host{height:330px}.experience-grid .planet-card{order:2}.experience-grid .focus-card{order:1}.start-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.start-strip>div:first-child{grid-column:1/-1}.start-strip>.icon{display:none}.start-step{align-items:flex-start}.dashboard-main .experience-focus{min-height:unset}.globe-hotspot{font-size:12px;padding:10px 14px;min-height:43px}.journey-card{grid-column:auto}.journey-grid{grid-template-columns:1fr}.journey-card .panel-heading{padding:22px 24px 8px}.journey-content{padding-top:0}.mini-project-card{min-height:180px}.mini-project-card>div:first-child{width:70%}.mini-object{margin-right:4px}.planet-card .globe-host{touch-action:none}}
@media(max-width:680px){.shell{margin:0}.topbar{height:44px;padding:0 18px;background:#f0f2f5}.top-search{font-size:0;min-width:0;background:none;padding:0}.shell>main{padding:18px 16px 30px}.experience-heading{margin-bottom:18px;align-items:flex-start}.welcome-label{font-size:9px}.experience-heading h1{font-size:26px;max-width:240px;margin-top:9px;line-height:1.4}.experience-heading p{font-size:12px;margin-top:10px}.experience-heading>.button{font-size:0;padding:9px;border-radius:50%;min-height:34px;width:34px;flex:none;margin-top:25px}.experience-heading>.button .icon{display:block!important;width:16px;height:16px}.experience-grid{gap:14px}.experience-focus{padding:24px 20px;grid-template-columns:64px 1fr;gap:8px 16px;border-radius:22px}.focus-eyebrow{font-size:10px}.focus-3d{height:100px;align-self:start}.focus-3d .glass-tile{left:45%;width:47px;height:61px;border-radius:12px;top:18px}.focus-3d .tile-back{top:13px;width:44px;height:58px}.focus-3d .glass-tile .icon{width:25px;height:25px}.focus-3d .glass-dot{width:18px;height:18px;bottom:0}.experience-focus h2{font-size:19px!important;line-height:1.6;letter-spacing:-.4px}.focus-kicker{font-size:10px;margin-bottom:5px}.experience-focus p{font-size:11px;color:#ffffffbd;margin:10px 0 0}.experience-focus>.focus-action{grid-column:1/-1;justify-self:stretch;font-size:12px;margin-top:12px!important;padding:12px 16px}.experience-focus>.focus-read{grid-column:1/-1;justify-content:center;font-size:10px;margin:6px 0 0}.planet-head{padding:22px 20px 0}.planet-head h2{font-size:20px}.planet-hint{display:none}.planet-card{border-radius:22px}.focus-card{border-radius:22px}.globe-host{height:300px}.globe-hotspot{font-size:11px;min-height:40px;padding:9px 12px;border-radius:13px;gap:7px}.globe-hotspot i{width:10px;height:10px}.globe-hotspot.chosen i{width:12px;height:12px}.globe-center>span{font-size:34px}.globe-center small{font-size:7px;letter-spacing:2px}.planet-controls{left:20px;right:20px;bottom:77px}.planet-controls>span{font-size:8px}.planet-controls button{font-size:9px;padding:5px 9px;min-height:27px}.entry-choices{padding:12px 14px 18px;gap:6px}.entry-choice{font-size:10px;border-radius:10px;min-height:37px}.entry-choice .icon{display:none}.start-strip{padding:22px 20px;border-radius:18px;gap:20px 10px;margin:14px 0}.start-strip h2{font-size:14px}.start-step{display:block}.start-step>span{font-size:18px;display:block;margin-bottom:8px}.start-step strong{font-size:11px}.start-step small{font-size:9px;margin-top:6px;line-height:1.7}.journey-grid{gap:14px}.mini-project-card{padding:22px;min-height:177px}.mini-project-card h2{font-size:18px}.mini-project-card p{font-size:11px}.mini-project-card>div:first-child{width:70%}.mini-object{margin-right:-26px;width:86px}.journey-card .panel-heading{padding:22px 22px 8px}.journey-content{padding:8px 22px 22px;gap:24px}.journey-content .ring{width:80px;height:80px}.journey-content h3{font-size:14px}.journey-content p{font-size:11px}.journey-content .text-link{font-size:11px}.home-note{font-size:10px;line-height:1.9}.glossary{grid-template-columns:1fr!important}.dashboard-main .experience-focus{display:flex!important}.dashboard-main .focus-3d{height:110px;min-width:140px;width:100%;align-self:center}.dashboard-main .focus-3d .glass-tile{left:50%;width:70px;height:75px;top:20px}.dashboard-main .experience-focus>.focus-action{align-self:stretch}.dashboard-main .experience-focus .focus-read{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.globe-hotspot{transition:none}}
@media(max-width:1200px){}
@media(max-width:680px){}
.globe-sculpture{position:absolute;left:50%;top:calc(50% + 18px);width:70%;max-width:380px;max-height:96%;object-fit:contain;transform:translate(-50%,-50%) rotate(var(--globe-tilt,-2deg));pointer-events:none;user-select:none;filter:drop-shadow(0 17px 19px #718cc632)}.globe-host>canvas{opacity:0}.globe-center{display:none}.globe-hotspots{z-index:2}.planet-card .globe-host{height:380px}.globe-hotspot{background:#ffffffd4;font-size:13px;min-height:47px}.globe-hotspot.behind{background:#f6faffd9}.globe-hotspot.chosen{border-color:#84acf5;border-width:1px;box-shadow:0 7px 22px #4c77b91f}.planet-head{padding-bottom:0}.experience-focus .focus-kicker{font-size:12px}.experience-focus p{font-size:12px;line-height:1.9}.focus-action{min-height:46px}.planet-controls{bottom:86px}.experience-focus>.focus-read{font-size:11px}
@media(max-width:1200px){.planet-card .globe-host{height:340px}.globe-sculpture{width:75%;max-width:340px}}
@media(max-width:680px){.planet-card .globe-host{height:280px}.globe-sculpture{width:76%;max-width:270px;max-height:95%}.globe-hotspot{font-size:11px;min-height:39px}.planet-controls{bottom:77px}.experience-focus p{font-size:11px}.experience-focus>.focus-read{font-size:10px}}