@font-face{font-family:Soma;src:url(/fonts/soma-sc.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Soma,PingFang SC,sans-serif;background:#102523;color:#e7eee9;font-size:13px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a9d6ba}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s}button:hover{color:#d4efdf}svg{flex-shrink:0}button svg,a svg{vertical-align:middle}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:550}h3{font-size:13px;font-weight:500}small{font-size:10px;color:#93aaa3}.app{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.app-header{height:73px;flex-shrink:0;display:flex;align-items:center;padding:0 29px;border-bottom:1px solid #30433d;gap:35px;background:#102523;z-index:30}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:35px;height:35px}.brand strong{font-size:25px;letter-spacing:4px;font-weight:570}.brand span{border-left:1px solid #385048;padding-left:15px;margin-left:4px;color:#b5c7c0;font-size:12px}.mode-tabs{display:flex;margin:auto;gap:3px;height:38px;padding:3px;border:1px solid #375049;border-radius:6px}.mode-tabs button{padding:0 22px;border-radius:3px;color:#a1b4ac}.mode-tabs button[aria-pressed=true]{background:#a9ccb5;color:#152b23}.header-actions{display:flex;gap:26px;align-items:center;font-size:12px}.guide-button{display:flex;align-items:center;gap:12px}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr) 322px;min-height:0;flex:1}.sidebar{padding:25px 20px 13px;min-height:0;display:flex;flex-direction:column;border-right:1px solid #354b43;background:#122a26}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sidebar-heading h2{font-size:15px;letter-spacing:1px}.search-box{height:39px;display:flex;align-items:center;gap:9px;border:1px solid #40564e;border-radius:5px;padding:0 11px;color:#91a99e;flex-shrink:0}.search-box input{background:transparent;border:0;color:#e3eee7;width:100%;min-width:0;font-size:12px;outline:none}.search-box input::placeholder{color:#91a99e}.search-box button{padding:0}.system-scroll{overflow:auto;min-height:80px;flex:1;margin-top:14px;margin-bottom:17px;scrollbar-width:thin;scrollbar-color:#496259 transparent}.system-list{display:flex;flex-direction:column;gap:5px}.system-row{display:flex;align-items:center;border:1px solid #364e44;border-radius:5px;min-height:43px;position:relative}.system-row.selected{background:#263f33;border-color:#6a8e70}.system-name{display:flex;align-items:center;gap:10px;flex:1;text-align:left;padding:11px 10px}.system-name i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 7px #ffffff12}.system-name span{font-size:12px}.eye{width:32px;height:35px;color:#788f83}.eye[aria-pressed=true]{color:#c1d7c7}.retry{position:absolute;right:33px;font-size:10px;color:#f3ba9c}.explore-controls{border-top:1px solid #3a4e45;padding-top:17px;flex-shrink:0}.explore-controls h3{margin-bottom:12px;color:#d0dfd4}.range-label{display:flex;align-items:center;gap:10px;font-size:10px;color:#9bafa3}.range-label input{width:100%;min-width:0}.range-label span{white-space:nowrap}input[type=range]{accent-color:#b4c99b;height:17px;cursor:pointer;margin:5px 0}.slider-block{display:block;margin-top:15px}.slider-block>span{display:flex;justify-content:space-between;font-size:11px;color:#becdc0}.slider-block input{width:100%;display:block}.slider-block.compact{margin-top:8px}.outline-button{border:1px solid #7fa38a;border-radius:4px;padding:10px 14px;color:#c7dfc9;display:flex;align-items:center;justify-content:center;gap:8px}.reset{width:100%;margin-top:13px;padding:9px}.outline-button:hover{background:#2b4539}.undo{font-size:10px;width:100%;padding:9px 0;color:#b6cbb7}.region-list{border-top:1px solid #3a4e45;margin-top:17px;padding-top:8px}.region-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 0;color:#b8c9be;font-size:11px}.region-list button.active{color:#d9edb5}.results-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#93aaa0;margin-bottom:12px}.results-header button{display:flex;align-items:center;gap:6px;padding:3px 0}.results-list button{display:block;text-align:left;width:100%;border-bottom:1px solid #2d473c;padding:11px 7px;border-radius:4px}.results-list strong{font-size:12px;font-weight:400;display:block}.results-list small{display:block;overflow-wrap:anywhere;margin-top:4px;font-size:9px}.results-list button.active{background:#294839}.empty{font-size:11px;line-height:1.8;color:#9eb3a4;padding:20px 2px}.canvas-area{min-height:0;position:relative;overflow:hidden;background:#eef3ef;color:#273d33}.viewer-host{position:absolute;inset:0}.viewer-host canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-heading{position:absolute;top:28px;left:28px;pointer-events:none}.canvas-heading h1{font-size:21px;font-weight:500;letter-spacing:1px}.canvas-heading p{font-size:11px;color:#7a8d80;margin-top:10px;letter-spacing:1px}.canvas-tools{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:8px;background:#ffffffeb;border:1px solid #d8e1d7;border-radius:7px;box-shadow:0 6px 25px #203d2712;white-space:nowrap}.canvas-tools button{height:33px;min-width:33px;color:#667b6b;border-radius:4px;padding:4px}.canvas-tools button:hover,.canvas-tools button.active{background:#dfebdf;color:#274d32}.view-buttons{display:flex;gap:2px}.view-buttons button{font-size:11px;padding:0 10px}.tool-divider{height:18px;border-left:1px solid #cdd8ce;margin:0 5px}.canvas-caption{position:absolute;bottom:21px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;color:#819284;pointer-events:none}.structure-label{position:absolute;top:0;left:0;display:flex;align-items:center;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 3px 4px #17311d13)}.structure-label.concealed{visibility:hidden}.label-point{width:7px;height:7px;border:1px solid #476a4d;background:#d6dfaa;border-radius:50%;transform:translate(-3px)}.leader{height:1px;width:42px;background:#97a88c;margin-left:-3px}.structure-label button{pointer-events:auto;border:1px solid #b1bea3;border-radius:4px;background:#f8fbeded;color:#536b3c;padding:6px 10px;font-size:10px;max-width:180px;white-space:normal;text-align:left}.context-return{position:absolute;right:20px;top:23px;background:#dae5d9;border:1px solid #b5c9b5;border-radius:5px;padding:7px 9px;font-size:10px;display:flex;align-items:center;gap:9px;color:#3a5d3f}.inspector{display:flex;flex-direction:column;min-height:0;border-left:1px solid #344c43;background:#122a26}.inspector-scroll{padding:29px 26px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#496259 transparent}.title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.title-line h2{line-height:1.6;font-size:22px;letter-spacing:.5px}.bookmark{color:#79998b;padding:7px 0 0 7px}.bookmark.active{color:#cbdba6}.latin{font-family:Soma,sans-serif;font-size:11px;color:#a5b8a8;line-height:1.5;margin-top:7px;overflow-wrap:anywhere}.section-path{font-size:10px;letter-spacing:.5px;color:#799689;margin-top:14px;margin-bottom:19px}.selection-actions{display:flex;gap:6px;margin:20px 0 8px}.selection-actions button{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:9px 7px;border:1px solid #5b775e;border-radius:4px;font-size:10px}.selection-actions button.focus{background:#a5bc8d;color:#243d29;border-color:#a5bc8d;flex:1}.selection-actions button[aria-pressed=true]{background:#456348}.disassembly-actions{display:flex;gap:7px;margin-bottom:19px}.disassembly-actions button{display:flex;align-items:center;justify-content:center;gap:6px;color:#b8d1b9;background:#203b30;border-radius:4px;padding:8px;font-size:10px;flex:1}.description{color:#c2d1c6;font-size:12px;line-height:1.95;margin:19px 0}.scope-note{font-size:9px;line-height:1.8;display:block;color:#7f9a8c}.detail-section{border-top:1px solid #355043;margin-top:22px;padding-top:20px}.detail-section h3{margin-bottom:10px;color:#d9e5d6;font-size:12px}.detail-section p{color:#a9beb0;font-size:11px;line-height:1.9}.related-exercises{display:flex;flex-direction:column;gap:7px}.related-exercises button{border:1px solid #415a48;border-radius:5px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px;color:#cddfc9}.related-exercises small{display:block;font-size:9px;color:#889e8d;margin-top:4px}.related button{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #2c4538;padding:9px 0;text-align:left;font-size:10px;color:#b2c7b7;gap:7px}.hierarchy{border-top:1px solid #34503e;padding-top:16px;margin-top:25px;font-size:10px;color:#91ad99}.hierarchy summary{cursor:pointer}.hierarchy p{font-size:9px;line-height:1.8;margin-top:9px;color:#829b8a}.source-link{display:flex;align-items:center;gap:6px;color:#92b398;font-size:10px;margin-top:23px}.attribution{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #355043;font-size:9px;color:#7f9a8c;flex-shrink:0}.exercise-list{flex:1;overflow:auto;min-height:100px;scrollbar-width:thin;scrollbar-color:#496259 transparent}.exercise-list>button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:11px 10px;border:1px solid #37523f;margin-bottom:5px;border-radius:5px}.exercise-list>button.active{background:#345139;border-color:#8eaa79}.exercise-list strong{font-size:12px;font-weight:400}.exercise-list small{display:block;margin-top:3px;font-size:9px}.training-legend{display:flex;gap:16px;font-size:10px}.training-legend span{display:flex;align-items:center;gap:5px}.training-legend i{height:7px;width:7px;border-radius:50%}.primary-dot{background:#ffc88a}.secondary-dot{background:#bee1c8}.training-selection{padding:14px;border:1px solid #546e51;border-radius:5px;margin-top:24px;display:flex;flex-direction:column;gap:10px;font-size:11px}.training-selection span{font-size:9px;color:#9ab39c}.training-selection button{text-align:left;font-size:10px;padding:0;color:#c8d9aa}.small-note{font-size:10px;line-height:1.9;color:#819e89;margin-top:15px}.quiz-panel h2{font-size:21px;line-height:1.6}.quiz-choices{display:flex;flex-direction:column;gap:10px;margin:25px 0}.quiz-choices button{border:1px solid #5c7858;border-radius:5px;padding:13px 15px;text-align:left;display:flex;align-items:center;justify-content:space-between}.quiz-choices button.correct{background:#34583e;border-color:#b4d5a2;opacity:1}.quiz-choices button.incorrect{background:#684137;border-color:#c68c75;opacity:1}.quiz-feedback{font-size:11px;line-height:1.9}.quiz-feedback strong{color:#cee5b3}.quiz-feedback p{margin:12px 0 20px;color:#b7c9b8}.solid-button{background:#b5cca1;color:#233c28;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:5px;width:100%;margin:10px 0}.solid-button:hover{color:#142b18;background:#cce0b8}.exit-quiz{font-size:10px;color:#a9bea9;margin-top:25px}.empty-inspector{padding-top:80px;color:#86a38e}.empty-inspector h2{margin:22px 0}.empty-inspector p{font-size:12px;line-height:2}.loading-screen{position:absolute;inset:0;background:#edf3ed;z-index:15;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#304b34}.loading-screen img{width:50px;filter:brightness(.65);margin-bottom:20px}.loading-screen h2{letter-spacing:7px;font-size:25px}.loading-screen p{font-size:12px;margin:20px 0}.load-track{width:160px;height:2px;background:#c6d3c2;margin:5px 0 20px}.load-track i{display:block;height:100%;background:#476c46;transition:width .5s}.loading-screen small{font-size:9px;color:#87977d}.loading-screen button{border:1px solid #9cb08e;padding:9px 15px;margin-top:20px;border-radius:4px}.spinner{display:block;width:12px;height:12px;border:1px solid #667e68;border-top-color:#d3e2b5;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#071c16ac;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.guide-modal{position:relative;max-width:690px;max-height:88dvh;overflow:auto;background:#19352b;border:1px solid #637d5f;border-radius:12px;padding:40px;color:#becebc;box-shadow:0 20px 90px #05171066}.modal-close{position:absolute;right:19px;top:18px}.guide-modal h2{font-size:25px;color:#e0e9d4;margin-bottom:28px}.guide-modal h3{font-size:15px;color:#dce5c8;margin:28px 0 12px}.guide-modal p{font-size:12px;line-height:1.9;margin:10px 0}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.guide-steps strong{display:block;font-size:13px;color:#d2e1bd;margin-bottom:7px}.source-links{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.source-links a{font-size:10px;color:#d0e0b5}.guide-modal>small{display:block;line-height:1.8;font-size:10px;color:#8ca489}.mobile-menu,.mobile-details,.mobile-close,.drawer-backdrop{display:none}@media(min-width:1600px){.workspace{grid-template-columns:285px minmax(0,1fr) 355px}.sidebar{padding:30px 24px 20px}.inspector-scroll{padding:32px}.system-row{min-height:48px}.system-name span{font-size:13px}.canvas-heading{top:35px;left:35px}.canvas-heading h1{font-size:25px}.detail-section p{font-size:12px}}@media(max-height:800px)and (min-width:1001px){.app-header{height:62px}.sidebar{padding-top:20px}.explore-controls{padding-top:12px}.slider-block{margin-top:8px}.region-list{margin-top:12px}.region-list button{padding:6px 0}.inspector-scroll{padding-top:22px}.canvas-heading h1{font-size:19px}}@media(max-width:1150px){.workspace{grid-template-columns:220px minmax(0,1fr) 280px}.sidebar{padding-left:15px;padding-right:15px}.inspector-scroll{padding-left:20px;padding-right:20px}.app-header{padding:0 20px;gap:18px}.brand span{display:none}.header-actions{gap:20px}.canvas-tools{gap:0;padding:5px}.view-buttons button{padding:0 7px}.canvas-heading{left:21px}.canvas-heading h1{font-size:18px}.selection-actions button{font-size:9px;padding:8px 5px}.selection-actions button svg{width:13px}}@media(max-width:1000px){.workspace{grid-template-columns:220px minmax(0,1fr)}.inspector{position:fixed;right:0;top:63px;bottom:0;width:315px;transform:translate(100%);transition:transform .25s;z-index:45;box-shadow:-10px 0 50px #09211822}.inspector.drawer-open{transform:none}.inspector>.mobile-close{display:block;position:absolute;right:12px;top:9px;z-index:5}.inspector-scroll{padding-top:40px}.app-header{height:63px}.mobile-details{display:block}.drawer-backdrop{display:block;position:fixed;inset:63px 0 0;background:#0b20194a;z-index:40}.canvas-heading h1{font-size:20px}}@media(max-width:640px){.app{min-height:420px}.workspace{display:block;position:relative}.canvas-area{height:100%}.app-header{height:60px;padding:0 12px;gap:10px}.brand img{width:26px}.brand strong{font-size:19px;letter-spacing:2px}.brand{gap:6px}.mode-tabs{height:32px;gap:0;padding:2px;margin-left:auto;margin-right:0}.mode-tabs button{font-size:10px;padding:0 10px}.header-actions{gap:9px}.header-actions>button:first-child{font-size:10px;padding:0}.guide-button{display:none}.mobile-menu{display:block;padding:0}.mobile-details{padding:0}.sidebar{position:fixed;left:0;top:60px;bottom:0;width:270px;transform:translate(-100%);z-index:45;transition:transform .25s;box-shadow:10px 0 50px #09211822}.sidebar.drawer-open{transform:none}.sidebar-heading>.mobile-close{display:block}.inspector{top:60px;width:min(340px,90vw)}.drawer-backdrop{top:60px}.canvas-heading{top:24px;left:23px}.canvas-heading h1{font-size:21px}.canvas-heading p{font-size:10px}.canvas-tools{bottom:39px;padding:6px;gap:2px;max-width:95vw}.canvas-tools button{min-width:29px}.view-buttons button{font-size:10px;padding:0 8px}.canvas-caption{bottom:17px;font-size:8px}.fullscreen{display:none}.guide-modal{padding:30px 23px}.guide-modal h2{font-size:21px}.guide-steps{grid-template-columns:1fr;gap:5px}.modal-backdrop{padding:15px}.structure-label button{max-width:125px;font-size:9px}.leader{width:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.layer-title{display:flex;align-items:baseline;justify-content:space-between}.layer-title label{font-size:10px;color:#afc1ac;display:flex;align-items:center;gap:4px}.layer-title input{accent-color:#b4c99b}.saved-structures{font-size:10px;color:#b9cdb1;margin:4px 0 10px}.saved-structures summary{cursor:pointer}.saved-structures button{display:block;text-align:left;padding:9px 0;font-size:10px}@media(max-height:800px){.system-row{min-height:36px}.system-name{padding:8px 10px}.system-list{gap:4px}.region-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.region-list button{padding:7px 0}.slider-block.compact{margin-top:5px}.sidebar-heading{margin-bottom:14px}.explore-controls h3{margin-bottom:7px}.explore-controls{padding-top:10px}.reset{margin-top:9px}.system-scroll{margin-bottom:12px}}.view-presets{display:flex;gap:6px;pointer-events:auto;margin-top:15px}.view-presets button{border:1px solid #c9d6c7;border-radius:4px;padding:5px 12px;font-size:10px;color:#6c816b;background:#f8faf3a1}.view-presets button:hover{background:#dbe8d9;color:#34563a}@media(max-width:1000px){.inspector{visibility:hidden}.inspector.drawer-open{visibility:visible}}@media(max-width:640px){.sidebar{visibility:hidden}.sidebar.drawer-open{visibility:visible}}