.molecule-page{max-width:1320px}.molecule-filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.molecule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.molecule-results-footer{justify-content:center;padding:10px 0 20px;display:flex;position:relative}.molecule-scroll-sentinel{pointer-events:none;width:100%;height:1px;position:absolute;bottom:0}.molecule-scroll-status{color:var(--muted,#6b7280);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.molecule-card,.molecule-related-item{border:1px solid color-mix(in srgb, var(--molecule,#2f9a8f) 34%, var(--line));background:var(--surface);border-radius:8px}.molecule-card{gap:10px;min-height:286px;padding:16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.molecule-card:before{content:"";background:var(--molecule);height:4px;position:absolute;inset:0 0 auto}.molecule-card:hover,.molecule-card:focus-visible{border-color:color-mix(in srgb, var(--molecule) 84%, #111);box-shadow:var(--shadow);transform:translateY(-2px)}.molecule-card-icon{background:color-mix(in srgb, var(--molecule) 18%, #fff);width:38px;height:38px;color:color-mix(in srgb, var(--molecule) 82%, #14201d);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.molecule-formula{font-size:1.9rem;font-weight:850;line-height:1}.molecule-card strong{font-size:1.08rem}.molecule-card-meta,.molecule-card p,.molecule-related-item small{color:var(--muted)}.molecule-card-meta{font-size:.84rem;font-weight:750}.molecule-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:64px;margin:0;line-height:1.48;display:-webkit-box;overflow:hidden}.molecule-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.molecule-card dl div{border-top:1px solid var(--line);gap:2px;padding-top:8px;display:grid}.molecule-skeleton{background:linear-gradient(90deg,#edf0ea,#fff,#edf0ea) 0 0/220% 100%;border-radius:8px;min-height:286px;animation:1.2s infinite shimmer}.molecule-detail-shell{max-width:1380px}.molecule-detail-hero{border:1px solid color-mix(in srgb, var(--molecule) 36%, var(--line));background:color-mix(in srgb, var(--molecule) 9%, #fff);border-radius:8px;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(20px,4vw,34px);display:grid}.molecule-detail-hero h1{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.molecule-detail-hero p:last-child{color:#3f4e48;max-width:820px;line-height:1.7}.molecule-hero-formula{background:color-mix(in srgb, var(--molecule) 22%, #fff);color:#12201c;overflow-wrap:anywhere;text-align:center;border-radius:8px;place-items:center;min-width:0;min-height:142px;padding:12px;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;line-height:1;display:grid}.molecule-viewer-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:stretch;gap:16px;margin-top:18px;display:grid}.molecule-viewer-shell,.molecule-viewer-placeholder{background:#0f1715;border-radius:8px;min-height:560px}.molecule-viewer-shell{border:1px solid #22342f;position:relative;overflow:hidden}.molecule-viewer-shell:fullscreen{border-radius:0;width:100vw;height:100vh}.molecule-viewer-shell:fullscreen .molecule-canvas{height:100vh!important}.molecule-viewer-placeholder{color:#dce7e2;place-items:center;display:grid}.molecule-context-overlay{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1715b8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.molecule-context-card{color:#12201c;text-align:center;background:#fafdfbf0;border:1px solid #ffffff3d;border-radius:8px;justify-items:center;gap:12px;max-width:280px;padding:18px;display:grid}.molecule-canvas{width:100%;min-height:560px}.molecule-sidebar{align-content:start;gap:12px;display:grid}.molecule-info-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.molecule-usage-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:14px;margin-top:18px;display:grid}.molecule-usage-grid>.info-section,.molecule-prep-list>li{min-width:0}.molecule-usage-list{gap:8px;margin:0;padding-left:18px;display:grid}.molecule-usage-list li{line-height:1.5}.molecule-prep-list{gap:14px;margin:0;padding-left:18px;display:grid}.molecule-prep-list li{line-height:1.5}.molecule-prep-list p{margin:0 0 6px}.molecule-equation{color:var(--focus);background:var(--surface-2);border:1px solid var(--line);white-space:normal;border-radius:8px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;font-weight:600;line-height:1.6;overflow-x:auto}.molecule-usage-empty{grid-column:1/-1}.molecule-related-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.molecule-related-item{gap:5px;min-height:86px;padding:12px;display:grid}.molecule-related-item span{font-size:1.35rem;font-weight:900}.molecule-related-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.molecule-Inorganic{--molecule:#2f9a8f}.molecule-Organic{--molecule:#5c87d9}.molecule-Aromatic{--molecule:#c58b2d}.molecule-Ionic{--molecule:#8b65d8}.molecule-Gas{--molecule:#42a8c4}.molecule-Biological{--molecule:#4fb36a}@media (max-width:1120px){.molecule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.molecule-viewer-grid,.molecule-info-grid{grid-template-columns:1fr}}@media (max-width:760px){.molecule-grid,.molecule-filter-grid,.molecule-detail-hero,.molecule-related-list{grid-template-columns:1fr}.molecule-detail-hero h1{font-size:clamp(1.5rem,7vw,2.25rem)}.molecule-viewer-shell,.molecule-viewer-placeholder,.molecule-canvas{min-height:430px}.molecule-representation button{min-width:0;padding:0 8px}}