.calc-page{font-family:Arial,sans-serif;color:#333;max-width:960px;margin:0 auto}.calc-page h1{font-size:22px;font-weight:700;color:#333;margin:0 0 20px 0;line-height:1.3}.uc-header{background:#1a9ad6;color:#fff;padding:11px 16px;border-radius:4px 4px 0 0;font-size:14px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.uc-header svg{flex-shrink:0}.uc-body{background:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;padding:22px 20px 18px}.uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:680px){.uc-grid{grid-template-columns:1fr;gap:0}}.step-block{margin-bottom:18px}.step-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#1a9ad6;margin-bottom:8px;display:flex;align-items:center;gap:7px}.step-num{background:#1a9ad6;color:#fff;width:19px;height:19px;border-radius:50%;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.syringe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.syr-card{border:1px solid #d0d0d0;border-radius:4px;padding:10px 6px 8px;cursor:pointer;text-align:center;background:#fff;transition:border-color .15s;user-select:none}.syr-card:hover{border-color:#1a9ad6}.syr-card.active{border:2px solid #1a9ad6;background:#e8f5fb}.syr-label{font-size:14px;font-weight:700;color:#1a9ad6;margin-bottom:3px}.syr-sub{font-size:11px;color:#888}.btn-row{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:6px 11px;border-radius:3px;border:1px solid #d0d0d0;background:#fff;color:#333;font-size:13px;cursor:pointer;font-family:Arial,sans-serif;line-height:1.2;transition:all .15s;display:inline-block;user-select:none}.pill:hover{border-color:#1a9ad6;color:#1a9ad6}.pill.active,.pill.active span{background:#1a9ad6;color:#fff;border-color:#1a9ad6}.uc-divider{height:1px;background:#e0e0e0;margin:18px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.metric{background:#f5f5f5;border:1px solid #d0d0d0;border-radius:3px;padding:8px 12px}.metric-lbl{font-size:11px;color:#888;margin-bottom:3px}.metric-val{font-size:15px;font-weight:700;color:#1a9ad6}.warn-box{background:#fff8ec;border:1px solid #f5a623;border-left:3px solid #f5a623;border-radius:3px;padding:9px 12px;font-size:12px;color:#7a4f00;margin-bottom:12px;display:none;line-height:1.5}.result-box{background:#1a9ad6;color:#fff;border-radius:4px;padding:14px 16px;display:flex;align-items:center;gap:16px;margin-bottom:14px}.result-num{font-size:38px;font-weight:700;line-height:1}.result-iu{font-size:13px;opacity:.8;margin-top:2px}.result-sep{width:1px;height:44px;background:rgba(255,255,255,.3);flex-shrink:0}.result-right{line-height:1.6}.result-dose{font-size:17px;font-weight:700}.result-hint{font-size:12px;opacity:.85}.scale-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:7px}.sy-wrap{display:flex;align-items:center;gap:0;height:32px}.sy-plunger{width:14px;height:26px;background:#f5f5f5;border:1px solid #d0d0d0;border-right:none;border-radius:2px 0 0 2px;flex-shrink:0}.sy-tube{flex:1;height:22px;border:1px solid #d0d0d0;border-radius:0 3px 3px 0;position:relative;overflow:hidden;background:#fff}.sy-fill{position:absolute;left:0;top:0;height:100%;background:#1a9ad6;opacity:.35;transition:width .4s}.sy-needle{width:18px;height:3px;background:#bbb;align-self:center;border-radius:0 2px 2px 0}.tick-wrap{position:relative;height:28px;margin-left:14px}.tick-abs{position:absolute;bottom:14px;width:1px;background:#ccc}.tick-lbl{position:absolute;font-size:9px;color:#999;transform:translateX(-50%);bottom:0;white-space:nowrap}.dose-pin{position:absolute;bottom:12px;width:2px;background:#f5a623;transition:left .4s}.dose-flag{position:absolute;bottom:25px;font-size:9px;font-weight:700;color:#7a4f00;background:#fff8ec;border:1px solid #f5a623;padding:1px 4px;border-radius:2px;transform:translateX(-50%);white-space:nowrap;transition:left .4s}.calc-disclaimer{font-size:11px;color:#888;line-height:1.5;margin-top:16px;padding:10px 12px;border:1px solid #e0e0e0;border-left:3px solid #f5a623;background:#f5f5f5;border-radius:0 3px 3px 0}.calc-article{margin-top:32px}.calc-article h2{font-size:20px;font-weight:700;color:#333;margin-bottom:14px}.calc-article p{font-size:14px;line-height:1.7;color:#444;margin-bottom:12px}.calc-disclaimer-full{font-size:13px;color:#666;line-height:1.6;margin-top:20px;padding:12px 14px;border:1px solid #f5a623;background:#fff8ec;border-radius:3px}