:root{--bg-base:#f5f6f8;--bg-card:#fff;--bg-card-soft:#fafbfc;--bg-card-dark:#1f2937;--bg-cta:#2563eb;--bg-cta-hover:#1d4ed8;--bg-pill:#eef2ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-blue:#2563eb;--accent-blue-strong:#1d4ed8;--accent-husband:#1e40af;--accent-husband-soft:#dbeafe;--accent-wife:#db2777;--accent-wife-soft:#fce7f3;--accent-orange:#fb923c;--accent-orange-strong:#ea580c;--accent-success:#16a34a;--accent-success-soft:#dcfce7;--accent-danger:#dc2626;--accent-danger-soft:#fee2e2;--accent-warning:#f59e0b;--border-base:#e5e7eb;--border-soft:#f1f5f9;--shadow-card:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);--shadow-card-strong:0 4px 16px rgba(15,23,42,.08),0 12px 32px rgba(15,23,42,.06);--shadow-cta:0 4px 14px rgba(37,99,235,.32);--shadow-cta-strong:0 8px 22px rgba(37,99,235,.4);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--text-caption:13px;--text-body-sm:13px;--text-body:15px;--text-h2:28px;--text-h1:28px;--font-regular:500;--font-bold:700;--font-heavy:700}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0);opacity:.5}50%{transform:translateX(-50%) translateY(6px);opacity:1}}.snap-container{scroll-snap-type:y mandatory;overflow-y:auto;height:100vh;height:100dvh;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snap-container:focus-within{scroll-snap-type:none}.snap-page{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;box-sizing:border-box;position:relative}.snap-page-inner{max-width:520px;width:100%;margin:0 auto}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;animation:bounce 1.8s ease-in-out infinite;font-weight:600}@media (max-width:600px){.mac-container{padding:24px 14px!important}.snap-page{padding:20px 16px}.snap-page.step-fit-page{justify-content:stretch}.snap-page.step-fit-page .snap-page-inner{display:flex;flex-direction:column;flex:1 1;min-height:0}.step-fit-page .mbti-card,.step-fit-page .step-header-compact{flex-shrink:0}.step-fit-page .input-card{flex:1 1;display:flex;flex-direction:column;min-height:0}.step-fit-page .input-card .input-textarea{flex:1 1;min-height:80px!important;resize:none}.mbti-card{padding:12px!important;margin-bottom:12px!important}.mbti-axis-btn{padding:8px 10px!important;gap:8px!important}.mbti-axis-letter{font-size:22px!important}.mbti-axis-desc{display:none!important}.mbti-axis-rows{gap:6px!important}.input-card{padding:12px!important}.step-header-compact{margin-bottom:12px!important}.step-header-compact>div:first-child{margin-bottom:8px!important}}