:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f5f7fa}*{box-sizing:border-box}html{background:#f5f7fa}body{margin:0;background:#f5f7fa;color:#1f2937}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.hero{padding:28px 0 20px}.hero-layout,.app-layout{display:grid;gap:24px}.hero-layout{grid-template-columns:1fr;align-items:start}.hero-layout.single-hero{max-width:860px}.hero-main,.panel,.modal-card{background:#fff;border:1px solid #dbe3ec;border-radius:16px;box-shadow:0 6px 18px #0f172a0d;padding:24px}.hero-main{max-width:860px}.app-layout{grid-template-columns:1fr;padding:12px 0 40px}.input-column,.output-column,.field-grid,.advice-list,.modal-sections,.intro-points,.profile-card-grid,.why-block{display:grid;gap:14px}.output-column{gap:12px}.output-column .panel{padding:18px}.panel-head,.action-panel,.advice-card-headline,.why-section{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.action-panel{align-items:center}h1,h2,h3{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.2;color:#111827}h1{margin-top:6px;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:700}h2{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:700}h3{font-size:1.08rem;font-weight:700}p{margin:0;line-height:1.6}.intro,.helper-text,.secondary-card p,.modal-section p,.field small,.profile-card p,.inline-meta{color:#4b5563}.eyebrow,.section-label,.area-label{text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:700;color:#4f6b8a}.section-label{margin-bottom:4px}.meta-pills,.wizard-status,.observation-step-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.meta-pills{margin-top:14px}.pill,.chip,.progress-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid #d7dee8;background:#f8fafc;color:#334155}.subtle-pill{background:#eef4fa;color:#355f86}.chip-core{background:#eef6ff;color:#285a8b}.chip-supporting{background:#fff7ed;color:#9a5b13}.chip-context{background:#f0fdf4;color:#2f6d3c}.progress-badge{background:#eef4fa;color:#1f4f82}.ghost-button,.primary-button,.info-button{border:1px solid transparent;cursor:pointer;transition:.15s ease}.ghost-button{padding:10px 14px;border-radius:10px;border-color:#d7dee8;background:#fff;color:#1f2937;font-weight:600}.ghost-button:hover,.info-button:hover{background:#f8fafc}.primary-button{padding:10px 16px;border-radius:10px;background:#1f4f82;color:#fff;font-weight:600}.primary-button:hover{background:#193f68}.ghost-button:disabled,.primary-button:disabled{opacity:.5;cursor:not-allowed}.info-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border-color:#d7dee8;background:#fff;color:#1f4f82;font-weight:700;flex-shrink:0}.progress-strip{display:grid;gap:10px;margin-bottom:4px}.progress-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #dbe3ec;background:#f8fafc}.progress-step>span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf1f8;color:#1f4f82;font-weight:700}.progress-step strong,.progress-step small{display:block}.progress-step small{color:#6b7280}.progress-step.is-active{border-color:#aac0d8;background:#eef4fa}.progress-step.is-done>span{background:#e7f5ea;color:#2f6d3c}.field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.92rem;font-weight:600;color:#374151}.field input,.field textarea,.field select{width:100%;border:1px solid #d7dee8;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7aa2cc;box-shadow:0 0 0 3px #1f4f821a}.secondary-block{margin-top:18px}.secondary-card,.advice-card,.modal-section,.profile-card,.observation-focus-card,.result-note-block,.why-section{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:16px}.secondary-card,.result-note-block,.why-section{background:#f8fafc}.compact-card{min-height:100%}.profile-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card strong{display:block;margin-bottom:6px;color:#111827}.intro-panel{gap:18px}.observation-step-panel{gap:14px}.compact-helper{margin-top:-4px}.observation-focus-card h3{margin-bottom:14px}.option-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.single-question-row{margin-top:10px}.option-card{display:flex;gap:8px;align-items:flex-start;min-height:52px;border-radius:10px;padding:10px 12px;background:#f8fafc;border:1px solid #dbe3ec;cursor:pointer}.option-card input{margin-top:3px;accent-color:#1f4f82}.option-card span{font-size:.92rem;color:#374151}.lead-text{margin-top:6px}.result-note-block strong,.why-section strong{display:block;margin-bottom:6px}.why-block{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-list{gap:6px}.discrepancy-helper{margin-top:10px;margin-bottom:8px}.advice-card{display:grid;gap:8px;box-shadow:none}.advice-card-headline{align-items:center}.result-panel{border-color:#c7d5e3}.caution-panel{background:#fffaf3;border-color:#f1dfb9}.list{margin:0;padding-left:18px;display:grid;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a6b;z-index:20}.modal-card{width:min(860px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:16px;padding:24px;background:#fff;border:1px solid #dbe3ec;box-shadow:0 20px 50px #0f172a29}.modal-sections{margin-top:16px}.modal-section{background:#f8fafc}@media (max-width: 900px){.field-grid.two-columns,.option-row,.profile-card-grid,.why-block{grid-template-columns:1fr}.panel-head,.action-panel,.advice-card-headline,.why-section{flex-direction:column;align-items:stretch}}@media (max-width: 780px){.container{width:min(100% - 20px,1120px)}.hero{padding:20px 0 16px}.hero-main,.panel,.modal-card{padding:18px}}.profile-card.profile-card-enhanced{position:relative;overflow:hidden;padding:18px 18px 16px;border-radius:16px;border:1px solid #dbe3ec;background:linear-gradient(180deg,#fff,#f9fbfd);box-shadow:0 8px 22px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.profile-card.profile-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a14}.profile-card.profile-card-enhanced:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:16px 0 0 16px;background:#9fb3c8}.profile-card-top{display:flex;align-items:center;margin-bottom:12px}.profile-type-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;border:1px solid #d7e2ee;background:#eef4fa;color:#355f86}.profile-card-title{margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.25;color:#111827}.profile-card-summary{margin:0;font-size:.95rem;line-height:1.5;color:#4b5563}.profile-accent-type1:before{background:#5b8bd9}.profile-accent-type2:before{background:#d97706}.profile-accent-type3:before{background:#8b5cf6}.profile-accent-type4:before{background:#dc2626}.profile-accent-type5:before{background:#0f766e}.profile-accent-type6:before{background:#2563eb}.profile-accent-type1 .profile-type-badge{background:#eef4ff;border-color:#d8e4fb;color:#345f9b}.profile-accent-type2 .profile-type-badge{background:#fff5e8;border-color:#f6dfbf;color:#9a5b13}.profile-accent-type3 .profile-type-badge{background:#f4efff;border-color:#e4d8fb;color:#6f49b6}.profile-accent-type4 .profile-type-badge{background:#fff0f0;border-color:#f6d2d2;color:#b42323}.profile-accent-type5 .profile-type-badge{background:#ecfbf8;border-color:#cdeee8;color:#0f766e}.profile-accent-type6 .profile-type-badge{background:#eef5ff;border-color:#d8e6fb;color:#2559aa}.intro-figure-card{background:#fff;border:1px solid #dbe3ec;border-radius:18px;padding:14px;box-shadow:0 8px 22px #0f172a0d}.intro-figure-image{display:block;width:100%;height:auto;border-radius:12px}.profile-card-button{width:100%;text-align:left;cursor:pointer;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-card-button:focus-visible{outline:3px solid rgba(31,79,130,.25);outline-offset:3px}.profile-card-link{display:inline-flex;margin-top:12px;font-size:.86rem;font-weight:700;color:#1f4f82}.intro-profile-box{position:relative;margin-top:16px;padding:18px 18px 18px 22px;border:1px solid #dbe3ec;border-radius:16px;background:#fff;box-shadow:0 8px 22px #0f172a0d;overflow:hidden}.intro-profile-box:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:#9fb3c8}.intro-profile-box h3{margin-bottom:8px}.intro-profile-box p{line-height:1.65}.intro-profile-source{margin-top:12px;font-size:.88rem;color:#6b7280;font-style:italic}