[data-heart-simulation]{padding:clamp(14px,3vw,30px);border:1px solid #dcedf5;border-radius:26px;background:linear-gradient(145deg,#fff,#f1f8fb);color:#102240;margin-block:24px;min-width:0}[data-heart-simulation] button,[data-heart-simulation] select{min-height:44px;border-radius:12px;font:inherit}[data-heart-simulation] button{background:#00758d;color:white;border:0;padding:12px 16px;cursor:pointer}[data-heart-simulation] button:focus-visible,[data-heart-simulation] select:focus-visible,[data-heart-simulation] input:focus-visible{outline:3px solid #b94d00;outline-offset:3px}[data-heart-simulation] button:disabled{opacity:.5}[data-heart-simulation] select{display:block;width:100%;padding:10px;border:1px solid #c9e3ef;background:white;color:#102240}[data-heart-simulation] label{display:block;font-weight:700;line-height:1.6;margin-block:10px}[data-heart-simulation] input[type=range]{display:block;width:100%}[data-heart-simulation] input[type=checkbox]{margin-right:8px}.heart-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-block:20px}.heart-model-viewport{position:relative;height:460px;border-radius:22px;background:radial-gradient(ellipse at top,#e9f3f8,#fff 75%);overflow:hidden;min-width:0}.heart-model-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.heart-model-status{position:absolute;inset:12px 12px auto;margin:0;padding:10px;border-radius:12px;background:#ffffffeb;pointer-events:none;font-size:.9rem}.heart-model-ready{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.heart-hotspot{position:absolute;max-width:150px;transform:translate(-50%,-50%);font-size:11px!important;min-height:30px!important;padding:6px 9px!important;background:#102240eb!important}.heart-hotspot[aria-pressed=true]{background:#b94d00!important}.heart-explanation{border:1px solid #dcedf5;border-radius:22px;padding:18px;background:white;min-width:0}.heart-explanation p{line-height:1.65}.heart-explanation nav{display:flex;flex-wrap:wrap;gap:8px}.heart-body details{padding:16px;border:1px solid #dcedf5;border-radius:18px}.heart-body summary{cursor:pointer;font-weight:800}.heart-body details button{margin:6px}.heart-model-viewport:fullscreen{height:100vh;width:100vw;background:#f1f8fb}@media(max-width:760px){.heart-layout{grid-template-columns:minmax(0,1fr)}.heart-model-viewport{height:360px}.heart-hotspot{max-width:110px;font-size:10px!important}}@media(prefers-reduced-motion:reduce){[data-heart-simulation] *{scroll-behavior:auto}}

[data-heart-simulation]{font-family:Nunito,system-ui,sans-serif}.heart-hotspot-name{font:inherit}@media(max-width:760px){.heart-hotspot-name{display:none}.heart-hotspot{font-size:13px!important;min-width:30px;min-height:30px!important;border-radius:50%!important}}