@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}}:root{--ink:#153a31;--paper:#f5f7f6;--card:#fff;--lime:#e8ff72;--line:#d9e1de;--muted:#64746f;--green:#087a55;--orange:#c96a12;--red:#c9413a;--gray:#77827f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);word-break:keep-all;margin:0;font-family:Arial,Noto Sans KR,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7f6f0;justify-content:space-between;align-items:center;min-height:70px;padding:14px clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand span{width:36px;height:36px;color:var(--lime);background:var(--ink);border-radius:10px;place-items:center;font-size:14px;display:grid}nav{gap:28px;font-size:14px;font-weight:700;display:flex}nav a:hover{opacity:.6}.hero{grid-template-columns:1.45fr .55fr;align-items:end;gap:64px;max-width:1240px;margin:0 auto;padding:clamp(48px,8vw,108px) clamp(20px,4vw,64px) 56px;display:grid}.kicker,.section-title>p{letter-spacing:.18em;color:var(--green);margin:0 0 16px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-.075em;max-width:780px;margin:0;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:.98}.hero h1 em{z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--lime);z-index:-1;height:20%;position:absolute;bottom:4%;left:-2%;right:-2%;transform:rotate(-1deg)}.hero-copy>p:not(.kicker){color:#48605a;max-width:610px;margin:30px 0 20px;font-size:19px}.measurement-note{background:var(--ink);color:#fff;border-radius:2px 44px 2px 2px;min-height:260px;padding:32px}.measurement-note>span{background:var(--lime);color:var(--ink);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-block}.measurement-note strong{margin:22px 0 14px;font-size:25px;line-height:1.3;display:block}.measurement-note p{color:#c5d2ce;margin:0;font-size:15px}.calculator-section{background:#e8eeeb;padding:72px clamp(20px,4vw,64px) 88px}.section-title{max-width:1120px;margin:0 auto 30px}.section-title h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.2}.mode-switch{background:#dce5e1;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto 18px;padding:5px;display:grid}.mode-switch button{color:#687873;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-height:56px;font-weight:800;display:flex}.mode-switch button span{opacity:.75;font-size:12px;font-weight:600}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 4px 18px #1a3a3114}.mode-switch button:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.quick-card{border:1px solid var(--line);background:#fff;grid-template-columns:340px minmax(0,1fr);max-width:1120px;margin:0 auto;display:grid;box-shadow:0 14px 45px #1a3a310f}.quick-input-area{background:var(--ink);color:#fff;padding:42px}.quick-overline{letter-spacing:.13em;font-weight:800;color:var(--lime)!important;margin:0 0 8px!important;font-size:12px!important}.quick-input-area h2{letter-spacing:-.045em;margin:0;font-size:31px}.quick-input-area>p{color:#c5d2ce;margin:9px 0 30px;font-size:15px}.quick-input-area label{margin-bottom:8px;font-weight:800;display:block}.quick-input{min-height:62px;color:var(--ink);background:#fff;border:2px solid #0000;align-items:center;padding:0 18px;display:flex}.quick-input.has-error{border-color:#ff877f}.quick-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:28px;font-weight:800}.quick-input span{color:#71807b;font-weight:700}.quick-input-area>small{color:#9eb2ab;margin-top:16px;font-size:12px;line-height:1.5;display:block}.quick-input-area .quick-error{color:#ffaaa5;margin:7px 0 0;font-size:13px}.quick-results{padding:30px 34px}.quick-table-head,.quick-row{grid-template-columns:minmax(155px,1.4fr) 1fr 1fr;align-items:center;gap:18px;display:grid}.quick-table-head{color:#77847f;padding:0 16px 10px;font-size:12px;font-weight:800}.quick-table-head span:not(:first-child){text-align:right}.quick-row{border-top:1px solid var(--line);min-height:86px;padding:16px}.quick-row.is-average{box-shadow:inset 4px 0 0 var(--lime);background:#f2f7f5}.quick-row div{min-width:0}.quick-row strong{font-size:16px;display:block}.quick-row small{color:#7b8883;margin-top:2px;font-size:12px;display:block}.quick-row b{text-align:right;letter-spacing:-.02em;font-size:17px}.quick-guide{background:#f5f7f6;grid-template-columns:90px 1fr;align-items:start;gap:12px;margin-top:18px;padding:18px;display:grid}.quick-guide span{font-size:13px;font-weight:800}.quick-guide p{color:#60716b;margin:0;font-size:13px;line-height:1.5}.quick-empty{min-height:220px;color:var(--muted);place-items:center;display:grid}.calculator-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:24px;max-width:1120px;margin:0 auto;display:grid}.calculator-card,.score-card,.result-card,.assumption{background:var(--card);border:1px solid var(--line);box-shadow:0 14px 45px #1a3a310f}.calculator-card{padding:clamp(24px,4vw,42px)}.form-intro{align-items:flex-start;gap:14px;margin-bottom:25px;display:flex}.form-intro>span{background:var(--ink);width:34px;height:34px;color:var(--lime);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.form-intro h2{letter-spacing:-.03em;margin:-3px 0 2px;font-size:23px}.form-intro p{color:var(--muted);margin:0;font-size:14px}.field-grid{grid-template-columns:1fr 1fr;gap:4px 18px;display:grid}.field label,.posture-field legend{justify-content:space-between;align-items:center;width:100%;margin-bottom:7px;font-size:14px;font-weight:700;display:flex}.required,.optional{color:var(--green);background:#e9f7f1;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.optional{color:#7a8581;background:#f0f2f1}.input-wrap{background:#fbfcfc;border:1px solid #c9d4d0;align-items:center;min-height:48px;padding:0 14px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #153a311a}.input-wrap.has-error{border-color:var(--red)}.input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:17px;font-weight:700}.input-wrap>span{color:#71807b;font-size:13px}.field-hint,.field-error{color:#7b8783;min-height:23px;margin:5px 0;font-size:12px;line-height:1.4}.field-error{color:var(--red)}.paired-fields{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.posture-field{border:0;margin:12px 0 0;padding:0}.posture-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.posture-options label{cursor:pointer;background:#fbfcfc;border:1px solid #c9d4d0;align-items:center;gap:8px;padding:11px 13px;font-size:14px;font-weight:700;display:flex}.posture-options label.selected{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--lime);background:#eef4f1}.posture-options input{accent-color:var(--ink)}.section-divider{background:var(--line);height:1px;margin:30px 0}.submit-button{background:var(--ink);color:#fff;cursor:pointer;border:0;width:100%;min-height:56px;margin-top:18px;font-weight:800;transition:all .2s}.submit-button:hover{background:#205345;transform:translateY(-1px)}.submit-button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.privacy-note,.disclaimer{text-align:center;color:#74817d;margin:12px 0 0;font-size:12px}.results{gap:14px;scroll-margin-top:90px;display:grid}.score-card{border-top:5px solid var(--green);grid-template-columns:1fr 1.2fr;gap:24px;padding:28px;display:grid}.score-card.status-caution{border-top-color:var(--orange)}.score-card.status-not-recommended{border-top-color:var(--red)}.eyebrow{letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:800}.score-card strong{letter-spacing:-.07em;margin-top:9px;font-size:58px;line-height:1;display:block}.score-card strong small{color:var(--muted);letter-spacing:-.02em;font-size:18px}.score-copy{border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;padding-left:24px;display:flex}.score-copy p{margin:11px 0 0;font-weight:700;line-height:1.5}.result-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.result-card{min-height:172px;padding:22px}.result-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.result-heading h3{margin:0;font-size:17px}.status-pill{color:var(--green);white-space:nowrap;background:#edf7f3;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.status-caution .status-pill{color:var(--orange);background:#fff3e8}.status-not-recommended .status-pill{color:var(--red);background:#ffeded}.status-unknown .status-pill{color:var(--gray);background:#eff2f1}.result-card p{color:#405550;margin:0;font-size:14px;line-height:1.55}.result-card small{color:#798580;border-top:1px solid #e6ebe9;margin-top:14px;padding-top:11px;font-size:12px;display:block}.assumption{background:#f8faf9;padding:18px 22px}.assumption strong{font-size:13px}.assumption p{color:var(--muted);margin:4px 0 0;font-size:13px}.ad-space{color:#9aa5a1;letter-spacing:.18em;place-items:center;max-width:1120px;height:150px;margin:0 auto;font-size:11px;display:grid}.ad-space span{border:1px dashed #c5cecb;padding:8px 18px}.content-section,.faq-section{max-width:1120px;margin:0 auto;padding:72px 20px 100px}.section-title.left{margin-left:0}.editorial-grid{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.editorial-grid article{border-bottom:1px solid var(--line);padding:32px 40px 38px 0}.editorial-grid article:nth-child(odd){border-right:1px solid var(--line)}.editorial-grid article:nth-child(2n){padding-left:40px}.editorial-grid article>span{color:var(--green);font-size:13px;font-weight:800}.editorial-grid h3{letter-spacing:-.03em;margin:8px 0 12px;font-size:21px}.editorial-grid p{color:#536560;margin:0}.faq-section{padding-top:24px}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;padding:22px 4px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:400;transition:all .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#536560;margin:0;padding:0 52px 24px 4px}footer{border-top:1px solid var(--line);color:#6d7d78;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:32px 20px 50px;font-size:13px;display:flex}footer .brand{color:var(--ink)}.footer-links{gap:18px;font-size:13px;font-weight:700;display:flex}.footer-links a:hover{color:var(--ink)}.info-page{max-width:920px;margin:0 auto;padding:clamp(54px,8vw,96px) 20px 110px}.info-hero{border-bottom:2px solid var(--ink);padding-bottom:42px}.info-hero>p{color:var(--green);letter-spacing:.16em;margin:0 0 14px;font-size:13px;font-weight:800}.info-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,6vw,68px);line-height:1.08}.info-hero>div{color:#526760;max-width:690px;margin-top:22px;font-size:18px}.info-content{grid-template-columns:1fr 1fr;column-gap:54px;display:grid}.info-content section{border-bottom:1px solid var(--line);padding:34px 0}.info-content h2{letter-spacing:-.03em;margin:0 0 12px;font-size:21px}.info-content p{color:#52645f;margin:0 0 12px;line-height:1.8}.info-content p:last-child{margin-bottom:0}.info-content a{color:var(--green);text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:35px}.measurement-note{max-width:520px;min-height:0}.quick-card{grid-template-columns:1fr}.quick-input-area{display:block}.calculator-shell{grid-template-columns:1fr}.results{order:-1}.score-card{position:relative}}@media (max-width:640px){body{font-size:16px}.site-header{min-height:62px}.site-header nav{display:none}.brand span{width:32px;height:32px}.hero{padding-top:46px}.hero h1{font-size:48px}.hero-copy>p:not(.kicker){margin-top:24px;font-size:17px}.measurement-note{border-radius:2px 32px 2px 2px;padding:25px}.measurement-note strong{font-size:22px}.calculator-section{padding:54px 16px 68px}.section-title{margin-bottom:22px}.section-title h2{font-size:29px}.mode-switch button{flex-direction:column;gap:0;min-height:52px}.quick-card{display:block}.quick-input-area{padding:28px 22px;display:block}.quick-input-area h2{font-size:27px}.quick-input-area>p{margin-bottom:22px}.quick-results{padding:20px 14px;overflow-x:auto}.quick-table-head,.quick-row{min-width:540px}.quick-guide{grid-template-columns:1fr;min-width:0}.calculator-card{padding:24px 18px}.field-grid{grid-template-columns:1fr}.paired-fields{gap:8px}.posture-options{grid-template-columns:1fr}.results{gap:10px}.score-card{grid-template-columns:1fr;gap:18px;padding:23px}.score-copy{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.score-card strong{font-size:52px}.result-grid{grid-template-columns:1fr;gap:10px}.result-card{min-height:0;padding:20px}.ad-space{height:120px}.content-section,.faq-section{padding-left:20px;padding-right:20px}.editorial-grid{grid-template-columns:1fr}.editorial-grid article,.editorial-grid article:nth-child(2n){border-right:0;padding:26px 0}.faq-list summary{line-height:1.45}.faq-list details p{padding-right:20px}footer{flex-direction:column;align-items:flex-start}.footer p{margin:0}.footer-links{flex-wrap:wrap}.info-page{padding-top:52px;padding-bottom:80px}.info-hero h1{font-size:40px}.info-hero>div{font-size:17px}.info-content{grid-template-columns:1fr}.info-content section{padding:28px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
