@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";: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;--cta-title-size:1.42rem;--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 42px;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}.intro-hero-picture,.intro-hero-image{border-radius:inherit;width:100%;height:100%}.intro-hero-picture{display:block;overflow:hidden;box-shadow:0 18px 32px #29237329}.intro-hero-image{object-fit:cover;object-position:center;display:block}.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:#3a1d1d;justify-content:center;align-items:center;gap:8px;display:inline-flex}.kakao-button__icon{flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.kakao-button__icon svg{fill:#3a1d1d;width:100%;height:100%;display:block}.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{font-size:var(--cta-title-size);letter-spacing:-.055em;margin:0;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{grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:22px;display:grid}.result-hero{text-align:center;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-title{justify-items:center;gap:6px;display:grid}.result-title__name{letter-spacing:.04em;white-space:nowrap;max-width:100%;font-size:clamp(1.33rem,5.6vw,2.28rem);display:block}.result-title__character{color:#2f3545;letter-spacing:.025em;font-size:clamp(1.44rem,5.4vw,2.18rem);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{grid-template-columns:1.25fr .75fr;gap:10px;margin-top:24px;display:grid}.share-row__primary{grid-template-columns:1fr auto;gap:8px;min-width:0;display:grid}.result-share-button,.compact-restart-button,.share-row .kakao-button{border-radius:18px;min-height:52px;font-size:.96rem}.compact-restart-button{color:#111827;white-space:normal;border-radius:14px;align-self:center;width:86px;min-height:44px;padding:0 8px;font-size:.82rem;line-height:1.16}.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);text-align:center;background:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.recommend-card__button[aria-disabled=true]{cursor:not-allowed;opacity:.62}.recommend-card__hint{color:#ffffffd1;margin:12px 0 0;font-size:.9rem;font-weight:800;line-height:1.45}.coupon-card{isolation:isolate;color:#111827;text-align:left;background:#f6c947;border:0;grid-template-columns:92px 1fr;align-items:center;gap:18px;width:100%;margin-top:26px;padding:36px 20px 22px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #7e560d29}.coupon-card:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:2px solid #e6e8f0;position:absolute;inset:0}.coupon-card:hover,.coupon-card:focus-visible{transform:translateY(-2px);box-shadow:0 22px 48px #7e560d38}.coupon-card:focus-visible{outline-offset:3px;outline:3px solid #f6c94780}.coffee{background:#fff;border-radius:50%;place-items:center;width:92px;height:92px;font-size:2.2rem;display:grid;box-shadow:0 14px 28px #7e560d24}.coupon-card h2,.coupon-card p{z-index:1;position:relative}.coupon-card p{color:#111827;margin:8px 0 0}.coupon-card__hint{z-index:1;color:#7c4b00;margin-top:14px;font-size:.9rem;font-weight:950;display:inline-flex;position:relative}.coffee-coupon-text{color:#3a1d1d;font-weight:950}.event-badge{z-index:4;color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#f45a55,#d93434);justify-content:center;align-items:center;width:154px;height:34px;margin:0;padding:0;font-size:.78rem;font-weight:950;display:inline-flex;position:absolute;top:22px;left:-42px;transform:rotate(-45deg);box-shadow:0 8px 18px #78221e3d}.event-badge:after{content:"";border-top:17px solid #0000;border-bottom:17px solid #0000;border-left:11px solid #9f2b2b;position:absolute;bottom:0;right:-11px}.coffee-event-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1118278a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.coffee-event-modal{color:#241915;background:radial-gradient(circle at 50% 0,#ffd63d33,#0000 16rem),#fffdf8;border:8px solid #fff0cf;border-radius:30px;width:min(100%,440px);max-height:min(92vh,900px);padding:28px 20px 24px;position:relative;overflow:hidden auto;box-shadow:0 26px 80px #11182752}.coffee-event-close{color:#6b4b1b;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.5rem;font-weight:900;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 10px 22px #7e560d24}.coffee-event-hero{background:#ffc400;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 14px;font-size:2rem;display:grid;box-shadow:0 14px 28px #ffc40047}.coffee-event-header{text-align:center}.coffee-event-header h2{letter-spacing:-.075em;word-break:keep-all;margin:0;font-size:clamp(1.75rem,7vw,2.45rem);line-height:1.26}.coffee-event-header p{color:#ff5b22;letter-spacing:-.07em;margin:12px 0 0;font-size:clamp(1.55rem,6vw,2.05rem);font-weight:950}.coffee-event-steps{gap:22px;margin:30px 0 0;padding:0;list-style:none;display:grid}.coffee-event-step{--step-offset:54px;grid-template-columns:42px 1fr;align-items:start;gap:12px;display:grid}.coffee-event-step+.coffee-event-step{border-top:2px dashed #d7dde8;padding-top:22px}.coffee-event-step__number{color:#111827;background:#fc0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:950;display:grid}.coffee-event-step__content h3{letter-spacing:-.04em;word-break:keep-all;margin:3px 0 14px;font-size:1.02rem;line-height:1.55}.coffee-event-step__content h3 em{color:#ff5b22;font-style:normal}.chat-preview{background:linear-gradient(145deg,#f8f9fc,#eef1f7);border-radius:24px;padding:34px 16px 18px;position:relative;box-shadow:inset 0 1px #ffffffc2}.chat-date{color:#fff;background:#11182729;border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.chat-sender{color:#111827;margin:0 0 7px 8px;font-size:.82rem;font-weight:900}.chat-sender--director{margin-top:16px}.chat-bubble{letter-spacing:-.025em;overflow-wrap:anywhere;word-break:keep-all;border-radius:18px;max-width:100%;padding:15px 16px;font-size:.94rem;font-weight:800;line-height:1.62}.chat-bubble p{margin:0}.chat-bubble p+p{margin-top:7px}.chat-bubble--parent{color:#263326;background:linear-gradient(145deg,#fff3b0,#ffd96a);border-bottom-right-radius:3px;margin-left:auto}.chat-bubble--director{background:#fff;border-bottom-left-radius:3px;width:fit-content;box-shadow:0 8px 18px #11182714}.chat-time{color:#6b7280;margin-top:6px;font-size:.76rem;font-weight:800}.chat-time--parent{text-align:right}.coupon-reward-card{width:calc(100% + var(--step-offset));margin-left:calc(-1 * var(--step-offset));background:linear-gradient(145deg,#fff7de,#fffdf8);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(112px,50%);align-items:center;gap:14px 12px;padding:18px;display:grid}.coupon-reward-card>div{min-width:0}.coupon-reward-card strong{color:#111827;background:#fc0;border-radius:10px;margin-bottom:7px;padding:8px 10px;font-weight:950;display:inline-flex}.coupon-reward-card p{color:#2f3545;word-break:keep-all;margin:0;font-weight:900;line-height:1.45}.coupon-reward-card__image{filter:drop-shadow(0 10px 12px #7e560d24);max-width:100%;height:auto;display:block}.coupon-reward-card__image--single{justify-self:end;width:clamp(76px,24vw,108px)}.coupon-reward-card__choice{justify-content:flex-end;align-items:center;gap:4px;display:flex}.coupon-reward-card__choice span{color:#5b6472;letter-spacing:-.08em;background:#eef0f2;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.74rem;font-weight:950;display:grid}.coupon-reward-card__image--starbucks,.coupon-reward-card__image--mega-small{width:clamp(48px,15vw,68px);min-width:0}.coupon-reward-card__image--mega-small+.coupon-reward-card__image--mega-small{margin-left:-12px}.coffee-event-form-link{color:#1f2937;background:#fff;border:2px solid #b7bdc9;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:56px;margin-top:12px;padding:0 16px;font-weight:950;text-decoration:none;display:grid}.coffee-event-form-link--disabled{color:#6b7280}.coffee-event-status{color:#7c4b00;background:#fff7db;border-radius:14px;margin:18px 0 0;padding:12px 14px;font-size:.9rem;font-weight:900;line-height:1.45}.coffee-event-copy-button{color:#221b00;letter-spacing:-.035em;background:linear-gradient(135deg,#ffd321,#ffb900);border:0;border-radius:16px;place-items:center;width:100%;min-height:62px;margin-top:18px;font-size:1.05rem;font-weight:950;display:grid;box-shadow:0 14px 26px #ffbe0047}@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,.share-row__primary{grid-template-columns:1fr}.coupon-card{grid-template-columns:1fr;padding-top:48px}.coffee{margin:0 auto}.coffee-event-modal{padding-left:16px;padding-right:16px}.coffee-event-step{--step-offset:42px;grid-template-columns:34px 1fr;gap:8px}.coffee-event-step__number{width:30px;height:30px;font-size:1rem}}