:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;background:#edf8f8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#dff5f7 0%,#f7fbfb 45%,#fff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{justify-content:center;min-height:100vh;display:flex}.phone-card{width:100%;max-width:520px;min-height:100vh;padding:max(34px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom))}.brand-block{align-items:center;gap:14px;margin:24px 0 34px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#52b7d2,#35a992);border-radius:15px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:800;display:grid;box-shadow:0 10px 24px #1e76892e}h1{margin:0;font-size:30px;line-height:1}.subtitle{color:#64727c;margin:5px 0 0;font-size:20px}.tagline{color:#9aa7ad;margin:3px 0 0;font-size:13px}.search-section label{margin-bottom:9px;font-size:15px;font-weight:700;display:block}.search-section input{background:#ffffffe6;border:1px solid #cbd8dc;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-size:17px;box-shadow:0 4px 16px #47717c12}.search-section input:focus{border-color:#459ebe;box-shadow:0 0 0 4px #459ebe24}.browse-button{color:#50636c;background:#ffffffad;border:1px solid #c8dadd;border-radius:14px;width:100%;margin-top:12px;padding:14px 16px;font-weight:650}.status-card{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.status-card div{text-align:center;background:#ffffffb8;border:1px solid #d7e4e6;border-radius:16px;padding:20px 12px}.status-card strong{font-size:25px;display:block}.status-card span{color:#7d8c93;margin-top:5px;font-size:12px;display:block}.examples{margin-top:30px}.examples h2{margin:0 0 12px;font-size:18px}.chips{flex-wrap:wrap;gap:9px;display:flex}.chips button{color:#39545e;background:#e7f3f5;border:0;border-radius:999px;padding:10px 14px}footer{color:#4a9878;border-top:1px solid #dce6e8;align-items:center;gap:8px;margin-top:42px;padding-top:20px;font-size:13px;font-weight:650;display:flex}.status-dot{background:#41bd7f;border-radius:50%;width:9px;height:9px}@media (width>=700px){.phone-card{background:#ffffffd1;border:1px solid #d7e4e6;border-radius:28px;min-height:auto;margin:40px 0;box-shadow:0 18px 50px #204d581f}}.results{margin-top:24px}.results-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.results-header h2{margin:0;font-size:22px}.results-header span{color:#7d8c93;font-size:12px}.result-group{margin-bottom:24px}.result-group h3{margin:0 0 10px;font-size:15px}.result-group.direct h3{color:#31855e}.result-group.systems h3{color:#3978a8}.result-group.caution h3{color:#b26924}.result-group.general h3{color:#64727c}.result-card{text-align:left;background:#ffffffd1;border:1px solid #d7e4e6;border-radius:15px;width:100%;margin-bottom:10px;padding:15px;display:block}.result-group.direct .result-card{border-left:4px solid #69b68c}.result-group.systems .result-card{border-left:4px solid #6ea9d3}.result-group.caution .result-card{border-left:4px solid #d89b59}.result-card-top{flex-direction:column;gap:4px;display:flex}.result-card-top strong{color:#17212b;font-size:16px}.result-card-top span{color:#7d8c93;font-size:12px}.context-reason{color:#53646c;margin:10px 0 0;font-size:13px;line-height:1.45}.result-meta{color:#8a979d;align-items:center;gap:9px;margin-top:11px;font-size:11px;display:flex}.spec-badge{color:#a36422;background:#fff2df;border-radius:999px;padding:4px 7px;font-weight:700}.empty-results{text-align:center;padding:28px 4px}.empty-results h2{margin-bottom:6px}.empty-results p{color:#7d8c93;margin:0}.topic-filter{background:#ffffffe6;border:1px solid #cbd8dc;border-radius:12px;outline:none;width:100%;height:46px;margin-bottom:12px;padding:0 14px}.topic-list{flex-direction:column;display:flex}.topic-row{text-align:left;color:#17212b;background:0 0;border:0;border-bottom:1px solid #e2eaec;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 4px;display:flex}.topic-row span{font-size:15px}.topic-row small{color:#8a979d;white-space:nowrap}.detail-view{margin-top:18px}.back-button{color:#3978a8;background:0 0;border:0;margin-bottom:20px;padding:0;font-weight:700}.detail-header{margin-bottom:20px}.detail-header h2{margin:0;font-size:25px;line-height:1.15}.detail-header p{color:#7d8c93;margin:6px 0 0}.detail-section{margin-top:24px}.detail-section h3{margin:0 0 10px;font-size:18px}.detail-section p{line-height:1.55}.detail-section ul{margin:8px 0 0;padding-left:20px}.detail-section li{margin-bottom:8px;line-height:1.45}.support-item{margin-bottom:15px}.support-item strong{margin-bottom:4px;display:block}.support-item p{margin:0}.dose-grid{flex-direction:column;gap:14px;display:flex}.dose-row strong{color:#3978a8;margin-bottom:4px;display:block}.dose-row span{line-height:1.45}.spec-gap-card{color:#8c5b22;background:#fff2df;border-radius:14px;margin:16px 0 4px;padding:14px}.spec-gap-card ul{margin:8px 0 0;padding-left:18px}.high-caution-card{color:#9c4038;background:#fff0ef;border-radius:14px;margin:10px 0 18px;padding:14px}.high-caution-card p{margin:6px 0 0}.detail-subsection{margin-top:18px}.detail-subsection h4{margin:0 0 6px}