:root{--blue: #00274C;--gold: #FFCB05;--gold-dark: #c99c00;--bg: #f0f2f5;--card: #ffffff;--text: #1a1a1a;--text-muted: #555;--border: #e0e4ea;--nav-h: 64px;--fga-color: #7c3aed;--sga-color: #0369a1;--warning-bg: #fff3cd;--warning-border: #ffc107;--warning-text: #664d03}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100%}#root{height:100%;display:flex;flex-direction:column}.topbar{background:var(--blue);color:#fff;padding:14px 16px 12px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.25)}.topbar-logo{width:28px;height:28px;background:var(--gold);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--blue);flex-shrink:0}.topbar h1{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.topbar-sub{font-size:.72rem;opacity:.7;display:block}.main{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(var(--nav-h) + 16px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--blue);display:flex;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.3)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:rgba(255,255,255,.55);background:none;border:none;cursor:pointer;font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:color .15s;padding:0}.nav-btn.active{color:var(--gold)}.nav-btn svg{width:22px;height:22px}.card{background:var(--card);border-radius:12px;border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.card-header{padding:14px 16px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;user-select:none}.card-header:active{background:#f5f7fa}.card-title{font-size:.95rem;font-weight:700;color:var(--blue);line-height:1.3}.card-brand{font-size:.8rem;color:var(--text-muted);margin-top:2px}.card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.badge-fga{background:#ede9fe;color:var(--fga-color)}.badge-sga{background:#e0f2fe;color:var(--sga-color)}.badge-schiz{background:#dcfce7;color:#166534}.badge-bipolar{background:#fef9c3;color:#713f12}.badge-schizoaff{background:#fce7f3;color:#9d174d}.badge-adolescent{background:#f0fdf4;color:#14532d;border:1px solid #86efac}.badge-rems{background:#fee2e2;color:#991b1b}.badge-generic{background:#d1fae5;color:#065f46}.badge-subq{background:#fff7ed;color:#9a3412}.badge-nooral{background:#f0fdf4;color:#065f46;border:1px solid #86efac}.chevron{color:#94a3b8;transition:transform .2s;flex-shrink:0;margin-top:2px}.chevron.open{transform:rotate(180deg)}.card-body{padding:0 16px 16px;border-top:1px solid var(--border)}.detail-section{margin-top:12px}.detail-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:4px}.detail-value{font-size:.85rem;color:var(--text);line-height:1.5}.detail-value ul{padding-left:16px}.detail-value li{margin-bottom:2px}.warning-box{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:10px 12px;margin-top:12px;font-size:.82rem;color:var(--warning-text);display:flex;gap:8px;align-items:flex-start}.warning-box strong{display:block;margin-bottom:2px}.search-wrap{margin-bottom:14px;position:relative}.search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--border);border-radius:10px;font-size:.9rem;background:#fff;color:var(--text);outline:none}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,39,76,.12)}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8}.section-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:6px}.section-header:first-child{margin-top:0}.interval-card{background:#fff;border-radius:10px;border:1px solid var(--border);margin-bottom:10px;overflow:hidden}.interval-header{background:var(--blue);color:#fff;padding:10px 14px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px}.interval-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex-shrink:0}.interval-body{padding:10px 14px}.interval-drug{font-size:.83rem;padding:5px 0;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center;gap:8px}.interval-drug:last-child{border-bottom:none}.interval-drug-name{font-weight:600;color:var(--blue)}.interval-drug-doses{font-size:.77rem;color:var(--text-muted);text-align:right}.scenario-card{background:#fff;border-radius:12px;border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.scenario-header{padding:14px 16px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;user-select:none}.scenario-num{width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--blue);font-size:.75rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.scenario-title{font-size:.9rem;font-weight:700;color:var(--blue);line-height:1.3;flex:1}.scenario-vignette{font-size:.82rem;color:var(--text-muted);line-height:1.5;font-style:italic;background:#f8f9fa;border-radius:8px;padding:10px 12px;margin:0 16px 12px}.rec-list{margin:0 16px 12px}.rec-item{display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f0f2f5}.rec-item:last-child{border-bottom:none;margin-bottom:0}.rec-rank{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.rec-drug{font-size:.83rem;font-weight:700;color:var(--blue)}.rec-rationale{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-top:2px}.teaching-box{background:#eff6ff;border-left:3px solid var(--blue);margin:0 16px 16px;padding:10px 12px;border-radius:0 8px 8px 0}.teaching-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin-bottom:6px}.teaching-box ul{padding-left:16px}.teaching-box li{font-size:.8rem;color:var(--text);line-height:1.5;margin-bottom:3px}.tech-card{background:#fff;border-radius:12px;border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.tech-header{background:linear-gradient(135deg,var(--blue) 0%,#003a75 100%);color:#fff;padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.tech-icon{width:36px;height:36px;background:rgba(255,203,5,.2);border:1px solid rgba(255,203,5,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tech-title{font-size:.9rem;font-weight:700;flex:1;margin:0 10px;line-height:1.3}.tech-agents{font-size:.75rem;opacity:.8;margin-top:2px}.tech-body{padding:14px 16px}.tech-mechanism{font-size:.85rem;line-height:1.6;color:var(--text);margin-bottom:12px}.implications-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:6px}.implications-list{padding-left:16px}.implications-list li{font-size:.82rem;line-height:1.5;color:var(--text);margin-bottom:3px}.qr-table-wrap{overflow-x:auto;margin-bottom:14px;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.78rem;background:#fff}th{background:var(--blue);color:#fff;padding:8px 10px;text-align:left;font-weight:700;font-size:.72rem;white-space:nowrap}td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.4}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#f8f9fa}.check{color:#16a34a;font-size:1rem}.cross{color:#dc2626;font-size:.9rem}.meta-best{color:#16a34a;font-weight:700}.meta-good{color:#0369a1;font-weight:600}.meta-mod{color:#92400e;font-weight:600}.meta-poor{color:#dc2626;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:5px 12px;border-radius:99px;border:1px solid var(--border);background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .15s}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}@media(min-width:600px){.main{max-width:700px;margin:0 auto}.bottom-nav{max-width:700px;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0}}