.patient-lab{--lab-paper:#f2ecdf;--lab-deep:#e7decd;--lab-ink:#123e67;--lab-soft:#456884;--lab-line:#86a5bd;--lab-orange:#c8662f;background:var(--lab-paper);color:var(--lab-ink)}.lab-header{border-bottom:1px solid var(--lab-line);justify-content:space-between;align-items:center;height:88px;padding:0 clamp(22px,5vw,76px);display:flex}.lab-header>span{letter-spacing:.2em;font-size:9px;font-weight:800}.lab-header>a:last-child{font-size:11px;font-weight:750;text-decoration:none}.lab-intro{grid-template-columns:1.2fr .8fr;gap:10vw;padding:clamp(75px,9vw,140px) clamp(24px,7vw,110px) clamp(70px,8vw,120px);display:grid}.lab-kicker{letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px;font-size:10px;font-weight:800}.lab-intro h1{letter-spacing:-.065em;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(50px,7.2vw,112px);font-weight:500;line-height:1.04}.intro-copy{align-self:end}.intro-copy>p{color:var(--lab-soft);word-break:keep-all;margin:0;font-size:16px;line-height:1.85}.intro-copy dl{border-top:1px solid var(--lab-line);margin:44px 0 0}.intro-copy dl>div{border-bottom:1px solid color-mix(in srgb,var(--lab-line) 62%,transparent);grid-template-columns:80px 1fr;padding:16px 0;display:grid}.intro-copy dt{color:var(--lab-soft);font-size:10px}.intro-copy dd{margin:0;font-size:13px;font-weight:750}.profile-section{padding:0 clamp(24px,7vw,110px) clamp(85px,10vw,150px)}.lab-section-label{letter-spacing:.14em;align-items:center;gap:15px;margin-bottom:40px;font-size:10px;font-weight:800;display:flex}.lab-section-label span{border:1px solid var(--lab-line);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.lab-section-label p{margin:0}.profile-grid{border-top:1px solid var(--lab-line);border-left:1px solid var(--lab-line);grid-template-columns:repeat(3,1fr);display:grid}.profile-grid button{text-align:left;min-height:360px;color:var(--lab-ink);border:0;border-right:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);cursor:pointer;background:0 0;padding:28px;transition:background .2s,transform .2s}.profile-grid button:hover{background:var(--lab-deep)}.profile-grid button:focus-visible{outline:3px solid var(--lab-orange);outline-offset:-5px}.profile-grid button.selected{color:var(--lab-paper);background:var(--lab-ink)}.profile-grid button>span{color:var(--lab-line);font:500 48px/1 Georgia,serif}.profile-grid h2{letter-spacing:-.05em;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;margin:65px 0 16px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(26px,2.5vw,34px);font-weight:500;line-height:1.22}.profile-grid p{min-height:68px;color:var(--lab-soft);word-break:keep-all;margin:0;font-size:13px;line-height:1.7}.profile-grid .selected p{color:#c4d1da}.profile-grid strong{color:var(--lab-orange);margin-top:32px;font-size:11px;display:block}.simulator-section{color:var(--lab-paper);background:#0b3153;padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px)}.simulator-heading{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:65px;display:grid}.simulator-heading h2{letter-spacing:-.05em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(42px,5.5vw,78px);font-weight:500}.simulator-heading blockquote{border-left:2px solid var(--lab-orange);color:#d8e3ea;margin:0;padding-left:25px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(20px,2.1vw,31px);line-height:1.55}.simulator-grid{border:1px solid #476c87;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);display:grid}.control-panel,.observation-panel{min-width:0}.control-panel{background:#082946;border-right:1px solid #476c87;padding:28px 32px}.panel-title{border-bottom:1px solid #476c87;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:18px;font-size:11px;font-weight:750;display:flex}.panel-title button{color:#9db3c2;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #6d8da4;padding:7px 0;font-size:10px}.panel-title em{color:#96adbd;letter-spacing:.04em;font-size:9px;font-style:normal;font-weight:500}.lab-control{border-bottom:1px solid #476c8794;padding:14px 0;display:block}.lab-control>span,.lab-control small{justify-content:space-between;align-items:center;display:flex}.lab-control strong{font-size:12px}.lab-control output{color:#efa87f;font:500 19px/1 Georgia,serif}.lab-control input{width:100%;accent-color:var(--lab-orange);cursor:pointer;margin:14px 0 9px}.lab-control small{color:#7f9caf;font-size:9px}.lab-control i{font-style:normal}.observation-panel{background:#103a5d;padding:28px 32px}.motion-stage{color:var(--lab-ink);background:#f2ecdf;padding:22px}.stage-labels{color:var(--lab-soft);justify-content:space-between;font-size:9px;display:flex}.motion-stage svg{width:100%;height:auto;margin:8px 0;display:block}.bos{fill:#9cb4c4}.trajectory-shadow{fill:none;stroke:#d7c9b5;stroke-width:13px;stroke-linecap:round}.trajectory{fill:none;stroke:var(--lab-orange);stroke-width:4px;stroke-linecap:round;stroke-dasharray:7 6}.com-start{fill:var(--lab-ink)}.com-end{fill:var(--lab-orange);stroke:#f2ecdf;stroke-width:4px}.stage-legend{flex-wrap:wrap;gap:22px;font-size:9px;display:flex}.stage-legend span{align-items:center;gap:7px;display:flex}.stage-legend i{display:inline-block}.dot-start,.dot-end{background:var(--lab-ink);border-radius:50%;width:8px;height:8px}.dot-end{background:var(--lab-orange)}.bar-bos{background:#9cb4c4;border-radius:4px;width:18px;height:5px}.result-summary{border-top:1px solid #54768f;border-bottom:1px solid #54768f;grid-template-columns:150px 1fr;gap:30px;margin-top:25px;padding:25px 0;display:grid}.result-score span{color:#9db3c2;font-size:9px;display:block}.result-score strong{color:#efa87f;margin-top:8px;font:500 60px/1 Georgia,serif;display:inline-block}.result-score small{color:#89a2b3;margin-top:5px;font-size:9px;display:block}.result-copy>p{margin:0 0 20px;font-family:Georgia,Noto Serif KR,serif;font-size:20px;line-height:1.45}.result-copy dl{margin:0}.result-copy dl>div{grid-template-columns:90px 1fr;gap:10px;padding:7px 0;display:grid}.result-copy dt{color:#91a9b9;font-size:9px}.result-copy dd{color:#d9e3e8;margin:0;font-size:11px;line-height:1.55}.counter-observation{color:var(--lab-ink);background:#f2ecdf;grid-template-columns:100px 1fr;gap:20px;margin-top:24px;padding:20px;display:grid}.counter-observation span{color:var(--lab-orange);font-size:10px;font-weight:800}.counter-observation p{color:var(--lab-soft);margin:0;font-size:12px;line-height:1.7}.lab-boundary{background:var(--lab-deep);grid-template-columns:1fr 1fr;gap:9vw;padding:clamp(85px,10vw,150px) clamp(24px,7vw,110px);display:grid}.lab-boundary>div>p:first-child{letter-spacing:.15em;margin:0 0 35px;font-size:10px;font-weight:800}.lab-boundary h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(37px,4.7vw,68px);font-weight:500;line-height:1.17}.lab-boundary>div:last-child{align-self:end}.lab-boundary>div:last-child>p{color:var(--lab-soft);margin:0;font-size:15px;line-height:1.85}.lab-boundary ul{border-top:1px solid var(--lab-line);margin:35px 0 0;padding:0;list-style:none}.lab-boundary li{border-bottom:1px solid var(--lab-line);padding:15px 0;font-size:12px}@media (max-width:800px){.lab-header{height:68px;padding-inline:22px}.lab-header>span{display:none}.lab-intro,.simulator-heading,.lab-boundary{grid-template-columns:1fr}.lab-intro{gap:45px;padding:64px 22px}.lab-intro h1{font-size:44px;line-height:1.1}.profile-section{padding:0 22px 72px}.profile-grid{grid-template-columns:1fr}.profile-grid button{min-height:0;padding:22px}.profile-grid button>span{font-size:34px}.profile-grid h2{margin:30px 0 12px;font-size:30px}.profile-grid p{min-height:0}.profile-grid strong{margin-top:22px}.simulator-section{padding:72px 22px}.simulator-heading{gap:28px;margin-bottom:45px}.simulator-heading h2{font-size:40px}.simulator-heading blockquote{font-size:19px}.simulator-grid{grid-template-columns:1fr}.control-panel{border-bottom:1px solid #476c87;border-right:0;padding:22px 18px}.observation-panel{padding:22px 18px}.panel-title{align-items:flex-start}.panel-title em{text-align:right;max-width:130px;line-height:1.4}.motion-stage{padding:14px}.result-summary{grid-template-columns:1fr;gap:20px}.result-copy>p{font-size:18px}.counter-observation{grid-template-columns:1fr;gap:8px}.lab-boundary{gap:48px;padding:72px 22px}.lab-boundary h2{font-size:34px;line-height:1.25}}@media (prefers-reduced-motion:reduce){.profile-grid button{transition:none}}.stage-labels strong{color:var(--lab-orange);font-size:10px}.human-motion-view{background:linear-gradient(#e8e2d6 0%,#f2ecdf 78%);border-bottom:1px solid #b7c6cf;height:330px;margin:8px 0;position:relative;overflow:hidden}.human-motion-view>svg{z-index:1;width:100%;height:215px;margin:0;display:block;position:absolute;bottom:-3px;left:0;right:0}.motion-person{z-index:2;filter:drop-shadow(0 8px 6px #123e671f);background-image:url(/lab/sit-to-stand-sprite.png);background-repeat:no-repeat;background-size:500% 100%;width:min(52%,220px);height:94%;transition:background-position .28s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.motion-person.frame-0{background-position:0}.motion-person.frame-1{background-position:25%}.motion-person.frame-2{background-position:50%}.motion-person.frame-3{background-position:75%}.motion-person.frame-4{background-position:100%}.cog-marker{z-index:4;background:var(--lab-orange);width:18px;height:18px;box-shadow:0 0 0 2px var(--lab-ink);border:4px solid #f2ecdf;border-radius:50%;transition:left .28s,top .28s;position:absolute;transform:translate(-50%,-50%)}.cog-marker i{color:#f2ecdf;background:var(--lab-ink);letter-spacing:.05em;padding:3px 5px;font-size:8px;font-style:normal;font-weight:800;position:absolute;top:-2px;left:22px}@media (max-width:800px){.human-motion-view{height:280px}.motion-person{width:min(62%,190px)}}@media (max-width:520px){.observation-panel .panel-title{flex-direction:column;gap:8px}.observation-panel .panel-title em{text-align:left;max-width:none}.result-copy dl>div{grid-template-columns:78px 1fr}.stage-legend{gap:14px}}@media (max-width:360px){.lab-intro h1{font-size:40px;line-height:1.12}.lab-intro{gap:36px}.intro-copy>p{font-size:15px;line-height:1.75}.profile-grid h2{font-size:27px}.simulator-heading h2{font-size:36px}.simulator-heading blockquote{padding-left:18px;font-size:17px}.human-motion-view{height:250px}.motion-person{width:min(68%,174px)}.result-score strong{font-size:54px}}