:root{--bg:#f6f5f1;--paper:#fffefa;--ink:#302f2b;--muted:#85837b;--line:#e3e1d9;--accent:#984c3d;--accent-dark:#77372c;--accent-soft:#f2e7df;--green:#6c7964;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans','Noto Sans Thai',Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-70px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 3.3%;border-bottom:1px solid var(--line);gap:24px;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand-emblem{width:45px;height:45px;display:grid;place-content:center;background:var(--accent);color:#fff9ed;font-size:40px;line-height:1;border-radius:50% 50% 5px 50%;padding-bottom:3px}.brand strong{font-size:23px;font-weight:700;letter-spacing:-.8px;line-height:1.2}.brand strong span{font-family:var(--serif);font-weight:500;margin-left:3px}.brand small{display:block;font-size:7.9px;letter-spacing:1.1px;color:#777469;margin-top:5px}.site-header nav{display:flex;align-self:stretch;gap:30px;align-items:stretch}.nav-link{position:relative;font-size:13px;color:#76746d;white-space:nowrap;padding:0 2px}.nav-link.active{font-weight:600;color:var(--accent)}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.nav-link:hover{color:var(--accent)}.header-end{display:flex;gap:19px;align-items:center}.prototype{font-size:10px;color:#7a776f;border:1px solid var(--line);border-radius:100px;padding:5px 10px;white-space:nowrap}.prototype i,.model-badge i,.viewer-caption>span i{display:inline-block;height:5px;width:5px;background:#9d7860;border-radius:50%;margin-right:6px}.icon-button{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border-radius:7px}.icon-button:hover{background:#e9e5dc}.help-button{border:1px solid var(--line);border-radius:50%;width:29px;height:29px}.help-button svg{width:17px}.note-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;top:30px;right:-5px}main{max-width:1600px;margin:auto;padding:0 3.3%}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 29px;gap:20px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:1.65px;color:var(--accent)}.intro h1{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:6px 0 4px;line-height:1.6}.intro h1>span{color:var(--accent)}.intro p{font-size:11px;color:var(--muted)}.intro-side{display:flex;align-items:center;gap:18px;color:#68675f;font-size:11px;padding:0 5px}.intro-side em{font-family:var(--serif);font-size:13px;color:#929084}.intro-line{height:46px;width:1px;background:#cfcdc2}.workspace{display:grid;grid-template-columns:200px minmax(350px,1fr) 288px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper)}.library{padding:22px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-heading h2{font-size:14px;font-weight:600}.count{font-size:10px;letter-spacing:1px;color:#89877e}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:7px 9px;color:#99978e}.search svg{width:14px;height:14px}.search input{width:100%;border:0;background:transparent;font-size:10px;color:var(--ink);min-width:0}.search input:focus{outline:0}.search:focus-within{border-color:var(--accent)}.library-tabs{display:flex;margin:16px 0 13px;gap:4px}.library-tabs button{font-size:10px;padding:5px 9px;color:#89867d;border-radius:5px;display:flex;align-items:center;gap:4px}.library-tabs button.selected{color:var(--accent);background:var(--accent-soft)}.library-tabs svg{width:11px;height:11px}.organ-list{display:flex;flex-direction:column;gap:6px}.organ-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 8px;width:100%;border:1px solid transparent;border-radius:7px;position:relative;min-height:75px}.organ-item:hover{background:#f5f2ec}.organ-item.active{background:#f2e9e0;border-color:#e8d8cb}.organ-item.active:before{content:'';position:absolute;left:-18px;top:18px;bottom:18px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.organ-thumb{height:47px;width:43px;stroke:none;overflow:visible}.organ-item strong{display:block;font-size:12px;font-weight:600}.organ-item small{display:block;color:#91877b;font-size:9px}.organ-item .organ-en{font-family:var(--serif);font-size:11px;color:#877a6b;margin-top:1px}.organ-item .tiny-arrow{width:11px;height:11px;margin-left:auto;color:var(--accent)}.library-import{border:1px dashed #d8cec0;border-radius:6px;padding:12px 8px;margin-top:20px;display:flex;align-items:center;gap:7px;color:#80796d;text-align:left;font-size:10px}.library-import:hover{background:#f7f1e9;border-color:var(--accent)}.library-import svg{width:15px}.library-import small{display:block;color:#a19b8e;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.7px;margin-top:2px}.library-foot{margin-top:auto;padding:31px 8px 7px;border-top:1px solid var(--line);margin-top:39px}.tiny-cross{font-size:27px;color:#a28a6c}.library-foot p{font-size:15px;line-height:1.7;color:#76705f;margin-top:9px}.library-foot small{font-size:9px;color:#a39d8e;display:block;margin-top:9px}.empty-library{padding:20px 0;font-size:11px;color:var(--muted)}.explorer{padding:0 20px 20px;min-width:0;background:#fcfbf7}.explorer-heading{height:63px;display:flex;align-items:center;justify-content:space-between;gap:10px}.explorer-heading>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#8a877e;min-width:0}.explorer-heading>div>svg{height:12px;width:12px;color:#a3988b}.explorer-heading strong{color:#575247;font-weight:500}.divider{color:#c6c1b7}.small-label{font-size:8px;letter-spacing:1.4px;color:#9b9488;white-space:nowrap}.stage{height:463px;position:relative;border-radius:7px;overflow:hidden;background-color:#efede7;background-image:radial-gradient(#d8d4cb 0.7px,transparent 0.7px);background-size:18px 18px;isolation:isolate}.stage:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,transparent 38%,#eeece67d 90%);z-index:-1}#model-canvas{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:none;cursor:grab}#model-canvas:active{cursor:grabbing}.stage-top{position:absolute;top:15px;left:16px;right:13px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.stage-top>*{pointer-events:auto}.model-badge{font-size:9px;display:flex;align-items:center;background:#fffdf6d9;border:1px solid #e0dcd2;padding:4px 9px;border-radius:100px;color:#8b7f6b;backdrop-filter:blur(10px)}.model-badge i{width:4px;height:4px;background:#a18e67}.stage-top .icon-button{color:#8c867a;width:26px;height:26px}.stage-top svg{width:15px;height:15px}.stage-watermark{position:absolute;left:24px;bottom:20px;font-family:var(--serif);font-size:85px;line-height:1;font-style:italic;color:#ddd9cf;letter-spacing:-4px;opacity:.9;pointer-events:none;z-index:0}.viewer-tools{position:absolute;left:12px;top:88px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:4;padding:7px 4px;border:1px solid #dedbd2;background:#fffdf7e8;border-radius:7px;box-shadow:0 3px 8px #3e382108;backdrop-filter:blur(10px)}.tool-button{width:30px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#8c877c}.tool-button svg{width:16px;height:16px}.tool-button:hover{color:var(--accent);background:var(--accent-soft)}.tool-button.selected{color:var(--accent);background:#f2e5db}.viewer-tools>span{width:18px;height:1px;background:#e5e0d5;margin:3px 0}.stage-bottom{position:absolute;left:17px;right:17px;bottom:13px;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-bottom>span:first-child{font-size:8px;color:#978f80;display:flex;align-items:center;gap:7px}.stage-bottom svg{width:11px;height:11px}.stage-bottom b{font-weight:400;color:#c2b8a9}.axis{height:30px;width:33px;position:relative;font-size:7px;font-family:'DM Sans',sans-serif}.axis i{font-style:normal;position:absolute}.axis:before{content:'';position:absolute;width:1px;height:18px;background:#9b9e8d;top:3px;left:14px}.axis:after{content:'';position:absolute;width:23px;height:1px;background:#b5968a;transform:rotate(-23deg);top:22px;left:5px}.axis-y{color:#818a72;left:11px;top:-7px}.axis-z{color:#929cac;left:1px;bottom:-2px}.axis-x{color:#b68c7a;right:-3px;bottom:6px}.hotspots{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.hotspot{position:absolute;display:flex;align-items:center;gap:7px;padding:0;pointer-events:auto;white-space:nowrap;transform:translate(-7px,-7px);color:#5c5044;font-family:'DM Sans',sans-serif;font-size:9px;transition:opacity .2s}.hotspot i{display:block;width:12px;height:12px;border-radius:50%;background:#f9f4e9;border:3px solid var(--accent);box-shadow:0 0 0 3px #fff7e54d}.hotspot span{padding:4px 7px;background:#fffcf0e8;border:1px solid #ded6c7;border-radius:3px;box-shadow:0 2px 4px #60513608}.hotspot:hover span,.hotspot.active span{background:#8f493b;color:white;border-color:#8f493b}.hotspot.left{transform:translate(calc(-100% + 7px),-7px);flex-direction:row-reverse}.hotspot.active i{box-shadow:0 0 0 5px #984c3d20}.viewer-caption{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 17px;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1px;color:#8d887d;gap:10px}.viewer-caption>span{display:flex;align-items:center;gap:4px}.viewer-caption>span i{background:#84917c;width:4px;height:4px;margin:0 3px 0 0}.viewer-caption button{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:0}.viewer-caption svg{width:11px;height:11px}.viewer-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;z-index:5;background:#efede7;color:#7b7264;font-size:13px}.learning-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learning-card{padding:18px 13px;display:flex;gap:12px;text-align:left;border:1px solid #e6dfd4;border-radius:6px;position:relative;overflow:hidden;transition:transform .2s,background .2s}.learning-card:hover{transform:translateY(-3px)}.lesson-card{background:#f3efe6}.quiz-card{background:#f0f1e9;border-color:#e2e5d9}.card-icon{width:30px;height:33px;display:grid;place-content:center;border:1px solid #d9cfc0;border-radius:5px;color:#968265;flex-shrink:0}.quiz-card .card-icon{color:#7b8a6c;border-color:#d2d9c4}.card-icon svg{height:15px;width:15px}.learning-card small{font-size:6.5px;letter-spacing:1px;color:#9a8972;display:block;white-space:nowrap}.quiz-card small{color:#839174}.learning-card strong{font-weight:500;font-size:11px;display:block;margin-top:4px;position:relative;z-index:1}.learning-card em{display:flex;font-size:9px;color:#8a6a49;font-style:normal;align-items:center;gap:8px;margin-top:13px}.quiz-card em{color:#6c795b}.learning-card em svg{width:13px;height:13px}.card-number{position:absolute;right:-5px;bottom:-20px;font-family:var(--serif);font-size:72px;color:#cfc3ad;opacity:.23}.details{padding:21px 23px 20px;border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.details-top{display:flex;align-items:center;justify-content:space-between}.details-top .eyebrow{font-size:8px;letter-spacing:1.6px}.details-top .icon-button{width:23px;height:23px;color:#9e9485}.details-top .icon-button svg{height:17px;width:17px}.details-top .icon-button[aria-pressed=true]{color:var(--accent)}.details-top .icon-button[aria-pressed=true] svg{fill:var(--accent-soft)}.organ-title{display:flex;align-items:baseline;gap:13px;margin-top:14px;flex-wrap:wrap}.organ-title :is(h1,h2){font-size:31px;font-weight:500;letter-spacing:-1px;line-height:1.4}.organ-title>span{font-family:var(--serif);font-size:22px;color:#aaa08f}.latin-name{font-family:var(--serif),'Noto Sans Thai',sans-serif;color:#9e9382;font-size:10px;margin-top:5px}.detail-tabs{display:flex;gap:24px;margin-top:27px;border-bottom:1px solid var(--line)}.detail-tabs button{font-size:11px;position:relative;padding:0 0 10px;color:#9e978b}.detail-tabs button[aria-selected=true]{color:var(--accent);font-weight:500}.detail-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.detail-tabs button span{background:#eee9df;border-radius:4px;padding:1px 4px;font-size:8px;margin-left:3px}.organ-description{font-size:11px;line-height:1.95;color:#7d786e;margin-top:20px}.mini-heading{font-size:10px;font-weight:500;margin:22px 0 3px;display:flex;justify-content:space-between;align-items:center}.mini-heading>span{font-family:'DM Sans',sans-serif;letter-spacing:1.1px;font-size:7px;color:#aaa293}.facts{margin:0}.facts>div{display:grid;grid-template-columns:69px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #eeeae2;font-size:10px}.facts dt{color:#a09583}.facts dd{margin:0;color:#6f675b;text-align:right;line-height:1.7}.insight{display:flex;gap:9px;background:#f5f1e7;border:1px solid #eee7d7;border-radius:5px;margin-top:20px;padding:12px 10px}.insight svg{width:15px;height:15px;color:#a58a5e;margin-top:3px}.insight strong{font-size:10px;font-weight:500;color:#8a7251}.insight p{font-size:9px;color:#9b8b72;line-height:1.85;margin-top:3px}.primary-button{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#fff8ee;font-size:11px;padding:12px 16px;border-radius:5px;gap:20px;width:100%;margin-top:22px;transition:background .2s}.primary-button:hover{background:var(--accent-dark)}.primary-button svg{width:15px;height:15px}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#928575}.text-button svg{width:13px;height:13px}.add-note{padding:13px 5px 5px}.source-link{font-size:8px;color:#a3998a;display:flex;align-items:center;justify-content:center;gap:3px;text-decoration:none;margin-top:10px}.source-link:hover{text-decoration:underline}.source-link svg{width:10px;height:10px}.structure-hint{font-size:10px;color:var(--muted);line-height:1.9;margin:16px 0 12px}.structure-item{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border-bottom:1px solid var(--line);padding:12px 0}.structure-item>span{font-family:'DM Sans';font-size:10px;color:var(--accent);background:var(--accent-soft);width:22px;height:22px;border-radius:50%;display:grid;place-content:center;flex-shrink:0}.structure-item strong{font-size:10px;font-weight:500;display:block}.structure-item small{color:var(--muted);font-size:9px}.structure-item:hover strong{color:var(--accent)}.selected-structure{background:#f4e9e0;border-left:2px solid var(--accent);margin-top:15px;padding:12px;font-size:10px}.selected-structure strong{display:block;color:var(--accent);font-size:11px}.selected-structure p{color:#887364;margin-top:5px;line-height:1.9}.model-invitation{display:flex;align-items:center;gap:18px;padding:23px 25px;margin:23px 0 26px;border:1px solid #dddcd1;border-radius:7px;background:linear-gradient(100deg,#efeee7,#f6f5f0)}.invitation-mark{width:43px;height:43px;display:grid;place-content:center;border-radius:50%;border:1px solid #d7d7ca;color:#8b8e79;flex-shrink:0}.invitation-mark svg{width:21px;height:21px}.model-invitation h2{font-size:14px;font-weight:500;color:#666553}.model-invitation p{font-size:10px;color:#9b9988;margin-top:4px}.outline-button{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 15px;border:1px solid #cfcbbb;border-radius:5px;font-size:10px;white-space:nowrap}.outline-button:hover{background:#e7e4da}.outline-button svg{width:14px;height:14px}.model-invitation .outline-button{margin-left:auto;color:#777361}footer{max-width:1600px;margin:auto;padding:0 3.3% 24px;display:flex;justify-content:space-between;color:#a19a8b;font-size:8px;gap:15px}footer>span{display:flex;gap:15px;align-items:center}footer strong{font-family:'DM Sans';font-weight:600;font-size:8px;letter-spacing:1.2px;color:#8f8373}footer i{font-style:normal}footer button{font-size:8px;color:#9b8d7b;padding:0}dialog{width:min(620px,calc(100% - 32px));border:1px solid var(--line);border-radius:13px;padding:25px 30px 30px;background:var(--paper);color:var(--ink);max-height:86vh;box-shadow:0 25px 100px #31251b30}dialog::backdrop{background:#29251f65;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}dialog h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin-bottom:20px}#modal-body p{font-size:13px;line-height:1.9;color:#7e7669}#modal-body h3{font-size:15px;font-weight:500;margin:22px 0 10px}.modal-subtitle{color:var(--muted);font-size:12px;margin-bottom:17px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-choice{display:flex;gap:12px;text-align:left;align-items:center;border:1px solid var(--line);padding:14px;border-radius:7px;background:#f8f5ed}.lesson-choice:hover{border-color:var(--accent)}.lesson-choice svg{width:45px;height:45px;stroke:none}.lesson-choice strong{font-size:13px;font-weight:500;display:block}.lesson-choice small{font-size:10px;color:#9f907c}.lesson-source{display:block;font-size:10px;color:var(--accent);margin-top:22px}.lesson-list{padding-left:22px;font-size:12px;color:#786d5f;line-height:1.9}.lesson-list li{padding:6px 0}.note-label{font-size:12px;color:#8b7c68;display:block;margin-bottom:8px}.note-area{display:block;width:100%;min-height:190px;border:1px solid var(--line);border-radius:6px;background:#faf7f0;padding:15px;color:#64594d;resize:vertical;font-size:13px}.note-info{margin-top:10px!important;font-size:10px!important}.notes-list{margin-top:18px;display:flex;flex-direction:column;gap:6px}.notes-list button{font-size:11px;text-align:left;padding:10px;background:#f3eee3;border-radius:5px;display:flex;justify-content:space-between;color:#927a59}.notes-list small{color:#ab9a81}.import-drop{border:1px dashed #c8b7a1;border-radius:9px;text-align:center;padding:30px 20px;background:#f6f1e7;position:relative}.import-drop.dragover{background:#eaddca;border-color:var(--accent)}.import-drop>svg{color:#a38a67;width:35px;height:35px;margin-bottom:10px}.import-drop strong{display:block;font-size:15px;font-weight:500;color:#7d654c}.import-drop p{font-size:11px!important;margin-top:4px}.import-drop label{display:inline-flex;background:var(--accent);color:white;border-radius:5px;padding:8px 18px;margin-top:17px;cursor:pointer;font-size:12px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input:focus-visible+label{outline:2px solid var(--accent);outline-offset:4px}.import-info{padding:16px;background:#f4f2eb;border-radius:6px;margin-top:16px}.import-info p{font-size:11px!important;margin:4px 0}.import-status{min-height:20px;font-size:11px!important;margin-top:10px!important;color:var(--accent)!important}.quiz-progress{display:flex;gap:6px;margin:0 0 20px}.quiz-progress span{height:3px;flex:1;background:#e9e1d5;border-radius:2px}.quiz-progress span.done{background:var(--accent)}.quiz-question{font-size:17px!important;color:var(--ink)!important;margin-bottom:15px}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{text-align:left;border:1px solid var(--line);border-radius:6px;padding:13px 15px;font-size:12px}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:#faf4eb}.quiz-option.correct{background:#e9eee2;border-color:#91a27a;color:#4b6340;opacity:1}.quiz-option.wrong{background:#f4e3de;border-color:#bf9185;color:#974e3d;opacity:1}.quiz-feedback{font-size:12px;margin-top:16px;padding:13px;background:#f1eee5;border-radius:5px;color:#81725c}.score{font-family:var(--serif);font-size:80px;color:var(--accent);text-align:center;line-height:1.3}.score-sub{text-align:center}.score-icon{display:block;margin:0 auto;width:38px;height:38px;color:#a78b60}.help-list{margin:0;padding:0;list-style:none}.help-list li{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:#8a7c69}.help-list svg{width:18px;height:18px;color:var(--accent)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#4b4b3e;color:#fff9eb;padding:12px 22px;border-radius:7px;font-size:12px;box-shadow:0 6px 28px #30241825;max-width:calc(100% - 32px);text-align:center}.stage:fullscreen{height:100vh;width:100vw;border-radius:0}.stage:fullscreen .viewer-tools{top:50%;transform:translateY(-50%)}.stage:fullscreen .hotspot{font-size:12px}.stage:fullscreen .stage-watermark{font-size:150px}.custom-model-card{padding:16px;border:1px solid var(--line);border-radius:7px;margin-top:16px}.custom-model-card strong{font-size:12px;color:#76624b}.custom-model-card p{font-size:10px!important}.local-label{font-size:9px;background:#e4e9de;color:#6e7c5d;padding:3px 8px;border-radius:4px;display:inline-block;margin-top:10px}
@media(min-width:1450px){.workspace{grid-template-columns:220px minmax(380px,1fr) 320px}.stage{height:510px}.details{padding:24px 28px}.organ-description{font-size:12px}.facts>div{font-size:11px;padding:13px 0}.learning-card{padding:21px 18px}.learning-card strong{font-size:13px}.learning-card small{font-size:8px}.organ-item{min-height:83px}}
@media(max-width:1120px){.site-header{padding:0 24px;gap:15px}.site-header nav{gap:20px}.header-end{gap:10px}.brand strong{font-size:21px}.brand small{font-size:7px}.prototype{font-size:9px}main{padding:0 24px}.workspace{grid-template-columns:170px minmax(320px,1fr) 253px}.library{padding:20px 12px}.organ-item{gap:6px;padding:10px 5px}.organ-item.active:before{left:-13px}.organ-thumb{width:36px}.organ-item small{font-size:8px}.organ-item strong{font-size:11px}.library-tabs button{padding:5px 7px}.explorer{padding:0 14px 14px}.details{padding:20px 17px}.small-label{display:none}.learning-cards{gap:8px}.learning-card{padding:15px 10px;gap:7px}.learning-card .card-icon{display:none}.learning-card small{font-size:6px}.learning-card strong{font-size:10px}.stage{height:462px}.intro h1{font-size:25px}.intro-side{font-size:10px}.intro-side em{font-size:11px}footer{padding-left:24px;padding-right:24px}}
@media(max-width:920px){.brand small{font-size:6px;letter-spacing:.5px}.brand strong{font-size:19px}.brand-emblem{width:36px;height:36px;font-size:32px}.site-header nav{gap:14px}.nav-link{font-size:11px}.prototype{display:none}.workspace{grid-template-columns:165px minmax(300px,1fr)}.details{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:block;padding:24px;position:relative}.details-top .icon-button{position:absolute;right:20px;top:20px}.organ-title{margin-top:6px}.detail-tabs{margin-top:18px}.facts{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.organ-description{font-size:12px}.insight{max-width:100%}.details .primary-button{max-width:280px;margin-left:auto;margin-right:auto}.details .source-link{margin-top:8px}.learning-card .card-icon{display:grid}.learning-card strong{font-size:12px}.learning-card small{font-size:7px}.intro-side{display:none}.library-foot{margin-top:auto}.stage{height:470px}.explorer{padding:0 17px 17px}.model-invitation{padding:19px}.model-invitation h2{font-size:12px}.model-invitation p{font-size:9px}.explorer-heading>div{font-size:10px}footer{font-size:7px}footer>span{gap:9px}}
@media(max-width:620px){.site-header{height:auto;padding:17px 18px 0;flex-wrap:wrap;gap:13px}.brand{gap:9px}.brand strong{font-size:22px}.brand small{font-size:6.5px;letter-spacing:.65px}.header-end{margin-left:auto}.site-header nav{order:3;flex-basis:100%;gap:26px;height:41px;justify-content:flex-start}.nav-link{font-size:12px}.note-dot{top:7px}.intro{padding:26px 0 22px}.intro h1{font-size:23px;letter-spacing:-.8px;margin-top:8px;max-width:310px;line-height:1.6}.intro p{font-size:10px;max-width:300px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.4px}main{padding:0 15px}.workspace{display:flex;flex-direction:column;border-radius:8px}.library{padding:17px 14px 13px;border-right:0;border-bottom:1px solid var(--line);display:block}.section-heading{margin-bottom:12px}.section-heading h2{font-size:12px}.search{position:absolute;right:30px;margin-top:-41px;width:150px;padding:5px 8px}.library-tabs{margin:5px 0 9px}.organ-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.organ-item{flex-direction:column;gap:2px;text-align:center;min-height:88px;padding:8px 2px}.organ-item.active:before{display:none}.organ-thumb{height:32px;width:33px}.organ-item strong{font-size:10px}.organ-item small{display:none}.organ-item .organ-en{display:block;font-size:9px;line-height:1.4}.organ-item .tiny-arrow{display:none}.library-import{display:none}.library-foot{display:none}.explorer{padding:0 12px 14px}.explorer-heading{height:49px}.explorer-heading>div{font-size:8px;gap:6px}.small-label{display:block;font-size:7px;letter-spacing:1px}.stage{height:420px}.viewer-tools{left:8px;top:77px;padding:5px 3px}.tool-button{width:28px;height:30px}.stage-top{left:12px;top:12px;right:9px}.model-badge{font-size:8px}.hotspot{font-size:8px;gap:4px}.hotspot span{padding:3px 5px}.hotspot i{width:10px;height:10px;border-width:2px}.stage-watermark{font-size:75px;bottom:28px;left:20px}.stage-bottom{left:13px;right:13px}.viewer-caption{font-size:6.5px;letter-spacing:.6px;padding-bottom:14px}.viewer-caption button{font-size:8px}.learning-cards{gap:8px}.learning-card{padding:14px 11px}.learning-card .card-icon{display:none}.learning-card small{font-size:6px;letter-spacing:.6px}.learning-card strong{font-size:10px}.learning-card em{font-size:9px}.details{padding:22px 20px}.details .eyebrow{font-size:8px}.organ-title :is(h1,h2){font-size:29px}.facts{display:block}.facts>div{font-size:11px;padding:12px 0;grid-template-columns:80px 1fr}.insight{padding:14px}.insight p{font-size:10px}.details .primary-button{max-width:none;font-size:12px}.details .add-note{width:100%;font-size:11px;padding:15px 0 2px}.details .source-link{font-size:9px}.model-invitation{flex-wrap:wrap;gap:12px;padding:18px 16px;margin-top:18px}.invitation-mark{width:34px;height:34px}.invitation-mark svg{width:17px;height:17px}.model-invitation>div:nth-child(2){flex:1;min-width:190px}.model-invitation h2{font-size:11px}.model-invitation p{font-size:9px;line-height:1.8;max-width:240px}.model-invitation .outline-button{margin:4px 0 0;width:100%}footer{display:block;padding:0 20px 20px}footer>span{justify-content:space-between;font-size:7px}footer>span+span{margin-top:10px;justify-content:flex-start}dialog{padding:20px;width:calc(100% - 24px)}dialog h2{font-size:22px}.lesson-grid{grid-template-columns:1fr}.lesson-choice{padding:12px}.quiz-question{font-size:15px!important}.model-badge{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}