@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e7ebe4;background:#0b1010;font-synthesis:none;font-weight:400;--bg:#0b1010;--panel:#111818;--line:#26302d;--muted:#84918b;--accent:#c5e7a7;--soft:#a9bb9c;--side:226px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-weight:650;letter-spacing:-1.3px;font-size:36px;line-height:1.3;margin-bottom:13px}h2{font-size:23px;font-weight:650;letter-spacing:-.6px;margin-bottom:16px}h3{font-size:14px;font-weight:650;letter-spacing:-.2px}p{font-size:14px;line-height:1.75;color:#a7b3ac}small{font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.green-text{color:var(--accent)}.app-shell{min-height:100vh}.sidebar{position:fixed;width:var(--side);top:0;bottom:0;left:0;background:#0e1514;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 18px 16px;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin:0 7px 50px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-symbol{color:var(--accent);display:flex;align-items:center;justify-content:center}.brand-light{font-weight:450;color:#c5cfc1}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:1.6px;margin-top:5px;color:#819482}.sidebar-section{font-size:9px;font-weight:550;letter-spacing:1.8px;color:#6c7e75;padding:0 13px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:7px;width:100%;text-align:left;font-size:12px;color:#91a198;position:relative;transition:.18s}.nav-item:hover{background:#18221e;color:#e2e9df}.nav-item.active{background:#243229;color:#d0e9b9}.nav-item.active:before{content:"";position:absolute;left:-18px;top:12px;bottom:12px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.nav-item.active svg{color:var(--accent)}.nav-dot,.selected-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.nav-dot{margin-left:auto}.tiny-tag{margin-left:auto;border:1px solid #35433a;border-radius:4px;padding:0 5px;font-size:10px}.nav-break{margin-top:22px}.sidebar-bottom{margin-top:auto;padding-top:45px}.journey{display:flex;align-items:center;gap:9px;padding:12px 0}.journey-icon{color:var(--accent);padding:8px;background:#1e2a22;border-radius:8px;display:flex}.journey>span:nth-child(2){font-size:10px;color:#d3dfcd}.journey small{display:block;font-size:8px;color:#839780;margin-top:4px}.journey strong{font-size:15px;color:var(--accent);margin-left:auto}.journey strong small{text-align:right}.progress{height:3px;width:100%;background:#2a342e;border-radius:8px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent);transition:width .3s}.sidebar-bottom>p{font-size:9px;color:#859581;display:flex;justify-content:space-between;margin-top:8px}.source-button{display:flex;align-items:center;gap:8px;font-size:10px;color:#92a28f;width:100%;padding:19px 0;border-top:1px solid var(--line);margin-top:28px}.source-button svg:last-child{margin-left:auto}.sidebar-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#607469}.sidebar-foot span{letter-spacing:0}main{margin-left:var(--side);min-width:0}.topbar{height:72px;border-bottom:1px solid #202a26;display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#718379}.breadcrumb span{color:#b6c2b7}.topbar-right{display:flex;align-items:center;gap:8px;color:#9ba995;font-size:10px}.topbar-right .live-dot{width:5px;height:5px;background:#a6c889}.topbar-divider{width:1px;height:22px;background:var(--line);margin:0 12px}.avatar{border:1px solid #374439;background:#1b251f;padding:8px 7px;color:#c7d6be;font-size:9px;border-radius:50%;font-weight:600}.page-content{max-width:1800px;padding:33px 34px 0;margin:auto}.eyebrow{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;letter-spacing:1.35px;color:#96aa8c;display:inline-flex;gap:7px;align-items:center}.lab-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;gap:20px}.lab-heading .eyebrow{margin-bottom:16px;font-size:8px;letter-spacing:1.8px}.small-line{width:17px;height:1px;background:var(--accent)}.lab-heading h1{font-size:31px;margin-bottom:9px;letter-spacing:-1.2px;font-weight:600}.lab-heading h1 span{color:#a3b69c}.lab-heading p{font-size:12px;margin:0;color:#85968c}.lab-heading>.secondary{font-size:10px;padding:11px 13px;gap:8px;white-space:nowrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:6px;font-size:12px;font-weight:550;line-height:1.4;transition:.2s}.primary{color:#152014;background:#c6e6a9;border:1px solid #c6e6a9}.primary:hover:not(:disabled){background:#d7efbf}.secondary{background:#151e1b;border:1px solid #344235;color:#c4d2bd}.secondary:hover:not(:disabled){background:#233025;border-color:#5b7351}.lab-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:9px;gap:14px}.lab-summary>span{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#a6b4a4}.lab-summary .live-dot{width:5px;height:5px}.lab-summary>div{display:flex;gap:22px;color:#7c8e81;font-size:9px}.lab-summary b{font-size:10px;color:#b9c6b2;margin-right:3px}.lab-summary .desktop-hint{color:#647b68}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.workbench{display:grid;grid-template-columns:180px minmax(300px,1fr) 267px;gap:15px;align-items:stretch;min-width:0}.amino-browser{background:#101715;display:flex;flex-direction:column;height:661px}.browser-top{padding:18px 12px 12px}.browser-top h3{font-family:DM Sans,sans-serif;font-size:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.browser-top h3 span{font-size:9px;color:#8d9f8a;background:#243024;border-radius:4px;padding:3px 5px;font-weight:400}.search-input{display:flex;gap:8px;align-items:center;background:#0c1311;border:1px solid #2a352d;padding:9px 10px;border-radius:5px;color:#6c8173}.search-input input{width:100%;min-width:0;font-size:10px;color:#d3decf;outline:none;border:0;background:none;padding:0}.search-input input::placeholder{color:#63776a}.filter-select{margin-top:9px;font-size:9px!important;padding:7px!important;border-color:transparent!important;background:#18201b!important;width:100%}input,select,textarea{color:inherit}select{background:#18221e;border:1px solid #344139;border-radius:6px;padding:9px 10px;font-size:12px;max-width:100%}.amino-list{overflow:auto;padding:0 7px 10px;flex:1;scrollbar-width:thin;scrollbar-color:#354339 transparent}.amino-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 7px;text-align:left;border:1px solid transparent;border-radius:6px;font-size:11px;color:#c1ccbd;margin-bottom:3px;transition:.15s}.amino-item:hover{background:#1a261e}.aa-code{color:var(--group);background:color-mix(in srgb,var(--group) 10%,transparent);border:1px solid color-mix(in srgb,var(--group) 15%,transparent);display:inline-flex;align-items:center;justify-content:center;width:30px;height:31px;border-radius:5px;font-size:13px;font-weight:600;flex-shrink:0}.amino-item small{display:block;font-size:9px;color:#72876f;margin-top:4px}.amino-item.selected{background:#223021;border-color:#3b5232;color:#e2edda}.amino-item.selected .aa-code{background:#455739;border-color:#586d47;color:#d9ecc4}.amino-item.selected small{color:#9faf92}.selected-dot{margin-left:auto;width:5px;height:5px}.amino-item>svg{margin-left:auto;color:#98ae80}.browser-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#6f876d;padding:12px;border-top:1px solid #243026}.browser-footer .live-dot{width:4px;height:4px;background:#86a674}.molecule-panel{background:#101718;height:661px;display:flex;flex-direction:column;min-width:0}.viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 23px 0}.viewer-heading .eyebrow{font-size:7px;letter-spacing:1.3px;color:#79918a}.viewer-heading h2{font-size:26px;letter-spacing:-.8px;margin:9px 0 8px}.viewer-heading h2 span{font:400 11px DM Sans,sans-serif;color:#758b81;margin-left:9px;letter-spacing:0}.formula{font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.6px}.viewer-heading .formula{color:#a9b8ac;font-size:12px}.formula sub{font-size:70%;line-height:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:31px;min-height:31px;color:#81958b;border:1px solid transparent;border-radius:5px;padding:6px;transition:.15s}.icon-button:hover{color:#d1e1c3;background:#253129}.icon-button.enabled,.icon-button.is-saved{color:#c1dda8}.viewer-labels{display:flex;gap:9px;align-items:center;padding:15px 23px 0}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;border:1px solid #334035;border-radius:4px;padding:5px 7px;color:#b4c4ab;line-height:1.3}.pill i{height:4px;width:4px;border-radius:50%}.conformer-tag{color:#657d72;font-size:8px;border:1px solid #273931;border-radius:4px;padding:5px 7px}.molecule-stage{position:relative;flex:1;min-height:270px;isolation:isolate}.molecule-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;z-index:1;border-radius:inherit}.molecule-host canvas{display:block;width:100%;height:100%;position:relative;z-index:0;outline:none}.stage-orbit{position:absolute;top:15%;right:15%;bottom:10%;left:15%;border-radius:50%;border:1px solid #21342b;transform:rotate(-18deg);z-index:2;pointer-events:none;opacity:.2}.stage-coordinate{position:absolute;z-index:3;color:#465e51;font-size:9px;pointer-events:none}.stage-coordinate.x{right:55px;bottom:72px}.stage-coordinate.y{left:23px;top:50px}.stage-help{position:absolute;z-index:3;left:22px;bottom:16px;color:#71867c;font-size:8px;display:flex;align-items:center;gap:7px;pointer-events:none}.stage-help>span:not(.mouse-icon){color:#3e5948}.mouse-icon{border:1px solid #72867b;width:9px;height:12px;border-radius:6px;display:inline-block;position:relative}.mouse-icon:after{content:"";position:absolute;top:2px;left:3px;height:3px;border-left:1px solid #72867b}.view-tools{position:absolute;right:13px;top:40px;z-index:3;display:flex;flex-direction:column;background:#14201bd9;border:1px solid #314136;border-radius:6px;padding:4px;gap:1px}.view-tools .icon-button{min-width:26px;min-height:27px;padding:5px}.view-tools>span{height:1px;background:#2f4034;margin:3px}.conformer-count{position:absolute;z-index:3;bottom:16px;right:18px;font-size:9px;color:#9caf9d}.conformer-count span{font-size:8px;color:#516e5b}.viewer-bottom{border-top:1px solid #25342b;padding:16px 18px 12px;background:#111a16}.style-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.style-label>span{font-size:7px;letter-spacing:1.3px;color:#80967c}.text-button{font-size:11px;color:#a0b894;display:inline-flex;align-items:center;gap:7px;padding:8px 0}.text-button:hover{color:#def0ca}.style-label .text-button{font-size:8px;padding:0;color:#8caa7d}.style-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.style-options>button{position:relative;border:1px solid #2c3a2f;border-radius:5px;background:#152019;padding:7px 4px;color:#8fa484;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:8px;white-space:nowrap}.style-options>button.active{border-color:#849e63;background:#26351f;color:#cee3b5}.style-options>button>svg{position:absolute;top:4px;right:4px;color:#c0d7a4}.style-preview{height:27px;display:block;width:47px;position:relative}.style-preview:before,.style-preview:after{content:"";height:3px;width:25px;background:#8b9b82;position:absolute;left:5px;top:12px;transform:rotate(-28deg)}.style-preview:after{left:18px;transform:rotate(36deg)}.style-preview i{position:absolute;z-index:1;border-radius:50%;width:11px;height:11px;background:radial-gradient(circle at 30% 25%,#d0d8c9,#617359);top:12px;left:3px}.style-preview i:nth-child(2){background:radial-gradient(circle at 30% 25%,#b9cfe8,#557a9e);left:22px;top:3px}.style-preview i:nth-child(3){background:radial-gradient(circle at 30% 25%,#e4b2a1,#a45e56);left:35px;top:15px;width:9px;height:9px}.style-1 i{width:5px!important;height:5px!important}.style-1:before,.style-1:after{height:4px}.style-2 i{width:21px!important;height:21px!important;left:3px;top:6px}.style-2 i:nth-child(2){left:15px;top:1px}.style-2 i:nth-child(3){left:28px;top:8px}.style-3 i{width:4px!important;height:4px!important;background:#8ca286!important}.style-3:before,.style-3:after{height:1px}.viewer-actions{display:flex;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #2a382c;gap:8px}.customize-button{display:flex;align-items:center;gap:8px;flex:1;text-align:left;color:#b0c0a3;padding:2px 0;font-size:10px}.customize-button .small{font-size:7px;margin-left:auto;color:#6b8166}.customize-button>svg:last-child{margin-left:auto}.viewer-actions>.icon-button{border-left:1px solid #2d3b2d;border-radius:0;padding-left:12px;min-width:35px}.detail-panel{padding:22px 19px 0;height:661px;display:flex;flex-direction:column;background:#111915}.detail-top{display:flex;align-items:center;justify-content:space-between;color:#7d9578;margin-bottom:21px}.detail-top .eyebrow{font-size:8px;letter-spacing:1.4px}.detail-tabs{display:flex;border-bottom:1px solid #2b392b;margin-bottom:19px;gap:22px}.detail-tabs button{font-size:10px;color:#7d9477;padding:0 0 12px;position:relative}.detail-tabs .active{color:#c2d6af}.detail-tabs .active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#c7e2a6}.detail-intro{font-size:11px;line-height:1.8;color:#a8b7a0;margin-bottom:18px}.property-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #263425;font-size:9px}.property-list>div>span{color:#819578;white-space:nowrap}.property-list strong{font-size:10px;font-weight:500;color:#c5d1b9;text-align:right}.property-list strong.small{font-size:9px}.property-list strong small{font-size:8px;color:#819578}.pi-section{padding:19px 0 18px}.pi-section>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#819578;margin-bottom:16px}.pi-section b{color:#d5e6bd;font-size:20px;letter-spacing:-.8px;font-weight:450}.pi-section b small{color:#7f9471;font-size:9px;letter-spacing:0}.ph-scale{height:4px;background:linear-gradient(90deg,#c88676,#c7bf88 35%,#a7b986 50%,#8aa5a1 70%,#9296bf);position:relative;border-radius:3px;margin-bottom:10px;opacity:.8}.ph-scale i{position:absolute;width:8px;height:8px;border-radius:50%;border:2px solid #e6efcf;top:-2px;background:#526a48}.scale-label{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#6d856a}.clinical-tip{border:1px solid #3a492b;background:#1d2818;border-radius:6px;padding:12px 11px;margin-bottom:16px}.clinical-tip>span{display:flex;align-items:center;gap:7px;color:#b7ce9b;font-size:7px;letter-spacing:1px}.clinical-tip p{font-size:10px;line-height:1.8;color:#aabc96;margin:8px 0 0}.detail-link{border-top:1px solid #2d3a28;display:flex;align-items:center;justify-content:space-between;margin:auto -19px 0;padding:16px 19px;font-size:10px;color:#a8bf91}.detail-panel>h3{margin:4px 0 10px;font-size:12px}.pka-values{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.pka-values>span{background:#1e2c22;border:1px solid #334431;border-radius:5px;padding:7px 9px;font-size:10px;color:#95a98a}.pka-values b{display:block;font-size:13px;margin-top:6px;color:#c8dab8}.below-lab{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;margin-top:18px}.ph-lab{padding:17px 20px;background:#101814}.ph-lab .eyebrow{font-size:8px}.ph-lab .section-line{margin-bottom:12px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.ph-main{display:flex;align-items:center;gap:20px}.ph-main>div:first-child{min-width:120px}.ph-main strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:500;display:block;letter-spacing:-.8px}.ph-main>div>span{display:block;color:#7f9477;font-size:8px;margin-top:5px}.ph-main>div>span b{font-size:11px;margin-left:7px;font-weight:500;color:#c9dcae}.charge-chart{flex:1;max-width:70%;height:48px}.charge-chart svg{width:100%;height:100%;overflow:visible}.ph-lab>input{width:100%;height:3px;margin:18px 0 10px;display:block}.ph-lab>p{font-size:8px;line-height:1.6;margin:11px 0 0}.explore-card{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #34432c;border-radius:10px;background:radial-gradient(ellipse at 100% 100%,#293622,#172117 80%);padding:26px;position:relative}.explore-card:hover{border-color:#748c5e}.explore-card .mode-icon{width:46px;height:46px;margin:0;flex-shrink:0}.explore-card .eyebrow{font-size:7px;color:#93ae7f;letter-spacing:1.2px}.explore-card h3{font-size:16px;color:#cfe1ba;margin:10px 0 7px;font-weight:550}.explore-card p{font-size:10px;margin:0;color:#829b73}.explore-card>svg{margin-left:auto;color:#b9cf9c}.lab-foot{font-size:8px;color:#657c6b;display:flex;align-items:center;gap:6px;margin-top:15px}.lab-foot button{font-size:8px;color:#96ad86;display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}.page-footer{border-top:1px solid #263026;margin-top:35px;padding:19px 0 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c9f85;gap:15px}.page-footer>span,.page-footer button{display:flex;gap:7px;align-items:center}.page-footer button{font-size:8px;color:#758d6e}.page-footer .muted{font-size:8px;color:#647a61}.page-heading{margin-bottom:30px;padding-top:10px;max-width:850px}.page-heading .eyebrow{margin-bottom:16px}.page-heading h1{font-size:35px}.page-heading p{font-size:13px;color:#8ea286;max-width:760px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mode-card{padding:30px;text-align:left;background:linear-gradient(140deg,#17231c,#111915);border:1px solid #30422f;border-radius:10px;transition:.2s;position:relative}.mode-card:hover{border-color:#809f65;transform:translateY(-3px)}.mode-card .eyebrow{font-size:8px;display:flex;margin-bottom:14px}.mode-card h2{margin:0 0 10px;font-size:24px}.mode-card p{font-size:12px;margin-bottom:30px;max-width:340px}.mode-icon{display:flex;align-items:center;justify-content:center;border:1px solid #43583a;border-radius:10px;width:54px;height:54px;color:#c1dda9;background:#293c22;margin-bottom:26px}.mode-card.orange .mode-icon{color:#e4b18e;background:#3c2e24;border-color:#68503d}.mode-card.purple .mode-icon{color:#b9a4dc;background:#2e293c;border-color:#524466}.mode-card.blue .mode-icon{color:#90bbcb;background:#25353a;border-color:#3c5861}.card-link{font-size:11px;color:#bbd7a4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 0}.note-panel{padding:20px 23px;border:1px solid #36432e;background:#172016;border-radius:7px;margin:24px 0;color:#a0b58e;font-size:12px;line-height:1.9}.quiz-card{max-width:900px;margin:20px auto;padding:30px}.quiz-card h2{font-size:24px;line-height:1.5;margin-top:27px}.quiz-card .progress{margin-top:20px}.quiz-molecule{height:310px;position:relative;border:1px solid var(--line);border-radius:8px;margin-bottom:24px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer{text-align:left;display:flex;align-items:center;gap:12px;background:#18221a;border:1px solid #34422f;padding:16px;border-radius:6px;font-size:12px;color:#baccaf;line-height:1.5}.answer>span{padding:5px 8px;background:#263523;border-radius:4px;font-size:11px}.answer>svg{margin-left:auto}.answer:hover:not(:disabled){background:#263821;border-color:#7d9d60}.answer:disabled{opacity:.8}.answer.right{border-color:#9bc577;background:#2b4321;color:#d4edbb}.answer.wrong{background:#412b27;border-color:#b0705c;color:#e9beaf}.feedback{border:1px solid #405136;background:#1b2918;color:#b5cda2;border-radius:8px;padding:20px;margin-top:20px;font-size:12px;line-height:1.8}.feedback b{color:#d0e4ba}.feedback p{font-size:12px;color:inherit;margin:10px 0}.feedback .primary,.feedback .secondary{margin-top:13px}.feedback.failure{border-color:#65503e;background:#28231a;color:#d1bc9c}.feedback.success{border-color:#61804a;background:#23341d}.quiz-card blockquote{padding:32px;border-left:3px solid #c3dda7;margin:25px 0;background:#1c281c;font-family:Manrope,sans-serif;font-size:22px;line-height:1.7;color:#ccdfb7}.matching>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;color:#c3d4b7}.matching>button{margin-top:20px}.result-card{max-width:650px;padding:55px;text-align:center;margin:35px auto}.result-card>svg{display:block;color:#cae9a9;margin:0 auto 24px}.result-card h1{font-size:64px;color:var(--accent);margin:15px 0}.result-card h2{font-size:24px}.result-card p{font-size:13px}.result-card button{margin:10px 5px 0}.atlas-filters{display:flex;gap:14px;margin-bottom:24px}.atlas-filters .search-input{flex:1;max-width:500px}.atlas-filters input{font-size:12px}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.atlas-card{padding:22px;display:flex;flex-direction:column}.atlas-card .section-line{gap:8px;margin-bottom:18px}.atlas-card .aa-code{width:39px;height:40px;font-size:19px;margin-right:auto}.atlas-card h2{font-size:22px;margin-bottom:8px}.atlas-card h2 small{color:#8da083;font-size:12px;font-weight:450;margin-left:7px}.atlas-card>p{font-size:12px;line-height:1.9;margin:18px 0}.atlas-card details{margin-bottom:20px;font-size:12px;line-height:1.8;color:#98ad8d}.atlas-card details summary{cursor:pointer;color:#b6c9a8;font-size:10px}.atlas-card details p{font-size:11px;margin-top:14px}.clinical-text{border-left:2px solid #607a4d;padding-left:12px;color:#bfd0ad}.atlas-card .card-link{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.table-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px;border-bottom:1px solid var(--line)}.table-tabs button{padding:14px 17px;font-size:12px;color:#92a789;border-bottom:2px solid transparent}.table-tabs button.active{color:#d1e8b9;border-color:#c5e7a7}.group-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}.group-overview>div{padding:16px;background:color-mix(in srgb,var(--group) 5%,#111815);border:1px solid color-mix(in srgb,var(--group) 20%,#111815);border-radius:7px}.group-overview span{font-size:10px;color:var(--group)}.group-overview b{display:block;font:500 30px Manrope,sans-serif;margin:8px 0;color:var(--group)}.group-overview small{color:#90a286;font-size:8px;line-height:1.8;display:block}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;min-width:700px}th{background:#1b261c;padding:15px;color:#8ba37b;font-weight:450;font-size:10px;white-space:nowrap}th button{padding:0;font-size:10px}td{padding:15px;border-bottom:1px solid #263124;color:#b5c5a9;line-height:1.7}tr:hover td{background:#1a251a}.table-amino{display:flex;gap:12px;align-items:center;white-space:nowrap;padding:0;font-size:12px}.table-amino>span{font-weight:650;font-size:15px;min-width:15px}.table-amino>svg{opacity:.5}.table-caption{padding:16px 20px;font-size:10px;margin:0;color:#849b77}.pi-cell{font-weight:650;color:#cde5af}.library-progress{display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:25px;color:#c0d6aa}.library-progress b{font-size:14px}.library-progress p{font-size:11px;margin:7px 0 0}.library-progress .pill{margin-left:auto}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lesson-card{padding:27px;text-align:left;transition:.2s}.lesson-card:hover{border-color:#63804d;background:#162016}.lesson-card .section-line{margin-bottom:29px;color:#93ad80}.lesson-number{font:450 35px Manrope,sans-serif;letter-spacing:-1px;color:#657f57}.lesson-card h2{font-size:23px;margin:14px 0 10px}.lesson-card p{font-size:12px;color:#8da47f;line-height:1.85}.lesson{padding:45px;max-width:900px;margin:20px auto}.lesson h1{font-size:35px;margin:25px 0 35px}.lesson section{margin-bottom:32px}.lesson h2{font-size:21px;color:#ccdfb7}.lesson p{line-height:2;font-size:14px;color:#a5b89a}.lesson-footer{display:flex;gap:12px;margin:30px 0 18px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stats-grid>div{padding:24px}.stats-grid>div>span{font-size:11px;color:#879d7c}.stats-grid b{display:block;font:500 34px Manrope,sans-serif;color:#cce4b2;margin-top:14px}.stats-grid small{font:400 11px DM Sans,sans-serif;color:#839b76}.notes-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.notes-grid>.panel{padding:27px}.notes-grid h2{font-size:20px;margin-bottom:25px}.field-label{display:block;color:#9ab08e;font-size:11px;margin-bottom:20px;line-height:1.6}.field-label>textarea,.field-label>select{display:block;width:100%;margin-top:10px}.field-label textarea{border:1px solid #33482c;background:#0d160e;border-radius:7px;padding:16px;resize:vertical;font-size:12px;line-height:1.9}.saved-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#8ba57c;margin-bottom:20px}.favorite-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #263625}.favorite-row>button:first-child{display:flex;gap:12px;align-items:center;font-size:13px}.favorite-row>button:first-child>svg{color:#91ab7b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030806b5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;justify-content:flex-end}.settings-drawer{width:390px;height:100%;overflow:auto;background:#111c15;border-left:1px solid #425438;box-shadow:-20px 0 80px #0005;padding:28px 28px 40px;scrollbar-width:thin;scrollbar-color:#43583b transparent}.settings-drawer>.section-line{margin-bottom:18px}.settings-drawer h2{font-size:25px;margin-bottom:10px}.settings-drawer>p{font-size:11px;margin-bottom:28px}.settings-drawer h3{margin:26px 0 14px;font-size:12px}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.color-grid>label{display:flex;align-items:center;gap:9px;background:#1c291b;border:1px solid #34462c;border-radius:5px;padding:9px}.element-dot{height:8px;width:8px;border-radius:50%;flex-shrink:0}.color-grid label>span:nth-child(2){font-size:12px}.color-grid small{font-size:8px;display:block;color:#829a73;margin-top:3px}input[type=color]{padding:0;width:24px;height:25px;background:none;border:0;border-radius:4px;cursor:pointer}.color-grid input{margin-left:auto}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2d3c27;font-size:11px;color:#aabf9c}input[type=checkbox]{accent-color:#b5d68e;width:15px;height:15px}input[type=range]{accent-color:#b9da95;cursor:pointer}.range-label{display:block;font-size:11px;color:#aabd9a;margin:22px 0}.range-label span{float:right;color:#c9e0ae}.range-label input{display:block;margin-top:13px;width:100%;height:3px}.settings-drawer .field-label{margin-top:22px}.full-width{width:100%;margin-top:17px}.settings-drawer .primary{margin-top:10px}.sources-modal{width:740px;max-width:calc(100% - 30px);max-height:90vh;overflow:auto;align-self:center;margin:auto;padding:35px;scrollbar-width:thin;scrollbar-color:#43583b transparent}.sources-modal h2{margin-top:20px;font-size:26px}.source-note{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.source-note h3{font-size:13px;color:#bfd1ad}.source-note p{font-size:12px;line-height:1.9;color:#99b08e;margin-bottom:0}.toast{position:fixed;bottom:25px;left:calc(50% + var(--side)/2);transform:translate(-50%);background:#c3dfa4;color:#203018;padding:14px 22px;display:flex;gap:10px;align-items:center;font-size:12px;z-index:150;box-shadow:0 10px 40px #0006;border-radius:7px}.empty-state{font-size:11px;padding:15px;color:#8da280}.loading{padding:100px 30px;display:flex;justify-content:center;align-items:center;gap:15px;color:#b0c69d;font-size:14px}.spin{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.webgl-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:35px;color:#d2bea1;text-align:center;font-size:13px;background:#101718}.atom-tooltip{position:absolute;bottom:45px;left:20px;z-index:5;font-size:11px;background:#223525ee;border:1px solid #708d59;border-radius:7px;padding:12px;box-shadow:0 5px 20px #0007}.atom-tooltip b{margin-right:8px;color:#d1ecb6}.atom-tooltip button{margin-left:15px;font-size:18px}.molecule-panel:fullscreen{height:100vh;border:0;max-width:none;border-radius:0}.molecule-panel:fullscreen .molecule-stage{min-height:50vh}.molecule-panel:fullscreen .viewer-bottom{max-width:650px;width:100%;align-self:center}.game-panel{padding:30px;margin-top:20px}.game-panel h2{font-size:26px;margin:13px 0}.game-panel p{font-size:12px}.builder-toolbar{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.segmented{display:inline-flex;background:#0b140d;border:1px solid #35462e;padding:4px;border-radius:6px;gap:4px}.segmented button{padding:10px 12px;font-size:11px;border-radius:4px;color:#829b75}.segmented button.active{background:#354a29;color:#d6e8bf}.elements{display:flex;gap:8px}.element-button{width:39px;height:39px;background:#1c2b1c;border:1px solid #3b5131;border-radius:6px;color:#baceab}.element-button.selected{color:#172012;background:#bddc9b}.puzzle-canvas{background:radial-gradient(ellipse at 50% 50%,#19251c,#0e1611 75%);border:1px solid #2d4029;border-radius:8px;margin:20px 0}.puzzle-canvas svg{width:100%;height:auto;max-height:400px;display:block}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.score-row{display:flex;justify-content:space-between;margin:26px 0;color:#c8e0b0}.score-row b{font:500 25px Manrope,sans-serif}.sort-target{text-align:center;padding:35px;border:1px solid #3b5232;background:#1e2c1c;border-radius:8px;margin:20px 0}.sort-target>span{font:500 58px Manrope,sans-serif;color:#c6dfa8}.sort-target h2{font-size:24px;margin:15px 0}.result-inline{padding:50px 20px;text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0}.memory-card{min-height:130px;background:repeating-linear-gradient(45deg,#1e2b1d,#1e2b1d 5px,#1c281b 5px,#1c281b 10px);border:1px solid #425a35;border-radius:8px;padding:20px;color:#94b17c;font-size:12px;line-height:1.7;display:flex;align-items:center;justify-content:center;transition:.2s}.memory-card:hover{border-color:#829d69}.memory-card.open{background:#2f4226;color:#deedcd;border-color:#a3c583}.memory-card.matched{background:#263820;color:#acc796;border-color:#5d7f47;opacity:.7}.target-sequence{display:flex;align-items:center;gap:20px;padding:25px;border:1px solid #435836;border-radius:7px;background:#1b2a19;font-size:10px;color:#849f70;margin:25px 0}.target-sequence b{font-size:18px;color:#d0e5b5;letter-spacing:1px}.peptide-chain{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;flex-wrap:wrap;background:#0c150d;border:1px dashed #415836;border-radius:8px;padding:20px}.residue{background:#374e29;color:#ddedc5;padding:17px 12px;border-radius:6px;font-size:14px}.peptide-bond{font-size:9px;color:#83a06c;font-style:normal}.game-panel>.text-button{margin-top:20px}@media(min-width:1700px){:root{--side:244px}.page-content{padding:42px 44px 0}.topbar{padding:0 44px}.workbench{grid-template-columns:205px minmax(360px,1fr) 300px;gap:20px}.amino-browser,.molecule-panel,.detail-panel{height:730px}.detail-intro{font-size:12px}.property-list>div{padding:15px 0}.detail-panel{padding:26px 23px 0}.clinical-tip p{font-size:11px}.detail-link{margin-left:-23px;margin-right:-23px;padding:18px 23px}.viewer-heading h2{font-size:30px}.amino-item{padding:11px 10px}.style-options>button{padding:10px 5px;font-size:9px}.viewer-bottom{padding:20px}.sidebar{padding-top:38px}.nav-item{font-size:13px}.lab-heading{margin-bottom:40px}.lab-heading h1{font-size:37px}}@media(max-width:1350px){:root{--side:198px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:21px;gap:7px;margin-left:4px}.brand small{font-size:6px;letter-spacing:1.5px}.nav-item{font-size:11px;gap:10px;padding-left:10px}.nav-item.active:before{left:-12px}.page-content{padding:28px 24px 0}.topbar{padding:0 24px}.workbench{grid-template-columns:159px minmax(285px,1fr) 235px;gap:11px}.detail-panel{padding:21px 15px 0}.detail-link{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.detail-intro{font-size:10px}.property-list>div{font-size:8px}.property-list strong.small{font-size:8px}.viewer-heading{padding-left:19px;padding-right:18px}.viewer-labels{padding-left:19px}.viewer-heading h2{font-size:24px}.viewer-heading h2 span{font-size:9px}.style-options{gap:5px}.style-options>button{font-size:7px}.customize-button .small{display:none}.lab-heading h1{font-size:27px}.lab-heading>.secondary{font-size:9px}.lab-heading>.secondary svg:first-child{display:none}.clinical-tip p{font-size:9px}.lab-heading .eyebrow{font-size:7px}.browser-top{padding-left:10px;padding-right:10px}.amino-item{padding-left:5px;gap:7px}.amino-item .aa-code{width:26px;height:29px;font-size:12px}.amino-item>span:nth-child(2){font-size:10px}.amino-list{padding-left:5px;padding-right:5px}.lab-summary>div{gap:15px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-overview{gap:7px}.group-overview>div{padding:13px 10px}.explore-card{padding:20px;gap:12px}.explore-card h3{font-size:14px}.explore-card>svg{width:18px}.explore-card .mode-icon{width:38px;height:42px}.detail-tabs{gap:18px}}@media(max-width:1150px){:root{--side:190px}.workbench{grid-template-columns:170px minmax(320px,1fr)}.detail-panel{grid-column:1/-1;height:auto;display:block;padding:22px}.detail-top{margin-bottom:15px}.detail-tabs{width:220px}.detail-intro{font-size:12px;line-height:1.9}.property-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.property-list>div{font-size:10px;gap:10px}.property-list strong,.property-list strong.small{font-size:10px}.pi-section{max-width:340px}.clinical-tip{max-width:100%;padding:14px}.clinical-tip p{font-size:11px}.detail-link{margin:20px -22px 0;padding:16px 22px 0}.detail-panel>.pka-values{float:none}.below-lab{grid-template-columns:1fr}.explore-card{padding:25px}.explore-card h3{font-size:17px}.lab-heading{align-items:flex-start}.lab-heading h1{font-size:26px;max-width:440px}.lab-heading h1 span{display:block;margin-top:4px}.lab-heading>.secondary{margin-top:30px}.lab-summary .desktop-hint{display:none}.lab-heading .eyebrow{font-size:6px}.customize-button .small{display:inline;font-size:6px}.group-overview{grid-template-columns:repeat(3,1fr)}.group-overview>div{padding:16px}.mode-card{padding:25px}.mode-card h2{font-size:21px}.lesson-card h2{font-size:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.lab-foot{align-items:flex-start;line-height:1.6}.lab-foot>svg{flex-shrink:0;margin-top:2px}.lab-foot>button{align-self:flex-start}.topbar-right{font-size:9px}.lesson{padding:30px}.page-heading h1{font-size:31px}.source-button{font-size:9px}.sidebar-foot{font-size:6px}.journey>span:nth-child(2){font-size:9px}}@media(max-width:820px){:root{--side:72px}.sidebar{padding:25px 10px 17px;align-items:center}.brand{margin:0 0 35px}.brand>span:nth-child(2){display:none}.brand-symbol svg{width:31px;height:31px}.sidebar-section{display:none}.sidebar nav{width:100%;gap:10px}.nav-item{justify-content:center;padding:13px 8px}.nav-item>span{display:none}.nav-item.active:before{left:-10px}.nav-break{margin-top:20px}.sidebar-bottom{padding-top:20px;align-self:stretch}.journey{justify-content:center}.journey>span:nth-child(2),.journey strong,.sidebar-bottom>.progress,.sidebar-bottom>p,.sidebar-foot{display:none}.source-button{justify-content:center;padding-top:20px;margin-top:5px;font-size:0;gap:0}.source-button svg:first-child{width:20px;height:20px}.source-button svg:last-child{display:none}.page-content{padding:24px 20px 0}.topbar{height:60px;padding:0 20px}.topbar-right{font-size:0;gap:0}.topbar-right>.live-dot{display:none}.topbar-divider{display:none}.avatar{margin-left:5px}.lab-heading{margin-bottom:26px}.lab-heading>.secondary{display:none}.lab-heading h1{font-size:28px;max-width:none}.lab-heading h1 span{display:inline}.lab-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.lab-heading p{font-size:11px}.lab-summary>span{font-size:7px;letter-spacing:.8px}.lab-summary>div{font-size:8px;gap:12px}.lab-summary b{font-size:9px}.workbench{grid-template-columns:151px minmax(270px,1fr);gap:10px}.amino-browser,.molecule-panel{height:645px}.viewer-heading{padding-top:20px}.viewer-heading h2{font-size:23px}.viewer-heading h2 span{display:block;margin-left:1px;margin-top:7px}.viewer-labels{padding-top:12px}.style-options>button{font-size:6px}.style-preview{transform:scale(.85)}.viewer-bottom{padding:14px 12px 11px}.customize-button{font-size:9px}.customize-button .small{display:none}.view-tools{right:9px}.stage-help{font-size:6px;left:15px;gap:5px}.conformer-count{font-size:7px;right:12px}.conformer-count span{font-size:6px}.lab-foot{font-size:7px;flex-wrap:wrap}.lab-foot>button{margin-left:19px;font-size:7px}.mode-grid{gap:14px}.mode-card{padding:24px}.mode-card h2{font-size:21px}.quiz-card{padding:22px}.quiz-card h2{font-size:21px}.answers{gap:10px}.matching>label{align-items:flex-start;flex-direction:column;gap:10px}.matching select{width:100%}.library-progress{padding:20px;gap:13px}.library-progress .pill{display:none}.lesson-card{padding:23px}.atlas-card{padding:20px}.atlas-card .pill{font-size:8px}.atlas-card .section-line{gap:5px}.atlas-card h2{font-size:20px}.atlas-filters input{font-size:10px}.game-panel{padding:22px}.memory-card{min-height:120px;padding:14px;font-size:11px}.target-sequence{align-items:flex-start;flex-direction:column;gap:10px}.target-sequence b{font-size:15px}.page-heading h1{font-size:29px}.lesson{padding:26px}.lesson h1{font-size:30px}}@media(max-width:600px){:root{--side:0px}.sidebar{position:relative;top:auto;bottom:auto;width:100%;padding:18px 16px 0;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:23px;margin:0 0 18px;gap:9px}.brand>span:nth-child(2){display:block}.brand small{display:none}.brand-symbol svg{width:27px;height:27px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:12px;scrollbar-width:none}.nav-item{padding:10px 11px;gap:7px;white-space:nowrap;width:auto;flex-shrink:0;font-size:10px;border:1px solid #25372a}.nav-item>span{display:block}.nav-item>svg{width:14px;height:14px}.nav-item>.nav-dot,.nav-item>.tiny-tag{display:none}.nav-item.active:before{display:none}.nav-break{margin-top:0}.sidebar-bottom{display:none}main{margin-left:0}.topbar{height:47px;padding:0 17px}.breadcrumb{font-size:9px;gap:9px}.avatar{font-size:8px;padding:6px}.page-content{padding:25px 16px 0}.lab-heading{margin-bottom:25px}.lab-heading .eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:14px}.lab-heading h1{font-size:28px;line-height:1.35;letter-spacing:-1px}.lab-heading h1 span{display:block;margin-top:3px}.lab-heading p{font-size:10px;margin-top:13px}.lab-summary{margin-bottom:13px;align-items:center}.lab-summary>span{font-size:6px;letter-spacing:.8px}.lab-summary>div{gap:8px;font-size:6px}.lab-summary>div span:nth-child(2){display:none}.lab-summary b{font-size:7px}.workbench{display:flex;flex-direction:column;gap:14px}.amino-browser{height:auto;max-height:250px;border-radius:8px;order:0}.browser-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px}.browser-top h3{font-size:11px;margin:0;gap:9px;flex-shrink:0}.browser-top .search-input{flex:1;min-width:0;padding:7px}.browser-top input{font-size:9px}.browser-top .filter-select{margin:0;font-size:8px!important;width:100%;padding:6px!important}.amino-list{display:flex;flex-direction:row;overflow-x:auto;padding:0 10px 11px;gap:7px;flex:none;scrollbar-width:none}.amino-item{flex-direction:column;flex:0 0 65px;text-align:center;padding:9px 6px;gap:6px;margin:0;background:#142016;border-color:#293a29;align-items:center}.amino-item>.aa-code{font-size:14px;width:29px;height:29px}.amino-item>span:nth-child(2){font-size:8px;white-space:nowrap}.amino-item small{font-size:7px;margin-top:3px}.amino-item>.selected-dot{display:none}.amino-item>svg{display:none}.browser-footer{display:none}.molecule-panel{order:1;height:647px;border-radius:8px}.viewer-heading{padding:20px 20px 0}.viewer-heading h2{font-size:26px}.viewer-heading h2 span{display:inline;margin-left:9px;margin-top:0;font-size:10px}.viewer-heading .eyebrow{font-size:7px}.viewer-heading .formula{font-size:12px}.viewer-labels{padding-left:20px;padding-top:14px}.viewer-labels .pill{font-size:8px}.molecule-stage{min-height:300px}.view-tools{right:12px;top:30px}.view-tools .icon-button{min-width:28px;min-height:29px}.viewer-bottom{padding:16px 15px 13px}.style-label>span{font-size:7px}.style-options{gap:7px}.style-options>button{font-size:8px;padding:9px 4px}.style-preview{transform:scale(1)}.style-label .text-button{font-size:8px}.customize-button{font-size:10px}.customize-button .small{display:none}.viewer-actions{margin-top:13px;padding-top:11px}.stage-help{font-size:7px;left:20px;bottom:15px}.conformer-count{font-size:8px;bottom:15px;right:18px}.conformer-count span{font-size:7px}.detail-panel{order:2;padding:21px 19px 0}.detail-top .eyebrow{font-size:8px}.detail-tabs{margin-bottom:18px;width:100%}.detail-tabs button{font-size:11px}.detail-intro{font-size:12px}.property-list{grid-template-columns:1fr;gap:0}.property-list>div{font-size:11px;padding:13px 0}.property-list strong,.property-list strong.small{font-size:11px}.pi-section{max-width:none;padding:22px 0}.pi-section>div:first-child{font-size:10px}.scale-label{font-size:8px}.clinical-tip p{font-size:11px}.clinical-tip>span{font-size:8px}.detail-link{margin:17px -19px 0;padding:17px 19px;font-size:11px}.detail-top{margin-bottom:18px}.below-lab{margin-top:15px;gap:15px}.ph-lab{padding:20px}.ph-main strong{font-size:25px}.ph-main>div>span{font-size:9px}.ph-lab>p{font-size:9px}.explore-card{padding:22px 18px;gap:13px}.explore-card .eyebrow{font-size:6px}.explore-card h3{font-size:15px}.explore-card p{font-size:9px}.lab-foot{font-size:7px;line-height:1.8;margin-top:18px}.page-footer{padding:20px 0;flex-direction:column;gap:12px;align-items:flex-start;margin-top:28px}.page-footer>span{font-size:9px}.page-footer button{font-size:8px}.page-heading{padding-top:0;margin-bottom:25px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:14px}.page-heading h1{font-size:29px;letter-spacing:-.9px}.page-heading p{font-size:12px;line-height:1.9}.mode-grid{grid-template-columns:1fr;gap:15px}.mode-card{padding:25px}.mode-card h2{font-size:24px}.mode-card p{font-size:12px;margin-bottom:22px}.mode-icon{margin-bottom:24px}.mode-card .eyebrow{font-size:8px}.note-panel{font-size:11px;padding:18px;line-height:1.9;margin:20px 0}.quiz-card{padding:20px;margin-top:14px}.quiz-card h2{font-size:20px;margin-top:25px}.quiz-molecule{height:270px}.answers{grid-template-columns:1fr;gap:10px}.answer{font-size:12px;padding:15px}.feedback{padding:17px;font-size:12px}.quiz-card blockquote{font-size:18px;padding:25px 20px}.result-card{padding:40px 22px}.result-card h1{font-size:55px}.result-card h2{font-size:22px}.result-card>.primary,.result-card>.secondary{width:100%;margin:12px 0 0}.atlas-grid{grid-template-columns:1fr}.atlas-filters{gap:8px}.atlas-filters .search-input{padding:10px}.atlas-filters input{font-size:9px}.atlas-filters select{font-size:10px;max-width:140px}.atlas-card{padding:23px}.atlas-card h2{font-size:24px}.atlas-card .aa-code{width:42px;height:42px;font-size:20px}.atlas-card .pill{font-size:9px}.atlas-card>p{font-size:12px}.atlas-card details summary{font-size:11px}.atlas-card details p{font-size:12px}.atlas-card .card-link{font-size:12px}.table-tabs{gap:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.table-tabs button{font-size:10px;white-space:nowrap;padding:13px 12px}.group-overview{grid-template-columns:repeat(2,1fr);gap:10px}.group-overview>div:last-child{grid-column:1/-1}.group-overview>div{padding:15px}.group-overview span{font-size:11px}.group-overview small{font-size:9px}.table-toolbar{padding:14px;gap:10px}.table-toolbar .eyebrow{font-size:7px;letter-spacing:.6px}.table-toolbar .search-input{max-width:150px;padding:7px}.table-toolbar input,.table-caption{font-size:9px}.lesson-grid{grid-template-columns:1fr;gap:15px}.lesson-card{padding:25px}.lesson-card h2{font-size:23px}.lesson-card p{font-size:12px}.library-progress{padding:20px;gap:13px}.library-progress>svg{flex-shrink:0}.library-progress b{font-size:12px}.library-progress p{font-size:10px;line-height:1.8}.lesson{padding:24px 21px}.lesson h1{font-size:28px;margin:23px 0 30px}.lesson h2{font-size:21px}.lesson p{font-size:13px;line-height:2}.lesson .eyebrow{font-size:7px}.lesson-footer>.primary,.lesson-footer>.secondary{width:100%}.stats-grid{gap:10px}.stats-grid>div{padding:19px}.stats-grid>div>span{font-size:9px}.stats-grid b{font-size:29px}.stats-grid small{font-size:9px}.notes-grid>.panel{padding:22px}.notes-grid h2{font-size:20px}.settings-drawer{width:100%;max-width:390px;padding:25px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sources-modal{padding:24px;max-height:88vh}.sources-modal h2{font-size:23px}.sources-modal p{font-size:11px}.toast{left:50%;font-size:11px;max-width:calc(100% - 30px);width:max-content;bottom:17px}.game-panel{padding:21px 17px}.game-panel h2{font-size:23px}.game-panel>.section-line{align-items:flex-start}.game-panel .section-line select{font-size:10px;max-width:120px}.game-panel .section-line h2{font-size:21px}.builder-toolbar{gap:12px}.segmented button{padding:9px;font-size:10px}.element-button{width:32px;height:34px;font-size:13px}.puzzle-canvas{margin:18px 0}.puzzle-canvas svg{min-height:230px}.button-row{gap:9px}.button-row>.primary{font-size:11px}.button-row>.secondary{font-size:10px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px}.memory-card{min-height:120px;padding:10px 7px;font-size:9px}.memory-card svg{width:22px}.game-panel .section-line .pill{font-size:8px}.target-sequence{padding:20px}.target-sequence b{font-size:15px;line-height:1.7}.peptide-chain{gap:6px;padding:18px 10px}.peptide-chain>.pill{font-size:8px}.peptide-bond{font-size:7px}.residue{font-size:12px;padding:14px 9px}.section-line>.muted{font-size:10px}.loading{padding:60px 20px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.element-legend{position:absolute;left:22px;top:14px;display:flex;align-items:center;gap:11px;z-index:3;pointer-events:none}.element-legend span{font-size:7px;color:#91a597;display:flex;align-items:center;gap:4px}.element-legend i{width:5px;height:5px;border-radius:50%;display:block}@media(max-width:600px){.element-legend{left:20px;top:12px;gap:12px}.element-legend span{font-size:8px}}