@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local(Pretendard Black),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Black.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Black.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local(Pretendard ExtraBold),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-ExtraBold.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-ExtraBold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local(Pretendard Bold),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Bold.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Bold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local(Pretendard SemiBold),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-SemiBold.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-SemiBold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local(Pretendard Medium),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Medium.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Medium.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local(Pretendard Regular),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Regular.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Regular.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local(Pretendard Light),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Light.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Light.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local(Pretendard ExtraLight),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-ExtraLight.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-ExtraLight.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local(Pretendard Thin),url(/fonts/Pretendard-1.3.9/web/static/woff2/Pretendard-Thin.woff2)format("woff2"),url(/fonts/Pretendard-1.3.9/web/static/woff/Pretendard-Thin.woff)format("woff")}:root{--background:#fff;--foreground:#000;--color-primary:#000;--color-primary-dark:#1a1a1a;--color-primary-light:#f8f9fa;--color-secondary:#333;--color-accent:#f5f5f5;--color-text-fixed-light:#000;--color-extralight-gray:#e2e2e2c7;--color-light-gray:#79797996;--color-medium-gray:#d1d5db;--color-dark-gray:#6b7280;--color-white:#fff;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-background:#fef3c7;--color-success:#10b981;--color-success-background:#d1fae5;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-background:#fef2f2;--color-link:#374151;--color-link-hover:#000;--color-text-primary:var(--foreground);--color-text-secondary:var(--color-dark-gray);--color-text-on-primary:var(--color-white);--color-text-on-gradient:var(--color-white);--color-background-primary:var(--background);--color-background-secondary:var(--color-light-gray);--color-background-card:var(--color-extralight-gray);--color-background-input-disabled:var(--color-light-gray);--color-background-hover:#f9fafb;--color-background-nav-dark:#cecece;--color-icon-wrapper-bg:var(--color-accent);--color-button-primary-bg:var(--color-white);--color-button-primary-text:var(--color-primary);--color-button-primary-bg-hover:var(--color-accent);--color-button-secondary-text:var(--color-white);--color-button-secondary-border:var(--color-white);--color-button-secondary-bg-hover:#ffffff1a;--color-footer-link:#202020cc;--color-footer-social-bg:#ffffff1a;--color-footer-social-bg-hover:#fff3;--color-footer-border:#ffffff1a;--color-footer-bottom-link:#ffffffb3;--color-nav-link-hover:var(--color-secondary);--color-border:#e5e7eb;--color-disabled-bg:#d1d5db;--color-shadow:#0000000d;--color-shadow-hover:#0000001a}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#fff;--color-primary:#fff;--color-primary-dark:#e5e7eb;--color-primary-light:#1f2937;--color-secondary:#d1d5db;--color-accent:#1f2937;--color-text-fixed-light:#fff;--color-light-gray:#374151;--color-medium-gray:#4b5563;--color-dark-gray:#9ca3af;--color-white:#000;--color-warning:#f59e0b;--color-warning-light:#451a03;--color-warning-background:#451a03;--color-success:#10b981;--color-success-background:#064e3b;--color-error:#ef4444;--color-error-dark:#f87171;--color-error-background:#450a0a;--color-link:#d1d5db;--color-link-hover:#fff;--color-text-primary:var(--foreground);--color-text-secondary:var(--color-dark-gray);--color-text-on-primary:var(--color-white);--color-text-on-gradient:var(--foreground);--color-background-primary:var(--background);--color-background-secondary:#111;--color-background-card:#0a0a0a;--color-background-input-disabled:#374151;--color-background-hover:#1f2937;--color-icon-wrapper-bg:#1f2937;--color-button-primary-bg:#0a0a0a;--color-button-primary-text:#fff;--color-button-primary-bg-hover:#1f2937;--color-button-secondary-text:#fff;--color-button-secondary-border:#fff;--color-button-secondary-bg-hover:#ffffff1a;--color-footer-link:#fffc;--color-footer-social-bg:#ffffff1a;--color-footer-social-bg-hover:#fff3;--color-footer-border:#fff4;--color-footer-bottom-link:#ffffff83;--color-nav-link-hover:#fffc;--color-border:#374151;--color-disabled-bg:#4b5563;--color-shadow:#ffffff6e;--color-shadow-hover:#ffffff1a;--color-background-nav-dark:#000}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}select,option,input,textarea,button{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif!important}select{appearance:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif!important}option{font-weight:400;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif!important}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.graph-section{flex-direction:column;min-height:300px;display:flex;position:relative}.graph-section.balance-no-camera{grid-column:2}@media (max-width:768px){.graph-section{grid-column:auto}}.gripStrengthContainer{background-color:var(--color-background-card);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.gripStrengthTitle{color:var(--color-text-primary);text-align:center;margin-bottom:20px;font-size:1.2rem;font-weight:600}.gripStrengthGrid{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:300px;display:grid}.gripStrengthBox{text-align:center;background-color:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:8px;padding:20px}.gripStrengthValue{font-size:2rem;font-weight:700}.gripStrengthWeight{font-size:"12px";color:"var(--color-text-secondary)";margin-top:"4px"}.gripStrengthPercentage{color:var(--color-primary);margin-top:8px;font-size:14px;font-weight:600}.gripStrengthRight{text-align:"center";padding:"20px";background-color:"var(--color-background-secondary)";border-radius:"8px";border:"2px solid var(--color-border)",}.gripStrengthRightAbove{font-size:"14px";color:"var(--color-text-secondary)";margin-bottom:"8px"}.totalGripStrength{text-align:center;background-color:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);border-radius:8px;margin-top:20px;padding:12px;font-size:14px;font-weight:600}.cameraSection{background-color:var(--color-background-card);box-shadow:0 2px 8px var(--color-shadow);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex;position:relative}.cameraTitle{color:var(--color-text-primary);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:15px;font-size:1.2rem;font-weight:600;display:flex}.recordingIndicator{background-color:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s infinite recordingPulse}@keyframes recordingPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.videoContainer{width:100%;position:relative}.placeholderCamera{aspect-ratio:16/9;background-color:var(--color-background-secondary);width:100%;color:var(--color-text-secondary);border:2px dashed var(--color-border);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex}.placeholderCamera:hover{cursor:pointer;background:#fff;border-color:#000}.cameraStatus{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:10px;right:10px}.flashOverlay{opacity:0;pointer-events:none;z-index:10;background-color:#fffffff2;border-radius:4px;position:absolute;inset:0}@keyframes flashAnimation{0%{opacity:0}30%{opacity:1}to{opacity:0}}.controlSection{background-color:var(--color-background-card);box-shadow:0 2px 8px var(--color-shadow);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;grid-column:1/-1;gap:20px;padding:20px;display:flex}@media (max-width:768px){.controlSection{gap:16px;padding:16px}}@media (max-width:480px){.controlSection{gap:12px;padding:12px}}.progressBarContainer{background-color:var(--color-background-card);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.progressBarContent{flex:1}.progressBarTitle{color:var(--color-text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.progressBar{align-items:center;gap:8px;display:flex}.progressStep{text-align:center;border:2px solid;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .3s}@media (max-width:480px){.progressStep{padding:6px 8px;font-size:11px}}.progressArrow{border-left:6px solid var(--color-border);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0}.compactMeasureButton{align-items:center;gap:8px;display:flex}.infoSectionsContainer{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.infoSectionsContainer{grid-template-columns:1fr;gap:16px}}.infoSection{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}@media (max-width:480px){.infoSection{gap:12px;padding:16px}}.sectionTitle{color:var(--color-text-primary);border-bottom:2px solid var(--color-border);margin:0 0 16px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.checkboxGroup{gap:12px;display:flex}@media (max-width:480px){.checkboxGroup{flex-direction:column;gap:8px;width:100%}}.inputField{border:2px solid var(--color-border);background-color:var(--color-background-card);color:var(--color-text-primary);border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .3s}.inputField:hover{border-color:var(--color-primary)}.inputField:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0000001a}.inputField::placeholder{color:var(--color-text-secondary);font-weight:400}@media (max-width:480px){.inputField{width:100%;padding:14px 16px;font-size:16px}}.subjectInputContainer{width:100%;position:relative}.subjectDropdown{background-color:var(--color-background-card);border:2px solid var(--color-border);z-index:1000;max-height:200px;box-shadow:0 4px 12px var(--color-shadow);border-radius:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.subjectDropdownItem{cursor:pointer;border-bottom:1px solid var(--color-border);padding:12px 16px;transition:all .2s}.subjectDropdownItem:hover{background-color:var(--color-background-hover)}.subjectDropdownItem:last-child{border-bottom:none}.subjectItemName{color:var(--color-text-primary);margin-bottom:4px;font-weight:600}.subjectItemDetails{color:var(--color-text-secondary);font-size:12px}.subjectDetailsContainer{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;display:grid}@media (max-width:480px){.subjectDetailsContainer{grid-template-columns:1fr;gap:8px}}.genderButtonGroup{gap:8px;display:flex}.measureContainer{gap:8px;display:flex;flex-direction:row!important}.measureTimer{text-align:center;margin-top:12px}.modalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContent{background-color:var(--color-background-card);box-shadow:0 8px 32px var(--color-shadow);border:1px solid var(--color-border);border-radius:12px;min-width:400px;max-width:90vw;padding:24px}@media (max-width:480px){.modalContent{min-width:300px;padding:20px}}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modalTitle{color:var(--color-text-primary);margin:0;font-size:1.2rem;font-weight:600}.closeButton{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.closeButton:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.modalBody{color:var(--color-text-primary);margin-bottom:24px;line-height:1.5}.modalActions{justify-content:flex-end;gap:12px;display:flex}@media (max-width:480px){.modalActions{flex-direction:column;gap:8px}}.stepModalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stepModalContent{background-color:var(--color-background-card);box-shadow:0 8px 32px var(--color-shadow);border:1px solid var(--color-border);text-align:center;border-radius:12px;min-width:500px;max-width:90vw;padding:32px}@media (max-width:480px){.stepModalContent{min-width:300px;padding:24px}}.stepModalTitle{color:var(--color-text-primary);margin:0 0 16px;font-size:1.5rem;font-weight:600}.stepModalDescription{color:var(--color-text-secondary);margin:0 0 24px;font-size:1rem;line-height:1.5}.stepModalActions{justify-content:center;gap:12px;display:flex}@media (max-width:480px){.stepModalActions{flex-direction:column}}.processingIndicator{flex-direction:column;align-items:center;gap:16px;margin:24px 0;display:flex}.processingSpinner{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processingTimer{color:var(--color-primary);font-size:1.2rem;font-weight:600}.weightDisplay{color:var(--color-primary);margin:16px 0;font-size:2rem;font-weight:700}.photoBoxContainer{flex-direction:row;align-items:center;gap:16px;display:flex}.photoBox{flex-direction:column;align-items:center;display:flex}.photoPreview{border:2px solid var(--color-border);border-radius:8px;max-width:300px;max-height:300px;margin:16px 0}