@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;border:none;flex-direction:column;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#e7f5f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--mint:#49f0c6;--mint-soft:#8af8dc;--muted:#92aebc;--line:#67cdc43d;--panel:#05141be8;--page-bg:#030a0e;--panel-bg:#06151b;--error-text:#ffb4bb;--error-bg:#391c26;background:#030a0e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--page-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}img,canvas,svg{max-width:100%}.dashboard{background-image:linear-gradient(#419a930e 1px,#0000 1px),linear-gradient(90deg,#419a930e 1px,#0000 1px),radial-gradient(at 50% 52%,#09251f 0%,#061218 37%,#03090d 75%);background-size:25px 25px,25px 25px,auto;width:100%;min-height:100vh;margin:0 auto;padding-bottom:12px;position:relative;overflow:hidden}.topbar{z-index:5;background:#02080cf0;border-bottom:1px solid #6bb9b621;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:12px 3%;display:flex;position:relative}.brand{color:#f1fffd;white-space:nowrap;align-items:center;gap:7px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child{color:var(--mint);margin-left:-7px}.brand-symbol{color:var(--mint);font-size:33px}.navigation{justify-content:center;align-self:stretch;gap:8px;min-width:0;display:flex}.navigation button{color:#a8bbc6;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 13px;font-size:12px}.navigation button span{vertical-align:-2px;margin-right:6px;font-size:20px}.navigation button:hover,.navigation button.active{border-bottom-color:var(--mint);color:var(--mint)}.account{white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.status-dot,.live-dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 12px var(--mint);border-radius:50%;display:inline-block}.account-avatar{width:34px;height:34px;color:var(--mint);background:#10242b;border:1px solid #4d858a;border-radius:50%;place-items:center;font-size:16px;display:grid}.account strong,.account small{display:block}.account small{color:var(--muted);margin-top:3px}.glass-panel{z-index:2;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;position:relative;box-shadow:inset 0 1px #ffffff06}.error-message{overflow-wrap:anywhere;background:var(--error-bg);color:var(--error-text);border-radius:8px;padding:10px;font-size:12px}.empty-state{color:var(--muted);align-self:center;padding:12px;font-size:12px}.tiny-note{font-size:10px!important}.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr) minmax(0,1.15fr);align-items:start;gap:22px;width:100%;min-height:570px;padding:30px 3% 22px;display:grid;position:relative}.search-panel{min-width:0;padding:19px 16px}.search-panel h2,.gallery-intro h2{margin:0 0 19px;font-size:16px;font-weight:600}.accent,.section-heading>span{color:var(--mint);margin-right:8px;font-size:21px}.search-container{z-index:10;width:100%;min-width:0;position:relative}.search-form{gap:6px;min-width:0;display:flex}.search-form input{background:var(--panel-bg);color:#f1fffd;border:1px solid #35606a;border-radius:9px;outline:none;width:100%;min-width:0;padding:13px 12px}.search-form input:focus{border-color:var(--mint)}.search-form button{background:var(--mint);color:#03221d;cursor:pointer;border:0;border-radius:9px;flex:0 0 46px;font-size:26px}.search-form button:disabled,.compare-form button:disabled{opacity:.6;cursor:wait}.panel-caption{color:#73949e;letter-spacing:.5px;margin:17px 0;font:9px Space Mono,monospace}.structure-preview{background:#05171db3;border:1px solid #234650;border-radius:12px;padding:13px}.mini-heading{color:#d9efeb;font-size:12px}.mini-heading span{color:var(--mint);margin-right:7px}.smiles-preview{overflow-wrap:anywhere;color:#9bc7c7;font:10px/1.6 Space Mono,monospace}.structure-image{object-fit:contain;filter:invert()hue-rotate(125deg);mix-blend-mode:screen}.small-structure{width:100%;height:135px;display:block}.suggestions-dropdown{z-index:100;background:#101a19;border:1px solid #49f0c640;border-radius:12px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0006}.suggestion-item{color:#e5f5ef;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:background .2s,color .2s;display:flex}.suggestion-item:hover,.suggestion-item:focus-visible{color:var(--mint);background:#49f0c61a;outline:none}.suggestion-icon{color:var(--mint)}.suggestion-status{color:#91b8aa;margin:6px 0;padding:6px 0;font-size:12px}.molecule-orb{z-index:0;aspect-ratio:1;pointer-events:none;perspective:800px;background:radial-gradient(circle,#0d473a24,#0000 56%),radial-gradient(circle,#0000 56%,#15da9d17 57%,#0000 59%);border:1px solid #17d49d1f;border-radius:50%;width:min(49vw,570px);animation:7s ease-in-out infinite orb-pulse;position:absolute;top:25px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 0 70px #00e7a614,inset 0 0 70px #00e7a60f}.molecule-orb:before,.molecule-orb:after{content:"";pointer-events:none;transform-origin:50%;will-change:transform;border:1px solid #49f0c680;border-radius:50%;position:absolute;inset:15% -8%}.molecule-orb:before{animation:30s linear infinite chemscope-orbit}.molecule-orb:after{border-color:#49f0c659;animation:40s linear infinite chemscope-orbit-reverse;inset:-8% 15%}@keyframes orb-pulse{0%,to{filter:brightness(.85)}50%{filter:brightness(1.3)}}@keyframes chemscope-orbit{0%{transform:rotate(0)scaleY(.45)}to{transform:rotate(360deg)scaleY(.45)}}@keyframes chemscope-orbit-reverse{0%{transform:rotate(360deg)scaleX(.45)}to{transform:rotate(0)scaleX(.45)}}.central-molecule{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:450px;padding:25px 0;display:flex;position:relative}.orb-label{color:#9bc8bd;letter-spacing:1.5px;font:9px Space Mono,monospace;position:absolute;top:10px;left:5px}.live-dot{margin-right:8px}.hero-structure{filter:invert()hue-rotate(125deg)drop-shadow(0 0 12px #37ffcb2e);width:100%;max-width:390px;height:330px;padding:10px}.molecule-name{text-align:center;margin-top:2px}.molecule-name>span{color:#71b6a6;letter-spacing:2px;font:9px Space Mono,monospace}.molecule-name h1{text-transform:capitalize;margin:8px 0;font-size:clamp(19px,2vw,28px)}.molecule-name p{color:#9ab6c3;margin:0;font:12px Space Mono,monospace}.molecule-name p span{color:var(--mint);margin:0 6px}.analysis-panel{min-width:0;padding:13px 15px 17px}.view-switch{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.switch-group{border:1px solid #365a64;border-radius:20px;padding:3px;display:flex}.switch-group button{color:#9bb0bc;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:7px 19px;font-size:11px}.switch-group button.selected{background:var(--mint);color:#04241e;font-weight:700}.edit-label{color:#9cb6c2;font-size:11px}.section-heading{margin-top:14px;font-size:14px;font-weight:600}.radar-wrap{max-width:260px;margin:5px auto 0}.radar-wrap svg{width:100%;display:block;overflow:visible}.radar-grid polygon,.radar-grid line{fill:none;stroke:#31505b;stroke-width:1px}.radar-area{fill:#30f4c421;stroke:var(--mint);stroke-width:1.5px}.radar-points circle{fill:var(--mint)}.radar-labels{fill:#9cb4c1;font-size:8px}.chart-note{color:#6f939d;text-align:center;margin:-3px 0 15px;font-size:9px}.property-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;display:grid}.property-columns>div+div{border-left:1px solid var(--line);padding-left:12px}.property-columns h3{white-space:nowrap;margin:0 0 10px;font-size:11px}.property-columns h3 span{color:var(--mint);margin-right:5px}.data-row{border-bottom:1px solid #62979f21;flex-direction:column;gap:3px;padding:7px 0;font-size:10px;display:flex}.data-row span{color:#91aebb}.data-row strong{overflow-wrap:anywhere;font-weight:500}.view-notice{color:#b8e8da;background:#152d2e;border-radius:8px;margin:12px 0 0;padding:10px;font-size:11px;line-height:1.6}.discoveries{z-index:2;grid-template-columns:205px minmax(0,1fr);gap:14px;margin:0 3%;padding:13px;display:grid;position:relative}.gallery-intro{border-right:1px solid var(--line);padding:9px 8px}.gallery-intro h2{font-size:14px}.gallery-intro p{color:#96b2c1;font-size:11px;line-height:1.7}.outline-button{border:1px solid var(--mint);color:var(--mint);cursor:pointer;background:0 0;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:10px 13px;font-size:11px;display:flex}.outline-button:hover{background:#49f0c614}.compound-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;display:grid}.compound-tile{background:#041319c2;border:1px solid #23434d;border-radius:10px;min-width:0;transition:border-color .2s,transform .2s;position:relative}.compound-tile:hover{border-color:var(--mint);transform:translateY(-2px)}.compound-tile:has(.favorited){border-color:var(--mint)}.favorite-button{z-index:1;color:#a9c8d2;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:7px;right:9px}.favorite-button.favorited{color:var(--mint)}.tile-content{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:12px 10px 10px;display:block}.tile-structure{width:100%;height:85px;margin-bottom:8px;display:block}.tile-content h3{overflow-wrap:anywhere;text-transform:capitalize;margin:0 0 5px;font-size:12px}.tile-formula{color:#91c3cb;margin:0 0 7px;font:10px Space Mono,monospace}.tile-detail{border-top:1px solid #6199a32b;justify-content:space-between;align-items:flex-start;gap:5px;padding:5px 0;font-size:9px;display:flex}.tile-detail span{color:#8faab8}.tile-detail strong{overflow-wrap:anywhere;text-align:right;font-weight:500}.compound-tag{color:var(--mint);border:1px solid #49f0c680;border-radius:20px;margin-top:7px;padding:3px 8px;font-size:9px;display:inline-block}.empty-molecule{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.empty-molecule-symbol{color:#43e7c0;opacity:.7;margin-bottom:20px;font-size:72px}.empty-molecule h1{color:#d9eeee;margin:0 0 12px;font-size:clamp(22px,2.2vw,32px)}.empty-molecule p{color:#83a6a6;font-size:13px;line-height:1.7}.molecule-viewer-wrapper{background:#0b1110;border:1px solid #49f0c633;border-radius:14px;width:100%;min-height:320px;position:relative;overflow:hidden}.molecule-viewer-canvas{width:100%;height:320px}.molecule-viewer-message{color:var(--mint);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.viewer-error{color:#ff9c9c}.viewer-hint{color:#9bb7ae;text-align:center;border-top:1px solid #49f0c61f;margin:0;padding:10px 14px;font-size:.8rem}.compound-details{flex-direction:column;gap:0;display:flex}.compound-details .mini-heading{margin-bottom:20px}.detail-item{border-bottom:1px solid #82bebe1f;flex-direction:column;gap:6px;min-width:0;padding:13px 0;display:flex}.detail-item>span{color:#87aaa9;letter-spacing:1px;text-transform:uppercase;font-size:11px}.detail-item>strong{overflow-wrap:anywhere;color:#e0eeee;font-size:14px;font-weight:500}.detail-item .muted-value{color:#789392;font-size:12px}.smiles-detail{border-bottom:none;margin-top:5px}.smiles-copy{color:#55e2c3;cursor:pointer;background:#45dcbf12;border:1px solid #45dcbf59;border-radius:8px;align-self:flex-start;padding:8px 12px;font-size:12px;transition:background .2s}.smiles-copy:hover{background:#45dcbf26}.compare-panel{box-sizing:border-box;border-radius:20px;min-height:420px;margin:30px 3%;padding:30px}.compare-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.compare-header h1{margin:8px 0;font-size:clamp(24px,3vw,36px)}.compare-header p{color:#9daaa7}.compare-form{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:18px;margin-bottom:24px;display:grid}.compare-form label{color:#b8c9c3;flex-direction:column;gap:10px;min-width:0;font-size:13px;display:flex;position:relative}.compare-form input{color:#f0f5f2;width:100%;min-width:0;font:inherit;background:#101916;border:1px solid #344b43;border-radius:10px;padding:13px}.compare-form button{color:#eafff4;cursor:pointer;background:#174b39;border:1px solid #54d6a1;border-radius:10px;grid-column:1/-1;justify-self:start;padding:12px 20px}.compare-symbol{color:#65e5b2;padding-bottom:8px;font-size:26px}.compare-suggestions{z-index:100;background:#101b19;border:1px solid #50dcaa40;border-radius:12px;max-height:220px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000059}.compare-suggestions button{color:#e5f5ef;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:10px 12px;display:block}.compare-suggestions button:hover,.compare-suggestions button:focus-visible{background:#50dcaa1f;outline:none}.comparison-compounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.comparison-compound{text-align:center;background:#0f1e18a6;border:1px solid #2b4239;border-radius:14px;min-width:0;padding:20px}.comparison-compound img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-width:240px;height:150px}.comparison-compound h2{overflow-wrap:anywhere;font-size:16px}.comparison-compound p,.comparison-compound span{overflow-wrap:anywhere;color:#9daaa7;font-size:13px}.comparison-table-wrap{width:100%;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{overflow-wrap:anywhere;border-bottom:1px solid #293b34;padding:15px 12px}.comparison-table th{color:#65e5b2;font-size:13px}.comparison-table td{color:#d5dfda;font-size:14px}.comparison-table td:first-child{color:#9daaa7}.dashboard-footer{z-index:1;color:#5e858d;letter-spacing:1.3px;text-align:center;padding:16px 8px 5px;font:9px Space Mono,monospace;position:relative}.dashboard-footer span{color:var(--mint)}@media (width>=1500px){.dashboard{max-width:1800px}.workspace{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.4fr) minmax(340px,1fr);min-height:610px}.central-molecule{min-height:500px}.hero-structure{height:380px}.discoveries{padding:16px}.tile-structure{height:100px}}@media (width<=1100px){.topbar{flex-wrap:wrap}.workspace{grid-template-columns:minmax(0,1fr);gap:18px}.search-panel,.central-molecule,.analysis-panel{grid-area:auto;width:100%;min-width:0}.radar-wrap{max-width:240px}.property-columns{max-width:650px;margin:0 auto}.molecule-orb{width:55vw;top:30px;left:63%}.discoveries{grid-template-columns:1fr}.gallery-intro{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.outline-button{margin-top:10px}.compound-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.topbar{gap:12px;padding:12px 16px}.brand{font-size:21px}.navigation{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.navigation button{padding:9px}.account{margin-left:auto}.account>div,.account .status-dot{display:none}.workspace{flex-direction:column;gap:18px;padding:22px 16px;display:flex}.search-panel,.central-molecule,.analysis-panel{width:100%;min-width:0}.search-panel{order:1}.central-molecule{order:2;min-height:340px}.analysis-panel{order:3}.hero-structure{height:245px}.molecule-orb{width:95vw;top:270px;left:50%}.discoveries{margin:0 16px;padding:12px}.compound-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-structure{height:100px}.compare-panel{margin:18px 12px;padding:18px}.compare-form{grid-template-columns:minmax(0,1fr)}.compare-symbol{display:none}.compare-form button{grid-column:1}.comparison-compounds{grid-template-columns:minmax(0,1fr)}.comparison-table th,.comparison-table td{padding:11px 8px;font-size:12px}}@media (width<=380px){.property-columns{grid-template-columns:minmax(0,1fr)}.property-columns>div+div{border-top:1px solid var(--line);border-left:0;padding:12px 0 0}.compound-gallery{grid-template-columns:minmax(0,1fr)}.switch-group button{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}