*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;color-scheme:light}:root{--primary:#E8919A;--primary-light:#FCE8EA;--secondary:#7CB68E;--accent:#7CB68E;--bg-cream:#FFF8F6;--bg-pink:#FFF3EF;--bg-purple:#FFF0E4;--text-dark:#3D2C1E;--text-light:#8A7568}body{font-family:Noto Sans KR,sans-serif;background:var(--bg-cream);color:var(--text-dark);overflow-x:hidden;min-height:100vh;word-break:keep-all;overflow-wrap:break-word}.container{position:relative;z-index:5;max-width:480px;margin:0 auto;padding:0 12px}.screen{display:none;min-height:100vh;min-height:100dvh;margin:0 -12px;width:calc(100% + 24px);max-width:100vw}.screen.active{display:flex;flex-direction:column}@media (min-width: 768px){.screen{min-height:calc(100vh - 54px);min-height:calc(100dvh - 54px)}}@media (min-width: 1024px){.container{max-width:900px;padding:0 40px}.screen{margin:0 -40px;width:calc(100% + 80px)}.intro-screen{padding-top:80px}.intro-logo{font-size:36px}.intro-tagline{font-size:19px}.intro-cta{max-width:360px}.mbti-selector{gap:16px}.mbti-option{padding:16px 10px;font-size:17px}.situation-cards{flex-direction:row;flex-wrap:wrap;gap:20px}.situation-card{flex:1;min-width:280px}.story-card{padding:36px 32px}.story-text{font-size:18px}.choice-btn{padding:24px 28px;font-size:16px}.compare-card{padding:44px 36px}.compare-value{font-size:42px}.analysis-card{padding:40px 32px}.mbti-screen,.situation-screen,.question-screen,.result-screen{padding-top:40px}}.pc-header{position:fixed;top:0;left:0;right:0;height:64px;background:#fff9f5f2;backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,182,142,.15);z-index:1000;align-items:center;justify-content:space-between;padding:0 40px}.pc-header-logo{font-family:"DM Serif Display",serif;font-size:24px;font-weight:600;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.pc-header-nav{display:flex;gap:32px;align-items:center}.pc-header-nav a{color:var(--text-dark);text-decoration:none;font-size:15px;font-weight:600;transition:color .3s}.pc-header-nav a:hover{color:var(--primary)}.pc-header-btn{padding:10px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s}.pc-header-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e8919a4d}.mbti-screen,.situation-screen{padding:40px 24px;min-height:100vh}.mbti-screen,.situation-screen{background:#fff8f6}.screen-header{text-align:left;margin-top:0;margin-bottom:16px;flex-shrink:0;position:relative;z-index:20;padding-bottom:8px}.screen-step{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;background:#fce8ea;border:1px solid rgba(232,145,154,.15);border-radius:100px;font-size:11px;font-weight:600;color:#e8919a;letter-spacing:1.5px;box-shadow:0 2px 12px #e8919a0f;margin-bottom:16px}.screen-title{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:6px;color:#3d2c1e}.screen-desc{font-size:13px;color:#a0887a;font-weight:400;line-height:1.6}.mbti-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;margin-bottom:24px}.mbti-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mbti-group{display:flex;flex-direction:row;align-items:center;gap:10px}.mbti-group-label{width:52px;flex-shrink:0;font-size:10px;font-weight:500;color:#a0887a;text-align:center;letter-spacing:.5px}.mbti-option{flex:1;padding:14px 8px;background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:14px;font-size:15px;font-weight:500;text-align:center;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:none;box-shadow:0 2px 8px #e8919a0a}@keyframes btnCombo{0%,to{border-color:#e8919a66;background:var(--bg-cream)}33%{border-color:#7cb68e80;background:var(--bg-pink)}66%{border-color:#f0bfa080;background:var(--bg-purple)}}.mbti-option:hover{transform:translateY(-1px);box-shadow:0 4px 24px #e8919a14}.mbti-option.selected{background:#e8919a;color:#fff;border-color:transparent;box-shadow:0 4px 20px #e8919a4d;animation:none;transform:translateY(-1px)}.mbti-option .sub{display:inline;font-size:11px;font-weight:400;margin-left:4px;opacity:.7;color:inherit}.selected-mbti-display{text-align:center;padding:0;background:none;border-radius:0;margin-bottom:8px}.selected-mbti-display .label{font-size:12px;color:#a0887a;font-weight:400;margin-bottom:4px}.selected-mbti-display .value{font-size:36px;font-weight:600;color:#e8919a;letter-spacing:6px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#E8919A}.cherry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e8919a;color:#fff;border:none;border-radius:100px;padding:16px 36px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 24px #e8919a40;letter-spacing:.3px;width:100%}.cherry-btn:disabled{background:#e8e8f0;color:#999;cursor:not-allowed;box-shadow:none;transform:none}.cherry-btn:disabled:hover{transform:none;box-shadow:none}.next-btn{width:100%;padding:16px;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);font-family:Noto Sans KR,sans-serif}.next-btn.active{background:#e8919a;color:#fff;cursor:pointer;box-shadow:0 8px 24px #e8919a40}.next-btn.active:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #e8919a59}.skip-btn{display:block;width:100%;padding:10px;background:none;border:none;font-size:13px;color:#a0887a;cursor:pointer;margin-top:4px;margin-bottom:6px}.skip-btn:hover{color:#e8919a}.situation-screen{position:relative}.situation-screen .screen-header,.question-screen .progress-header,.question-screen .progress-bar,.situation-screen .situation-cards,.situation-screen .next-btn,.situation-screen .skip-btn{position:relative;z-index:10}.situation-cards{display:flex;flex-direction:column;gap:16px}.situation-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:24px;border:1px solid rgba(232,145,154,.08);cursor:pointer;transition:all .3s;box-shadow:0 4px 24px #e8919a14;animation:none}.situation-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #7cb68e33}.situation-card.selected{border-color:var(--primary);background:#fff;animation:none}.situation-emoji{width:72px;height:72px;border-radius:20px;flex-shrink:0;transition:all .3s;overflow:hidden;position:relative}.situation-emoji img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:transform .3s}.situation-emoji .emoji-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple))}.situation-card:hover .situation-emoji img{transform:scale(1.1)}.situation-card.selected .situation-emoji{box-shadow:0 4px 16px #e8919a4d;transform:scale(1.05)}.situation-info h3{font-size:18px;font-weight:800;margin-bottom:6px}.situation-info p{font-size:14px;color:var(--text-light);line-height:1.5}.question-screen{background:#fff8f6;padding:20px 24px 40px;min-height:100vh}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-text{font-size:15px;font-weight:700;color:var(--primary)}.progress-close{width:44px;height:44px;border-radius:50%;background:#fffffff2;border:none;font-size:20px;cursor:pointer;color:var(--text-light);box-shadow:0 4px 15px #00000014;transition:all .3s;backdrop-filter:blur(10px)}.progress-close:hover{color:var(--primary);transform:rotate(90deg)}.progress-bar{height:6px;background:#e8919a1f;border-radius:3px;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background:#e8919a;border-radius:3px;transition:width .5s}.story-card{width:100%;background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;padding:28px 24px;margin-bottom:20px;box-shadow:0 4px 24px #e8919a14}.story-scene{font-size:12px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.story-scene:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:1px}.story-text{font-size:16px;font-weight:500;line-height:2;color:var(--text-dark);word-break:keep-all}.story-text .highlight{color:var(--primary);font-weight:700}.story-text .thought{color:var(--secondary);font-style:italic}.story-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--primary-light),var(--secondary));margin:20px auto;border-radius:2px;opacity:.5}.story-question{font-size:18px;font-weight:700;color:var(--text-dark);text-align:center;line-height:1.6}.choices{width:100%;display:flex;flex-direction:column;gap:12px}.choice-btn{width:100%;padding:20px 24px;background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:14px;font-size:13px;font-weight:400;color:var(--text-dark);cursor:pointer;text-align:left;transition:all .3s;box-shadow:0 2px 8px #e8919a0a;line-height:1.5}.choice-btn:hover{border-color:#e8919a33;background:#fff8f6cc;transform:translateY(-1px)}.choice-btn:active{transform:scale(.98)}.choice-btn .choice-label{display:block;font-size:11px;color:var(--secondary);font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.loading-screen{background:#fff3ef;color:#3d2c1e;justify-content:center;align-items:center;text-align:center;padding:44px 28px 40px;min-height:100vh}.loading-visual{position:relative;width:120px;height:120px;margin-bottom:36px}@keyframes spin{to{transform:rotate(360deg)}}.loading-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:800;color:var(--cherry-pink,#E8919A);letter-spacing:1px}.loading-compare{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:40px}.loading-mbti{padding:12px 22px;background:#fff;border:2px solid #E8919A;border-radius:16px;font-size:20px;font-weight:700;color:#3d2c1e;letter-spacing:2px}.loading-mbti.new{background:#e8919a;color:#fff;border-color:#e8919a;animation:mbtiPulse 1.5s ease-in-out infinite}.loading-arrow{font-size:22px;color:#f0bfa0;font-weight:400;animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes glowPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #e8919a80}50%{transform:scale(1.05);box-shadow:0 0 40px #e8919acc}}.loading-text{font-family:Gowun Batang,serif;font-size:15px;font-weight:400;color:#3d2c1e;margin-bottom:8px}.loading-subtext{font-size:12px;color:#a0887a;font-weight:400}.result-nav-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px}.result-nav-header .logo{display:flex;align-items:center;gap:8px;text-decoration:none}.result-nav-header .logo-heart svg{width:24px;height:24px}.result-nav-header .logo-text{display:flex;flex-direction:column}.result-nav-header .logo-en{font-family:"DM Serif Display",serif;font-size:14px;font-weight:600;color:var(--text-dark)}.result-nav-header .logo-kr{font-size:10px;color:var(--text-light);letter-spacing:1px}.home-btn{padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e8919a4d}.action-btn{flex:1;padding:16px 20px;border:none;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e8919a4d}.result-screen{background:#fff8f6;padding:20px 0 80px;min-height:100vh}.result-header{text-align:center;margin-bottom:16px}.result-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;background:#e8919a;border-radius:100px;font-size:11px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:.5px;box-shadow:none}.result-title{font-family:Gowun Batang,serif;font-size:20px;font-weight:400;line-height:1.4;color:#3d2c1e}.result-title .maybe{color:#a0887a;font-size:13px;font-weight:400;letter-spacing:1px}.compare-card{background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;padding:36px 28px;margin-bottom:24px;box-shadow:0 4px 24px #e8919a14;position:relative;overflow:hidden}.compare-card:before{content:none}.compare-mbti{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.compare-item{text-align:center}.compare-label{font-size:13px;font-weight:600;color:var(--text-light);margin-bottom:10px}.compare-value{font-size:14px;font-weight:600;letter-spacing:2px;padding:8px 16px;border-radius:100px;border:1px solid rgba(232,145,154,.2);box-shadow:0 2px 12px #e8919a0f}.compare-value.original{color:#e8919a;background:#fff}.compare-value.new{color:#fff;background:#e8919a;border-color:transparent;-webkit-text-fill-color:#fff}.compare-arrow{font-size:16px;color:#f0bfa0}.result-slide>.compare-card,.result-slide>.analysis-card,.result-slide>.share-section{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;margin:0}.animal-row{display:flex;justify-content:center;align-items:flex-start;gap:8px;margin-top:12px}.animal-item{text-align:center;width:120px}.animal-icon{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;background:var(--bg-cream);display:flex;align-items:center;justify-content:center}.animal-icon img{width:52px;height:52px;object-fit:contain}.animal-emoji{font-size:36px;line-height:1}.animal-icon.highlight{background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple));box-shadow:0 4px 12px #e8919a40}.animal-icon.same{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.animal-name{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.animal-adj{color:var(--secondary);font-weight:600}.animal-noun{color:var(--primary);font-weight:800}.animal-keyword{font-size:10px;color:var(--text-light);font-weight:500;line-height:1.4;word-break:keep-all}.keyword-highlight{color:var(--primary);font-weight:700}.animal-arrow{font-size:20px;color:var(--primary);flex-shrink:0;margin-top:24px}.animal-comment{text-align:center;margin-top:16px;margin-bottom:12px;padding:14px 16px;background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple));border-radius:14px;font-size:14px;font-weight:600;line-height:1.6;color:var(--text-dark)}.animal-comment .from-animal{color:var(--text-light);font-weight:800}.animal-comment .to-animal{color:var(--primary);font-weight:800}.animal-comment .comment-animal{font-weight:400}.animal-comment .comment-animal.from .animal-adj{color:#5a9a7a;font-weight:500}.animal-comment .comment-animal.from .animal-noun{color:#6b8e7b;font-weight:700}.animal-comment .comment-animal.to .animal-adj{color:#e8919a;font-weight:500}.animal-comment .comment-animal.to .animal-noun{color:var(--primary);font-weight:700}.maybe-note{text-align:center;padding:18px 14px;background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple));border-radius:16px;margin-bottom:24px;font-size:13px;color:var(--text-light);line-height:2;word-break:keep-all}.maybe-note strong{color:var(--primary);font-weight:700}.maybe-link{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:10px;transition:all .3s;box-shadow:0 2px 8px #6c5ce74d;animation:heartbeat 1.5s ease-in-out infinite}.maybe-link:hover{transform:scale(1.1);box-shadow:0 4px 12px #6c5ce766;animation:none}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}.analysis-card{background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;padding:32px 24px;margin-bottom:24px;box-shadow:0 4px 24px #e8919a14;position:relative;overflow:hidden}.analysis-card:before{content:none}.analysis-header{text-align:center;margin-bottom:28px}.analysis-badge{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple));border-radius:50px;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:14px}.analysis-header h3{font-size:22px;font-weight:800}.analysis-card{background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;padding:24px;margin-top:20px;box-shadow:0 4px 24px #e8919a14}.analysis-title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:20px;text-align:center}.analysis-section{margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid var(--bg-cream)}.analysis-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.analysis-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:700}.analysis-label .emoji{font-size:20px}.analysis-text{font-size:14px;line-height:1.9;color:var(--text-light);padding-left:30px}.analysis-summary{font-size:18px;font-weight:800;text-align:center;padding:20px;background:linear-gradient(135deg,var(--bg-pink),var(--bg-purple));border-radius:18px;margin-top:12px;color:var(--primary)}.mindread-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:28px;padding:32px 24px;margin-bottom:24px;text-align:center;color:#fff;position:relative;overflow:hidden}.mindread-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:translate(-30%,-30%)}50%{transform:translate(30%,30%)}}.mindread-cta h3{font-size:20px;font-weight:800;margin-bottom:12px;position:relative;z-index:1}.mindread-cta p{font-size:14px;line-height:1.7;opacity:.95;margin-bottom:20px;position:relative;z-index:1}.mindread-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;color:var(--primary);border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;position:relative;z-index:1;animation:gentlePulse 3s ease-in-out infinite}.mindread-cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #0003;animation:none}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #0000001a}50%{transform:scale(1.03);box-shadow:0 6px 20px #00000026}}.mindread-cta.final{background:linear-gradient(135deg,#3d2c1e,#5a4538);padding:40px 24px;margin-bottom:24px;border:2px solid rgba(232,145,154,.3);overflow:hidden}.action-btn.primary.full-cta{width:100%;padding:18px 32px;font-size:17px;border-radius:60px;box-shadow:0 8px 30px #e8919a80;animation:btnGlow 2s ease-in-out infinite}.action-btn.primary.full-cta:hover{animation:none;transform:translateY(-3px);box-shadow:0 12px 40px #e8919a99}.mindread-cta.final .cta-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(232,145,154,.4) 0%,transparent 70%);animation:ctaGlowPulse 4s ease-in-out infinite;pointer-events:none}@keyframes ctaGlowPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.2)}}.mindread-cta.final .cta-content{position:relative;z-index:1}.mindread-cta.final h3{font-size:22px;margin-bottom:12px;background:linear-gradient(90deg,#fff,#fce8ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mindread-cta.final p{font-size:14px;opacity:.85;margin-bottom:24px}.mindread-cta.final p strong{color:#fce8ea;font-weight:700}.mindread-cta.final .mindread-cta-btn{padding:18px 40px;font-size:17px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 30px #e8919a80;animation:btnGlow 2s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 8px 30px #e8919a80}50%{box-shadow:0 12px 40px #e8919ab3}}.mindread-cta.final .mindread-cta-btn:hover{transform:scale(1.08);animation:none;box-shadow:0 15px 45px #e8919a99}.mindread-cta.final .mindread-cta-btn .btn-text{position:relative}.mindread-cta.final .mindread-cta-btn .btn-arrow{transition:transform .3s;font-size:20px}.mindread-cta.final .mindread-cta-btn:hover .btn-arrow{transform:translate(5px)}.mindread-cta.final.enhanced{background:linear-gradient(145deg,#fff8f6f2,#fff3efeb,#fff0e4f2);border:1px solid rgba(232,145,154,.15);border-radius:24px;padding:32px 28px;box-shadow:0 4px 24px #e8919a1a,inset 0 1px #fffc;backdrop-filter:blur(12px)}.mindread-cta.final.enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8919a26,inset 0 1px #ffffffe6;border-color:#e8919a40}.mindread-cta.final .cta-badge{display:inline-block;background:linear-gradient(135deg,#e8919a1a,#e8919a0f);border:1px solid rgba(232,145,154,.2);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:#e8919a;margin-bottom:16px;letter-spacing:.5px}.mindread-cta.final .cta-sparkles{display:none}.mindread-cta.final.enhanced h3{font-size:22px;line-height:1.5;margin-bottom:14px;color:#1a1a1a;font-weight:700;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1A1A1A}.mindread-cta.final.enhanced p{font-size:14px;line-height:1.7;color:#444;margin-bottom:24px}.mindread-cta.final.enhanced p strong{color:#e8919a;font-weight:600}.action-btn.natural{display:inline-flex;justify-content:center;align-items:center;padding:16px 32px;width:100%;max-width:320px;font-size:1.05rem;font-weight:600;color:#fff;background:#e8919a;border:1px solid transparent;border-radius:12px;box-shadow:0 8px 24px #e8919a40;transition:all .25s cubic-bezier(.2,.8,.2,1);cursor:pointer;letter-spacing:-.01em;animation:ctaBtnPulse 3s ease-in-out infinite}@keyframes ctaBtnPulse{0%,to{box-shadow:0 4px 15px #3d2c1e40}50%{box-shadow:0 6px 25px #3d2c1e59}}.action-btn.natural:hover{background:#2d1c0e;color:#fff8f6;transform:translateY(-2px);box-shadow:0 8px 25px #3d2c1e59}.action-btn.natural:active{transform:translateY(0);box-shadow:0 4px 15px #3d2c1e40}.action-btn.natural .btn-icon{font-size:18px;margin-right:8px}.action-btn.natural .btn-text{font-weight:500}.action-btn.natural .btn-arrow{margin-left:8px;transition:transform .3s;opacity:.8;animation:ctaArrowBounce 1.5s ease-in-out infinite}@keyframes ctaArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.action-btn.natural:hover .btn-arrow{animation:none;transform:translate(8px);opacity:1}.action-btn.primary.full-cta.pulsing{display:flex;align-items:center;justify-content:center;gap:10px;animation:none;background-color:#383838;color:#f7f5f0;border:none}.action-btn.primary.full-cta.pulsing:hover{background-color:#2f2f2f;transform:translateY(-2px);box-shadow:0 6px 15px #0000001f}.action-btn.primary.full-cta .btn-icon{font-size:18px}.action-btn.primary.full-cta .btn-text{font-weight:500}.action-btn.primary.full-cta .btn-arrow{transition:transform .3s;opacity:.7}.action-btn.primary.full-cta:hover .btn-arrow{transform:translate(3px);opacity:1}.mindread-cta.final .cta-trust{margin-top:16px;font-size:13px;color:#8a7568}.mindread-cta.final .cta-trust span{color:#e8919a;font-weight:600}.analysis-next-hint{text-align:center;padding:20px 0 8px;margin-bottom:16px}.analysis-next-hint a{display:inline-block;font-size:14px;color:var(--primary);text-decoration:none;font-weight:600;padding:10px 20px;border-radius:20px;background:#e8919a0f;transition:all .2s}.analysis-next-hint a:hover{background:#e8919a1f;transform:translate(4px)}.share-section{background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;padding:28px 24px;margin-bottom:0;box-shadow:0 4px 24px #e8919a14;text-align:center}.share-section h3{font-size:16px;font-weight:700;margin-bottom:16px}.nickname-input-wrap{margin-bottom:20px}.nickname-input-wrap label{display:block;font-size:13px;color:var(--text-light);margin-bottom:8px}.nickname-input-box{display:inline-flex;align-items:center;background:var(--bg-cream);border:2px solid var(--primary-light);border-radius:12px;padding:10px 16px;gap:4px}.nickname-prefix{font-size:16px;font-weight:700;color:var(--primary)}.nickname-input-box input{border:none;background:none;font-size:15px;font-weight:600;color:var(--text-dark);outline:none;width:120px}.nickname-input-box input::placeholder{color:var(--text-light);font-weight:400}.share-action-row{display:flex;gap:10px;justify-content:center;margin-top:16px}.save-image-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #e8919a59;margin-top:0;flex:1;max-width:180px}.save-image-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e8919a80}.save-image-btn svg{width:18px;height:18px}.kakao-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#fee500;color:#3c1e1e;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #fee50059;flex:1;max-width:180px}.kakao-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fee50080}.kakao-share-btn svg{width:18px;height:18px;fill:#3c1e1e}.share-card-container{position:fixed;left:-9999px;top:0;z-index:-1;pointer-events:none}.share-card-container.capturing{left:0;opacity:1;z-index:9999}.card-preview-container{border-radius:20px;overflow:hidden}.card-preview{position:relative;margin-top:0;border-radius:20px;border:none;background:transparent;overflow:hidden;width:162px;height:288px;margin-left:auto;margin-right:auto}.card-preview-inner{position:absolute;left:0;top:0;transform:scale(.45);transform-origin:0 0;width:360px;height:640px}.share-action-bottom{margin-top:10px;padding-top:0}.nickname-confirm-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.stories-cta-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 24px}.stories-cta-icon{font-size:48px;margin-bottom:20px}.stories-cta-title{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.stories-cta-desc{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:28px}.stories-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #e8919a4d;transition:all .3s}.stories-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e8919a66}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:14px 24px;background:#2d2d3af2;color:#fff;border-radius:50px;font-size:14px;font-weight:600;z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:none;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:24px;padding:28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalIn .3s ease;max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-preview{margin-bottom:16px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.modal-preview img{width:100%;display:block}.modal-icon{font-size:48px;margin-bottom:16px}.modal-icon.hidden{display:none}.modal-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.modal-message{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:24px}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-btn{flex:1;padding:14px 20px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s;max-width:140px}.modal-btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8919a66}.modal-btn.secondary{background:var(--bg-cream);color:var(--text-dark)}.modal-btn.secondary:hover{background:var(--bg-pink)}.fade-in{animation:fadeIn .6s ease forwards}.fade-in.no-anim{animation:none;opacity:1;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.quick-card{width:100%;background:linear-gradient(135deg,#fffffffa,#fff8f6f2);border-radius:28px;padding:32px 24px;margin-bottom:20px;box-shadow:0 8px 40px #e8919a14;backdrop-filter:blur(10px);text-align:center;position:relative;overflow:hidden}.quick-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(232,145,154,.03) 0%,transparent 60%);pointer-events:none}.quick-icon{font-size:36px;margin-bottom:12px;animation:quickPulse 2s ease-in-out infinite}@keyframes quickPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quick-label{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;display:inline-flex;align-items:center;gap:10px;padding:6px 16px;background:#e8919a14;border-radius:20px}.quick-question{font-size:22px;font-weight:700;color:var(--text-dark);line-height:1.5;margin-bottom:16px;position:relative;z-index:1}.quick-hint{font-size:13px;color:var(--text-light);margin-top:4px}.quick-choice-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:20px 24px;margin-bottom:14px;background:#fffffffa;border:2px solid rgba(0,0,0,.06);border-radius:18px;font-size:16px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000000a;position:relative;overflow:hidden}.quick-choice-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s}.quick-choice-btn:first-child{border-color:#e8919a26}.quick-choice-btn:last-child{border-color:#7cb68e33}.quick-choice-btn:hover{border-color:var(--primary);background:#fff;transform:translate(4px);box-shadow:0 8px 24px #e8919a1f}.quick-choice-btn:hover:before{opacity:1}.quick-choice-btn:active{transform:scale(.98)}.disclaimer{margin-top:24px;padding:12px;background:#f8f9fa;border-radius:8px;text-align:center}.disclaimer p{font-size:11px;color:#6c757d;margin:2px 0;line-height:1.4}.progress-bottom{text-align:center;padding:16px 0;font-size:14px;font-weight:600;color:var(--text-light);letter-spacing:1px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary, #E8919A);color:#fff;padding:8px 16px;z-index:9999;transition:top .3s}.skip-link:focus{top:0}.question-screen .progress-header,.question-screen .progress-bar{display:none}@media (max-width:480px){.question-screen.active{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;min-height:100dvh;padding:8vh 12px 16px;overflow-y:auto}.question-screen .story-card{margin-bottom:10px;flex-shrink:0;padding:20px 12px}.question-screen .story-scene{margin-top:2vh;margin-bottom:12px}.question-screen .story-text{font-size:14px;line-height:1.6;max-height:25vh;overflow-y:auto;margin-bottom:12px}.question-screen .choices{width:100%;max-width:100%;flex-shrink:0}.question-screen .choice-btn{padding:12px 16px;font-size:13px;line-height:1.4}.story-text{line-height:1.65;font-size:15px;margin-bottom:16px}.choice-btn{padding:14px 18px;margin-bottom:8px;font-size:14px}.result-screen{padding:12px 0 40px}.story-card,.quick-card{padding:20px 12px}.analysis-card{padding:16px 10px;margin-bottom:12px}.analysis-card.unified{padding:16px 10px}.analysis-text{line-height:1.6;font-size:13px}.mbti-screen,.situation-screen{padding:32px 20px 24px}.screen-header{margin-top:8px;margin-bottom:12px}.screen-step{padding:6px 16px;font-size:11px;margin-bottom:12px}.screen-title{font-size:20px;font-weight:600;margin-bottom:4px}.screen-desc{font-size:12px;margin-bottom:0}.mbti-card{padding:0;margin-bottom:14px;border-radius:0}.mbti-selector{gap:10px;margin-bottom:18px}.mbti-group{gap:8px}.mbti-group-label{font-size:10px;width:48px}.mbti-option{padding:14px 8px;font-size:15px;font-weight:500;border-radius:14px}.mbti-option .sub{font-size:9px}.selected-mbti-display{padding:0;margin-bottom:6px}.selected-mbti-display .label{font-size:11px;margin-bottom:2px}.selected-mbti-display .value{font-size:36px;letter-spacing:6px}.next-btn{padding:14px;font-size:15px;border-radius:100px}.skip-btn{padding:8px;font-size:12px;margin-top:2px;margin-bottom:4px}.situation-cards{gap:8px}.situation-card{padding:10px 14px;gap:12px;border-radius:24px}.situation-emoji{width:40px;height:40px;font-size:20px;border-radius:12px}.situation-card h3{font-size:14px;margin-bottom:1px}.situation-card p{font-size:11px;line-height:1.3}.mindread-cta.final{padding:28px 20px;margin-bottom:16px}.mindread-cta.final h3{font-size:18px}.mindread-cta.final p{font-size:13px;margin-bottom:16px}.mindread-cta.final .cta-glow{width:200px;height:200px;top:-60px}.action-btn.primary.full-cta{padding:16px 24px;font-size:15px}.compare-card{padding:16px 10px}.share-section{padding:16px 14px 10px;margin-bottom:0}.share-section h3{font-size:15px;margin-bottom:6px}.nickname-input-wrap{margin-bottom:8px}.nickname-input-wrap label{font-size:12px;margin-bottom:4px}.nickname-input-box{padding:7px 12px}.nickname-input-box input{font-size:13px;width:100px}.nickname-confirm-btn{padding:7px 10px;font-size:12px}.card-type-tabs{margin-bottom:6px}.card-tab{padding:7px 12px}.tab-icon{font-size:14px}.tab-label{font-size:12px}.card-preview-container{margin-bottom:0;overflow:hidden;border-radius:20px}.card-preview{width:162px;height:288px;margin-top:0;margin-bottom:0;background:transparent;border:none;overflow:hidden;border-radius:20px;box-shadow:0 3px 16px #0000001f}.card-preview-inner{transform:scale(.45);width:360px;height:640px;transform-origin:0 0}.card-preview.animal-card{width:191px;height:245px;margin-top:0;margin-bottom:0;background:transparent;border:none;overflow:hidden;border-radius:20px;box-shadow:0 3px 16px #0000001f}.card-preview.animal-card .card-preview-inner{transform:scale(.515);height:480px}.share-action-row{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;margin-top:8px}.save-image-btn{padding:12px 20px;font-size:13px;margin-top:0;flex:1;max-width:160px}.save-image-btn svg{width:15px;height:15px}.kakao-share-btn{padding:12px 20px;font-size:13px;flex:1;max-width:160px}}.analysis-card.unified{background:linear-gradient(135deg,#fff8f6,#fff);border-radius:20px;padding:24px 22px;box-shadow:0 4px 20px #e8919a14,0 1px 3px #0000000a}.analysis-card.unified .analysis-title{font-size:17px;font-weight:700;color:#3d2c1e;margin-bottom:16px;line-height:1.5;letter-spacing:-.3px}.analysis-content p{font-size:14.5px;line-height:1.85;color:#3d2c1e;margin-bottom:14px;word-break:keep-all}.analysis-content strong{color:#e8919a;font-weight:700}.analysis-content u{text-decoration-color:#7cb68e;text-decoration-thickness:2px;text-underline-offset:4px}.analysis-content .highlight{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(120deg,#fef3c7,#fde68a);padding:4px 10px;border-radius:6px;font-weight:700;font-size:13px;margin-bottom:10px}.analysis-content .caution-label{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(120deg,#fee2e2,#fecaca);padding:4px 10px;border-radius:6px;font-weight:700;font-size:13px;margin-bottom:10px}.analysis-summary-box{background:linear-gradient(135deg,#fff8f6,#fff3ef);border-left:4px solid #E8919A;padding:14px 16px;border-radius:0 12px 12px 0;margin-top:16px;display:flex;align-items:center;gap:10px}.analysis-summary-box .summary-icon{font-size:22px;flex-shrink:0}.analysis-summary-box .summary-text{font-style:italic;color:#6b5e52;font-size:14px;line-height:1.6}@keyframes analysisSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.analysis-card.unified{opacity:1;transform:translateY(0)}.analysis-card.unified.animate{opacity:0;animation:analysisSlideIn .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s}.analysis-card.unified.animate .analysis-title{opacity:0;animation:analysisSlideIn .5s ease forwards;animation-delay:.5s}.analysis-card.unified.animate .analysis-content{opacity:0;animation:analysisSlideIn .5s ease forwards;animation-delay:.7s}.consistency-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.consistency-banner.hidden{display:none}.consistency-icon{font-size:32px;display:block;margin-bottom:8px}.consistency-title{font-size:18px;font-weight:700;color:#92400e;margin-bottom:8px}.consistency-desc{font-size:14px;color:#b45309;line-height:1.6}@media (max-width:480px){.analysis-card.unified{padding:20px}.analysis-card.unified .analysis-title{font-size:16px;margin-bottom:16px}.analysis-content p{font-size:14px;line-height:1.7;margin-bottom:14px}.analysis-summary-box{padding:14px;gap:10px}.analysis-summary-box .summary-text{font-size:14px}.consistency-banner{padding:16px}.consistency-title{font-size:16px}.consistency-desc{font-size:13px}}.result-image-stack{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 12px 40px -8px #00000026;height:720px;margin:20px 0}@media (max-width:480px){.result-image-stack{display:flex;flex-direction:column;height:auto;max-height:none;overflow:visible;margin:4px 0}.result-image-stack .result-image-panel{height:auto;aspect-ratio:4/3;min-height:120px;max-height:32vh;flex-shrink:1}}.result-image-panel{position:relative;width:100%;height:50%;overflow:hidden}.result-image-panel:before{content:"";position:absolute;inset:0;background:#00000008;z-index:1}.result-image-panel img{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.05) saturate(1.08);transform:translateZ(0) scale(1.15)}.result-image-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:2}.result-mbti-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;z-index:10;color:#fff}.result-mbti-overlay h3{font-size:20px;font-weight:700;margin-bottom:2px;color:#fff9c4;text-shadow:0 1px 3px rgba(0,0,0,.3)}#dailyPanel .result-mbti-overlay h3 .animal-adj{color:#ffb88c;font-weight:500;font-size:18px}#dailyPanel .result-mbti-overlay h3 .animal-noun{color:gold;font-weight:700}#dailyPanel .result-mbti-overlay p .keyword-highlight{color:#ffcc80;font-weight:600}#situationPanel .result-mbti-overlay h3 .animal-adj{color:#a5d8ff;font-weight:500;font-size:18px}#situationPanel .result-mbti-overlay h3 .animal-noun{color:#7dd3fc;font-weight:700}#situationPanel .result-mbti-overlay p .keyword-highlight{color:#90caf9;font-weight:600}.result-mbti-overlay .mbti-code{font-size:12px;letter-spacing:2px;opacity:.85;border-left:1px solid rgba(255,255,255,.4);padding-left:10px;margin-left:10px}.result-arrow-connector{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.result-arrow-connector svg{animation:bounce-down 1.5s ease-in-out infinite}.result-badge-daily{position:absolute;top:12px;left:12px;z-index:10;background:#ffffffeb;backdrop-filter:blur(4px);color:#44403c;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-badge-situation{position:absolute;top:12px;left:12px;z-index:10;background:#9aaa95eb;backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-badge-situation.situation-love{background:#e8919abf;color:#fff}.result-badge-situation.situation-work{background:#638ba8bf;color:#fff}.result-badge-situation.situation-friend{background:#eab308bf;color:#44403c}.text-highlight{background:linear-gradient(to top,#FEF08A 50%,transparent 50%);padding:0 4px;border-radius:2px}.text-highlight-strong{background:linear-gradient(to top,#FEF08A 60%,transparent 40%);padding:0 6px;border-radius:2px;font-weight:600}.result-quote-block{position:relative;background:#fff;border:1px solid #EBE8E4;border-radius:16px;padding:40px 24px;text-align:center;margin:24px 0}.result-quote-block:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#d4b483,#eaa99d);border-radius:0 0 3px 3px}.result-quote-block blockquote{font-family:Noto Sans KR,sans-serif;font-size:18px;font-style:italic;color:#57534e;line-height:1.6}.overscroll-hint{text-align:center;padding:40px 20px 60px;background:linear-gradient(180deg,transparent 0%,rgba(232,145,154,.08) 100%);opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center bottom}.overscroll-hint.active{opacity:1;background:linear-gradient(180deg,transparent 0%,rgba(232,145,154,.15) 100%)}.overscroll-hint.pulling{animation:none}.overscroll-hint.ready{background:linear-gradient(180deg,#e8919a1a,#e8919a40)}.overscroll-arrow{font-size:28px;color:var(--primary);animation:bounceDown 1.5s infinite;margin-bottom:8px;transition:transform .2s,color .2s}.overscroll-hint.pulling .overscroll-arrow{animation:none;color:#e8919a}.overscroll-hint.ready .overscroll-arrow{transform:rotate(180deg) scale(1.2);color:#d07080}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.overscroll-text{font-size:14px;color:var(--primary);font-weight:500;transition:all .2s}.overscroll-hint.pulling .overscroll-text{color:#e8919a;font-weight:600}.overscroll-hint.ready .overscroll-text{color:#d07080;font-weight:700;transform:scale(1.05)}.overscroll-progress{position:fixed;bottom:0;left:0;right:0;height:5px;background:#e8919a33;z-index:200;opacity:0;transition:opacity .2s}.overscroll-progress.visible{opacity:1}.overscroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#E8919A,var(--secondary));width:0%;transition:width .05s;box-shadow:0 0 10px #e8919a80}.maybe-note.bottom-note{margin:24px 0 16px}.unknown-state-container{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center}.unknown-image-wrapper{position:relative;width:100%;max-width:320px;margin-bottom:24px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.unknown-group-image{width:100%;height:auto;display:block;border-radius:16px}.unknown-fallback-icon{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);border-radius:16px}.unknown-icon-large{font-size:80px;opacity:.6}.unknown-message{max-width:300px}.unknown-title{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:12px;line-height:1.3}.unknown-desc{font-size:15px;color:var(--text-light);line-height:1.6;margin-bottom:12px}.unknown-sub-desc{font-size:14px;color:var(--text-dark);line-height:1.5}.unknown-sub-desc strong{color:var(--primary)}.unknown-cta-section{padding:32px 20px;text-align:center;background:linear-gradient(135deg,#e8919a14,#7cb68e14);border-radius:16px}.unknown-cta-title{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px;line-height:1.4}.unknown-cta-desc{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:24px}.unknown-cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary) 0%,#C85A6A 100%);color:#fff;border:none;padding:16px 32px;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #e8919a4d}.unknown-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8919a66}.unknown-cta-btn:active{transform:translateY(0)}.unknown-cta-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.unknown-cta-btn .btn-arrow{font-size:18px;transition:transform .2s}.unknown-cta-btn:hover .btn-arrow{transform:translate(4px)}@media (min-width: 1024px){.unknown-state-container{padding:40px 24px}.unknown-image-wrapper{max-width:400px}.unknown-title{font-size:26px}.unknown-cta-title{font-size:24px}}.compare-value.unknown{color:#9aaa95;font-style:italic;opacity:.8}.unknown-cta-inline{margin-top:20px;text-align:center}.unknown-cta-inline .action-btn{display:inline-flex;align-items:center;gap:8px;margin:0 auto}.unknown-cta-inline .btn-arrow{font-size:16px;transition:transform .2s}.unknown-cta-inline .action-btn:hover .btn-arrow{transform:translate(4px)}.card-type-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.card-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid var(--primary-light);border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit}.card-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.card-tab:not(.active):hover{background:#e8919a1a}.tab-icon{font-size:16px}.tab-label{font-size:13px;font-weight:600}.card-preview.animal-card{position:relative;width:191px;height:245px;overflow:hidden;margin:0 auto;border-radius:20px;border:none;background:transparent}.card-preview.animal-card .card-preview-inner{position:absolute;left:0;top:0;transform:scale(.515);transform-origin:0 0;width:400px;height:480px}.animal-card-container{position:fixed;left:-9999px;top:0;z-index:-1;pointer-events:none}.animal-card-container.capturing{left:0;opacity:1;z-index:9999}.bloom-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow)}.bloom-pill{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-pill);box-shadow:0 2px 12px #e8919a0f}.cherry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cherry-pink);color:#fff;border:none;border-radius:var(--radius-pill);padding:16px 36px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s var(--ease-bloom);box-shadow:0 8px 24px #e8919a40;letter-spacing:.3px}.cherry-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #e8919a59}.petals-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.petal{position:absolute;border-radius:50% 0;opacity:.15;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.petal-1{width:24px;height:24px;background:var(--cherry-pink);top:8%;right:12%;animation:petalDrift1 7s infinite}.petal-2{width:16px;height:16px;background:var(--warm-peach);top:25%;left:8%;animation:petalDrift2 9s infinite}.petal-3{width:20px;height:20px;background:var(--cherry-pink);bottom:30%;right:18%;animation:petalDrift3 11s infinite;opacity:.1}.petal-4{width:12px;height:12px;background:var(--leaf-green);top:50%;left:15%;border-radius:50%;animation:petalDrift2 8s infinite;opacity:.12}.petal-5{width:18px;height:18px;background:var(--warm-peach);bottom:15%;left:25%;animation:petalDrift1 10s infinite;opacity:.1}@keyframes petalDrift1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-8px,12px) rotate(15deg)}66%{transform:translate(6px,-6px) rotate(-10deg)}}@keyframes petalDrift2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-8px) rotate(-12deg)}66%{transform:translate(-6px,10px) rotate(8deg)}}@keyframes petalDrift3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-6px,-10px) rotate(20deg)}66%{transform:translate(8px,6px) rotate(-15deg)}}.pink-dots{position:absolute;inset:0;pointer-events:none}.pink-dot{position:absolute;border-radius:50%;background:var(--cherry-pink);opacity:.06}.pink-dot:nth-child(1){width:80px;height:80px;top:-20px;right:-10px}.pink-dot:nth-child(2){width:60px;height:60px;bottom:10%;left:-15px}.pink-dot:nth-child(3){width:40px;height:40px;top:40%;right:5%}.intro-screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.intro-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 28px}.intro-logo-area{margin-bottom:32px}.intro-logo{font-family:Gowun Batang,serif;font-size:30px;font-weight:400;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.3px}.intro-logo-en{font-family:Noto Sans KR,sans-serif;font-size:12px;font-weight:400;color:var(--text-secondary);letter-spacing:2px;margin-bottom:32px;opacity:.7}.intro-card{padding:32px 24px 28px;width:100%;margin-bottom:28px;animation:bloomIn .8s var(--ease-bloom) both}.intro-tagline{font-family:Gowun Batang,serif;font-size:17px;font-weight:400;line-height:1.8;color:var(--text-primary);margin-bottom:24px;word-break:keep-all}.intro-mbti-compare{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.mbti-pill{padding:10px 20px;font-size:17px;font-weight:600;letter-spacing:2px}.mbti-pill.from{color:var(--cherry-pink);border-color:#e8919a33}.mbti-pill.to{background:var(--cherry-pink);color:#fff;border-color:transparent}.mbti-arrow{font-size:20px;color:var(--warm-peach);font-weight:400}.intro-mbti-desc{font-size:12px;color:var(--text-secondary);font-weight:400}.intro-cta{width:100%;padding:18px 36px;font-size:17px;margin-bottom:16px}.intro-meta{font-size:12px;color:var(--text-secondary);font-weight:400}@keyframes bloomIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.step-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--cherry-pink);margin-bottom:16px;background:var(--cherry-light);border:1px solid rgba(232,145,154,.15);border-radius:var(--radius-pill);box-shadow:0 2px 12px #e8919a0f}.step-title{font-family:Noto Sans KR,sans-serif;font-size:22px;font-weight:600;line-height:1.4;margin-bottom:6px;color:var(--text-primary)}.step-desc{font-size:13px;color:var(--text-secondary);font-weight:400;margin-bottom:28px;line-height:1.6}.mbti-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mbti-row{display:flex;gap:10px}.mbti-row-label{width:52px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}.mbti-option{flex:1;padding:14px 8px;text-align:center;cursor:pointer;transition:all .35s var(--spring);font-size:15px;font-weight:500;color:var(--text-primary);user-select:none;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xs);box-shadow:0 2px 8px #e8919a0a}.mbti-option:hover{transform:translateY(-1px);box-shadow:var(--card-shadow)}.mbti-option.selected{background:var(--cherry-pink);color:#fff;border-color:transparent;box-shadow:0 4px 20px #e8919a4d;transform:translateY(-1px)}.mbti-result-display{text-align:center;margin-bottom:24px}.mbti-result-text{font-size:36px;font-weight:600;letter-spacing:6px;color:var(--cherry-pink)}.mbti-result-sub{font-size:12px;color:var(--text-secondary);font-weight:400;margin-top:4px}.step-next-btn{width:100%;padding:16px;font-size:16px;margin-top:auto}.loading-spinner{width:120px;height:120px;position:relative;margin-bottom:36px}.spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent}.spinner-ring-outer{width:120px;height:120px;top:0;left:0;border-top-color:var(--cherry-pink);border-right-color:#e8919a33;animation:spinCherry 1.2s linear infinite}.spinner-ring-inner{width:84px;height:84px;top:18px;left:18px;border-top-color:var(--leaf-green);border-left-color:#7cb68e33;animation:spinCherry 1.6s linear infinite reverse}.loading-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:800;color:var(--cherry-pink);letter-spacing:1px}.loading-mbti-compare{display:flex;align-items:center;gap:14px;margin-bottom:40px}.loading-mbti-pill{padding:12px 22px;font-size:20px;font-weight:700;letter-spacing:2px;border-radius:16px;border:2px solid var(--cherry-pink)}.loading-mbti-pill.from{color:var(--text-primary);background:var(--card-bg)}.loading-mbti-pill.to{background:var(--cherry-pink);color:#fff;border-color:var(--cherry-pink);animation:mbtiPulse 1.5s ease-in-out infinite}.loading-arrow{font-size:22px;color:var(--warm-peach);font-weight:400;animation:arrowBounce 1s ease-in-out infinite}.loading-text{font-family:Gowun Batang,serif;font-size:15px;font-weight:400;color:var(--text-primary);margin-bottom:8px}.loading-dots:after{content:"";animation:loadDots 1.5s steps(4,end) infinite}.loading-sub{font-size:12px;color:var(--text-secondary);font-weight:400}@keyframes spinCherry{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mbtiPulse{0%,to{transform:scale(1);box-shadow:0 0 #e8919a00}50%{transform:scale(1.05);box-shadow:0 0 24px #e8919a59}}@keyframes arrowBounce{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(4px);opacity:1}}@keyframes loadDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.result-carousel-viewport{flex:1;overflow:hidden;position:relative}.result-carousel-strip{display:flex;gap:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.result-carousel-strip::-webkit-scrollbar{display:none}.result-slide{flex:0 0 100%;scroll-snap-align:center;min-height:460px;display:flex;flex-direction:column}.result-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 0 8px}.result-dot{width:6px;height:6px;border-radius:3px;background:#e8919a33;transition:all .3s var(--ease-smooth)}.result-dot.active{width:20px;background:var(--cherry-pink)}.result-badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:var(--radius-pill);background:var(--cherry-pink);color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px}.slide-badge-card{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.slide-badge-label{font-size:13px;color:var(--text-secondary);font-weight:400;margin-bottom:4px;letter-spacing:1px}.slide-badge-title{font-family:Gowun Batang,serif;font-size:20px;font-weight:400;color:var(--text-primary);margin-bottom:24px}.slide-mbti-compare{display:flex;align-items:center;gap:10px;margin-bottom:28px}.slide-mbti-pill{padding:8px 16px;font-size:14px;font-weight:600;letter-spacing:2px}.slide-mbti-pill.from{color:var(--cherry-pink);border-color:#e8919a33}.slide-mbti-pill.to{background:var(--cherry-pink);color:#fff;border-color:transparent}.slide-animal-wrapper{position:relative;margin-bottom:16px}.slide-animal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(232,145,154,.15) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.6}}.slide-animal-emoji{font-size:64px;position:relative;z-index:1;animation:animalFloat 3s ease-in-out infinite}@keyframes animalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.slide-animal-name{font-size:24px;font-weight:600;color:var(--cherry-pink);margin-bottom:4px}.slide-animal-keyword{font-size:13px;color:var(--text-secondary);font-weight:400}.slide-compare-card{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.compare-panel{flex:1;border-radius:var(--radius-sm);overflow:hidden;position:relative;min-height:180px}.compare-panel-bg{width:100%;height:100%;background:var(--cherry-light);display:flex;align-items:center;justify-content:center}.compare-panel-bg.green-tint{background:var(--green-light)}.compare-panel-placeholder{font-size:48px;opacity:.5}.compare-panel-label{position:absolute;bottom:10px;left:12px;padding:5px 12px;font-size:11px;font-weight:500;color:var(--text-primary);background:var(--card-bg);border-radius:var(--radius-pill);border:1px solid var(--card-border)}.compare-comment{font-family:Gowun Batang,serif;font-size:12px;color:var(--text-secondary);font-weight:400;text-align:center;line-height:1.6;padding:4px 0}.slide-analysis-card{padding:28px 24px;display:flex;flex-direction:column;flex:1}.analysis-heading{font-family:Gowun Batang,serif;font-size:16px;font-weight:400;color:var(--text-primary);margin-bottom:16px;line-height:1.5;padding-bottom:12px;border-bottom:2px solid var(--cherry-light)}.analysis-body{font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.9;word-break:keep-all}.analysis-body p{margin-bottom:12px}.analysis-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}.analysis-badge{padding:4px 12px;font-size:11px;font-weight:500;border-radius:var(--radius-pill)}.analysis-badge.strength{background:var(--green-light);color:var(--leaf-green);border:1px solid rgba(124,182,142,.2)}.analysis-badge.caution{background:var(--peach-light);color:#c48a5e;border:1px solid rgba(240,191,160,.2)}.slide-share-card{padding:24px;display:flex;flex-direction:column;align-items:center;flex:1}.share-preview{width:100%;aspect-ratio:1 / 1.2;border-radius:var(--radius-sm);background:linear-gradient(150deg,var(--cherry-light),var(--peach-light));display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid rgba(232,145,154,.1)}.share-preview-emoji{font-size:40px;margin-bottom:8px}.share-preview-text{font-size:12px;color:var(--text-secondary);font-weight:400}.share-buttons{display:flex;gap:10px;width:100%}.share-btn{flex:1;padding:12px;border-radius:var(--radius-sm);border:none;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s var(--spring)}.share-btn.primary{background:var(--cherry-pink);color:#fff;box-shadow:0 4px 16px #e8919a33}.share-btn.secondary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary)}.share-btn:hover{transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.petal,.slide-animal-emoji,.slide-animal-glow,.loading-mbti-pill.to,.loading-arrow,.spinner-ring-outer,.spinner-ring-inner,.intro-card{animation:none}.cherry-btn:hover,.mbti-option:hover,.share-btn:hover{transform:none}}body.quiz-cream-active{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.quiz-cream-active .mbti-screen{background:#fff8f6}body.quiz-cream-active .mbti-card{background:transparent;border:none;border-radius:0;box-shadow:none}body.quiz-cream-active .mbti-option.selected{background:#e8919a;color:#fff;box-shadow:0 4px 20px #e8919a4d}body.quiz-cream-active .mbti-option{background:#fff;border:1px solid rgba(232,145,154,.08);color:#3d2c1e}body.quiz-cream-active .mbti-option:hover{border-color:#e8919a4d}body.quiz-cream-active .mbti-group-label{color:#8a7568}body.quiz-cream-active .screen-step{color:var(--cherry-pink, #E8919A);background:var(--cherry-light, #FCE8EA);box-shadow:0 2px 12px #e8919a0f}body.quiz-cream-active .screen-title{color:#3d2c1e}body.quiz-cream-active .screen-desc,body.quiz-cream-active .selected-mbti-display .label{color:#8a7568}body.quiz-cream-active .selected-mbti-display .value{color:#e8919a;-webkit-text-fill-color:#E8919A}body.quiz-cream-active .next-btn{background:#e8919a;color:#fff;box-shadow:0 12px 40px #e8919a40}body.quiz-cream-active .next-btn:hover{background:#d07a82}body.quiz-cream-active .skip-btn{color:#8a7568}@media (max-width: 480px){body.quiz-cream-active .mbti-screen{padding-top:20px!important;padding-bottom:16px!important}body.quiz-cream-active .mbti-screen .screen-header,body.quiz-cream-active .mbti-screen .screen-step,body.quiz-cream-active .mbti-card{margin-bottom:8px!important}body.quiz-cream-active .mbti-selector{gap:8px!important;margin-bottom:12px!important}body.quiz-cream-active .selected-mbti-display{margin-bottom:10px!important}body.quiz-cream-active .selected-mbti-display .value{font-size:30px!important}body.quiz-cream-active .skip-btn{margin-bottom:8px!important;padding:10px 16px!important;font-size:14px!important}body.quiz-cream-active .cherry-btn.step-next-btn{padding:14px 24px!important}}body.quiz-cream-active .skip-btn:hover{color:#3d2c1e}body.quiz-cream-active .situation-screen{background:#fff8f6}.situation-swipe-stage{flex:1;position:relative;min-height:400px;display:flex;flex-direction:column;touch-action:none}body.quiz-cream-active .question-screen{background:#fff8f6}.quiz-swipe-stage{flex:1;position:relative;min-height:350px;display:flex;flex-direction:column;touch-action:none}.fourth-choice-btn{display:none!important}body.quiz-cream-active .progress-fill{background:#e8919a}body.quiz-cream-active .progress-bar{background:#e8919a1f}body.quiz-cream-active .progress-header,body.quiz-cream-active .progress-text,body.quiz-cream-active .progress-close{color:#8a7568}body.quiz-cream-active .progress-close:hover{color:#3d2c1e}body.quiz-cream-active .progress-bottom{color:#8a7568}body.quiz-cream-active .loading-screen{background:#fff3ef;color:#3d2c1e}body.quiz-cream-active .loading-vs{color:#e8919a;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#E8919A;background-clip:unset}body.quiz-cream-active .loading-mbti{background:#fff;color:#3d2c1e;border:2px solid #E8919A}body.quiz-cream-active .loading-mbti.new{background:#e8919a;color:#fff;border-color:#e8919a}body.quiz-cream-active .loading-text{font-family:Gowun Batang,serif;font-size:15px;font-weight:400;color:#3d2c1e}body.quiz-cream-active .loading-subtext{font-size:12px;color:#a0887a}body.quiz-cream-active .loading-arrow{color:#f0bfa0}body.quiz-cream-active .result-screen{background:#fff8f6;overflow-x:hidden;overflow-y:visible;padding:0 0 50px}body.quiz-cream-active .result-header{color:#3d2c1e}body.quiz-cream-active .result-badge{background:#e8919a;color:#fff;box-shadow:none;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 14px;border-radius:100px}body.quiz-cream-active .result-title{font-family:Gowun Batang,serif;color:#3d2c1e;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0}body.quiz-cream-active .result-title .maybe{font-size:13px;font-weight:400;color:#a0887a;letter-spacing:1px}body.quiz-cream-active .result-subtitle{color:#8a7568}body.quiz-cream-active .compare-card{background:transparent;border:none;border-radius:0;box-shadow:none}body.quiz-cream-active .compare-card:before{content:none}body.quiz-cream-active .result-slide .compare-label{display:none}body.quiz-cream-active .compare-label{color:#8a7568;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}body.quiz-cream-active .compare-value{font-size:14px;font-weight:600;letter-spacing:2px;padding:8px 16px;border-radius:100px;border:1px solid rgba(232,145,154,.2);box-shadow:0 2px 12px #e8919a0f}body.quiz-cream-active .compare-value.original{color:#e8919a;background:#fff;font-weight:600;-webkit-text-fill-color:#E8919A}body.quiz-cream-active .compare-value.new{color:#fff;background:#e8919a;border-color:transparent;-webkit-text-fill-color:#fff}body.quiz-cream-active .compare-arrow{color:#f0bfa0}body.quiz-cream-active .result-slide .analysis-card{background:transparent;border:none;border-radius:0;box-shadow:none}body.quiz-cream-active .analysis-card:not(.result-slide .analysis-card){background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;box-shadow:0 4px 24px #e8919a14}body.quiz-cream-active .analysis-card:before{content:none}body.quiz-cream-active .analysis-title,body.quiz-cream-active .analysis-text{color:#3d2c1e}body.quiz-cream-active .animal-card{background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;box-shadow:0 4px 24px #e8919a14}body.quiz-cream-active .animal-name,body.quiz-cream-active .animal-desc{color:#3d2c1e}body.quiz-cream-active .result-cta-btn{background:#e8919a;color:#fff;border-radius:100px;box-shadow:0 12px 40px #e8919a40}body.quiz-cream-active .result-cta-btn:hover{background:#d07a82;transform:translateY(-2px)}body.quiz-cream-active .result-slide .share-section{background:transparent;border:none;border-radius:0;box-shadow:none}body.quiz-cream-active .share-btn{background:#fff;color:#3d2c1e;box-shadow:0 2px 8px #e8919a0f}body.quiz-cream-active .share-btn:hover{background:#d07a82;color:#fff}.result-carousel{display:flex;gap:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}.result-carousel::-webkit-scrollbar{display:none}.result-slide{flex:0 0 100%;max-width:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:stretch;min-height:460px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:0;padding:28px 20px;background:#fff;border:1px solid rgba(232,145,154,.08);border-radius:24px;box-shadow:0 4px 24px #e8919a14}.result-slide .compare-card,.result-slide .analysis-card,.result-slide .share-section,.result-slide .rf-mbti-card,.result-slide .rf-scratch-section{width:100%}.result-slide .bloom-card{background:transparent;border:none;box-shadow:none;border-radius:0;width:100%}.result-slide .result-image-stack{width:100%}.result-slide-hint{margin-top:auto;font-size:13px;color:#8a7568;letter-spacing:1px;animation:slideHintPulse 2s ease-in-out infinite}@keyframes slideHintPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.result-slide-hint-final{margin-top:auto;font-size:14px;font-weight:500;color:#3d2c1e;letter-spacing:.5px}@media (max-width:480px){.result-slide{flex:0 0 100%;max-width:100%;min-height:400px;gap:0;padding:16px}.result-slide[data-slide="1"]{padding-top:10px!important;padding-bottom:8px!important}.result-slide[data-slide="4"]{padding-left:10px;padding-right:10px}.result-slide .compare-card,.result-slide .analysis-card,.result-slide .share-section,.result-slide .result-image-stack{max-width:100%}.result-slide .result-image-stack{display:flex;flex-direction:column;height:auto;max-height:none;overflow:hidden;margin:0;border-radius:16px}.result-slide .result-image-panel{height:28vh!important;min-height:100px!important;max-height:30vh!important;aspect-ratio:unset!important;flex-shrink:1}.result-slide .result-image-panel img{transform:translateZ(0) scale(1.02)!important}.result-arrow-connector{padding:0!important;background:#fff;margin:-14px auto;position:relative;z-index:20;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border-radius:50%;box-shadow:0 2px 8px #0000001f;left:auto;top:auto;transform:none}.animal-comment{margin-top:6px!important;font-size:13px!important;line-height:1.5!important;padding:10px 16px!important;border-radius:12px!important}.swipe-hint-animated{margin-top:4px;padding:4px 12px}.result-slide-share{justify-content:flex-start;padding-top:16px!important;padding-bottom:12px!important}.result-slide-share .share-section{padding:12px 12px 8px!important}.result-slide-share .share-section h3{font-size:14px!important;margin-bottom:8px!important}.result-slide-share .nickname-input-wrap{margin-bottom:6px!important}.result-slide-share .card-preview-container{margin-bottom:0!important;height:auto!important;overflow:hidden!important;border-radius:20px!important}.result-slide-share .card-preview{width:162px!important;height:288px!important;overflow:hidden!important;border-radius:20px!important;box-shadow:0 4px 20px #e8919a26!important}.result-slide-share .card-preview-inner{transform:scale(.45)!important;width:360px!important;height:640px!important}.result-slide-share .card-preview.animal-card{width:191px!important;height:245px!important}.result-slide-share .card-preview.animal-card .card-preview-inner{transform:scale(.515)!important;height:480px!important}.result-slide-share .share-section h3{font-size:13px!important;margin-bottom:4px!important}.result-slide-share .nickname-input-wrap{margin-bottom:4px!important}.result-slide-share .card-type-tabs{margin-bottom:2px!important}.result-slide-share .share-action-row{margin-top:6px!important;padding-top:0!important}.result-slide-share .swipe-hint-link{margin-top:4px!important;padding-top:0}}.result-dots{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;justify-content:center;z-index:100;padding:8px 16px;background:#fff8f6e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 2px 12px #3d2c1e1a}.result-dot{width:6px;height:6px;border-radius:3px;background:#e8919a33;transition:all .3s ease;cursor:pointer}.result-dot.active{background:#e8919a;width:20px;border-radius:4px}body:not(.quiz-cream-active) .result-dots{display:flex}.result-slide{text-align:center;justify-content:flex-start;align-items:center}.result-slide[data-slide="0"]{justify-content:center}.result-slide .result-header{text-align:center;margin-bottom:8px}.result-slide .compare-label{display:none}.result-slide .compare-value{font-size:14px;font-weight:600;letter-spacing:2px;padding:8px 16px;border-radius:100px;display:inline-block;border:1px solid rgba(232,145,154,.2);box-shadow:0 2px 12px #e8919a0f}.result-slide .compare-value.original{color:#e8919a;background:#fff;-webkit-text-fill-color:#E8919A}.result-slide .compare-value.new{background:#e8919a;color:#fff;border-color:transparent;-webkit-text-fill-color:#fff}.result-slide .compare-arrow{font-size:16px;color:#f0bfa0}.result-slide .compare-mbti{gap:10px;margin-bottom:20px}.result-first-extra{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding:0;animation:fadeInUp .8s ease .5s both}.result-first-extra .slide-animal-wrapper{position:relative;margin-bottom:8px}.result-first-extra .slide-animal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(232,145,154,.15) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}.result-first-extra .slide-animal-emoji{font-size:64px;position:relative;z-index:1;line-height:1;animation:animalFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.slide-animal-name{font-size:24px;font-weight:600;color:#e8919a;margin-bottom:4px}.slide-animal-keyword{font-size:13px;color:#a0887a;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.swipe-hint-animated{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:8px 16px;background:#7cb68e14;border-radius:20px;flex-shrink:0}.swipe-hint-text{font-size:13px;color:#3d2c1e;font-weight:500}.swipe-hint-arrows{display:inline-flex;align-items:center;gap:1px;color:#3d2c1e;font-size:14px;font-weight:700;line-height:1}.swipe-hint-arrows span:nth-child(1){animation:arrowChase 1.5s ease-in-out infinite 0s}.swipe-hint-arrows span:nth-child(2){animation:arrowChase 1.5s ease-in-out infinite .2s}.swipe-hint-arrows span:nth-child(3){animation:arrowChase 1.5s ease-in-out infinite .4s}@keyframes arrowChase{0%,to{opacity:.2;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.swipe-hint-link{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#7cb68e14;border:none;border-radius:20px;transition:all .3s}@keyframes borderPulse{0%,to{opacity:1}50%{opacity:.85}}.swipe-hint-link:active{transform:scale(.96)}.swipe-hint-link .swipe-hint-text{color:#3d2c1e;font-weight:500;font-size:13px}.slide-unlock-wrap{margin-top:10px;width:calc(100% + 16px);margin-left:-8px;text-align:center;flex-shrink:0}.slide-unlock-teaser{font-size:13px;color:#8b7355;font-weight:500;margin-bottom:10px;animation:slideUnlockTeaserPulse 2s ease-in-out infinite}@keyframes slideUnlockTeaserPulse{0%,to{opacity:.7}50%{opacity:1}}.slide-unlock-track{position:relative;width:100%;height:48px;background:linear-gradient(135deg,#e8919a1f,#d4775e1f);border-radius:24px;border:2px solid rgba(232,145,154,.2);overflow:hidden;cursor:pointer}.slide-unlock-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:600;color:#d4775e;z-index:1;white-space:nowrap;animation:slideUnlockTextPulse 2s ease-in-out infinite}@keyframes slideUnlockTextPulse{0%,to{opacity:.7}50%{opacity:1}}.slide-unlock-thumb{position:absolute;top:4px;right:4px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e8919a,#d4775e);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #e8919a66;z-index:2;animation:slideUnlockThumbSlide 2.5s ease-in-out infinite}.slide-unlock-thumb svg{width:22px;height:22px;color:#fff}@keyframes slideUnlockThumbSlide{0%{right:4px}40%{right:4px}60%{right:80px}75%{right:4px}to{right:4px}}.slide-unlock-shimmer{position:absolute;top:0;right:-100%;width:50%;height:100%;background:linear-gradient(270deg,transparent,rgba(232,145,154,.15),transparent);animation:slideUnlockShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes slideUnlockShimmer{0%{right:-100%}50%{right:120%}to{right:120%}}.swipe-edge-hint{position:absolute;top:40%;transform:translateY(-50%);z-index:10;pointer-events:none}.swipe-edge-hint.right{right:2px;animation:edgeSlideRight 1.8s ease-in-out infinite}.swipe-edge-hint.left{left:2px;animation:edgeSlideLeft 1.8s ease-in-out infinite}.swipe-edge-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:56px;font-size:24px;color:#fff;font-weight:600;background:#3d2c1e80;border-radius:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026}@keyframes edgeSlideRight{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}@keyframes edgeSlideLeft{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-3px)}}.result-slide-share{position:relative}@media (max-height: 600px){.quiz-swipe-stage{min-height:300px}.situation-swipe-stage{min-height:320px}}@media (min-width: 768px){.quiz-swipe-stage,.situation-swipe-stage{max-width:520px;margin:0 auto}body.quiz-cream-active .question-screen{padding:0 40px}body.quiz-cream-active .result-screen{padding-bottom:20px}}@media (min-width: 1024px){.quiz-swipe-stage,.situation-swipe-stage{max-width:600px}body.quiz-cream-active .mbti-card,body.quiz-cream-active .screen-header{max-width:560px;margin:0 auto}.result-carousel{scroll-snap-type:x mandatory;max-width:560px;margin:0 auto}.result-slide{flex:0 0 100%;max-width:100%;padding:32px 28px}}.swipe-flow-choice-badge{width:36px!important;height:36px!important;font-size:14px!important;font-weight:700!important}.swipe-flow-choice-row{padding:12px 16px!important;font-size:14px!important;gap:10px!important}.swipe-flow-choice-panel{gap:8px!important;padding:12px 16px!important}@media (max-width: 480px){.situation-screen .step-desc{margin-bottom:10px!important}.situation-screen .step-title{margin-bottom:2px!important}.situation-screen .swipe-flow-choice-panel{margin-top:6px!important}.situation-swipe-stage{min-height:unset;flex:1;max-height:calc(100dvh - 100px)}.swipe-flow-card-area{height:min(50vh,380px)!important;min-height:240px!important}.swipe-flow-card{height:50vh!important;min-height:240px!important;max-height:380px!important}.situation-screen .swipe-flow-card-area{height:min(38vh,280px)!important;min-height:200px!important}.situation-screen .swipe-flow-card{height:38vh!important;min-height:200px!important;max-height:280px!important}.quiz-swipe-stage{min-height:unset;flex:1;max-height:calc(100dvh - 100px)}.swipe-flow-card{overflow:visible!important}.swipe-flow-badge{z-index:10!important}.swipe-flow-badge-a{left:-20px!important;top:50%!important;margin-top:-18px!important}.swipe-flow-badge-b{right:-20px!important;top:50%!important;margin-top:-18px!important}.swipe-flow-badge-c{top:-20px!important;left:50%!important;margin-left:-18px!important}.swipe-flow-badge-d{bottom:-20px!important;left:50%!important;margin-left:-18px!important}.swipe-flow-edge-left{left:40px!important}.swipe-flow-edge-right{right:40px!important}.question-screen .swipe-flow-instruction{display:none!important}}body.quiz-cream-active .loading-screen.active{flex-direction:column;justify-content:center;align-items:center;gap:0}body.quiz-cream-active .loading-visual{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.loading-pulse-container{display:flex;align-items:center;justify-content:center;gap:12px;height:60px;margin-bottom:32px}.loading-pulse-dot{width:14px;height:14px;border-radius:50%;background:var(--cherry-pink, #E8919A);animation:loadingPulse 1.2s ease-in-out infinite}@keyframes loadingPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}body.quiz-cream-active .loading-text,body.quiz-cream-active .loading-sub{animation:none;transform:none;position:relative}.result-slide-share .swipe-edge-hint{display:none!important}.rf-mbti-title{font-size:20px;font-weight:700;text-align:center;color:var(--text-dark);margin-bottom:4px}.rf-mbti-subtitle{font-size:13px;text-align:center;color:var(--text-light);margin-bottom:12px;font-weight:400}.rf-mbti-legend{display:flex;justify-content:center;gap:20px;margin-bottom:12px;font-size:12px;color:var(--text-light)}.rf-legend-item{display:flex;align-items:center;gap:6px}.rf-legend-dot{width:10px;height:10px;border-radius:50%}.rf-legend-dot.rf-current{background:var(--cherry-pink)}.rf-change-card{background:var(--cherry-light);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #e8919a0f;overflow:visible}.rf-axis-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-dark)}.rf-compare-bar-wrap{position:relative;overflow:visible;padding-top:10px;padding-bottom:4px}.rf-compare-track{width:100%;height:12px;background:var(--track-bg);border-radius:6px;position:relative;margin-bottom:10px;overflow:visible}.rf-compare-fill{position:absolute;top:0;left:0;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--cherry-pink) 0%,var(--warm-peach) 100%);transition:width 1s cubic-bezier(.34,1.56,.64,1);z-index:0}.rf-compare-marker{position:absolute;top:-6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;transform:translate(-12px);transition:left 1.2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000026}.rf-compare-marker.rf-current-marker{background:var(--cherry-pink);z-index:2}.rf-compare-marker.rf-usual-marker{background:#b8860b;z-index:3;opacity:1;font-size:10px;border:2px solid #FFFFFF}.rf-usual-zone{position:absolute;top:0;height:12px;border-radius:6px;background:var(--warm-peach);opacity:.35;transition:all 1s ease}.rf-legend-dot.rf-usual{background:#c4956a;opacity:1}.rf-compare-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-light)}.rf-change-message{font-size:12px;color:var(--text-light);margin-top:6px;line-height:1.5}.rf-transformation{margin-top:12px;padding-top:12px;border-top:2px solid var(--cherry-light);text-align:center}.rf-transform-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:32px;margin-bottom:6px}.rf-transform-arrow{font-size:20px;color:var(--warm-peach)}.rf-transform-text{font-size:13px;color:var(--text-dark);line-height:1.6}.rf-transform-text strong{color:var(--cherry-pink)}.rf-placeholder{text-align:center;padding:40px 20px}.rf-placeholder-icon{font-size:48px;margin-bottom:12px}.rf-placeholder-text{font-size:16px;color:var(--text-light);line-height:1.6}.rf-scratch-title{font-size:20px;font-weight:700;text-align:center;color:var(--text-dark);margin-bottom:8px}.rf-scratch-subtitle{font-size:13px;text-align:center;color:var(--text-light);margin-bottom:24px}.rf-scratch-stack{display:flex;flex-direction:column;gap:12px}.rf-scratch-ticket-wrapper{position:relative}.rf-scratch-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;margin-bottom:12px;box-shadow:0 4px 12px #00000026;position:relative;z-index:10}.rf-mild-badge{background:linear-gradient(135deg,var(--warm-peach) 0%,var(--cherry-pink) 100%);color:#fff}.rf-hot-badge{background:linear-gradient(135deg,#ff6b6b,#b71540);color:#fff}.rf-badge-icon{font-size:16px}.rf-scratch-ticket{position:relative;width:100%;min-height:120px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 24px #3d2c1e26,0 2px 8px #3d2c1e14,inset 0 1px #ffffff4d;transform:translateZ(0);background:var(--card-bg)}.rf-scratch-ticket-inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px 16px;text-align:center;overflow:hidden}.rf-mild-inner{background:linear-gradient(135deg,#fff0e4,#fce8ea)}.rf-hot-inner{background:linear-gradient(135deg,#ffe5e5,#ffd5d5)}.rf-scratch-border-pattern{position:absolute;inset:0;border:3px dashed rgba(232,145,154,.2);border-radius:var(--radius-sm);margin:8px;pointer-events:none}.rf-scratch-revealed-content{position:relative;z-index:1}.rf-quote-mark{font-size:36px;line-height:1;color:var(--cherry-pink);font-family:var(--font-serif);font-weight:700;margin-bottom:-8px;opacity:.4}.rf-quote-mark.rf-closing{transform:rotate(180deg);margin-top:-8px;margin-bottom:0}.rf-factbomb-text{color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.6;letter-spacing:-.02em;margin:12px 0}@media (min-width: 768px){.rf-factbomb-text{font-size:17px}}.rf-scratch-sparkles{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.rf-scratch-ticket.revealed .rf-scratch-sparkles{opacity:1}.rf-sparkle{position:absolute;font-size:24px;animation:rf-sparkle-pop 2s ease-in-out infinite}.rf-sparkle:nth-child(1){top:10%;left:15%;animation-delay:0s}.rf-sparkle:nth-child(2){top:20%;right:20%;animation-delay:.3s}.rf-sparkle:nth-child(3){bottom:15%;left:50%;animation-delay:.6s}@keyframes rf-sparkle-pop{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.2);opacity:1}}.rf-scratch-ticket canvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:2}.rf-scratch-ticket canvas:active{cursor:grabbing}.rf-customize-btn{width:100%;padding:12px;font-size:14px}.rf-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#3d2c1ecc;backdrop-filter:blur(4px);z-index:10000;overflow-y:auto;padding:20px}.rf-modal.rf-active{display:flex;align-items:center;justify-content:center;animation:rf-fadeIn .3s ease}@keyframes rf-fadeIn{0%{opacity:0}to{opacity:1}}.rf-modal-content{background:var(--card-bg);border-radius:var(--radius);padding:30px 20px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;animation:rf-slideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--card-shadow)}@keyframes rf-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.rf-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.rf-modal-title{font-size:20px;font-weight:700;color:var(--text-dark)}.rf-close-btn{background:none;border:none;font-size:32px;color:var(--text-dark);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.rf-close-btn:hover{background:var(--cherry-light)}.rf-form-group{margin-bottom:20px}.rf-form-label{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:10px;display:block}.rf-text-category-tabs{display:flex;gap:6px;margin-bottom:12px}.rf-text-cat-tab{flex:1;padding:6px 10px;border:2px solid var(--card-border);border-radius:var(--radius-xs);background:transparent;font-family:Noto Sans KR,sans-serif;font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease;color:var(--text-dark)}.rf-text-cat-tab:hover{border-color:var(--cherry-pink)}.rf-text-cat-tab.rf-active{background:var(--cherry-pink);color:#fff;border-color:var(--cherry-pink)}.rf-text-cat-tab.rf-active.rf-factbomb-tab{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6b}.rf-text-options-group{display:none;flex-direction:column;gap:8px}.rf-text-options-group.rf-active{display:flex}.rf-text-option{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:11px;line-height:1.3;border:2px solid var(--card-border);border-radius:var(--radius-xs);cursor:pointer;transition:all .3s ease;color:var(--text-dark)}.rf-text-option input[type=radio]{-webkit-appearance:none;appearance:none;width:14px;height:14px;min-width:14px;min-height:14px;flex-shrink:0;border:2px solid var(--card-border);border-radius:50%;background:#fff;cursor:pointer;transition:all .2s ease}.rf-text-option input[type=radio]:checked{background:var(--cherry-pink);border-color:var(--cherry-pink);box-shadow:inset 0 0 0 2px #fff}.rf-text-option:hover,.rf-text-option.rf-selected{border-color:var(--cherry-pink);background:var(--cherry-light)}.rf-spice-toggle{display:flex;gap:8px;margin-bottom:10px}.rf-spice-btn{flex:1;padding:5px 10px;border:2px solid rgba(255,107,107,.2);border-radius:var(--radius-pill);background:transparent;font-family:Noto Sans KR,sans-serif;font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease;color:#ff6b6b}.rf-spice-btn:hover{background:#ff6b6b0d}.rf-spice-btn.rf-active-mild{background:linear-gradient(135deg,var(--warm-peach) 0%,var(--cherry-pink) 100%);color:#fff;border-color:transparent}.rf-spice-btn.rf-active-hot{background:linear-gradient(135deg,#ff6b6b,#b71540);color:#fff;border-color:transparent}.rf-custom-input{width:100%;padding:12px;border:2px solid var(--card-border);border-radius:var(--radius-xs);font-family:Noto Sans KR,sans-serif;font-size:14px;color:var(--text-dark);transition:border-color .3s ease}.rf-custom-input:focus{outline:none;border-color:var(--cherry-pink)}.rf-font-options{display:flex;gap:10px}.rf-font-option{flex:1;padding:16px 10px;border:2px solid var(--card-border);border-radius:var(--radius-xs);text-align:center;cursor:pointer;transition:all .3s ease;background:var(--card-bg)}.rf-font-option:hover{border-color:var(--cherry-pink);background:var(--cherry-light)}.rf-font-option.rf-selected{border-color:var(--cherry-pink);background:var(--cherry-pink);color:#fff}.rf-color-palette{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.rf-color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.rf-color-option:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.rf-color-option.rf-selected{border-color:var(--text-dark);box-shadow:0 6px 20px #3d2c1e66;transform:scale(1.1)}.rf-bg-style-tabs{display:flex;gap:8px;margin-bottom:16px}.rf-bg-style-tab{flex:1;padding:10px;border:2px solid var(--card-border);border-radius:var(--radius-xs);background:transparent;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease;color:var(--text-dark)}.rf-bg-style-tab:hover{border-color:var(--cherry-pink)}.rf-bg-style-tab.rf-active{background:var(--cherry-pink);color:#fff;border-color:var(--cherry-pink)}.rf-bg-options-group{display:none}.rf-bg-options-group.rf-active{display:block}.rf-image-option{width:72px;height:72px;border-radius:var(--radius-xs);cursor:pointer;border:3px solid transparent;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #00000026;background-size:cover;background-position:center}.rf-image-option:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000040}.rf-image-option.rf-selected{border-color:var(--cherry-pink);box-shadow:0 6px 20px #e8919a80;transform:scale(1.1)}.rf-format-toggle{display:flex;gap:10px}.rf-format-option{flex:1;padding:12px;border:2px solid var(--card-border);border-radius:var(--radius-xs);text-align:center;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:var(--text-dark)}.rf-format-option:hover{border-color:var(--cherry-pink);background:var(--cherry-light)}.rf-format-option.rf-selected{border-color:var(--cherry-pink);background:var(--cherry-pink);color:#fff}.rf-preview-area{margin-top:24px;text-align:center}#rfPreviewCanvas{max-width:100%;max-height:40vh;display:block;margin:0 auto;border-radius:var(--radius-sm);box-shadow:0 4px 20px #3d2c1e26}.rf-download-btn{margin-top:16px;width:100%;padding:14px;background:linear-gradient(135deg,var(--cherry-pink) 0%,var(--warm-peach) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #e8919a4d}.rf-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8919a66}@media (min-width: 768px){.rf-mbti-title,.rf-scratch-title{font-size:22px}.rf-mbti-subtitle,.rf-scratch-subtitle{font-size:14px}.rf-change-card{padding:24px}.rf-scratch-ticket{min-height:120px}.rf-scratch-section{max-width:600px;margin:0 auto}.rf-modal-content{padding:36px 28px}.rf-color-palette{gap:16px}.rf-color-option{width:56px;height:56px}.rf-font-options{gap:12px}.rf-download-btn{font-size:16px}}