:root{--bg:#edf2ea;--panel:#fff;--panel-soft:#f5f8f2;--ink:#2c3e33;--muted:#5c6b62;--line:#d4dfcf;--sage:#4f6f5e;--sage-dark:#3d5a4c;--sage-light:#c8d9c4;--sage-pale:#e4ece0;--cta:#b8753a;--cta-dark:#9a6230;--accent:#6b9b7a;--warning:#c47a3a;--danger:#b54a4a;--radius:20px;--shadow:0 12px 40px #2c3e3312;--font-serif:"Noto Serif KR", serif;--font-sans:"Noto Sans KR", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.65}h1,h2,h3,h4,.brand strong,.score-number,.footer-brand strong{font-family:var(--font-serif);font-weight:700}a{color:inherit;text-decoration:none}button,input,select{font:inherit}main{min-height:72vh}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#edf2eaeb;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:.65rem;display:inline-flex}.brand strong{letter-spacing:-.02em;font-size:1.05rem}.brand-logo{object-fit:contain;width:7.6rem;height:2.45rem;display:block}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.site-header nav a{color:var(--muted);border-radius:999px;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.site-header nav a:hover{background:var(--sage-pale);color:var(--sage-dark)}.site-header nav a.active{background:var(--sage-dark);color:#fff}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:4rem;padding:2.5rem clamp(1rem,4vw,3rem) 3rem;font-size:.9rem;display:flex}.footer-brand{color:var(--ink);align-items:center;gap:.5rem;display:inline-flex}.footer-brand .brand-logo{width:5.5rem;height:1.8rem}.footer-brand strong{font-size:.95rem}.footer-copy{margin:0;font-size:.8rem}.footer-provider{margin:0}.footer-provider a{color:var(--sage-dark);text-underline-offset:.15em;font-weight:700;text-decoration:underline}.footer-provider a:hover{color:var(--cta)}.footer-links{gap:1.2rem;margin-top:.5rem;font-weight:600;display:flex}.footer-links a:hover{color:var(--sage-dark)}.section{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0}.section.compact{padding-top:1.5rem}.page-title{width:min(980px,100% - 2rem);margin:0 auto;padding:3rem 0 1rem}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:2rem;width:min(1100px,100% - 2rem);margin:0 auto;padding:4rem 0 2rem;display:grid}.hero-centered{text-align:center;flex-direction:column;align-items:center;width:min(760px,100% - 2rem);margin:0 auto;padding:4rem 0 2rem;display:flex}.hero h1,.page-title h1{letter-spacing:-.04em;color:var(--sage-dark);margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}.hero p,.page-title p{color:var(--muted);max-width:38rem;font-size:1.05rem}.page-title p{max-width:none}.eyebrow{color:var(--sage);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge{background:var(--sage-pale);color:var(--sage-dark);border-radius:999px;align-items:center;margin-bottom:1.2rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.cta-row.align-start{justify-content:flex-start}.button{background:var(--cta);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;min-height:2.75rem;padding:.7rem 1.3rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover:not(:disabled){background:var(--cta-dark);transform:translateY(-1px);box-shadow:0 6px 18px #b8753a47}.button.secondary{background:var(--panel);border:1px solid var(--line);color:var(--sage-dark)}.button.secondary:hover:not(:disabled){background:var(--sage-pale);box-shadow:0 4px 14px #2c3e3314}.button.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.button.ghost:hover:not(:disabled){background:var(--panel);border-color:var(--sage-light);color:var(--sage-dark);box-shadow:0 4px 14px #2c3e330f}.button:disabled{cursor:not-allowed;opacity:.45}.text-button{color:var(--sage);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:.4rem .2rem;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.text-button:hover:not(:disabled){color:var(--sage-dark)}.text-button:disabled{color:var(--line);cursor:not-allowed}.hero-panel,.card,.chart-card,.diagnosis-shell,.info-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover,.info-card:hover{border-color:var(--sage-light);transform:translateY(-2px);box-shadow:0 16px 48px #2c3e331a}.card-cta{background:var(--sage-dark);color:#fff;border:none;flex-direction:column;justify-content:center;gap:.75rem;display:flex}.card-cta:hover{background:#345043;border-color:#0000;transform:translateY(-2px)}.card-cta h2,.card-cta p{color:#fff}.card-cta .muted{color:#ffffffc7}.hero-panel{padding:1.4rem}.card{padding:1.5rem}.card h2,.card h3{letter-spacing:-.02em;color:var(--sage-dark);margin-top:0}.card p{color:var(--muted)}.info-card{width:min(760px,100% - 2rem);margin:0 auto;padding:1.75rem}.info-card-header{color:var(--sage);align-items:center;gap:.6rem;margin-bottom:.75rem;font-weight:700;display:flex}.info-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.info-stats div{text-align:center}.info-stats strong{color:var(--sage-dark);font-family:var(--font-serif);font-size:1.4rem;display:block}.info-stats span{color:var(--muted);font-size:.82rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.metric{background:var(--panel-soft);border-radius:1rem;padding:1rem;transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2c3e3314}.metric strong{color:var(--sage-dark);font-family:var(--font-serif);letter-spacing:-.03em;font-size:2rem;display:block}.metric span,.muted{color:var(--muted)}.grid{gap:1.25rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.areas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area-number{background:var(--sage-pale);width:2.3rem;height:2.3rem;color:var(--sage-dark);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.area-icon{border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.75rem;font-size:1.1rem;display:inline-grid}.area-icon.sage{background:#dce8dc}.area-icon.teal{background:#d5e8e4}.area-icon.olive{background:#e4e8d0}.area-icon.blue{background:#d8e4ef}.area-icon.brown{background:#ebe0d4}.area-label{color:var(--sage);margin-bottom:.3rem;font-size:.82rem;font-weight:600}.area-list{color:var(--muted);margin:.75rem 0 0;padding-left:1.1rem;font-size:.88rem}.area-list li{margin-bottom:.25rem}.pill-list,.tag-list{flex-wrap:wrap;gap:.55rem;padding:0;list-style:none;display:flex}.pill-list li,.tag{background:var(--sage-pale);color:var(--sage-dark);border-radius:999px;padding:.4rem .7rem;font-size:.85rem;font-weight:600}.level-badge{background:var(--sage-pale);color:var(--sage-dark);border-radius:999px;align-items:center;padding:.35rem .75rem;font-weight:700;display:inline-flex}.score-hero{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:1rem;display:grid}.score-number{letter-spacing:-.06em;color:var(--sage-dark);font-size:clamp(3rem,10vw,5.5rem);font-weight:700;line-height:1}.score-number small{color:var(--muted);letter-spacing:0;font-size:1.2rem}.chart-card{min-height:360px;padding:1rem}.rank-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.rank-list li{background:var(--panel-soft);border-radius:.9rem;justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.rank-list strong{color:var(--sage-dark)}.diagnosis-intro{text-align:center;flex-direction:column;align-items:center;width:min(640px,100% - 2rem);margin:0 auto;padding:4rem 0 3rem;display:flex}.intro-icon{background:var(--sage-pale);width:4rem;height:4rem;color:var(--sage-dark);border-radius:1rem;place-items:center;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700;display:inline-grid}.diagnosis-intro h1{color:var(--sage-dark);margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.4rem)}.intro-lead{color:var(--muted);margin:0;font-size:1rem}.intro-copy{color:var(--muted);margin:.5rem 0 0;font-size:.95rem;line-height:1.7}.intro-copy strong{color:var(--ink)}.intro-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;width:100%;margin-top:2rem;display:grid}.intro-stat-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:1rem;padding:1.1rem .75rem;transition:transform .2s,box-shadow .2s,border-color .2s}.intro-stat-card:hover{border-color:var(--sage-light);transform:translateY(-2px);box-shadow:0 12px 32px #2c3e3314}.intro-stat-card strong{color:var(--sage-dark);font-family:var(--font-serif);margin-bottom:.35rem;font-size:.95rem;font-weight:700;line-height:1.35;display:block}.intro-stat-card span{color:var(--muted);font-size:.8rem}.intro-start{min-width:12rem;margin-top:2rem;padding-inline:2rem}.diagnosis-shell{overflow-anchor:none;width:min(720px,100% - 2rem);box-shadow:none;background:0 0;border:none;margin:2rem auto 3rem;padding:0}.question-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:center;margin:0 0 1.25rem;padding:1.5rem 1.5rem 1.75rem;overflow:hidden}.question-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.question-counter{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:600}.question-panel .progress-track{margin-bottom:1rem}.question-area{color:var(--sage);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.question-text{font-family:var(--font-serif);color:var(--sage-dark);overflow-wrap:anywhere;word-break:keep-all;margin:0 0 1.5rem;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:600;line-height:1.55}.question-card{border:1px solid var(--line);background:var(--panel);border-radius:1rem;margin:1rem 0;padding:1.25rem}.question-card h3{color:var(--sage-dark);margin:0 0 .5rem;font-size:.95rem}.question-card legend{font-family:var(--font-serif);color:var(--sage-dark);margin-bottom:1rem;padding:0;font-size:1.05rem;font-weight:600;line-height:1.5}.question-meta{min-width:0;color:var(--sage);text-align:left;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.question-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:var(--sage-pale);border-radius:999px;height:.45rem;margin-bottom:1.5rem;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--sage);height:100%;transition:width .3s}.scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;display:grid}.scale label{border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.scale label:hover{background:var(--panel-soft);border-color:var(--sage-light);transform:translateY(-2px);box-shadow:0 4px 14px #2c3e3312}.scale label:has(input:checked){border-color:var(--sage);background:var(--sage-pale)}.scale label:has(input:checked):hover{box-shadow:0 4px 14px #4f6f5e26}.scale input{opacity:0;pointer-events:none;position:absolute}.scale-number{background:var(--sage-pale);width:2rem;height:2rem;color:var(--sage-dark);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:inline-grid}.scale label:has(input:checked) .scale-number{background:var(--sage-dark);color:#fff}.scale strong{color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.35}.scale small{display:none}.diagnosis-nav{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.diagnosis-actions{justify-content:center;margin-top:1rem;display:flex}.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:480px;margin:2rem auto;padding:3rem 2rem;display:flex}.empty-state-icon{background:var(--sage-pale);width:3.5rem;height:3.5rem;color:var(--sage);border-radius:1rem;place-items:center;font-size:1.5rem;display:inline-grid}.empty-state h2{color:var(--sage-dark);margin:0;font-size:1.3rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-weight:700}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:.9rem;width:100%;padding:.75rem .85rem}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:.8rem}.table th{color:var(--muted);font-size:.85rem}.delta-up{color:var(--sage-dark);font-weight:700}.delta-down{color:var(--danger);font-weight:700}.notice{border:1px solid var(--sage-light);background:var(--panel-soft);color:var(--sage-dark);border-radius:1rem;padding:1rem}.validation-message{color:#7a4f28;background:#faf3eb;border:1px solid #e8cdb0;border-radius:1rem;margin:0 0 1rem;padding:.85rem 1rem;font-weight:600}.section-heading{text-align:center;color:var(--sage-dark);margin-bottom:1.5rem}@media (max-width:900px){.site-header{flex-direction:column;align-items:flex-start}.hero,.score-hero,.grid.two,.grid.three,.grid.four,.grid.five,.areas-grid,.form-grid,.info-stats{grid-template-columns:1fr}.scale{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-stats{grid-template-columns:1fr}}@media (max-width:520px){.scale{grid-template-columns:1fr}}