.peptide-detail-view{--bg-page:#09090b;--bg-card:#111113;--bg-elevated:#1a1a1d;--text-primary:#fafafa;--text-body:#d4d4d8;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#3b82f6;--accent-muted:#3b82f615;--warning:#fbbf24;--warning-muted:#fbbf2415;--danger:#f87171;--danger-muted:#f8717115;--success:#4ade80;--success-muted:#4ade8015;--info:#a78bfa;--info-muted:#a78bfa15;background-color:var(--bg-page);color:var(--text-body);font-family:Inter,-apple-system,sans-serif}.badge-fda{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-fda.warning{background:var(--warning-muted);color:var(--warning)}.badge-fda.success{background:var(--success-muted);color:var(--success)}.peptide-detail-view .tag{background:var(--bg-elevated);color:var(--text-secondary);border:none;border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.card{background:var(--bg-card);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:28px}.card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-emoji{font-size:20px}.card-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}@media (max-width:768px){.info-grid{grid-template-columns:1fr}}.info-box{background:var(--bg-elevated);border-radius:12px;padding:20px}.info-box-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:600}.info-box-content{color:var(--text-body);font-size:14px;line-height:1.6}.info-box-content ul{margin:0;padding-left:18px}.info-box-content li{margin-bottom:6px}.disclaimer{background:var(--warning-muted);border-left:3px solid var(--warning);border-radius:8px;margin-bottom:24px;padding:16px 20px}.disclaimer-label{color:var(--warning);margin-right:8px;font-size:12px;font-weight:700}.disclaimer-text{color:var(--text-body);margin:0;font-size:13px;line-height:1.5;display:inline}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:12px;font-weight:500}.table td{color:var(--text-body);border-bottom:1px solid #ffffff0a;padding:16px;font-size:14px}.table td.highlight{color:var(--accent);font-weight:500}.pharma-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:640px){.pharma-grid{grid-template-columns:1fr}}.pharma-box{background:var(--bg-elevated);border-radius:12px;padding:20px}.pharma-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.pharma-value{color:var(--text-primary);font-size:20px;font-weight:600}.side-effect-item{background:var(--bg-elevated);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px;display:flex}.side-effect-name{color:var(--text-body);font-size:14px}.side-effect-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.side-effect-badge.unknown{background:var(--info-muted);color:var(--info)}.side-effect-badge.common{background:var(--warning-muted);color:var(--warning)}.serious-box{background:var(--danger-muted);border-radius:8px;margin-top:12px;padding:16px}.serious-title{color:var(--danger);margin-bottom:8px;font-size:13px;font-weight:600}.serious-list{color:var(--text-body);margin:0;padding-left:16px;font-size:13px}.serious-list li{margin-bottom:6px}.storage-grid{flex-direction:column;gap:12px;display:flex}.storage-item{background:var(--bg-elevated);border-radius:8px;margin-bottom:8px;padding:12px}.storage-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:500}.storage-value{color:var(--text-primary);font-size:14px}.contents-fab{background:var(--bg-card);color:var(--text-primary);cursor:pointer;z-index:100;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0006}.contents-fab:hover{background:var(--bg-elevated)}.badge-evidence{text-transform:capitalize;border-radius:50px;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.stats-grid{background:#ffffff0f;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:24px;display:grid;overflow:hidden}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{background:var(--bg-elevated);text-align:center;flex-direction:column;justify-content:center;padding:16px 20px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{color:var(--text-primary);font-size:16px;font-weight:600}.stats-grid.three-col{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.stats-grid.three-col{grid-template-columns:1fr}}.meta-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:16px 0;font-size:14px;line-height:1.5;display:flex}.meta-item{gap:8px;display:flex}.meta-label{color:var(--text-muted);font-weight:500}.meta-value{color:var(--text-body)}.protocol-table{border-collapse:collapse;width:100%}.protocol-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:12px;font-weight:500}.protocol-table td{color:var(--text-body);border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:14px}.protocol-table td.dose{color:var(--accent);font-weight:500}.injection-warning{background:var(--bg-elevated);border-left:3px solid var(--warning);border-radius:8px;margin-top:16px;padding:14px 16px}.injection-warning-title{color:var(--warning);margin-bottom:6px;font-size:12px;font-weight:600}.injection-warning-text{color:var(--text-body);padding-left:16px;font-size:13px}.injection-warning-text li{margin-bottom:4px}
