: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%),linear-gradient(#fffdf9fa,#fffffffa);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{margin-bottom:22px}.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}.hero-card{justify-content:space-between;gap:18px;display:flex}.hero-main h2{margin:0 0 10px;font-size:2rem}.hero-main p{color:#695649}.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{padding:18px}.hero-stat strong{color:#b64e20;margin-bottom:6px;display:block}.child-question-card{background:linear-gradient(#fffaf5fa,#fffffffa)}.child-context{color:#6d5341;background:#fff4e8e6;border-radius:16px;margin:8px 0 10px;padding:12px 14px;line-height:1.7}.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}.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}.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}.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-summary{color:#513a2d;margin:0;font-size:1.08rem}.soft-tip{color:#7b6556;background:#fff7f0f5;border-radius:18px;padding:16px}.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,.field-grid.two-col,.detail-grid,.metric-grid,.admin-grid,.filter-grid,.meta-form{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}}