:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071018;--bg-soft:#0a141d;--surface:#0d1720;--surface-strong:#111e29;--surface-muted:#ffffff0b;--border:#ffffff14;--border-strong:#37e6d447;--text:#f2f7fb;--text-muted:#9cb0c2;--text-dim:#6f8393;--accent:#37e6d4;--accent-soft:#37e6d41f;--cyan:var(--accent);--green:var(--accent);--blue:#7fb6ff;--amber:#e8bc77;--rose:#f28a95;--violet:#b9a0ff;--danger:#ff8f8f;--shadow:0 22px 70px #00000057;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--header-height:76px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg, #0a141d 0%, var(--bg) 42%, #050b11 100%);margin:0}button,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:0}p{color:var(--text-muted)}img,svg{display:block}#root{min-height:100vh}::selection{color:#02110e;background:var(--cyan)}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{z-index:-2;content:"";background:linear-gradient(180deg, #0a141d 0%, var(--bg) 48%, #050b11 100%);position:fixed;inset:0}.app-shell:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,#37e6d40b,#0000 52%);position:fixed;inset:0}.site-header{z-index:20;width:min(1180px,100% - 32px);min-height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 0;display:flex;position:sticky;top:0}.app-shell--lab .site-header{border-bottom:1px solid var(--border);width:min(100% - 32px,1480px);min-height:64px;padding:10px 0;position:fixed;left:50%;transform:translate(-50%)}.app-shell--lab .brand-mark{width:34px;height:34px}.app-shell--lab .brand-lockup small{display:none}.brand-lockup{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:inline-flex}.brand-mark{color:#061311;background:var(--accent);border-radius:var(--radius-sm);flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 34px #37e6d429}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:var(--text);font-size:.96rem}.brand-lockup small{color:var(--text-dim);margin-top:2px;font-size:.76rem}.header-actions{align-items:center;gap:10px;display:inline-flex}.app-main{width:min(1180px,100% - 32px);margin:0 auto}.app-shell--lab .app-main{width:100%;margin:0}.app-footer{width:min(1180px,100% - 32px);color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;gap:20px;margin:48px auto 0;padding:22px 0 32px;font-size:.78rem;display:flex}.glass-card{color:var(--text);background:linear-gradient(145deg, #ffffff14, #ffffff06), var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.pill-button{min-height:42px;color:var(--text);white-space:nowrap;border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.pill-button:hover{border-color:var(--border-strong);background:#fff1;transform:translateY(-1px)}.pill-button.is-active,.pill-button--accent{color:var(--accent);background:var(--accent-soft);border-color:#37e6d438}.section-title{gap:7px;display:grid}.section-title span,.panel-kicker{color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem}.section-title h2{color:var(--text);font-size:1.05rem;line-height:1.2}.section-title p{max-width:46ch;font-size:.88rem;line-height:1.5}.home-page{min-height:calc(100vh - var(--header-height) - 96px)}.home-hero{min-height:min(760px, calc(100vh - var(--header-height) - 52px));align-items:center;padding:82px 0 88px;display:grid;position:relative;overflow:hidden}.home-hero__visual{z-index:0;opacity:.8;pointer-events:none;position:absolute;inset:0}.home-hero__visual:after{content:"";background:linear-gradient(90deg, #05070af5 0%, #05070a9e 43%, #05070a38 100%), linear-gradient(180deg, transparent 62%, var(--bg) 100%);position:absolute;inset:0}.home-hero__viewer{width:64%;height:82%;min-height:460px;position:absolute;top:4%;right:-4%}.home-hero__content{z-index:2;gap:18px;width:min(680px,100%);display:grid;position:relative}.hero-kicker{width:fit-content;color:var(--accent);background:var(--accent-soft);border:1px solid #37e6d42e;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;display:inline-flex}.home-hero h1{max-width:10ch;font-size:5rem;line-height:.96}.hero-subtitle{color:var(--text);font-size:1.28rem}.hero-copy{max-width:62ch;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.lab-page{gap:18px;padding-top:12px;display:grid}.lab-intro{justify-content:space-between;align-items:end;gap:24px;padding:8px 0 0;display:flex}.lab-intro h1{max-width:680px;color:var(--text);margin-top:6px;font-size:2.1rem;line-height:1.08}.lab-intro p{max-width:720px;margin-top:8px;line-height:1.55}.lab-intro__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lab-workbench{grid-template-columns:minmax(230px,.76fr) minmax(430px,1.5fr) minmax(280px,.9fr);grid-template-areas:"library viewer info";align-items:stretch;gap:16px;display:grid}.library-area{grid-area:library}.viewer-area{grid-area:viewer;gap:12px;min-width:0;display:grid}.info-area{grid-area:info;min-width:0}.molecule-viewer{width:100%;height:100%;min-height:420px;position:relative}.molecule-viewer.is-compact{min-height:260px}.molecule-viewer__canvas{position:absolute;inset:0}.molecule-viewer__canvas canvas{width:100%!important;height:100%!important}.viewer-status{z-index:3;color:var(--text-muted);font-family:var(--font-mono);border:1px solid var(--border);background:#071018d1;border-radius:8px;padding:9px 12px;font-size:.74rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-status--error{color:var(--danger)}.lab-experience{background:linear-gradient(180deg, #0a141dc2, #071018fa 72%), var(--bg);min-height:100vh;padding:84px 28px 24px}.lab-study-layout{grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:22px;width:min(1720px,100%);min-height:calc(100vh - 208px);margin:0 auto;display:grid}.study-panel{min-height:0;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(#0d1720fa,#0d1720e6);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 52px #0000002e}.study-panel__header{border-bottom:1px solid var(--border);gap:8px;padding:26px 24px 18px;display:grid}.study-panel__header span,.study-section__heading,.molecule-2d-preview>div:first-child span,.study-insight-card header span,.study-insight-card__body span{color:var(--molecule-accent,var(--accent));font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:.68rem}.study-panel__header h1{color:var(--text);font-size:clamp(2.15rem,3vw,3.08rem);line-height:.96}.study-panel__header p{max-width:32ch;color:var(--text-muted);font-size:.94rem;line-height:1.48}.study-panel__identity{border-bottom:1px solid var(--border);padding:4px 24px 16px;display:grid}.study-field{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;gap:16px;min-width:0;padding:11px 0;display:flex}.study-field:last-child{border-bottom:0}.study-field span{color:var(--text-dim);flex:none;font-size:.76rem}.study-field strong{min-width:0;color:var(--text);text-align:right;font-size:.84rem;line-height:1.35}.study-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:18px;min-height:50px;padding:0 24px;display:flex;overflow-x:auto}.study-tabs::-webkit-scrollbar{display:none}.study-tabs button{min-width:0;color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0;font-size:.78rem;display:inline-flex;position:relative}.study-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.study-tabs button.is-active{color:var(--text)}.study-tabs button.is-active:after{background:var(--molecule-accent,var(--accent))}.study-panel__content{gap:18px;padding:22px 24px 26px;display:grid;overflow:auto}.study-section{gap:12px;display:grid}.study-section+.study-section{border-top:1px solid var(--border);padding-top:18px}.study-section__heading{align-items:center;gap:8px;display:inline-flex}.study-section__heading h2{color:var(--text);font-size:.98rem}.study-section p,.functional-group-list__detail p{color:var(--text-muted);font-size:.92rem;line-height:1.62}.study-section--summary{padding-top:2px}.functional-group-list{gap:12px;display:grid}.functional-group-list__buttons{gap:8px;display:grid}.functional-group-list__buttons button{min-height:54px;color:var(--text-muted);text-align:left;border:1px solid var(--border);cursor:pointer;background:#111e29c7;border-radius:8px;justify-items:start;gap:3px;padding:10px 12px;display:grid}.functional-group-list__buttons button.is-active{color:var(--text);background:color-mix(in srgb, var(--molecule-accent,var(--accent)) 13%, transparent);border-color:color-mix(in srgb, var(--molecule-accent,var(--accent)) 34%, transparent)}.functional-group-list__buttons button span{color:inherit;font-weight:700}.functional-group-list__buttons button small{color:currentColor;font-family:var(--font-mono);opacity:.7;font-size:.66rem}.functional-group-list__detail{border:1px solid var(--border);background:#111e29b8;border-radius:8px;gap:8px;padding:13px;display:grid}.functional-group-list__detail span{color:var(--text);font-weight:700}.molecule-2d-preview{border:1px solid var(--border);background:#111e29ad;border-radius:8px;gap:14px;padding:16px;display:grid}.molecule-2d-preview>div:first-child{gap:7px;display:grid}.molecule-2d-preview>div:first-child strong{color:var(--text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.molecule-2d-preview__svg{background:#07101852;border-radius:6px;place-items:center;min-height:250px;display:grid;overflow:hidden}.molecule-2d-preview__svg svg{width:100%;max-height:260px;color:var(--text)}.molecule-2d-preview__svg svg rect:first-child{fill:#0000}.molecule-2d-preview__fallback{min-height:220px;color:var(--text-dim);background:#07101852;border:1px dashed #ffffff1f;border-radius:6px;place-items:center;font-size:.84rem;display:grid}.study-insight-card{border-top:1px solid var(--border);gap:16px;padding:16px 0 0;display:grid}.study-insight-card header{align-items:flex-start;gap:10px;display:flex}.study-insight-card header svg{color:var(--molecule-accent,var(--accent));flex:none;margin-top:2px}.study-insight-card header div{gap:5px;display:grid}.study-insight-card h2{color:var(--text);font-size:1.08rem;line-height:1.22}.study-insight-card__body{gap:14px;display:grid}.study-insight-card__body section{border-left:2px solid color-mix(in srgb, var(--molecule-accent,var(--accent)) 24%, transparent);gap:5px;padding-left:12px;display:grid}.study-insight-card__body p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.visualization-stage{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#111e2994,#071018f5 68%),linear-gradient(#ffffff09,#0000 24%);min-height:calc(100vh - 208px);position:relative;overflow:hidden;box-shadow:0 20px 64px #0003}.visualization-stage__header{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute;top:20px;left:22px;right:22px}.visualization-stage__header div{align-items:center;gap:9px;min-width:0;display:inline-flex}.visualization-stage__header div:first-child{gap:5px;display:grid}.visualization-stage__header span{color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem}.visualization-stage__header strong{color:var(--text);font-size:1.08rem}.visualization-stage__header svg{color:var(--molecule-accent,var(--accent))}.visualization-stage__viewer{min-height:100%;position:absolute;inset:0}.visualization-stage__viewer .molecule-viewer__canvas{inset:24px 0 76px}.viewer-toolbar{z-index:6;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1720d1;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:8px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.viewer-toolbar__modes,.viewer-toolbar__actions{flex-wrap:wrap;gap:6px;display:flex}.viewer-toolbar button{min-width:0;min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:.78rem;display:inline-flex}.viewer-toolbar button:hover{color:var(--text);background:#ffffff0b}.viewer-toolbar button.is-active{color:var(--molecule-accent,var(--accent));background:color-mix(in srgb, var(--molecule-accent,var(--accent)) 12%, transparent);border-color:color-mix(in srgb, var(--molecule-accent,var(--accent)) 24%, transparent)}.viewer-toolbar__actions button{color:var(--text)}.compound-rail{border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;background:#0d1720db;grid-auto-columns:minmax(158px,1fr);grid-auto-flow:column;gap:8px;width:min(1720px,100%);margin:18px auto 0;padding:8px;display:grid;overflow-x:auto}.compound-rail button{min-width:0;min-height:74px;color:var(--text-muted);text-align:left;cursor:pointer;background:#111e2994;border:1px solid #0000;border-radius:8px;justify-items:start;gap:4px;padding:12px;display:grid}.compound-rail button:hover{color:var(--text);border-color:var(--border)}.compound-rail button.is-active{color:var(--text);background:color-mix(in srgb, var(--molecule-accent,var(--accent)) 12%, #111e29b8);border-color:color-mix(in srgb, var(--molecule-accent,var(--accent)) 30%, transparent)}.compound-rail span,.compound-rail small{font-family:var(--font-mono);font-size:.68rem}.compound-rail span{color:var(--molecule-accent,var(--accent))}.compound-rail strong{color:var(--text);font-size:.92rem}.compound-rail small{color:var(--text-dim)}.compare-mode,.compare-card,.compare-viewer,.difference-list,.compare-analysis,.compare-fact{gap:12px;display:grid}@media (width<=980px){.site-header,.app-main,.app-footer{width:min(100% - 24px,1180px)}.home-hero{min-height:auto;padding:52px 0 150px}.home-hero__viewer{opacity:.64;width:112%;min-height:360px;top:28%;right:-34%}.home-hero__visual:after{background:linear-gradient(180deg, #05070a85 0%, #05070ad1 66%, var(--bg) 100%), linear-gradient(90deg, #05070ae6, #05070a47)}.home-hero h1{font-size:3.6rem}.lab-experience{padding:76px 16px 18px}.lab-study-layout{grid-template-columns:1fr;min-height:auto}.study-panel{min-height:auto}.visualization-stage{min-height:580px}.compound-rail{grid-auto-columns:minmax(158px,42%)}}@media (width<=680px){:root{--header-height:68px}.site-header{min-height:var(--header-height);padding:10px 0}.brand-mark{width:38px;height:38px}.brand-lockup small{display:none}.brand-lockup strong{font-size:.9rem}.header-actions{gap:6px}.header-actions .pill-button{min-height:38px;padding:0 10px}.header-actions .pill-button:first-child{display:none}.home-hero{padding-top:36px}.home-hero h1{font-size:2.9rem}.hero-subtitle{font-size:1.05rem}.hero-copy{font-size:.94rem}.lab-experience{padding-inline:10px}.study-panel__identity,.molecule-2d-preview{grid-template-columns:1fr}.study-tabs{display:flex;overflow-x:auto}.study-tabs button{flex:none}.visualization-stage{min-height:500px}.visualization-stage__header{display:grid}.visualization-stage__viewer .molecule-viewer__canvas{inset:58px 0 112px}.viewer-toolbar{display:grid}.viewer-toolbar__modes,.viewer-toolbar__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.viewer-toolbar button{padding:0 8px}.compound-rail{grid-auto-columns:minmax(148px,72%)}.app-footer{display:grid}}@media (width<=420px){.app-main,.app-footer,.site-header{width:min(100% - 18px,1180px)}.brand-lockup{gap:8px}.brand-lockup strong{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.home-hero h1{font-size:2.45rem}.hero-kicker{max-width:100%;font-size:.75rem}.study-panel__header{padding:18px 16px 14px}.study-panel__header h1{font-size:2rem}.study-panel__content{padding:14px}.visualization-stage{min-height:440px}}