:root{--color-bg: #faf9f7;--color-surface: #ffffff;--color-border: #e8e6e1;--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-accent: #c1272d;--color-accent-light: #c1272d15;--color-highlight: #b83230;--color-link: #2a6496;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .7rem;--text-sm: .8rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--text-2xl: 2rem;--text-3xl: clamp(2.5rem, 6vw, 4rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1.25rem;--space-xl: 2rem;--max-width: 52rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-link);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--duration)}a:hover{border-bottom-color:var(--color-link)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-xl)}.header{display:flex;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-accent)}.header__mascot{flex-shrink:0}.header__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.header__or{color:var(--color-accent);font-style:italic;font-weight:400}.header__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-xs)}.main{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--space-lg) 0;gap:var(--space-md)}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.input-group{display:flex;flex-direction:column;gap:2px}.input-group__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.input-group__input{background:var(--color-surface);border:1.5px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:4px;padding:var(--space-sm) var(--space-md);font-size:var(--text-xl);font-weight:700;color:var(--color-text);font-family:var(--font-body);width:100%;transition:border-color var(--duration),box-shadow var(--duration);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.input-group__input::-webkit-outer-spin-button,.input-group__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.input-group__input::placeholder{color:var(--color-text-muted);opacity:.4;font-weight:400}.input-group__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.stepper{display:flex;align-items:stretch;gap:0}.stepper__input{border-radius:0;border-left:none;border-right:none;text-align:center;flex:1;min-width:0}.stepper__btn{display:flex;align-items:center;justify-content:center;width:2.2rem;background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-accent);font-size:var(--text-lg);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration),color var(--duration);flex-shrink:0}.stepper__btn:first-child{border-radius:4px 0 0 4px;border-left:3px solid var(--color-accent)}.stepper__btn:last-child{border-radius:0 4px 4px 0}.stepper__btn:hover{background:var(--color-accent-light)}.stepper__btn:active{background:var(--color-accent);color:#fff}.result{text-align:center;padding:var(--space-sm) 0}.result__label{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.3}.result__number{font-size:var(--text-3xl);font-weight:900;color:var(--color-highlight);line-height:1.1;padding:var(--space-xs) 0;transition:transform var(--duration) var(--ease-out)}.result__number.pop{transform:scale(1.03)}.result__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap}.compare{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.compare__label{font-weight:600}.compare__result{font-weight:700;color:var(--color-text)}.intervention-select{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border:1.5px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color var(--duration)}.intervention-select:focus{outline:none;border-color:var(--color-accent)}.intervention-learn{font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:none}.intervention-learn:hover{color:var(--color-link)}.share-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;font-style:italic}.presets{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center;justify-content:center}.presets__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.preset{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:999px;padding:var(--space-xs) var(--space-md);cursor:pointer;transition:all var(--duration);white-space:nowrap}.preset:hover{border-color:var(--color-accent);color:var(--color-accent)}.preset--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.visualization{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;justify-content:center;padding:var(--space-sm) 0}.viz-cell{position:relative;background-color:transparent;border:none;border-radius:3px;background-image:url(/meetings-or-bednets/assets/bednet-Byi33aRK.svg);background-size:contain;background-repeat:no-repeat;background-position:center;animation:fadeIn .3s var(--ease-out) both}.viz-cell--large{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background-size:80px;background-repeat:repeat}.viz-cell--medium{width:120px;height:120px}.viz-cell--tens{width:76px;height:76px;position:relative}.viz-cell--tens .viz-cell__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-sm)}.viz-cell--small{width:48px;height:48px}.viz-cell__label{font-size:var(--text-base);font-weight:800;color:var(--color-accent);z-index:1}.viz-cell--medium .viz-cell__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-base)}.viz-break{width:100%;height:0}.viz-empty{color:var(--color-text-muted);font-style:italic;text-align:center;width:100%;padding:var(--space-lg);font-size:var(--text-sm)}.viz-overflow{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;width:100%;padding:var(--space-xs) 0}@keyframes fadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.footer{padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-shrink:0}.impact{background:var(--color-accent);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:4px;font-size:var(--text-sm);font-weight:600;text-align:center;margin-bottom:var(--space-sm)}.impact a{color:#fff;border-bottom:1px dashed rgba(255,255,255,.6)}.impact a:hover{border-bottom-color:#fff}.footer__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}.formula summary{cursor:pointer;font-weight:600;color:var(--color-text-muted);list-style:none}.formula summary:before{content:"+ ";color:var(--color-accent);font-weight:700}.formula[open] summary:before{content:"- "}.formula summary::marker,.formula summary::-webkit-details-marker{display:none}.formula__text{margin:var(--space-xs) 0;line-height:1.6;color:var(--color-text-muted)}.formula__text strong{color:var(--color-text)}.formula__note{color:var(--color-text-muted);line-height:1.5}.footer__credit{text-align:right;white-space:nowrap;padding-top:2px}@media(max-width:640px){.page{padding:var(--space-md) var(--space-md)}.header{gap:var(--space-md);padding-bottom:var(--space-md)}.header__mascot{width:56px}.header__title{font-size:var(--text-xl)}.header__subtitle{font-size:var(--text-sm)}.form{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.input-group__input{font-size:var(--text-lg);padding:var(--space-xs) var(--space-sm)}.viz-cell--large{height:56px;background-size:56px}.viz-cell--medium{width:80px;height:80px}.viz-cell--tens{width:56px;height:56px}.viz-cell--small{width:36px;height:36px}.presets{gap:3px}.preset{padding:2px var(--space-sm);font-size:.65rem}.footer__meta{flex-direction:column;gap:var(--space-xs)}.footer__credit{text-align:left}}@media(max-height:600px){.header__mascot{width:48px}.header__title{font-size:var(--text-xl)}.result{padding:0}.result__number{font-size:var(--text-2xl)}}