:root{color:#4e3b2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f8d6b266,#0000 30%),linear-gradient(#fff8ef 0%,#fffefb 100%);font-family:PingFang SC,Hiragino Sans GB,Source Han Sans SC,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}body,button,input,select,textarea{font:inherit}button,input,select,textarea{-webkit-tap-highlight-color:transparent}#root{width:min(1240px,100% - 32px);margin:32px auto}h1,h2,h3,p,ul{margin-top:0}@media (width<=640px){#root{width:min(100%,100% - 20px);margin:12px auto 20px}}.app-shell{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.side-panel,.main-panel,.admin-card,.content-card,.side-card,.hero-stat,.question-card,.detail-card,.cta-box,.benefit-box,.metric-card{background:#ffffffdb;border:1px solid #5e3b291a;border-radius:24px;box-shadow:0 18px 46px #5c381f14}.side-panel{background:linear-gradient(#fff7effa,#fffffff5),#fff;padding:22px;position:sticky;top:24px}.main-panel{background:radial-gradient(circle at 100% 0,#f08c5221,#0000 25%),radial-gradient(circle at 0 0,#ffd6b733,#0000 24%),linear-gradient(#fffdf9fa,#fff8f1fa);padding:30px}.brand-block h2,.panel-header h1,.content-card h2,.admin-card h2,.admin-card h3,.detail-card h3,.cta-box h3,.result-section h3{color:#392216;margin:0}.panel-eyebrow{color:#bb5d2a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem}.panel-text,.field-hint,.privacy-note,.muted{color:#745f52}.mode-switch{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;display:grid}.mode-button,.secondary-button,.primary-button,.ghost-button,.choice-chip,.table-link,.admin-nav button,.submission-item.actionable{cursor:pointer;font:inherit;border:none;transition:transform .15s,box-shadow .2s,background .2s}.mode-button,.secondary-button,.ghost-button,.admin-nav button{color:#6b503f;background:#fff5ec;border-radius:16px;padding:12px 14px}.mode-button.active,.admin-nav button.active{color:#fff;background:linear-gradient(135deg,#ffb160,#de6232);box-shadow:0 12px 24px #de623233}.side-card{gap:14px;padding:18px;display:grid}.admin-nav{gap:10px;display:grid}.side-metrics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.side-metrics div{background:#fff8f1f0;border-radius:18px;padding:14px}.side-metrics strong{color:#b64e20;font-size:1.4rem;display:block}.panel-header{background:#ffffffad;border:1px solid #5e3b2914;border-radius:24px;margin-bottom:22px;padding:18px 20px}.stepbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.step-item{color:#8d7565;background:#ffffffad;border:1px solid #5e3b291a;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;display:inline-flex}.step-item span{background:#b64e201a;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.step-item.active{color:#472a1a;background:#fff1e8;border-color:#b64e2042}.progress-bar{background:#b64e201a;border-radius:999px;height:10px;margin-bottom:20px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#ffb160,#de6232);height:100%;transition:width .2s}.content-card,.admin-card{padding:22px}.form-surface,.lead-surface{background:radial-gradient(circle at 100% 0,#ffc39529,#0000 24%),linear-gradient(#fffcf8fa,#fff6effa)}.section-intro-card{background:#ffffffd1;border:1px solid #5e3b2914;border-radius:22px;gap:10px;margin-bottom:18px;padding:18px 20px;display:grid}.section-intro-card h2{margin:0}.hero-card{justify-content:space-between;gap:18px;display:flex}.hero-card-upgraded{background:radial-gradient(circle at 100% 0,#ffbe8d3d,#0000 30%),linear-gradient(#fffbf6fa,#fff3e9fa);border:1px solid #b64e201f}.hero-main h2{margin:0 0 10px;font-size:2.2rem;line-height:1.25}.hero-main p{color:#695649;line-height:1.85}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.role-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.role-select-card{cursor:pointer;text-align:left;color:#654d3f;background:#ffffffd6;border:1px solid #5e3b2914;border-radius:22px;gap:8px;padding:18px;transition:transform .15s,border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:0 10px 24px #5c381f0d}.role-select-card strong{color:#3f2718}.role-select-card span{line-height:1.75}.role-select-card.active,.role-select-card:hover{background:#fff4e9f5;border-color:#b64e2038;box-shadow:0 14px 28px #b64e201a}.hero-kicker{color:#b64e20;background:#b64e201a;border-radius:999px;margin-bottom:12px;padding:8px 14px;display:inline-block}.hero-side{gap:12px;width:280px;display:grid}.hero-stat{background:#ffffffe0;padding:18px}.hero-stat strong{color:#b64e20;margin-bottom:6px;display:block}.hero-note{background:#ffffffc7;border:1px solid #5e3b2914;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.hero-note strong{color:#4d301f}.hero-note span{color:#725a4a;line-height:1.75}.child-question-card{background:linear-gradient(#fffaf5fa,#fffffffa)}.child-passage-card{background:linear-gradient(#fffcf7fa,#fff6eef5),#fff;border:1px solid #5e3b291f;border-radius:24px;gap:14px;margin-top:18px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffffe6}.child-passage-head{flex-wrap:wrap;gap:10px;display:flex}.child-passage-card h3{color:#3f2718;margin:0}.child-passage-instruction{color:#8a6d5a;margin:0}.child-passage-body{background:#ffffffc2;border:1px solid #5e3b2914;border-radius:20px;gap:12px;padding:16px 18px;display:grid}.child-passage-body p{color:#473124;margin:0;line-height:1.9}.child-question-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.question-no{color:#5f4738;background:#39221614;border-radius:999px;align-items:center;padding:7px 12px;font-size:.88rem;display:inline-flex}.child-context{color:#6d5341;background:#fff4e8e6;border-radius:16px;margin:8px 0 10px;padding:12px 14px;line-height:1.7}.list-note{color:#7b6250;font-weight:400}.field-grid,.field-grid.two-col,.detail-grid,.admin-grid,.metric-grid,.filter-grid{gap:16px;display:grid}.field-grid.two-col,.detail-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.metric-grid.compact{margin-top:0}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dimension-card{background:#fff9f3f2;border:1px solid #5e3b2914;border-radius:18px;gap:6px;padding:16px;display:grid}.dimension-card strong{color:#4a2f21}.dimension-card span{color:#b64e20;font-weight:600}.dimension-card em{color:#7a6353;font-style:normal}.booklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact-booklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-stack{gap:18px;display:grid}.direction-group{gap:14px;display:grid}.direction-group-head{background:#fffcf7f0;border:1px solid #5e3b2914;border-radius:20px;gap:8px;padding:16px 18px;display:grid}.direction-group-head h4{color:#432a1c;margin:0;font-size:1.06rem}.direction-group-head p{color:#6f5748;margin:0;line-height:1.8}.book-card{background:#fff9f3f5;border:1px solid #5e3b2914;border-radius:18px;gap:8px;padding:16px;display:grid}.book-card strong{color:#492c1c}.book-focus-tags{flex-wrap:wrap;gap:8px;display:flex}.mini-tag{color:#9e4d28;background:#b64e2014;border-radius:999px;align-items:center;padding:5px 10px;font-size:.82rem;display:inline-flex}.book-card p{color:#6e5748;margin:0;line-height:1.75}.metric-card{padding:16px}.metric-card strong{color:#b64e20;font-size:1.8rem;display:block}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.question-card{gap:12px;margin-top:16px;padding:18px;display:grid}.section-mini-label{color:#b35a2a;letter-spacing:.08em;margin-top:18px;font-size:.88rem}.elevated-question-card{background:#ffffffe0;border:1px solid #5e3b2914;border-radius:22px;box-shadow:0 14px 30px #5c381f0f}.question-card p,.detail-list{margin:0}.choice-grid,.tag-list{flex-wrap:wrap;gap:10px;display:flex}.choice-chip{color:#6f5445;background:#fff7ef;border:1px solid #5e3b291a;border-radius:16px;padding:11px 14px}.choice-chip.selected,.primary-button{color:#fff;background:linear-gradient(135deg,#ffb160,#de6232);box-shadow:0 12px 24px #de62322e}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:12px 18px}.secondary-button{color:#a64a21;background:#fff5edf5;border:1px solid #b64e2024}.ghost-button{background:#ffffffd6}.full-span{grid-column:1/-1}label{color:#453327;gap:8px;display:grid}input,select,textarea{width:100%;font:inherit;color:#382217;background:#fffdfa;border:1px solid #5e3b2929;border-radius:16px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:#de623261;outline:2px solid #de623229}.result-card,.result-section{gap:12px;display:grid}.report-hero{background:radial-gradient(circle at 100% 0,#ffbe8d38,#0000 34%),linear-gradient(#fffbf6fa,#fff4ebfa);border:1px solid #b64e201f;border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:18px;padding:22px;display:grid}.report-hero-main{gap:12px;display:grid}.report-hero-text{color:#624a3b;margin:0;line-height:1.85}.report-hero-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-stat-card{background:#ffffffe0;border:1px solid #5e3b2914;border-radius:20px;gap:6px;padding:16px;display:grid}.report-stat-card span{color:#8a6b58;font-size:.9rem}.report-stat-card strong{color:#b64e20;line-height:1.5}.report-system-note{margin-top:16px}.report-card{background:#ffffffd6;border:1px solid #5e3b2914;border-radius:24px;margin-top:18px;padding:18px}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.evidence-card{background:#fff9f3f5;border:1px solid #5e3b2914;border-radius:18px;padding:15px 16px}.evidence-card p{color:#5e473a;margin:0;line-height:1.75}.result-tag,.badge,.info-tag{color:#a84b22;background:#b64e201a;border-radius:999px;align-items:center;width:fit-content;padding:7px 12px;font-size:.88rem;display:inline-flex}.result-tag.subtle{color:#6f5748;background:#492c1c14}.result-summary{color:#513a2d;margin:0;font-size:1.08rem}.soft-tip{color:#7b6556;background:#fff7f0f5;border-radius:18px;padding:16px}.form-soft-card{border:1px solid #b64e201a;margin-top:16px}.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.module-preview-card{text-align:left;cursor:pointer;color:#654d3f;background:#ffffffd6;border:1px solid #5e3b2914;border-radius:22px;gap:8px;padding:18px;transition:transform .15s,border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:0 10px 24px #5c381f0d}.module-preview-card strong{color:#3f2718}.module-preview-card span{line-height:1.7}.module-preview-card.active{background:#fff4e9f5;border-color:#b64e2038;box-shadow:0 14px 28px #b64e201a}.preview-panel{margin-top:18px}.intro-card{background:#fffcf8f0;border:1px solid #5e3b2914;border-radius:20px;gap:8px;padding:18px;display:grid}.intro-card h3{color:#442819;margin:0}.intro-card p{color:#6d5546;margin:0;line-height:1.8}.intro-summary-card{background:#ffffffd1;border:1px solid #5e3b2914;border-radius:22px;margin-top:16px;padding:18px}.lead-intro-card{background:radial-gradient(circle at 100% 0,#ffc59a29,#0000 28%),#ffffffdb}.lead-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.lead-benefit-card{background:#ffffffdb;border:1px solid #5e3b2914;border-radius:20px;gap:8px;padding:18px;display:grid}.lead-benefit-card strong{color:#472b1b}.lead-benefit-card span{color:#725a4b;line-height:1.75}.lead-consent-card{background:#ffffffd6;border:1px solid #5e3b2914;border-radius:20px;margin-top:18px;padding:18px}.action-list{gap:12px;padding-left:0;list-style:none;display:grid}.action-card{background:#fffaf6fa;border:1px solid #5e3b2914;border-radius:18px;padding:14px 16px}.report-cta{background:linear-gradient(135deg,#fff4e9fa,#fffbf6fa);border:1px solid #b64e201f;border-radius:24px;margin-top:18px}.cta-box,.export-actions{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.benefit-box{padding:18px}.checkbox-row{align-items:flex-start;gap:10px;display:flex}.checkbox-row input{width:auto;margin-top:4px}.validation-error{color:#9c3f1b;background:#d04e221a;border-radius:16px;margin-top:16px;padding:12px 14px}.footer-actions{justify-content:space-between;gap:16px;margin-top:20px;display:flex}.admin-layout{gap:18px;display:grid}.admin-card-wide{width:100%}.stat-list{gap:10px;display:grid}.stat-row{border-bottom:1px solid #5e3b2914;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.submission-list{gap:12px;display:grid}.submission-item{gap:6px;padding:14px;display:grid}.submission-item.actionable{text-align:left}.table-wrap{overflow:auto}.record-table{border-collapse:collapse;width:100%;font-size:.95rem}.record-table th,.record-table td{text-align:left;vertical-align:top;border-bottom:1px solid #5e3b2914;padding:12px 10px}.record-table th{color:#634c3d;white-space:nowrap}.highlight-row{background:#fff4e999}.table-link{color:#b64e20;background:0 0;padding:0}.empty-cell{text-align:center;color:#7c6658}.detail-card{padding:18px}.detail-list{color:#5c4739;gap:6px;padding-left:18px;display:grid}.meta-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.export-note{color:#715a4d;gap:4px;display:grid}.success-card{text-align:center;justify-items:center;gap:18px}.success-icon{color:#fff;background:linear-gradient(135deg,#75b06b,#4d8354);border-radius:999px;place-items:center;width:78px;height:78px;font-size:2rem;display:grid}.success-actions{gap:12px;display:flex}.bullet-list{color:#5c4739;margin:0;padding-left:20px}.mode-button:hover,.secondary-button:hover,.primary-button:hover,.ghost-button:hover,.choice-chip:hover,.table-link:hover,.admin-nav button:hover,.submission-item.actionable:hover{transform:translateY(-1px)}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.side-panel{position:static}}@media (width<=820px){.hero-card,.cta-box,.export-actions,.footer-actions,.success-actions{flex-direction:column;align-items:stretch}.hero-side,.role-select-grid,.field-grid.two-col,.detail-grid,.metric-grid,.admin-grid,.filter-grid,.dimension-grid,.booklist-grid,.compact-booklist-grid,.module-preview-grid,.lead-benefit-grid,.meta-form,.evidence-grid,.report-hero,.report-hero-side,.intro-grid{grid-template-columns:1fr;width:100%}}@media (width<=560px){.main-panel,.side-panel,.content-card,.admin-card{padding:18px}.step-item label{display:none}.mode-switch{grid-template-columns:1fr}}