*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0e;--bg-card:#111114;--bg-elevated:#16161a;--surface:#1a1a1f;--text:#e8e4df;--text-secondary:#8a8a8e;--text-muted:#555558;--accent:#a0d8ef;--accent-dark:#1a2e38;--grid-line:#ffffff0f;--grid-line-strong:#ffffff1a;--card-blue:#7aaccc;--card-green:#7abf9a;--card-amber:#c4a24e;--card-terra:#c4784e;--card-red:#c45858;--serif:"DM Serif Display", Georgia, serif;--mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--sans:"Inter", system-ui, -apple-system, sans-serif;--radius:0px}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}#root:before{content:"";border-left:1px solid var(--grid-line);border-right:1px solid var(--grid-line);pointer-events:none;z-index:0;position:fixed;inset:0 80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideProgress{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media print{body{color:#000!important;background:#fff!important}.hero,.search-section,.compare-btn-container,footer,#root:before{display:none!important}.result-card{break-inside:avoid;color:#000!important;border:1px solid #ddd!important}.result-card h3{color:#000!important}.result-card p{color:#333!important}.results-grid{display:block!important}.drug-column{margin-bottom:20px}}@media (width<=768px){#root:before{left:20px;right:20px}}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.grid-diamond{border:1px solid var(--grid-line-strong);background:var(--bg);z-index:2;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.hero{text-align:center;border-bottom:1px solid var(--grid-line);padding:100px 24px 32px;position:relative}.hero:before,.hero:after{content:"";border:1px solid var(--grid-line-strong);background:var(--bg);width:8px;height:8px;position:absolute;bottom:-5px;transform:rotate(45deg)}.hero:before{left:76px}.hero:after{right:76px}.hero-logo{font-family:var(--serif);letter-spacing:-.5px;color:var(--text);font-size:3rem;font-weight:400;line-height:1.1}.hero-logo span{color:var(--accent)}.hero-tagline{font-family:var(--mono);color:var(--text-muted);letter-spacing:.5px;margin-top:12px;font-size:.82rem}.search-section{flex-direction:column;align-items:center;gap:12px;padding:32px 24px 16px;display:flex;position:relative}.compare-btn-container{text-align:center;padding:4px 24px 8px;animation:.3s ease-out fadeIn}.compare-btn{border:1px solid var(--grid-line-strong);color:var(--text-secondary);font-family:var(--mono);letter-spacing:.3px;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 24px;font-size:.78rem;transition:all .2s;display:inline-flex}.compare-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}.results-area{flex:1;width:100%;max-width:100%;margin:0 auto;padding:32px 80px;position:relative}.results-grid{gap:0;display:grid}.results-grid.single{grid-template-columns:1fr;max-width:720px;margin:0 auto}.results-grid.compare{grid-template-columns:1fr 1fr}.drug-column{padding:0;animation:.4s ease-out fadeIn}.drug-column:first-child{border-right:1px solid var(--grid-line);padding-right:32px}.drug-column:last-child{padding-left:32px}.drug-name-chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);border:1px solid var(--accent);background:var(--accent-dark);margin-bottom:20px;padding:6px 14px;font-size:.72rem;font-weight:500;display:inline-block}.section-divider{background:var(--grid-line);width:100%;height:1px;margin:0;position:relative}.section-divider:before,.section-divider:after{content:"";border:1px solid var(--grid-line-strong);background:var(--bg);width:8px;height:8px;position:absolute;top:-4px;transform:rotate(45deg)}.section-divider:before{left:-4px}.section-divider:after{right:-4px}.footer{border-top:1px solid var(--grid-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:24px 80px;display:flex;position:relative}.footer:before,.footer:after{content:"";border:1px solid var(--grid-line-strong);background:var(--bg);width:8px;height:8px;position:absolute;top:-5px;transform:rotate(45deg)}.footer:before{left:76px}.footer:after{right:76px}.footer-text{color:var(--text-muted);font-family:var(--mono);letter-spacing:.2px;max-width:540px;font-size:.72rem;line-height:1.6}.print-btn{border:1px solid var(--grid-line-strong);color:var(--text-secondary);font-family:var(--mono);letter-spacing:.3px;cursor:pointer;background:0 0;padding:10px 20px;font-size:.75rem;transition:all .2s}.print-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}@media (width<=768px){.hero{padding:64px 20px 24px}.hero:before{left:16px}.hero:after{right:16px}.hero-logo{font-size:2.2rem}.results-area{padding:24px 20px}.results-grid.compare{grid-template-columns:1fr}.drug-column:first-child{border-right:none;border-bottom:1px solid var(--grid-line);margin-bottom:24px;padding-bottom:24px;padding-right:0}.drug-column:last-child{padding-left:0}.footer{text-align:center;flex-direction:column;padding:20px}.footer:before{left:16px}.footer:after{right:16px}}.search-bar-wrapper{width:100%;max-width:540px;animation:.3s ease-out fadeIn}.search-bar{background:var(--bg-card);border:1px solid var(--grid-line-strong);align-items:center;width:100%;padding:4px 4px 4px 18px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-icon{color:var(--text-muted);flex-shrink:0;align-items:center;margin-right:12px;line-height:1;display:flex}.search-input{font-family:var(--sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.9rem}.search-input::placeholder{color:var(--text-muted);font-family:var(--mono);font-size:.8rem}.search-submit{background:var(--accent);color:#0c0c0e;font-family:var(--mono);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border:none;flex-shrink:0;padding:12px 24px;font-size:.78rem;font-weight:600;transition:all .15s}.search-submit:hover{opacity:.85}@media (width<=768px){.search-bar-wrapper{max-width:100%}.search-submit{padding:12px 16px}}.drug-result-cards{flex-direction:column;gap:0;display:flex}.result-card{background:#f5f3ef;margin-bottom:12px;padding:24px 28px;transition:background .2s;position:relative}.result-card:hover{background:#edeae4}.result-card:before{content:"";width:3px;height:100%;position:absolute;top:0;left:0}.result-card.border-blue:before{background:var(--card-blue)}.result-card.border-green:before{background:var(--card-green)}.result-card.border-yellow:before{background:var(--card-amber)}.result-card.border-orange:before{background:var(--card-terra)}.result-card.border-red:before{background:var(--card-red)}.card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-index{font-family:var(--mono);color:#8a8580;letter-spacing:.5px;flex-shrink:0;font-size:.7rem}.card-title{font-family:var(--serif);color:#1a1a1a;letter-spacing:-.2px;font-size:1.15rem;font-weight:400}.card-text{color:#3d3d3d;padding-left:0;font-size:.88rem;line-height:1.8}.toggle-btn{color:#2a6a8a;font-family:var(--mono);letter-spacing:.3px;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:.75rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:opacity .15s;display:inline-flex}.toggle-btn:hover{opacity:.7}.risk-gauge-container{background:#f5f3ef;margin-bottom:12px;padding:20px 24px;animation:.35s ease-out both fadeIn}.risk-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.risk-label{font-family:var(--mono);color:#5a5550;text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem;font-weight:500}.risk-info-icon{color:#8a8580;cursor:help;border:1px solid #c5c0b8;justify-content:center;align-items:center;width:16px;height:16px;font-family:Georgia,serif;font-size:.6rem;font-style:italic;font-weight:600;display:inline-flex;position:relative}.risk-tooltip{background:var(--bg-elevated);border:1px solid var(--grid-line-strong);color:var(--text-secondary);z-index:10;pointer-events:none;width:260px;font-size:.72rem;font-style:normal;font-weight:400;line-height:1.6;font-family:var(--mono);letter-spacing:.2px;padding:10px 14px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.risk-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--bg-elevated);position:absolute;top:100%;left:50%;transform:translate(-50%)}.risk-info-icon:hover .risk-tooltip{display:block}.risk-level-label{font-family:var(--mono);letter-spacing:.5px;color:#3d3d3d;margin-left:auto;font-size:.72rem;font-weight:500}.gauge-track{background:#d8d4cd;width:100%;height:3px;overflow:hidden}.gauge-fill{height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.gauge-segments{justify-content:space-between;margin-top:6px;padding:0;display:flex}.gauge-segments span{font-family:var(--mono);color:#8a8580;letter-spacing:.5px;font-size:.62rem}.ask-ai-section{border-top:1px solid var(--grid-line);margin-top:20px;padding:24px 0 0;animation:.4s ease-out .4s both fadeIn}.ask-ai-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.ask-ai-icon{color:var(--accent);align-items:center;display:flex}.ask-ai-title{font-family:var(--serif);color:var(--text);font-size:1.1rem;font-weight:400}.ask-ai-counter{font-family:var(--mono);color:var(--text-muted);letter-spacing:.5px;margin-left:auto;font-size:.68rem}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--grid-line-strong) transparent;flex-direction:column;gap:10px;max-height:320px;margin-bottom:14px;padding:4px 0;display:flex;overflow-y:auto}.chat-bubble{max-width:85%;padding:12px 16px;font-size:.86rem;line-height:1.7;animation:.25s ease-out fadeIn}.chat-bubble.user{background:var(--accent-dark);color:var(--accent);font-family:var(--sans);border:1px solid #a0d8ef33;align-self:flex-end}.chat-bubble.assistant{color:#1a1a1a;font-family:var(--sans);background:#f5f3ef;align-self:flex-start;align-items:flex-start;gap:10px;display:flex}.chat-bubble.assistant.error{color:var(--card-red);background:#c4585814;border:1px solid #c4585826}.bot-icon{color:var(--accent);opacity:.6;flex-shrink:0;margin-top:2px}.chat-text{margin:0}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:#8a8580;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ask-ai-input-bar{background:var(--bg-card);border:1px solid var(--grid-line-strong);align-items:center;padding:4px 4px 4px 16px;transition:border-color .2s;display:flex}.ask-ai-input-bar:focus-within{border-color:var(--accent)}.ask-ai-input{font-family:var(--sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:.86rem}.ask-ai-input::placeholder{color:var(--text-muted);font-family:var(--mono);font-size:.76rem}.ask-ai-input:disabled{opacity:.4;cursor:not-allowed}.ask-ai-send{background:var(--accent);color:#0c0c0e;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .15s;display:flex}.ask-ai-send:hover:not(:disabled){opacity:.85}.ask-ai-send:disabled{opacity:.3;cursor:not-allowed}.ask-ai-disclaimer{font-family:var(--mono);color:var(--text-muted);letter-spacing:.3px;margin-top:10px;font-size:.65rem;line-height:1.5}@media (width<=768px){.chat-bubble{max-width:92%}}.loading-container{flex-direction:column;align-items:center;gap:14px;padding:56px 24px;animation:.3s ease-out fadeIn;display:flex}.loading-bar-track{background:var(--grid-line);width:100%;max-width:240px;height:2px;position:relative;overflow:hidden}.loading-bar-fill{background:var(--accent);width:25%;height:100%;animation:1.4s ease-in-out infinite slideProgress;position:absolute;top:0;left:0}.loading-text{color:var(--text-muted);font-family:var(--mono);letter-spacing:.5px;font-size:.75rem}.error-card{text-align:center;background:#f5f3ef;padding:36px 28px;animation:.3s ease-out fadeIn}.error-title{font-family:var(--serif);color:#1a1a1a;margin-bottom:10px;font-size:1.15rem;font-weight:400}.error-text{color:#3d3d3d;max-width:420px;margin:0 auto;font-size:.88rem;line-height:1.7}.error-hint{font-family:var(--mono);color:#5a5550;letter-spacing:.3px;border:1px solid #c5c0b8;margin-top:16px;padding:8px 16px;font-size:.72rem;display:inline-block}