:root{color-scheme:light;--saju-1:#e4253f;--saju-2:#f9d22a;--saju-3:#17a463;--saju-4:#2a5fd6;--saju-5:#b02fa0;--canvas:#ffffff;--canvas-0:rgba(255,255,255,0);--surface:#ffffff;--fill:rgba(27,31,34,0.04);--fill-strong:rgba(27,31,34,0.07);--hairline:rgba(27,31,34,0.09);--border:rgba(27,31,34,0.15);--ink:#1b1f22;--ink-body:#353b40;--ink-muted:#5f666c;--ink-label:#868c91;--ink-faint:#b6bbbf;--key:#1a7aec;--key-strong:#1463c4;--key-ink:#1463c4;--key-dim:rgba(26,122,236,0.72);--key-bg:rgba(26,122,236,0.08);--key-line:rgba(26,122,236,0.35);--key-soft:#e7f1fd;--on-key:#ffffff;--good:#3f7358;--good-bg:rgba(63,115,88,0.09);--weak:#a9543f;--weak-bg:rgba(169,84,63,0.08);--neutral:#52667d;--neutral-bg:rgba(82,102,125,0.08);--gold:#946f00;--oh-wood:#4f7d57;--oh-fire:#b0513f;--oh-earth:#6b4a2e;--oh-metal:#d9a800;--oh-metal-ink:#7a6100;--oh-water:#466a93;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-card:20px;--r-pill:999px;--shadow-raised:0 1px 2px rgba(27,31,34,0.04),0 10px 28px rgba(27,31,34,0.06);--w-flow:560px;--w-read:640px;--w-wide:1180px;--fs-2xs:11px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-md:13.5px;--fs-ui:14.5px;--fs-body:15.5px;--fs-lead:17px;--fs-h4:18px;--fs-h3:21px;--fs-h2:clamp(24px,4.6vw,30px);--fs-h1:clamp(27px,5.4vw,34px);--fs-display:clamp(34px,6vw,52px);--label-ko-size:11.5px;--label-ko-weight:500;--label-ko-tracking:-0.01em;--sp-stack:12px;--sp-group:40px;--sp-section:64px;--pad-page:24px;--font-display:"Hahmlet","Noto Serif KR",serif;--font-hanja:"Noto Serif KR",serif;--font-mono:"DM Mono",ui-monospace,monospace;--font-body:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--ease:cubic-bezier(0.2,0.7,0.2,1)}@media (min-width:768px){:root{--pad-page:32px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html{scrollbar-gutter:stable}body,html{background:var(--canvas)}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;letter-spacing:-.016em;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:where(:not(.ilui *))::selection{background:rgba(26,122,236,.2)}:focus-visible{outline:2px solid var(--key);outline-offset:3px}main:has(>footer[data-site-footer]){display:flex;flex-direction:column;min-height:100vh}main:has(>footer[data-site-footer])>*{width:100%}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:1.22}.hanja{font-family:var(--font-hanja);letter-spacing:0}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.num:where(:not(.ilui *)){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em;color:var(--key-ink)}.label-ko{font-size:var(--label-ko-size);font-weight:var(--label-ko-weight);letter-spacing:var(--label-ko-tracking)}.label-ko,.muted{color:var(--ink-muted)}.oh-木{color:var(--oh-wood)}.oh-火{color:var(--oh-fire)}.oh-土{color:var(--oh-earth)}.oh-金{color:var(--oh-metal-ink)}.oh-水{color:var(--oh-water)}.page{max-width:var(--w-flow);margin:0 auto;padding:0 var(--pad-page) 140px}.page.read{max-width:var(--w-read)}.head{padding-top:48px}.head .eyebrow+.lead-name,.head .eyebrow+.title{margin-top:12px}.title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:400;letter-spacing:-.05em;line-height:1.28;color:var(--ink);text-wrap:balance}.title b,.title strong{font-weight:600}.sub{margin-top:12px;font-size:var(--fs-ui);line-height:1.75;color:var(--ink-muted);text-wrap:pretty}.chapter{scroll-margin-top:72px;margin-top:var(--sp-section);padding-top:20px;border-top:2px solid var(--ink)}.chapter-head{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}.chapter-no{font-family:var(--font-hanja);font-size:var(--fs-sm);color:var(--ink-label);letter-spacing:.14em;flex:none}.chapter-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:500;letter-spacing:-.04em;line-height:1.35;color:var(--ink)}.chapter-lead{margin:-8px 0 20px;font-size:var(--fs-md);line-height:1.7;color:var(--ink-muted)}.group+.group{margin-top:28px}.group-title{font-size:var(--fs-ui);font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.02em}.card{background:var(--fill);border-radius:var(--r-card);padding:22px 20px}.card+.card{margin-top:10px}.card.line{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.card-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:500;letter-spacing:-.035em;line-height:1.4;color:var(--ink)}.card-no{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-label);margin-bottom:14px}.prose{font-size:var(--fs-body);line-height:1.85;color:var(--ink-body)}.prose+.prose{margin-top:10px}.small{font-size:var(--fs-md);line-height:1.75;color:var(--ink-body)}.note:where(:not(.ilui *)){font-size:var(--fs-sm);line-height:1.65;color:var(--ink-muted)}.dl{grid-gap:0;gap:0}.dl,.dl>div{display:grid}.dl>div{grid-template-columns:88px 1fr;grid-gap:12px;gap:12px;padding:12px 0;border-top:1px solid var(--hairline)}.dl>div:first-child{border-top:0;padding-top:0}.dl dt{font-size:var(--fs-md);color:var(--ink-muted)}.dash>li,.dl dd{font-size:var(--fs-md);line-height:1.75;color:var(--ink-body)}.dash>li{position:relative;padding-left:16px}.dash>li+li{margin-top:6px}.dash>li:before{content:"–";position:absolute;left:0;color:var(--ink-faint)}.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--hairline);font-size:var(--fs-ui);color:var(--ink-muted)}.price-row b{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;letter-spacing:-.04em;color:var(--ink)}.legal-body{margin-top:32px;font-size:var(--fs-ui);line-height:1.85;color:var(--ink-body)}.legal-body h3{margin:32px 0 8px;font-size:var(--fs-body);font-weight:600;color:var(--ink)}.legal-body p+p{margin-top:8px}.legal-body ul{padding-left:0}.legal-body li{position:relative;padding-left:16px}.legal-body li+li{margin-top:6px}.legal-body li:before{content:"–";position:absolute;left:0;color:var(--ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:var(--r-pill);background:var(--fill);color:var(--ink-body);font-size:var(--fs-ui);font-weight:500;line-height:1.25;box-shadow:inset 0 0 0 1px transparent;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}button.chip:hover{background:var(--fill-strong)}button.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--key-soft);color:var(--key-ink);box-shadow:inset 0 0 0 1px var(--key-line)}.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--fill-strong);color:var(--ink-body);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.tag.key{background:var(--key);color:var(--on-key)}.tag.soft{background:var(--key-bg);color:var(--key-ink)}.tag.gold{background:rgba(148,111,0,.1);color:var(--gold);font-weight:600}.tag.weak{background:var(--weak-bg);color:var(--weak)}.tag.req{height:20px;padding:0 7px;font-size:var(--fs-2xs);color:var(--ink-muted)}.tags:where(:not(.ilui *)){display:flex;flex-wrap:wrap;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:16px;background:var(--key);color:var(--on-key);font-size:var(--fs-body);font-weight:600;letter-spacing:-.02em;transition:background .2s ease,transform .12s ease,opacity .18s ease}.btn:hover:not(:disabled){background:var(--key-strong)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{background:var(--fill-strong);color:var(--ink-label);cursor:not-allowed}.btn.block{display:flex;width:100%}.btn.ghost{background:var(--fill);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--fill-strong)}.btn.kakao{background:#fee500;color:#191600}.btn.kakao:hover:not(:disabled){background:#f5dc00}.btn.sm{min-height:44px;padding:0 18px;border-radius:14px;font-size:var(--fs-ui)}.link{color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.link:hover{color:var(--ink)}.field+.field,.field+.field-row,.field-row+.field,.field-row+.field-row{margin-top:32px}.field-label{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:var(--fs-md);font-weight:500;color:var(--ink-body)}.field-label .aside{margin-left:auto;font-weight:400}.field-hint,.field-label .aside{font-size:var(--fs-sm);color:var(--ink-muted)}.field-hint{margin-top:8px;line-height:1.6}.field-row{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));grid-gap:8px;gap:8px}.input{display:block;width:100%;height:52px;padding:0 16px;border:0;border-radius:var(--r-xl);background:var(--fill);color:var(--ink);font-size:var(--fs-body);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .16s ease,background .16s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--key)}.input:disabled{color:var(--ink-faint)}select.input{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23868c91' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}textarea.input{height:auto;min-height:112px;padding:14px 16px;line-height:1.7;resize:vertical}.field-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:500;letter-spacing:-.035em;line-height:1.4;color:var(--ink)}section.field{margin-top:48px}section.field .field-hint+.q,section.field .field-title+.q{border-top:0}.seg{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-gap:8px;gap:8px}.seg>button{min-height:52px;padding:0 12px;border-radius:var(--r-xl);background:var(--fill);color:var(--ink-body);font-size:var(--fs-ui);font-weight:500;box-shadow:inset 0 0 0 1px transparent;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.seg>button:hover{background:var(--fill-strong)}.seg>button[aria-pressed=true]{background:var(--key-soft);color:var(--key-ink);box-shadow:inset 0 0 0 1px var(--key-line)}.choice{display:block;width:100%;text-align:left;padding:22px 20px;border-radius:var(--r-card);background:var(--fill);box-shadow:inset 0 0 0 1px transparent;transition:background .16s ease,box-shadow .16s ease}.choice+.choice{margin-top:10px}.choice:hover{background:var(--fill-strong)}.choice[aria-pressed=true]{background:var(--key-soft);box-shadow:inset 0 0 0 1.5px var(--key)}.choice-title{display:block;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:500;letter-spacing:-.035em;color:var(--ink)}.choice-sub{display:block;margin-top:4px;font-size:var(--fs-md);color:var(--ink-muted)}.value-grid{display:grid;grid-gap:8px;gap:8px}@media (min-width:560px){.value-grid{grid-template-columns:1fr 1fr}}.value-grid .choice+.choice{margin-top:0}.value-choice .choice-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.value-rank{flex:none;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--key);color:var(--on-key);font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:600;line-height:22px;letter-spacing:0}.q{padding:22px 0;border-top:1px solid var(--hairline)}.q:first-child{border-top:0;padding-top:4px}.q-text{font-size:var(--fs-body);font-weight:500;line-height:1.6;color:var(--ink)}.q-no{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-label);margin-right:8px}.likert{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:14px}.likert>button{height:44px;border-radius:var(--r-lg);background:var(--fill);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--fs-ui);box-shadow:inset 0 0 0 1px transparent;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.likert>button:hover{background:var(--fill-strong)}.likert>button[aria-checked=true]{background:var(--key);color:var(--on-key)}.likert-legend{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--fs-xs);color:var(--ink-label)}.error{margin-top:16px;color:var(--weak)}.error,.meter{font-size:var(--fs-md)}.meter{display:grid;grid-template-columns:76px 1fr 36px;align-items:center;grid-gap:12px;gap:12px}.meter.wide{grid-template-columns:104px 1fr 36px}.meter+.meter{margin-top:10px}.meter-label{min-width:0;color:var(--ink-body);line-height:1.4}.meter-track{position:relative;height:4px;border-radius:4px;background:var(--hairline);overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--ink-body);transition:width .6s var(--ease)}.meter-fill.key{background:var(--key)}.meter-fill.dim{background:var(--ink-faint)}.meter-value{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-body);text-align:right}.locked{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--fill);padding:22px 20px}.locked+.locked{margin-top:10px}.locked-blur{filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.7}.locked-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.7))}.locked-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:500;letter-spacing:-.035em;color:var(--ink)}.locked-sub{font-size:var(--fs-sm);color:var(--ink-muted)}[data-motion=wait]{opacity:0;transform:translateY(28px)}[data-motion=play]{animation:revealUp .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * .06s)}@keyframes revealUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}[data-motion=wait] .meter-fill{transform:scaleX(0)}[data-reveal] .meter-fill{transform-origin:left center}[data-motion=play] .meter-fill{animation:fillIn 1.1s cubic-bezier(.2,.8,.2,1) .25s both}@keyframes fillIn{0%{transform:scaleX(0)}}.step-enter{animation:stepIn .45s cubic-bezier(.2,.8,.2,1) both}@keyframes stepIn{0%{opacity:0;transform:translateX(calc(var(--dir, 1) * 24px))}to{opacity:1;transform:none}}.chip[aria-pressed=true],.choice[aria-pressed=true],.likert>button[aria-checked=true],.seg>button[aria-pressed=true]{animation:press .28s ease}@keyframes press{40%{transform:scale(.96)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .8s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media print{@page{margin:12mm 8mm}body{zoom:.85}.no-print{display:none!important}}