:root{--color-bg: #09090b;--color-bg-elevated: #18181b;--color-bg-subtle: #27272a;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-border: #27272a;--color-border-subtle: #3f3f46;--color-accent: #a1a1aa;--color-accent-hover: #d4d4d8;--color-evidence-5: #22c55e;--color-evidence-4: #84cc16;--color-evidence-3: #eab308;--color-evidence-2: #f97316;--color-evidence-1: #71717a;--color-synergy: #22c55e;--color-synergy-bg: rgba(34, 197, 94, .08);--color-caution: #ef4444;--color-caution-bg: rgba(239, 68, 68, .08);--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition: .15s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-text-tertiary);color:var(--color-bg)}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}a{color:var(--color-text);text-decoration:none}ul,ol{list-style:none}.app{min-height:100vh;min-height:100dvh}.landing{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-8)}.landing-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);text-align:center;max-width:480px}.landing-header{margin-bottom:var(--space-4)}.logo{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;color:var(--color-text)}.landing-value{max-width:360px}.value-proposition{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-secondary);line-height:1.5}.cta-primary{padding:var(--space-4) var(--space-8);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--color-bg);background:var(--color-text);border:1px solid var(--color-text);border-radius:var(--radius-sm);transition:var(--transition)}.cta-primary:hover{background:transparent;color:var(--color-text)}.landing-proof{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.landing-proof .separator{width:1px;height:12px;background:var(--color-border)}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:var(--transition)}.header-back:hover{color:var(--color-text);background:var(--color-bg-elevated)}.header-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.header-logo{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-tertiary)}.explorer{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-4)}.search-container{position:relative;margin-bottom:var(--space-8)}.search-input{width:100%;padding:var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-border-subtle)}.search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;z-index:50}.search-result-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3) var(--space-4);text-align:left;transition:var(--transition)}.search-result-item:hover{background:var(--color-bg-subtle)}.result-name{font-weight:500}.result-latin{font-size:var(--text-sm);font-style:italic;color:var(--color-text-tertiary)}.section-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.systems-section{margin-bottom:var(--space-10)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.system-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5);text-align:left;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition)}.system-card:hover{border-color:var(--color-border-subtle);background:var(--color-bg-elevated)}.system-card.active{border-color:var(--color-text-tertiary);background:var(--color-bg-elevated)}.system-name{font-size:var(--text-base);font-weight:500;color:var(--color-text)}.system-description{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.5}.system-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.compounds-section{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.compounds-list{display:flex;flex-direction:column}.compound-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:var(--transition)}.compound-row:hover{background:var(--color-bg-elevated);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.compound-info{display:flex;flex-direction:column;gap:var(--space-1)}.compound-name{font-weight:500}.compound-latin{font-size:var(--text-sm);font-style:italic;color:var(--color-text-tertiary)}.compound-meta{display:flex;align-items:center;gap:var(--space-4);text-align:right}.compound-active{font-size:var(--text-sm);color:var(--color-text-secondary)}.evidence-badge{display:inline-flex;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.evidence-badge[data-level="5"]{background:#22c55e1f;color:var(--color-evidence-5)}.evidence-badge[data-level="4"]{background:#84cc161f;color:var(--color-evidence-4)}.evidence-badge[data-level="3"]{background:#eab3081f;color:var(--color-evidence-3)}.evidence-badge[data-level="2"]{background:#f973161f;color:var(--color-evidence-2)}.compound-detail{min-height:100vh}.detail-content{max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}.detail-section{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border)}.detail-section:last-child{border-bottom:none}.detail-section.primary{padding-top:var(--space-4)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.detail-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em}.detail-latin{font-size:var(--text-lg);font-style:italic;color:var(--color-text-tertiary);margin-top:var(--space-1)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.meta-item dt{font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.meta-item dd{font-size:var(--text-sm);color:var(--color-text-secondary)}.section-heading{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.effects-list{display:flex;flex-direction:column;gap:var(--space-4)}.effect-item{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.effect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.effect-name{font-weight:500}.effect-score{font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-2);background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.effect-score[data-score="9"],.effect-score[data-score="10"]{background:#22c55e1f;color:var(--color-evidence-5)}.effect-score[data-score="7"],.effect-score[data-score="8"]{background:#84cc161f;color:var(--color-evidence-4)}.effect-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.dosing-info,.timing-info{display:flex;flex-direction:column;gap:var(--space-3)}.dosing-row,.timing-row{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.dosing-row:last-child,.timing-row:last-child{border-bottom:none}.dosing-row dt,.timing-row dt{flex-shrink:0;width:100px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.dosing-row dd,.timing-row dd{font-size:var(--text-sm);color:var(--color-text-tertiary)}.interaction-group{margin-bottom:var(--space-5)}.interaction-group:last-child{margin-bottom:0}.interaction-group h3{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.interaction-group.synergy h3{color:var(--color-synergy)}.interaction-group.caution h3{color:var(--color-caution)}.interaction-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.interaction-list li{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.interaction-group.synergy .interaction-list li{background:var(--color-synergy-bg);color:var(--color-synergy)}.interaction-group.caution .interaction-list li{background:var(--color-caution-bg);color:var(--color-caution)}.sources-list{display:flex;flex-direction:column;gap:var(--space-3)}.source-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.source-item:last-child{border-bottom:none}.source-link{display:flex;flex-direction:column;gap:var(--space-1);transition:var(--transition)}.source-link:hover .source-title{color:var(--color-text)}.source-title{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.source-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}@media (max-width: 640px){.landing-content{gap:var(--space-12)}.logo{font-size:var(--text-2xl)}.value-proposition{font-size:var(--text-lg)}.systems-grid{grid-template-columns:1fr}.compound-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.compound-meta{width:100%;justify-content:space-between}.detail-meta{grid-template-columns:1fr 1fr}.detail-name{font-size:var(--text-2xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}