:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f7f7fb;--primary:#5b4bff;--primary-dark:#3d35d8;--primary-soft:#f1efff;--yellow:#ffdd19;--shadow:0 24px 60px #28265524;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#f2f0ff 0,#0000 36rem),#f5f7fb;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);margin:0}button{font:inherit}button:not(:disabled){cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{background:#fff;width:min(100%,480px);min-height:100vh;margin:0 auto;padding:22px 18px 110px;box-shadow:0 0 0 1px #11182708,0 28px 80px #1f293714}.brand-header{justify-content:center;align-items:center;margin-bottom:22px;display:flex}.brand-header--compact{margin-bottom:14px}.brand-lockup{flex-direction:column;align-items:center;gap:2px;display:flex}.brand-lockup strong{color:var(--primary);letter-spacing:-.08em;font-size:clamp(2.2rem,10vw,3.2rem);font-weight:900;line-height:.95}.brand-lockup span{color:#a3a8b7;letter-spacing:.16em;font-size:.76rem;font-weight:800}.hero-card,.quiz-card,.result-hero,.type-preview,.score-summary,.result-detail,.coupon-card{border-radius:32px}.hero-card{text-align:center;background:linear-gradient(#fff 0%,#fbfbff 100%);padding:20px 18px 24px;position:relative;overflow:hidden}.hero-visual{height:252px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff7e8 0%,#f2f0ff 48%,#e9f7ff 100%);border-radius:30px;margin-bottom:22px;position:relative;overflow:hidden}.child-illustration{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffffc2,#ffffff75),radial-gradient(circle at 68% 24%,#ffd8a8 0 .6rem,#0000 .7rem),radial-gradient(circle at 26% 70%,#b5f5ec 0 .75rem,#0000 .85rem);border-radius:32px;place-items:center;display:grid;position:absolute;inset:36px 32px 28px}.child-illustration span{filter:drop-shadow(0 18px 22px #5244ff38);font-size:6.8rem}.parent-card{z-index:2;color:var(--primary-dark);background:#ffffffe0;border-radius:999px;padding:10px 14px;font-size:.8rem;font-weight:900;position:absolute;top:22px;left:22px;box-shadow:0 10px 24px #2923731f}.hero-orb{filter:blur(1px);opacity:.76;border-radius:999px;position:absolute}.hero-orb--one{background:#fff;width:86px;height:86px;top:26px;right:22px}.hero-orb--two{background:#5b4bff29;width:120px;height:120px;bottom:-30px;left:-22px}.eyebrow,.section-kicker{background:var(--primary-soft);color:var(--primary-dark);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:0 0 14px;padding:8px 14px;font-weight:900;display:inline-flex}.hero-card h1,.quiz-card h1,.result-hero h1{letter-spacing:-.08em;overflow-wrap:normal;word-break:keep-all;margin:0;font-size:clamp(2.3rem,11vw,4.15rem);line-height:1.14}.nowrap{white-space:nowrap}.hero-card h1 b{color:var(--primary-dark)}.hero-card p,.quiz-helper,.result-summary,.result-detail p,.recommend-card p,.coupon-card p{color:#4b5563;word-break:keep-all;line-height:1.76}.hero-card p{margin:18px 10px 0;font-size:1.08rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0;display:flex}.hero-stats span{color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;padding:9px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.primary-button,.secondary-button,.kakao-button{letter-spacing:-.03em;text-align:center;border:0;border-radius:20px;place-items:center;min-height:58px;padding:0 18px;font-size:1.05rem;font-weight:900;text-decoration:none;transition:transform .16s,opacity .16s,box-shadow .16s;display:inline-grid}.primary-button{color:#fff;background:linear-gradient(135deg,#6b4dff,#3d63ff);width:100%;box-shadow:0 18px 30px #5244ff47}.primary-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.secondary-button{color:#111827;background:#f3f4f6}.kakao-button{background:var(--yellow);color:#3b1d1d}.primary-button:not(:disabled):hover,.secondary-button:hover,.kakao-button:hover{transform:translateY(-1px)}.type-preview,.score-summary{margin-top:22px;padding:22px 0 0}.type-preview h2,.score-summary h2,.recommend-card h2,.coupon-card h2{letter-spacing:-.055em;margin:0;font-size:1.42rem;line-height:1.3}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.type-tile{border:1px solid var(--line);text-align:center;background:#fafbff;border-radius:22px;min-height:144px;padding:12px 8px}.type-tile strong,.type-tile span{word-break:keep-all;display:block}.type-tile strong{margin-top:8px;font-size:.84rem;line-height:1.24}.type-tile>span{color:var(--muted);margin-top:4px;font-size:.72rem}.result-avatar{background:radial-gradient(circle at 34% 30%, #ffffffe6, transparent 32%), linear-gradient(145deg, var(--avatar-accent), var(--avatar-color));width:62px;height:62px;box-shadow:0 14px 28px color-mix(in srgb, var(--avatar-color), transparent 78%);border-radius:50%;place-items:center;margin:0 auto;display:grid;position:relative}.result-avatar span{z-index:2;font-size:1.75rem}.result-avatar img{z-index:1;border-radius:inherit;object-fit:cover;width:100%;height:100%;position:relative}.result-avatar i{border-radius:inherit;border:1px solid #ffffffb3;position:absolute;inset:7px}.result-avatar--large{border-radius:34px;width:236px;height:236px;margin:22px auto}.result-avatar--large span{font-size:7.6rem}.quiz-card{padding:22px 0 0}.progress-row{color:#64748b;justify-content:space-between;align-items:center;font-weight:800;display:flex}.progress-track{background:#eef2ff;border-radius:999px;height:10px;margin:10px 0 24px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#3b82f6);height:100%;transition:width .22s;display:block}.dimension-chip{color:var(--primary-dark);background:#f7f5ff;border-radius:16px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-weight:900;display:inline-flex}.quiz-card h1{font-size:clamp(2rem,8vw,3rem)}.quiz-helper{margin:14px 0 22px}.option-list{border:0;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.option-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #eef0f5;border-radius:24px;grid-template-columns:44px 1fr;align-items:start;gap:14px;width:100%;padding:18px;display:grid;position:relative;box-shadow:0 12px 28px #1118270a}.option-card input{opacity:0;pointer-events:none;position:absolute}.option-card:has(input:focus-visible){outline-offset:3px;outline:3px solid #5b4bff52}.option-card--selected{border-color:var(--primary);background:linear-gradient(#fff 0%,#f8f7ff 100%);box-shadow:0 18px 34px #5244ff24}.option-badge{width:44px;height:44px;color:var(--primary-dark);background:#eef2ff;border-radius:14px;place-items:center;font-weight:900;display:grid}.option-card strong{word-break:keep-all;font-size:1.08rem;line-height:1.5;display:block}.option-card small{color:#6b7280;word-break:keep-all;margin-top:6px;font-size:.9rem;line-height:1.5;display:block}.quiz-actions,.share-row{grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:22px;display:grid}.result-hero{padding:0 0 18px}.result-found{color:#8a5c00;text-align:center;word-break:keep-all;background:#fffaf0;border:1px solid #ffe29a;border-radius:20px;justify-content:center;align-items:center;min-height:68px;margin-bottom:28px;padding:0 18px;font-size:1.03rem;font-weight:900;display:flex}.result-hero .section-kicker{color:var(--result-color);background:0 0;padding:0}.result-hero h1{font-size:clamp(2.25rem,9vw,3.6rem)}.result-hero h1 span{color:#2f3545;font-size:.56em;display:block}.quote{color:#4b5563;word-break:keep-all;margin:16px 0 0;font-size:1.15rem;font-weight:800;line-height:1.6}.result-summary{margin:6px 0 14px;font-size:1.05rem}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.score-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:14px}.score-card span{background:var(--primary-soft);width:30px;height:30px;color:var(--primary-dark);border-radius:10px;place-items:center;font-weight:900;display:inline-grid}.score-card strong{margin-top:10px;font-size:.95rem;display:block}.score-card p{color:#6b7280;margin:6px 0 0;line-height:1.45}.result-detail{gap:18px;padding:18px 0 0;display:grid}.insight-block{grid-template-columns:4px 1fr;gap:16px;display:grid}.insight-line{background:linear-gradient(#6b4dff,#3d63ff);border-radius:999px}.insight-block h3{margin:0 0 8px;font-size:1.2rem}.insight-block h3 span{margin-right:6px}.insight-block p{margin:0}.share-row{margin-top:24px}.toast{color:#166534;background:#f0fdf4;border-radius:16px;margin:14px 0 0;padding:12px 14px;font-weight:800;line-height:1.5}.recommend-card{color:#fff;background:linear-gradient(145deg,#6b4dff,#3d63ff);border-radius:30px;margin-top:24px;padding:26px 22px;box-shadow:0 26px 52px #5244ff47}.recommend-card p{color:#ffffffdb;margin:12px 0 22px;font-weight:700}.recommend-card button{width:100%;min-height:58px;color:var(--primary-dark);background:#fff;border:0;border-radius:18px;font-size:1.05rem;font-weight:900}.coupon-card{background:#fffcf0;border:1px solid #f6d889;grid-template-columns:74px 1fr;align-items:center;gap:16px;margin-top:26px;padding:20px;display:grid}.coffee{background:#fff;border-radius:50%;place-items:center;width:74px;height:74px;font-size:2rem;display:grid}.coupon-card p{margin:8px 0 0}.sticky-actions{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #e5e7ebe6;border-radius:24px;grid-template-columns:.8fr 1.2fr;gap:10px;padding:10px;display:grid;position:fixed;bottom:16px;left:max(18px,50vw - 222px);right:max(18px,50vw - 222px);box-shadow:0 16px 40px #1118271f}.sticky-actions .primary-button,.sticky-actions .secondary-button{border-radius:18px;min-height:54px;font-size:.98rem}@media (width>=720px){body{padding:28px 0}.screen{border-radius:42px;min-height:calc(100vh - 56px)}}@media (width<=380px){.screen{padding-left:14px;padding-right:14px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-actions,.share-row,.sticky-actions,.coupon-card{grid-template-columns:1fr}}