@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heartBeat{0%,28%,70%{transform:scale(1)}14%,42%{transform:scale(1.1)}}@keyframes floatDrift{0%{transform:translate(0,0) rotate(0deg)}to{transform:translate(20px,-40px) rotate(15deg)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-deep:#ffeef5;--bg-forest:#fff7fb;--text-main:#3a2432;--text-sub:#6b5b65;--primary-color:#ff6b9e;--primary-end:#ff8fb8;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 107, 158, 0.1);--font-main:'NanumSquare Neo', sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%}body,html{min-height:100vh;background-color:var(--bg-forest)}body{margin:0;padding:0;height:auto;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--text-main);font-family:var(--font-main);line-height:1.6}@media (min-width:481px){body{align-items:center;justify-content:center;display:flex;overflow:hidden;background:#000}}.app-surface,.page-shell{display:flex;flex-direction:column;position:relative}.page-shell{width:min(100%,500px);min-height:100vh;min-height:100svh;margin:0 auto;padding-top:48px;box-sizing:border-box;background:linear-gradient(180deg,var(--bg-forest) 0%,var(--bg-deep) 100%);box-shadow:0 0 50px rgba(0,0,0,.3)}.app-surface{flex:1 1 auto;min-height:0;justify-content:flex-start;padding-top:16px;padding-left:16px;padding-right:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:0 0;overflow-x:clip;z-index:2}@media (min-width:481px){.app-surface{overflow-y:auto}.app-surface::-webkit-scrollbar{display:none}}.light-theme-mode .global-seo-nav{background:rgba(255,255,255,.8)!important;border-bottom:1px solid rgba(255,107,158,.1)!important}.screen-spacer{display:none;flex:1 1 0;min-height:0}body.screen-intro .screen-spacer,body.screen-loading .screen-spacer,body.screen-quiz .screen-spacer{display:block}.glass-card,.screen{position:relative;width:100%}.screen{display:none;flex:0 0 auto!important;flex-direction:column;align-items:center;z-index:5}.screen.active{display:flex!important;animation:fadeIn .4s ease-out}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:30px;padding:32px 24px;box-shadow:0 10px 40px rgba(255,107,158,.1);text-align:center;z-index:10;margin-bottom:0}body.screen-intro .glass-card{padding:24px 20px}body.screen-result .glass-card{padding:24px 16px}.loading-title{font-size:1.4rem;font-weight:950;color:var(--text-main);margin-bottom:8px}.loading-desc{font-size:1rem;font-weight:850;color:var(--text-sub);margin-bottom:24px}.loading-emoji{font-size:3rem;margin-bottom:16px;display:block;animation:heartBeat 1.4s ease-in-out infinite}.main-title{font-size:1.85rem;font-weight:950;color:var(--text-main);margin-bottom:8px;letter-spacing:-.01em;line-height:1.3}.main-desc{font-size:1.05rem;color:var(--text-sub);margin-bottom:24px;font-weight:850;line-height:1.5}.neon-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:18px;border-radius:20px;border:1px solid rgba(255,107,158,.08);background:rgba(255,255,255,.6);color:var(--text-main);font-size:1.1rem;font-weight:900;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-bottom:14px;text-decoration:none;font-family:inherit}.neon-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-end));color:#fff;border:0;box-shadow:0 8px 20px rgba(255,107,158,.25)}.neon-btn.primary:active{transform:scale(.97);box-shadow:0 4px 10px rgba(255,107,158,.2)}.option-btn{background:#fff;color:var(--text-main);border:1px solid rgba(255,107,158,.15);box-shadow:0 4px 10px rgba(255,107,158,.04);line-height:1.4;margin-bottom:12px}.option-btn.pressed,.option-btn:active{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px rgba(255,107,158,.3)}.intro-img-container{width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;margin-bottom:24px;background:#fff;box-shadow:0 8px 20px rgba(255,107,158,.08)}.intro-img-container img,.result-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}#emoji-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:hidden}.floating-emoji{position:absolute;opacity:.35;font-size:1.6rem;filter:drop-shadow(0 0 5px rgba(255,107,158,.1));animation:floatDrift 8s ease-in-out infinite alternate}.result-header{margin-bottom:16px}#result.screen .glass-card{margin-bottom:12px}#result-name{font-size:2.1rem;font-weight:950;color:var(--primary-color);margin-top:4px;margin-bottom:8px;line-height:1.2}#result-title{font-size:1.1rem;color:var(--text-sub);font-weight:850;margin-bottom:4px}.result-img-wrapper{width:100%;aspect-ratio:1/1;border-radius:24px;overflow:hidden;margin-top:12px;margin-bottom:24px;background:#fff;box-shadow:0 8px 20px rgba(255,107,158,.08)}.result-details{width:100%;margin-bottom:0}.detail-box{background:rgba(255,255,255,.5);border:1px solid rgba(255,107,158,.1);border-radius:20px;padding:18px 20px;margin-bottom:20px;text-align:left}.box-title{margin-top:0;color:var(--primary-color);font-weight:950;margin-bottom:8px;font-size:1.1rem}.box-desc{font-size:1.05rem;line-height:1.6;color:var(--text-main);margin:0;font-weight:850}.compatibility-container{display:flex;gap:12px;width:100%;margin-top:16px}.compat-card{flex:1;background:#fff;border-radius:20px;padding:18px;border:1px solid rgba(255,107,158,.08);text-align:center}.compat-label{display:block;font-size:.9rem;font-weight:850;margin-bottom:8px;color:var(--text-sub)}.compat-char,.info-content p{font-size:1.25rem;font-weight:950;color:var(--text-main);margin-bottom:4px}.compat-desc{font-size:.94rem;color:#777;line-height:1.5;font-weight:800}.res-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.res-keyword{background:rgba(255,107,158,.08);color:var(--primary-color);padding:8px 16px;border-radius:12px;font-size:1rem;font-weight:850}.result-footer-actions{margin-top:0;width:100%}.share-divider{border-top:1px solid rgba(255,107,158,.1);margin:24px 0 8px}.share-title,.sns-share-label{font-size:.851rem;font-weight:850;color:#888;margin-bottom:16px;text-align:center}#sns-share-container{min-height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.secondary-btn{width:100%;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-end));color:#fff;border:0;border-radius:20px;font-weight:950;font-size:1.151rem;cursor:pointer;box-shadow:0 8px 20px rgba(255,107,158,.2);margin-top:16px}.tertiary-btn{font-size:1.1rem;font-weight:900;color:var(--text-sub);text-decoration:underline;display:block;margin-top:24px;margin-bottom:16px;width:100%;text-align:center;opacity:.9}.progress-container{background:rgba(255,107,158,.1);height:6px;border-radius:10px;margin-bottom:20px;overflow:hidden}#progress-bar{background:var(--primary-color);height:100%;border-radius:10px;transition:width .3s}#question-text{font-size:1.4rem;font-weight:950;line-height:1.5;margin-bottom:30px}.quiz-header-text{text-align:center;font-size:1.05rem;font-weight:950;color:rgba(107,91,101,.6);margin-top:0;margin-bottom:20px}.footer{padding:16px 24px 24px;text-align:center;background:0 0;margin-top:auto;flex-shrink:0;width:100%}body.screen-loading .footer,body.screen-quiz .footer{padding:16px}body.screen-loading .legal-links,body.screen-quiz .legal-links{display:none!important}.legal-links-row{display:flex;justify-content:center;gap:12px;margin-bottom:2px}.legal-links a{color:rgba(107,91,101,.6);text-decoration:none;font-size:.751rem;font-weight:800}#copyright-text{font-size:.7rem;color:rgba(107,91,101,.4);margin-top:4px}.info-section-wrapper{margin-top:16px;border-top:1px dashed rgba(255,107,158,.15);padding-top:16px}#info-toggle-btn{font-size:.9rem;color:var(--text-sub);text-decoration:underline;cursor:pointer;opacity:.8;font-weight:800}.info-content{text-align:left;background:rgba(255,255,255,.4);border:1px solid rgba(255,107,158,.1);padding:16px;border-radius:20px;margin-top:16px}.info-content .box-title{font-size:1.05rem;color:var(--primary-color)}.info-content p{font-size:.9rem;line-height:1.6;margin-bottom:8px;font-weight:700}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,107,158,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (min-width:481px){body{overflow-y:auto!important}.app-surface{max-height:none!important;overflow-y:visible!important}.app-surface,.page-shell,body{height:auto!important}.page-shell{min-height:100vh!important}}