.tomir-panel{--tomir-line:color-mix(in oklab, var(--white) 14%, transparent);--tomir-dim:color-mix(in oklab, var(--white) 72%, transparent);--wall-hi:#e3a3a6;--wall-lo:#b7616b;--blood-edge:#5c0c18;--blood-mid:#8e1626;--cell:#e0475a;--plaque:#f0c770;--plaque-cap:#fff3d1;--tomir-dur:.7s;isolation:isolate;background:var(--navy);color:var(--white);box-shadow:0 30px 80px -30px color-mix(in oklab, var(--navy) 70%, transparent);border-radius:2rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""form""switch""result";gap:clamp(1.25rem,3vw,2.25rem);padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:relative;overflow:clip}.tomir-panel:before{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--plaque) 16%, transparent), transparent);width:60%;position:absolute;inset:auto -15% -30% auto}@media (min-width:900px){.tomir-panel{grid-template:"form stage""form switch"1fr"result result"/minmax(16rem,22rem) minmax(0,1fr)}}.tomir-form{grid-area:form;align-content:start;gap:1.1rem;display:grid}.tomir-field{border:0;gap:.45rem;min-width:0;margin:0;padding:0;display:grid}.tomir-field[data-off] input[type=range]{opacity:.35}.tomir-field-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tomir-field-head label,.tomir-legend{color:var(--tomir-dim);padding:0;font-size:.9375rem}.tomir-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem}.tomir-field-foot{color:var(--tomir-dim);justify-content:space-between;gap:1rem;font-size:.8125rem;display:flex}.tomir-field input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.tomir-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ecg-light) var(--fill), var(--tomir-line) var(--fill));border-radius:999px;height:6px}.tomir-field input[type=range]::-moz-range-track{background:var(--tomir-line);border-radius:999px;height:6px}.tomir-field input[type=range]::-moz-range-progress{background:var(--ecg-light);border-radius:999px;height:6px}.tomir-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--white);width:26px;height:26px;box-shadow:0 0 0 6px color-mix(in oklab, var(--ecg-light) 22%, transparent);transition:transform .15s var(--ease-out);border-radius:50%;margin-top:-10px}.tomir-field input[type=range]::-moz-range-thumb{background:var(--white);width:26px;height:26px;box-shadow:0 0 0 6px color-mix(in oklab, var(--ecg-light) 22%, transparent);border:0;border-radius:50%}.tomir-field input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.tomir-field input[type=range]:focus-visible{outline:2px solid var(--ecg-light);outline-offset:2px;border-radius:8px}.tomir-seg{background:color-mix(in oklab, var(--white) 7%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tomir-seg label{cursor:pointer;min-height:44px;color:var(--tomir-dim);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:relative}.tomir-seg label[data-on]{background:var(--white);color:var(--navy);font-weight:600}.tomir-seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.tomir-seg label:has(input:focus-visible){outline:2px solid var(--ecg-light);outline-offset:2px}.tomir-check,.tomir-check-inline{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.tomir-check{color:var(--tomir-dim);padding-top:.25rem;font-size:.875rem;line-height:1.45}.tomir-check-inline{align-items:center;min-height:32px}.tomir-check input,.tomir-check-inline input{width:18px;height:18px;accent-color:var(--ecg-light);flex:none;margin-top:2px}.tomir-stage{grid-area:stage;align-content:start;gap:.75rem;display:grid}@media (max-width:899px){.tomir-stage{z-index:2;background:var(--navy);margin:calc(-1*clamp(1.25rem,4vw,2.5rem)) calc(-1*clamp(1.25rem,4vw,2.5rem)) 0;padding:clamp(1rem,4vw,1.5rem) clamp(1.25rem,4vw,2.5rem) .75rem;position:sticky;top:0;box-shadow:0 14px 18px -14px #000000b3;box-shadow:0 14px 18px -14px lab(0% 0 0/.7)}}.tomir-artery{gap:.35rem;margin:0;display:grid}.tomir-artery figcaption{align-items:baseline;gap:.6rem;display:flex}.tomir-artery figcaption span{font-family:var(--font-display);font-size:clamp(1.05rem,2.6vw,1.35rem)}.tomir-artery figcaption small{color:var(--tomir-dim);font-size:.875rem}.artery{border-radius:14px;width:100%;height:auto;display:block}.artery-wall-hi{stop-color:var(--wall-hi)}.artery-wall-lo{stop-color:var(--wall-lo)}.artery-blood-edge{stop-color:var(--blood-edge)}.artery-blood-mid{stop-color:var(--blood-mid)}.artery-cell{fill:var(--cell);opacity:.9;animation:linear infinite artery-flow}@keyframes artery-flow{0%{transform:translate(0)}to{transform:translate(700px)}}.artery-plaque{fill:var(--plaque);stroke:var(--plaque-cap);stroke-width:3px;vector-effect:non-scaling-stroke;transform-box:fill-box;transition:transform var(--tomir-dur) var(--ease-out)}.artery-plaque-top{transform-origin:top}.artery-plaque-bottom{transform-origin:bottom}.tomir-toggle{background:color-mix(in oklab, var(--white) 7%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tomir-toggle button{min-height:44px;color:var(--tomir-dim);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;padding:0 .75rem;font-size:.875rem}.tomir-toggle button[aria-pressed=true]{background:var(--white);color:var(--navy);font-weight:600}.tomir-toggle button:focus-visible{outline:2px solid var(--ecg-light);outline-offset:2px}.tomir-switch{grid-area:switch;align-content:start;gap:.6rem;display:grid}.tomir-caption{color:var(--tomir-dim);font-size:.75rem}.tomir-result{border-top:1px solid var(--tomir-line);grid-area:result;gap:.9rem;padding-top:clamp(1rem,3vw,1.75rem);display:grid}.tomir-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--tomir-dim);font-size:.8125rem}.tomir-big{align-items:baseline;gap:.6rem;line-height:.9;display:flex}.tomir-big span{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(4rem,14vw,7rem)}.tomir-big small{color:var(--tomir-dim);font-size:1rem}.tomir-result[data-tone=watch] .tomir-big span{color:var(--plaque)}.tomir-result[data-tone=act] .tomir-big span{color:var(--ecg-light)}.tomir-result-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15}.tomir-result-body{max-width:60ch;color:color-mix(in oklab, var(--white) 88%, transparent);line-height:1.6}.tomir-result-body strong{color:var(--white)}.tomir-age{max-width:52ch;font-family:var(--font-display);border-left:3px solid var(--ecg-light);padding-left:1rem;font-size:clamp(1.15rem,2.8vw,1.5rem);line-height:1.35}.tomir-note{max-width:62ch;color:var(--tomir-dim);font-size:.875rem;line-height:1.55}.tomir-alarm{color:var(--ecg-light);font-size:.875rem}.tomir-gains{background:color-mix(in oklab, var(--white) 5%, transparent);border-radius:1.25rem;gap:.75rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.tomir-gains-title{font-size:1rem;font-weight:600}.tomir-gains ul{gap:.65rem;display:grid}.tomir-gains li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 1rem;font-size:.9375rem;display:grid}.tomir-gain-bar{background:var(--tomir-line);border-radius:999px;grid-area:2/1/auto/-1;height:6px;overflow:hidden}.tomir-gain-bar:after{content:"";border-radius:inherit;background:var(--plaque);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--w,0));transition:transform var(--tomir-dur) var(--ease-out);display:block}.tomir-gains li strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.tomir-actions{flex-wrap:wrap;gap:.75rem;padding-top:.25rem;display:flex}.tomir-panel .btn-ghost{color:var(--white);border:1px solid color-mix(in oklab, var(--white) 24%, transparent)}.tomir-panel .btn-ghost:hover{border-color:var(--white)}.tomir-panel :is(.btn-primary,.btn-ghost):focus-visible{outline:2px solid var(--ecg-light);outline-offset:3px}@media (prefers-reduced-motion:reduce){.artery-cell{opacity:0;animation:none}.artery-plaque,.tomir-gain-bar:after{transition:none}}
