@font-face{font-family:"BIEN CT Experience";src:url("./fonts/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
#ysCtmriBodyV25 #ysCtExperienceApp{color-scheme:dark;--text:#F8F5EC;--muted:#858993;--cyan:#c7d8a8}
#ysCtmriBodyV25 #ysCtExperienceApp *{box-sizing:border-box}#ysCtmriBodyV25 #ysCtExperienceApp{margin:0;min-height:100svh;background:#101712;color:var(--text);font-family:"BIEN CT Experience",sans-serif;-webkit-font-smoothing:antialiased}#ysCtmriBodyV25 #ysCtExperienceApp button,#ysCtmriBodyV25 #ysCtExperienceApp input{font:inherit}#ysCtmriBodyV25 #ysCtExperienceApp button{cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}#ysCtmriBodyV25 #ysCtExperienceApp button:disabled{cursor:wait;opacity:.45}#ysCtmriBodyV25 #ysCtExperienceApp button:focus-visible,#ysCtmriBodyV25 #ysCtExperienceApp input:focus-visible{outline:2px solid #c7d8a8;outline-offset:5px}#ysCtmriBodyV25 #ysCtExperienceApp{width:min(100%,1192px);margin:auto;padding:38px 36px 24px}
#ysCtmriBodyV25 #ysCtExperienceApp .toolbar{display:flex;justify-content:center;height:48px;margin-bottom:30px}#ysCtmriBodyV25 #ysCtExperienceApp .tabs{display:flex;gap:4px;padding:4px;background:#1c261f;border:1px solid #ffffff0c;border-radius:14px}#ysCtmriBodyV25 #ysCtExperienceApp .tabs button{width:132px;border:0;border-radius:10px;background:none;color:#92959f;font-size:14px;font-weight:600}#ysCtmriBodyV25 #ysCtExperienceApp .tabs button:hover{color:#fff}#ysCtmriBodyV25 #ysCtExperienceApp .tabs button[aria-pressed=true]{background:#33422e;color:#fff;box-shadow:0 2px 5px #0004,inset 0 1px #ffffff0d}
#ysCtmriBodyV25 #ysCtExperienceApp .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#ysCtmriBodyV25 #ysCtExperienceApp .panel{--accent:#89917f;--accent-rgb:137,145,127;min-width:0;overflow:hidden;border-radius:26px;background:#151b17;border:1px solid #ffffff0e;box-shadow:0 14px 44px #0004}#ysCtmriBodyV25 #ysCtExperienceApp .panel.modern{--accent:#c7d8a8;--accent-rgb:199,216,168;border-color:#c7d8a825;background:#223226}
#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{position:relative;padding:26px 28px 22px;text-align:center}#ysCtmriBodyV25 #ysCtExperienceApp .era{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:650;line-height:18px;letter-spacing:1.5px;color:#a3a6af;margin-bottom:14px}#ysCtmriBodyV25 #ysCtExperienceApp .era::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.15)}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong{display:block;height:48px;line-height:48px;font-size:clamp(28px,3.25vw,40px);font-weight:730;letter-spacing:-1.3px;white-space:nowrap;color:#F8F5EC}#ysCtmriBodyV25 #ysCtExperienceApp .modern .panel-head strong em{font-style:normal;color:var(--accent)}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{position:relative;text-align:left;min-height:117px;margin-top:22px;padding:18px 104px 17px 20px;border-radius:16px;background:#101612;border:1px solid #ffffff05}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>span{font-size:12px;line-height:18px;font-weight:500;color:#999da8}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{display:flex;align-items:baseline;gap:3px;height:55px;line-height:55px;margin-top:3px;font-size:49px;font-weight:650;letter-spacing:-1.8px;font-variant-numeric:tabular-nums;color:var(--accent)}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time small{font-size:23px;font-weight:500;letter-spacing:-.6px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time i{font-size:23px;font-weight:400;font-style:normal;color:#626874;margin:0 4px}
#ysCtmriBodyV25 #ysCtExperienceApp .dial{--progress:0%;position:absolute;right:19px;top:50%;transform:translateY(-50%);width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,var(--accent) var(--progress),#30392e 0);box-shadow:0 0 0 6px #ffffff02}#ysCtmriBodyV25 #ysCtExperienceApp .dial::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#101612}#ysCtmriBodyV25 #ysCtExperienceApp .dial svg{position:relative;width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#ysCtmriBodyV25 #ysCtExperienceApp.quality .dial{opacity:.45}
#ysCtmriBodyV25 #ysCtExperienceApp .viewer{position:relative;aspect-ratio:1.22;margin:0 14px;overflow:hidden;border-radius:12px;background:#000;border:1px solid #ffffff06}#ysCtmriBodyV25 #ysCtExperienceApp .viewer canvas{display:block;width:100%;height:100%;object-fit:contain}#ysCtmriBodyV25 #ysCtExperienceApp .viewer .tag{position:absolute;top:13px;left:13px;color:#9ea5ac;font-size:7px;line-height:12px;letter-spacing:1px;padding:4px 7px;background:#171a1ed9;border:1px solid #ffffff0a;border-radius:5px}#ysCtmriBodyV25 #ysCtExperienceApp .viewer::after{content:"";position:absolute;right:13px;top:13px;width:13px;height:13px;border-top:1px solid rgba(var(--accent-rgb),.5);border-right:1px solid rgba(var(--accent-rgb),.5);pointer-events:none}
#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding:19px 28px 25px}#ysCtmriBodyV25 #ysCtExperienceApp .status-row{display:flex;align-items:center;justify-content:space-between;height:22px;line-height:22px;margin-bottom:13px;font-size:12px;color:#9b9faa}#ysCtmriBodyV25 #ysCtExperienceApp .percent{font-size:15px;font-weight:600;letter-spacing:-.2px;font-variant-numeric:tabular-nums;color:var(--accent)}#ysCtmriBodyV25 #ysCtExperienceApp .track{height:12px;overflow:hidden;border-radius:2px;background:#293026;mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(2.5% - 3px),transparent calc(2.5% - 3px),transparent 2.5%)}#ysCtmriBodyV25 #ysCtExperienceApp .fill{height:100%;width:0;background:var(--accent)}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-line{position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.55);opacity:0;pointer-events:none}#ysCtmriBodyV25 #ysCtExperienceApp .scan-line::before{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(transparent,rgba(var(--accent-rgb),.14))}#ysCtmriBodyV25 #ysCtExperienceApp .complete{position:absolute;inset:0;display:grid;place-content:center;background:#080c1266;opacity:0;transition:opacity .25s;pointer-events:none}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible{opacity:1}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{padding:13px 22px;border-radius:12px;background:#1b291fee;border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent);font-weight:650;font-size:14px;box-shadow:0 10px 28px #0005}
#ysCtmriBodyV25 #ysCtExperienceApp .actions{position:relative;display:flex;align-items:center;justify-content:center;height:54px;margin-top:28px}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:194px;height:54px;background:#c7d8a8;color:#223226;border:1px solid #dce7c644;border-radius:16px;box-shadow:0 4px 24px #c7d8a812;font-size:15px;font-weight:750}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary:hover{background:#dce7c6;box-shadow:0 4px 28px #c7d8a822}#ysCtmriBodyV25 #ysCtExperienceApp .actions #ysct-reset{position:absolute;right:calc(50% + 121px);padding:12px 0;border:0;background:none;color:#858a95;font-size:12px;white-space:nowrap}#ysCtmriBodyV25 #ysCtExperienceApp .actions #ysct-reset:hover{color:#fff}#ysCtmriBodyV25 #ysCtExperienceApp .detail{visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:18px;height:32px;margin:18px auto 0;padding:0 12px;max-width:600px;color:#9b9faa;font-size:12px}#ysCtmriBodyV25 #ysCtExperienceApp .detail input{flex:1;min-width:40px;accent-color:#c7d8a8}#ysCtmriBodyV25 #ysCtExperienceApp .detail output{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}#ysCtmriBodyV25 #ysCtExperienceApp.quality .detail{visibility:visible;pointer-events:auto}#ysCtmriBodyV25 #ysCtExperienceApp.quality #ysct-play{visibility:hidden;pointer-events:none}#ysCtmriBodyV25 #ysCtExperienceApp.quality .viewer canvas{transform:scale(1.5);transform-origin:50% 63%}#ysCtmriBodyV25 #ysCtExperienceApp.quality .scan-line{display:none}#ysCtmriBodyV25 #ysCtExperienceApp.quality .track{opacity:.3}#ysCtmriBodyV25 #ysCtExperienceApp .loading{text-align:center;font-size:12px;color:#9db8b4;margin-bottom:16px}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp{padding:28px 20px 20px}#ysCtmriBodyV25 #ysCtExperienceApp .compare{gap:16px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{padding:24px 18px 19px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong{font-size:clamp(21px,3.4vw,30px);height:40px;line-height:40px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{padding:17px 80px 16px 14px;min-height:109px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{font-size:39px;height:51px;line-height:51px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time small,#ysCtmriBodyV25 #ysCtExperienceApp .scan-time i{font-size:20px}#ysCtmriBodyV25 #ysCtExperienceApp .dial{width:53px;height:53px;right:13px}#ysCtmriBodyV25 #ysCtExperienceApp .dial::before{inset:4px}#ysCtmriBodyV25 #ysCtExperienceApp .dial svg{width:22px;height:22px}#ysCtmriBodyV25 #ysCtExperienceApp .viewer{margin:0 10px;aspect-ratio:1.1}#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding:18px 20px 22px}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp{padding:24px 10px 18px}#ysCtmriBodyV25 #ysCtExperienceApp .toolbar{height:44px;margin-bottom:20px}#ysCtmriBodyV25 #ysCtExperienceApp .tabs button{width:118px;font-size:13px}#ysCtmriBodyV25 #ysCtExperienceApp .compare{gap:10px}#ysCtmriBodyV25 #ysCtExperienceApp .panel{border-radius:18px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{padding:20px 10px 14px}#ysCtmriBodyV25 #ysCtExperienceApp .era{font-size:8px;letter-spacing:1px;margin-bottom:10px;gap:5px}#ysCtmriBodyV25 #ysCtExperienceApp .era::before{width:4px;height:4px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong{font-size:clamp(14px,4vw,21px);height:31px;line-height:31px;letter-spacing:-.65px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{padding:13px 8px 12px;min-height:100px;margin-top:14px;border-radius:10px;text-align:center}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>span{font-size:10px;line-height:16px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{justify-content:center;font-size:34px;line-height:45px;height:45px;gap:2px;letter-spacing:-1.2px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time small,#ysCtmriBodyV25 #ysCtExperienceApp .scan-time i{font-size:17px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time i{margin:0 1px}#ysCtmriBodyV25 #ysCtExperienceApp .dial{display:none}#ysCtmriBodyV25 #ysCtExperienceApp .viewer{margin:0 6px;aspect-ratio:1;border-radius:7px}#ysCtmriBodyV25 #ysCtExperienceApp .viewer .tag{top:5px;left:5px;font-size:5px;letter-spacing:.3px;padding:2px 4px}#ysCtmriBodyV25 #ysCtExperienceApp .viewer::after{width:8px;height:8px;right:7px;top:7px}#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding:14px 12px 18px}#ysCtmriBodyV25 #ysCtExperienceApp .status-row{font-size:10px;margin-bottom:10px}#ysCtmriBodyV25 #ysCtExperienceApp .percent{font-size:11px}#ysCtmriBodyV25 #ysCtExperienceApp .track{height:9px;mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 2px),transparent calc(5% - 2px),transparent 5%)}#ysCtmriBodyV25 #ysCtExperienceApp .actions{height:49px;margin-top:24px}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary{width:162px;height:49px;font-size:14px;border-radius:14px}#ysCtmriBodyV25 #ysCtExperienceApp .actions #ysct-reset{right:calc(50% + 97px);font-size:10px}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{padding:10px 12px;font-size:11px;border-radius:9px}#ysCtmriBodyV25 #ysCtExperienceApp .detail{font-size:10px;gap:10px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp button,#ysCtmriBodyV25 #ysCtExperienceApp .complete{transition:none}}
/* Match the CT/MRI center palette while retaining the instrument layout. */
#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .panel-head strong{color:#a8afa2}#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .era{color:#7c8777}#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time>span{color:#8e9986}#ysCtmriBodyV25 #ysCtExperienceApp .panel.modern{background:radial-gradient(ellipse at 12% 0%,rgba(199,216,168,.09),transparent 50%),#223226;border-color:rgba(199,216,168,.28)}#ysCtmriBodyV25 #ysCtExperienceApp .modern .scan-time{background:#19241c}#ysCtmriBodyV25 #ysCtExperienceApp .modern .dial::before{background:#19241c}#ysCtmriBodyV25 #ysCtExperienceApp .panel{transition:border-color .5s,box-shadow .5s}#ysCtmriBodyV25 #ysCtExperienceApp .panel.is-complete{border-color:rgba(var(--accent-rgb),.38);box-shadow:0 10px 40px rgba(var(--accent-rgb),.045)}
#ysCtmriBodyV25 #ysCtExperienceApp .complete{background:rgba(9,16,11,.34);transition:opacity .65s cubic-bezier(.2,.7,.2,1)}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s ease .08s,transform .65s cubic-bezier(.16,1,.3,1) .08s}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible span{opacity:1;transform:translateY(0) scale(1)}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-line{transition:opacity .45s ease}#ysCtmriBodyV25 #ysCtExperienceApp .era::before{transition:box-shadow .6s}#ysCtmriBodyV25 #ysCtExperienceApp .is-running .era::before{box-shadow:0 0 12px rgba(var(--accent-rgb),.45)}#ysCtmriBodyV25 #ysCtExperienceApp .is-complete .era::before{box-shadow:none}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary{transition:background .3s,box-shadow .4s,transform .3s}#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary:active{transform:scale(.97)}#ysCtmriBodyV25 #ysCtExperienceApp .is-running #ysct-play::before{width:8px;height:11px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}#ysCtmriBodyV25 #ysCtExperienceApp .tabs button{transition:background .32s,color .32s,box-shadow .32s}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .panel,#ysCtmriBodyV25 #ysCtExperienceApp .complete,#ysCtmriBodyV25 #ysCtExperienceApp .complete span,#ysCtmriBodyV25 #ysCtExperienceApp .scan-line,#ysCtmriBodyV25 #ysCtExperienceApp .era::before,#ysCtmriBodyV25 #ysCtExperienceApp .actions .primary,#ysCtmriBodyV25 #ysCtExperienceApp .tabs button{transition:none}}
/* Completion settles into the corner; it never covers or scales over the image. */
#ysCtmriBodyV25 #ysCtExperienceApp .complete{inset:auto 16px 16px auto;display:block;background:none;opacity:0;transition:opacity .85s ease .2s}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;border:1px solid rgba(var(--accent-rgb),.16);background:rgba(18,27,20,.86);box-shadow:none;font-size:11px;font-weight:550;opacity:1;transform:none;transition:none}#ysCtmriBodyV25 #ysCtExperienceApp .complete span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible span{opacity:1;transform:none}#ysCtmriBodyV25 #ysCtExperienceApp .panel.is-complete{box-shadow:0 14px 44px #0004;border-color:rgba(var(--accent-rgb),.24)}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .complete{right:8px;bottom:8px}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{font-size:9px;padding:6px 8px;gap:5px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .complete{transition:none}}
/* Center the entire comparison, with safe scrolling on shorter screens. */
#ysCtmriBodyV25 #ysCtExperienceApp{display:flex;flex-direction:column;min-height:100svh}
#ysCtmriBodyV25 #ysCtExperienceApp{flex:none;margin-block:auto;margin-inline:auto}
/* Give each unfilled progress cell a visible surface and a regular gap. */
#ysCtmriBodyV25 #ysCtExperienceApp .track{height:14px;background:#4b5547;mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(2.5% - 4px),transparent calc(2.5% - 4px),transparent 2.5%);border-radius:2px}
#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .track{background:#3c453a}
#ysCtmriBodyV25 #ysCtExperienceApp .fill{background:#a1ab96}
#ysCtmriBodyV25 #ysCtExperienceApp .modern .fill{background:#c7d8a8}
#ysCtmriBodyV25 #ysCtExperienceApp.quality .track{opacity:1}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .track{height:11px;mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 3px),transparent calc(5% - 3px),transparent 5%)}}
/* Each CT has its own experience controls and state. */
#ysCtmriBodyV25 #ysCtExperienceApp .panel-head .general-title{font-size:clamp(25px,2.9vw,36px);letter-spacing:-1.2px}
#ysCtmriBodyV25 #ysCtExperienceApp .experience-controls{position:relative;height:82px;margin:0 20px 10px}
#ysCtmriBodyV25 #ysCtExperienceApp .device-actions,#ysCtmriBodyV25 #ysCtExperienceApp .device-detail{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px}
#ysCtmriBodyV25 #ysCtExperienceApp .device-actions{flex-direction:column;gap:8px}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .primary{min-width:182px;height:43px;border-radius:12px;background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.28);font-size:14px;font-weight:650;padding:0 24px}#ysCtmriBodyV25 #ysCtExperienceApp .modern .device-actions .primary{background:#c7d8a8;color:#223226;border-color:#dce7c633}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .primary:hover{box-shadow:0 0 22px rgba(var(--accent-rgb),.1);background:rgba(var(--accent-rgb),.22)}#ysCtmriBodyV25 #ysCtExperienceApp .modern .device-actions .primary:hover{background:#dce7c6}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .reset{border:0;background:none;padding:3px 8px;font-size:11px;color:#91998b}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .reset:hover{color:#d4ddc9}
#ysCtmriBodyV25 #ysCtExperienceApp .device-detail{visibility:hidden;pointer-events:none;font-size:11px;color:#a8b39d;gap:10px}#ysCtmriBodyV25 #ysCtExperienceApp .device-detail input{flex:1;min-width:30px;accent-color:#c7d8a8}#ysCtmriBodyV25 #ysCtExperienceApp .device-detail output{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}#ysCtmriBodyV25 #ysCtExperienceApp.quality .device-actions{visibility:hidden;pointer-events:none}#ysCtmriBodyV25 #ysCtExperienceApp.quality .device-detail{visibility:visible;pointer-events:auto}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp .panel-head .general-title{font-size:clamp(19px,2.85vw,28px)}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong,#ysCtmriBodyV25 #ysCtExperienceApp .panel-head .general-title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:4px;white-space:normal;height:46px;line-height:23px;font-size:clamp(15px,3.9vw,21px);letter-spacing:-.6px}#ysCtmriBodyV25 #ysCtExperienceApp .experience-controls{margin:0 10px 10px;height:78px}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .primary{min-width:0;width:100%;max-width:180px;height:40px;padding:0 8px;font-size:12px}#ysCtmriBodyV25 #ysCtExperienceApp .device-actions .reset{font-size:10px}#ysCtmriBodyV25 #ysCtExperienceApp .device-detail{flex-wrap:wrap;gap:6px;font-size:10px}#ysCtmriBodyV25 #ysCtExperienceApp .device-detail label{width:100%;text-align:center}#ysCtmriBodyV25 #ysCtExperienceApp .device-detail input{width:65%}}
/* Live standard-CT timer plus duration guidance; both metric boxes stay equal. */
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{min-height:139px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.time-range{display:block;height:18px;line-height:18px;margin-top:4px;font-size:12px;color:#aab49f}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b #ysct-oldTimer{font-variant-numeric:tabular-nums;letter-spacing:-1.5px}
#ysCtmriBodyV25 #ysCtExperienceApp .complete{inset:0;display:grid;place-content:center;background:rgba(8,15,10,.42);opacity:0;transition:opacity .8s ease .15s}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible{opacity:1}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{display:flex;align-items:center;justify-content:center;gap:12px;padding:21px 32px;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.32);background:rgba(21,32,24,.92);box-shadow:0 12px 40px #0003;color:#e3ebd9;font-size:27px;font-weight:700;letter-spacing:-.7px;opacity:0;transform:translateY(6px);transition:opacity .7s ease .2s,transform .8s cubic-bezier(.16,1,.3,1) .15s}#ysCtmriBodyV25 #ysCtExperienceApp .complete span::before{width:7px;height:7px}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible span{opacity:1;transform:translateY(0)}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{min-height:135px}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{min-height:120px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.time-range{font-size:10px;height:16px;line-height:16px;margin-top:1px}#ysCtmriBodyV25 #ysCtExperienceApp .complete{inset:0}#ysCtmriBodyV25 #ysCtExperienceApp .complete span{padding:15px 16px;font-size:18px;border-radius:12px;gap:7px}#ysCtmriBodyV25 #ysCtExperienceApp .complete span::before{width:5px;height:5px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .complete,#ysCtmriBodyV25 #ysCtExperienceApp .complete span{transition:none;transform:none}}
/* Reserve the suffix space; reveal it only when the timer reaches 30 seconds. */
#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range{display:inline-block;opacity:0;visibility:hidden;margin-left:4px;white-space:nowrap;color:var(--accent);font-size:20px;letter-spacing:-.6px;transform:translateX(-3px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range.visible{opacity:1;visibility:visible;transform:translateX(0)}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time .timer-with-range{font-size:clamp(32px,3.5vw,43px)}
@media (min-width:541px){#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time{padding-right:78px}#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .dial{width:48px;height:48px;right:14px}#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .dial::before{inset:4px}}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp .scan-time .timer-with-range{font-size:30px}#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range{font-size:16px;margin-left:2px}#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range small{font-size:17px}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .scan-time .timer-with-range{font-size:clamp(23px,5.9vw,30px);gap:1px}#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range small,#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range{font-size:13px;letter-spacing:-.5px}#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range{margin-left:2px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .timer-with-range .timer-range{transition:none;transform:none}}
/* Quiet centered completion: no badge, border, pill, or bounce. */
#ysCtmriBodyV25 #ysCtExperienceApp .complete{inset:0;display:grid;place-content:center;background:radial-gradient(ellipse at center,rgba(6,12,8,.8),rgba(6,12,8,.34) 75%);transition:opacity .7s ease .1s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete span{display:flex;flex-direction:column;gap:19px;padding:24px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;opacity:1;transition:none}
#ysCtmriBodyV25 #ysCtExperienceApp .complete span::before{display:none}
#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark{display:block;width:64px;height:64px;overflow:visible;fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}
#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark circle{stroke-width:1;stroke-opacity:.65;stroke-dasharray:170;stroke-dashoffset:170;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .9s cubic-bezier(.2,.65,.2,1) .15s}
#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark path{stroke-width:2;stroke-dasharray:38;stroke-dashoffset:38;transition:stroke-dashoffset .55s ease .65s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete strong{font-size:29px;font-weight:550;letter-spacing:-.8px;line-height:1.25;color:#f1f4eb;opacity:0;transition:opacity .6s ease .45s;text-shadow:0 2px 14px #0005}
#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-mark circle,#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-mark path{stroke-dashoffset:0}
#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible strong{opacity:1}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .complete span{padding:12px;gap:12px}#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark{width:44px;height:44px}#ysCtmriBodyV25 #ysCtExperienceApp .complete strong{font-size:20px;letter-spacing:-.5px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark circle,#ysCtmriBodyV25 #ysCtExperienceApp .completion-mark path,#ysCtmriBodyV25 #ysCtExperienceApp .complete strong{transition:none}}
/* A single, sequenced completion moment, without a popup or looping effects. */
#ysCtmriBodyV25 #ysCtExperienceApp .complete{isolation:isolate;background:radial-gradient(ellipse at 50% 45%,rgba(10,20,13,.91),rgba(5,11,7,.7) 65%,rgba(5,11,7,.54));overflow:hidden;transition:opacity .7s ease .12s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete::before{content:"";position:absolute;z-index:-1;width:240px;height:240px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 68%);opacity:0;transition:opacity 1.5s ease .3s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible::before{opacity:1}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-content{position:relative;display:flex;align-items:center;flex-direction:column;gap:0;padding:22px;background:none;border:0;box-shadow:none}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-kicker{display:block;padding:0;margin:0 0 17px;background:none;border:0;box-shadow:none;color:var(--accent);font-size:9px;line-height:14px;font-weight:600;letter-spacing:3px;opacity:0;transition:opacity .8s ease .3s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-mark{width:88px;height:88px;margin-bottom:19px;filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.12))}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-orbit{stroke-width:.6;stroke-opacity:.25;stroke-dasharray:1 5;stroke-dashoffset:0;transform:none;opacity:0;transition:opacity 1s ease .1s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-ring{stroke-width:1.2;stroke-opacity:.85;stroke-dasharray:189;stroke-dashoffset:189;transform:rotate(-90deg);transform-origin:40px 40px;transition:stroke-dashoffset 1.1s cubic-bezier(.22,.7,.3,1) .15s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-mark path{stroke-width:2.2;stroke-dasharray:41;stroke-dashoffset:41;transition:stroke-dashoffset .6s ease .65s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete strong{font-size:33px;line-height:1.3;font-weight:650;letter-spacing:-1px;opacity:0;transition:opacity .8s ease .7s}
#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-time{display:flex;flex-direction:row;align-items:baseline;gap:6px;padding:13px 0 0;margin-top:14px;border:0;border-top:1px solid rgba(var(--accent-rgb),.2);border-radius:0;background:none;box-shadow:none;color:#9fab98;font-size:11px;font-weight:450;letter-spacing:0;opacity:0;transition:opacity .8s ease .95s}
#ysCtmriBodyV25 #ysCtExperienceApp .completion-time b{margin-left:10px;font-size:18px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:.6px;color:var(--accent)}#ysCtmriBodyV25 #ysCtExperienceApp .completion-time small{font-size:10px;color:#aebba6}
#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-kicker,#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-orbit,#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible strong,#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-time{opacity:1}#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-ring,#ysCtmriBodyV25 #ysCtExperienceApp .complete.visible .completion-mark path{stroke-dashoffset:0}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-content{padding:8px}#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-kicker{font-size:6px;line-height:9px;letter-spacing:1.8px;margin-bottom:8px}#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-mark{width:48px;height:48px;margin-bottom:8px}#ysCtmriBodyV25 #ysCtExperienceApp .complete strong{font-size:19px;line-height:1.25;letter-spacing:-.6px}#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-time{font-size:8px;gap:3px;padding-top:7px;margin-top:8px}#ysCtmriBodyV25 #ysCtExperienceApp .completion-time b{font-size:12px;margin-left:3px}#ysCtmriBodyV25 #ysCtExperienceApp .completion-time small{font-size:8px}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .complete::before,#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-kicker,#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-orbit,#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-ring,#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-mark path,#ysCtmriBodyV25 #ysCtExperienceApp .complete strong,#ysCtmriBodyV25 #ysCtExperienceApp .complete .completion-time{transition:none}}
#ysCtmriBodyV25 #ysCtExperienceApp .experience-note{max-width:760px;margin:22px auto 0;padding:0 12px;text-align:center;font-size:11px;line-height:1.8;font-weight:400;letter-spacing:-.1px;color:#929e8c;word-break:keep-all}@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .experience-note{margin-top:17px;font-size:10px;line-height:1.7;padding:0 5px}}

#ysCtmriBodyV25 #ysCtExperienceApp .brand-logo{display:flex;justify-content:center;align-items:center;margin:0 0 26px}#ysCtmriBodyV25 #ysCtExperienceApp .brand-logo img{display:block;width:180px;max-width:48vw;height:auto;opacity:.94}@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .brand-logo{margin-bottom:22px}#ysCtmriBodyV25 #ysCtExperienceApp .brand-logo img{width:150px}}

/* Mobile title readability, a reserved second timer line, and a three-line footer. */
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range{display:block;height:18px;line-height:18px;margin-top:4px;font-size:13px;font-weight:500;color:var(--accent);opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range.visible{opacity:1;visibility:visible;transform:translateY(0)}
#ysCtmriBodyV25 #ysCtExperienceApp .experience-note{max-width:100%;padding:0;font-size:11px;line-height:1.9;letter-spacing:-.15px;word-break:normal}#ysCtmriBodyV25 #ysCtExperienceApp .experience-note>span{display:block;white-space:nowrap}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong,#ysCtmriBodyV25 #ysCtExperienceApp .panel-head .general-title{font-size:clamp(17px,4.5vw,23px);height:50px;line-height:25px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range{height:16px;line-height:16px;margin-top:1px;font-size:11px}#ysCtmriBodyV25 #ysCtExperienceApp .experience-note{font-size:min(11px,2.35vw);letter-spacing:-.18px;line-height:1.9;padding:0}}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range{transition:none;transform:none}}
/* Reveal each scan only when that device's experience starts. */
#ysCtmriBodyV25 #ysCtExperienceApp .viewer canvas{filter:brightness(.3);transition:filter 1.1s cubic-bezier(.2,.65,.3,1)}
#ysCtmriBodyV25 #ysCtExperienceApp .has-started .viewer canvas,#ysCtmriBodyV25 #ysCtExperienceApp.quality .viewer canvas{filter:brightness(1)}
@media (prefers-reduced-motion:reduce){#ysCtmriBodyV25 #ysCtExperienceApp .viewer canvas{transition:none}}
/* Compact the heading and time module without changing either card's alignment. */
#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{padding-top:20px;padding-bottom:16px}
#ysCtmriBodyV25 #ysCtExperienceApp .era{margin-bottom:8px}
#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong{height:42px;line-height:42px}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{margin-top:12px;min-height:0;height:112px;padding-top:12px;padding-bottom:10px}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{height:48px;line-height:48px;margin-top:1px}
#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range{height:16px;line-height:16px;margin-top:0}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{padding-top:18px;padding-bottom:14px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong{height:36px;line-height:36px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{height:106px;min-height:0;margin-top:10px;padding-top:11px;padding-bottom:9px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{height:45px;line-height:45px}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .panel-head{padding-top:15px;padding-bottom:11px}#ysCtmriBodyV25 #ysCtExperienceApp .era{margin-bottom:5px;line-height:14px}#ysCtmriBodyV25 #ysCtExperienceApp .panel-head strong,#ysCtmriBodyV25 #ysCtExperienceApp .panel-head .general-title{height:32px;line-height:25px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time{height:96px;min-height:0;margin-top:9px;padding:10px 8px 8px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time b{height:40px;line-height:40px;margin-top:1px}#ysCtmriBodyV25 #ysCtExperienceApp .scan-time>.timer-range{height:15px;line-height:15px;margin-top:0}}
/* Tighten the gauge-to-action spacing; keep equal control space in both tabs. */
#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding-bottom:12px}
#ysCtmriBodyV25 #ysCtExperienceApp .experience-controls{height:47px;margin:0 20px 18px}
#ysCtmriBodyV25 #ysCtExperienceApp .device-actions{justify-content:flex-start;gap:0}
@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding-bottom:12px}}
@media (max-width:540px){#ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding-bottom:11px}#ysCtmriBodyV25 #ysCtExperienceApp .experience-controls{height:44px;margin:0 10px 14px}}
/* Desktop-only spacing and two-line explanatory footer. */
@media (min-width:851px){
  #ysCtmriBodyV25 #ysCtExperienceApp .bottom{padding-bottom:23px}
  #ysCtmriBodyV25 #ysCtExperienceApp .experience-note>span:nth-child(2),#ysCtmriBodyV25 #ysCtExperienceApp .experience-note>span:nth-child(3){display:inline}
  #ysCtmriBodyV25 #ysCtExperienceApp .experience-note>span:nth-child(2)::after{content:" "}
}
/* Make the standard CT action visibly clickable without matching the BIEN emphasis. */
#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .device-actions .primary{background:#46503d;border-color:#9faa8270;color:#e2e9d6;box-shadow:inset 0 1px #ffffff08}
#ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .device-actions .primary:hover{background:#566149;border-color:#b6c69a99;color:#f5f8ef}
/* Casual copy deterrents, limited to the CT experience. */
#ysCtmriBodyV25 #ysCtExperienceApp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#ysCtmriBodyV25 #ysCtExperienceApp img,#ysCtmriBodyV25 #ysCtExperienceApp canvas{-webkit-user-drag:none;-webkit-touch-callout:none}
#ysCtmriBodyV25 #ysCtExperienceApp input,#ysCtmriBodyV25 #ysCtExperienceApp textarea,#ysCtmriBodyV25 #ysCtExperienceApp [contenteditable=true]{-webkit-user-select:auto;user-select:auto}
@media  print{#ysCtmriBodyV25 #ysCtExperienceApp{display:none!important}}
/* Desktop keeps the range beside the clock; mobile retains the line underneath. */
@media (min-width:851px){
  #ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time{display:grid;grid-template-columns:max-content max-content;grid-template-rows:18px 48px;align-content:start;align-items:baseline;column-gap:8px}
  #ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time>span:first-child{grid-column:1 / -1}
  #ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time>.timer-with-range{grid-column:1;grid-row:2}
  #ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time>.timer-range{grid-column:2;grid-row:2;margin:0;height:auto;line-height:1;font-size:20px;transform:translateX(-3px)}
  #ysCtmriBodyV25 #ysCtExperienceApp .panel:not(.modern) .scan-time>.timer-range.visible{transform:none}
}
@font-face{font-family:"BIEN CT Mobile";src:url("./fonts/BIENCTMobile.woff2") format("woff2");font-weight:100 900;font-display:swap}@media (max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp{font-family:"BIEN CT Mobile",sans-serif}}

#ysCtmriBodyV25 #ysCtExperienceApp{display:block;min-height:0;width:100%;max-width:1192px;margin:0 auto;padding:4px 0 12px;background:transparent;color:#F8F5EC;font-family:"BIEN CT Experience",sans-serif;line-height:normal;}
#ysCtmriBodyV25 #ysCtExperienceApp .brand-logo{display:none;}
#ysCtmriBodyV25 #ysCtExperienceApp p{margin-top:0;}
@media(max-width:850px){#ysCtmriBodyV25 #ysCtExperienceApp{font-family:"BIEN CT Mobile",sans-serif;}}