.compound-screen{gap:var(--spacing-lg);flex-direction:column;display:flex}.compound-screen__hero{margin-bottom:var(--spacing-md)}.compound-screen__hero-eyebrow{color:var(--color-primary);font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-pill);margin-bottom:var(--spacing-sm);background:#4f8cff24;padding:4px 10px;font-weight:700;display:inline-block}.compound-screen__hero-title{font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-text-primary),var(--color-primary)50%,var(--color-accent));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800;line-height:1.1}.compound-screen__hero-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:720px}.compound-screen__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.compound-screen__section-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)0;font-weight:700}.compound-screen__paragraph{color:var(--color-text-secondary);margin:0;line-height:1.6}.compound-screen__paragraph strong{color:var(--color-text-primary);font-weight:700}.compound-screen__formula-box{gap:var(--spacing-sm);margin:var(--spacing-sm)0;flex-direction:column;align-items:flex-start;display:flex}.compound-screen__formula{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:var(--font-size-lg);letter-spacing:.5px;padding:12px 16px;display:inline-block}.compound-screen__formula--small{font-size:var(--font-size-md)}.compound-screen__legend{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.compound-screen__legend-item{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.compound-screen__legend-item strong{color:var(--color-primary);min-width:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;display:inline-block}.compound-screen__highlight{margin-top:var(--spacing-md);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(135deg,#4f8cff1f,#38bdf814);border:1px solid #4f8cff66;flex-direction:column;display:flex}.compound-screen__highlight-label{color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm)}.compound-screen__highlight-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.compound-screen__table{margin-top:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.compound-screen__table-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm);grid-template-columns:60px 1fr 1fr 1fr;display:grid}.compound-screen__th{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.compound-screen__table-row{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);grid-template-columns:60px 1fr 1fr 1fr;align-items:center;display:grid}.compound-screen__table-row:last-child{border-bottom:none}.compound-screen__td{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.compound-screen__td--accent{color:var(--color-success);font-weight:600}.compound-screen__td--strong{color:var(--color-text-primary);font-weight:700}.compound-screen__chart{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);overflow-x:auto}.compound-screen__chart-legend{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.compound-screen__legend-dot{border-radius:3px;width:12px;height:12px;margin-right:4px}.compound-screen__tips{gap:var(--spacing-md);margin-top:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compound-screen__tip{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;display:flex}.compound-screen__tip-icon{flex-shrink:0;font-size:28px;line-height:1}.compound-screen__tip-body{flex-direction:column;gap:4px;display:flex}.compound-screen__tip-title{color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-md)}.compound-screen__tip-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}@media (width<=768px){.compound-screen__hero-title{font-size:var(--font-size-2xl)}.compound-screen__card{padding:var(--spacing-lg)}.compound-screen__formula{font-size:var(--font-size-md);padding:10px 12px}.compound-screen__tips{grid-template-columns:1fr}.compound-screen__table-header,.compound-screen__table-row{padding:var(--spacing-sm);font-size:var(--font-size-xs);grid-template-columns:36px 1fr 1fr 1fr}.compound-screen__td{font-size:var(--font-size-xs)}}@media (width<=767px){.compound-screen{padding-bottom:calc(var(--menu-height-mobile) + var(--spacing-lg) + env(safe-area-inset-bottom,0px))}}