:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:12px 16px;transition:all .3s;position:relative}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group:focus-within{border-color:var(--gold);background:#d4af370d;box-shadow:0 0 15px #d4af371a}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group label{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group input,:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group select{width:100%;color:#fff!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:16px!important}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .input-group select option{color:#fff;background-color:#111827}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .diag-option input[type=radio]:checked+label{border:2px solid var(--gold);background-color:#d4af3726;box-shadow:0 0 15px #d4af3733}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .diag-option label{background:var(--input-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;padding:14px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .diag-img{aspect-ratio:1;object-fit:contain;background-color:#050810;border-radius:6px;width:100%;margin-bottom:8px}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) input[type=checkbox]{accent-color:var(--gold);cursor:pointer;width:20px!important;height:20px!important}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .time-unknown-label{border:1px solid #ffffff14;border-radius:14px;transition:all .3s}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .time-unknown-label-active{border-color:var(--gold)!important;background-color:#d4af371a!important}:where(.preview-eros-page,.preview-love-page,.preview-classic-page) .time-unknown-label-active span{font-weight:700;color:var(--gold)!important}
.faq-item{background:#ffffff08;border:1px solid #d4af371a;border-radius:14px;margin-bottom:12px;transition:all .3s;overflow:hidden}.faq-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;display:flex}.faq-item.active{border-color:var(--gold);background:#d4af370d}.faq-content{background:#0003;max-height:0;transition:max-height .3s ease-out;overflow:hidden}.faq-item.active .faq-content{max-height:200px}.faq-arrow{color:var(--gold);transition:transform .3s}.faq-item.active .faq-arrow{transform:rotate(180deg)}
body:has(.preview-love-page){background-color:#0f0508}.preview-love-page{--love-pink:#ff6b81;--love-bg:#0f0508;--love-gradient:linear-gradient(135deg,#ff6b81 0%,#ff8e53 100%);--input-bg:#1e1517;background-color:var(--love-bg);color:#f8e7e7;word-break:keep-all;min-height:100vh;margin:0 auto;font-family:Pretendard,sans-serif;line-height:1.6}.preview-love-page .serif{font-family:Noto Serif KR,serif}.preview-love-page .highlight-text{color:var(--love-pink);text-shadow:0 0 15px #ff6b8166}.preview-love-page .question .max-w-\[500px\]{margin:0 auto}.preview-love-page .diag-option label{background:var(--input-bg);cursor:pointer;border:1px solid #3a2a2d;border-radius:16px;flex-direction:column;align-items:center;padding:15px 10px;transition:all .3s;display:flex}.preview-love-page .diag-option input[type=radio]:checked+label{border:2px solid var(--love-pink);background:#ff6b811a;transform:translateY(-2px);box-shadow:0 0 20px #ff6b8133}.preview-love-page .diag-option input[type=radio]:checked+label .diag-img{transform:scale(1.05);filter:brightness()sepia(20%)hue-rotate(-10deg)saturate(150%)!important}.preview-love-page .diag-img{filter:grayscale()opacity(.7);aspect-ratio:1;object-fit:contain;border-radius:6px;width:100%;transition:all .3s}.preview-love-page .logic-card{background:#181012;border:1px solid #ff6b8133;border-radius:20px;padding:24px}.preview-love-page .type-card{background:#160f10;border:1px solid #332225;border-radius:16px;min-width:260px;overflow:hidden;box-shadow:0 4px 20px #0006}.preview-love-page .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.preview-love-page .type-cards-container{-ms-overflow-style:none;scrollbar-width:none;gap:1.25rem;padding:0 1.5rem 3rem;display:flex;overflow-x:auto}.preview-love-page .type-cards-container::-webkit-scrollbar{display:none}@media (min-width:900px){.preview-love-page .type-cards-container{justify-content:center;overflow-x:visible}}.preview-love-page .no-scrollbar::-webkit-scrollbar{display:none}.preview-love-page .sticky-cta{width:100%;max-width:500px;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--love-pink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1500;opacity:0;background:#0f0508f2;transition:all .5s;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.preview-love-page .sticky-cta.active{opacity:1;transform:translate(-50%)translateY(0)}.preview-love-page #progress-inner{background:var(--love-gradient);border-radius:2px;width:0;height:4px;transition:width .3s}.preview-love-page .btn-primary{background:var(--love-gradient);color:#fff;font-weight:700;box-shadow:0 4px 15px #ff6b8166}.preview-love-page .footer-custom{color:#886a6e;background-color:#12080a;border-top:1px solid #ff6b811a;margin:0 auto;padding:60px 24px 140px}.preview-love-page .footer-nav a{color:#bfa5a9}.preview-love-page .footer-contact-link a{color:#ff6b81;font-weight:600}.preview-love-page .footer-copyright{color:#5a4549}
