:root{font-family:Segoe UI,Noto Sans KR,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f1f5f9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc 45%,#e0f2fe)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{position:sticky;top:0;z-index:10;background:#ffffffe6;border-bottom:1px solid #dbe5f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-inner{width:min(960px,100%);margin:0 auto;padding:16px;display:flex;gap:10px}.nav-link{padding:8px 14px;border-radius:999px;font-weight:600;color:#334155;border:1px solid transparent}.nav-link:hover{border-color:#bfdbfe;background:#eff6ff}.nav-link.active{background:#2563eb;color:#fff}.content{width:min(960px,100%);margin:0 auto;padding:32px 16px 64px}.page-card{background:#fff;border:1px solid #dbe5f2;border-radius:18px;padding:24px;box-shadow:0 12px 28px #0f172a14}.page-title{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2rem)}.page-description{margin:0 0 20px;color:#475569}.quiz-form{display:flex;flex-direction:column;gap:16px}.form-group{margin:0;display:flex;flex-direction:column;gap:8px}.form-group label,legend{font-weight:600;color:#0f172a}fieldset.form-group{border:none;padding:0}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc}.radio-chip input{margin:0}.select-input,.text-input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}.select-input:focus,.text-input:focus{outline:2px solid #93c5fd;border-color:#60a5fa}.primary-btn,.secondary-btn{border:none;border-radius:10px;padding:11px 16px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary-btn{width:fit-content;background:#2563eb;color:#fff}.primary-btn:hover{background:#1d4ed8}.secondary-btn{background:#e2e8f0;color:#0f172a;margin-top:16px}.secondary-btn:hover{background:#cbd5e1}.summary-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.summary-item{display:flex;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.recommendation-text{margin:18px 0 0;padding:14px;border-radius:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-weight:500}@media(max-width:640px){.page-card{padding:18px}.summary-item{flex-direction:column;gap:6px}.nav-inner{justify-content:center}}