:root{--navy:#17324d;--blue:#2f718f;--pale:#eaf3f6;--ink:#17232d;--muted:#62717c;--line:#d7e0e5;--white:#fff;--red:#a43c3c;--red-bg:#fbefef;--amber:#9a6113;--amber-bg:#fff5e5;--green:#2f7058;--green-bg:#eaf6f0;--shadow:0 12px 36px rgba(23,50,77,.10)}*{box-sizing:border-box}html{background:#f4f7f8}body{margin:0;color:var(--ink);background:#f4f7f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}.topbar{height:64px;padding:0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:9px;font-weight:900}.brand-mark.large{width:54px;height:54px;border-radius:15px;font-size:26px;margin:auto}.quiet-button,.back-button{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:750;padding:9px}.view{display:none;max-width:720px;margin:0 auto;padding:0 18px 110px}.view.active{display:block}.hero{padding:36px 4px 22px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin-bottom:14px}h2{font-size:22px;letter-spacing:-.02em}.hero-copy,.page-heading>p:last-child{font-size:17px;color:var(--muted);max-width:590px}.search-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}button,input{font:inherit}.primary-button,.secondary-button{width:100%;min-height:50px;border-radius:13px;border:0;padding:12px 16px;font-weight:850}.primary-button{background:var(--navy);color:#fff}.secondary-button{background:var(--pale);color:var(--navy)}.or{text-align:center;color:var(--muted);font-size:13px;margin:12px}.search-box{height:50px;display:flex;align-items:center;border:1px solid #bfcbd1;border-radius:13px;background:#fff}.search-box:focus-within{outline:3px solid rgba(47,113,143,.16);border-color:var(--blue)}.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 14px;color:var(--ink)}#clearSearch{border:0;background:transparent;font-size:24px;color:var(--muted);padding:8px 14px}.search-results:not(:empty){padding-top:10px}.result-button{width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:13px 4px;display:flex;justify-content:space-between;text-align:left}.result-button strong{display:block}.result-button small{color:var(--muted)}.section-block{margin-top:30px}.section-heading{display:flex;align-items:center;gap:10px}.count{display:grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:var(--pale);color:var(--blue);font-weight:800}.empty-state{border:1px dashed #b9c7ce;border-radius:16px;padding:20px;color:var(--muted);background:rgba(255,255,255,.55)}.empty-state p{margin:0}.cabinet-list{display:grid;gap:10px}.cabinet-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:13px}.medicine-icon{width:44px;height:44px;border-radius:12px;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:900}.cabinet-main{flex:1}.cabinet-main strong,.cabinet-main small{display:block}.cabinet-main small{color:var(--muted)}.icon-button{border:0;background:transparent;color:var(--muted);padding:10px}.back-button{margin:18px 0 10px;font-size:16px}.page-heading{padding:8px 4px 18px}.medicine-head{background:var(--navy);color:#fff;border-radius:20px;padding:22px;margin-bottom:14px}.medicine-head .eyebrow{color:#b9d9e7}.medicine-head h1{margin-bottom:8px}.medicine-head p{color:#dbe6eb;margin-bottom:0}.status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pill{font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.13)}.save-button{margin-top:16px;background:#fff;color:var(--navy)}.answer-card,.detail-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;margin-top:12px}.answer-card{background:var(--pale);border-color:#c5dce5}.answer-card h2{font-size:18px;color:var(--blue)}.body-story{font-size:18px}.detail-card summary{font-weight:850;cursor:pointer}.detail-card[open] summary{margin-bottom:12px}.detail-card ul{padding-left:20px;margin-bottom:0}.source-line{font-size:12px;color:var(--muted);margin-top:16px}.notice{font-size:13px;color:var(--muted);padding:14px 4px}.compare-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.interaction{border-radius:17px;padding:18px;margin:12px 0;border:1px solid}.interaction.red{background:var(--red-bg);border-color:#e5baba}.interaction.amber{background:var(--amber-bg);border-color:#edd19e}.interaction.blue{background:var(--pale);border-color:#bfd9e3}.interaction.gray{background:#f0f3f4;border-color:#d4dcdf}.interaction h3{display:flex;gap:9px;align-items:center;margin-bottom:8px}.timing{font-weight:850;margin:12px 0 0}.good-news{background:var(--green-bg);border:1px solid #bcdccb;border-radius:17px;padding:18px;color:#245844}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:74px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:20}.nav-item{width:min(50%,360px);border:0;background:transparent;color:var(--muted);display:grid;place-content:center;gap:2px;font-size:12px;font-weight:750}.nav-item>span:first-child{font-size:22px}.nav-item.active{color:var(--blue)}dialog{border:0;border-radius:22px;padding:16px;width:min(92vw,520px);box-shadow:0 30px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(8,22,33,.72)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-head button{border:0;background:transparent;font-size:25px}#scannerVideo{width:100%;aspect-ratio:4/3;background:#0d1720;border-radius:15px;object-fit:cover}#scannerStatus{text-align:center;color:var(--muted);margin:12px}.onboarding{text-align:center;padding:18px 8px}.onboarding h2{font-size:26px;margin-top:18px}.onboarding p{color:var(--muted);font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir="rtl"] .result-button,[dir="rtl"] .medicine-head,[dir="rtl"] .answer-card,[dir="rtl"] .detail-card,[dir="rtl"] .interaction{text-align:right}[dir="rtl"] .detail-card ul{padding-right:20px;padding-left:0}@media(min-width:700px){h1{font-size:42px}.hero{padding-top:52px}.search-panel{padding:22px}}