:root{--brand: #e33279}.calc{--brand: var(--brand, #e33279);--brand-ink: #b0235c;--brand-soft: #fde7f0;--ink: #3a2a33;--ink-soft: #7a6a72;--line: #f0d8e3;--bg: #fff7fb;--card: #ffffff;--caution-bg: #fff6e6;--caution-ink: #8a5a00;--caution-line: #f3d79a;--radius: 16px;--shadow: 0 6px 24px rgba(150, 40, 90, .1);box-sizing:border-box;max-width:560px;margin:0 auto;padding:18px 16px 28px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;line-height:1.45}.calc *,.calc *:before,.calc *:after{box-sizing:border-box}.calc button{font-family:inherit}.calc__header{text-align:center;margin-bottom:14px}.calc__title{margin:0;font-size:1.6rem;font-weight:700;color:var(--brand);letter-spacing:-.01em}.calc__subtitle{margin:4px 0 0;font-size:1rem;color:var(--ink-soft)}.calc__result-wrap{position:sticky;top:8px;z-index:5;margin-bottom:18px}.result{background:linear-gradient(180deg,#fff 0%,var(--brand-soft) 140%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 16px 14px;text-align:center}.result--empty{background:var(--card)}.result__hint{margin:0;color:var(--ink-soft);font-size:.98rem}.result__headline{display:flex;align-items:baseline;justify-content:center;gap:8px}.result__big{font-size:3.2rem;font-weight:700;line-height:1;color:var(--brand)}.result__unitword{font-size:1.1rem;font-weight:600;color:var(--brand-ink)}.result__line{margin:6px 0 12px;font-size:1.02rem;color:var(--ink)}.diagram{width:100%;height:auto;display:block;margin:2px 0 4px}.guidance{list-style:none;margin:10px 0 0;padding:0;text-align:left;display:grid;gap:8px}.guidance__item{border-radius:12px;padding:10px 12px;font-size:.95rem}.guidance__item--caution{background:var(--caution-bg);color:var(--caution-ink);border:1px solid var(--caution-line)}.guidance__item--info{background:var(--brand-soft);color:var(--brand-ink);border:1px solid var(--line)}.result__meta{margin-top:12px;display:flex;flex-direction:column;gap:6px;align-items:center}.result__fridge{font-size:.9rem;color:var(--ink-soft)}.result__help{font-weight:600;color:var(--brand);text-decoration:none}.result__help:hover{text-decoration:underline}.calc__inputs{display:grid;gap:18px}.field{border:0;margin:0;padding:0;min-width:0}.field__legend{padding:0;font-size:1.08rem;font-weight:600;color:var(--ink);margin-bottom:10px}.field__help{margin:-4px 0 10px;font-size:.88rem;color:var(--ink-soft)}.field__row{display:flex;align-items:center;gap:12px}.field__main{flex:1 1 auto;min-width:0}.field__img{flex:0 0 auto;width:64px;height:88px;object-fit:contain;align-self:flex-start}@media(max-width:380px){.field__img{width:48px;height:68px}}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips--wrap{gap:8px}.chip{flex:1 1 auto;min-width:64px;min-height:52px;padding:0 14px;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-size:1.02rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.chip:hover{border-color:var(--brand)}.chip:active{transform:scale(.98)}.chip--on{background:var(--brand);border-color:var(--brand);color:#fff}.chip--soft{flex:0 1 auto;min-height:44px;font-size:.96rem;font-weight:500}.chip:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}.other{margin-top:10px;display:flex;align-items:center;gap:8px;max-width:240px}.other__input{flex:1;min-height:50px;padding:0 12px;border:2px solid var(--line);border-radius:12px;font-size:1.05rem;color:var(--ink);background:var(--card)}.other__input:focus{outline:none;border-color:var(--brand)}.other__unit{font-weight:600;color:var(--ink-soft)}.unit-toggle{display:inline-flex;border:2px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}.unit-toggle__btn{min-height:42px;padding:0 20px;border:0;background:var(--card);color:var(--ink-soft);font-weight:600;cursor:pointer}.unit-toggle__btn--on{background:var(--brand);color:#fff}.unit-toggle__btn:focus-visible{outline:3px solid var(--brand-ink);outline-offset:-3px}.syringe-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.syringe-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;transition:border-color .15s,transform .05s}.syringe-card:hover{border-color:var(--brand)}.syringe-card:active{transform:scale(.98)}.syringe-card--on{border-color:var(--brand);background:var(--brand-soft)}.syringe-card:focus-visible{outline:3px solid var(--brand-ink);outline-offset:2px}.syringe-card__img{width:100%;height:56px;object-fit:contain;display:block}.syringe-card__label{font-weight:700;color:var(--ink)}.syringe-card__sub{font-size:.82rem;color:var(--ink-soft)}.picker{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.picker__label{margin:0 0 10px;font-weight:600;color:var(--ink)}.picker__summary{margin:10px 0 0;font-size:.92rem;color:var(--ink-soft)}.footer{margin-top:22px;text-align:center;color:var(--ink-soft)}.footer__line{margin:0 0 6px;font-size:.92rem}.footer__contact{font-weight:600;color:var(--brand);text-decoration:none}.footer__contact:hover{text-decoration:underline}.calc--compact{padding:14px 12px 18px}.calc--compact .calc__header{margin-bottom:10px}.calc--compact .calc__title{font-size:1.3rem}.calc--compact .result__big{font-size:2.6rem}@media(min-width:600px){.calc{padding:24px}.result__big{font-size:3.6rem}}@media(prefers-reduced-motion:reduce){.chip,.syringe-card{transition:none}}