@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";:root{--backgroundBlack:#050308;--plumBlack:#100812;--roseGold:#e8a176;--champagne:#f7d8c1;--softCream:#fff1e6;--mutedText:#b9a8a0;--ctaStart:#f4b18b;--ctaEnd:#d97961}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--backgroundBlack);width:100%;min-height:100dvh;color:var(--softCream);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.reportPopupOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.reportPopup{width:100%;max-width:430px;padding:32px 24px calc(32px + env(safe-area-inset-bottom));background:#120e18f2;border:1px solid #e8a17633;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;animation:.3s cubic-bezier(.2,.8,.2,1) slideUp;box-shadow:0 -10px 40px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reportPopup h2{color:#fff1e6;margin:0 0 12px;font-size:20px}.reportTargetInfo{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.reportTargetLabel{color:#f7d8c1cc;font-size:13px}.reportTargetName{color:#fff1e6;font-size:15px;font-weight:600}.reportTargetAge{color:#f7d8c199;font-size:13px}.reportPopup p{color:#f7d8c199;margin-bottom:20px;font-size:13px;line-height:1.5}.reportTextarea{color:#fff1e6;resize:none;background:#ffffff0f;border:1px solid #f7d8c12e;border-radius:12px;outline:none;width:100%;height:110px;margin-bottom:24px;padding:16px;font-size:14px}.reportTextarea::placeholder{color:#f7d8c14d}.reportButtons{gap:12px;display:flex}.reportButtons button{cursor:pointer;border:none;border-radius:12px;flex:1;height:52px;font-size:16px;font-weight:700}.reportCancelBtn{color:#f7d8c1;background:#ffffff1a}.reportSubmitBtn{color:#2a100b;background:linear-gradient(#ffd5ba 0%,#e89b78 100%)}html,body,#root,button,a,[role=button],.clickable,.ctaButton,.bottomNav button,.bottomNavItem,.card,.characterCard,.destinyCard,.nominationCard{-webkit-tap-highlight-color:transparent}button,a,[role=button],.bottomNav,.bottomNavItem,.ctaButton,.cardAction,.destinyActionButton,.nominationActionButton{-webkit-user-select:none;user-select:none}button,a,[role=button],.card,.destinyCard,.characterCard,.nominationCard{-webkit-touch-callout:none}img{-webkit-user-drag:none;user-drag:none}button,.ctaButton,.bottomNavItem{transition:opacity .16s,transform .16s,background-color .16s,border-color .16s}button:active,.ctaButton:active,.bottomNavItem:active{opacity:.92;transform:scale(.985)}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #e89b78a6}.hiddenTraitRow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hiddenTag{color:#ffe8d8b3;border:1px dashed #f7d8c14d}.hiddenTag.unlockedTag{color:#ffb8c6;border:1px solid #ff8fa373}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}@media (width>=768px){body{background: radial-gradient(52vw 60vh at 6% 8%, #e8a1761a, transparent 62%), radial-gradient(46vw 54vh at 96% 94%, #e8a17611, transparent 60%),  radial-gradient(120vw 120vh at 50% 46%, #0a0610 0%, var(--backgroundBlack) 52%, #020104 100%);background-attachment:fixed}}.consentPopupOverlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.consentPopup{color:#fff;background:#1a1a24;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 10px 30px #00000080}.consentTitle{text-align:center;margin:0 0 12px;font-size:1.25rem;font-weight:700}.consentDesc{color:#a0a0b0;text-align:center;margin:0 0 24px;font-size:.9rem;line-height:1.5}.consentList{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.consentItem{cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:flex}.consentItem input[type=checkbox]{accent-color:#ff3b7c;cursor:pointer;width:20px;height:20px}.allCheckItem{color:#ff3b7c;font-weight:700}.consentDivider{background:#ffffff1a;height:1px;margin:4px 0}.consentActions{gap:12px;display:flex}.consentCancelBtn,.consentAgreeBtn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.consentCancelBtn{color:#e0e0e0;background:#ffffff1a}.consentCancelBtn:hover{background:#ffffff26}.consentAgreeBtn{color:#fff;background:linear-gradient(135deg,#ff3b7c,#ff6b3b)}.consentAgreeBtn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.pending-deletion-container{color:#fff;background-color:#121212;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;justify-content:center;align-items:center;max-width:430px;min-height:100dvh;margin:0 auto;padding:20px;display:flex;box-shadow:0 0 50px #e8a1761f}.pending-card{text-align:center;background-color:#1e1e1e;border-radius:16px;width:100%;max-width:430px;padding:30px;box-shadow:0 8px 24px #0006}.pending-title{color:#fca5a5;margin-bottom:16px;font-size:22px;font-weight:700}.pending-desc{color:#e5e5e5;margin-bottom:24px;font-size:15px;line-height:1.5}.pending-info{background-color:#2a2a2a;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.info-label{color:#a3a3a3;font-size:13px}.info-value{color:#fff;font-size:16px;font-weight:600}.pending-sub-desc{color:#a3a3a3;margin-bottom:30px;font-size:13px;line-height:1.5}.pending-actions{margin-bottom:20px}.btn-recover{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:background-color .2s}.btn-recover:hover{background-color:#dc2626}.btn-recover:disabled{cursor:not-allowed;opacity:.7;background-color:#7f1d1d}.pending-secondary-actions{border-top:1px solid #333;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.btn-text{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.btn-text:hover{color:#fff}.onboarding{color:#fff1e6;background:#08050d;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 50px #e8a1761f}.heroImage{object-fit:cover;object-position:65% center;z-index:0;filter:brightness(1.15)contrast(1.05)saturate(1.05);opacity:0;background-color:#08050d;width:100%;height:100lvh;transition:opacity .25s;position:absolute;top:0;left:0}.heroImage.isLoaded{opacity:1}.heroOverlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 66% 32%,#ffb2911f 0%,#ffb29100 50%),linear-gradient(#0000 0% 55%,#0003 75%,#000000b3 100%);position:absolute;inset:0}.copyArea{z-index:2;position:absolute;bottom:168px;left:30px;right:28px}.copyTitle{letter-spacing:-.065em;color:#ffe2cf;text-shadow:0 2px 4px #000000d9,0 4px 24px #000000f2,0 0 12px #00000080,0 0 18px #e8a1762e;word-break:keep-all;margin:20px 0 0;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:clamp(28px,7.5vw,36px);font-weight:400;line-height:1.34}.copySubtitle{color:#ffe2cfd9;letter-spacing:-.03em;text-shadow:0 1px 3px #000c,0 2px 12px #000000e6;word-break:keep-all;text-align:center;margin:28px 0 0;font-size:18px;font-weight:300}.startButton{z-index:2;color:#2a100b;letter-spacing:.02em;background:linear-gradient(145deg,#ffe4ce 0%,#eba27d 45%,#ba6249 100%);border:1px solid #ffe8d880;border-radius:999px;justify-content:center;align-items:center;height:66px;font-size:22px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:72px;left:30px;right:30px;box-shadow:0 4px 30px #e8a17673,0 8px 20px #0006,inset 0 2px 4px #ffffff80,inset 0 -12px 24px #5a1e1440}.startButton:hover{filter:brightness(1.05);cursor:pointer;transform:scale(1.02);box-shadow:0 0 40px #e8a17699,0 12px 32px #00000073,inset 0 1px #ffffffa6,inset 0 -12px 24px #682a212e}.startButton:active{filter:brightness(.95);transform:scale(.97)}.safeText{z-index:2;text-align:center;color:#f7d8c17a;margin:0;font-size:11px;line-height:1.45;position:absolute;bottom:28px;left:30px;right:30px}.loginPage{color:#fff1e6;background:#08050d;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 50px #e8a1761f}.loginBgImage{object-fit:cover;object-position:65% center;z-index:0;filter:brightness(1.15)contrast(1.05)saturate(1.05);opacity:0;background-color:#08050d;width:100%;height:100lvh;transition:opacity .25s;position:absolute;top:0;left:0}.loginBgImage.isLoaded{opacity:1}.loginOverlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 66% 32%,#ffb2911f 0%,#ffb29100 50%),linear-gradient(#0000 0% 55%,#0003 75%,#000000b3 100%);position:absolute;inset:0}.brandArea{top:max(44px, calc(env(safe-area-inset-top) + 28px));z-index:2;align-items:center;gap:14px;display:flex;position:absolute;left:28px}.logoIcon{object-fit:cover;border:1px solid #e8a1767a;border-radius:18px;width:62px;height:62px;transform:translateY(3px);box-shadow:0 0 20px #e8a17640}.brandName{letter-spacing:-.05em;color:#f0be98;text-shadow:0 0 18px #e8a1763d;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:31px;font-weight:500}.brandSub{color:#f7d8c1bd;margin-top:1px;margin-left:3px;font-size:14px}.ageBadge{top:max(48px, calc(env(safe-area-inset-top) + 32px));z-index:2;color:#f7d8c1;-webkit-backdrop-filter:blur(10px);background:#0503084d;border:1px solid #f7d8c18c;border-radius:999px;padding:7px 13px;font-size:15px;font-weight:700;position:absolute;right:24px}.loginCopy{z-index:2;position:absolute;bottom:380px;left:30px;right:30px}.loginCopy h1{letter-spacing:-.065em;color:#ffe2cf;text-shadow:0 2px 4px #000000d9,0 4px 24px #000000f2,0 0 12px #00000080,0 0 18px #e8a1762e;word-break:keep-all;margin:20px 0 0;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:clamp(28px,7.5vw,36px);font-weight:400;line-height:1.34}.loginCopy p{color:#ffe2cfd9;letter-spacing:-.03em;text-shadow:0 1px 3px #000c,0 2px 12px #000000e6;word-break:keep-all;text-align:center;margin:28px 0 0;font-size:18px;font-weight:300}.loginCard{left:24px;right:24px;bottom:max(30px, calc(env(safe-area-inset-bottom) + 24px));z-index:2;-webkit-backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #f7d8c129;border-radius:28px;padding:22px;position:absolute;box-shadow:0 24px 80px #00000073}.loginCardTitle{color:#f7d8c1b8;text-align:center;margin-bottom:16px;font-size:14px}.loginCard button{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;margin-bottom:12px;font-size:16px;font-weight:700;transition:transform .2s,opacity .2s,filter .2s;display:flex}.loginCard button:hover{filter:brightness(1.08);transform:scale(1.02)}.loginCard button:active{opacity:.9;transform:scale(.98)}.kakaoButton{color:#191600;background:#fee500}.googleButton{color:#171717;background:#fff}.phoneButton{color:#fff;background:#ffffff14;border:1px solid #ffffff24}.policyText{text-align:center;color:#f7d8c175;margin:20px 0 0;font-size:11px;line-height:1.55}.policyText .highlight{color:#f7d8c1f2;text-underline-offset:3px;font-weight:500;text-decoration:underline}.nicknamePage{color:#fff1e6;background:#08050d;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;flex-direction:column;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #e8a1761f}.nicknameBgImage{object-fit:cover;object-position:center;z-index:0;filter:brightness()contrast(1.1)saturate(1.1);opacity:0;background-color:#08050d;width:100%;height:100lvh;transition:opacity .25s;position:absolute;top:0;left:0}.nicknameBgImage.isLoaded{opacity:1}.nicknameOverlay{z-index:1;pointer-events:none;background:linear-gradient(#0a050f1a 0%,#0a050f66 45%,#0a050ff2 100%),radial-gradient(circle at 50% 30%,#0000 10%,#000000b3 90%);position:absolute;inset:0}.nicknameHeader{z-index:2;padding:max(44px, calc(env(safe-area-inset-top) + 24px)) 24px 24px;justify-content:center;align-items:center;display:flex;position:relative}.brandCenter{align-items:center;gap:14px;display:flex}.brandLogo{object-fit:cover;border:1px solid #e8a1767a;border-radius:16px;width:60px;height:60px;box-shadow:0 0 16px #e8a17633}.brandTextInfo{flex-direction:column;justify-content:center;display:flex}.brandName{letter-spacing:.1em;color:#f0be98;text-shadow:0 0 12px #e8a1763d;margin-left:2px;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:30px;font-weight:500;line-height:1.1}.brandSub{color:#f7d8c1b3;letter-spacing:.05em;margin-top:6px;font-size:15px}.nicknameContent{z-index:2;flex-direction:column;flex:1;justify-content:center;padding:0 24px 60px;display:flex;position:relative}.nicknameGlassCard{-webkit-backdrop-filter:blur(24px);background:#1e141973;border:1px solid #f7d8c126;border-radius:28px;flex-direction:column;align-items:center;margin-top:200px;padding:24px 20px;display:flex;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.nicknameCopy{text-align:center;margin-bottom:20px}.nicknameCopy h1{color:#ffe2cf;letter-spacing:-.04em;text-shadow:0 2px 10px #00000080;margin:0 0 8px;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:26px;font-weight:400}.nicknameCopy p{color:#f7d8c199;letter-spacing:-.02em;margin:0;font-size:15px}.nicknameInputGroup{width:100%;margin-bottom:30px}.nicknameInputWrapper{background:#0a050a66;border:1px solid #f7d8c133;border-radius:16px;align-items:center;gap:12px;margin-bottom:13px;padding:14px 16px;transition:all .2s;display:flex}.nicknameInputWrapper.focused{background:#0a050a99;border-color:#eba27db3;box-shadow:0 0 16px #eba27d26}.inputIcon{color:#f7d8c166}.nicknameInputWrapper.focused .inputIcon{color:#eba27de6}.nicknameInput{color:#fff1e6;background:0 0;border:none;outline:none;flex:1;font-size:16px}.inputHelperRow{justify-content:space-between;margin-top:6px;padding:0 4px;display:flex}.nicknameGuide{color:#f7d8c180;font-size:13px;transition:color .2s}.nicknameGuide.highlight{color:#f7d8c1f2;letter-spacing:.02em;font-weight:600}.nicknameCount{color:#f7d8c166;font-size:13px}.nicknameNoticeRow{color:#f7d8c199;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.noticeHeart{color:#eba27d;font-size:10px}.nicknameSubmitBtn{color:#f7d8c166;cursor:not-allowed;letter-spacing:-.02em;background:#ffffff1a;border:none;border-radius:999px;width:100%;height:52px;font-size:17px;font-weight:700;transition:all .3s}.nicknameSubmitBtn.active{color:#2a100b;cursor:pointer;background:linear-gradient(145deg,#ffe4ce 0%,#eba27d 45%,#ba6249 100%);box-shadow:0 8px 24px #e8a17640,inset 0 2px 4px #fff6}.nicknameSubmitBtn.active:active{filter:brightness(.95);transform:scale(.97)}.paginationIndicators{bottom:max(30px, calc(env(safe-area-inset-bottom) + 20px));z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;left:0;right:0}.dotsRow{gap:8px;display:flex}.dot{background:#f7d8c133;border-radius:50%;width:6px;height:6px}.dot.active{background:#eba27d;box-shadow:0 0 8px #eba27d99}.pageNumber{color:#f7d8c180;letter-spacing:.1em;font-size:12px}.bottomNav{z-index:11;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;max-width:430px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);height:calc(64px + env(safe-area-inset-bottom))!important;padding:7px 18px calc(4px + env(safe-area-inset-bottom))!important;background:#100812!important;border-top:1px solid #f7d8c126!important}.bottomNav.myPageActive{background:#140d16!important}.bottomNavItem{color:#fff4ea85;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:56px;height:48px;font-size:11px;font-weight:700;transition:color .18s,background-color .18s,opacity .18s,transform .18s;display:flex;position:relative}.bottomNavItem svg{width:24px!important;height:24px!important}.bottomNavItem.active{color:#ffe4d0}.bottomNavItem.active .navIcon{color:#e89b78d9}.bottomNavItem.active .navLabel{color:#ffe4d0}.bottomNavItem:active{opacity:.9;transform:scale(.975)}.bottomNavItem:focus-visible{outline-offset:3px;outline:2px solid #e89b78a6}.cardMediaWrapper{border-radius:inherit;background-color:#111;width:100%;height:100%;position:relative;overflow:hidden}.card-media-element{object-fit:cover;object-position:center center;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .25s ease-in-out;display:block}.card-media-element.loaded{opacity:1}.premiumToastOverlay{z-index:999;-webkit-backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;animation:.3s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.premiumToast{text-align:center;background:linear-gradient(#1c1122f2,#0c060efa);border:1px solid #f6c98266;border-radius:28px;min-width:310px;max-width:85%;padding:32px 28px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalPopUp;transform:scale(.95);box-shadow:0 24px 64px #000c,0 0 42px #e89b6b26,inset 0 1px #ffffff1f}.premiumToastIcon{color:#f6c982;text-shadow:0 0 12px #f6c98280;margin-bottom:12px;font-size:24px}.premiumToastMsg{color:#fff1e6;letter-spacing:-.03em;margin-bottom:10px;font-size:18px;font-weight:700}.premiumToastSub{color:#ffe4d2bf;letter-spacing:-.03em;white-space:pre-wrap;margin-bottom:24px;font-size:14px;line-height:1.5}.premiumToastClose{color:#1a0d15;cursor:pointer;background:linear-gradient(90deg,#f6c982,#e89b6b);border:none;border-radius:14px;width:100%;padding:14px 0;font-size:15px;font-weight:700}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.homePage{color:#fff1e6;background:#08050d;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;width:100%;max-width:430px;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 50px #e8a1761f}.homeBg{z-index:0;background:radial-gradient(circle at 50% 18%,#e8a1761f,#0000 36%),linear-gradient(#08050d 0%,#100812 48%,#050308 100%);position:absolute;inset:0}.homeHeader{z-index:20;padding:max(16px, calc(env(safe-area-inset-top) + 8px)) 24px;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.homeHeartPill{color:#ffdcc6;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#08050d7a;border:1px solid #ffe4d238;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.cardCarousel{z-index:2;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;height:100dvh;display:flex;position:relative;overflow:auto hidden}.cardCarousel::-webkit-scrollbar{display:none}.carouselPadding{flex:0 0 calc(5vw - 6px)}@media (width>=430px){.carouselPadding{flex:0 0 25px}}.characterCard{max-width:380px;height:calc(100dvh - 84px - env(safe-area-inset-bottom));scroll-snap-align:center;scroll-snap-stop:always;background:#ffffff0d;border:1px solid #e8a1763d;border-radius:32px;flex:0 0 90vw;margin:16px 6px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 28px #e8a1761a}.cardGradient{pointer-events:none;background:linear-gradient(#0000 35%,#05030880 60%,#050308fa 100%),linear-gradient(90deg,#05030826,#0000 42%);position:absolute;inset:0}.characterInfoPanel{z-index:3;padding:40px 20px 20px;position:absolute;bottom:0;left:0;right:0}.characterNameLine{align-items:baseline;gap:8px;display:flex}.characterName{color:#ffdcc6;letter-spacing:-.06em;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:38px;line-height:1}.characterAge{color:#f7d8c1b8;font-size:15px}.storyTitle{color:#fff1e6;letter-spacing:-.04em;margin-top:10px;font-size:16px;font-weight:700}.characterTag{color:#ffe8d8db;background:#ffffff14;border:1px solid #f7d8c124;border-radius:999px;padding:7px 10px;font-size:12px}.pinButton{z-index:5;color:#f7d8c1;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#08050d7a;border:1px solid #f7d8c13d;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.pinButton.active{color:#2a100b;background:linear-gradient(#ffd5baf2,#e89b78eb);border-color:#ffe8d8a6}.reportButton{z-index:5;color:#f7d8c1a3;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#08050d61;border:1px solid #f7d8c129;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:18px;right:18px}.storyText{color:#fff4eac2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;margin-bottom:20px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.chatStartButton{z-index:4;color:#2a100b;letter-spacing:-.04em;cursor:pointer;background:linear-gradient(145deg,#ffe4ce 0%,#eba27d 45%,#ba6249 100%);border:1px solid #ffe8d8cc;border-radius:999px;justify-content:center;align-items:center;width:100%;height:56px;font-size:18px;font-weight:800;transition:transform .2s,filter .2s;display:flex;position:relative;box-shadow:0 4px 20px #e8a17673,inset 0 2px 4px #ffffff80,inset 0 -8px 16px #5a1e1440}.chatStartButton:hover{filter:brightness(1.05);transform:scale(1.02)}.chatStartButton:active{filter:brightness(.95);transform:scale(.97)}@keyframes swipeNudge{0%{transform:translate(0)}24%{transform:translate(8px)}48%{transform:translate(0)}72%{transform:translate(-4px)}to{transform:translate(0)}}.swipeNudge>*{animation:.95s ease-out .45s both swipeNudge}@media (prefers-reduced-motion:reduce){.swipeNudge>*{animation:none}}.swipeHintText{text-align:center;letter-spacing:-.02em;color:#fff4eabf;text-shadow:0 0 12px #e89b781f;pointer-events:none;flex-direction:column;align-items:center;gap:8px;margin-bottom:60px;font-size:25px;font-weight:600;animation:4s forwards subtleFade;display:flex}.swipeHintArrow{font-size:32px;animation:1.5s ease-in-out infinite bounceLeft}.carouselArrow{display:none}@media (width>=768px) and (hover:hover){.carouselArrow{z-index:30;box-sizing:border-box;color:#f0cdb4d9;cursor:pointer;opacity:0;background:#07050447 padding-box content-box;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carouselArrow svg{filter:drop-shadow(0 1px 2px #00000073)}.carouselArrowLeft{left:10px}.carouselArrowRight{right:10px}.cardCarousel:hover~.carouselArrow,.carouselArrow:hover,.carouselArrow:focus-visible{opacity:1}.carouselArrow:hover{color:#ffe1c8;background:#0705046b padding-box content-box}.carouselArrow:active{transform:translateY(-50%)scale(.94)}.carouselArrow:disabled{cursor:default;pointer-events:none}.cardCarousel:hover~.carouselArrow:disabled{opacity:.25}}@keyframes bounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes subtleFade{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}.sharedSlotPopupOverlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#050308d9;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.sharedSlotPopup{text-align:center;background:#120915;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:320px;padding:40px 24px 32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards popupSlideUp;position:relative;box-shadow:0 24px 60px #0009}.sharedSlotPopupCloseBtn{color:#fff1e680;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.sharedSlotPopupCloseBtn:hover{color:#fff1e6}.sharedSlotPopup h2{color:#fff1e6;margin:0 0 16px;font-size:20px;font-weight:700}.sharedSlotPopup p{color:#fff1e6b3;margin:0 0 24px;font-size:14px;line-height:1.5}.sharedSlotPopupButtons{gap:12px;display:flex}.sharedSlotPopupSubmitBtn{color:#24100b;cursor:pointer;background:#e89b78;border:none;border-radius:999px;flex:1;height:48px;font-size:15px;font-weight:700}:root{--ghost-bg-alpha:.02}.chatPage{color:#fff1e6;background:#08050d;border-left:1px solid #e8a17659;border-right:1px solid #e8a17659;flex-direction:column;width:100%;max-width:430px;height:100svh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #e8a1761f}.chatFixedBackground{z-index:0;pointer-events:none;background:#08050d;width:100%;max-width:430px;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.chatBgImage{object-fit:cover;object-position:center top;filter:brightness()saturate(.95);width:100%;height:100%;transition:opacity .25s!important;animation:none!important;transform:scale(1)!important}.chatContentWrapper{z-index:1;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chatOverlay{z-index:1;background:linear-gradient(#050308d1 0%,#0503080d 32%,#0503081a 68%,#050308 100%),radial-gradient(circle at 50% 30%,#e8a1761f,#0000 42%);position:absolute;inset:0}.chatHeader{z-index:3;padding:calc(env(safe-area-inset-top) + 10px) 18px 4px;background:linear-gradient(#050308b3,#05030800);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.backButton{color:#f7d8c1;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0d;border:1px solid #f7d8c12e;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;display:flex}.chatHeaderLeft{align-items:center;gap:10px;margin-left:-10px;display:flex}.chatHeartPill{color:#ffe4d0;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff14,#ffffff05),#0f081294;border:1px solid #e89b7842;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:60px;height:auto;margin-right:-10px;padding:3px 8px;font-size:16px;font-weight:800;display:flex;box-shadow:0 0 18px #e89b781f,inset 0 1px #ffffff1a}.chatHeartIcon{color:#e89b78;text-shadow:0 0 10px #e89b7859}.chatProfile{align-items:center;gap:6px;min-width:0;display:flex}.chatName{color:#ffe2cf;font-size:20px;font-weight:700}.chatStatus{color:#f7d8c194;align-items:center;gap:4px;font-size:16px;display:flex}.onlineDot{background-color:#22c55e;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #22c55e99}.messageList{top:var(--chat-header-height,78px);left:0;right:0;bottom:calc(var(--chat-input-dock-height,92px) + var(--keyboard-offset,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px 14px calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0 15px,#000 40px 100%);mask-image:linear-gradient(#0000 0 15px,#000 40px 100%)}.messagesSpacer{flex-shrink:0;height:0}.messageList::-webkit-scrollbar{display:none}.messageList{-ms-overflow-style:none;scrollbar-width:none}.aiMessageRow{align-items:flex-start;gap:5px;margin:12px 0 12px -10px;padding:0 6px;display:flex}.aiMessageRow .cardMediaWrapper{border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;width:34px;height:34px;margin-top:2px;box-shadow:0 4px 14px #00000038}.chatAvatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.aiMessageContent{flex-direction:column;align-items:flex-start;max-width:calc(100% - 58px);display:flex}.chatSenderName{color:#ffffffeb;letter-spacing:-.02em;text-shadow:0 2px 12px #00000059;margin-bottom:4px;font-size:16px;font-weight:600}.aiBubble{color:#000;letter-spacing:-.028em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:.5px solid #0000;border-radius:6px 10px 10px;max-width:100%;padding:5px 10px;font-size:16px;font-weight:450;line-height:1.48;transition:background-color .75s ease-out,border-color .75s ease-out,box-shadow .75s ease-out,color .75s ease-out,text-shadow .75s ease-out;box-shadow:0 8px 24px #00000024}.aiBubble.bubble--typing-streaming{min-width:50px}.userMessageRow{justify-content:flex-end;margin:12px 0;padding:0 6px;display:flex}.userBubble{color:#f5efe8;letter-spacing:-.028em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a2b1af2;border:.5px solid #0000;border-radius:6px 10px 10px;max-width:78%;padding:5px 10px;font-size:15px;font-weight:450;line-height:1.48;transition:background-color .75s ease-out,border-color .75s ease-out,box-shadow .75s ease-out,color .75s ease-out,text-shadow .75s ease-out;box-shadow:0 8px 24px #00000038}.aiBubble.bubble--ghost,.userBubble.bubble--ghost{background-color:rgba(255, 255, 255, var(--ghost-bg-alpha));color:#ffffff1a;text-shadow:none;box-shadow:none;border-color:#ffffff47}.aiBubble.bubble--ghost .actionText,.userBubble.bubble--ghost .actionText{color:#ffffff1a}.userBubble .actionText{color:#f2c29e;font-size:15px;font-style:italic}.actionText{color:#912d4bed;min-height:1.48em;margin:5px 0;font-size:16px;font-style:italic;font-weight:400}.messageText{min-height:1.48em;margin:5px 0}.messageParagraph{margin:0 0 8px}.messageParagraph:last-child{margin-bottom:0}.chatInputDock{width:100%;max-width:430px;left:50%;bottom:var(--keyboard-offset,0px);z-index:50;padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform, bottom;background:#fff;border-radius:20px 20px 0 0;transition:none;position:fixed;transform:translate(-50%);box-shadow:0 -4px 20px #0000000d}html:not(.keyboard-open) .chatInputDock{transition:bottom .12s}.chatInputForm{align-items:flex-end;gap:10px;display:flex}.chatInputForm.roleplayActive{grid-template-rows:auto auto auto;grid-template-columns:42px 1fr 42px;align-items:center;gap:6px 10px;display:grid}.chatLabelPre{text-align:center;color:#777;grid-area:1/1/2/2;font-size:14px;font-weight:600}.chatLabelPost{text-align:center;color:#777;grid-area:3/1/4/2;font-size:14px;font-weight:600}.roleplayToggleButton{color:#e46b4a;cursor:pointer;background:#f8f4f1;border:1px solid #e46b4a66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:2px;transition:all .2s;display:flex}.chatInputForm.roleplayActive .roleplayToggleButton{grid-area:2/1/3/2;margin-bottom:0}.roleplayActionInput{box-sizing:border-box;color:#111;resize:none;scrollbar-width:none;-ms-overflow-style:none;background:#f8f4f1;border:1px solid #0003;border-radius:12px;outline:none;height:38px;padding:7px 16px;font-size:15px;font-style:normal;line-height:1.45;transition:all .2s;overflow-y:hidden}.roleplayActionInput::-webkit-scrollbar{display:none}.chatInputPre{grid-area:1/2/2/3}.chatInputPost{grid-area:3/2/4/3}.roleplayActionInput::placeholder{color:#00000059}.roleplayActionInput:focus{background:#fff;border-color:#e46b4a66}.chatInputTextarea{box-sizing:border-box;resize:none;color:#111;scrollbar-width:none;-ms-overflow-style:none;background:#f8f4f1;border:1px solid #0003;border-radius:20px;outline:none;flex:1;min-height:42px;max-height:110px;margin-bottom:2px;padding:9px 16px;font-size:16px;font-weight:450;line-height:1.45;overflow-y:auto}.chatInputTextarea::-webkit-scrollbar{display:none}.chatInputForm.roleplayActive .chatInputTextarea{grid-area:2/2/3/3;margin-bottom:0}.chatInputTextarea::placeholder{color:#00000059}.chatSendButton{color:#fff;cursor:pointer;background:linear-gradient(#ff9e7a,#ff7b54);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:2px;transition:transform .2s,background .2s,box-shadow .2s,color .2s;display:flex;box-shadow:0 4px 12px #ff764d40}.chatInputForm.roleplayActive .chatSendButton{border-radius:16px;grid-area:1/3/4/4;align-self:stretch;height:100%;margin-bottom:0}.chatSendButton:active{transform:scale(.95)}.bottomNav{z-index:11;width:100%;max-width:430px;height:calc(74px + env(safe-area-inset-bottom));padding:8px 18px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);background:#08050dc7;border-top:1px solid #f7d8c11f;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav button{color:#f7d8c173;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.bottomNav button:hover{color:#f7d8c1b3}.bottomNav button.active{color:#f0be98;text-shadow:0 0 12px #e8a1764d}.bottomNav button.active svg{filter:drop-shadow(0 0 8px #e8a17666)}:root{--mildang-normal:#ffe4d2a6;--mildang-normal-glow:#ffe4d233;--mildang-rare:#8fc7ff;--mildang-rare-glow:#8fc7ff66;--mildang-gold:#d8b46a;--mildang-gold-glow:#d8b46a66;--mildang-queen:#c7a2ff;--mildang-queen-glow:#c7a2ff66;--mildang-legend:#ff5f7e;--mildang-legend-glow:#ff5f7e66}.mildangBoundaryGauge{background:#ffffff14;height:3px;position:absolute;bottom:-10px;left:0;right:0;overflow:hidden}.mildangBoundaryGaugeFill{height:100%;width:var(--mildang-progress);background:linear-gradient(90deg, transparent 0%, var(--mildang-main) 18%, var(--mildang-main) 78%, #ffffffd1 100%);box-shadow:0 0 10px var(--mildang-glow), 0 0 22px var(--mildang-glow);transition:width .52s cubic-bezier(.22,.8,.22,1);position:relative}.mildangBoundaryGaugeFill:after{content:"";opacity:.72;background:radial-gradient(circle,#ffffffe6,#0000 68%);width:22px;height:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hiddenTraitPopupLayer{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#050308d9;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.hiddenTraitPopup{text-align:center;background:#120915;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:320px;padding:32px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards popupSlideUp;box-shadow:0 24px 60px #0009}.hiddenTraitPopup.grade-rare{border-color:#6ca6ff66;box-shadow:0 24px 60px #0009,0 0 40px #6ca6ff26}.hiddenTraitPopup.grade-gold{border-color:#ffc85766;box-shadow:0 24px 60px #0009,0 0 40px #ffc85726}.hiddenTraitPopup.grade-queen{border-color:#b266ff66;box-shadow:0 24px 60px #0009,0 0 40px #b266ff26}.hiddenTraitPopup.grade-legend{border-color:#ff4d7966;box-shadow:0 24px 60px #0009,0 0 40px #ff4d7926}.popupTitle{color:#fff1e6;margin:0 0 8px;font-size:20px;font-weight:700}.popupSubtitle{color:#fff1e699;margin:0 0 24px;font-size:13px}.popupTraitName{color:#ffb3c6;text-shadow:0 0 20px #ff4d7966;margin-bottom:16px;font-size:24px;font-weight:800}.popupDesc{color:#fff1e6cc;margin-bottom:32px;font-size:14px;line-height:1.5}.popupBtn{color:#24100b;cursor:pointer;background:linear-gradient(#ffe0ca 0%,#eda784 48%,#c77760 100%);border:1px solid #ffe8d8e0;border-radius:999px;width:100%;height:52px;font-size:16px;font-weight:700;box-shadow:0 8px 24px #e89b6b4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chatPinButton{z-index:5;color:#f7d8c199;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#08050d7a;border:1px solid #f7d8c13d;border-radius:999px;justify-content:center;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:calc(100% + 18px);left:8px}.chatPinButton.active{color:#2a100b99;background:linear-gradient(#ffd5baf2,#e89b78eb);border-color:#ffe8d8a6}.chatPopupOverlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#050308d9;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.chatPopup{text-align:center;background:#120915;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:320px;padding:32px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards popupSlideUp;box-shadow:0 24px 60px #0009}.chatPopup h2{color:#fff1e6;margin:0 0 16px;font-size:20px;font-weight:700}.chatPopup p{color:#fff1e6b3;margin:0 0 24px;font-size:14px;line-height:1.5}.chatPopupButtons{gap:12px;display:flex}.chatPopupCancelBtn{color:#fff1e6;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;flex:1;height:48px;font-size:15px;font-weight:600}.chatPopupSubmitBtn{color:#24100b;cursor:pointer;background:#e89b78;border:none;border-radius:999px;flex:1;height:48px;font-size:15px;font-weight:700}.chatReportButton{z-index:5;color:#f7d8c1a3;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#08050d7a;border:1px solid #f7d8c129;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:calc(100% + 18px);right:8px}.chatReportButton:hover{background:#08050dad}.chatReportTextarea{color:#fff1e6;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:100px;margin-bottom:24px;padding:12px;font-size:14px}.chatReportTargetInfo{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;padding:10px;font-size:14px;display:flex}.chatReportTargetLabel{color:#fff1e699}.chatReportTargetName{color:#fff1e6;font-weight:700}.chatReportTargetAge{color:#fff1e680;font-size:13px}.greetingRetryBtn{color:#ff9e7a;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:15px;font-weight:600;text-decoration:underline;transition:color .2s}.greetingRetryBtn:hover{color:#ffb8c6}.typingIndicator{color:#0009;min-height:1.48em;font-style:italic}.typingDots{margin-left:2px;display:inline-block}.typingDots span{opacity:.45;transform-origin:50%;background-color:#000000bf;border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.4s ease-in-out infinite typingDotBlink;display:inline-block}.typingDots span:first-child{animation-delay:0s}.typingDots span:nth-child(2){animation-delay:.2s}.typingDots span:nth-child(3){animation-delay:.4s}@keyframes typingDotBlink{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-2px)scale(1.3)}}@media (width<=768px){.aiBubble,.userBubble{-webkit-backdrop-filter:none;transition:none}}.chatLoadingOverlay{z-index:10;-webkit-backdrop-filter:blur(4px);background:#08050d73;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:absolute;inset:0}.chatLoadingCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff4ea0f;border:1px solid #e89b6b40;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.chatLoadingOrb{background:radial-gradient(circle at 30% 30%,#fff1e6,#e89b6b);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1.5s ease-in-out infinite alternate pulseOrb;box-shadow:0 0 30px #e89b6b99,inset 0 0 20px #ff7a9a66}.chatLoadingText{color:#fff4eab3;letter-spacing:.5px;font-size:22px}.chatLoadingSparkle{opacity:0;background:#fff1e6;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #fff1e6}.chatLoadingSparkle.s1{animation:2s ease-in-out .2s infinite twinkleSparkle;top:30px;right:30px}.chatLoadingSparkle.s2{width:6px;height:6px;animation:2.5s ease-in-out 1.1s infinite twinkleSparkle;bottom:50px;left:24px}.chatLoadingSparkle.s3{width:4px;height:4px;animation:1.8s ease-in-out .7s infinite twinkleSparkle;top:70px;left:120px}@keyframes pulseOrb{0%{opacity:.8;transform:scale(.9);box-shadow:0 0 20px #e89b6b66}to{opacity:1;transform:scale(1.1);box-shadow:0 0 40px #e89b6bcc,0 0 60px #ff7a9a4d}}@keyframes twinkleSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.chatsPage{color:#fff1e6;-ms-overflow-style:none;scrollbar-width:none;background:#08050d;border-left:1px solid #e8a17626;border-right:1px solid #e8a17626;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden auto}.chatsPage::-webkit-scrollbar{display:none}.chatsBg{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,#82506e14,#0000 40%),linear-gradient(#0a060e 0%,#150a12 50%,#07030a 100%);position:fixed;inset:0}@media (width>=768px){.chatsBg{width:430px;left:50%;right:auto;transform:translate(-50%)}}.chatsHeader{z-index:10;padding:max(24px, calc(env(safe-area-inset-top) + 16px)) 24px 16px;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0a060ee6 0%,#0a060e00 100%);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.chatsTitle{color:#fff;letter-spacing:-.5px;margin:0;padding-left:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:28px;font-weight:600}.chatsTitleSub{color:#f7d8c1a6;vertical-align:middle;font-size:.5em;font-weight:500}.chatsTitleWrapper{align-items:center;gap:8px;display:flex}.chatsHeartPill{color:#ffdcc6;background:#ffffff0f;border:1px solid #ffe4d226;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.chatsSearchContainer{z-index:2;padding:0 20px 16px;position:relative}.chatsSearchBar{-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.searchIcon{color:#f7d8c166}.chatsSearchBar input{color:#fff1e6;background:0 0;border:none;outline:none;flex:1;font-size:14px}.chatsSearchBar input::placeholder{color:#f7d8c159}.chatsList{z-index:2;flex-direction:column;gap:12px;padding:0 20px;display:flex;position:relative}.chatItemWrapper{width:100%;position:relative}.chatItemCard{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0a;border-radius:20px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.chatItemCard:active{background:#ffffff0f;transform:scale(.98)}.chatItemCard.grade-rare{border:1px solid #6ca6ff59;box-shadow:inset 0 0 16px #6ca6ff0d}.chatItemCard.grade-gold{border:1px solid #f2c94c59;box-shadow:inset 0 0 16px #f2c94c0d}.chatItemCard.grade-queen{border:1px solid #b388ff59;box-shadow:inset 0 0 16px #b388ff0d}.chatItemCard.grade-legend{border:1px solid #ff6b6b59;box-shadow:inset 0 0 16px #ff6b6b0d}.chatItemAvatarWrapper{border:1px solid #ffffff1a;border-radius:16px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.chatItemAvatar{object-fit:cover;width:100%;height:100%;display:block}.chatItemInfo{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.chatItemCard.pinned{outline-offset:-2px;outline:2px solid #ff6b00!important}.chatItemNameRow{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chatItemNameWrap{align-items:baseline;gap:12px;display:flex}.chatItemName{color:#fff1e6;letter-spacing:-.02em;font-size:18px;font-weight:600}.chatItemAge{color:#f7d8c199;font-size:14px;font-weight:500}.chatItemTime{color:#f7d8c173;flex-shrink:0;font-size:12px}.chatItemDeleteBtn{cursor:pointer;z-index:10;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:3px;right:3px}.chatItemDeleteBtnInner{background:#ffffff03;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.chatItemDeleteBtn:active .chatItemDeleteBtnInner{background:#ffffff26;transform:scale(.9)}.chatItemPreviewRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.chatItemPreview{color:#f7d8c1a6;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.chatItemUnread{color:#2a100b;background:#eba27d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 10px #eba27d66}.listPaddingBottom{height:calc(84px + env(safe-area-inset-bottom))}.emptyChats{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:40vh;display:flex}.emptyChatsTitle{color:#fff1e6;margin:0;font-size:18px;font-weight:600}.emptyChatsDesc{color:#f7d8c199;margin:0;font-size:14px}.emptyChatsBtn{color:#f7d8c1;cursor:pointer;background:#eba27d26;border:1px solid #eba27d66;border-radius:999px;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600}.chatsPagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;margin-bottom:24px;display:flex}.pageBtn{color:#fff1e6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.pageBtn:hover:not(:disabled){background:#ffffff26}.pageBtn.active{color:#2a100b;background:#eba27d;border-color:#eba27d;font-weight:700;box-shadow:0 0 10px #eba27d66}.pageBtn:disabled{opacity:.3;cursor:not-allowed}.skeleton-card{pointer-events:none;background:#ffffff05;border-color:#0000}.skeleton-avatar{background:#ffffff0d;animation:1.5s ease-in-out infinite pulse}.skeleton-text{background:#ffffff0d;border-radius:4px;animation:1.5s ease-in-out infinite pulse}.skeleton-name{width:100px;height:20px}.skeleton-time{width:40px;height:14px}.skeleton-preview{width:80%;height:16px;margin-top:4px}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.modalOverlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalContainer{text-align:center;background:#1c1222;border:1px solid #ff6b004d;border-radius:24px;width:100%;max-width:340px;padding:32px 24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalPopUp;box-shadow:0 20px 40px #00000080,inset 0 0 20px #ff6b000d}.modalTitle{color:#fff1e6;letter-spacing:-.02em;margin:0 0 16px;font-size:22px;font-weight:700}.modalDesc{color:#f7d8c1cc;word-break:keep-all;margin:0 0 28px;font-size:15px;line-height:1.5}.modalBtnGroup{gap:12px;display:flex}.modalBtnGroup.singleBtn{justify-content:center}.modalBtn{cursor:pointer;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;height:52px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.modalBtn.cancel{color:#fff1e6;background:#ffffff1a}.modalBtn.cancel:active{background:#ffffff26}.modalBtn.primary{color:#fff;background:linear-gradient(135deg,#ff8a00 0%,#ff6b00 100%);box-shadow:0 4px 16px #ff6b004d}.modalBtn.primary:active{transform:scale(.98);box-shadow:0 2px 8px #ff6b0033}.modalBtn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.nominationPage{color:#fff1e6;width:100%;max-width:430px;min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,#e89b6b29,#0000 34%),radial-gradient(circle at 82% 38%,#ff7a9a0f,#0000 32%),linear-gradient(#08050d 0%,#120915 46%,#050308 100%);margin:0 auto;position:relative;overflow-x:hidden}.nominationHeader{padding:max(24px, calc(env(safe-area-inset-top) + 16px)) 24px 0}.nomHeaderTop{justify-content:space-between;align-items:center;min-height:72px;display:flex}.nominationTitle{letter-spacing:-.065em;color:#ffdcc6;text-shadow:0 2px 18px #000000b8,0 0 24px #e89b6b29;margin:0;font-family:Noto Serif KR,serif;font-size:31px;font-weight:500;line-height:1.14}.nominationSubtitle{color:#ffe4d2ad;letter-spacing:-.03em;margin-top:14px;margin-bottom:24px;font-size:13.5px;line-height:1.6}.nominationPerks{background:#ffffff0a;border:1px solid #e89b6b2e;border-radius:22px;flex-direction:row;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:30px;padding:18px 16px;display:flex;position:relative}.perksContent{z-index:2;flex-direction:column;gap:14px;width:65%;display:flex}.perksImage{z-index:1;pointer-events:none;width:130px;height:200px;position:absolute;bottom:0;right:-5px}.perksImage img{object-fit:contain;opacity:.9;filter:drop-shadow(0 4px 12px #e89b6b4d);width:100%;height:100%}.perksBoxTitle{color:#ffe4d2e6;letter-spacing:-.02em;margin-bottom:2px;padding-left:2px;font-size:13px;font-weight:800}.perkItem{align-items:center;gap:14px;display:flex}.perkIconWrap{color:#ffdcc6;background:linear-gradient(135deg,#e89b6b40,#ff7a9a26);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 16px #e89b6b26}.perkText{flex-direction:column;gap:4px;display:flex}.perkTitle{color:#ffdcc6;letter-spacing:-.02em;font-size:14px;font-weight:700}.perkDesc{color:#ffe4d2b3;letter-spacing:-.02em;font-size:12px}.heartPill{color:#ffdcc6;-webkit-backdrop-filter:blur(12px);background:#08050d7a;border:1px solid #ffe4d238;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.nominationSlots{flex-direction:column;display:flex}.featuredPinnedCard{background:#ffffff0a;border:1px solid #e89b6b61;border-radius:34px;height:430px;margin:0 22px 18px;position:relative;overflow:hidden;box-shadow:0 34px 100px #000000ad,0 0 44px #e89b6b29,inset 0 1px #ffffff24}.featuredCardBg{filter:brightness(.9)contrast(1.03)saturate(1.04);background-position:50% 34%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.featuredPinnedCard:after{content:"";pointer-events:none;background:linear-gradient(#05030805 0%,#05030814 34%,#050308f5 100%),radial-gradient(circle at 50% 76%,#e89b6b29,#0000 42%);position:absolute;inset:0}.featuredInfo{z-index:2;position:absolute;bottom:24px;left:24px;right:24px}.featuredNameLine{align-items:baseline;display:flex}.featuredName{letter-spacing:-.07em;color:#ffe2cf;text-shadow:0 3px 18px #000000d9;font-family:Noto Serif KR,serif;font-size:34px;font-weight:500;line-height:1}.featuredAge{color:#ffe4d2b8;margin-left:6px;font-size:14px}.featuredTagRow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.featuredTag{color:#ffeee1db;-webkit-backdrop-filter:blur(8px);background:#08050d7a;border:1px solid #ffe4d224;border-radius:999px;padding:6px 10px;font-size:12px}.featuredTalkButton{color:#24100b;cursor:pointer;background:linear-gradient(#ffe0ca 0%,#eca27f 46%,#c77760 100%);border:1px solid #ffe8d8db;border-radius:999px;width:100%;height:54px;margin-top:18px;font-size:17px;font-weight:900;box-shadow:0 0 34px #e89b6b61,0 16px 36px #00000057,inset 0 1px #ffffffa6,inset 0 -12px 22px #682a212e}.featuredRemoveButton{z-index:3;color:#ffe4d2a3;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#08050d61;border:1px solid #ffe4d229;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:18px;right:18px}.featuredEmptySlot{cursor:pointer;background:radial-gradient(circle at 50% 34%,#e89b6b24,#0000 38%),linear-gradient(#ffffff0e,#ffffff05);border:1px dashed #ffe4d233;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;height:430px;margin:0 22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 68px #00000080,inset 0 1px #ffffff14}.secondarySlotGrid,.lockedSlotGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;padding:0 22px;display:grid}.lockedSlotGrid{margin-bottom:0}.pinnedCard{background:#ffffff09;border:1px solid #e89b6b57;border-radius:27px;height:292px;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000094,0 0 28px #e89b6b1f,inset 0 1px #ffffff1f}.pinnedCardBg{filter:brightness(.88)contrast(1.02)saturate(1.02);background-position:50% 36%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.pinnedCard:after{content:"";pointer-events:none;background:linear-gradient(#05030805 0%,#05030829 40%,#050308f0 100%);position:absolute;inset:0}.pinnedInfo{z-index:2;position:absolute;bottom:14px;left:14px;right:14px}.pinnedNameLine{align-items:baseline;display:flex}.pinnedName{color:#ffe2cf;letter-spacing:-.065em;text-shadow:0 2px 14px #000000d9;font-family:Noto Serif KR,serif;font-size:24px;font-weight:500;line-height:1}.pinnedAge{color:#ffe4d2b8;margin-left:5px;font-size:12px}.tagRow{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.tag{color:#ffeee1db;-webkit-backdrop-filter:blur(8px);background:#08050d7a;border:1px solid #ffe4d224;border-radius:999px;padding:5px 7px;font-size:10px}.talkButton{color:#2a100b;cursor:pointer;background:linear-gradient(#ffe0ca 0%,#eda784 48%,#c77760 100%);border:1px solid #ffe8d8d1;border-radius:999px;width:100%;height:42px;margin-top:12px;font-size:15px;font-weight:850;box-shadow:0 0 24px #e89b6b59,0 12px 26px #00000047,inset 0 1px #ffffff9e,inset 0 -12px 22px #682a2129}.removeButton{z-index:3;color:#ffe4d2a3;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#08050d61;border:1px solid #ffe4d229;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;right:12px}.emptySlot,.lockedSlot{background:radial-gradient(circle at 50% 34%,#e89b6b24,#0000 38%),linear-gradient(#ffffff0e,#ffffff05);border:1px solid #e89b6b33;border-radius:27px;height:292px;position:relative;overflow:hidden;box-shadow:0 24px 68px #00000080,inset 0 1px #ffffff14}.emptySlot{cursor:pointer;border-style:dashed;border-color:#ffe4d233;flex-direction:column;justify-content:center;align-items:center;display:flex}.emptyContent{text-align:center;opacity:.8;padding:16px}.emptyPlus{color:#ffe4d299;margin-bottom:12px;font-size:28px;display:block}.emptyTitle{color:#ffe2cf;margin-bottom:6px;font-family:Noto Serif KR,serif;font-size:16px}.emptyDesc{color:#ffe4d280;font-size:12px;line-height:1.4}.lockedSlot:before{content:"";filter:blur();background:radial-gradient(circle at 50% 36%,#ffd8c01f,#0000 32%),linear-gradient(#ffffff0a,#0000002e);position:absolute;inset:0}.lockIconCircle{-webkit-backdrop-filter:blur(14px);background:#08050d70;border:1px solid #ffe4d238;border-radius:999px;justify-content:center;align-items:center;width:76px;height:76px;margin:60px auto 22px;display:flex;position:relative;box-shadow:0 0 36px #e89b6b2e,inset 0 1px #ffffff1a}.lockedTitle{text-align:center;color:#ffdcc6;font-family:Noto Serif KR,serif;font-size:18px;position:relative}.lockedSub{text-align:center;color:#ffe4d294;margin-top:8px;font-size:13px;position:relative}.costPill{color:#ffdcc6;background:#08050d5c;border:1px solid #e89b6b47;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-width:90px;height:34px;margin:18px auto 0;padding:0 18px;font-size:14px;font-weight:600;display:flex;position:relative}.nominationInfoCard{-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff12,#ffffff06);border:1px solid #e89b6b38;border-radius:26px;align-items:center;gap:16px;margin:24px 22px;padding:20px;display:flex;box-shadow:0 22px 60px #0000006b,inset 0 1px #ffffff1a}.infoIconWrap{background:radial-gradient(circle,#e89b6b26 0%,#0000 70%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.infoTextWrap{flex:1}.infoTextWrap h3{color:#ffe2cf;margin:0 0 6px;font-size:15px;font-weight:600}.infoTextWrap p{color:#ffe4d299;margin:0;font-size:12px;line-height:1.4}.chargeButton{color:#ffdcc6;cursor:pointer;white-space:nowrap;background:#08050db3;border:1px solid #ffe4d240;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600}.lockedSlot,.emptySlot{transition:transform .15s,border-color .15s,box-shadow .15s,opacity .15s,background .15s}.lockedSlot.purchasable{cursor:pointer}.lockedSlot.purchasable:hover{border-color:#e89b6b66;transform:translateY(-2px);box-shadow:0 26px 74px #0000008c,inset 0 1px #ffffff1f,0 0 12px #e89b6b26}.lockedSlot.purchasable:hover .lockIconCircle{border-color:#ffe4d266}.lockedSlot.purchasable:hover .costPill{opacity:1}.lockedSlot.purchasable:active{transform:scale(.98)}.lockedSlot.purchasable:focus-visible{outline-offset:4px;outline:2px solid #e89b6bcc}.lockedSlot.notPurchasable{opacity:.5;cursor:not-allowed}.lockedSlot.notPurchasable:hover{border-color:#e89b6b40}.lockedSlot.notPurchasable:active{opacity:.45;transform:scale(.995)}.emptySlot:hover{background:radial-gradient(circle at 50% 34%,#e89b6b2e,#0000 38%),linear-gradient(#fff1,#ffffff06);border-color:#ffe4d266}.emptySlot:hover .emptyPlus{color:#ffe4d2cc}.emptySlot:active{transform:scale(.985)}.emptySlot:focus-visible{outline-offset:4px;outline:2px solid #ffe4d299}@media (prefers-reduced-motion:reduce){.lockedSlot,.emptySlot{transition:none}.lockedSlot.purchasable:hover{transform:none}.lockedSlot.purchasable:active{opacity:.8;transform:none}}.destinyPage{color:#fff1e6;width:100%;max-width:430px;min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));background:radial-gradient(circle at 82% 38%,#ff7a9a0f,#0000 32%),linear-gradient(#0a0610 0%,#120915 46%,#050308 100%);margin:0 auto;position:relative;overflow-x:hidden}.destinyHeader{padding:max(16px, calc(env(safe-area-inset-top) + 16px)) 24px 8px;text-align:center;position:relative}.destinyTopRow{justify-content:space-between;align-items:center;width:100%;min-height:72px;display:flex}.destinyHeartWrapper{justify-content:flex-end;display:flex}.destinyHeartPill{color:#ffdcc6;-webkit-backdrop-filter:blur(12px);z-index:20;background:#08050d7a;border:1px solid #ffe4d238;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.destinyTitleRow{justify-content:center;align-items:center;gap:4px;display:flex}.titleOrnament{color:#ffdcc699;font-size:18px}.destinyTitle{letter-spacing:-.075em;color:#ffdcc6;text-shadow:0 2px 20px #000000c7,0 0 28px #e89b6b38;margin:0;font-family:Noto Serif KR,serif;font-size:26px;font-weight:500;line-height:1}.destinySubtitle{color:#ffe4d2b8;letter-spacing:-.03em;text-align:left;margin-top:-9px;margin-bottom:0;margin-left:10px;font-size:15px}.destinyContent{flex-direction:column;display:flex}.destinyDeck{perspective:1100px;justify-content:center;align-items:center;height:380px;margin-top:10px;margin-bottom:18px;display:flex;position:relative;overflow:visible}.destinyCard.grade-rare{--grade-main:#6ca6ff;--grade-soft:#6ca6ff73;--grade-glow:#6ca6ff80;--grade-bg:#6ca6ff40}.destinyCard.grade-gold{--grade-main:#ffc857;--grade-glow:#ffc85766;--grade-bg:#ffc85726;--grade-soft:#ffc85740}.destinyCard.grade-queen{--grade-main:#b266ff;--grade-soft:#b266ff73;--grade-glow:#b266ff80;--grade-bg:#b266ff40}.destinyCard.grade-legend{--grade-main:#ff4d79;--grade-soft:#ff4d7973;--grade-glow:#ff4d798c;--grade-bg:#ff4d794d}.destinyCard{-webkit-backdrop-filter:blur(22px);background-color:#0a0610;border:1px solid #ffc85773;border-radius:20px;width:236px;height:344px;transition:transform .3s;position:absolute;overflow:hidden;box-shadow:0 16px 40px #00000080,inset 0 1px #ffc85766}.destinyCardImage{object-fit:cover;opacity:.6;filter:grayscale(20%)brightness(.6)contrast(1.1);z-index:0;width:100%;height:100%;position:absolute;inset:0}.destinyCard.main .destinyCardImage{opacity:.7;filter:grayscale(30%)brightness(.4)contrast(1.1)blur(3px)}.destinyCardOverlay{background:linear-gradient(180deg, var(--grade-bg) 0%, #050308d9 100%), radial-gradient(circle at 50% 36%, var(--grade-soft), transparent 80%);z-index:1;pointer-events:none;position:absolute;inset:0}.destinyCard.main{z-index:10;transform:translate(0)scale(1)}.destinyCard.main.grade-gold{box-shadow:0 38px 110px #000000a8, 0 0 54px var(--grade-glow), inset 0 2px 4px #fff6, inset 0 20px 40px var(--grade-soft);border:1px solid #ffc857cc}.destinyCard.main:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffe4d21f;border-radius:24px;position:absolute;inset:16px}.destinySparkleLayer{pointer-events:none;opacity:.8;z-index:2;background:radial-gradient(circle at 22% 28%,#ffdcc652 0 1px,#0000 2px),radial-gradient(circle at 76% 22%,#ffdcc638 0 1px,#0000 2px),radial-gradient(circle at 68% 72%,#ffdcc63d 0 1px,#0000 2px),radial-gradient(circle at 30% 78%,#ffdcc62e 0 1px,#0000 2px);position:absolute;inset:0}.destinyMiniPattern{pointer-events:none;opacity:.72;background:radial-gradient(circle at 22% 26%, var(--grade-main) 0 1px, transparent 2px), radial-gradient(circle at 76% 22%, var(--grade-main) 0 1px, transparent 2px), radial-gradient(circle at 64% 72%, var(--grade-main) 0 1px, transparent 2px), radial-gradient(circle at 30% 78%, var(--grade-main) 0 1px, transparent 2px), linear-gradient(145deg, transparent 0%, #ffffff0d 48%, transparent 100%);mix-blend-mode:screen;z-index:2;position:absolute;inset:0}.pulseAnim .destinyCard.main{box-shadow:0 38px 110px #000c, 0 0 60px var(--grade-glow), inset 0 1px 0 #fff3;transform:scale(1.03)}.destinyCard.back1{z-index:4;opacity:.7;transform:translate(-72px)scale(.85)}.destinyCard.back2{z-index:4;opacity:.7;transform:translate(72px)scale(.85)}.destinyCard.back3{z-index:2;opacity:.45;transform:translate(-132px)scale(.72)}.destinyCard.back4{z-index:2;opacity:.45;transform:translate(132px)scale(.72)}.gradePill{letter-spacing:-.03em;z-index:3;height:32px;color:var(--grade-main);border:1px solid color-mix(in srgb, var(--grade-main) 60%, transparent);background:linear-gradient(180deg, #ffffff1a, #ffffff05), radial-gradient(circle at 50% 0%, var(--grade-soft), #0006 80%);box-shadow:0 0 18px var(--grade-glow), inset 0 1px 0 #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:12px;font-weight:700;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%)}.gradeIcon{color:var(--grade-main);text-shadow:0 0 10px var(--grade-glow)}.destinyLockCircle{z-index:3;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.magicCircleSvg{pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px #ffc85780);width:140px;height:140px;animation:40s linear infinite spinSlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinSlow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.lockIcon{z-index:2;filter:drop-shadow(0 0 16px #ffc857d9);position:relative}.destinyCardText{text-align:center;z-index:3;position:absolute;bottom:34px;left:20px;right:20px}.destinyCardTitle{color:#ffdcc6;letter-spacing:-.06em;font-family:Noto Serif KR,serif;font-size:22px}.grade-gold .destinyCardTitle{color:var(--grade-main)}.destinyCardSub{color:#ffe4d2a8;letter-spacing:-.03em;margin-top:8px;font-size:13px}.freeChanceBox{text-align:center;justify-content:center;align-items:center;min-height:52px;margin:0 26px 10px;display:flex}.freeChanceInner{align-items:center;gap:12px;display:flex}.statusTextWrap{text-align:left;flex-direction:column;display:flex}.statusMain{color:#fff1e6;letter-spacing:-.03em;font-size:15px}.statusMain strong{color:#f0be98;font-size:18px;font-weight:700}.statusSub{color:#f7d8c180;letter-spacing:-.03em;margin-top:4px;font-size:11px}.destinyCta{color:#24100b;letter-spacing:-.05em;cursor:pointer;background:linear-gradient(#ffe0ca 0%,#eda784 48%,#c77760 100%);border:1px solid #ffe8d8e0;border-radius:999px;width:calc(100% - 52px);height:68px;margin:0 26px;font-size:23px;font-weight:900;box-shadow:0 0 44px #e89b6b6b,0 16px 42px #00000075,inset 0 1px #ffffffa6,inset 0 -14px 24px #682a212e}.destinyNotice{color:#f7d8c180;letter-spacing:-.03em;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:13px;display:flex}.legendHint{text-align:center;color:#ff7a9ab8;text-shadow:0 0 14px #ff4e7a2e;margin:12px 26px 0;font-size:12px}.difficultyBox{color:#ffe4d2c2;background:#ffffff06;border:1px solid #ffe4d21f;border-radius:999px;justify-content:space-between;align-items:center;height:54px;margin:0 26px 20px;padding:0 18px;display:flex}.diffLevel{letter-spacing:-.03em;align-items:center;gap:12px;font-size:16px;display:flex}.diffStars{gap:2px;display:flex}.diffHelpBtn{color:#ffe4d280;cursor:pointer;letter-spacing:-.03em;background:0 0;border:none;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex}.revealedMode{background:radial-gradient(circle at 50% 10%,#f6c9821a,#0000 34%),radial-gradient(circle at 80% 42%,#783a501f,#0000 34%),linear-gradient(#08050d 0%,#120915 44%,#050308 100%)}.revealedContent{align-items:center;padding-top:6px}.revealedCardWrap{perspective:1200px;justify-content:center;width:100%;margin:2px 0 10px;display:flex}.revealedCard{--legend-gold:#f6c982;--legend-gold-soft:#f6c9822e;--legend-gold-glow:#f6c98247;--legend-rose:#96364a2e;background:radial-gradient(circle at 50% 12%,#f6c9821c,#0000 38%) padding-box padding-box,linear-gradient(#130b12 0%,#060308 100%) padding-box padding-box,linear-gradient(145deg,#f3d270 0%,#d4af37 45%,#aa801e 100%) border-box;border:3px solid #0000;border-radius:32px;width:min(340px,100vw - 48px);height:580px;animation:.62s cubic-bezier(.16,1,.3,1) forwards revealFadeUp;position:relative;overflow:hidden;box-shadow:0 34px 110px #000000c7,0 0 52px #e6b8004d,0 0 80px #96364a1a,inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff09}.destinySpinStage{align-items:center;width:100%;height:380px;margin-top:20px;display:flex;position:relative;overflow:hidden}.destinySpinStage:before,.destinySpinStage:after{content:"";z-index:5;pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.destinySpinStage:before{background:linear-gradient(90deg,#08050d,#0000);left:0}.destinySpinStage:after{background:linear-gradient(270deg,#08050d,#0000);right:0}.spinCenterGlow{z-index:4;pointer-events:none;border:1px solid #f6c98257;border-radius:30px;width:220px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 46px #f6c9822e,inset 0 1px #ffffff1a}.spinTrack{will-change:transform;align-items:center;gap:14px;height:100%;display:flex;position:absolute;top:0;left:50%}.spinTrack.spinning{animation:1.5s cubic-bezier(.5,0,1,1) forwards destinySpinFast}.spinTrack.slowing{animation:2.5s cubic-bezier(.1,.9,.2,1) forwards destinySpinSlow}@keyframes destinySpinFast{0%{filter:blur();transform:translate(-86px)}20%{filter:blur(3px)}to{filter:blur(5px);transform:translate(-6000px)}}@keyframes destinySpinSlow{0%{filter:blur(5px);transform:translate(-6000px)}80%{filter:blur(.5px)}to{filter:blur();transform:translate(-9386px)}}.spinCard{background:radial-gradient(circle at 50% 32%, var(--grade-soft), transparent 38%), linear-gradient(180deg, #ffffff14, #ffffff05);height:260px;box-shadow:0 24px 70px #0000008c, 0 0 32px var(--grade-glow);border:1px solid #f6c98247;border-radius:24px;flex:0 0 172px;position:relative;overflow:hidden}.spinCard .card-media-element{object-fit:cover;object-position:center 32%;filter:brightness(.58)saturate(1.02);width:100%;height:100%}.spinCard:after{content:"";background:linear-gradient(#0503082e,#050308b8);position:absolute;inset:0}.spinGradePill{z-index:2;height:28px;color:var(--grade-main);border:1px solid var(--grade-main);white-space:nowrap;background:#08050d7a;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:11px;font-weight:800;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.spinCardName{z-index:2;color:#fff1e6;text-align:center;font-family:Noto Serif KR,serif;font-size:22px;position:absolute;bottom:16px;left:14px;right:14px}.spinCard.grade-rare,.destinyCard.grade-rare{--grade-main:#8fc7ff;--grade-soft:#8fc7ff2e;--grade-glow:#8fc7ff38}.spinCard.grade-gold,.destinyCard.grade-gold{--grade-main:#d8b46a;--grade-soft:#d8b46a2e;--grade-glow:#d8b46a38}.spinCard.grade-queen,.destinyCard.grade-queen{--grade-main:#c7a2ff;--grade-soft:#c7a2ff2e;--grade-glow:#b16fff42}.spinCard.grade-legend,.destinyCard.grade-legend{--grade-main:#ff7a9a;--grade-soft:#ff7a9a2e;--grade-glow:#ff4e7a47}.revealFlash{z-index:50;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0%,#ffe196f2 5%,#0000 30%);width:200vmax;height:200vmax;animation:.4s ease-out forwards revealFlashPulse;position:fixed;top:44%;left:50%}.revealFlash--rare{background:radial-gradient(circle,#fff 0%,#8fc7ffe6 5%,#8fc7ff66 15%,#0000 35%);animation:.4s ease-out forwards flashRare}.revealFlash--gold{background:radial-gradient(circle,#fff 0%,#f6c982f2 8%,#f6c98280 20%,#0000 40%);animation:.45s ease-out forwards flashGold}.revealFlash--queen{background:radial-gradient(circle,#fff 0%,#c7a2fff2 10%,#a25bff80 25%,#0000 45%);animation:3s cubic-bezier(.2,0,.8,1) forwards flashQueen}.revealFlash--legend{background:radial-gradient(circle,#fff 0%,#ff5f7e 12%,#d9365fcc 30%,#0000 50%);animation:6s cubic-bezier(.2,0,.8,1) forwards flashLegend}@keyframes flashRare{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}30%{opacity:1;filter:brightness(1.1);transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}@keyframes flashGold{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}30%{opacity:1;filter:brightness(1.2);transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes flashQueen{0%{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(0)}5%{opacity:1;filter:brightness(1.5);transform:translate(-50%,-50%)scale(.04)}60%{opacity:1;filter:brightness(2);transform:translate(-50%,-50%)scale(.2)}66%{opacity:1;filter:brightness(2.5)contrast(1.2);transform:translate(-50%,-50%)scale(1.5)}75%{opacity:.9;filter:brightness(1.8);transform:translate(-50%,-50%)scale(2)}to{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(3)}}@keyframes flashLegend{0%{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(0)}3%{opacity:1;filter:brightness(1.5);transform:translate(-50%,-50%)scale(.04)}78%{opacity:1;filter:brightness(2.5);transform:translate(-50%,-50%)scale(.25)}83%{opacity:1;filter:brightness(3)contrast(1.5);transform:translate(-50%,-50%)scale(2)}90%{opacity:.9;filter:brightness(2);transform:translate(-50%,-50%)scale(3)}to{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(4)}}@keyframes revealFlashPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}30%{opacity:1;filter:brightness(1.3);transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.legendCongratsLayer{z-index:99999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legendCongratsText{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;transform:translateY(-16vh)}.legendCongratsLine{color:#ff5f7e;text-shadow:0 0 16px #ff5f7edb,0 0 42px #ff4e7a85,0 0 90px #ff4e7a3d,0 3px 18px #000000eb;opacity:0;font-family:Dancing Script,Brush Script MT,cursive;font-size:clamp(52px,15vw,82px);line-height:.92;animation:4.2s ease-out forwards legendCongratsFloat}.legendCongratsLine.line2{color:#ffd3dd;font-size:clamp(44px,12vw,68px);animation-delay:.16s}@keyframes legendCongratsFloat{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(1.03)}16%{opacity:1;filter:blur();transform:translateY(0)scale(1)}72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(8px);transform:translateY(-12px)scale(1.01)}}.revealedCard:before{content:"";z-index:4;pointer-events:none;border:1px solid #ffe4d21b;border-radius:25px;position:absolute;inset:13px}.revealedCard:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.58;background:linear-gradient(135deg,#ffffff1a 0%,#0000 28% 68%,#f6c9820f 100%),radial-gradient(circle at 50% 20%,#f6c9821a,#0000 36%);position:absolute;inset:0}@keyframes revealFadeUp{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.965)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.revealedImage{object-fit:cover;object-position:center 15%;filter:brightness(.95)contrast(1.08)saturate(1.06);z-index:0;width:100%;height:506px;position:absolute;top:0;left:0;transform:scale(1.025);-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.revealedOverlay{z-index:1;background:linear-gradient(#0503080f 0%,#0503081a 30%,#05030861 56%,#050308eb 100%),radial-gradient(circle at 50% 68%,#f6c98221,#0000 42%),radial-gradient(circle at 50% 100%,#000000b8,#0000 54%);position:absolute;inset:0}.revealedCard .destinySparkleLayer{opacity:.42;z-index:2;mix-blend-mode:screen}.revealedCard .gradePill{color:#f6c982;letter-spacing:-.035em;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff17,#ffffff06),#08050d8a;border:1px solid #f6c98275;border-radius:999px;height:34px;padding:0 18px;font-size:12px;font-weight:800;top:22px;transform:translate(-50%);box-shadow:0 0 24px #f6c98238,inset 0 1px #ffffff24}.revealedCard .gradeIcon{color:#f6c982;text-shadow:0 0 10px #f6c98252;font-size:12px}.revealedInfo{z-index:5;text-align:center;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#120a116b,#07040aa3);border:1px solid #f6c98229;border-radius:22px;flex-direction:column;align-items:center;width:auto;padding:14px 14px 12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff14}.revName{color:#fff1e6;letter-spacing:-.075em;text-shadow:0 3px 18px #000000d1,0 0 20px #f6c9821f;margin:0;font-family:Noto Serif KR,serif;font-size:36px;font-weight:500;line-height:1}.destinyCard.main.grade-gold{box-shadow:0 16px 40px #000c,0 0 40px #f6c98233}.revAge{color:#fff1e6c7;letter-spacing:-.03em;margin-left:4px;font-size:18px;font-weight:400}.revDivider{background:linear-gradient(90deg,#0000,#f6c982b8,#0000);border-radius:999px;width:36px;height:2px;margin:8px 0;box-shadow:0 0 14px #f6c98233}.revCatchphrase{color:#ffeadaeb;letter-spacing:-.045em;margin:0 0 6px;font-size:14px;font-weight:650;line-height:1.3}.revStory{color:#ffe4d2a3;letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:248px;margin:0 0 10px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.revTags{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:10px;display:flex}.revTagPill{color:#ffebdce6;letter-spacing:-.035em;background:linear-gradient(#fff1,#ffffff05),#0000004d;border:1px solid #f6c9823d;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10.5px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 0 14px #f6c9820f}.revTagPill:before{content:"";background:#f6c982;border-radius:999px;width:4px;height:4px;box-shadow:0 0 8px #f6c98273}.tagIcon{display:none}.revDifficulty{background:#ffffff06;border:1px solid #ffe4d212;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:28px;margin-bottom:8px;padding:0 10px;display:flex}.revDifficulty .diffLabel{color:#ffe4d2b3;letter-spacing:-.035em;font-size:11.5px}.revDifficulty .diffStars{align-items:center;gap:2px;display:flex}.revDifficulty .diffStars svg{width:12px;height:12px}.revTimerLine{display:none}.revTimer{color:#ffe4d2a8;letter-spacing:-.01em;align-items:center;gap:4px;font-size:11.5px;display:flex}.revealedActions{flex-direction:column;align-items:center;width:100%;margin-top:4px;display:flex}.revealedActions .destinyCta{color:#23100b;letter-spacing:-.055em;background:linear-gradient(#ffe4d0 0%,#f0aa87 45%,#c8745c 100%);border:1px solid #ffe8d8e0;border-radius:999px;width:calc(100% - 52px);height:66px;margin:0 26px;font-size:22px;font-weight:900;box-shadow:0 0 42px #e89b6b66,0 14px 38px #0000006b,inset 0 1px #ffffffad,inset 0 -14px 24px #682a212e}.btnSendAway{color:#ffe4d2b8;cursor:pointer;letter-spacing:-.035em;background:0 0;border:none;align-items:center;gap:4px;margin-top:18px;font-size:14.5px;display:flex}.btnSendAway .chevron{opacity:.68;font-size:12px}.revealedActions .destinyNotice{color:#ffe4d299;margin-top:15px;font-size:12.8px}.premiumModalBackdrop{z-index:80;-webkit-backdrop-filter:blur(12px);background:#0000009e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.premiumInfoModalContainer{width:min(360px,100vw - 40px);position:relative}.difficultyModalImage,.oddsModalImage{z-index:20;pointer-events:none;filter:drop-shadow(0 8px 16px #00000080);width:100px;height:auto;position:absolute;top:-50px;right:-10px}.premiumInfoModal{color:#fff1e6;-ms-overflow-style:none;scrollbar-width:none;background:radial-gradient(circle at 50% 0,#f6c9821f,#0000 36%),linear-gradient(#120a16f5,#07040af0);border:1px solid #f6c9823d;border-radius:28px;width:100%;max-height:min(76vh,620px);padding:24px 22px 20px;overflow-y:auto;box-shadow:0 34px 100px #000000b8,0 0 42px #f6c98224,inset 0 1px #ffffff1a}.premiumInfoModal::-webkit-scrollbar{display:none}.modalKicker{text-align:center;letter-spacing:.18em;color:#f6c982b8;margin-bottom:10px;font-size:10px}.premiumInfoModal h2{text-align:center;letter-spacing:-.065em;color:#ffdcc6;margin:0;font-family:Noto Serif KR,serif;font-size:27px;font-weight:500}.modalLead{text-align:center;color:#fff1e6db;letter-spacing:-.035em;margin:14px 0 0;font-size:15px;line-height:1.58}.modalBody{text-align:center;color:#ffe4d2a3;letter-spacing:-.03em;margin:16px 0 0;font-size:13px;line-height:1.6}.difficultyGuideList,.oddsList{flex-direction:column;gap:10px;margin-top:18px;display:flex}.difficultyGuideItem,.oddsRow{background:#ffffff0b;border:1px solid #f6c9821f;border-radius:18px;padding:13px 14px;box-shadow:inset 0 1px #ffffff0f}.difficultyStars{color:#f6c982;letter-spacing:.03em;font-size:13px}.difficultyItemTitle{color:#fff1e6eb;margin-top:5px;font-size:14px;font-weight:750}.difficultyItemDesc{color:#ffe4d294;margin-top:4px;font-size:12px;line-height:1.45}.oddsRow{grid-template-columns:74px 1fr 44px;align-items:center;gap:10px;display:grid}.oddsLabel{font-size:13px;font-weight:800}.oddsBarTrack{background:#ffffff13;border-radius:999px;height:7px;overflow:hidden}.oddsBarFill{border-radius:inherit;background:currentColor;height:100%;box-shadow:0 0 14px}.oddsPercent{text-align:right;color:#fff1e6e0;font-size:13px;font-weight:800}.oddsRare{color:#8fc7ff}.oddsGold{color:#f6c982}.oddsQueen{color:#c7a2ff}.oddsLegend{color:#ff7a9a}.modalFootnote{text-align:center;color:#ffe4d27a;letter-spacing:-.03em;border-top:1px solid #ffe4d21a;margin:18px 0 0;padding-top:14px;font-size:11.5px;line-height:1.55}.premiumModalConfirm{color:#23100b;letter-spacing:-.045em;background:linear-gradient(#ffe4d0 0%,#f0aa87 45%,#c8745c 100%);border:1px solid #ffe8d8db;border-radius:999px;width:100%;height:52px;margin-top:18px;font-size:16px;font-weight:900;box-shadow:0 0 30px #e89b6b57,inset 0 1px #ffffff9e,inset 0 -10px 20px #682a2129}.destinyRevealPage{background:radial-gradient(circle at 50% 10%,#f6c9821f,#0000 38%),radial-gradient(circle at 80% 42%,#783a5024,#0000 38%),linear-gradient(#060309 0%,#110814 44%,#040206 100%);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.destinyRevealHeader{padding:max(16px, calc(env(safe-area-inset-top) + 16px)) 24px 0;text-align:center;z-index:10;position:relative}.destinyRevealTitle{color:#fff1e6;letter-spacing:-.065em;text-shadow:0 0 16px #f6c98238;margin-bottom:4px;font-family:Noto Serif KR,serif;font-size:25px;font-weight:500}.destinyRevealSubtitle{color:#fff1e6c2;letter-spacing:-.035em;text-align:left;margin-top:-9px;margin-bottom:0;margin-left:10px;font-size:14.5px}.destinyRevealPage .destinyContent{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;margin-top:0;display:flex}.destinyResultCardWrapper{perspective:1200px;justify-content:center;width:100%;margin:0 0 16px;display:flex}.destinyResultCard{background:#000;border:1px solid #0000;border-radius:28px;width:min(360px,100vw - 32px);height:calc(100svh - 140px);max-height:800px;animation:.65s cubic-bezier(.16,1,.3,1) forwards destinyRevealFadeUp;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000d9,inset 0 1px #ffffff1f}@keyframes destinyRevealFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(24px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.destinyResultCard:before{content:"";z-index:4;border-radius:inherit;border:var(--grade-border-width,2px) solid var(--grade-border);box-shadow:inset 0 0 40px var(--grade-glow-inner), 0 0 40px var(--grade-glow-outer);pointer-events:none;position:absolute;inset:0}.destinyResultCard:after{content:"";z-index:5;pointer-events:none;border:1px solid #ffffff24;border-radius:20px;position:absolute;inset:12px}.destinyResultCard--rare{--grade-main:#8fc7ff;--grade-border:#8fc7ff73;--grade-glow-inner:#8fc7ff29;--grade-glow-outer:#8fc7ff38;--grade-bg-tint:#8fc7ff0f;--grade-border-width:2px}.destinyResultCard--gold{--grade-main:#f6c982;--grade-border:#f6c9828c;--grade-glow-inner:#f6c9822e;--grade-glow-outer:#f6c98259;--grade-bg-tint:#f6c9821f;--grade-border-width:3px}.destinyResultCard--queen{--grade-main:#c7a2ff;--grade-border:#c7a2ffa6;--grade-glow-inner:#b16fff38;--grade-glow-outer:#b16fff73;--grade-bg-tint:#b16fff24;--grade-border-width:4px}.destinyResultCard--legend{--grade-main:#ff5f7e;--grade-border:#ff5f7eb8;--grade-glow-inner:#ff5f7e2e;--grade-glow-outer:#ff4e7a57;--grade-bg-tint:#370816b8}.destinyResultCard--legend:before,.destinyResultCard--legend:after{display:none!important}.legendFrameOverlay{z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 60px #d9365f66,inset 0 0 40px #ff5f7e40,inset 0 0 120px #8f203826}.legendFrameOverlay:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffb4c3 0%,#d9365f 15%,#8f2038 35%,#370816 50%,#8f2038 65%,#d9365f 85%,#ffb4c3 100%);padding:6px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000080;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.legendFrameInner{border:1px solid #ffb4c359;border-radius:18px;position:absolute;inset:12px;box-shadow:inset 0 0 15px #ff5f7e33,0 0 6px #ffb4c333,inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0006}.legendCorner{filter:drop-shadow(0 4px 6px #2a0e18b3)drop-shadow(0 0 8px #ff4e7a99);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23FFB4C3' stroke-width='2.5' d='M2,98 L2,30 Q2,2 30,2 L98,2'/%3E%3Cpath fill='none' stroke='%23D9365F' stroke-width='1.5' d='M10,90 L10,38 Q10,10 38,10 L90,10'/%3E%3Cpath fill='%238F2038' stroke='%23FF5F7E' stroke-width='1' d='M18,50 C18,25 25,18 50,18 L50,28 C30,28 28,30 28,50 Z'/%3E%3Ccircle cx='18' cy='18' r='6' fill='%23D9365F' stroke='%23FFB4C3' stroke-width='1.5'/%3E%3Ccircle cx='35' cy='35' r='3' fill='%23FFB4C3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:52px;height:52px;position:absolute}.legendCorner.top-left{top:7px;left:7px}.legendCorner.top-right{top:7px;right:7px;transform:scaleX(-1)}.legendCorner.bottom-left{bottom:7px;left:7px;transform:scaleY(-1)}.legendCorner.bottom-right{bottom:7px;right:7px;transform:scale(-1)}.legendSparkle{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite alternate legendTwinkle;position:absolute;box-shadow:0 0 10px 3px #ffb4c3,0 0 20px 6px #ff5f7e}.legendSparkle:before,.legendSparkle:after{content:"";background:#fffc;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legendSparkle:before{width:20px;height:1px}.legendSparkle:after{width:1px;height:20px}.legendSparkle.sp-1{top:46px;right:-3px}.legendSparkle.sp-2{animation-delay:1s;bottom:130px;left:-3px}@keyframes legendTwinkle{0%{opacity:.4;transform:scale(.5)rotate(0)}to{opacity:1;transform:scale(1.4)rotate(45deg)}}.legendJewel{background:linear-gradient(135deg,#ffb4c3 0%,#d9365f 40%,#8f2038 100%);border-radius:50%;width:40px;height:40px;padding:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #2a0e18e6,0 0 20px #ff4e7ab3}.legendJewelCore{background:radial-gradient(circle at 30% 25%,#fff 0%,#ffb4c3 15%,#d9365f 45%,#8f2038 75%,#2a0e18 100%);border:1px solid #ffb4c399;border-radius:50%;width:100%;height:100%;box-shadow:inset -4px -4px 8px #2a0e18e6,inset 2px 2px 6px #fff9}.destinyResultCard--legend .destinyBadge{color:#ffb4c3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#370816 0%,#1a040a 100%);border:1px solid #d9365f;box-shadow:0 4px 12px #370816cc,inset 0 1px 1px #ffb4c34d,inset 0 -10px 15px #d9365f40}.destinyResultCard--queen:before,.destinyResultCard--queen:after{display:none!important}.queenFrameOverlay{z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 30px #a25bff40,inset 0 0 20px #c7a2ff26,inset 0 0 80px #5917b01a}.queenFrameOverlay:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#ead6ff 0%,#a25bff 15%,#5917b0 35%,#260554 50%,#5917b0 65%,#a25bff 85%,#ead6ff 100%);padding:6px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000080;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.queenFrameInner{border:1px solid #e2cfff59;border-radius:18px;position:absolute;inset:12px;box-shadow:inset 0 0 15px #c7a2ff33,0 0 6px #e2cfff33,inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0006}.queenCorner{filter:drop-shadow(0 4px 6px #260554b3)drop-shadow(0 0 8px #b16fff99);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23EAD6FF' stroke-width='2.5' d='M2,98 L2,30 Q2,2 30,2 L98,2'/%3E%3Cpath fill='none' stroke='%23A25BFF' stroke-width='1.5' d='M10,90 L10,38 Q10,10 38,10 L90,10'/%3E%3Cpath fill='%235917B0' stroke='%23C7A2FF' stroke-width='1' d='M18,50 C18,25 25,18 50,18 L50,28 C30,28 28,30 28,50 Z'/%3E%3Ccircle cx='18' cy='18' r='6' fill='%23A25BFF' stroke='%23EAD6FF' stroke-width='1.5'/%3E%3Ccircle cx='35' cy='35' r='3' fill='%23EAD6FF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:52px;height:52px;position:absolute}.queenCorner.top-left{top:7px;left:7px}.queenCorner.top-right{top:7px;right:7px;transform:scaleX(-1)}.queenCorner.bottom-left{bottom:7px;left:7px;transform:scaleY(-1)}.queenCorner.bottom-right{bottom:7px;right:7px;transform:scale(-1)}.queenJewel{background:linear-gradient(135deg,#ead6ff 0%,#a25bff 40%,#5917b0 100%);border-radius:50%;width:40px;height:40px;padding:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #260554e6,0 0 20px #b16fffb3}.queenJewelCore{background:radial-gradient(circle at 30% 25%,#fff 0%,#ead6ff 15%,#a25bff 45%,#5917b0 75%,#260554 100%);border:1px solid #e2cfff99;border-radius:50%;width:100%;height:100%;box-shadow:inset -4px -4px 8px #260554e6,inset 2px 2px 6px #fff9}.destinyResultCard--queen .destinyBadge{color:#ead6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#260554 0%,#100226 100%);border:1px solid #a25bff;box-shadow:0 4px 12px #260554cc,inset 0 1px 1px #e2cfff4d,inset 0 -10px 15px #a25bff40}.destinyBadge{z-index:10;border:1px solid var(--grade-border);height:30px;color:var(--grade-main);box-shadow:0 0 20px var(--grade-glow-outer), inset 0 1px 0 #ffffff2e;letter-spacing:-.035em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff1f,#ffffff05),#0a050ca6;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.destinyAge{color:#fff1e6cc;font-size:16px;font-weight:400}.destinyResultCard .destinyTags{margin-bottom:4px}.destinyResultCard .hiddenTraitRow{justify-content:center;margin-top:2px}.destinyPinButton{z-index:5;color:#f7d8c1;-webkit-backdrop-filter:blur(12px);background:#08050d7a;border:1px solid #f7d8c13d;border-radius:999px;height:36px;padding:0 14px;position:absolute;top:18px;left:18px}.destinyNameRow{justify-content:center;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.destinyName{color:#fff1e6;letter-spacing:-.075em;text-shadow:0 4px 16px #000000d9, 0 0 24px var(--grade-bg-tint);margin:0;font-family:Noto Serif KR,serif;font-size:32px;font-weight:600}.destinyAge{color:#fff1e6d9;letter-spacing:.05em;font-size:20px;font-weight:500}.destinyCatchphrase{color:var(--grade-main);letter-spacing:-.045em;text-shadow:0 2px 8px #0009;margin:0 0 8px;font-size:14px;font-weight:700}.destinyDesc{color:#ffeadab3;letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.destinyTags{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.destinyTag{color:#fff1e6f2;letter-spacing:-.03em;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:5px 12px;font-size:13px}.destinyMetaRow{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.destinyDifficultyRow,.destinyTimeRow{white-space:nowrap;color:#fff1e6d9;background:#00000080;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:flex}.destinyStars{color:var(--grade-main);gap:2px;display:flex}.destinyActions{flex-direction:column;align-items:center;width:100%;padding:0 24px;display:flex}.destinyPrimaryCta{color:#23100b;letter-spacing:-.04em;background:linear-gradient(#ffebdc 0%,#f6b898 40%,#d8846a 100%);border:1px solid #fff0e6e6;border-radius:999px;width:min(340px,100%);height:56px;margin-bottom:12px;font-size:17px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 0 40px #e89b6b73,inset 0 2px 2px #fffc,inset 0 -12px 24px #682a2138}.destinyPrimaryCta:active{transform:scale(.97);box-shadow:0 0 20px #e89b6b4d,inset 0 2px 2px #ffffff80,inset 0 -12px 24px #682a2159}.destinySecondaryAction{color:#fff1e68c;letter-spacing:-.035em;text-underline-offset:4px;background:0 0;border:none;margin-bottom:12px;padding:8px 16px;font-size:13.5px;font-weight:500;text-decoration:underline}.destinyResultActions{box-sizing:border-box;gap:10px;width:100%;margin-top:12px;display:flex}.destinySecondaryCta{color:#f5efe8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e3a57e59;border-radius:999px;flex:38;justify-content:center;align-items:center;height:52px;font-size:14.5px;font-weight:600;display:flex}.destinyResultActions .destinyPrimaryCta{flex:62;width:auto;height:52px;margin-bottom:0;font-size:15px}.destinyActionFootnote{color:#ffe4d2a8;letter-spacing:-.03em;justify-content:center;align-items:center;margin:0;font-size:12px;display:flex}.destinyPinButton{color:#f7d8c1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#08050d7a;border:1px solid #f7d8c13d;border-radius:999px;justify-content:center;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:23px;left:18px;z-index:9999!important;pointer-events:auto!important}.destinyPinButton.active{color:#2a100b;background:linear-gradient(#ffd5baf2,#e89b78eb);border-color:#ffe8d8a6}.destinyReportButton{color:#f7d8c1a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#08050d61;border:1px solid #f7d8c129;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:23px;right:18px;z-index:9999!important;pointer-events:auto!important}.destinyResultMedia{z-index:1;position:absolute;inset:0;overflow:hidden}.destinyResultMedia .card-media-element{object-fit:cover;object-position:center 15%;filter:brightness(.98)contrast(1.05)saturate(1.1);width:100%;height:100%;transform:none}.destinyResultOverlay{z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.destinyResultOverlay>*{pointer-events:auto}.destinyInfoOverlay{text-align:center;background:linear-gradient(#0000 0%,#000c 55%,#000000eb 100%);flex-direction:column;align-items:center;width:100%;padding:60px 20px 24px;display:flex;position:relative}.destinyQueueImage{object-position:50% 15%!important}:root{--fox-bg:#140d16;--fox-card:#1e1620;--fox-card-line:#e3a57e73;--fox-divider:#f5efe80f;--fox-copper:#e3a57e;--fox-copper-deep:#4a2b1a;--fox-text:#f5efe8;--fox-text-sub:#9a8f96}body{background:var(--fox-bg)}.myPage{width:100%;max-width:430px;min-height:100dvh;color:var(--fox-text);background:var(--fox-bg);padding:0 20px calc(112px + env(safe-area-inset-bottom));box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif;position:relative;overflow-x:hidden}.myHeader{justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:24px;display:flex}.myTitle{color:#fff;letter-spacing:-.5px;text-align:left;flex:1;margin:0;padding-left:20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:28px;font-weight:600}.myHeartPill{background:var(--fox-card);border:1px solid var(--fox-card-line);height:36px;color:var(--fox-text);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:500;display:flex}.copperIcon,.copperText{color:var(--fox-copper)}.myCard{background:var(--fox-card);border:1px solid var(--fox-card-line);border-radius:20px;margin-bottom:14px}.myCardIcon{flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.myCardIcon img{object-fit:contain;max-width:100%;max-height:100%}.profileCard{align-items:center;gap:16px;padding:16px;display:flex}.profileInfo{flex:1;min-width:0}.profileName{color:var(--fox-text);letter-spacing:0;margin:0;font-size:20px;font-weight:500}.nicknameButton{border:1px solid var(--fox-card-line);height:32px;color:var(--fox-text);cursor:pointer;letter-spacing:0;background:0 0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:400}.adRewardCard{padding:16px}.adRewardRow{align-items:center;gap:16px;display:flex}.adRewardText{flex:1;min-width:0}.adRewardTitle{color:var(--fox-text);letter-spacing:0;margin:0;font-size:15px;font-weight:600}.adRewardDesc{color:var(--fox-text);opacity:.85;letter-spacing:0;margin:4px 0 0;font-size:13px;line-height:1.5}.adRewardButton{color:#2a100b;cursor:pointer;letter-spacing:0;background:linear-gradient(#ffd5ba 0%,#e89b78 100%);border:0;border-radius:999px;flex:none;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.adRewardButton:disabled{opacity:.45;cursor:default}.adRewardNotice{color:#ffd5ba;margin-top:10px;font-size:13px;font-weight:600}.heartCard{gap:12px;padding:20px 16px 16px}.heartCard .cardSectionTitle{white-space:nowrap;font-size:20px}.heartCard .chargeButton{flex-shrink:0;padding-left:16px;padding-right:16px}@media (width<=380px){.heartCard .cardSectionTitle{font-size:18px}}.cardSectionTitle{color:var(--fox-text);letter-spacing:0;margin:0 0 16px;font-size:15px;font-weight:500}.heartCenterBox{text-align:center;margin-bottom:24px}.heartAmount{color:var(--fox-copper);letter-spacing:0;justify-content:center;align-items:center;gap:8px;font-size:44px;font-weight:500;line-height:1;display:flex}.heartSubText{color:var(--fox-text-sub);letter-spacing:0;margin:12px 0 0;font-size:13px;font-weight:400}.heartActions{flex-direction:column;gap:14px;display:flex}.chargeButton,.historyButton{cursor:pointer;letter-spacing:0;border-radius:999px;flex:1;justify-content:center;align-items:center;height:38px;display:flex}.chargeButton{color:#1a0b0b;letter-spacing:-.03em;text-shadow:0 1px #ffffff40;cursor:pointer;background:radial-gradient(circle at 28% 18%,#fff4eaf2,#0000 28%),linear-gradient(135deg,#ffd7be 0%,#f4a07d 35%,#ff7f96 72%,#e8647f 100%);border:0;border-radius:999px;height:38px;font-size:18px;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:inset 0 0 0 1px #ffdac473,0 10px 26px #ff7a9a4d,0 4px 14px #e89b7838}.chargeButton:hover{filter:brightness(1.04);box-shadow:inset 0 0 0 1px #ffe6d28f,0 12px 30px #ff7a9a5c,0 5px 16px #e89b7842}.chargeButton:active{filter:brightness(.98);transform:translateY(1px)scale(.985)}.historyButton{border:1px solid var(--fox-card-line);color:var(--fox-text);background:0 0;font-size:15px;font-weight:600}.menuCard{padding:0}.menuRow,.settingRow{cursor:pointer;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.settingRow{cursor:default}.menuRow+.menuRow,.settingRow+.settingRow{border-top:1px solid var(--fox-divider)}.menuIcon{color:var(--fox-copper);flex:none}.menuLabel{color:var(--fox-text);letter-spacing:0;flex:1;margin:0;font-size:15px;font-weight:400}.menuChevron{color:var(--fox-text-sub)}.menuValue{color:var(--fox-text-sub);letter-spacing:0;font-size:13px;font-weight:400}.switch{cursor:pointer;background:#ffffff1f;border-radius:999px;width:44px;height:26px;transition:background .2s;position:relative}.switch.on{background:var(--fox-copper)}.switchKnob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch.on .switchKnob{transform:translate(18px)}.nicknameMascot{object-fit:contain;border-radius:16px;width:84px;height:auto;margin:0 auto 12px;display:block}.nicknameQuestion{text-align:center;color:var(--fox-text);letter-spacing:0;margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.5}.nicknameInput{box-sizing:border-box;border:1px solid var(--fox-card-line);width:100%;height:48px;color:var(--fox-text);text-align:center;letter-spacing:0;background:#ffffff0d;border-radius:12px;outline:none;margin-bottom:20px;font-size:16px;display:block}.nicknameInput::placeholder{color:var(--fox-text-sub)}.nicknameSaveBtn:disabled{color:var(--fox-text-sub);cursor:default;box-shadow:none;text-shadow:none;background:#ffffff1f}.legalNote{color:var(--fox-text-sub);border-top:1px solid var(--fox-divider);letter-spacing:0;padding:10px 18px;font-size:12px}.heartHistoryPage{box-sizing:border-box;width:100%;max-width:430px;min-height:100dvh;padding:0 20px calc(32px + env(safe-area-inset-bottom));color:var(--fox-text);background:var(--fox-bg);word-break:keep-all;overflow-wrap:break-word;margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif}.hhSummaryCard{background:var(--fox-card);border:1px solid var(--fox-card-line);border-radius:20px;align-items:center;gap:16px;margin-bottom:14px;padding:20px 18px;display:flex}.hhSummaryVisual{width:72px;height:72px;color:var(--fox-copper);border:1px solid #e3a57e59;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.hhSummaryVisualInner{background:#e3a57e26;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.hhSummaryBody{flex:1;min-width:0}.hhBalanceLine{align-items:baseline;gap:10px;display:flex}.hhBalanceLabel{color:var(--fox-text);letter-spacing:0;font-size:14px;font-weight:500}.hhBalanceValue{color:var(--fox-copper);letter-spacing:0;font-size:34px;font-weight:700;line-height:1}.hhSummaryLine{color:var(--fox-text);opacity:.85;letter-spacing:0;align-items:center;gap:6px;margin-top:6px;font-size:13px;line-height:1.4;display:flex}.hhLineIcon{color:var(--fox-copper);flex:none}.hhCaption{color:var(--fox-text-sub);letter-spacing:0;margin:8px 0 0;font-size:12px}.hhTabs{gap:8px;margin-bottom:12px;display:flex}.hhTab{border:1px solid var(--fox-card-line);height:40px;color:var(--fox-text-sub);cursor:pointer;letter-spacing:0;background:0 0;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex}.hhTab.active{background:var(--fox-copper);border-color:var(--fox-copper);color:#2a100b;font-weight:600}.hhList{margin-bottom:14px}.hhDayHeader{color:var(--fox-text-sub);letter-spacing:0;padding:12px 4px 6px;font-size:12px}.hhRow{background:var(--fox-card);border:1px solid var(--fox-divider);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.hhIconBox{width:40px;height:40px;color:var(--fox-copper);background:#e3a57e1f;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.hhRowMain{flex:1;min-width:0}.hhRowTitle{color:var(--fox-text);letter-spacing:0;font-size:14px}.hhRowDetail,.hhRowTime{color:var(--fox-text-sub);letter-spacing:0;margin-top:2px;font-size:12px}.hhRowDelta{letter-spacing:0;flex:none;font-size:14px;font-weight:600}.hhRowDelta.minus{color:#ff8fa3}.hhRowDelta.plus{color:var(--fox-copper)}.hhState{text-align:center;color:var(--fox-text-sub);padding:28px 0;font-size:13px}.hhState p{margin:0 0 10px}.hhRetryBtn,.hhMoreBtn{border:1px solid var(--fox-card-line);color:var(--fox-text);cursor:pointer;letter-spacing:0;background:0 0;border-radius:999px;margin:8px auto 0;padding:9px 22px;font-size:13px;font-weight:500;display:block}.hhBanner{background:var(--fox-card);border:1px solid var(--fox-card-line);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.hhBannerText{color:var(--fox-text);letter-spacing:0;font-size:13px}.hhBannerLink{color:var(--fox-copper);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:600}.heartStorePage{box-sizing:border-box;width:100%;max-width:430px;min-height:100dvh;padding:0 20px calc(64px + env(safe-area-inset-bottom));color:var(--fox-text);background:var(--fox-bg);word-break:keep-all;overflow-wrap:break-word;margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif}.heartStorePage.ctaOpen{padding-bottom:calc(176px + env(safe-area-inset-bottom))}.hsSummaryCard{background:var(--fox-card);border:1px solid var(--fox-card-line);border-radius:20px;align-items:center;gap:14px;margin-bottom:16px;padding:20px 18px;display:flex}.hsSummaryMascot{object-fit:contain;flex:none;align-self:flex-end;width:auto;height:72px}.hsSummaryBody{flex:1;min-width:0}.hsBalanceLine{align-items:baseline;gap:10px;display:flex}.hsBalanceLabel{color:var(--fox-text);letter-spacing:0;font-size:14px;font-weight:500}.hsBalanceValue{color:var(--fox-copper);letter-spacing:0;font-size:34px;font-weight:700;line-height:1}.hsBalanceValueWrap{align-items:baseline;gap:6px;display:inline-flex}.hsBalanceHeart{color:var(--fox-copper);flex:none}.hsCopy{color:var(--fox-text);opacity:.85;letter-spacing:0;margin:8px 0 0;font-size:13px}.hsUsageTitle{color:var(--fox-text);letter-spacing:0;margin:0 0 8px;font-size:14px;font-weight:600}.hsUsageCard{background:var(--fox-card);border:1px solid var(--fox-divider);border-radius:16px;margin-bottom:16px;padding:16px}.hsUsageGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hsUsageCell{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:64px;display:flex}.hsUsageIcon{color:var(--fox-copper);flex:none}.hsUsageLabel{color:var(--fox-text);letter-spacing:0;font-size:12px}.hsFirstCard{background:var(--fox-card);border:1px solid var(--fox-divider);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.hsFirstText{flex:1;min-width:0}.hsFirstHearts{color:var(--fox-text);letter-spacing:0;white-space:nowrap;font-size:18px;font-weight:700}.hsFirstTagline{color:var(--fox-copper);letter-spacing:0;margin-top:2px;font-size:12px;font-weight:600}.hsFirstMascot{object-fit:contain;flex:none;width:auto;height:56px}.hsFirstPriceCol{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.hsFirstOriginal{color:var(--fox-text-sub);font-size:12px;text-decoration:line-through}.hsFirstPrice{color:var(--fox-copper);font-size:18px;font-weight:700}.hsBadge{color:#2a100b;letter-spacing:0;white-space:nowrap;background:linear-gradient(#ffd5ba 0%,#e89b78 100%);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.hsSectionHead{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.hsSectionTitle{color:var(--fox-text);letter-spacing:0;margin:0;font-size:15px;font-weight:600}.hsVatNote{color:var(--fox-text-sub);letter-spacing:0;font-size:11px}.hsProductList{margin-bottom:14px}.hsProductRow{background:var(--fox-card);border:1px solid var(--fox-divider);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.hsProductRow.selected,.hsFirstCard.selected{border:1.5px solid var(--fox-copper);background:#e3a57e1f}.hsRadio{border:1.5px solid var(--fox-card-line);border-radius:50%;flex:none;width:18px;height:18px;position:relative}.hsRadio.on{border-color:var(--fox-copper)}.hsRadio.on:after{content:"";background:var(--fox-copper);border-radius:50%;position:absolute;inset:3px}.hsProductMain{flex:1;min-width:0}.hsProductHearts{color:var(--fox-text);letter-spacing:0;white-space:nowrap;font-size:18px;font-weight:700}.hsBonus{color:var(--fox-copper);font-size:14px}.hsTotalNote{color:var(--fox-text-sub);letter-spacing:0;margin-top:2px;font-size:12px;font-weight:400}.hsProductRight{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.hsPrice{color:var(--fox-text);letter-spacing:0;font-size:15px;font-weight:600}.hsPerHeart{color:var(--fox-text-sub);letter-spacing:0;font-size:11px}.hsCtaBar{left:50%;bottom:calc(48px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--fox-bg);z-index:20;width:100%;max-width:430px;padding:10px 20px 12px;transition:transform .25s ease-out;position:fixed;transform:translate(-50%,120%);box-shadow:0 -4px 16px #00000059}.hsCtaBar.open{transform:translate(-50%)}.hsCtaButton{color:#1a0b0b;cursor:pointer;letter-spacing:0;background:radial-gradient(circle at 28% 18%,#fff4eaf2,#0000 28%),linear-gradient(135deg,#ffd7be 0%,#f4a07d 35%,#ff7f96 72%,#e8647f 100%);border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:56px;display:flex}.hsCtaMain{font-size:16px;font-weight:700}.hsCtaSub{opacity:.75;font-size:11px}.hsFooterBar{box-sizing:border-box;width:100%;max-width:430px;height:calc(48px + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom);background:var(--fox-bg);border-top:1px solid var(--fox-divider);z-index:30;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.hsFooterItem{color:var(--fox-text-sub);cursor:pointer;letter-spacing:0;font-size:12px}.hsModalMascot{object-fit:contain;width:auto;height:72px;margin:0 auto 12px;display:block}@media (width<=380px){.hsFirstCard{padding:12px}.hsFirstMascot{height:48px}.hsFirstPrice{font-size:16px}.hsFooterBar{padding:0 10px env(safe-area-inset-bottom);justify-content:space-between}.hsFooterItem{font-size:11px}}