.dosing-page{background:radial-gradient(circle at 12% 0,#2ed5ff24,#0000 32%),radial-gradient(circle at 88% 10%,#79f7c71f,#0000 28%),linear-gradient(#070c14f0 0%,#04070d 100%);min-height:72vh;padding:86px 0 96px}.dosing-page__container{gap:28px;display:grid}.dosing-page__header{justify-items:start;gap:14px;max-width:820px;display:grid}.dosing-page__header h1{color:var(--text);letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(2.1rem,4.8vw,4.1rem)}.dosing-page__lead{max-width:70ch;color:var(--text-soft);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.dosing-calculator{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start;gap:18px;width:100%;display:grid}.dosing-form,.dosing-result{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:linear-gradient(160deg,#101827e6,#080d17f0),#090f19e6;border-radius:8px}.dosing-form{gap:14px;padding:clamp(18px,3vw,28px);display:grid}.dosing-form__header{align-items:center;gap:12px;padding-bottom:6px;display:flex}.dosing-form__icon,.dosing-control__icon{width:38px;height:38px;color:var(--accent-soft);background:#2ed5ff14;border:1px solid #2ed5ff40;border-radius:8px;flex:none;place-items:center;display:inline-grid}.dosing-form__header h2{color:var(--text);letter-spacing:0;font-size:clamp(1.18rem,2vw,1.5rem)}.dosing-control{border:1px solid var(--line);background:#060b138f;border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.dosing-control__legend{width:100%;color:var(--text);align-items:center;gap:10px;font-weight:700;line-height:1.25;display:flex}.dosing-control__step{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#021019;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;display:inline-grid}.dosing-control__icon{width:32px;height:32px}.dosing-options{grid-template-columns:repeat(4,minmax(112px,1fr));gap:8px;display:grid}.dosing-page__ruo{background:#0a202c80;border:1px solid #2ed5ff52;border-radius:8px;max-width:920px;padding:16px}.dosing-page__ruo p{color:var(--text-soft);font-size:.9rem;line-height:1.55}.dosing-page__ruo strong{color:var(--text)}.dosing-option{border:1px solid var(--line);min-height:62px;color:var(--text);cursor:pointer;transition:transform var(--transition), border-color var(--transition), background-color var(--transition), color var(--transition);background:#0d1421cc;border-radius:8px;align-content:center;gap:2px;padding:10px 12px;display:grid;position:relative}.dosing-option:hover,.dosing-option:focus-within{border-color:#2ed5ff85;transform:translateY(-1px)}.dosing-option--active{color:#f3fffc;background:linear-gradient(150deg,#18434cb8,#0b2227d6);border-color:#79f7c7bd}.dosing-option__radio{opacity:0;cursor:pointer;position:absolute;inset:0}.dosing-option span{overflow-wrap:anywhere;min-width:0;font-size:.96rem;font-weight:700;line-height:1.2}.dosing-option small{color:var(--text-soft);font-size:.76rem;font-weight:600;line-height:1.25}.dosing-custom-input{gap:7px;display:grid}.dosing-custom-input>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1.2}.dosing-custom-input__field{border:1px solid var(--line-strong);background:#04080feb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(280px,100%);min-height:46px;display:grid;overflow:hidden}.dosing-custom-input input{width:100%;min-width:0;min-height:44px;color:var(--text);background:0 0;border:0;padding:0 12px}.dosing-custom-input input:focus{outline:0}.dosing-custom-input__field:focus-within{outline-offset:2px;border-color:#2ed5ff9e;outline:2px solid #2ed5ff6b}.dosing-custom-input small{color:var(--muted);white-space:nowrap;padding:0 12px;font-size:.78rem;font-weight:700}.dosing-result{top:calc(var(--announcement-height) + var(--navbar-height) + 18px);gap:16px;padding:clamp(18px,3vw,26px);display:grid;position:sticky}.dosing-result__hero{background:linear-gradient(135deg,#2ed5ff21,#79f7c71f),#050b12e6;border:1px solid #79f7c752;border-radius:8px;gap:4px;padding:18px;display:grid}.dosing-result__hero span,.dosing-result__hero small{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:700;line-height:1.2}.dosing-result__hero strong{color:var(--text);font-family:var(--font-space-grotesk), sans-serif;letter-spacing:0;font-size:clamp(2.1rem,5vw,3.25rem);line-height:1}.dosing-result__hero small{color:var(--accent-soft);letter-spacing:0;text-transform:none;font-size:.95rem}.dosing-result__summary{border:1px solid var(--line);background:#050a1294;border-radius:8px;display:grid;overflow:clip}.dosing-result__summary-head{border-bottom:1px solid var(--line);min-height:46px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:.78rem;font-weight:800;line-height:1.2;display:flex}.dosing-result__summary-head small{color:var(--accent-soft);letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:800}.dosing-result__list{display:grid}.dosing-result__list div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:0 14px;display:grid}.dosing-result__list div+div{border-top:1px solid #b1c9eb1a}.dosing-result__list dt{color:var(--text-soft);font-size:.9rem;line-height:1.25}.dosing-result__list dd{color:var(--text);text-align:right;white-space:nowrap;font-size:1rem;font-weight:800;line-height:1.2}.dosing-result__notice{color:#ffe5ba;background:#7d4c1238;border:1px solid #ffc6796b;border-radius:8px;padding:12px;font-size:.88rem;line-height:1.5}.dosing-result__empty{text-align:center;place-content:center;gap:6px;min-height:320px;display:grid}.dosing-result__empty strong{color:var(--text);font-size:1.2rem}.dosing-result__empty p{color:var(--text-soft)}@media (max-width:1040px){.dosing-calculator{grid-template-columns:1fr}.dosing-result{position:static}}@media (max-width:760px){.dosing-page{padding:66px 0 76px}.dosing-page__container{gap:20px}.dosing-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dosing-result__list div{min-height:54px}}@media (max-width:480px){.dosing-form__header{align-items:flex-start}.dosing-control{padding:12px}.dosing-control__legend{grid-template-columns:auto auto minmax(0,1fr);display:grid}.dosing-options{grid-template-columns:1fr}.dosing-option{min-height:56px}}