@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
.mca-app{max-width:820px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 6px 40px rgba(10,37,64,.12);font-family:'DM Sans',sans-serif;color:#1a2a3a;font-size:14px}
.mca-nav{display:flex;background:#0a2540}
.mca-nav-step{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:14px 8px;cursor:pointer;border:none;border-bottom:3px solid transparent;background:none;font-family:'DM Sans',sans-serif;font-size:.77rem;font-weight:500;color:rgba(255,255,255,.38);transition:all .18s}
.mca-nav-step.active{color:#fff;border-bottom-color:#00d4aa}
.mca-nav-step.done{color:rgba(255,255,255,.62)}
.mca-snum{width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0}
.mca-nav-step.active .mca-snum{background:#00d4aa;color:#0a2540}
.mca-nav-step.done .mca-snum{background:rgba(0,212,170,.22);color:#00d4aa}
.mca-screen{display:none;background:#fff}
.mca-screen.active{display:block}
.mca-shdr{display:flex;align-items:center;gap:14px;background:#0a2540;padding:18px 22px}
.mca-shdr svg{width:36px;height:36px;flex-shrink:0}
.mca-shdr-title{font-family:'Instrument Serif',serif;font-size:1.25rem;color:#fff;font-weight:400}
.mca-shdr-sub{font-size:.73rem;color:rgba(255,255,255,.42);margin-top:1px}
.mca-body{background:#fff;padding:20px 22px;border:1px solid #dde3ec;border-top:none}
.mca-fs{border:1.5px solid #dde3ec;border-radius:9px;padding:16px 15px;margin-bottom:14px}
.mca-fs:last-child{margin-bottom:0}
.mca-leg{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#6b7b8d;display:flex;align-items:center;gap:5px;margin-bottom:13px;border:none;font-style:normal}
.mca-row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mca-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.mca-field{display:flex;flex-direction:column;gap:5px}
.mca-lbl{font-size:.73rem;font-weight:500;color:#163558}
.mca-req{color:#e84040}
.mca-iw{position:relative;display:flex;align-items:center}
.mca-iw .mca-input{padding-right:36px}
.mca-unit{position:absolute;right:10px;font-size:.73rem;font-weight:500;color:#6b7b8d;pointer-events:none}
.mca-input{width:100%;padding:8px 11px;border:1.5px solid #dde3ec;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:.86rem;color:#1a2a3a;background:#fafbfd;outline:none;transition:border-color .15s,box-shadow .15s}
.mca-input:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.12);background:#fff}
.mca-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7b8d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}

/* Drug selector */
.mca-sw{position:relative;margin-bottom:9px}
.mca-si{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#6b7b8d;pointer-events:none}
#mca-dsearch{padding-left:32px;padding-right:66px;border-radius:50px}
.mca-sa{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;gap:3px}
.mca-dab{background:none;border:1px solid #dde3ec;border-radius:6px;padding:3px 6px;font-size:.67rem;font-weight:600;color:#6b7b8d;cursor:pointer;transition:all .12s}
.mca-dab:hover{border-color:#00d4aa;color:#00d4aa}
.mca-alpharow{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:8px}
.mca-ab{background:none;border:1px solid #dde3ec;border-radius:5px;padding:2px 5px;font-size:.64rem;font-weight:700;color:#6b7b8d;cursor:pointer;transition:all .12s;line-height:1.3}
.mca-ab:hover{border-color:#00d4aa;color:#00d4aa}
.mca-ab.act{background:#0a2540;border-color:#0a2540;color:#fff}
.mca-dstats{display:flex;justify-content:space-between;align-items:center;font-size:.71rem;color:#6b7b8d;margin-bottom:6px}
.mca-dstats strong{color:#1a2a3a}
.mca-dlist-w{border:1.5px solid #dde3ec;border-radius:8px;max-height:190px;overflow-y:auto}
.mca-dlist-w::-webkit-scrollbar{width:4px}
.mca-dlist-w::-webkit-scrollbar-thumb{background:#c5cdd8;border-radius:99px}
.mca-di{padding:8px 13px;font-size:.84rem;font-weight:500;cursor:pointer;border-bottom:1px solid #eef1f6;transition:background .1s;color:#1a2a3a}
.mca-di:last-child{border-bottom:none}
.mca-di:hover{background:#f0f8ff}
.mca-di.sel{background:rgba(0,212,170,.12);border-left:3px solid #00d4aa;font-weight:600}
.mca-di mark{background:rgba(0,212,170,.28);color:#163558;border-radius:2px;padding:0 1px}
.mca-di.more{text-align:center;color:#6b7b8d;font-size:.76rem;cursor:default;font-weight:400}
.mca-dempty{padding:26px;text-align:center;color:#6b7b8d;font-size:.85rem}
.mca-dpill{display:none;align-items:center;gap:7px;background:rgba(0,212,170,.12);border:1.5px solid rgba(0,212,170,.25);border-radius:50px;padding:7px 12px;margin-top:9px;font-size:.84rem;font-weight:600;color:#0a2540}
.mca-dpill.show{display:flex}
.mca-dpill span:nth-child(2){flex:1}

/* BMI */
.mca-bmi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.mca-bmi-card{background:#f4f7fb;border-radius:9px;padding:12px;text-align:center;border:1.5px solid #dde3ec}
.mca-bmi-card.hi{border-color:#00d4aa;background:rgba(0,212,170,.1)}
.mca-bmi-val{font-family:'Instrument Serif',serif;font-size:1.75rem;font-weight:400;line-height:1}
.mca-bmi-lbl{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7b8d;margin-top:4px}
.mca-bmi-st{font-size:.73rem;font-weight:600;margin-top:3px}
.mca-bmi-track{height:7px;border-radius:99px;background:linear-gradient(to right,#3b82f6 0%,#10b981 30%,#10b981 55%,#f59e0b 70%,#e84040 100%);position:relative;margin-bottom:4px}
.mca-bmi-cur{position:absolute;top:-5px;width:16px;height:16px;border-radius:50%;background:#fff;border:2.5px solid #0a2540;transform:translateX(-50%);transition:left .4s cubic-bezier(.34,1.56,.64,1)}
.mca-bmi-labs{display:flex;justify-content:space-between;font-size:.64rem;color:#6b7b8d;margin-bottom:12px}
.mca-itable{width:100%;font-size:.78rem;border-collapse:collapse}
.mca-itable th{background:#0a2540;color:#fff;padding:6px 9px;font-weight:500;text-align:left;font-size:.7rem}
.mca-itable td{padding:6px 9px;border-bottom:1px solid #dde3ec}
.mca-itable tr:last-child td{border-bottom:none}
.mca-itable tr.you td{background:rgba(0,212,170,.1);font-weight:600}
.mca-alert-r{background:rgba(232,64,64,.09);border-left:3px solid #e84040;border-radius:0 8px 8px 0;padding:9px 13px;font-size:.84rem}
.mca-alert-a{background:rgba(245,158,11,.1);border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;padding:9px 13px;font-size:.84rem}
.mca-alert-g{background:rgba(16,185,129,.1);border-left:3px solid #10b981;border-radius:0 8px 8px 0;padding:9px 13px;font-size:.84rem}

/* Bottom bar */
.mca-bar{background:#fff;border:1px solid #dde3ec;border-top:none;border-radius:0 0 14px 14px;padding:14px 22px;display:flex;gap:10px;align-items:center}
.mca-btn-main{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#0a2540;color:#fff;border:none;border-radius:50px;padding:11px 22px;font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;min-width:150px}
.mca-btn-main:hover:not(:disabled){background:#163558;transform:translateY(-1px)}
.mca-btn-main:disabled{opacity:.38;cursor:default}
.mca-btn-sec{background:none;border:1.5px solid #dde3ec;border-radius:50px;padding:11px 16px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:500;color:#6b7b8d;cursor:pointer;transition:all .15s;white-space:nowrap}
.mca-btn-sec:hover{border-color:#00d4aa;color:#00d4aa}

/* Results */
.mca-banner{background:linear-gradient(90deg,#0a2540,#163558);padding:12px 20px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.mca-drug-name{font-family:'Instrument Serif',serif;font-size:1.05rem;color:#00d4aa;font-weight:400}
.mca-bdg{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:500}
.mca-loader{display:flex;flex-direction:column;align-items:center;padding:44px;gap:14px;background:#fff}
.mca-spin{width:42px;height:42px;border:3px solid #dde3ec;border-top-color:#00d4aa;border-radius:50%;animation:mca-sp .8s linear infinite}
@keyframes mca-sp{to{transform:rotate(360deg)}}
.mca-ltxt{font-size:.84rem;color:#6b7b8d;font-style:italic}
.mca-prog{width:180px;height:3px;background:#dde3ec;border-radius:99px;overflow:hidden}
.mca-pfill{height:100%;background:#00d4aa;border-radius:99px;animation:mca-pg 2.5s ease-in-out infinite}
@keyframes mca-pg{0%{width:0;margin-left:0}50%{width:70%;margin-left:0}100%{width:0;margin-left:100%}}
.mca-tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid #dde3ec;padding:0 14px;background:#f8fafc}
.mca-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:11px 13px;font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:500;color:#6b7b8d;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}
.mca-tab:hover{color:#0a2540}
.mca-tab.active{color:#0a2540;border-bottom-color:#00d4aa;font-weight:700}
.mca-panel{display:none;padding:20px 22px 16px;line-height:1.75;animation:mca-fi .2s ease}
.mca-panel.active{display:block}
@keyframes mca-fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.mca-panel h3{font-family:'Instrument Serif',serif;font-size:1.1rem;color:#0a2540;margin-bottom:10px;border-bottom:1px solid #dde3ec;padding-bottom:6px;font-weight:400}
.mca-panel h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7b8d;margin:14px 0 7px}
.mca-panel ul{padding-left:18px;margin:5px 0 11px}
.mca-panel li{margin-bottom:4px;font-size:.86rem}
.mca-panel p{font-size:.86rem;margin-bottom:9px}
.mca-disc{font-size:.71rem;color:#6b7b8d;padding:9px 22px 13px;border-top:1px solid #dde3ec;background:#f8fafc;font-style:italic}
@media(max-width:540px){
  .mca-row3{grid-template-columns:1fr 1fr}
  .mca-slbl{display:none}
  .mca-body,.mca-bar{padding-left:14px;padding-right:14px}
  .mca-bmi-grid{grid-template-columns:1fr 1fr}
}