:root{color:#1f2b42;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#dce7f6bf,#0000 28%),linear-gradient(#eef2f6 0%,#e9eef4 100%);font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.app-page{place-items:center;min-height:100vh;padding:28px 16px;display:grid}.device-frame{background:linear-gradient(#f8fafc 0%,#f2f5f8 100%);border:1px solid #dfe5ee;border-radius:40px;width:min(100%,430px);min-height:860px;padding:14px 14px 28px;box-shadow:0 28px 80px #1f2b4224,inset 0 1px #ffffffe6}.device-notch{background:#111827;border-radius:999px;width:132px;height:28px;margin:0 auto 18px}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 6px 0;display:flex}.app-caption{color:#6b7684;margin:0 0 6px;font-size:13px;font-weight:600}.app-header h1{color:#191f28;letter-spacing:-.03em;margin:0;font-size:28px;line-height:1.18}.step-chip{color:#1768e5;background:#fff;border-radius:16px;flex-shrink:0;padding:10px 12px;font-size:14px;font-weight:700;box-shadow:0 8px 22px #36486314}.step-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.step-tab{color:#8b95a1;text-align:center;background:#eef2f6;border-radius:14px;padding:10px 0;font-size:13px;font-weight:700}.step-tab.active{color:#1768e5;background:#edf4ff}.hero-card,.section-card{background:#fff;border-radius:28px;box-shadow:0 10px 30px #36486314}.hero-card{color:#fff;background:linear-gradient(#1d6ef2 0%,#0f5bd7 100%);padding:22px 20px}.hero-eyebrow{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.hero-title{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700;line-height:1.42}.hero-description{color:#ffffffdb;margin:10px 0 0;font-size:14px;line-height:1.58}.intro-screen,.content-stack{gap:14px;margin-top:14px;display:grid}.section-card{padding:20px 18px}.section-header h2,.result-head h2,.intro-card h2{color:#191f28;letter-spacing:-.02em;margin:0}.section-header p,.choice-section p,.result-summary,.intro-list li,.ad-hint-copy,.metric-description,.metric-value,.caution-copy,.score-panel p,.strategy-list li{color:#6b7684;line-height:1.58}.intro-list{margin:14px 0 0;padding-left:18px}.intro-list li+li{margin-top:10px}.intro-preview,.preview-strip,.score-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intro-preview{margin-top:18px}.intro-preview article,.preview-strip article,.score-panel article{background:#f7f9fb;border-radius:20px;padding:14px 12px}.preview-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.intro-preview span,.preview-strip span,.score-panel span,.metric-card-head span,.result-label,.caution-label{color:#8b95a1;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.intro-preview strong,.preview-strip strong,.score-panel strong{color:#191f28;letter-spacing:-.02em;margin-top:8px;font-size:16px;display:block}.cta-wrap{margin-top:22px}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.time-field{background:#f9fafb;border:1px solid #e5e8eb;border-radius:18px;gap:8px;padding:14px 14px 12px;display:grid}.time-field.error{background:#fff5f5;border-color:#d14343}.time-field-label{color:#4e5968;font-size:13px;font-weight:700}.time-field-input{color:#191f28;letter-spacing:-.02em;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:20px;font-weight:700}.time-field-input::placeholder{color:#b0b8c1}.time-field-help{color:#8b95a1;font-size:12px}.choice-section{border:0;margin:0;padding:0}.choice-section+.choice-section{margin-top:18px}.choice-section legend{color:#191f28;margin-bottom:6px;padding:0;font-size:16px;font-weight:700}.choice-section p{margin:0 0 12px;font-size:14px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice{color:#4e5968;background:#f9fafb;border:1px solid #e5e8eb;border-radius:14px;min-width:64px;height:44px;padding:0 14px;font-weight:700;transition:border-color .12s,background-color .12s,color .12s}.choice.active{color:#1768e5;background:#edf4ff;border-color:#1768e5}.ad-hint-card,.caution-box{background:#f7f9fb;border-radius:20px;margin-top:18px;padding:14px 16px}.caution-box{background:#fef7ec}.ad-hint-label,.caution-label{color:#1768e5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.caution-label{color:#b85c00}.ad-hint-copy,.caution-copy{margin:0;font-size:14px}.dual-cta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.action-button{letter-spacing:-.02em;border:0;border-radius:18px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;font-weight:700;transition:transform .12s,opacity .12s,background-color .12s,color .12s}.action-button:disabled{cursor:not-allowed;opacity:.45}.action-button.primary{color:#fff;background:#1768e5}.action-button.secondary{color:#191f28;background:#edf1f5}.result-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-label{margin:0 0 6px}.severity-badge{border-radius:16px;flex-shrink:0;padding:10px 12px;font-size:14px;font-weight:800}.severity-steady{color:#0f8a4f;background:#e8f7ef}.severity-watch{color:#b7791f;background:#fff6dd}.severity-warning{color:#c05621;background:#ffeadb}.severity-critical{color:#d14343;background:#ffe4e4}.type-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.type-pill{color:#1768e5;background:#edf4ff;border-radius:999px;align-items:center;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.type-pill.subdued{color:#4e5968;background:#f2f4f6}.result-summary{margin:16px 0 0;font-size:14px}.score-panel{margin-top:18px}.score-panel p{margin:8px 0 0;font-size:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.metric-card{background:#f8fafc;border-radius:22px;padding:16px 14px}.metric-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-score{font-size:18px;font-weight:800}.metric-score.steady{color:#0f8a4f}.metric-score.watch{color:#b7791f}.metric-score.warning{color:#c05621}.metric-score.critical{color:#d14343}.metric-value{margin:10px 0 0;font-size:13px;font-weight:700}.metric-description{margin:8px 0 0;font-size:13px}.factor-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.factor-chip{color:#4e5968;background:#f2f4f6;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.strategy-list{margin:18px 0 0;padding:0;list-style:none}.strategy-list li{padding-left:18px;font-size:14px;position:relative}.strategy-list li+li{margin-top:12px}.strategy-list li:before{content:"";background:#1768e5;border-radius:999px;width:6px;height:6px;position:absolute;top:9px;left:0}@media (width<=520px){.app-page{padding:0}.device-frame{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding-bottom:36px}.dual-cta,.input-grid,.metric-grid,.score-panel,.intro-preview,.preview-strip{grid-template-columns:1fr}.result-head,.app-header{flex-direction:column}}