@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.BottomSheetOverlay{z-index:3;opacity:0;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.BottomSheetOverlay.Open{opacity:1}.BottomSheetContainer{z-index:3;background:var(--gray70);border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:720px;max-height:90vh;margin:0 auto;transition:transform .3s;display:flex;position:fixed;bottom:0;transform:translateY(100%)}.BottomSheetContainer.Open{transform:translateY(0)}.BottomSheetContainer .Handle{cursor:grab;justify-content:center;padding-top:10px;display:flex}.BottomSheetContainer .Handle:after{content:"";background:#878a93;border-radius:999px;width:34px;height:4px}.BottomSheetContainer .Header{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.BottomSheetContainer .Header .Title{letter-spacing:-.16px;color:var(--gray05);margin:0;font-size:16px;font-weight:600;line-height:1.5}.BottomSheetContainer .Header.WithClose .Title{font-weight:500}.BottomSheetContainer .Header .CloseBtn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.BottomSheetContainer .Header .CloseBtn svg{width:24px;height:24px}.BottomSheetContainer .Content{flex:1;padding:24px 20px 16px;overflow-y:auto}.BottomSheetOverlay.Layer{z-index:4}.BottomSheetContainer.Layer{z-index:5}:root.dark .BottomSheet.Container{background:var(--card-bg)}:root.dark .BottomSheet .Handle:after{background:var(--border)}:root.dark .BottomSheet .Header .Title{color:var(--text-primary)}.DialogAlertOverlay{z-index:4;padding:var(--spacing-xl);animation:dialogOverlayFadeIn var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.DialogAlertBox{background:var(--gray50);width:100%;max-width:312px;box-shadow:var(--shadow-lg);animation:dialogBoxSlideUp var(--transition-slow);border-radius:16px;flex-direction:column;padding:36px 0 12px;display:flex}.DialogAlertTitle{font-weight:var(--font-semibold);letter-spacing:.16px;color:var(--static-white);text-align:center;margin:0 16px 8px;font-size:16px;line-height:24px}.DialogAlertMessage{font-weight:var(--font-medium);letter-spacing:.16px;color:var(--static-white);text-align:center;white-space:pre-line;margin:0 16px 24px;font-size:16px;line-height:24px}.DialogAlertButtons{flex-direction:column;gap:8px;padding:0 12px;display:flex}.DialogAlertButton{cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none}.DialogAlertButtonConfirm{background:var(--primary-main);height:48px;color:var(--static-white);font-weight:var(--font-semibold);letter-spacing:.14px;border-radius:12px;padding:14px 12px;font-size:14px;line-height:20px}.DialogAlertButtonConfirm:hover{background:var(--primary-strong)}.DialogAlertButtonConfirm:active{background:var(--primary-heavy)}.DialogAlertButtonCancel{color:var(--static-white);font-weight:var(--font-medium);letter-spacing:.16px;background:0 0;border-radius:12px;padding:14px 12px;font-size:16px;line-height:1.5}.DialogAlertButtonCancel:hover{background:var(--gray40);color:var(--gray10)}.DialogAlertButtonCancel:active{background:var(--gray65);color:var(--gray10)}@keyframes dialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogBoxSlideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.LineLoginGuide{z-index:200;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.LineLoginGuide .Card{background-color:var(--gray50);width:320px;max-width:calc(100vw - 2rem);animation:LineLoginGuideIn var(--transition-base);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 24px 20px;display:flex}.LineLoginGuide .Card .Icon{background:#06c755;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.LineLoginGuide .Card .Title{font-size:16px;font-weight:var(--font-semibold);color:var(--static-white);text-align:center;margin:0}.LineLoginGuide .Card .Body{color:var(--gray05);text-align:center;white-space:pre-line;margin:0;font-size:14px;line-height:1.6}.LineLoginGuide .Card .Actions{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.LineLoginGuide .Card .Actions .BtnPrimary{width:100%;color:var(--static-white);font-size:15px;font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--transition-fast);background-color:#06c755;border:none;border-radius:10px;padding:12px}.LineLoginGuide .Card .Actions .BtnPrimary:hover{opacity:.85}.LineLoginGuide .Card .Actions .BtnCancel{width:100%;color:var(--gray05);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:10px;padding:10px;font-size:14px}.LineLoginGuide .Card .Actions .BtnCancel:hover{color:var(--static-white)}@keyframes LineLoginGuideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.LoginModal{z-index:100;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.LoginModal .Card{background-color:var(--gray50);width:320px;max-width:calc(100vw - 2rem);animation:LoginModalIn var(--transition-base);border-radius:16px;overflow:hidden}.LoginModal .Card .Top{flex-direction:column;align-items:center;gap:12px;padding:36px 16px;display:flex}.LoginModal .Card .Top .Title{font-size:20px;font-weight:var(--font-semibold);color:var(--static-white);text-align:center;letter-spacing:.2px;white-space:pre-line;margin:0;line-height:1.3}.LoginModal .Card .Top .Neko{object-fit:contain;width:188px;height:181px}.LoginModal .Card .Top .Desc{color:var(--gray05);text-align:center;letter-spacing:.16px;white-space:pre-line;max-width:288px;margin:0;font-size:16px;line-height:1.5}.LoginModal .Card .Buttons{flex-direction:column;gap:12px;padding:0 12px 12px;display:flex}.LoginModal .Card .Buttons .Btn{background-color:var(--gray40);border:1px solid var(--gray20);cursor:pointer;width:100%;font-size:16px;font-weight:var(--font-semibold);color:var(--static-white);transition:opacity var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.LoginModal .Card .Buttons .Btn:hover{opacity:.85}.LoginModal .Card .Buttons .Btn:disabled{opacity:.6;cursor:not-allowed}.LoginModal .Card .Buttons .Btn .GoogleIcon{background:var(--static-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.LoginModal .Card .Buttons .Btn .LineIcon{background:#06c755;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@keyframes LoginModalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.SnackBarContainer{pointer-events:none;z-index:100;justify-content:center;width:100%;display:flex;position:fixed;bottom:86px;left:0}.SnackBarContainer .SnackBarPopup{background:var(--gray30);width:calc(100% - 32px);max-width:688px;font-size:var(--font-body-sub);color:var(--gray03);pointer-events:auto;opacity:0;white-space:pre-wrap;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;line-height:1.5;transition:opacity .25s,transform .25s;display:flex;transform:translateY(8px)}.SnackBarContainer .SnackBarPopup.Visible{opacity:1;transform:translateY(0)}.SnackBarContainer .SnackBarPopup span{flex:1}.SnackBarContainer .SnackBarPopup .SnackBarAction{font-size:var(--font-body-sub);color:var(--primary-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-weight:600}body:has(.BottomSheetContainer) .NavigationBar{display:none}.NavigationBar{border-top:1px solid var(--gray50);z-index:100;background:#000;flex-direction:row;align-items:center;gap:24px;width:100%;height:74px;padding:0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=810px){.NavigationBar{border-top:none;border-right:1px solid var(--gray50);flex-direction:column;justify-content:flex-start;gap:8px;width:90px;height:100dvh;padding:32px 0 24px;top:0;bottom:auto;right:auto}}.NavigationBar .NavItem{cursor:pointer;color:var(--gray20);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:8px;transition:color .15s;display:flex}.NavigationBar .NavItem.Active{color:var(--primary-main)}@media (width>=810px){.NavigationBar .NavItem{flex:unset;width:100%;padding:10px 0}}.NavigationBar .NavIcon{flex-shrink:0;width:24px;height:24px}.NavigationBar .NavItem:not(.Active) .NavIcon{filter:brightness(0)saturate()invert(38%)sepia(6%)saturate(363%)hue-rotate(202deg)brightness(91%)contrast(87%)}.NavigationBar .NavItem.Active .NavIcon{filter:brightness(0)saturate()invert(14%)sepia(99%)saturate(4000%)hue-rotate(318deg)brightness(105%)contrast(101%)}.NavigationBar .NavAvatar{object-fit:cover;border-radius:4px;width:32px;height:32px}.NavigationBar .NavLabel{letter-spacing:-.24px;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.5}.EnergyBadge{cursor:pointer;background:#0000000f;border:none;border-radius:12px;flex-direction:row;align-items:center;gap:2px;width:40px;height:40px;padding:6px 4px;display:flex;position:relative}.EnergyBadge .BoltWrap{flex-shrink:0;width:18px;height:28px;position:relative}.EnergyBadge .BoltIcon{display:block}.EnergyBadge .BoltBadge{position:absolute;bottom:0;right:-3px}.EnergyBadge .Count{color:#fff;text-shadow:0 0 #312700,1px 0 #312700,-1px 0 #312700,0 1px #312700,0 -1px #312700;font-size:14px;font-weight:600}.EnergyBadge .MaxLabel{color:#fff;text-shadow:0 0 #312700,1px 0 #312700,-1px 0 #312700,0 1px #312700,0 -1px #312700;font-size:6px;font-weight:700;line-height:8px;position:absolute;bottom:6px;right:4px}.EnergyBadge:hover{opacity:.85}.PHItem{border-bottom:1px solid var(--color-gray-100);flex-direction:column;gap:10px;padding:16px 0;display:flex}.PHItem:last-child{border-bottom:none}.PHItem>.PHItem-Top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.PHItem>.PHItem-Top>.PHItem-Info{flex-direction:column;gap:4px;min-width:0;display:flex}.PHItem>.PHItem-Top>.PHItem-Info>.PHItem-Name{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.PHItem>.PHItem-Top>.PHItem-Info>.PHItem-Meta{font-size:var(--font-xs);color:var(--color-gray-400)}.PHItem>.PHItem-Top>.PHItem-Status{font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.02em;border-radius:20px;flex-shrink:0;padding:3px 10px}.PHItem>.PHItem-Top>.PHItem-Status.created{color:#f59e0b;background-color:#fff8e1}.PHItem>.PHItem-Top>.PHItem-Status.waiting{color:#2563eb;background-color:#dbeafe}.PHItem>.PHItem-Top>.PHItem-Status.succeeded{color:#059669;background-color:#d1fae5}.PHItem>.PHItem-Top>.PHItem-Status.failed{color:#ef4444;background-color:#fee2e2}.PHItem>.PHItem-Top>.PHItem-Status.canceled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.PHItem>.PHItem-Bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.PHItem>.PHItem-Bottom>.PHItem-Tags{flex-flow:wrap;align-items:center;gap:6px;display:flex}.PHItem>.PHItem-Bottom>.PHItem-Tags>.PHItem-TypeTag{font-size:var(--font-xs);font-weight:var(--font-medium);border-radius:10px;padding:2px 8px}.PHItem>.PHItem-Bottom>.PHItem-Tags>.PHItem-TypeTag.subscription{color:#7c3aed;background-color:#f3e8ff}.PHItem>.PHItem-Bottom>.PHItem-Tags>.PHItem-TypeTag.coin{color:#b45309;background-color:#fef9c3}.PHItem>.PHItem-Bottom>.PHItem-Tags>.PHItem-TypeTag.product{color:#059669;background-color:#d1fae5}.PHItem>.PHItem-Bottom>.PHItem-Tags>.PHItem-Extra{font-size:var(--font-xs);color:var(--color-gray-500)}.PHItem>.PHItem-Bottom>.PHItem-DetailsButton{border:1px solid var(--color-gray-200);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;flex-shrink:0;padding:6px 14px}.PHItem>.PHItem-Bottom>.PHItem-DetailsButton:hover{color:#dd88cf;border-color:#dd88cf}.PHList{flex-direction:column;padding:0 20px;display:flex}.PHList-State{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 20px;display:flex}.PHList-State>.Spinner{border:3px solid var(--color-gray-200);border-top-color:#dd88cf;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.PHList-State>.StateTitle{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.PHList-State>.StateText{font-size:var(--font-sm);color:var(--color-gray-400)}.PHList-State>.ErrorText{font-size:var(--font-sm);color:#ef4444;background-color:#fee2e2;border-radius:8px;max-width:400px;padding:10px 16px}.PHList-State>.RetryButton{color:#fff;font-size:var(--font-sm);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--transition-fast);background-color:#dd88cf;border:none;border-radius:8px;padding:8px 24px}.PHList-State>.RetryButton:hover{opacity:.85}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{z-index:2;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background-color:#fff;border-radius:8px;max-width:100%;max-height:100%;animation:.3s ease-out modal-fade-in;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.PDModal{flex-direction:column;gap:0;width:100%;max-width:440px;max-height:85vh;display:flex;overflow-y:auto}.PDModal>.PDModal-Header{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.PDModal>.PDModal-Header>.PDModal-Title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-gray-900)}.PDModal>.PDModal-Header>.PDModal-CloseBtn{cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.PDModal>.PDModal-Header>.PDModal-CloseBtn:hover{background-color:var(--color-gray-100)}.PDModal>.PDModal-Product{border-bottom:1px solid var(--color-gray-100);padding:12px 20px 16px}.PDModal>.PDModal-Product>.PDModal-ProductName{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-800)}.PDModal>.PDModal-Rows{flex-direction:column;padding:8px 20px;display:flex}.PDModal>.PDModal-Rows>.PDModal-Row{border-bottom:1px solid var(--color-gray-100);flex-direction:row;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.PDModal>.PDModal-Rows>.PDModal-Row:last-child{border-bottom:none}.PDModal>.PDModal-Rows>.PDModal-Row>.PDModal-RowLabel{font-size:var(--font-sm);color:var(--color-gray-500)}.PDModal>.PDModal-Rows>.PDModal-Row>.PDModal-RowValue{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-800)}.PDModal>.PDModal-CloseButton{background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--font-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast);border:none;border-radius:10px;margin:8px 20px 20px;padding:12px}.PDModal>.PDModal-CloseButton:hover{background-color:var(--color-gray-200)}.CoinPurchaseList{flex-direction:column;gap:16px;padding-bottom:4px;display:flex}.CoinPurchaseList .PackageHeader{justify-content:space-between;align-items:center;display:flex}.CoinPurchaseList .CoinBalancePill{background:#1c1c1c;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;display:flex}.CoinPurchaseList .CoinBalanceIcon{object-fit:contain;width:18px;height:18px}.CoinPurchaseList .CoinBalanceAmount{color:#fff;letter-spacing:-.18px;font-size:18px;font-weight:600;line-height:24px}.CoinPurchaseList .ViewAllBtn{cursor:pointer;color:#aeb0b6;letter-spacing:-.28px;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:14px;font-weight:500;display:flex}.CoinPurchaseList .ViewAllChevron{font-size:18px;line-height:1}.CoinPurchaseList .RecommendText{color:#aeb0b6;text-align:center;letter-spacing:-.28px;margin:0;font-size:14px;font-weight:500;line-height:1.5}.CoinPurchaseList .RecommendText .Highlight{color:#b10efb}.CoinPurchaseList .FeaturedCard{background:var(--natural\/gray-65,#1a1a1c);border:2px solid var(--primary\/light,#ff66a8);border-radius:16px;flex-direction:column;gap:14px;padding:24px 16px 16px;display:flex}.CoinPurchaseList .FeaturedCard.Deselected{border-color:#70737c85}.CoinPurchaseList .FeaturedCard:active{transform:scale(.99)}.CoinPurchaseList .FeaturedTop{justify-content:space-between;align-items:flex-start;display:flex}.CoinPurchaseList .FeaturedCoinInfo{align-items:flex-start;gap:6px;display:flex}.CoinPurchaseList .FeaturedCoinIcon{object-fit:contain;flex-shrink:0;width:36px;height:36px}.CoinPurchaseList .FeaturedAmount{align-items:flex-end;gap:4px;line-height:1;display:flex}.CoinPurchaseList .AmountNum{color:#fff;letter-spacing:-.36px;font-size:36px;font-weight:600;line-height:1}.CoinPurchaseList .AmountLabel{color:#aeb0b6;letter-spacing:-.14px;padding-bottom:6px;font-size:14px;font-weight:500}.CoinPurchaseList .FeaturedBadge{background:var(--primary\/pink-alpha-24,#fb4ba33d);color:var(--primary\/light,#ff66a8);letter-spacing:-.14px;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;line-height:15px}.CoinPurchaseList .CardDivider{background:#70737c85;height:1px}.CoinPurchaseList .BenefitRows{flex-direction:column;gap:16px;display:flex}.CoinPurchaseList .BenefitRow{justify-content:space-between;align-items:center;display:flex}.CoinPurchaseList .BenefitLeft{align-items:center;gap:4px;display:flex}.CoinPurchaseList .BenefitIcon{object-fit:contain;flex-shrink:0;width:14px;height:14px}.CoinPurchaseList .BenefitName{color:#aeb0b6;letter-spacing:-.28px;font-size:14px;font-weight:500}.CoinPurchaseList .BenefitSub{color:var(--natural\/gray20,#5b5c61);letter-spacing:-.2px;font-size:10px;font-weight:500}.CoinPurchaseList .BenefitRight{color:#aeb0b6;letter-spacing:-.28px;white-space:nowrap;font-size:14px;font-weight:500}.CoinPurchaseList .PriceRow{justify-content:flex-end;display:flex}.CoinPurchaseList .PriceButton{color:#fff;letter-spacing:.16px;cursor:pointer;white-space:nowrap;background:linear-gradient(159.89deg,#ff66a8 7.41%,#e71871 45.35%,#be3bff 120.68%);border:none;border-radius:6px;padding:8px 10px;font-size:16px;font-weight:500;line-height:18px}.CoinPurchaseList .PriceButton:disabled{opacity:.6;cursor:not-allowed}.CoinPurchaseList .PriceButton:not(:disabled):active{filter:brightness(.9)}.CoinPurchaseList .TotalPrice{align-items:center;gap:4px;display:flex}.CoinPurchaseList .PriceCurrency{color:#aeb0b6;letter-spacing:-.14px;font-size:14px;font-weight:500}.CoinPurchaseList .PriceAmount{color:#fff;letter-spacing:-.18px;font-size:18px;font-weight:600;line-height:24px}.CoinPurchaseList .CompactCard{cursor:pointer;background:#1c1c1c;border:1px solid #404040;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.CoinPurchaseList .CompactCard.Selected{border-color:#a10de4}.CoinPurchaseList .CompactCard:active{transform:scale(.99)}.CoinPurchaseList .CompactCard .PriceCurrency,.CoinPurchaseList .CompactCard .PriceAmount{color:#7a7b80}.CoinPurchaseList .CompactLeft{align-items:center;gap:10px;display:flex}.CoinPurchaseList .CompactCoinIcon{object-fit:contain;width:24px;height:24px}.CoinPurchaseList .CompactCoin{color:#7a7b80;letter-spacing:-.18px;font-size:18px;font-weight:600}.CoinPurchaseList .PerCoin{color:var(--primary\/light,#ff66a8);letter-spacing:-.1px;font-size:10px;font-weight:500}.CoinPurchaseList .CompactRight{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.CoinPurchaseList .loading{color:#aeb0b6;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.QRPaymentSheet{flex-direction:column;gap:16px;padding-bottom:4px;display:flex}.QRPaymentSheet .QrSection{flex-direction:column;align-items:center;gap:14px;display:flex}.QRPaymentSheet .QrImage{object-fit:cover;border-radius:24px;width:200px;height:200px}.QRPaymentSheet .TimerPill{color:#aeb0b6;letter-spacing:-.16px;background:#1c1c1c;border:1px solid #70737c85;border-radius:128px;padding:4px 12px;font-size:16px;font-weight:500}.QRPaymentSheet .InstructionText{color:#aeb0b6;text-align:center;letter-spacing:-.14px;margin:0;font-size:14px;line-height:1.5}.QRPaymentSheet .BottomSection{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.QRPaymentSheet .MobileBanner{box-sizing:border-box;cursor:pointer;background:#37383c9c;border:1px solid #b10efb;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px 12px;display:flex;overflow:hidden}.QRPaymentSheet .BannerLeft{align-items:center;gap:4px;display:flex}.QRPaymentSheet .BannerText{flex-direction:column;gap:6px;display:flex}.QRPaymentSheet .BannerHeading{color:#fff;letter-spacing:-.28px;font-size:14px;font-weight:600}.QRPaymentSheet .BannerSubtitle{color:#aeb0b6;letter-spacing:-.24px;font-size:12px;font-weight:500}.QRPaymentSheet .BannerChevron{color:#aeb0b6;flex-shrink:0;font-size:20px}.QRPaymentSheet .DownloadButton{color:#fff;cursor:pointer;letter-spacing:-.16px;box-sizing:border-box;background:#b10efb;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.QRPaymentSheet .DownloadButton:active{filter:brightness(.9)}.QRPaymentSheet .BackLink{color:#aeb0b6;cursor:pointer;text-underline-offset:2px;letter-spacing:-.14px;background:0 0;border:none;padding:4px 10px;font-size:14px;font-weight:500;text-decoration:underline}.HowToBuySheet{flex-direction:column;gap:16px;display:flex}.HowToBuySheet .GuideTitle{color:#fff;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700}.HowToBuySheet .GuideCard{background:#39393d;border-radius:20px;width:100%;height:218px;overflow:hidden}.HowToBuySheet .GuideLottie{width:100%;height:100%}.HowToBuySheet .StepDescription{flex-direction:column;gap:8px;padding:0 8px;display:flex}.HowToBuySheet .StepHeading{color:#fff;letter-spacing:-.18px;margin:0;font-size:18px;font-weight:600}.HowToBuySheet .StepBody{color:#aeb0b6;letter-spacing:-.14px;height:63px;margin:0;font-size:14px;line-height:1.5;overflow:hidden}.HowToBuySheet .Highlight{color:#b10efb;font-weight:600}.HowToBuySheet .GuideDots{justify-content:center;align-items:center;gap:6px;display:flex}.HowToBuySheet .GuideDot{cursor:pointer;background:#70737c85;border-radius:45px;width:6px;height:6px;transition:width .2s,background .2s}.HowToBuySheet .GuideDot.Active{background:#aeb0b6;width:17px}.HowToBuySheet .GuideActions{flex-direction:column;align-items:center;gap:16px;display:flex}.HowToBuySheet .DownloadButton{color:#fff;cursor:pointer;letter-spacing:-.16px;box-sizing:border-box;background:#b10efb;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.HowToBuySheet .DownloadButton:active{filter:brightness(.9)}.HowToBuySheet .BackLink{color:#aeb0b6;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 10px;font-size:14px;font-weight:500;text-decoration:underline}.DailyPassStatusBtn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;animation:1.5s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes successPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes successFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.DailyPassWall{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-bottom:8px;display:flex}.DailyPassWall .ad-warning{flex-direction:column;align-items:center;gap:12px;display:flex}.DailyPassWall .incoming-label{letter-spacing:3px;color:var(--text-secondary);font-family:monospace;font-size:14px}.DailyPassWall .warning-lottie{width:100px;height:100px}.DailyPassWall .countdown-heading{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.DailyPassWall .countdown-heading .countdown-num{color:#f44}.DailyPassWall .sub{color:var(--text-secondary);margin:0;font-size:14px}.DailyPassWall .title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.DailyPassWall .pass-card{text-align:left;background:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f);border:1px solid var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1a);border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.DailyPassWall .pass-card .pass-info{justify-content:space-between;align-items:center;display:flex}.DailyPassWall .pass-card .pass-label{color:var(--text-primary);font-size:15px;font-weight:600}.DailyPassWall .pass-card .coin-badge{color:#f59e0b;background:#ffc80026;border-radius:10px;flex-direction:row;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:600;display:flex}.DailyPassWall .pass-card .benefits{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.DailyPassWall .pass-card .benefits li{color:var(--text-secondary);font-size:13px}.DailyPassWall .buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:filter .2s}.DailyPassWall .buy-btn:hover:not(:disabled){filter:brightness(1.1)}.DailyPassWall .buy-btn:disabled{opacity:.6;cursor:not-allowed}.DailyPassWall .success-lottie{width:300px;height:240px}.DailyPassWall .success-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700;animation:.4s .2s both successFadeIn}.DailyPassWall .ad-limit-notice{color:var(--text-secondary);text-align:center;background:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f);border-radius:8px;width:100%;margin:0;padding:8px 12px;font-size:12px;line-height:1.6}.DailyPassWall .watch-ad-btn{color:var(--text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}.LaunchEventSheet{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.LaunchEventSheet .HeroContainer{flex-shrink:0;width:280px;height:207px;position:relative;overflow:hidden}.LaunchEventSheet .HeroImage{object-fit:cover;width:100%;max-width:none;height:135.1%;position:absolute;top:-17.55%;left:.15%}.LaunchEventSheet .TextSection{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.LaunchEventSheet .Texts{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.LaunchEventSheet .LaunchTitle{color:#fff;letter-spacing:-.24px;margin:0;font-size:24px;font-weight:700}.LaunchEventSheet .LaunchBody{color:var(--natural\/gray10,#7e7e88);letter-spacing:-.14px;text-align:center;margin:0;font-size:14px;font-weight:400;line-height:1.5}.LaunchEventSheet .Actions{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.LaunchEventSheet .CtaButton{background:var(--primary\/main,#fe1a7c);color:#fff;cursor:pointer;letter-spacing:-.16px;border:none;border-radius:12px;width:100%;height:46px;font-size:16px;font-weight:600}.LaunchEventSheet .CtaButton:active{filter:brightness(.9)}.LaunchEventSheet .CheckboxRow{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.LaunchEventSheet .Checkbox{border:1px solid var(--natural\/gray10,#7e7e88);border-radius:4px;flex-shrink:0;width:16px;height:16px}.LaunchEventSheet .Checkbox.Checked{background:var(--primary\/main,#fe1a7c);border-color:var(--primary\/main,#fe1a7c)}.LaunchEventSheet .CheckboxLabel{color:var(--natural\/gray10,#7e7e88);letter-spacing:-.12px;font-size:12px;font-weight:400;line-height:20px}.ChatRoomCell{cursor:pointer;text-align:left;background:0 0;border:none;align-items:stretch;gap:12px;width:100%;padding:8px 0;display:flex}.ChatRoomCell .Avatar{object-fit:cover;background:var(--gray30);border-radius:50%;flex-shrink:0;width:48px;height:48px}.ChatRoomCell .Content{flex-direction:column;flex-shrink:1;justify-content:flex-start;align-items:stretch;gap:4px;width:calc(100% - 60px);display:flex;position:relative}.ChatRoomCell .Content .FirstRow{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.ChatRoomCell .Content .FirstRow .Name{color:var(--static-white);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.ChatRoomCell .Content .FirstRow .CreatedAt{color:var(--gray30);font-size:12px;line-height:1.5}.ChatRoomCell .Content .SecondRow{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.ChatRoomCell .Content .SecondRow .Preview{color:var(--gray10);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.5;overflow:hidden}.ChatRoomCell .Content .SecondRow .UnreadBadge{background:var(--primary-main);min-width:20px;color:var(--static-white);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;font-size:12px;font-weight:500;line-height:1.3;display:flex}.SearchEntry{width:32px;height:32px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.SearchTakeover{z-index:var(--z-modal);position:fixed;inset:0}@media (width>=810px){.SearchTakeover{margin-left:90px}}.SearchTakeover .Backdrop{opacity:0;background:#000000d9;transition:opacity .3s,background .3s;position:absolute;inset:0}.SearchTakeover.Searched .Backdrop{background:var(--gray70)}.SearchTakeover .Column{flex-direction:column;width:100%;max-width:720px;height:100%;margin:0 auto;display:flex;position:relative}.SearchTakeover .Column .SearchBar{opacity:0;transform-origin:100%;align-items:center;gap:4px;padding:12px 16px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:flex;transform:scaleX(.08)}.SearchTakeover .Column .SearchBar .BackButton,.SearchTakeover .Column .SearchBar .QueryField>*{opacity:0;transition:opacity .2s .12s}.SearchTakeover .Column .SearchBar .BackButton{width:32px;height:32px;color:var(--static-white);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s .12s,transform .25s .12s;display:flex;transform:translate(12px)}.SearchTakeover .Column .SearchBar .QueryField{background:var(--gray50);border:1px solid #fff6;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:41px;padding:0 12px;display:flex}.SearchTakeover .Column .SearchBar .QueryField .FieldIcon{color:var(--gray05);flex-shrink:0}.SearchTakeover .Column .SearchBar .QueryField input{min-width:0;font:inherit;font-size:var(--font-body);color:var(--static-white);background:0 0;border:none;outline:none;flex:1;line-height:28px}.SearchTakeover .Column .SearchBar .QueryField .ClearButton{background:var(--gray30);width:18px;height:18px;color:var(--gray03);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.SearchTakeover .Column>.Content{opacity:0;flex-direction:column;flex:1;gap:16px;padding:24px 16px;transition:opacity .2s .15s;display:flex;overflow-y:auto}.SearchTakeover .Column>.Content .Section{flex-direction:column;display:flex}.SearchTakeover .Column>.Content .SectionTitle{font-size:var(--font-body);letter-spacing:-.32px;color:var(--static-white);padding:0 0 8px;font-weight:500}.SearchTakeover .Column>.Content .QueryItem{text-align:left;width:100%;font-size:var(--font-body-sub);color:var(--gray03);cursor:pointer;background:0 0;border:none;padding:8px 0;line-height:20px;display:block}.SearchTakeover .Column>.Content .SectionLoading{align-items:center;padding:8px 0;display:flex}.SearchTakeover .Column>.Content .SectionLoading .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite SearchSpin}.SearchTakeover .Column>.Content .MessageGroup{flex-direction:column;display:flex}.SearchTakeover .Column>.Content .MessageGroup .RoomRow{align-items:center;gap:12px;padding:8px 0;display:flex}.SearchTakeover .Column>.Content .MessageGroup .RoomRow .Avatar{object-fit:cover;background:var(--gray30);border-radius:50%;flex-shrink:0;width:48px;height:48px}.SearchTakeover .Column>.Content .MessageGroup .RoomRow .RoomTitle{color:var(--static-white);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.SearchTakeover .Column>.Content .MessageGroup .MessageRow{color:var(--gray10);white-space:nowrap;text-overflow:ellipsis;padding:4px 0 4px 60px;font-size:12px;line-height:1.5;display:block;overflow:hidden}.SearchTakeover .Column>.Content .MessageGroup .MessageRow mark{color:var(--primary-light);background:0 0}.SearchTakeover .Column>.Content.Searching{justify-content:center;align-items:center}.SearchTakeover .Column>.Content.EmptyResult{justify-content:center;align-items:center;gap:0;padding-bottom:48px}.SearchTakeover .Column>.Content.EmptyResult .EmptyIcon{width:36px;height:36px}.SearchTakeover .Column>.Content.EmptyResult .EmptyText{font-size:var(--font-body);letter-spacing:-.32px;color:var(--gray10);text-align:center;margin-top:12px;line-height:1.5}.SearchTakeover .Column>.Content.EmptyResult .ExploreButton{background:var(--primary-main);height:46px;color:var(--static-white);font-size:var(--font-body-sub);letter-spacing:.14px;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:4px;margin-top:20px;padding:12px 8px 12px 16px;font-weight:600;line-height:20px;display:flex}.SearchTakeover.Open .Backdrop,.SearchTakeover.Open .Content{opacity:1}.SearchTakeover.Open .SearchBar{opacity:1;transform:scaleX(1)}.SearchTakeover.Open .SearchBar .BackButton,.SearchTakeover.Open .SearchBar .QueryField>*{opacity:1}.SearchTakeover.Open .SearchBar .BackButton{transform:translate(0)}@keyframes SearchSpin{to{transform:rotate(360deg)}}.MainTabBar{gap:8px;display:flex;position:relative}.MainTabBar .Tab{color:var(--gray10);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 8px;font-size:14px;font-weight:500;transition:color .2s,background .2s;display:flex}.MainTabBar .Tab:hover{color:var(--static-white);background:linear-gradient(#9999994d,#9999994d),linear-gradient(#33333373,#33333373)}.MainTabBar .Tab:active{color:var(--static-white);background:linear-gradient(#99999980,#99999980),linear-gradient(#333333a6,#333333a6)}.MainTabBar .Tab.Active{color:var(--static-white);font-weight:600}.MainTabBar .TabNotificationBadge{flex-shrink:0;margin-left:6px;display:block}.MainTabBar .Indicator{background:var(--primary-main);height:2px;box-shadow:0 -2px 8px 0 var(--primary-main), 0 -6px 16px 0 #fe1a7c99;border-top-left-radius:2px;border-top-right-radius:2px;transition:left .25s,width .25s;position:absolute;bottom:0}.MainTabBar.ScenarioTabBar{gap:0;width:100%}.MainTabBar.ScenarioTabBar:after{content:"";background:#454545;height:2px;position:absolute;bottom:0;left:0;right:0}.MainTabBar.ScenarioTabBar .Tab{border-radius:8px 8px 0 0;flex:1;gap:4px;padding:12px 0}.MainTabBar.ScenarioTabBar .Indicator{z-index:1;height:3px;bottom:-1px}.Home .Header{z-index:3;background:var(--bg);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #000}.Home .Header .TopBar{justify-content:space-between;align-items:center;padding:16px;display:flex}.Home .Header .TopBar .Logo{object-fit:contain;width:auto;height:40px}.Home .Header .TopBar .Actions{align-items:center;gap:8px;display:flex}.Home .Header .TopBar .Actions .Leaf{object-fit:contain;width:auto;height:20px}.Home .Header .TopBar .Actions .IconButton{width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.Home .Header .TopBar .Actions .Dot{background:#f44;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.Home .Header .MainTabBar{padding:0 16px}.Home .Hero .Stage{aspect-ratio:20/19;perspective:1200px;touch-action:pan-y;cursor:grab;width:100%;position:relative}.Home .Hero .Stage.Dragging{cursor:grabbing}.Home .Hero .Stage.Dragging .Slide{transition:none}.Home .Hero .Slide{aspect-ratio:280/340;background-color:var(--surface);transform-origin:50%;cursor:pointer;will-change:transform;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex-direction:column;justify-content:flex-end;width:78%;padding:16px;transition:transform .35s,opacity .35s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #00000073}.Home .Hero .Slide .Reflection{pointer-events:none;filter:blur(4px)grayscale(.7);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:100%;position:absolute;top:calc(100% + 4px);left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 55%,#0009 100%);mask-image:linear-gradient(#0000 55%,#0009 100%)}.Home .Hero .Slide .InfoBG{opacity:.8;background:linear-gradient(#0000,#000c);border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:100%;height:100%;position:absolute;bottom:0;left:0}.Home .Hero .Slide .Info{flex-direction:column;gap:8px;width:100%;padding:16px;display:flex;position:absolute;bottom:0;left:0}.Home .Hero .Slide .Info .Name{font-size:var(--font-title);text-align:center;margin:0;font-weight:700}.Home .Hero .Slide .Info .Desc{font-size:var(--font-small);color:var(--text-dim);white-space:pre-wrap;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;text-align:center;height:32px;margin:0;line-height:16px;overflow:hidden}.Home .Hero .Slide .Info .Tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.Home .Hero .Slide .Info .Tags .Tag{background:var(--glass);font-size:var(--font-small);color:var(--text-dim);border-radius:4px;padding:4px 10px;display:flex}.Home .Categories{flex-wrap:wrap;gap:14px 8px;padding:0 16px;display:flex}.Home .Categories .Chip{background-color:var(--surface);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:center;align-items:center;padding:11px 18px;display:flex}.Home .Categories .Chip .Label{font-size:var(--font-body-sub);color:var(--text);font-weight:600}.ScenarioCard{aspect-ratio:2/3;flex-grow:0;flex-shrink:0;width:160px;display:block;position:relative}.ScenarioCard .Container{background-color:var(--surface,#1f1f23);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:10px;display:flex;position:absolute;top:0;left:0}.ScenarioCard .Pill{font-size:var(--font-small-sub);background:#00000080;border-radius:6px;align-self:flex-start;align-items:center;gap:3px;padding:4px 6px;font-weight:500;display:flex}.ScenarioCard .Rank{background:var(--main,#fe1a7c);width:32px;height:32px;font-size:var(--font-body);border-top-right-radius:8px;border-bottom-left-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;right:0}.ScenarioCard .Info{flex-direction:column;gap:5px;margin-top:auto;display:flex}.ScenarioCard .Info .Name{font-size:var(--font-body);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.ScenarioCard .Info .Desc{font-size:var(--font-small);color:silver;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:16px;display:-webkit-box;overflow:hidden}.ScenarioCard .Info .Tags{font-size:var(--font-small);color:var(--gray03,#e1e2e4);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.ScenarioCard .Info .Creator{align-items:center;gap:6px;display:flex}.ScenarioCard .Info .Creator .Handle{font-size:var(--font-small-sub);color:var(--text-mute,#7e7e88);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ScenarioCard .Info .Creator .Badge{background:var(--pink-16,#fb4ba329);font-size:var(--font-small-sub);color:var(--main,#fe1a7c);border-radius:4px;padding:2px 6px;font-weight:600;display:flex}.ScenarioCard .Info .Creator .StatusTag{font-size:var(--font-small-sub);text-transform:capitalize;border-radius:4px;padding:2px 6px;font-weight:600}.ScenarioCard .Info .Creator .StatusTag.draft{color:#ffb400;background:#ffb40026}.ScenarioCard .Info .Creator .StatusTag.published{color:#00c864;background:#00c86426}.ScenarioCard .Info .Creator .StatusTag.beta{color:#50a0ff;background:#50a0ff26}.Home .Rail{flex-direction:column;gap:16px;display:flex;position:relative}.Home .Rail .Head{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.Home .Rail .Head .Title{font-size:var(--font-body);margin:0;font-weight:700}.Home .Rail .Head .Chevron{color:var(--text-mute);font-size:24px}.Home .Rail .Row{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.Home .Rail .Row::-webkit-scrollbar{display:none}.Home .Recent{flex-direction:column;gap:16px;display:flex}.Home .Recent .Head{align-items:center;padding:0 16px;display:flex}.Home .Recent .Head .Title{font-size:var(--font-body);margin:0;font-weight:700}.Home .Recent .Circles{scrollbar-width:none;gap:16px;padding:0 16px;display:flex;overflow-x:auto}.Home .Recent .Circles::-webkit-scrollbar{display:none}.Home .Recent .Circles .Circle{flex-direction:column;flex:0 0 66px;align-items:center;gap:8px;display:flex}.Home .Recent .Circles .Circle .Image{object-fit:cover;background:var(--surface);border-radius:50%;width:66px;height:66px}.Home .Recent .Circles .Circle .Name{max-width:66px;font-size:var(--font-small);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes bgEnter{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes frontEnter{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.Home .PromoBanner{height:80px;position:relative;overflow:hidden}.Home .PromoBanner .BG{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1)}.Home .PromoBanner .Front{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.Home .PromoBanner.visible .BG{animation:.7s ease-out forwards bgEnter}.Home .PromoBanner.visible .Front{animation:.7s ease-out .1s forwards frontEnter}.Home .PromoBanner .Title{font-size:var(--font-body);margin:0;font-weight:700}.Home .PromoBanner .Subtitle{font-size:var(--font-body-sub);color:var(--main);margin:0}.Home .CreateBanner{height:100px;position:relative;overflow:hidden}.Home .CreateBanner .Front{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.Home .ScenarioGrid{flex-direction:column;gap:16px;display:flex}.Home .ScenarioGrid .Filter{gap:12px;padding:0 16px;display:flex}.Home .ScenarioGrid .Filter .Dropdown{font-size:var(--font-body-sub);color:var(--text-dim)}.Home .ScenarioGrid .Grid{flex-wrap:wrap;justify-content:center;gap:16px;padding:0 16px;display:flex}.Home .ScenarioGrid .Grid .Empty{text-align:center;font-size:var(--font-body-sub);color:var(--text-mute);grid-column:1/-1;margin:0;padding:40px 0}.Home .ScenarioGrid .Grid .ScenarioCard{width:calc(33.33% - 12px)}@media (width<=624px){.Home .ScenarioGrid .Grid .ScenarioCard{width:calc(50% - 12px)}}.DropDownTrigger{cursor:pointer;letter-spacing:-.28px;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:14px;display:flex}.DropDownTrigger:disabled{opacity:.5}.DropDownOverlay{z-index:3;position:fixed;inset:0}.DropDownOverlay .DropDownMenu{background:var(--gray50);opacity:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:120px;padding:4px;transition:opacity .15s,transform .15s;position:fixed;transform:scale(.95);box-shadow:0 4px 16px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#0006)}.DropDownOverlay .DropDownMenu.visible{opacity:1;transform:scale(1)}.DropDownOverlay .DropDownMenu .DropDownOption{letter-spacing:-.28px;color:var(--lightningcss-light,#212121)var(--lightningcss-dark,#e5e7eb);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;padding:10px 14px;font-size:14px;line-height:20px;display:flex}.DropDownOverlay .DropDownMenu .DropDownOption.active{color:var(--primary-main)}.DropDownOverlay .DropDownMenu .DropDownOption:hover{background-color:var(--gray40)}.DropDownOverlay .DropDownMenu .DropDownOption:active{background-color:var(--gray30)}.CompanyFooter{text-align:center;color:#6c757d;max-width:800px;margin:0 auto;padding:1.5rem 2rem 2.5rem;font-size:.75rem;line-height:1.6}.CompanyFooter .Company{color:#495057;margin-bottom:.375rem;font-weight:600}.CompanyFooter .Info{flex-wrap:wrap;justify-content:center;margin-bottom:.5rem;display:flex}.CompanyFooter .Info span{white-space:nowrap}.CompanyFooter .Info .Separator{color:#ced4da;margin:0 .4rem}.CompanyFooter .Links{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.CompanyFooter .Links a{color:#495057;text-decoration:none}.CompanyFooter .Links a:hover{text-decoration:underline}.CompanyFooter .Links .Divider{color:#ced4da}.CompanyFooter .Copyright{color:#adb5bd}html:has(.Home){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.Home{--main:#fe1a7c;--bg:#0a0a0a;--surface:#1f1f23;--line:#39383d;--text:#fff;--text-dim:#e1e2e4;--text-mute:#7e7e88;--glass:#ffffff14;--pink-16:#fb4ba329;width:100%;max-width:720px;min-height:100vh;color:var(--text);flex-direction:column;margin:0 auto;display:flex}.Home .Body{flex-direction:column;gap:32px;padding:16px 0 40px;display:flex}.LoadingCircle{z-index:-1;background-color:#fff0;transition:all .4s;position:fixed;top:0;left:0}.LoadingCircle.Show{background-color:#f4f4f4cc}.LoadingCircle.Show.Animated{background-color:#e1e1e1cc}.LoadingCircle.Show{z-index:4}.LoadingCircle.Show .Holder{opacity:1}.LoadingCircle .Holder{--size:16px;left:calc(100% / 2 - var(--size) / 2);top:calc(100% / 2 - var(--size) / 2);width:var(--size);height:var(--size);opacity:0;transition:all .4s;position:absolute}.LoadingCircle .Holder:not(.Center) .Circle{animation-name:swingUpSideDown;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-fill-mode:none}.LoadingCircle .Holder .Circle{border-radius:var(--size);width:100%;height:100%;position:relative;-webkit-mask:url(https://static.kachit.ai/Circle.svg) 50% no-repeat;mask:url(https://static.kachit.ai/Circle.svg) 50% no-repeat}.LoadingCircle .Holder.Center .Circle{background-color:#a0bec8}.LoadingCircle .Holder.Bottom{transform:rotate(0)}.LoadingCircle .Holder.Bottom .Circle{background-color:#2e50a9}.LoadingCircle .Holder.Left{transform:rotate(90deg)}.LoadingCircle .Holder.Left .Circle{background-color:#ae31a9}.LoadingCircle .Holder.Top{transform:rotate(180deg)}.LoadingCircle .Holder.Top .Circle{background-color:#ab58dd}.LoadingCircle .Holder.Right{transform:rotate(270deg)}.LoadingCircle .Holder.Right .Circle{background-color:#799fd9}.LoadingCircle{--magnitude:24px}@keyframes swingUpSideDown{12.5%{transform:translate(0, var(--magnitude))}25%{transform:translate(0)}25.1%{transform:rotate(180deg)translate(0)}37.5%{transform:rotate(180deg) translate(0, var(--magnitude))}50%{transform:rotate(180deg)translate(0)}50.1%{transform:rotate(0)translate(0)}62.5%{transform:rotate(0deg) translate(0, var(--magnitude))}75%{transform:rotate(180deg) translate(0, var(--magnitude))}87.5%{transform:rotate(360deg) translate(0, var(--magnitude))}to{transform:rotate(360deg)translate(0)}}.BubbleWrapper{opacity:0;transition:opacity .3s}.BubbleContainer{flex-direction:row;align-items:flex-end;width:100%;padding-left:4px;padding-right:4px;display:flex}.BubbleContainer.Left{justify-content:flex-start}.BubbleContainer.Right{justify-content:flex-end}.Bubble{max-width:calc(var(--feed-width) * .7);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;margin-left:10px;margin-right:4px;padding:6px 10px;overflow:hidden}.Bubble.Their{background:var(--gray50);color:var(--lightningcss-light,#212121)var(--lightningcss-dark,#fff);margin-right:60px}.Bubble.Own{background:var(--primary-chat-bubble);color:var(--lightningcss-light,#212121)var(--lightningcss-dark,#fff);margin-left:60px}.Bubble.WithAvatar{border-top-left-radius:0}.Bubble.Transparent{background:0 0;padding:0}.Bubble .adsbygoogle{min-width:300px;min-height:50px}.BubbleText{word-break:keep-all;word-wrap:break-word;-webkit-user-select:none;user-select:none;font-size:14px;line-height:22px}.BubbleText .UrlText{color:#007aff;cursor:pointer;text-decoration:underline}.BubbleText .Bold{font-weight:700}.BubbleText .Italic{padding-right:3px;font-style:italic}.BubbleText .StyledSingle{color:var(--gray10)}.BubbleText .EmojiOnly{font-size:24px;line-height:36px}.BubbleImages{flex-direction:row;width:100%;display:flex}.BubbleImages.Left{justify-content:flex-start;padding-left:10px;padding-right:4px}.BubbleImages.Right{justify-content:flex-end;padding-left:4px;padding-right:10px}.ImageGrid{flex-wrap:wrap;gap:4px;max-width:70vw;height:200px;display:flex}.ImageGrid.Single .GridItem{width:200px;height:200px}.ImageGrid.Double{width:300px}.ImageGrid.Double .GridItem{width:calc(50% - 2px);height:100%}.ImageGrid.Triple{flex-direction:column;width:300px}.ImageGrid.Triple .GridItem:first-child{width:66%;height:100%}.ImageGrid.Triple .GridItem:not(:first-child){width:32%;height:calc(50% - 2px)}.ImageGrid.Quad .GridItem{width:calc(50% - 2px);height:calc(50% - 2px)}.GridItem{cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.GridItem img{object-fit:cover;width:100%;height:100%}.GridItem.Locked{background:#e5e7eb}.GridItem.Locked img{filter:blur(8px);image-rendering:pixelated}.GridItem.Locked:after{content:"🔒";justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.BubbleRender{opacity:0;flex-direction:row;align-items:flex-start;width:100%;transition:opacity .3s;display:flex}.BubbleRender.Left{justify-content:flex-start}.BubbleRender.Right{justify-content:flex-end}.BubbleRender.SystemImage{background:#000;border-top:12px solid #333;border-bottom:12px solid #333;width:calc(100% + 32px);margin:12px 0 12px -16px}.BubbleRender.SystemImage a{width:100%;display:block}.BubbleRender.SystemImage img{aspect-ratio:2;object-fit:cover;cursor:pointer;width:100%}.BubbleRender:has(.AvatarSpace>.AvatarButton){margin-top:16px}.BubbleRender .AvatarSpace{flex-shrink:0;justify-content:flex-end;align-items:center;width:36px;display:flex}.BubbleRender .AvatarButton{cursor:pointer;background:0 0;border:none;padding:0}.BubbleRender .Avatar{object-fit:cover;border-radius:16px;width:32px;height:32px}.BubbleRender .Avatar.AvatarPlaceholder{background:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#374151);justify-content:center;align-items:center;display:flex}.BubbleRender .BubbleContent{flex-direction:column;min-width:0;display:flex}.BubbleRender .SenderName{cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;margin-bottom:2px;margin-left:10px;padding:0;font-size:14px}.NekoScenarioCard{cursor:pointer;opacity:.8;pointer-events:auto;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;width:288px;padding-top:12px;transition:transform .3s,opacity .3s;display:flex;position:relative;overflow:clip;transform:scale(.9)}.NekoScenarioCard.Active{opacity:1;transform:scale(1)}.NekoScenarioCard .GlassOverlay{mix-blend-mode:plus-lighter;pointer-events:none;background:#ffffff0d;border-radius:16px;position:absolute;inset:0}.NekoScenarioCard .ImageSection{flex-shrink:0;width:263px;height:276px;position:relative}.NekoScenarioCard .ImageSection .ImageFrame{background:#1a1a1f;border:1px solid #fff6;border-radius:12px;position:absolute;inset:0;overflow:hidden}.NekoScenarioCard .ImageSection .ImageFrame img{object-fit:cover;width:100.16%;max-width:none;height:159.06%;position:absolute;top:-18.73%;left:-.08%}.NekoScenarioCard .ImageSection .ImageFrame .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite CardImageSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.NekoScenarioCard .ImageSection .SpeechBubble{-webkit-backdrop-filter:blur(3.4px);backdrop-filter:blur(3.4px);color:#fff;background:#fe1a7ccc;border-radius:0 14px 14px;width:197px;padding:4px 8px;font-size:14px;font-weight:500;line-height:1.5;position:absolute;bottom:10px;left:11px}.NekoScenarioCard .ImageSection .SpeechBubble .BubbleRender{margin-top:0}.NekoScenarioCard .ImageSection .SpeechBubble .BubbleRender .AvatarSpace{display:none}.NekoScenarioCard .ImageSection .SpeechBubble .Bubble{max-width:none;color:inherit;background:0 0;margin:0;padding:0}.NekoScenarioCard .ImageSection .SpeechBubble .BubbleText{font-size:inherit;line-height:inherit;font-weight:inherit}.NekoScenarioCard .ImageSection .SpeechBubble .BubbleText .StyledSingle{color:inherit}.NekoScenarioCard .ImageSection .EditBtn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;color:#fff;background:#00000059;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:8px;right:8px}.NekoScenarioCard .InfoSection{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.NekoScenarioCard .InfoSection .TextGroup{flex-direction:column;gap:8px;width:100%;line-height:1.3;display:flex}.NekoScenarioCard .InfoSection .TextGroup .Name{color:#fff;white-space:nowrap;margin:0;font-size:24px;font-weight:600}.NekoScenarioCard .InfoSection .TextGroup .Desc{color:#7e7e88;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.NekoScenarioCard .InfoSection .TagRow{flex-wrap:nowrap;gap:4px;display:flex;overflow:hidden}.NekoScenarioCard .InfoSection .TagRow .Tag{color:#7e7e88;white-space:nowrap;background:#ffffff1a;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:500}.NekoScenarioCard .InfoSection .QuickReply{background:#0000004d;border-radius:999px;justify-content:space-between;align-items:center;width:100%;padding:6px 6px 6px 12px;display:flex}.NekoScenarioCard .InfoSection .QuickReply .Text{color:#7e7e88;flex:1;font-size:14px;font-weight:400;line-height:24px}.NekoScenarioCard .InfoSection .QuickReply .SendBtn{cursor:pointer;background:#fe1a7c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .15s;display:flex}.NekoScenarioCard .InfoSection .QuickReply .SendBtn:active{opacity:.8}.NekoScenarioCard .GlassInset{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px 0 -.5px #333,inset -1px -1px 0 -.5px #262626,inset 1px 1px .5px -1px #fff9,inset -1px -1px .5px -1px #fff9,inset 0 0 6px #ffffff2e}@keyframes CardImageSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.NotFoundScenarioCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#141418d1;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:300px;padding:28px;display:flex;position:relative;overflow:clip}.NotFoundScenarioCard .CatWrap{justify-content:center;align-items:center;display:flex}.NotFoundScenarioCard .CatWrap img{width:100%;height:auto;display:block}.NotFoundScenarioCard .Title{color:#fff;text-align:center;letter-spacing:-.24px;margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.5}.NotFoundScenarioCard .Subtitle{color:#7e7e88;text-align:center;white-space:nowrap;margin:0 0 24px;font-size:14px;font-weight:400;line-height:1.5}.NotFoundScenarioCard .BtnPrimary{color:#fff;cursor:pointer;white-space:nowrap;background:#fe1a7c;border:none;border-radius:8px;width:232px;height:53px;margin-bottom:8px;font-size:16px;font-weight:600;transition:opacity .15s}.NotFoundScenarioCard .BtnPrimary:active{opacity:.85}.NotFoundScenarioCard .BtnSecondary{color:#dadada;cursor:pointer;white-space:nowrap;background:#8c8c8c4d;border:none;border-radius:8px;width:232px;height:53px;font-size:16px;font-weight:500;transition:opacity .15s}.NotFoundScenarioCard .BtnSecondary:active{opacity:.7}.NotFoundScenarioCard .GlassInset{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px 0 -.5px #333,inset -1px -1px 0 -.5px #262626,inset 1px 1px .5px -1px #fff9,inset -1px -1px .5px -1px #fff9,inset 0 0 6px #ffffff2e}.KachitButton{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:48px;padding:12px;font-size:14px;line-height:20px;display:inline-flex}.KachitButton.Primary{background:var(--primary-main);color:var(--static-white);letter-spacing:.14px;font-weight:500}.KachitButton.Primary:hover{background:var(--primary-strong);color:#ffffffe6}.KachitButton.Primary:active{background:var(--primary-heavy);color:#ffffffb3}.KachitButton.Secondary{background:var(--gray40);color:var(--gray10);letter-spacing:.14px;font-weight:500}.KachitButton.Secondary:hover{background:var(--gray50)}.KachitButton.Secondary:active{background:var(--gray65);color:var(--gray20)}.KachitButton.Outline{border:1px solid var(--gray40);color:var(--gray10);letter-spacing:-.28px;background:0 0;font-weight:500}.KachitButton.Outline:hover{background:var(--gray50);border-color:var(--gray50)}.KachitButton.Outline:active{background:var(--gray70);border-color:var(--gray40);color:var(--gray20)}.AddButton{border-style:dashed;border-color:var(--gray30);border-width:1.5px;margin:4px 0 16px}.AddButton:hover,.AddButton:active{border-color:var(--gray30)!important;background:0 0!important}.KachitButton.Ghost{color:var(--gray10);background:0 0;font-weight:500;box-shadow:0 0 1px #0000000d,0 4px 4px #00000014}.KachitButton.Ghost:hover{background:var(--gray50);box-shadow:none}.KachitButton.Ghost:active{background:var(--gray70);color:var(--gray30);box-shadow:none}.ScenarioRecommCarousel{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-items:center;gap:14px;padding-inline:calc(50% - 144px);display:flex;overflow-x:scroll}.ScenarioRecommCarousel::-webkit-scrollbar{display:none}.ScenarioRecommCarousel>*{scroll-snap-align:center}.ScenarioRecommCarousel.Empty{scroll-snap-type:none;justify-content:center;padding-inline:0;overflow:hidden}.ScenarioKeywordsSection .Head{flex-direction:column;gap:8px;display:flex}.ScenarioKeywordsSection .Subtitle{color:#7e7e88;margin:0;font-size:14px;line-height:21px}.ScenarioKeywordsSection .Groups{flex-direction:column;gap:24px;display:flex}.ScenarioKeywordsSection .Group{flex-direction:column;gap:8px;display:flex}.ScenarioKeywordsSection .Group .GroupLabel{color:#e1e2e4;margin:0;font-size:14px;line-height:21px}.ScenarioKeywordsSection .Group .Chips{flex-wrap:wrap;gap:8px;display:flex}.ScenarioKeywordsSection .Group .Chip{color:#e1e2e4;background:#28272b;border-radius:8px;align-items:center;padding:6px 12px;font-size:14px;line-height:21px;display:flex}.ScenarioKeywordsSection .Cta{cursor:pointer;background:#1f1f23;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:13px 12px;display:flex}.ScenarioKeywordsSection .Cta .Label{color:#fff;font-size:14px;font-weight:500}.ScenarioKeywordsSection .Cta .Accent{color:#fe1a7c;font-weight:700}.ScenarioKeywordsSection .Cta .Chevron{color:#7e7e88;flex-shrink:0;font-size:24px}@keyframes SheetImageSpin{to{transform:rotate(360deg)}}.CharacterPreviewSheet{z-index:3;min-height:0;overflow-y:auto}.CharacterPreviewSheet .Scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:24px;padding:0 20px 16px;display:flex}.CharacterPreviewSheet .Scroll::-webkit-scrollbar{display:none}.CharacterPreviewSheet .Hero{justify-content:center;padding-top:8px;display:flex}.CharacterPreviewSheet .Hero .Image{object-fit:cover;border-radius:16px;width:120px;height:160px}.CharacterPreviewSheet .Hero .ImageWithSpinner{width:120px;height:160px;position:relative}.CharacterPreviewSheet .Hero .ImageWithSpinner .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:24px;height:24px;margin:auto;animation:.8s linear infinite SheetImageSpin;position:absolute;inset:0}.CharacterPreviewSheet .Hero .ImagePlaceholder{background:#28272b;border-radius:16px;justify-content:center;align-items:center;width:120px;height:160px;display:flex}.CharacterPreviewSheet .Hero .ImagePlaceholder .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite SheetImageSpin}.CharacterPreviewSheet .Name{color:#fff;text-align:center;margin:0;font-size:20px;font-weight:700}.CharacterPreviewSheet .Section{flex-direction:column;gap:8px;display:flex}.CharacterPreviewSheet .Section .SectionTitle{color:#e1e2e4;margin:0;font-size:14px;font-weight:600}.CharacterPreviewSheet .Section .SectionBody{color:#7e7e88;white-space:pre-wrap;margin:0;font-size:14px;line-height:21px}.CharacterPreviewSheet .Footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #28272b;flex-shrink:0;position:sticky;bottom:0}.CharacterPreviewSheet .Footer .Cta{color:#fff;letter-spacing:.14px;cursor:pointer;background:#fe1a7c;border:none;border-radius:12px;width:100%;height:48px;font-size:14px;font-weight:500;transition:opacity .2s}.CharacterPreviewSheet .Footer .Cta:disabled{opacity:.4;cursor:default}.NekoStage{color:#fff;background:#050507;width:100%;height:100dvh;font-family:Pretendard JP,Pretendard,sans-serif;position:relative}.NekoStage canvas{position:absolute;inset:0}.NekoStage.Page4 canvas{pointer-events:none}.NekoStage .Ui{pointer-events:none;flex-direction:column;max-width:720px;margin:0 auto;display:flex;position:absolute;inset:0}.NekoStage .Ui .Header{pointer-events:auto;flex-shrink:0;align-items:center;gap:16px;padding:16px 20px 8px;display:flex}.NekoStage .Ui .Header .Back{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1;transition:opacity .2s}.NekoStage .Ui .Header .Back:disabled{opacity:.3;cursor:default}.NekoStage .Ui .Header .Progress{flex:1;gap:8px;display:flex}.NekoStage .Ui .Header .Progress .Segment{background:#ffffff4f;border-radius:2px;flex:1;height:4px;transition:background .3s}.NekoStage .Ui .Header .Progress .Segment.Active{background:#fe1a7c}.NekoStage .Ui .Body{pointer-events:none;flex-direction:column;flex:1;min-height:0;display:flex}.NekoStage .Ui .Body .Title{text-align:center;pointer-events:none;margin:20px 0 0;font-size:24px;font-weight:600;line-height:1.3}.NekoStage .Ui .Body .OrbSpace{flex:1}.NekoStage .Ui .Body .KeywordInput{pointer-events:auto;flex-direction:column;gap:12px;width:100%;padding:0 20px 10px;display:flex}.NekoStage .Ui .Body .KeywordInput.Blocking{pointer-events:none}.NekoStage .Ui .Body .KeywordInput.Blocking .Chip:not(.Loading),.NekoStage .Ui .Body .KeywordInput.Blocking .InputRow{opacity:.5}.NekoStage .Ui .Body .KeywordInput .ChipRow{flex-wrap:wrap;gap:8px;display:flex}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip{letter-spacing:.13px;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;display:flex;position:relative}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip.Selected{color:#ff66a8;background:#fb4ba329;border:1px solid #fb4ba33d;padding-right:22px}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip.Selected .RemoveBtn{color:#fff;pointer-events:none;background:#121212;border:.5px solid #b7babf80;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;line-height:1;display:flex;position:absolute;top:-2px;right:-4px}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip.Suggested{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;box-shadow:inset 0 0 3px #fff6,inset 0 0 16px #f2f2f20f}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip.Loading{cursor:default;background:#ffffff0f;border:1px solid #ffffff1f}.NekoStage .Ui .Body .KeywordInput .ChipRow .Chip.Loading .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite NekoChipSpin}.NekoStage .Ui .Body .KeywordInput .InputRow{gap:6px;display:flex}.NekoStage .Ui .Body .KeywordInput .InputRow .AiBtn{cursor:pointer;background:#1f1f23;border:1px solid #fff6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .2s;display:flex}.NekoStage .Ui .Body .KeywordInput .InputRow .AiBtn:disabled{opacity:.4;cursor:default}.NekoStage .Ui .Body .KeywordInput .InputRow .AiBtn img{width:24px;height:24px}.NekoStage .Ui .Body .KeywordInput .InputRow .Input{color:#fff;letter-spacing:.14px;background:#1f1f23;border:1px solid #fff6;border-radius:12px;outline:none;flex:1;height:46px;padding:0 16px;font-size:14px}.NekoStage .Ui .Body .KeywordInput .InputRow .Input::placeholder{color:#7e7e88}.NekoStage .Ui .Body .GenderCards{pointer-events:auto;justify-content:center;gap:10px;padding:0 20px 10px;display:flex}.NekoStage .Ui .Body .GenderCards .Card{color:#fff;letter-spacing:.16px;cursor:pointer;background:#ffffff24;border:.7px solid #fff6;border-radius:12px;width:100px;height:140px;font-size:16px;font-weight:500;transition:border-color .2s,background .2s}.NekoStage .Ui .Body .GenderCards .Card.Selected{background:#fe1a7c33;border-color:#fe1a7c}.NekoStage .Ui .GeneratingIndicator{justify-content:center;margin-top:auto;padding:0 20px 46px;display:flex}.NekoStage .Ui .GeneratingIndicator .Spinner{border:2px solid #fff3;border-top-color:#ff66a8;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite NekoChipSpin}.NekoStage .Ui .Footer{pointer-events:auto;flex-shrink:0;padding:16px 20px 20px}.NekoStage .Ui .Footer .Next{-webkit-user-select:none;user-select:none;color:#fff;letter-spacing:.14px;cursor:pointer;background:#fe1a7c;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:opacity .2s}.NekoStage .Ui .Footer .Next:disabled{opacity:.4;cursor:default}@keyframes NekoChipSpin{to{transform:rotate(360deg)}}p{line-height:200%}div:has(div)>p:first-child{font-weight:700}.Document{overflow:inherit}.Universe{touch-action:none;width:100%;height:100dvh;overflow:hidden}.Universe canvas{touch-action:none;display:block}#root:has(.Universe){max-width:100%;margin:0}.CharacterListHeader{z-index:3;background:#161616;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.CharacterListHeader .Title{color:var(--static-white);font-size:24px;font-weight:600}.CharacterListHeader .Actions{align-items:center;gap:8px;display:flex}.CharacterListHeader .IconButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:relative}.EnergyNotice{background:#141414}.EnergyNotice .Header{justify-content:space-between;align-items:center;padding:20px 16px 8px;display:flex}.EnergyNotice .Header .Spacer{width:24px}.EnergyNotice .Header .Title{color:#fff;font-size:16px;font-weight:600}.EnergyNotice .Header .Close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.EnergyNotice .Content{flex-direction:column;gap:24px;padding:16px 20px 24px;display:flex}.EnergyNotice .EnergySection{flex-direction:column;align-items:center;gap:8px;display:flex}.EnergyNotice .EnergyCard{background:#2b2b2b80;border:1px solid #70737c85;border-radius:12px;width:100%;padding:14px 20px}.EnergyNotice .EnergyRow{justify-content:center;align-items:center;gap:12px;display:flex}.EnergyNotice .BoltsRow{align-items:center;gap:6px;display:flex}.EnergyNotice .TimerRow{align-items:center;gap:4px;display:flex}.EnergyNotice .TimerText{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.EnergyNotice .Subtitle{color:#70737c85;text-align:center;margin:0;font-size:12px}.EnergyNotice .DailyPassSection{flex-direction:column;align-items:center;gap:16px;display:flex}.EnergyNotice .Description{text-align:center}.EnergyNotice .Description p{color:#fff;margin:0;font-size:16px;font-weight:500;line-height:24px}.EnergyNotice .DailyPassCard{cursor:pointer;text-align:left;background:#1c1c1c;border:1px solid #a10de4;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:12px 20px;display:flex}.EnergyNotice .DailyPassCard:hover{opacity:.85}.EnergyNotice .CardRow{justify-content:space-between;align-items:center;display:flex}.EnergyNotice .CardLeft{align-items:center;gap:8px;display:flex}.EnergyNotice .CardTitle{color:#fff;letter-spacing:-.18px;font-size:18px;font-weight:500}.EnergyNotice .PriceBadge{background:#323232;border-radius:100px;align-items:center;padding:0 6px;display:flex}.EnergyNotice .PriceText{color:#fff;font-size:12px;font-weight:500;line-height:24px}.EnergyNotice .Benefits{flex-direction:column;display:flex}.EnergyNotice .Benefit{color:#6f7176;font-size:12px;line-height:19px}.EnergyNotice .Cta{color:#fff;letter-spacing:-.16px;cursor:pointer;background:linear-gradient(90deg,#b10efb,#de07f6);border:none;border-radius:12px;width:100%;height:46px;font-size:16px;font-weight:600}.EnergyNotice .Cta:hover{opacity:.9}.EnergyNotice .AutoRow{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.EnergyNotice .AutoText{flex-direction:column;flex:1;gap:2px;display:flex}.EnergyNotice .AutoLabel{color:#ffffffb3;font-size:14px;font-weight:500}.EnergyNotice .AutoDesc{color:#70737cb8;font-size:11px}.EnergyNotice .Toggle{cursor:pointer;flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.EnergyNotice .Toggle input{opacity:0;width:0;height:0;position:absolute}.EnergyNotice .Toggle .Track{background:#404040;border-radius:999px;transition:background .2s;position:absolute;inset:0}.EnergyNotice .Toggle .Track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.EnergyNotice .Toggle input:checked+.Track{background:#722cff}.EnergyNotice .Toggle input:checked+.Track:after{transform:translate(18px)}html:has(.CharacterList){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.CharacterList{background:var(--section-bg);flex-direction:column;width:100%;max-width:720px;min-height:calc(100vh - 72px);display:flex;position:relative}.CharacterList .ScrapedSection{background:var(--section-bg);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.CharacterList .ScrapedSection .SectionHeader{color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.CharacterList .ScrapedSection .SectionHeader .SectionTitle{letter-spacing:-.32px;margin:0;font-size:16px;font-weight:500}.CharacterList .ScrapedSection .ScrapedList{scrollbar-width:none;gap:16px;padding:0 16px;display:flex;overflow-x:auto}.CharacterList .ScrapedSection .ScrapedList::-webkit-scrollbar{display:none}.CharacterList .ScenarioCircle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:60px;padding:0;display:flex}.CharacterList .ScenarioCircle .CircleImage{object-fit:cover;background:var(--color-bg-light);border-radius:50%;width:60px;height:60px}.CharacterList .ScenarioCircle .TextContainer{flex-direction:column;align-items:center;width:100%;display:flex}.CharacterList .ScenarioCircle .Title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:12px;font-weight:700;overflow:hidden}.CharacterList .Divider{background:var(--border);flex-shrink:0;height:1px;margin:0 16px 8px}.CharacterList .RoomList{flex-direction:column;flex:1;gap:6px;padding:0 16px 16px;display:flex}.CharacterList .Empty{justify-content:center;align-items:center;padding:80px 32px;display:flex}.CharacterList .Empty p{color:var(--text-secondary);text-align:center;font-size:14px}.NoticeTypeChip{white-space:nowrap;border-style:solid;border-width:.3px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;line-height:16px;display:inline-flex}.NoticeTypeChip.notice\:info{color:#3993f7;background:#101429;border-color:#3396fc}.NoticeTypeChip.notice\:event{color:var(--primary-light);background:#291f27;border-color:#fe53d0}.NoticeTypeChip.notice\:update{color:#49b86c;background:#19291d;border-color:#49b86c}.NoticeTypeChip.notice\:admin{color:#f0a500;background:#27200e;border-color:#f0a500}.NoticeCell{border-bottom:1px solid var(--gray50);background:0 0;align-items:flex-start;gap:8px;padding:16px;display:flex}.NoticeCell.Clickable{cursor:pointer}.NoticeCell:has(.UnreadDot){background:var(--gray50)}.NoticeCell .Body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.NoticeCell .Body .TitleRow{align-items:center;gap:8px;display:flex}.NoticeCell .Body .TitleRow .Title{color:var(--static-white);white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:22px;overflow:hidden}.NoticeCell .Body .Date{color:var(--gray20);font-size:12px;line-height:22px}.NoticeCell .UnreadDot{background:var(--primary-main);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.NoticeFilterBar{scrollbar-width:none;align-items:center;gap:14px;padding:12px 16px;display:flex;overflow-x:auto}.NoticeFilterBar::-webkit-scrollbar{display:none}.NoticeFilterBar .FilterChip{border:1px solid var(--gray40);color:var(--gray20);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 12px;font-size:14px;line-height:1.5;display:flex}.NoticeFilterBar .FilterChip.Active{background:var(--gray40);color:var(--static-white);border-color:var(--gray40)}html:has(.CharacterchatNotice){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.CharacterchatNotice{color:#fff;background:#0a0a0a;flex-direction:column;width:100%;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.CharacterchatNotice .Appbar{z-index:2;background:#0a0a0a;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.CharacterchatNotice .Appbar .AppbarButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:56px;padding:0;display:flex}.CharacterchatNotice .Appbar .AppbarTitle{font-size:16px;font-weight:600}.CharacterchatNotice .List{flex-direction:column;display:flex}.CharacterchatNotice .Empty{color:#fff9;text-align:center;padding:80px 32px;font-size:14px}.CharacterchatNotice .LoadMore{width:100%;font-size:var(--font-body-sub);color:var(--gray10);cursor:pointer;text-align:center;background:0 0;border:none;padding:16px;display:block}.NoticeDetail{width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);background:#161616;flex-direction:column;margin:0 auto;display:flex}.NoticeDetail .Appbar{z-index:2;background:#161616;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.NoticeDetail .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.NoticeDetail .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.NoticeDetail .Header{border-bottom:1px solid var(--gray50);flex-direction:column;gap:4px;padding:16px;display:flex}.NoticeDetail .Header .TitleRow{align-items:center;gap:8px;display:flex}.NoticeDetail .Header .TitleRow .Title{color:var(--static-white);font-size:16px;line-height:22px}.NoticeDetail .Header .Date{color:var(--gray20);font-size:12px;line-height:22px}.NoticeDetail .Body{flex-direction:column;gap:16px;padding:16px;display:flex}.NoticeDetail .Body .Banner{aspect-ratio:328/172;object-fit:cover;border-radius:8px;width:100%}.NoticeDetail .Body .BodyText{color:var(--static-white);white-space:pre-wrap;font-size:14px;line-height:24px}.NoticePreferencePage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.NoticePreferencePage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.NoticePreferencePage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.NoticePreferencePage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.NoticePreferencePage .Body{flex-direction:column;gap:16px;padding:16px 16px 32px;display:flex}.NoticePreferencePage .SectionLabel{color:var(--gray20);margin:0;font-size:14px;font-weight:500;line-height:1.5}.NoticePreferencePage .Divider{background:var(--gray50);height:1px;margin:0 -4px}.NoticePreferencePage .PrefRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.NoticePreferencePage .PrefRow .PrefText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.NoticePreferencePage .PrefRow .PrefText .PrefLabel{color:var(--static-white);font-size:14px;font-weight:500;line-height:1.5}.NoticePreferencePage .PrefRow .PrefText .PrefDesc{color:var(--gray05);font-size:12px;line-height:1.5}.NoticePreferencePage .Toggle{cursor:pointer;border:none;border-radius:100px;flex-shrink:0;align-items:center;width:46px;height:24px;padding:2px 4px;transition:background .2s,justify-content .2s;display:flex;position:relative}.NoticePreferencePage .Toggle:after{content:"";background:var(--static-white);border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px}.NoticePreferencePage .Toggle.On{background:var(--primary-main)}.NoticePreferencePage .Toggle.On:after{left:calc(100% - 21px)}.NoticePreferencePage .Toggle.Off{background:var(--gray40)}.NoticePreferencePage .Toggle.Off:after{left:3px}.NoticePreferencePage .Toggle.Saving{opacity:.6;cursor:default}.ActivityCell{border-bottom:1px solid var(--gray50);align-items:flex-start;gap:12px;padding:16px 24px 16px 16px;display:flex}.ActivityCell.Clickable{cursor:pointer}.ActivityCell.Unread{background:var(--gray50)}.ActivityCell .IconBox{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.ActivityCell .IconBox.pink{background:var(--primary-alpha-16)}.ActivityCell .IconBox.blue{background:#101429}.ActivityCell .IconBox img{object-fit:contain;width:20px;height:20px}.ActivityCell .Content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ActivityCell .Content .Text{color:var(--static-white);font-size:16px;line-height:22px}.ActivityCell .Content .Meta{color:var(--gray20);white-space:nowrap;gap:4px;font-size:12px;line-height:22px;display:flex}.ActivityCell .UnreadDot{background:var(--primary-main);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.ActivityPage{width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);background:#161616;flex-direction:column;margin:0 auto;display:flex}.ActivityPage .Appbar{z-index:2;background:#161616;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.ActivityPage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.ActivityPage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.ActivityPage .List{flex-direction:column;padding-top:10px;display:flex}.ActivityPage .Empty{color:var(--gray10);text-align:center;padding:80px 32px;font-size:14px}.ActivityPage .LoadMore{width:100%;font-size:var(--font-body-sub);color:var(--gray10);cursor:pointer;text-align:center;background:0 0;border:none;padding:16px;display:block}.AccountPage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.AccountPage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.AccountPage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.AccountPage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.AccountPage .Body{flex-direction:column;flex:1;justify-content:space-between;padding:16px;display:flex}.AccountPage .Body .Fields{flex-direction:column;gap:24px;display:flex}.AccountPage .Body .Fields .Field{flex-direction:column;gap:6px;display:flex}.AccountPage .Body .Fields .Field .FieldLabel{letter-spacing:-.28px;color:var(--static-white);font-size:14px;font-weight:500;line-height:1.5}.AccountPage .Body .Fields .Field .FieldInput{background:var(--gray60);border:1px solid var(--gray40);border-radius:10px;align-items:center;padding:10px 14px;display:flex}.AccountPage .Body .Fields .Field .FieldInput .FieldValue{letter-spacing:-.28px;color:var(--gray10);flex:1;font-size:14px;line-height:1.5}.AccountPage .Body .Fields .Field .FieldInput .FieldValue.Placeholder{color:var(--gray30)}.AccountPage .Body .Fields .Field .FieldInput .ProviderBadge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;overflow:hidden}.AccountPage .Body .Fields .Field .FieldInput .ProviderBadge img{object-fit:contain;width:100%;height:100%}.AccountPage .Body .Fields .Field .FieldInput .ProviderBadge.GoogleBadge{background:#fff;padding:2px}.AccountPage .Body .Fields .Field .FieldInput .ProviderBadge.AppleBadge{color:#fff;background:#000;padding:2px}.AccountPage .Body .Fields .Field .FieldInputButton{background:var(--gray60);border:1px solid var(--gray40);cursor:pointer;text-align:left;border-radius:10px;width:100%}.AccountPage .Body .Fields .Field .GenderToggle{gap:6px;display:flex}.AccountPage .Body .Fields .Field .GenderToggle .GenderOption{background:var(--gray60);border:1px solid var(--gray40);letter-spacing:-.28px;color:var(--gray10);text-align:center;cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:14px;line-height:1.5;transition:background .15s,border-color .15s,color .15s}.AccountPage .Body .Fields .Field .GenderToggle .GenderOption.Active{background:var(--primary-alpha-10);border-color:var(--primary-light);color:var(--primary-light)}.AccountPage .Body .Fields .Field .GenderToggle .GenderOption:disabled{cursor:default}.AccountPage .Body .WithdrawButton{width:100%;color:var(--gray40);text-align:center;cursor:pointer;background:0 0;border:none;padding:16px;font-size:14px;line-height:1.5;display:block}.CalendarSheet{padding:0 16px 16px}.CalendarSheet .CalendarHeader{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.CalendarSheet .CalendarHeader .CalendarMonthLabel{color:var(--static-white);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:16px;font-weight:600;transition:background .12s;display:flex}.CalendarSheet .CalendarHeader .CalendarMonthLabel:hover{background:var(--gray60)}.CalendarSheet .CalendarHeader .CalendarMonthLabel .CalendarChevron{color:var(--gray05);flex-shrink:0}.CalendarSheet .CalendarHeader .CalendarNav{width:36px;height:36px;color:var(--gray05);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.CalendarSheet .CalendarHeader .CalendarNav:hover{background:var(--gray60)}.CalendarSheet .CalendarWeekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.CalendarSheet .CalendarWeekdays span{text-align:center;color:var(--gray10);padding:4px 0;font-size:12px}.CalendarSheet .CalendarGrid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.CalendarSheet .CalendarGrid .CalendarDay{aspect-ratio:1;color:var(--static-white);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .12s;display:flex}.CalendarSheet .CalendarGrid .CalendarDay.Selected{background:var(--primary-main);color:var(--static-white);font-weight:600}.CalendarSheet .CalendarGrid .CalendarDay.Empty{pointer-events:none}.CalendarSheet .CalendarGrid .CalendarDay:disabled{opacity:0}.CalendarSheet .CalendarYMGrid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 0 16px;display:grid}.CalendarSheet .CalendarYMGrid .CalendarYMCell{border:1px solid var(--gray40);color:var(--static-white);cursor:pointer;background:0 0;border-radius:10px;padding:12px 0;font-size:14px;transition:background .12s,border-color .12s,color .12s}.CalendarSheet .CalendarYMGrid .CalendarYMCell:hover{background:var(--gray60)}.CalendarSheet .CalendarYMGrid .CalendarYMCell.Selected{background:var(--primary-alpha-10);border-color:var(--primary-light);color:var(--primary-light);font-weight:600}.CalendarSheet .CalendarConfirm{margin-top:20px}.PersonaPage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.PersonaPage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:48px;padding:8px 16px;display:flex;position:sticky;top:0}.PersonaPage .Appbar .AppbarButton{width:32px;height:32px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.PersonaPage .Appbar .AppbarTitle{font-size:16px;font-weight:500;line-height:1.3}.PersonaPage .Appbar .SaveButton{letter-spacing:.14px;color:var(--gray20);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:4px 8px;font-size:14px;font-weight:500;transition:color .15s}.PersonaPage .Appbar .SaveButton.Active{color:var(--primary-main)}.PersonaPage .Body{flex-direction:column;flex:1;justify-content:space-between;padding:16px;display:flex}.PersonaPage .Body .Fields{flex-direction:column;gap:16px;display:flex}.PersonaPage .Body .Fields .Field{flex-direction:column;gap:8px;display:flex}.PersonaPage .Body .Fields .Field .FieldLabel{letter-spacing:-.28px;color:var(--static-white);font-size:14px;font-weight:500;line-height:1.5}.PersonaPage .Body .Fields .Field .InputWrapper{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.PersonaPage .Body .Fields .Field .InputWrapper .FieldInput{background:var(--gray70);border:1px solid var(--gray40);border-radius:10px;align-items:center;width:100%;padding:10px 14px;display:flex}.PersonaPage .Body .Fields .Field .InputWrapper .FieldInput .FieldInputText{letter-spacing:-.28px;color:var(--static-white);caret-color:var(--primary-light);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:1.5}.PersonaPage .Body .Fields .Field .InputWrapper .FieldInput .FieldInputText::placeholder{color:var(--gray20)}.PersonaPage .Body .Fields .Field .InputWrapper .CharCount{letter-spacing:-.24px;color:var(--gray03);opacity:.5;font-size:12px;font-weight:500}.PersonaPage .Body .Fields .Field .UseProfileNameButton{background:var(--gray50);border:1px solid var(--gray20);color:var(--gray05);cursor:pointer;border-radius:12px;align-self:center;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .12s;display:flex}.PersonaPage .Body .Fields .Field .UseProfileNameButton:hover{background:var(--gray40)}.PersonaPage .Body .Fields .Field .UseProfileNameButton svg{flex-shrink:0}.PersonaPage .Body .ExplainSection{flex-direction:column;gap:10px;padding:0 4px 36px;display:flex}.PersonaPage .Body .ExplainSection .ExplainTitle{letter-spacing:.16px;color:var(--gray03);font-size:16px;line-height:1.5}.PersonaPage .Body .ExplainSection .ExplainBody{letter-spacing:.12px;color:var(--gray10);font-size:12px;line-height:1.5}.LanguagePage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.LanguagePage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.LanguagePage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.LanguagePage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.LanguagePage .LanguageList{flex-direction:column;gap:8px;padding:16px 16px 32px;display:flex}.LanguagePage .LanguageList .LanguageRow{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:space-between;align-items:center;padding:14px 12px;display:flex}.LanguagePage .LanguageList .LanguageRow .LanguageLabel{letter-spacing:.16px;color:var(--gray10);font-size:16px;font-weight:500;line-height:1.5}.LanguagePage .LanguageList .LanguageRow.Active .LanguageLabel{color:var(--primary-main)}.StorePage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.StorePage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.StorePage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.StorePage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.StorePage .Banner{background:linear-gradient(173.85deg, var(--primary-light) 6.5%, #8c0e44 97%);flex-shrink:0;width:100%;overflow:hidden}.StorePage .Banner img{width:100%}.StorePage .Section{flex-direction:column;gap:8px;padding:24px 16px;display:flex}.StorePage .Section .SectionTitle{letter-spacing:.16px;font-size:16px;font-weight:500}.StorePage .BalanceCard{background:var(--gray60);border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.StorePage .BalanceCard .BalanceRow{justify-content:space-between;align-items:center;display:flex}.StorePage .BalanceCard .BalanceRow .BalanceLeft{align-items:center;gap:8px;display:flex}.StorePage .BalanceCard .BalanceRow .BalanceLeft .BalanceAmount{letter-spacing:.16px;font-size:16px;font-weight:600}.StorePage .BalanceCard .BalanceRow .ChargeButton{background:var(--gray40);color:var(--static-white);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500}.StorePage .BalanceCard .BalanceDivider{background:var(--gray50);height:1px}.StorePage .BalanceCard .PassRow{justify-content:space-between;align-items:center;display:flex}.StorePage .BalanceCard .PassRow .PassLeft{align-items:center;gap:4px;display:flex}.StorePage .BalanceCard .PassRow .PassLeft .PassName{letter-spacing:.16px;font-size:16px;font-weight:600}.StorePage .BalanceCard .PassRow .PassRight{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.StorePage .BalanceCard .PassRow .PassRight .CountdownBadge{background:var(--primary-alpha-10);color:var(--primary-light);white-space:pre;letter-spacing:-.28px;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:500}.StorePage .BalanceCard .PassRow .PassRight .PassExpiry{color:var(--gray10);text-align:center;font-size:10px}.StorePage .Tabs{border-bottom:1px solid var(--gray50);display:flex}.StorePage .Tabs .Tab{color:var(--gray20);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:6px;padding:24px 0 0;font-size:14px;font-weight:500;display:flex}.StorePage .Tabs .Tab:after{content:"";background:var(--gray40);width:100%;height:2px;display:block}.StorePage .Tabs .Tab.Active{color:var(--static-white)}.StorePage .Tabs .Tab.Active:after{background:var(--static-white);height:3px}.StorePage .Tabs .Tab.Disabled{opacity:.5;cursor:not-allowed}.StorePage .ProductsHeader{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.StorePage .ProductsHeader .ProductsTitle{font-size:16px;font-weight:500;line-height:22px}.StorePage .ProductsHeader .ProductsDesc{color:var(--gray10);font-size:14px;line-height:1.3}.StorePage .ProductList{flex-direction:column;gap:16px;display:flex}.StorePage .ProductCard{background:var(--gray65);border:2px solid #fff6;border-radius:16px;flex-direction:column;gap:14px;padding:24px 16px 16px;display:flex;overflow:hidden}.StorePage .ProductCard.Featured{border-color:var(--primary-light)}.StorePage .ProductCard .ProductHeader{justify-content:space-between;align-items:flex-start;display:flex}.StorePage .ProductCard .ProductHeader .ProductNameRow{flex:1;align-items:flex-start;gap:4px;display:flex}.StorePage .ProductCard .ProductHeader .ProductNameRow .ProductName{letter-spacing:-.36px;font-size:36px;font-weight:600;line-height:1}.StorePage .ProductCard .ProductHeader .RecommendedBadge{background:var(--primary-alpha-24);color:var(--primary-light);white-space:nowrap;letter-spacing:-.14px;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:14px;font-weight:600}.StorePage .ProductCard .ProductDivider{background:#ffffff1a;height:1px}.StorePage .ProductCard .ProductFeatures{flex-direction:column;gap:16px;display:flex}.StorePage .ProductCard .ProductFeatures .Feature{align-items:center;gap:4px;display:flex}.StorePage .ProductCard .ProductFeatures .Feature .FeatureMain{color:var(--gray05);font-size:14px;font-weight:500}.StorePage .ProductCard .ProductFeatures .Feature .FeatureMain .Highlight{color:var(--primary-light)}.StorePage .ProductCard .ProductFeatures .Feature .FeatureSub{color:var(--gray20);letter-spacing:-.2px;font-size:10px}.StorePage .ProductCard .ProductFooter{justify-content:flex-end;align-items:center;gap:8px;display:flex}.StorePage .ProductCard .ProductFooter .DiscountInfo{flex-direction:column;align-items:flex-end;gap:0;display:flex}.StorePage .ProductCard .ProductFooter .DiscountInfo .DiscountPct{color:var(--primary-light);font-size:10px;font-weight:500}.StorePage .ProductCard .ProductFooter .DiscountInfo .OriginalPrice{color:var(--gray10);font-size:12px;font-weight:500;text-decoration:line-through}.StorePage .ProductCard .ProductFooter .BuyButton{background:linear-gradient(159.89deg, var(--primary-light) 7.4%, var(--primary-strong) 45.35%, #be3bff 120.68%);color:var(--static-white);letter-spacing:.16px;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 10px;font-size:16px;font-weight:500}.StorePage .Terms{background:var(--gray60);flex-direction:column;gap:8px;padding:16px;display:flex}.StorePage .Terms .TermsTitle{color:#e2e2e2;font-size:14px;font-weight:600}.StorePage .Terms .TermsBody{color:#bbb;white-space:pre-wrap;font-size:12px;font-weight:500;line-height:1.4}.GenerateImageSheet{flex-direction:column;gap:12px;padding:4px 0 12px;display:flex}.GenerateImageSheet .PromptInput{resize:vertical;width:100%;min-height:96px;color:var(--text-primary);background:#ffffff0f;border:1px solid #fff3;border-radius:12px;outline:none;padding:12px;font-size:14px;line-height:1.5}.GenerateImageSheet .PromptInput::placeholder{color:var(--text-secondary)}.GenerateImageSheet .GenerateBtn{justify-content:center;align-items:center;gap:6px;display:flex}.GenerateImageSheet .GeneratingView{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.GenerateImageSheet .GeneratingView .Spinner{border:3px solid #ffffff26;border-top-color:#fe1a7c;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite GenerateImageSpin}.GenerateImageSheet .GeneratingView p{margin:0;font-size:14px}.GenerateImageSheet .ErrorText{color:#ff9800;margin:0;font-size:13px}.GenerateImageSheet .ResultView{cursor:pointer;background:0 0;border:none;justify-content:center;padding:0;display:flex}.GenerateImageSheet .ResultView img{border-radius:12px;max-width:100%}.GenerateImageSheet .ResultHint{text-align:center;color:var(--text-secondary);margin:0;font-size:13px}@keyframes GenerateImageSpin{to{transform:rotate(360deg)}}html:has(.ScenarioCreation){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.ScenarioCreation){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root:has(.ScenarioCreation){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes pulseGlow{0%{box-shadow:0 0 #fe1a7c66}50%{box-shadow:0 0 0 8px #fe1a7c00}to{box-shadow:0 0 #fe1a7c00}}.ScenarioCreation{background:var(--section-bg);word-break:keep-all;flex-direction:column;width:100%;max-width:800px;height:100vh;margin:0 auto;display:flex}.ScenarioCreation .ScenarioCreationHeader{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.ScenarioCreation .ScenarioCreationHeader .ScenarioBackBtn{cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ScenarioCreation .ScenarioCreationHeader .ScenarioBackBtn:hover{background:var(--border)}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn{background:var(--gray30);color:var(--static-white);cursor:not-allowed;border:none;border-radius:20px;padding:10px 20px;font-size:15px;font-weight:700;transition:background .2s,transform .1s,box-shadow .2s}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete{background:var(--primary-main);cursor:pointer;animation:2s ease-in-out infinite pulseGlow}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete:hover{background:var(--primary-strong)}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.complete:active{transform:scale(.97)}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn.loading{opacity:.7;cursor:not-allowed;animation:none}.ScenarioCreation .ScenarioCreationHeader .ScenarioGenerateBtn:disabled{cursor:not-allowed}.ScenarioCreation .ScenarioSection{background:var(--card-bg);border-radius:16px;margin:12px 16px;padding:16px;box-shadow:0 1px 4px #0000000f}.ScenarioCreation .ScenarioSection .SectionTitle{color:var(--text-primary);text-transform:uppercase;margin-bottom:14px;font-size:16px;font-weight:500}.ScenarioCreation .ScenarioSection .SectionHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ScenarioCreation .ScenarioSection .SectionHeader .SectionTitle{margin-bottom:0}.ScenarioCreation .ScenarioProfileHeader{padding:12px 16px 4px}.ScenarioCreation .ScenarioProfileHeader .ProfileHeaderTitle{color:var(--text-primary);font-size:16px;font-weight:700}.ScenarioCreation .ScenarioProfileHeader .ProfileHeaderSubtitle{color:var(--text-muted);margin-top:8px;font-size:12px}.ScenarioCreation .ScenarioTab{padding-bottom:60px;overflow-y:auto}.ScenarioCreation .ScenarioScrollArea{flex:1;padding:16px;overflow-y:auto}.ScenarioCreation .ScenarioModalHeader{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.ScenarioCreation .ScenarioModalTitle{color:var(--text-primary);font-size:17px;font-weight:700}.ScenarioCreation .ScenarioModalDoneBtn{cursor:pointer;color:var(--primary-main);background:0 0;border:none;font-size:15px;font-weight:700}.ScenarioCreation .BottomSheetContainer:has(.ScenarioScrollArea){height:80vh;max-height:80vh}.ScenarioCreation .ScenarioBubbleRow{flex-direction:row;align-items:center;margin-bottom:8px;display:flex;position:relative}.ScenarioCreation .ScenarioBubbleRow .RemoveBtn{flex:0}.ScenarioCreation .ScenarioInputBar{background:var(--card-bg);border-top:1px solid var(--border);flex-shrink:0;padding:12px}.ScenarioCreation .ScenarioInputBar .ScenarioRoleRow{scrollbar-width:none;gap:8px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.ScenarioCreation .ScenarioInputBar .ScenarioRoleRow::-webkit-scrollbar{display:none}.ScenarioCreation .ScenarioInputBar .ScenarioRoleBtn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.ScenarioCreation .ScenarioInputBar .ScenarioRoleBtn.active{background:var(--primary-main);color:var(--static-white);border-color:var(--primary-main)}.ScenarioCreation .ScenarioInputBar .ScenarioSendRow{align-items:center;gap:8px;display:flex}.ScenarioCreation .ScenarioInputBar .ScenarioSendRow .ScenarioSendInput{border-radius:8px;flex:1;height:44px;margin:0}.ScenarioCreation .ScenarioEditOverlay{z-index:4;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal{background:var(--card-bg);border-radius:12px;width:100%;max-width:520px;margin:16px;padding:20px}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditTitle{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditSender{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditSender img{object-fit:cover;border-radius:10px;width:20px;height:20px}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditSender span{color:var(--gray10);font-weight:600}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditActions{justify-content:flex-end;gap:8px;display:flex}.ScenarioCreation .ScenarioEditOverlay .ScenarioEditModal .ScenarioEditActions .ScenarioEditSaveBtn{background:var(--primary-main);color:var(--static-white);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-weight:700}.ScenarioCreation .MaxHint{color:var(--gray03);opacity:.5;text-align:right;margin-top:-5px;margin-bottom:12px;font-size:12px}.ScenarioCreation .FieldLabel{color:var(--text-primary);margin-top:4px;margin-bottom:8px;font-size:14px;font-weight:500}.ScenarioCreation .FieldInput{border:1.5px solid var(--border);box-sizing:border-box;background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:12px;outline:none;margin-bottom:12px;padding:12px 14px;font-size:15px}.ScenarioCreation .FieldInput:focus{border-color:#fff}.ScenarioCreation .FieldTextarea{border:1.5px solid var(--border);resize:vertical;box-sizing:border-box;background:var(--input-bg);width:100%;min-height:100px;color:var(--text-primary);border-radius:12px;outline:none;margin-bottom:12px;padding:12px 14px;font-size:15px}.ScenarioCreation .FieldTextarea:focus{border-color:#fff}.ScenarioCreation .ChipRow{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ScenarioCreation .ImageChip{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:border-color .15s;display:flex}.ScenarioCreation .ImageChip img{object-fit:cover;border-radius:10px;width:56px;height:56px}.ScenarioCreation .ImageChip span{color:var(--text-primary);font-size:11px;font-weight:600}.ScenarioCreation .ImageChip.selected{border-color:var(--primary-light)}.ScenarioCreation .ImageChip.selected span{color:var(--primary-light)}.ScenarioCreation .Divider{background:var(--border);height:1px;margin:16px 0}.ScenarioCreation .IconBtn{cursor:pointer;color:var(--gray10);background:0 0;border:none;align-items:center;padding:4px;display:flex}.ScenarioCreation .IconBtn:hover{color:var(--primary-main)}.ScenarioCreation .RemoveBtn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 6px;font-size:16px;font-weight:700}.ScenarioCreation .RemoveBtn:hover{color:var(--color-danger)}.ScenarioCreation .MoreButton{cursor:pointer;color:var(--gray10);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;box-shadow:0 0 2px #0000000d,0 4px 8px #00000014}.ScenarioCreation .MoreButton:hover{background:var(--gray50)}.ScenarioCreation .MoreButton:active{background:var(--gray70);color:var(--gray30)}.ScenarioCreation .AddExampleBtn{border-color:var(--gray10);color:var(--gray10);border-style:dashed;border-width:1.5px}.ScenarioCreation .ImportantHeader:after{content:" *";color:var(--primary-main)}.ScenarioCreation .TagInputContainer{border:1.5px solid var(--border);background:var(--input-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;height:100%;padding:8px;display:flex}.ScenarioCreation .TagInputContainer .TagChip{background:var(--primary-main);height:28px;color:var(--static-white);cursor:pointer;border:none;border-radius:16px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.ScenarioCreation .TagInputContainer .TagChip.delete-ready{background:var(--color-danger)}.ScenarioCreation .TagInputContainer .TagChip .TagRemoveIcon{font-size:12px}.ScenarioCreation .TagInputContainer .TagInputField{min-width:80px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:6px;font-size:15px}.ScenarioCreation .MainTabBar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:2;scrollbar-width:none;gap:20px;padding:0 16px;position:sticky;top:61px;overflow-x:auto}.ScenarioCreation .MainTabBar::-webkit-scrollbar{display:none}.ScenarioCreation .MainTabBar .Tab{white-space:nowrap;flex-shrink:0;padding:13px 4px 11px;font-size:14px;font-weight:600}.ScenarioCreation .ScenarioTabContent{flex:1;overflow-y:auto}.ScenarioCreation .ScenarioTabContent::-webkit-scrollbar{background:0 0;width:0}.ScenarioCreation .IntroTab{background:var(--section-bg);flex-direction:column;height:100%;display:flex}.ScenarioCreation .IntroTab .IntroTitle{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:700}.ScenarioCreation .IntroTab .IntroEmpty{text-align:center;color:var(--text-muted);margin-top:40px}.ScenarioCreation .IntroTab .IntroEmpty .IntroEmptyIcon{font-size:48px}.ScenarioCreation .IntroTab .IntroEmpty .IntroEmptyText{margin-top:12px}.ScenarioCreation .StyleTab .StyleGrid{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.ScenarioCreation .StyleTab .StyleCard{cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:16px;width:calc(50% - 4px);transition:border-color .15s;overflow:hidden}.ScenarioCreation .StyleTab .StyleCard.selected{border-color:var(--primary-main)}.ScenarioCreation .StyleTab .StyleCard .StyleImages{gap:4px;height:72px;display:flex}.ScenarioCreation .StyleTab .StyleCard .StyleImages img{object-fit:cover;background:#0000000d;border-radius:14px;flex:1}.ScenarioCreation .StyleTab .StyleCard .StyleLabel{text-align:center;color:var(--text-secondary);padding:6px 0 4px;font-size:13px;font-weight:600}.ScenarioCreation .StyleTab .StyleCard .StyleLabel.selected{color:var(--primary-main)}.ScenarioCreation .StyleTab .StyleMoreCard{border:1.5px solid var(--border);cursor:pointer;box-sizing:border-box;background:#00000005;border-radius:16px;justify-content:center;align-items:center;width:calc(50% - 4px);min-height:80px;display:flex}.ScenarioCreation .StyleTab .ExampleList{margin-top:8px}.ScenarioCreation .StyleTab .ExampleCard{border:1px solid var(--border);cursor:pointer;border-radius:12px;margin-bottom:10px;padding:12px;position:relative}.ScenarioCreation .StyleTab .ExampleCard .ExampleCardTitle{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.ScenarioCreation .StyleTab .ExampleCard .ExampleCardLines{opacity:.7}.ScenarioCreation .StyleTab .ExampleCard .ExampleCardLine{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ScenarioCreation .StyleTab .ExampleCard .RemoveBtn{position:absolute;top:8px;right:8px}.ScenarioCreation .ContentTab .CharacterRow{align-items:flex-start;gap:8px;display:flex}.ScenarioCreation .ContentTab .CharacterThumbCol{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:84px;display:flex}.ScenarioCreation .ContentTab .CharacterThumbBtn{cursor:pointer;background:#0000000d;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;padding:0;display:flex;overflow:hidden}.ScenarioCreation .ContentTab .CharacterThumbBtn img{object-fit:cover;width:100%;height:100%}.ScenarioCreation .ContentTab .CharacterThumbBtn span{color:var(--text-primary);font-size:28px}.ScenarioCreation .ContentTab .NoImageWarning{color:#ff9800;text-align:center;font-size:11px;line-height:1.3}.ScenarioCreation .ContentTab .GenerateImageBtn{justify-content:center;align-items:center;gap:4px;width:100%;padding:6px 8px;font-size:12px;display:flex}.ScenarioCreation .ContentTab .CharacterFields{flex:1}.ScenarioCreation .ContentTab .ExpandButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.ScenarioCreation .ContentTab .ExpandButton .ExpandLabel{font-size:14px;font-weight:500}.ScenarioCreation .ContentTab .FieldRow{gap:8px;display:flex}.ScenarioCreation .ContentTab .FieldHalf{flex:1}.ScenarioCreation .ContentTab .AddBtnWrapper{padding:4px 16px 24px}.ScenarioCreation .ContentTab .DividerInset{margin:0 16px}.ScenarioCreation .ContentTab .DisabledInput{opacity:.6}.ScenarioCreation .IntroduceTab .CoverButton{cursor:pointer;background:#0000000d;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;padding:0;display:flex;position:relative;overflow:hidden}.ScenarioCreation .IntroduceTab .CoverButton:disabled{cursor:not-allowed}.ScenarioCreation .IntroduceTab .CoverButton img{object-fit:cover;width:100%;height:100%}.ScenarioCreation .IntroduceTab .CoverButton .CoverPlaceholder{color:var(--gray05);flex-direction:column;align-items:center;gap:8px;display:flex}.ScenarioCreation .IntroduceTab .CoverButton .CoverPlaceholder .CoverPlusIcon{font-size:32px}.ScenarioCreation .IntroduceTab .CoverButton .CoverPlaceholder .CoverLabel{font-size:14px}.ScenarioCreation .IntroduceTab .GalleryRow{scrollbar-width:none;gap:12px;padding:10px 0 4px;display:flex;overflow-x:auto}.ScenarioCreation .IntroduceTab .GalleryRow::-webkit-scrollbar{display:none}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryItem{border-radius:12px;flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryItem img{object-fit:cover;width:100%;height:100%}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryItem .GalleryDeleteBtn{background:var(--static-white);cursor:pointer;color:var(--color-danger);border:none;border-radius:10px;padding:2px 4px;font-size:13px;font-weight:700;line-height:1;position:absolute;top:4px;right:4px}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryAddBtn{border:1.5px dashed var(--gray10);cursor:pointer;width:100px;height:100px;color:var(--gray10);background:#00000005;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryAddBtn .GalleryAddIcon{font-size:28px}.ScenarioCreation .IntroduceTab .GalleryRow .GalleryAddBtn .GalleryAddLabel{font-size:12px}.ScenarioCreation .IntroduceTab .TagHint{opacity:.6;color:var(--text-primary);margin-top:8px;font-size:12px}.ScenarioCreation .StoryTab .StoryDivider{background:var(--border);height:1px;margin:0 16px}.ScenarioCreation .StoryTab .StorySection{padding-bottom:16px}.ScenarioCreation .StoryTab .StoryStartSection{padding:0 16px}.ScenarioCreation .StoryTab .StoryAddBtnRow{padding:8px 16px 16px}.ScenarioCreation .StoryTab .StoryIntroBadge{color:var(--primary-main);background:#722cff1a;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.ScenarioCreation .StoryTab .StoryCheckpointList{flex-direction:column;gap:8px;padding:0 16px;display:flex}.ScenarioCreation .StoryTab .StoryPrimaryButton{background:var(--primary-main);width:calc(100% - 32px);color:var(--static-white);cursor:pointer;border:none;border-radius:12px;margin:12px 16px 0;padding:14px;font-size:14px;font-weight:500;transition:background .15s}.ScenarioCreation .StoryTab .StoryPrimaryButton:hover{background:var(--primary-strong)}.ScenarioCreation .StoryTab .StoryEndingSection{flex-direction:column;gap:8px;padding:6px 16px;display:flex}.ScenarioCreation .StoryTab .StoryEndingSection .StorySegmentedToggle{background:var(--gray60);border-radius:12px;gap:8px;display:flex}.ScenarioCreation .StoryTab .StoryEndingSection .StorySegmentedToggle .KachitButton{border-radius:8px;flex:1;height:32px}.ScenarioCreation .StoryTab .StoryEndingSection .StoryEndingCard{background:var(--card-bg);border-radius:12px;flex-direction:column;gap:12px;padding:16px 0;display:flex}.ScenarioCreation .StoryCheckpointCard{border:1px solid var(--border);border-radius:12px;overflow:hidden}.ScenarioCreation .StoryCheckpointCard.dragging{opacity:.5}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointHeader{background:var(--card-bg);cursor:pointer;align-items:center;gap:4px;padding:10px 12px 10px 8px;display:flex}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointHeader.expanded{border-bottom:1px solid var(--border);border-radius:12px 12px 0 0}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointHandle{cursor:grab;color:var(--text-muted);touch-action:none;flex-shrink:0;align-items:center;padding:4px 6px;display:flex}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointHandle:active{cursor:grabbing}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointTitle{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointActions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ScenarioCreation .StoryCheckpointCard .StoryCheckpointBody{background:var(--card-bg);border-radius:0 0 12px 12px;flex-direction:column;gap:16px;padding:16px;display:flex}.ScenarioCreation .StoryFieldBlock{flex-direction:column;gap:8px;display:flex}.ScenarioCreation .StoryFieldBlock .StoryFieldInput{margin-bottom:0}.ScenarioCreation .StoryFieldLabelGroup{flex-direction:column;gap:6px;display:flex}.ScenarioCreation .ScenarioFieldLabel{color:var(--text-primary);font-size:13px;font-weight:500}.ScenarioCreation .ScenarioFieldSubtitle{color:var(--text-muted);font-size:12px}.ScenarioCreation .StrictnessTrackBox{align-items:center;width:100%;height:20px;display:flex;position:relative}.ScenarioCreation .StrictnessTrackBox .StrictnessTrack{background:var(--border);border-radius:2px;height:4px;position:absolute;left:8px;right:8px}.ScenarioCreation .StrictnessTrackBox .StrictnessFill{background:var(--primary-main);pointer-events:none;border-radius:2px;height:4px;position:absolute;left:8px}.ScenarioCreation .StrictnessTrackBox .StrictnessDotsRow{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.ScenarioCreation .StrictnessTrackBox .StrictnessDotsRow .StrictnessDot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;padding:0;transition:background .15s,border .15s}.ScenarioCreation .StrictnessTrackBox .StrictnessDotsRow .StrictnessDot.active{background:var(--static-white);border:4px solid var(--primary-main)}.ScenarioCreation .StrictnessTrackBox .StrictnessDotsRow .StrictnessDot.passed{background:var(--primary-main)}.ScenarioCreation .StrictnessLabels{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.ScenarioCreation .HintTopRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.ScenarioCreation .HintTopRow .StoryFieldLabelGroup{flex:1}.ScenarioCreation .StoryToggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.ScenarioCreation .StoryToggle input{display:none}.ScenarioCreation .StoryToggle .StoryToggleTrack{background:var(--border);border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.ScenarioCreation .StoryToggle .StoryToggleTrack:after{content:"";background:var(--static-white);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.ScenarioCreation .StoryToggle input:checked+.StoryToggleTrack{background:var(--primary-main)}.ScenarioCreation .StoryToggle input:checked+.StoryToggleTrack:after{transform:translate(20px)}.ScenarioCreation .StoryPreviewOverlay{z-index:10;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ScenarioCreation .StoryPreviewOverlay .StoryPreviewModal{background:var(--card-bg);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:800px;height:80vh;display:flex}.ScenarioCreation .StoryPreviewOverlay .StoryPreviewModal .StoryPreviewHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.ScenarioCreation .StoryPreviewOverlay .StoryPreviewModal .StoryPreviewHeader .StoryPreviewTitle{color:var(--text-primary);font-size:17px;font-weight:700}.ScenarioCreation .StoryPreviewOverlay .StoryPreviewModal .StoryPreviewScroll{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.ScenarioCreation .StoryPreviewDivider{align-items:center;gap:8px;display:flex}.ScenarioCreation .StoryPreviewDivider .StoryPreviewDividerLine{background:var(--border);flex:1;height:1px}.ScenarioCreation .StoryPreviewCpCard{background:var(--section-bg);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ScenarioCreation .StoryPreviewCpCard .StoryPreviewCpDesc{color:var(--text-muted);font-size:12px;font-style:italic}.ScenarioCreation .StoryPreviewCpCard .StoryPreviewCpRow{color:var(--text-primary);align-items:flex-start;gap:8px;font-size:14px;display:flex}.ScenarioCreation .StoryPreviewCpCard .StoryPreviewCpRow .StoryPreviewChip{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.ScenarioCreation .StoryPreviewCpCard .StoryPreviewCpRow .StoryPreviewChip.pass{color:#3ade8c;background:#1a3d30}.ScenarioCreation .StoryPreviewCpCard .StoryPreviewCpRow .StoryPreviewChip.fail{color:#ff7171;background:#3d1a1a}.ScenarioCreation .StoryPreviewEmpty{color:var(--text-muted);text-align:center;padding:8px 0;font-size:13px;font-style:italic}.LocationNotification{justify-content:center;align-items:stretch;gap:4px;width:100%;padding:24px 0;display:flex}.LocationNotification .Text{letter-spacing:.24px;color:var(--lightningcss-light,#8e8e8e)var(--lightningcss-dark,#9ca3af);white-space:pre-wrap;word-break:keep-all;margin:0;font-size:18px;font-weight:600;line-height:27px;display:flex}.StoryNarration{align-items:stretch;gap:4px;width:100%;display:flex}.StoryNarration .IconHolder{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;height:100%;display:flex}.StoryNarration .IconHolder .Icon{width:32px;height:32px;color:var(--gray10);flex-shrink:0}.StoryNarration .TextHolder{flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;width:100%;display:flex}.StoryNarration .Text{letter-spacing:-.24px;color:var(--gray10);white-space:pre-wrap;word-break:break-all;margin:0;font-size:12px;font-weight:400;line-height:16px;display:flex}.AskPlaynameSheet{flex-direction:column;gap:12px;padding:4px 0 12px;display:flex}.AskPlaynameSheet .Notice{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.AskPlaynameSheet .InputWrapper{background:#ffffff0f;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.AskPlaynameSheet .InputWrapper .NameInput{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.AskPlaynameSheet .InputWrapper .NameInput::placeholder{color:var(--text-secondary)}.AskPlaynameSheet .InputWrapper .CharCount{color:var(--text-secondary);flex-shrink:0;font-size:12px}.ScenarioHeader{justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.ScenarioHeader.Scrolled{background:var(--gray70)}.ScenarioHeader .IconButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.ScenarioHeader .IconButton.Floating{background:#0006;border-radius:18px}.ScenarioHeader .Title{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 8px;font-size:16px;font-weight:600;overflow:hidden}.ScenarioContentTitle{flex-direction:column;display:flex}.ScenarioContentTitle .Title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:28px;font-weight:700;line-height:36px;display:-webkit-box;overflow:hidden}.ScenarioHashtag{flex-wrap:wrap;gap:12px;display:flex}.ScenarioHashtag .Chip{color:#e1e2e4;white-space:nowrap;text-overflow:ellipsis;background:#28272b;border-radius:8px;max-width:100%;padding:6px 12px;font-size:13px;font-weight:500;overflow:hidden}.ScenarioHashtag .Chip.More{color:var(--gray10)}.ScenarioHashtag.Traits .Chip{color:#b7babf;background:0 0;border:1px solid #3a393f}.ScenarioInfoBar{color:#b7babf;justify-content:flex-start;align-items:center;gap:24px;padding:8px 0;display:flex}.ScenarioInfoBar .Item{color:#b7babf;cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.ScenarioInfoBar .Item .Label{font-size:14px;font-weight:500}.ScenarioSection{flex-direction:column;gap:16px;padding:0 16px;display:flex}.ScenarioSection .Title{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:24px}.ScenarioSection .Content{flex-direction:column;gap:12px;display:flex}.ScenarioSection .ExpandButton{color:#7e7e88;cursor:pointer;background:#1f1f23;border:none;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:100%;padding:13px 0;display:flex}.ScenarioSection .ExpandButton .ExpandLabel{font-size:14px;font-weight:500}.ScenarioCharacterProfile{align-items:flex-start;gap:12px;display:flex}.ScenarioCharacterProfile .Avatar{object-fit:cover;background:#2d2d2d;border-radius:16px;flex-shrink:0;width:66px;height:66px}.ScenarioCharacterProfile .Info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ScenarioCharacterProfile .Info .Name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:500;line-height:22px;overflow:hidden}.ScenarioCharacterProfile .Info .Description{color:#bfbfbf;white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:21px;display:-webkit-box;overflow:hidden}.ScenarioCharacterProfile .Info .Description.Expanded{-webkit-line-clamp:unset;overflow:visible}.ScenarioCharacterProfile .Info .VoiceBox{background:#1f1f23;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.ScenarioCharacterProfile .Info .VoiceBox .Text{color:#e1e2e4;font-size:14px;line-height:21px}.ScenarioCharacterProfile .Info .VoiceBox .Icon{color:#e1e2e4;flex-shrink:0;font-size:20px}.ScenarioCharacterProfile .Info .ExpandButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.ScenarioCharacterProfile .Info .ExpandButton .ExpandLabel{font-size:14px;font-weight:500}.ScenarioConversationPreview{flex-direction:column;gap:12px;display:flex}.ScenarioConversationPreview .LabelPill{color:#fe1a7c;background:#fb4ba329;border-radius:100px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:500}.ScenarioConversationPreview .BubblesWrapper{position:relative}.ScenarioConversationPreview .BubblesWrapper .Bubbles{flex-direction:column;gap:8px;display:flex}.ScenarioConversationPreview .BubblesWrapper .FadeOverlay{pointer-events:none;height:100px;position:absolute;bottom:0;left:0;right:0}.ScenarioConversationPreview .BubblesWrapper .ExpandButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.ScenarioConversationPreview .BubblesWrapper .ExpandButton .ExpandLabel{font-size:14px;font-weight:500}.ScenarioCreatorComment{background:#2d2d2d;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.ScenarioCreatorComment .Label{color:#6d6d6d;margin:0;font-size:13px;font-weight:500}.ScenarioCreatorComment .Body{color:#bfbfbf;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:21px;display:-webkit-box;overflow:hidden}.ScenarioCreatorComment .Body.Expanded{-webkit-line-clamp:unset;overflow:visible}.ScenarioCreatorComment .ExpandButton{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.ScenarioCreatorComment .ExpandButton .ExpandLabel{font-size:14px;font-weight:500}.ScenarioCreatorSection{flex-direction:column;gap:16px;padding:0 16px;display:flex}.ScenarioCreatorSection .Title{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:24px}.ScenarioCreatorSection .Content{flex-direction:column;gap:16px;display:flex}.ScenarioCreatorSection .ProfileRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.ScenarioCreatorSection .ProfileLeft{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.ScenarioCreatorSection .ProfileLeft .Avatar{object-fit:cover;background:#2d2d2d;border-radius:22px;flex-shrink:0;width:44px;height:44px}.ScenarioCreatorSection .ProfileLeft .Info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ScenarioCreatorSection .ProfileLeft .Info .Name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}.ScenarioCreatorSection .ProfileLeft .Info .Meta{color:#8d8d8d;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:18px;overflow:hidden}.ScenarioCreatorSection .FollowButton{background:var(--primary-main);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:500}.ScenarioCreatorSection .FollowButton.Active{background:#2d2d2d}.ScenarioCommentItem{gap:12px;padding:16px;display:flex}.ScenarioCommentItem .Avatar{object-fit:cover;background:#2d2d2d;border-radius:18px;flex-shrink:0;width:36px;height:36px}.ScenarioCommentItem .CommentBody{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ScenarioCommentItem .CommentBody .Header{justify-content:space-between;align-items:center;display:flex}.ScenarioCommentItem .CommentBody .Header .NameRow{align-items:center;gap:8px;min-width:0;display:flex}.ScenarioCommentItem .CommentBody .Header .NameRow .Username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.ScenarioCommentItem .CommentBody .Header .NameRow .AuthorBadge{color:#9661ff;background:#20094d;border:1px solid #722cff;border-radius:6px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:500}.ScenarioCommentItem .CommentBody .Header .MoreButton{color:#8a8f99;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.ScenarioCommentItem .CommentBody .Text{color:#fff;white-space:pre-wrap;margin:0;font-size:14px;line-height:21px}.ScenarioCommentItem .CommentBody .Footer{justify-content:space-between;align-items:center;display:flex}.ScenarioCommentItem .CommentBody .Footer .Timestamp{color:#8a8f99;font-size:12px}.ScenarioCommentItem .CommentBody .Footer .Actions{align-items:center;gap:16px;display:flex}.ScenarioCommentItem .CommentBody .Footer .Action{color:#8a8f99;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.ScenarioCommentItem .CommentBody .Footer .Action .ActionCount{color:#8a8f99;font-size:12px;font-weight:600}.ScenarioCommentItem .CommentBody .Footer .Action .ActionCount.Liked{color:#f44}.ScenarioCommentsSection{flex-direction:column;gap:4px;display:flex}.ScenarioCommentsSection>.Header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ScenarioCommentsSection>.Header .Title{color:#fff;font-size:16px;font-weight:600}.ScenarioCommentsSection>.Header .Title .Highlight{color:var(--gray10);font-size:14px}.ScenarioCommentsSection>.Header .SortButton{color:#aeb0b6;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;display:flex}.ScenarioCommentsSection>.Header .SortButton .SortLabel{font-size:14px;font-weight:500}.ScenarioCommentsSection .Empty{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 0;display:flex}.ScenarioCommentsSection .Empty .EmptyCat{aspect-ratio:1;object-fit:contain;width:40%;min-width:120px;max-width:160px}.ScenarioCommentsSection .Empty .EmptyText{color:#8c8e97;text-align:center;font-size:16px;font-weight:500;line-height:24px}.ScenarioCommentsSection .ItemWrapper{border-bottom:1px solid #3c3c3ccc}.ScenarioCommentsSection .ReplyWrapper{border-top:1px solid #3c3c3c80;padding-left:48px}.ContextMenuOverlay{z-index:3;position:fixed;inset:0}.ContextMenuOverlay .ContextMenu{background:var(--gray50);opacity:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:140px;padding:4px;transition:opacity .15s,transform .15s;position:fixed;transform:scale(.95);box-shadow:0 4px 16px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#0006)}.ContextMenuOverlay .ContextMenu.visible{opacity:1;transform:scale(1)}.ContextMenuOverlay .ContextMenu .ContextMenuItem{letter-spacing:-.28px;color:var(--lightningcss-light,#212121)var(--lightningcss-dark,#e5e7eb);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;line-height:20px;display:flex}.ContextMenuOverlay .ContextMenu .ContextMenuItem:hover{background-color:var(--gray40)}.ContextMenuOverlay .ContextMenu .ContextMenuItem:active{background-color:var(--gray30)}.ContextMenuOverlay .ContextMenu .ContextMenuItem .MenuItemContent{flex-direction:column;flex:1;align-items:flex-start;display:flex}.ContextMenuOverlay .ContextMenu .ContextMenuDivider{background-color:var(--lightningcss-light,#ececec)var(--lightningcss-dark,#374151);height:1px;margin:4px 8px}.ContextMenuOverlay .ContextMenu .ToggleKnob{background-color:#3f3f3f;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background-color .2s;position:relative}.ContextMenuOverlay .ContextMenu .ToggleKnob:after{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.ContextMenuOverlay .ContextMenu .ToggleKnob.checked{background-color:#722cff}.ContextMenuOverlay .ContextMenu .ToggleKnob.checked:after{transform:translate(14px)}.ScenarioCommentsPreview .Head{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;display:flex}.ScenarioCommentsPreview .Head .Chevron{color:#7e7e88;flex-shrink:0;font-size:24px}.ScenarioCommentsPreview .EmptyText{color:#7e7e88;font-size:14px;line-height:21px}.ScenarioCommentInput{border-radius:8px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.ScenarioCommentInput .ReplyContext{border-left:2px solid var(--primary-main);background:#ffffff0f;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.ScenarioCommentInput .ReplyContext .ReplyInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ScenarioCommentInput .ReplyContext .ReplyInfo .ReplyLabel{color:var(--primary-main);font-size:11px;font-weight:600}.ScenarioCommentInput .ReplyContext .ReplyInfo .ReplyName{color:var(--static-white);font-size:12px;font-weight:500}.ScenarioCommentInput .ReplyContext .ReplyInfo .ReplyText{color:var(--gray10);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ScenarioCommentInput .ReplyContext .ReplyCancel{color:var(--gray10);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.ScenarioCommentInput textarea{resize:none;width:100%;color:var(--static-white);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:16px;line-height:1.4;overflow:hidden}.ScenarioCommentInput textarea::placeholder{color:var(--gray10)}.ScenarioCommentInput .SubmitRow{justify-content:flex-end;display:flex}.ScenarioCommentInput .SubmitButton{background:var(--primary-main);color:var(--static-white);letter-spacing:.14px;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;line-height:18px}.ScenarioCommentInput .SubmitButton:disabled{opacity:.5;cursor:default}.RelatedScenarios{flex-direction:column;gap:16px;display:flex}.RelatedScenarios .Header{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.RelatedScenarios .Header .Title{color:#fff;font-size:16px;font-weight:600}.RelatedScenarios .Header .MoreButton{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.RelatedScenarios .List{scrollbar-width:none;gap:16px;padding:0 16px;display:flex;overflow-x:auto}.RelatedScenarios .List::-webkit-scrollbar{display:none}.RelatedScenarios .List .Item{display:block}.RelatedScenarios .List .Item.Shortcut{background-color:var(--gray60);border-radius:8px;justify-content:center;align-items:center;width:140px;height:210px;display:flex}.RelatedScenarios .List .Item.Shortcut .Group{flex-wrap:wrap;gap:4px;padding:8px;display:flex}.RelatedScenarios .List .Item.Shortcut .Group .Tag{background-color:var(--gray50);color:#fff;white-space:nowrap;border-radius:4px;flex:0 0;padding:4px 8px;font-size:12px}.RelatedScenarios .List .Item.Shortcut .Group .Tag:before{content:"#"}html:has(.ScenarioDetailPage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ScenarioDetailPage{touch-action:none;background:var(--gray70);color:#fff;width:100%;max-width:720px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.ScenarioDetailPage.Center{justify-content:center;align-items:center;display:flex}.ScenarioDetailPage .Scroll{touch-action:pan-y;scrollbar-width:none;height:100%;overflow-y:auto}.ScenarioDetailPage .Scroll::-webkit-scrollbar{display:none}.ScenarioDetailPage .Scroll .ScenarioTabBar{z-index:1;background-color:var(--gray70);position:sticky;top:60px}.ScenarioDetailPage .HeroSection{width:100%;position:relative}.ScenarioDetailPage .HeroImage,.ScenarioDetailPage .HeroImageBG,.ScenarioDetailPage .HeroImageBlur{object-fit:cover;width:100%;height:520px;position:absolute;top:0;left:0;right:0}.ScenarioDetailPage .HeroImageBGCover{width:100%;height:520px;position:absolute;top:0;left:0;right:0;overflow:hidden}.ScenarioDetailPage .HeroImageBG{filter:blur(16px)brightness(.6);transform:scale(1.1)}.ScenarioDetailPage .HeroImageBlur{filter:blur(99px)brightness(.8);width:40%;margin:0 auto}.ScenarioDetailPage .HeroImage{object-fit:contain}.ScenarioDetailPage .HeroGradient{background:linear-gradient(#0000,#0a0a0a99 60%,#0a0a0a);height:calc(100% - 200px);position:absolute;top:200px;left:0;right:0}.ScenarioDetailPage .HeroContent{box-sizing:border-box;flex-direction:column;justify-content:flex-end;gap:4px;height:520px;padding-top:320px;display:flex;position:relative}.ScenarioDetailPage .HeaderContent{flex-direction:column;gap:16px;padding:16px;display:flex;position:relative}.ScenarioDetailPage .Body{flex-direction:column;gap:24px;padding:24px 0;display:flex}.ScenarioDetailPage .Divider{background:#28272b;height:1px;margin:0 16px}.ScenarioDetailPage .Divider+.Divider{display:none}.ScenarioDetailPage .BodyText{color:#fff;white-space:pre-wrap;margin:0;font-size:14px;line-height:21px}.ScenarioDetailPage .PlainSection{flex-direction:column;gap:16px;padding:0 16px;display:flex}.ScenarioDetailPage .SectionTitle{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:24px}.ScenarioDetailPage .DashedDivider{border-top:1px dashed #2d2d2d;height:1px;margin:16px 0}.ScenarioDetailPage .ExampleCard{background:#161616;border-radius:16px;padding:16px}.ScenarioDetailPage .DateLine{color:#8d8d8d;margin:0;padding:0 16px;font-size:13px}.ScenarioDetailPage .EpisodeItem{width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.ScenarioDetailPage .EpisodeItem .EpisodeInfo{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ScenarioDetailPage .EpisodeItem .EpisodeThumb{background:#2d2d2d;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.ScenarioDetailPage .EpisodeItem .FullImage{object-fit:cover;width:100%;height:100%}.ScenarioDetailPage .EpisodeItem .EpisodeDetails{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.ScenarioDetailPage .EpisodeItem .EpisodeTitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:16px;font-weight:500;overflow:hidden}.ScenarioDetailPage .EpisodeItem .TimeTag{color:#8d8d8d;background:#2d2d2d;border-radius:4px;padding:2px 6px;font-size:10px}.ScenarioDetailPage .HeaderOverlay{z-index:2;position:absolute;top:0;left:0;right:0}.ScenarioDetailPage .HeaderOverlay.Scrolled{background:#0a0a0a}.ScenarioDetailPage .MenuBackdrop{z-index:2;position:absolute;inset:0}.ScenarioDetailPage .MoreMenu{z-index:2;background:#1f1f1f;border-radius:12px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:56px;right:12px;box-shadow:0 4px 16px #00000080}.ScenarioDetailPage .MoreMenu .MenuItem{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px;font-size:14px}.ScenarioDetailPage .MoreMenu .MenuItem:hover{background:#2d2d2d}.ScenarioDetailPage .CommentInputBar{z-index:1;padding:12px 16px calc(16px + env(safe-area-inset-bottom));position:sticky;bottom:0;left:0;right:0}.ScenarioDetailPage .BottomBar{padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:1;background:#0a0a0a;border-top:1px solid #1f1f1f;align-items:stretch;gap:8px;display:flex;position:sticky;bottom:0;left:0;right:0}.ScenarioDetailPage .BottomBar .ScrapeButton{color:#8d8d8d;cursor:pointer;background:#2d2d2d;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:filter .2s ease-in-out;display:flex}.ScenarioDetailPage .BottomBar .ScrapeButton.Active{border:2px solid var(--primary-main);color:var(--primary-main)}.ScenarioDetailPage .BottomBar .ScrapeButton.Hidden{cursor:default}.ScenarioDetailPage .BottomBar .InputLookalike{pointer-events:none;opacity:0;background:#ffffff1a;border:none;border-radius:16px;width:0;height:52px;margin:0;transition:all .2s ease-in-out;position:relative;overflow:hidden}.ScenarioDetailPage .BottomBar .InputLookalike.Expanded{opacity:1;pointer-events:auto;cursor:pointer;width:calc(100% - 122px)}.ScenarioDetailPage .BottomBar .InputLookalike:after{content:"|";color:#8d8d8d;padding:12px 16px;font-size:18px;animation:1.5s infinite blink;display:block;position:absolute;top:4px;left:8px}.ScenarioDetailPage .BottomBar .PlayButton{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fe1a7c;border:none;border-radius:12px;flex:1;height:52px;margin-top:0;font-size:16px;font-weight:600;transition:flex .2s ease-in-out,background .2s,margin-top .2s;position:relative;overflow:hidden}.ScenarioDetailPage .BottomBar .PlayButton:disabled{opacity:.6;cursor:default}.ScenarioDetailPage .BottomBar .PlayButton.Shrinked{color:#0000;border-radius:26px;height:52px}.ScenarioDetailPage .BottomBar .PlayButton.Shrinked:after{content:"";background-image:url(/images/characterchat/sendMessage.svg);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;position:absolute;inset:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.AppMoveWall{flex-direction:column;align-items:center;gap:24px;padding-bottom:8px;display:flex}.AppMoveWall .Illustration{flex-shrink:0;width:174px;height:102px;position:relative}.AppMoveWall .Illustration .Floating{justify-content:center;align-items:center;animation:5s ease-in-out infinite iconFloat;display:flex;position:absolute}.AppMoveWall .Illustration .Floating .IconBox{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;animation:6s ease-in-out infinite iconSwing,8s ease-in-out infinite iconPulse;display:flex}.AppMoveWall .Illustration .Floating .IconBox img{object-fit:contain;width:28px;height:28px}.AppMoveWall .Illustration .Floating .IconBox.Lavender{background:#e7dffa}.AppMoveWall .Illustration .Floating .IconBox.Purple{background:#6c44df;animation:6s ease-in-out infinite iconSwing,8s ease-in-out infinite iconPulse,6s ease-in-out infinite purpleShine}.AppMoveWall .Illustration .Floating .Char{width:44px;height:44px;animation:6s ease-in-out infinite iconSwing}.AppMoveWall .Illustration>:first-child{animation-delay:0s}.AppMoveWall .Illustration>:nth-child(2){animation-delay:-.9s}.AppMoveWall .Illustration>:nth-child(3){animation-delay:-1.8s}.AppMoveWall .Illustration>:nth-child(5){animation-delay:-.5s}.AppMoveWall .Illustration>:first-child .IconBox{animation-delay:0s}.AppMoveWall .Illustration>:nth-child(2) .Char{animation-delay:-1.3s}.AppMoveWall .Illustration>:nth-child(3) .IconBox{animation-delay:-2.2s}.AppMoveWall .Illustration>:nth-child(4) .IconBox{animation-delay:-.7s}.AppMoveWall .Illustration .MATE{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AppMoveWall .Illustration .MATE img{width:70px;animation:4s ease-in-out infinite matePulse,4s ease-in-out infinite coinGlow}.AppMoveWall .MainSection{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.AppMoveWall .MainSection .TextGroup{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.AppMoveWall .MainSection .TextGroup .Title{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.AppMoveWall .MainSection .TextGroup .Subtitle{color:#aeb0b6;margin:0;font-size:14px;line-height:1.5}.AppMoveWall .MainSection .DownloadBtn{color:#fff;letter-spacing:-.16px;cursor:pointer;background:#b10efb;border:none;border-radius:12px;width:100%;height:46px;font-size:16px;font-weight:600;transition:filter .2s}.AppMoveWall .MainSection .DownloadBtn:hover{filter:brightness(1.1)}.AppMoveWall .AdAvailableNotice{color:var(--text-secondary);text-align:center;margin:0;font-size:12px;line-height:1.6}.AppMoveWall .Divider{align-items:center;gap:15px;width:100%;display:flex}.AppMoveWall .Divider hr{border:none;border-top:1px solid #70737c85;flex:1;margin:0}.AppMoveWall .Divider span{color:#70737c85;white-space:nowrap;font-size:12px}.AppMoveWall .DailyPassSection{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.AppMoveWall .DailyPassSection .PromoText{color:var(--text-primary);text-align:center;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.AppMoveWall .DailyPassSection .PassCard{background:#1c1c1c;border:1px solid #404040;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:14px 20px;display:flex}.AppMoveWall .DailyPassSection .PassCard .CardRow{justify-content:space-between;align-items:center;display:flex}.AppMoveWall .DailyPassSection .PassCard .CardRow .LabelGroup{align-items:center;gap:6px;display:flex}.AppMoveWall .DailyPassSection .PassCard .CardRow .LabelGroup .CouponIcon{width:24px;height:24px}.AppMoveWall .DailyPassSection .PassCard .CardRow .LabelGroup .PassLabel{color:#aeb0b6;letter-spacing:-.18px;font-size:18px;font-weight:500}.AppMoveWall .DailyPassSection .PassCard .CardRow .CoinBadge{background:#323232;border-radius:100px;align-items:center;gap:2px;padding:0 6px;display:flex}.AppMoveWall .DailyPassSection .PassCard .CardRow .CoinBadge img{width:12px;height:12px}.AppMoveWall .DailyPassSection .PassCard .CardRow .CoinBadge span{color:#fff;letter-spacing:-.12px;font-size:12px;line-height:24px}.AppMoveWall .DailyPassSection .PassCard .Benefits{flex-direction:column;gap:0;margin:0;padding:0 0 0 15px;list-style:outside;display:flex}.AppMoveWall .DailyPassSection .PassCard .Benefits li{color:#6f7176;font-size:12px;line-height:1.6}.AppMoveWall .DailyPassSection .BuyBtn{color:#b10efb;letter-spacing:-.16px;cursor:pointer;background:#242424;border:1px solid #b10efb;border-radius:12px;width:100%;height:46px;font-size:16px;font-weight:600;transition:filter .2s}.AppMoveWall .DailyPassSection .BuyBtn:hover{filter:brightness(1.1)}@keyframes iconFloat{0%,to{translate:0}50%{translate:0 -9px}}@keyframes iconSwing{0%,to{rotate:-12deg}50%{rotate:12deg}}@keyframes iconPulse{0%,to{scale:1}45%,55%{scale:1.14}}@keyframes matePulse{0%,to{scale:1}45%,55%{scale:1.1}}@keyframes coinGlow{0%,to{filter:drop-shadow(0 0 #b10efb00)}50%{filter:drop-shadow(0 0 16px #b10efbe6)}}@keyframes purpleShine{0%,to{box-shadow:none}50%{box-shadow:0 0 14px #6c44dfcc}}@keyframes vignetteFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vignetteFadeOut{0%{opacity:1}to{opacity:0}}.VignetteOverlay{-webkit-backdrop-filter:blur(8px);z-index:4;background-color:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#121212d9);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards vignetteFadeIn;display:flex;position:fixed;top:0;left:0}.VignetteOverlay.closing{animation:.3s ease-in forwards vignetteFadeOut}.VignetteOverlay .Header{z-index:4;position:absolute;top:16px;right:16px}.VignetteOverlay .Timer{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:16px;padding:6px 14px;font-size:14px;font-weight:600}.VignetteOverlay .CloseButton{color:var(--lightningcss-light,#333)var(--lightningcss-dark,#fff);cursor:pointer;background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background-color .2s;display:flex}.VignetteOverlay .CloseButton:hover{background:var(--lightningcss-light,#00000026)var(--lightningcss-dark,#fff3)}.VignetteOverlay .Content{justify-content:center;align-items:center;width:100%;max-width:600px;height:100%;padding:20px;display:flex;overflow:hidden}.VignetteOverlay .Placeholder{color:#999;text-align:center;font-size:18px}.ChattingInput{bottom:var(--keyboard-offset,0);box-sizing:border-box;z-index:2;background:#000;border-top:1px solid #39383d;flex-shrink:0;width:100%;max-width:720px;margin:0 auto;padding:12px 10px 16px;position:sticky}.ChattingInput .Wrapper{align-items:flex-end;gap:6px;display:flex}.ChattingInput .AsteriskButton{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;padding:0;display:flex}.ChattingInput .AsteriskButton:hover{background:#ffffff1a}.ChattingInput .Field{color:#fff;resize:none;field-sizing:content;background:#28272b;border:1px solid #fff6;border-radius:18px;outline:none;flex:1;max-height:132px;padding:8px 16px;font-family:inherit;font-size:16px;line-height:1.5;overflow-y:auto}.ChattingInput .Field::placeholder{color:#7e7e88}.ChattingInput .SendButtonArea{cursor:pointer;color:#fff;background:#fe1a7c;border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;padding:0;transition:background .2s;display:flex}.ChattingInput .SendButtonArea:hover:not(:disabled){background:#d4166a}.ChattingInput .SendButtonArea:disabled{cursor:not-allowed;background:#7e7e88}html:has(.ChattingInput){height:auto}body:has(.ChattingInput){height:auto}.app-body:has(.ChattingInput){height:auto}.app-container:has(.ChattingInput){height:auto}.CharacterProfileCard{background:var(--lightningcss-light,#565656)var(--lightningcss-dark,#1f2937);border-radius:16px;width:100%;overflow:hidden}.CharacterProfileCard .Header{background:var(--lightningcss-light,inherit)var(--lightningcss-dark,#374151);flex-direction:column;gap:4px;padding:16px;display:flex}.CharacterProfileCard .Header .NameContainer{align-items:center;gap:8px;display:flex}.CharacterProfileCard .Header .NameContainer .Name{color:#fff;font-size:18px;font-weight:700;line-height:24px}.CharacterProfileCard .Header .NameContainer .MaterialAvatarIcon{cursor:pointer;fill:#fff;width:16px;height:16px}.CharacterProfileCard .Header .NameContainer .MaterialAvatarIcon:hover{fill:#ccc}.CharacterProfileCard .Meta{color:#999;font-size:14px;font-weight:400;line-height:20px}.CharacterProfileCard .AvatarContainer{background:#444;justify-content:center;width:100%;height:300px;padding:16px 0;display:flex}.CharacterProfileCard .AvatarContainer .Avatar{object-fit:cover;width:100%;height:100%}.CharacterProfileCard .Body{flex-direction:column;gap:12px;padding:16px;display:flex}.CharacterProfileCard .Likeability{justify-content:space-between;align-items:center;display:flex}.CharacterProfileCard .Label{color:#fff;font-size:14px;font-weight:500;line-height:20px}.CharacterProfileCard .InfoButton{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#6b7280);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.CharacterProfileCard .InfoButton:hover{color:var(--lightningcss-light,#666)var(--lightningcss-dark,#9ca3af)}.CharacterProfileCard .Reason{color:var(--lightningcss-light,#ccc)var(--lightningcss-dark,#9ca3af);font-size:13px;font-style:italic;font-weight:400;line-height:18px}.CharacterProfileCard .Description{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#9ca3af);text-overflow:ellipsis;line-clamp:5;-webkit-line-clamp:5;height:100px;margin:0;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.LikeabilityBar{align-items:center;gap:8px;width:100%;display:flex;position:relative}.LikeabilityBar .LikeabilityBarHeart{filter:drop-shadow(0 1px 2px #ffffff80);flex-shrink:0;transition:left .3s;position:absolute;top:-5px}.LikeabilityBar .LikeabilityBarTrack{background:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#374151);border-radius:999px;flex:1;height:6px;position:relative}.LikeabilityBar .LikeabilityBarCenter{background:var(--lightningcss-light,#9ca3af)var(--lightningcss-dark,#6b7280);border-radius:1px;width:2px;height:10px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.LikeabilityBar .LikeabilityBarFill{border-radius:999px;height:100%;transition:left .3s,width .3s;position:absolute;top:0}.WaitingBubbleContainer{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:4px;animation:.3s forwards waitingBubbleFadeIn;display:flex}.WaitingBubbleContainer .AvatarSpace{flex-shrink:0;justify-content:flex-end;align-items:center;width:36px;display:flex}.WaitingBubbleContainer .AvatarSpace .AvatarButton{cursor:pointer;background:0 0;border:none;padding:0}.WaitingBubbleContainer .AvatarSpace .AvatarButton .Avatar{object-fit:cover;border-radius:16px;width:32px;height:32px;margin-bottom:20px}.WaitingBubbleContainer .BubbleContent{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.WaitingBubbleContainer .BubbleContent .SenderName{cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;margin-bottom:2px;margin-left:10px;padding:0;font-size:14px}.WaitingBubbleContainer .BubbleContent .WaitingBubble{background:var(--gray50);transform-origin:0;border-radius:12px;margin-left:10px;margin-right:4px;padding:6px 10px;animation:1s forwards waitingBubbleScaleIn}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots{font-size:14px;line-height:22px}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots .Dot{color:var(--lightningcss-light,#aaa)var(--lightningcss-dark,#6b7280);transition:color .15s}.WaitingBubbleContainer .BubbleContent .WaitingBubble .WaitingDots .Dot.Active{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}@keyframes waitingBubbleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes waitingBubbleScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.RoomSidebar{z-index:3;pointer-events:none;position:fixed;inset:0}.RoomSidebar .Backdrop{opacity:0;background:#000c;transition:opacity .25s;position:absolute;inset:0}.RoomSidebar .Panel{background:var(--gray70);flex-direction:column;justify-content:space-between;width:288px;height:100%;transition:transform .25s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.RoomSidebar.Open{pointer-events:auto}.RoomSidebar.Open .Backdrop{opacity:1}.RoomSidebar.Open .Panel{transform:translate(0)}.RoomSidebar button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.RoomSidebar .Divider{flex-shrink:0;align-items:center;width:100%;height:32px;display:flex}.RoomSidebar .Divider:after{content:"";background:var(--gray40);width:100%;height:1px}.RoomSidebar .Appbar{justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 16px;display:flex}.RoomSidebar .Appbar .EnergyChip{background:#4995ff26;border-radius:8px;gap:4px;padding:6px 12px}.RoomSidebar .Appbar .EnergyChip img{object-fit:cover;width:24px;height:24px}.RoomSidebar .Appbar .EnergyChip span{letter-spacing:-.32px;color:var(--static-white);font-size:16px;font-weight:500;line-height:1.5}.RoomSidebar .Appbar .CloseButton{justify-content:center;width:32px;height:32px}.RoomSidebar .Appbar .CloseButton img{width:15.5px;height:15.5px}.RoomSidebar .Sections{flex-direction:column;gap:8px;width:100%;padding:8px 16px;display:flex}.RoomSidebar .MemoriesSection{flex-direction:column;gap:8px;width:100%;display:flex}.RoomSidebar .MemoriesSection .SectionHeader{justify-content:space-between;width:100%}.RoomSidebar .MemoriesSection .SectionHeader span{color:var(--gray03);font-size:14px;font-weight:500;line-height:22px}.RoomSidebar .MemoriesSection .SectionHeader .Chevron{width:6.5px;height:11.5px;margin-right:8px;transform:rotate(180deg)}.RoomSidebar .MemoriesSection .Thumbnails{scrollbar-width:none;gap:8px;width:100%;display:flex;overflow-x:auto}.RoomSidebar .MemoriesSection .Thumbnails .Thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.RoomSidebar .MemoriesSection .Thumbnails .Thumb.Placeholder{background:#30303a}.RoomSidebar .SettingRow{justify-content:space-between;align-items:center;width:100%;display:flex}.RoomSidebar .SettingRow span{color:var(--static-white);font-size:14px;font-weight:500;line-height:22px}.RoomSidebar .SettingRow .Toggle{background:var(--gray30);border-radius:12px;flex-shrink:0;width:46px;height:24px;transition:background .2s;position:relative}.RoomSidebar .SettingRow .Toggle .Knob{background:var(--static-white);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.RoomSidebar .SettingRow .Toggle.On{background:var(--primary-main)}.RoomSidebar .SettingRow .Toggle.On .Knob{transform:translate(22px)}.RoomSidebar .Actions{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.RoomSidebar .Actions button{color:var(--static-white);font-size:14px;font-weight:500;line-height:22px}.RoomSidebar .PanelBottom{flex-direction:column;gap:10px;width:100%;padding:16px 16px 24px;display:flex}.RoomSidebar .VersionRow{justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:500;line-height:22px;display:flex}.RoomSidebar .VersionRow .Label{color:var(--gray10)}.RoomSidebar .VersionRow .Version{color:var(--static-white)}.RoomSidebar .LeaveButton{gap:2px;height:24px}.RoomSidebar .LeaveButton img{width:16px;height:18px;margin:0 4px}.RoomSidebar .LeaveButton span{color:#ff328a;font-size:16px;font-weight:500;line-height:22px}.ChatActionPills{align-items:center;gap:8px;margin-bottom:16px;padding:16px 16px 0;display:flex}.ChatActionPills .Pill{background:var(--gray50);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border:none;border-radius:9.6px;align-items:center;gap:2px;padding:4px 10px 4px 4px;display:flex}.ChatActionPills .Pill:disabled{opacity:.6;cursor:not-allowed}.ChatActionPills .Pill .PillIcon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ChatActionPills .Pill .PillIcon img{width:24px;height:24px}.ChatActionPills .Pill .PillLabel{letter-spacing:.14px;color:var(--static-white);white-space:nowrap;font-size:14px;font-weight:400;line-height:1}.CheckpointToastContainer{width:var(--feed-width);z-index:2;animation:.3s ease-out slideUpFade;position:fixed;bottom:80px}.CheckpointToastContainer .CheckpointToast{background:linear-gradient(90deg,#210854b3,#000000b3);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.CheckpointToastContainer .CheckpointToast .CheckpointToastIcon{flex-shrink:0;width:32px;height:32px}.CheckpointToastContainer .CheckpointToast .CheckpointToastMessage{letter-spacing:-.28px;color:#fff;word-break:keep-all;flex:1;margin:0;font-size:14px;font-weight:400;line-height:1.5}.AnswerSuggestions{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;margin-top:-8px;padding:0 16px 16px;display:flex;overflow-x:hidden}:is(.AnswerSuggestions .SuggestionBubble,.AnswerSuggestions.VersionA .SuggestionMessage,.AnswerSuggestions.VersionB .SuggestionItem):hover{filter:brightness(1.2)}:is(.AnswerSuggestions .SuggestionBubble,.AnswerSuggestions.VersionA .SuggestionMessage,.AnswerSuggestions.VersionB .SuggestionItem):active{filter:brightness(.9)}.AnswerSuggestions:has(.SuggestionBubble:active) .SuggestionBubble:not(:active){filter:grayscale()}.AnswerSuggestions:has(.SuggestionItem:active) .SuggestionItem:not(:active){filter:grayscale()}.AnswerSuggestions .SuggestionBubble{background:var(--primary-strong);color:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);text-align:left;cursor:pointer;border:none;border-radius:16px;width:calc(100% - 60px);margin-left:60px;padding:10px 16px;font-size:14px;line-height:1.4;transition:all .2s}.AnswerSuggestions .SuggestionBubble:hover{filter:brightness(1.2)}.AnswerSuggestions .SuggestionBubble:active{filter:brightness(.9)}.AnswerSuggestions .SuggestionBubble.skeleton{color:#0000;background:var(--primary-strong);border:none;height:40px;margin-left:60px}.AnswerSuggestions .SuggestionBubble.blinking{animation:1.5s infinite pulseFade}.AnswerSuggestions.VersionA{align-items:flex-end;gap:4px}.AnswerSuggestions.VersionA .SuggestionSwitcher{background-color:#252525;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:6px;display:flex}.AnswerSuggestions.VersionA .SuggestionSwitcher .TypeIcon{border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.AnswerSuggestions.VersionA .SuggestionSwitcher .TypeIcon img{width:16px;height:16px}.AnswerSuggestions.VersionA .SuggestionSwitcher .SuggestionLabel{color:#fff;white-space:nowrap;margin:0;font-size:12px;font-weight:500;line-height:22px}.AnswerSuggestions.VersionA .MessageRow{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.AnswerSuggestions.VersionA .MessageRow .ActionButtons{align-items:center;margin-left:90px;display:flex}.AnswerSuggestions.VersionA .MessageRow .ActionButtons .ActionButton{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.AnswerSuggestions.VersionA .MessageRow .ActionButtons .ActionButton img{width:16px;height:16px}.AnswerSuggestions.VersionA .MessageRow .SuggestionMessage{cursor:pointer;background-color:#629564;border-radius:16px;width:fit-content;padding:10px 16px}.AnswerSuggestions.VersionA .MessageRow .SuggestionMessage p{color:#fff;text-align:left;margin:0;font-size:14px;font-weight:400;line-height:20px}.AnswerSuggestions.VersionA .SwitchButton{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;transform:rotate(-90deg)}.AnswerSuggestions.VersionA .SwitchButton:active{opacity:.7}.AnswerSuggestions.VersionA .SwitchButton.Rotating{animation:1s linear infinite rotating}.AnswerSuggestions.VersionA .HintText{color:#9ca3af;white-space:nowrap;margin:0;font-size:10px;font-style:italic;line-height:20px}.AnswerSuggestions.VersionA .SuggestionPill.skeleton{background:var(--primary-strong);border-radius:100px;width:200px;height:36px}.AnswerSuggestions.VersionB{align-items:flex-end;gap:6px}.AnswerSuggestions.VersionB .SuggestionList{flex-direction:column;justify-content:flex-end;gap:8px;width:calc(100% - 60px);margin-left:60px;display:flex}.AnswerSuggestions.VersionB .SuggestionList .SuggestionItem{cursor:pointer;background-color:#252525;border:1px solid #000;border-radius:12px;flex-direction:row;justify-content:stretch;align-items:center;gap:12px;width:100%;height:46px;padding:8px 10px;transition:background-color .2s;display:flex}.AnswerSuggestions.VersionB .SuggestionList .SuggestionItem.skeleton{background:var(--primary-strong);height:46px}.AnswerSuggestions.VersionB .SuggestionList .SuggestionItem .TypeIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.AnswerSuggestions.VersionB .SuggestionList .SuggestionItem .TypeIcon img{width:20px;height:20px}.AnswerSuggestions.VersionB .SuggestionList .SuggestionItem .SuggestionText{color:#dadce0;text-align:left;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:500;line-height:1;overflow:hidden}.AnswerSuggestions.VersionB .SendOption{cursor:pointer;align-items:center;gap:4px;padding:0 10px;display:flex}.AnswerSuggestions.VersionB .SendOption .Checkbox{border:1px solid #9ca3af;border-radius:4px;flex-shrink:0;width:16px;height:16px;position:relative}.AnswerSuggestions.VersionB .SendOption .Checkbox.checked{background-color:var(--gray30);border-color:var(--gray30)}.AnswerSuggestions.VersionB .SendOption .Checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:4px;transform:rotate(45deg)}.AnswerSuggestions.VersionB .SendOption .OptionLabel{color:var(--gray10);font-size:12px;font-weight:400;line-height:20px}@keyframes blinking{0%{opacity:.5}50%{opacity:.2}to{opacity:.5}}.blinking{animation:1.5s ease-in-out infinite blinking}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html:has(.StoryChatRoomPage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root:has(.StoryChatRoomPage){height:100dvh;min-height:auto;overflow-y:scroll}#root:has(.StoryChatRoomPage) .ChattingInput{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes HaloPulse{0%{box-shadow:0 0 #818cf8b3}70%{box-shadow:0 0 0 10px #818cf800}to{box-shadow:0 0 #818cf800}}.HaloButton{border-radius:50%;animation:2s infinite HaloPulse}.StoryChatRoomPage{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:calc(100dvh - var(--keyboard-offset,0px));background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#030712);flex-direction:column;width:100%;max-width:720px;display:flex}.StoryChatRoomPage .ChatBackground{z-index:0;pointer-events:none;background-position:top;background-size:cover;width:100%;max-width:720px;position:fixed;top:0;bottom:0}.StoryChatRoomPage .ChatBackground.Cover{filter:blur(16px);background-size:cover}.StoryChatRoomPage .ChatBackground.Contain{background-position:top;background-repeat:no-repeat;background-size:contain}.StoryChatRoomPage .ChatBackground.Contain:after{background:0 0}.StoryChatRoomPage .ChatBackground.Dim{background:radial-gradient(#0000,#14141440 80%)}.StoryChatRoomPage .ChatBackground.Dim:after{background:#141414bf}.StoryChatRoomPage .ChatBackground:after{content:"";background:#141414bf;position:absolute;inset:0}.StoryChatRoomPage.HasBackground .Content{z-index:1;background:0 0;position:relative}.StoryChatRoomPage .ChatHeaderSpacer{flex-shrink:0;height:56px}.StoryChatRoomPage .ChatHeader{z-index:2;background:var(--gray70);border-bottom:1px solid var(--gray30);justify-content:space-between;align-items:center;width:100%;max-width:720px;height:56px;padding:0 16px 0 8px;display:flex;position:fixed;top:0}.StoryChatRoomPage .ChatHeader button,.StoryChatRoomPage .ChatHeader a.LinkReset{cursor:pointer;color:var(--static-white);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.StoryChatRoomPage .ChatHeader .HeaderLeft{align-items:center;gap:8px;min-width:0;display:flex}.StoryChatRoomPage .ChatHeader .HeaderLeft a.LinkReset{flex-shrink:0;width:24px;height:24px}.StoryChatRoomPage .ChatHeader .HeaderLeft a.LinkReset img{width:6.5px;height:11.5px}.StoryChatRoomPage .ChatHeader .HeaderLeft h1{letter-spacing:-.32px;color:var(--static-white);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:500;overflow:hidden}.StoryChatRoomPage .ChatHeader .HeaderRight{flex-shrink:0;align-items:center;gap:8px;display:flex}.StoryChatRoomPage .ChatHeader .HeaderRight .ModelChip{background:var(--gray50);border:.5px solid #fff6;border-radius:6px;gap:4px;padding:8px 6px}.StoryChatRoomPage .ChatHeader .HeaderRight .ModelChip span{color:var(--static-white);font-size:12px;font-weight:600;line-height:1}.StoryChatRoomPage .ChatHeader .HeaderRight .ModelChip .SmileIcon{width:10px;height:10px}.StoryChatRoomPage .ChatHeader .HeaderRight .ModelChip .ChevronIcon{width:12px;height:12px}.StoryChatRoomPage .ChatHeader .HeaderRight .MoreButton{width:24px;height:24px}.StoryChatRoomPage .ChatHeader .HeaderRight .MoreButton img{width:17.5px;height:13.5px}.StoryChatRoomPage .Content{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#030712);flex-direction:column;flex:1;display:flex}.StoryChatRoomPage .MessagesContainer{flex-direction:column;flex:1;justify-content:flex-end;padding-top:16px;padding-bottom:16px;display:flex;overflow-x:hidden}.StoryChatRoomPage .MessagesContainer .Messages{flex-direction:column;gap:8px;padding:0 16px;display:flex}.StoryChatRoomPage .MessagesContainer .Messages .WindowingSpacer{height:8px}.StoryChatRoomPage .NpcMessage{align-items:flex-start;gap:8px;width:100%;display:flex}.StoryChatRoomPage .NpcMessage .Content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.StoryChatRoomPage .NpcMessage .Name{letter-spacing:-.24px;color:var(--lightningcss-light,#8e8e8e)var(--lightningcss-dark,#9ca3af);font-size:12px;font-weight:400;line-height:16px}.StoryChatRoomPage .UserMessage{flex-direction:column;align-items:flex-end;width:100%;display:flex}.StoryChatRoomPage .PhotoRequestBar{pointer-events:none;z-index:1;flex-direction:row;justify-content:center;padding:8px 16px;transition:opacity .4s;display:none;left:0;right:0}.StoryChatRoomPage .PhotoRequestBar.Visible{pointer-events:auto;display:flex}.StoryChatRoomPage .PhotoRequestButton{color:#fff;cursor:pointer;background:#722cff;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600}.StoryChatRoomPage .PhotoRequestButton:disabled{opacity:.7;cursor:not-allowed}.StoryChatRoomPage .ProfileOverlay{z-index:2;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.StoryChatRoomPage .ProfileOverlay .ProfileCard{width:100%;max-width:400px}@keyframes pulseFade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.StreamingCursor{font-weight:700;animation:.7s infinite blink}.FastModelWall{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.FastModelWall .incoming-label{color:#818cf8;letter-spacing:.1em;margin-bottom:8px;font-size:14px;font-weight:800}.FastModelWall .main-heading{color:var(--text-primary);margin:16px 0 8px;font-size:24px;font-weight:800}.FastModelWall .sub{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.5}.FastModelWall .balance-text{color:#22c55e;margin-bottom:16px;font-size:15px;font-weight:700}.FastModelWall .pass-card{background:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff0d);border-radius:12px;width:100%;margin-bottom:24px;padding:16px}.FastModelWall .pass-info{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.FastModelWall .pass-label{color:var(--text-primary);font-size:16px;font-weight:700}.FastModelWall .coin-badge{color:#818cf8;background:#818cf826;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.FastModelWall .benefits{text-align:left;margin:0;padding:0;list-style:none}.FastModelWall .benefits li{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.FastModelWall .switch-btn{color:#fff;cursor:pointer;background:#818cf8;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700}.FastModelWall .cancel-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px;font-size:15px;font-weight:600}.EnergyPaymentWall{background:#1e1e1e;flex-direction:column;gap:16px;padding:0 20px 8px;display:flex}.EnergyPaymentWall .HandleWrap{justify-content:center;padding:10px 0 6px;display:flex}.EnergyPaymentWall .HandleWrap .Handle{background:#878a93;border-radius:999px;width:34px;height:4px}.EnergyPaymentWall .CoinRow{align-items:center;height:28px;display:flex}.EnergyPaymentWall .CoinRow .CoinBadge{background:#1c1c1c;border:1px solid #70737c38;border-radius:100px;align-items:center;gap:4px;padding:2px 10px;display:flex}.EnergyPaymentWall .CoinRow .CoinBadge .CoinIcon{font-size:18px;line-height:24px}.EnergyPaymentWall .CoinRow .CoinBadge .CoinText{color:#fff;letter-spacing:-.18px;font-size:18px;font-weight:600;line-height:24px}.EnergyPaymentWall .Main{flex-direction:column;gap:32px;display:flex}.EnergyPaymentWall .Main .Hero{flex-direction:column;align-items:center;gap:24px;display:flex}.EnergyPaymentWall .Main .Hero .BoltsRow{align-items:center;gap:8px;display:flex}.EnergyPaymentWall .Main .Hero .Headline{color:#fff;text-align:center;margin:0;font-size:24px;font-weight:600}.EnergyPaymentWall .Main .Hero .Subheadline{color:#aeb0b6;text-align:center;margin:0;font-size:14px;font-weight:500;line-height:21px}.EnergyPaymentWall .Main .Cards{gap:12px;display:flex}.EnergyPaymentWall .Main .Cards .Card{cursor:pointer;background:#1c1c1c;border:2px solid #a10de4;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.EnergyPaymentWall .Main .Cards .Card:hover{opacity:.85}.EnergyPaymentWall .Main .Cards .Card.Gray{border:1px solid #404040}.EnergyPaymentWall .Main .Cards .Card .Content{flex-direction:column;justify-content:flex-start;display:flex}.EnergyPaymentWall .Main .Cards .Card .Illustration{justify-content:center;align-items:center;height:50px;display:flex}.EnergyPaymentWall .Main .Cards .Card .Body{flex-direction:column;align-items:center;gap:8px;display:flex}.EnergyPaymentWall .Main .Cards .Card .Body .Title{color:#fff;text-align:center;letter-spacing:-.16px;font-size:16px;font-weight:600;line-height:24px}.EnergyPaymentWall .Main .Cards .Card .Body .Benefits{flex-direction:column;align-items:flex-start;display:flex}.EnergyPaymentWall .Main .Cards .Card .Body .Benefits .Benefit{color:#aeb0b6}.EnergyPaymentWall .Main .Cards .Card .PriceBadge{background:#323232;border-radius:100px;align-items:center;gap:4px;padding:0 6px;display:flex}.EnergyPaymentWall .Main .Cards .Card .PriceBadge .PriceText{color:#fff;letter-spacing:-.12px;font-size:12px;font-weight:500;line-height:24px}.EnergyPaymentWall .OrSection{flex-direction:column;gap:12px;display:flex}.EnergyPaymentWall .OrSection .OrRow{align-items:center;gap:15px;display:flex}.EnergyPaymentWall .OrSection .OrRow .OrLine{background:#70737c38;flex:1;height:1px}.EnergyPaymentWall .OrSection .OrRow .OrText{color:#70737c85;font-weight:600}.EnergyPaymentWall .OrSection .AdButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;display:flex}.EnergyPaymentWall .OrSection .AdButton:disabled{opacity:.4;cursor:not-allowed}.EnergyPaymentWall .OrSection .AdButton:not(:disabled):hover{opacity:.8}.EnergyPaymentWall .OrSection .AdButton .AdInner{align-items:flex-end;display:flex}.EnergyPaymentWall .OrSection .AdButton .AdInner .AdText{color:#ffffff85;font-weight:500}.EnergyPaymentWall .OrSection .AdButton .AdInner .AdSep,.EnergyPaymentWall .OrSection .AdButton .AdInner .AdCount{color:#70737c85;letter-spacing:1px}.EnergyPaymentWall .AutoRow{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.EnergyPaymentWall .AutoRow .AutoText{flex-direction:column;flex:1;gap:2px;display:flex}.EnergyPaymentWall .AutoRow .AutoText .AutoLabel{color:#ffffffb3;font-size:14px;font-weight:500}.EnergyPaymentWall .AutoRow .AutoText .AutoDesc{color:#70737cb8;font-size:11px}.EnergyPaymentWall .AutoRow .Toggle{cursor:pointer;flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.EnergyPaymentWall .AutoRow .Toggle input{opacity:0;width:0;height:0;position:absolute}.EnergyPaymentWall .AutoRow .Toggle .Track{background:#404040;border-radius:999px;transition:background .2s;position:absolute;inset:0}.EnergyPaymentWall .AutoRow .Toggle .Track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.EnergyPaymentWall .AutoRow .Toggle input:checked+.Track{background:#722cff}.EnergyPaymentWall .AutoRow .Toggle input:checked+.Track:after{transform:translate(18px)}.CharacterCard{aspect-ratio:.57;cursor:pointer;background:#111;border-radius:20px;transition:transform .15s;display:block;position:relative;overflow:hidden}.CharacterCard:hover{transform:scale(1.02)}.CharacterCard:active{transform:scale(1)}.CharacterCard .Image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.CharacterCard .Gradient{pointer-events:none;background:linear-gradient(#0000 49%,#000c 84%);position:absolute;inset:0}.CharacterCard .TopRow{align-items:flex-start;display:flex;position:absolute;top:10px;left:10px;right:10px}.CharacterCard .ChatPill{background:#00000080;border-radius:5px;align-items:center;gap:3px;padding:6px;display:flex}.CharacterCard .ChatPill .ChatPillText{color:#fff;font-size:10px;font-weight:500}.CharacterCard .RankBadge{color:#fff;background:#722cff;border-top-right-radius:20px;border-bottom-left-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:500;display:flex;position:absolute;top:0;right:0}.CharacterCard .BottomInfo{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.CharacterCard .BottomInfo .Name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:500;line-height:21px;display:-webkit-box;overflow:hidden}.CharacterCard .BottomInfo .Description{color:silver;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin:0;font-size:14px;line-height:18px;display:-webkit-box;overflow:hidden}.CharacterCard .CreatorRow{align-items:center;gap:6px;display:flex}.CharacterCard .CreatorRow .CreatorName{color:#939393;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.CharacterCard .CreatorRow .CreatorBadge{color:#b38dff;white-space:nowrap;background:#3c158a;border-radius:2px;padding:2px 6px;font-size:8px;font-weight:500}html:has(.CreatorPage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.CreatorPage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;gap:16px;margin:0 auto;display:flex}.CreatorPage .Appbar{z-index:2;background:var(--gray70);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.CreatorPage .Appbar .AppbarButton{width:32px;height:56px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.CreatorPage .Appbar .AppbarTitle{font-size:18px;font-weight:500;line-height:22px}.CreatorPage .Appbar .AppbarActions{align-items:center;gap:12px;display:flex}.CreatorPage .ProfileSection{flex-direction:column;align-items:center;gap:8px;padding:16px 16px 0;display:flex}.CreatorPage .ProfileSection .Avatar,.CreatorPage .ProfileSection .AvatarFallback{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.CreatorPage .ProfileSection .AvatarFallback{background:var(--gray40)}.CreatorPage .ProfileSection .NameBlock{flex-direction:column;align-items:center;gap:2px;display:flex}.CreatorPage .ProfileSection .NameBlock .Name{font-size:20px;font-weight:500;line-height:1.5}.CreatorPage .ProfileSection .NameBlock .Handle{color:var(--gray10);font-size:14px;line-height:1.5}.CreatorPage .ProfileSection .Bio{color:var(--gray10);text-align:center;max-width:304px;margin:0;font-size:14px;line-height:1.5}.CreatorPage .ProfileSection .FollowRow{letter-spacing:-.28px;align-items:center;gap:4px;font-size:14px;line-height:1.5;display:flex}.CreatorPage .ProfileSection .FollowRow .FollowCount{color:var(--static-white);font-weight:500}.CreatorPage .ProfileSection .FollowRow .FollowLabel{color:var(--gray10);margin-right:8px}.CreatorPage .StatCards{justify-content:center;gap:8px;padding:16px 16px 0;display:flex}.CreatorPage .StatCards .StatCard{background:var(--gray60);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;max-width:120px;padding:8px 8px 16px;display:flex}.CreatorPage .StatCards .StatCard .StatValue{font-size:18px;line-height:normal}.CreatorPage .StatCards .StatCard .StatLabel{color:var(--gray10);text-align:center;font-size:10px;line-height:normal}.CreatorPage .InfoLabel{color:var(--gray10);text-align:center;font-size:12px;line-height:normal}.CreatorPage .FollowAction{padding:16px 16px 0}.CreatorPage .FollowAction .FollowButton{background:var(--primary-main);width:100%;height:37px;color:var(--static-white);cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:500}.CreatorPage .FollowAction .FollowButton.Active{background:var(--gray40)}.CreatorPage .GridHeader{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.CreatorPage .GridHeader .GridCount{color:var(--gray10);font-size:14px;font-weight:500}.CreatorPage .GridHeader .SortButton{color:#aeb0b6;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-size:14px;font-weight:500;display:flex}.CreatorPage .GridHeader .SortButton .ChevronDown{transform:rotate(-90deg)}.CreatorPage .Grid{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;display:flex}.CreatorPage .Grid .ScenarioCard,.CreatorPage .Grid .CharacterCard{width:calc(50% - 4px)}@media (width>=624px){.CreatorPage .Grid .ScenarioCard,.CreatorPage .Grid .CharacterCard{width:calc(33.33% - 8px)}}.CharacterListFAB{color:#fff;cursor:pointer;background:#722cff;border:none;border-radius:27px;justify-content:center;align-items:center;gap:4px;min-width:54px;height:54px;padding:0 18px;transition:padding .2s,background .2s,transform .15s;display:inline-flex;overflow:hidden;box-shadow:0 2px 4px #00000040}.CharacterListFAB:hover{background:#5c1fe0}.CharacterListFAB:active{transform:scale(.95)}.CharacterListFAB .Label{white-space:nowrap;max-width:160px;font-size:14px;font-weight:600;transition:max-width .2s,opacity .2s;overflow:hidden}.CharacterListFAB:not(.Expanded){padding:0}.CharacterListFAB:not(.Expanded) .Label{opacity:0;max-width:0}html:has(.CreatePage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.CreatePage{touch-action:pan-y;background:var(--gray70);flex-direction:column;width:100%;max-width:720px;min-height:100dvh;padding-bottom:94px;display:flex;position:relative}.CreatePage .Header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.CreatePage .Header .Title{color:var(--static-white);font-size:24px;font-weight:600}.CreatePage .IconButton{width:32px;height:32px;color:var(--static-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.CreatePage .ScenarioTabBar{margin-top:12px}.CreatePage .FilterRow{align-items:center;gap:14px;padding:12px 16px;display:flex}.CreatePage .FilterRow .FilterChip{background:var(--static-black);color:var(--gray10);cursor:pointer;border:none;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:400;line-height:1.5;transition:background .2s,color .2s}.CreatePage .FilterRow .FilterChip.Active{background:var(--primary-main);color:var(--static-white);font-weight:500}.CreatePage .Body{flex-direction:column;flex:1;gap:16px;padding:4px 16px 0;display:flex}.CreatePage .TotalCount{letter-spacing:-.28px;color:var(--gray10);font-size:14px}.CreatePage .CreationList{flex-direction:column;display:flex}.CreatePage .CreationRow{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.CreatePage .CreationRow:not(:last-child){border-bottom:1px solid var(--gray50)}.CreatePage .CreationRow .RowMain{align-items:center;gap:12px;min-width:0;display:flex}.CreatePage .CreationRow .Thumbnail{object-fit:cover;background:var(--gray60);border-radius:12px;flex-shrink:0;width:56px;height:56px}.CreatePage .CreationRow .RowInfo{flex-direction:column;gap:8px;min-width:0;display:flex}.CreatePage .CreationRow .RowTitle{letter-spacing:-.32px;color:var(--static-white);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.CreatePage .CreationRow .RowMeta{color:var(--gray20);align-items:center;gap:8px;font-size:14px;display:flex}.CreatePage .CreationRow .RowMeta .MetaItem{align-items:center;gap:6px;display:flex}.CreatePage .CreationRow .RowMeta .Description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.CreatePage .CreationRow .RowActions{flex-shrink:0;align-items:center;gap:4px;display:flex}.CreatePage .CreationRow .RowActions .IconButton{color:var(--gray05)}.CreatePage .EmptyState{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:0 16px 48px;display:flex}.CreatePage .EmptyState .EmptyMessage{letter-spacing:-.32px;color:var(--gray10);text-align:center;max-width:280px;margin:0;font-size:16px;font-weight:500;line-height:1.5}.CreatePage .FabContainer{z-index:2;position:fixed;bottom:94px;right:16px}.CreatePage .CharacterListFAB{background:var(--primary-main);border-radius:100px;min-width:46px;height:46px}.CreatePage .CharacterListFAB:hover{background:var(--primary-strong)}.CreatePage .CharacterListFAB:active{background:var(--primary-heavy);transform:scale(.95)}html:has(.DesignSystem){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--page-bg)}#root:has(.DesignSystem){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--page-bg)}html:has(.DesignSystem.light){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f7f7f7}#root:has(.DesignSystem.light){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f7f7f7}.DesignSystem{max-width:1200px;color:var(--text-primary);min-height:100vh;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.DesignSystem.light{--page-bg:#f7f7f7;--card-bg:#fff;--input-bg:#efefef;--section-bg:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#5a6b80;--text-muted:#999;--border:#0000001a}.DesignSystem h1{margin-bottom:.5rem}.DesignSystem>div>div>p{color:var(--text-secondary);margin-bottom:2rem}.DesignSystem .MainTabBar{border-bottom:1px solid var(--border);margin-bottom:2rem}.DesignSystem .Section{border-top:1px solid var(--border);margin-top:3rem;padding-top:1rem}.DesignSystem .Section h2{color:var(--text-primary);margin:0 0 .5rem}.DesignSystem .Section .Description{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.DesignSystem .Section .Showcase{border:1px solid var(--border);background-color:var(--card-bg);border-radius:8px;margin-top:1rem;padding:2rem;box-shadow:0 2px 8px #0000000a}.DesignSystem .LottieCard{border:1px solid var(--border);background:var(--section-bg);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;width:160px;padding:1rem;display:flex}.DesignSystem .LottieCard .Label{color:var(--text-secondary);text-align:center;word-break:break-all;margin:0;font-size:11px}.DesignSystem .TokenGrid{flex-wrap:wrap;gap:2rem;display:flex}.DesignSystem .TokenSwatch{flex-direction:column;align-items:center;gap:.5rem;display:flex}.DesignSystem .TokenSwatch .Chip{border:1px solid #80808040;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:14px;font-weight:600;display:flex}.DesignSystem .TokenSwatch .GlassSurface,.DesignSystem .TokenSwatch .GlowBorder{border-radius:16px}.DesignSystem .TokenSwatch .TokenLabel{color:var(--text-primary);font-size:12px;font-weight:500}.DesignSystem .TokenSwatch .TokenValue{color:var(--text-secondary);font-family:monospace;font-size:11px}.DesignSystem .GlassShowcase{background-image:linear-gradient(135deg,#932d45 0%,#1f1f23 60%)}.DesignSystem .ColorSwatch{color:#fff;text-shadow:0 1px 2px #0006;border:1px solid #80808033;border-radius:8px;justify-content:center;align-items:center;width:150px;height:100px;font-size:12px;font-weight:500;display:flex}.Dialog .DialogOverlay{z-index:4;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.Dialog .DialogContainer{background-color:var(--gray50);z-index:4;border-radius:16px;min-width:300px;max-width:90vw;max-height:90vh;padding:24px;animation:.3s ease-out forwards dialogSlideUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%)translateY(-50%);box-shadow:0 4px 16px #0003}.Dialog .DialogContent .Text.DialogHeadline{color:var(--static-white);text-align:center;font-size:18px;font-weight:600}.Dialog .DialogContent .Text.DialogSubline{color:var(--gray05);text-align:center;font-size:14px;line-height:1.5}.Dialog .DialogContent .Pressable.DialogButton{cursor:pointer;width:100%;transition:all var(--transition-fast);background-color:#0000;border:none;border-radius:12px;padding:14px 12px}.Dialog .DialogContent .Pressable.DialogButton.DialogPrimaryButton{background-color:var(--primary-main);color:var(--static-white)}.Dialog .DialogContent .Pressable.DialogButton.DialogPrimaryButton:hover{background-color:var(--primary-strong)}.Dialog .DialogContent .Pressable.DialogButton.DialogPrimaryButton:active{background-color:var(--primary-heavy)}.Dialog .DialogContent .Pressable.DialogButton.DialogSecondaryButton{background-color:#0000}.Dialog .DialogContent .Pressable.DialogButton.DialogSecondaryButton:hover{background-color:var(--gray40)}.Dialog .DialogContent .Pressable.DialogButton.DialogSecondaryButton:active{background-color:var(--gray65)}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogButtonText{color:var(--gray10);font-size:16px;font-weight:500}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogPrimaryButtonText{color:var(--static-white)}.Dialog .DialogContent .Pressable.DialogButton .Text.DialogSecondaryButtonText{color:var(--gray10)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideUp{0%{opacity:0;transform:translate(-50%)translateY(calc(-50% - 30px))}to{opacity:1;transform:translate(-50%)translateY(-50%)}}html:has(.login-page){overscroll-behavior:none}body:has(.login-page) #root:has(.login-page){overscroll-behavior:none}.login-page-wrapper{background-color:var(--page-bg);overscroll-behavior:none;background-image:radial-gradient(circle at 50% 0,#dc88cc1f,#0000 60%);width:100%;max-width:100%;height:100vh}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:800px;min-height:100%;margin:0 auto;padding:4rem 2rem;display:flex}.login-page .logo{height:80px}.login-page .logo.invisible{opacity:0}.login-container{background-color:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 8px 32px #0006}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--text-primary);margin-bottom:.75rem;font-size:1.8rem}.login-header p{color:var(--text-secondary);font-size:1rem}.error-message{color:#f87171;background-color:#ef444426;border-radius:4px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.success-message{color:#81c784;background-color:#2e7d3233;border-radius:4px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.login-form form{flex-direction:column;gap:1.25rem;display:flex}.login-form .form-group{flex-direction:column;gap:.5rem;display:flex}.login-form .form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.login-form .form-group input{border:1px solid var(--border);background-color:var(--input-bg);color:var(--text-primary);border-radius:8px;padding:.875rem;font-size:1rem}.login-form .form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #dc88cc33}.login-form .form-group input:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#ffffff0a}.login-form .email-display,.login-form .userid-display{background-color:var(--input-bg);border-radius:8px;margin-bottom:1rem;padding:.75rem}:is(.login-form .email-display,.login-form .userid-display) p{color:var(--text-secondary);margin:0;font-size:.875rem}:is(.login-form .email-display,.login-form .userid-display) strong{color:var(--text-primary)}.login-form .submit-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .2s}.login-form .submit-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-form .submit-button:disabled{background-color:var(--color-primary);opacity:.4;cursor:not-allowed}.login-form .back-button{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background-color:#0000;border-radius:8px;margin-top:.75rem;padding:1rem;font-size:1rem;transition:background-color .2s}.login-form .back-button:hover:not(:disabled){background-color:#ffffff0d}.login-form .back-button:disabled{color:var(--text-muted);border-color:var(--border);cursor:not-allowed}.auto-verify-message{text-align:center;padding:2rem 0}.auto-verify-message p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.loading-spinner{border:4px solid #dc88cc4d;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin;display:inline-block}.main-signin{width:100%;max-width:480px}.main-signin .google-signin-button{color:#333;border:1px solid var(--border);cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex}.main-signin .google-signin-button:hover:not(:disabled){background-color:#f8f8f8;box-shadow:0 2px 4px #0000004d}.main-signin .google-signin-button:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.main-signin .google-signin-button svg{flex-shrink:0}.main-signin .line-signin-button{color:#fff;cursor:pointer;background-color:#06c755;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex}.main-signin .line-signin-button:hover:not(:disabled){background-color:#05b34b;box-shadow:0 2px 4px #0000004d}.main-signin .line-signin-button:disabled{opacity:.6;cursor:not-allowed}.main-signin .line-signin-button svg{flex-shrink:0}.main-signin .mate-signin-button{color:#fff;cursor:pointer;background-color:#4c174d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .2s;display:flex}.main-signin .mate-signin-button:hover:not(:disabled){background-color:#6b4d6f;box-shadow:0 2px 4px #0000004d}.main-signin .mate-signin-button:disabled{cursor:not-allowed;background-color:#a5d6a7}.main-signin .mate-signin-button .mate-icons{align-items:center;gap:.5rem;display:flex}.main-signin .mate-signin-button .mate-icons .ios-icon,.main-signin .mate-signin-button .mate-icons .android-icon{color:#fff;width:20px;height:20px}.main-signin .download-app-section{margin-top:2rem}.main-signin .download-app-section .divider{text-align:center;margin:1.5rem 0;position:relative}.main-signin .download-app-section .divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.main-signin .download-app-section .divider span{background-color:var(--card-bg);color:var(--text-secondary);padding:0 1rem;font-size:.875rem;position:relative}.main-signin .download-app-section .qr-code-container{text-align:center}.main-signin .download-app-section .qr-code-container a{transition:transform .2s;display:inline-block}.main-signin .download-app-section .qr-code-container a:hover{transform:scale(1.05)}.main-signin .download-app-section .qr-code-container .download-qr-code{border:2px solid var(--border);cursor:pointer;background-color:#fff;border-radius:8px;width:150px;height:150px;margin:0 auto;padding:8px;transition:box-shadow .2s;display:block}.main-signin .download-app-section .qr-code-container .download-qr-code:hover{box-shadow:0 4px 12px #00000059}.main-signin .download-app-section .qr-code-container .qr-text{color:var(--text-secondary);margin-top:.75rem;font-size:.875rem}.main-signin .alternative-signin{margin:1.5rem 0}.main-signin .alternative-signin .divider{text-align:center;margin:1.5rem 0;position:relative}.main-signin .alternative-signin .divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.main-signin .alternative-signin .divider span{background-color:var(--card-bg);color:var(--text-secondary);padding:0 1rem;font-size:.875rem;position:relative}.main-signin .alternative-signin .email-signin-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;text-decoration:underline}.main-signin .alternative-signin .email-signin-link:hover:not(:disabled){color:var(--color-primary-hover)}.main-signin .alternative-signin .email-signin-link:disabled{color:var(--text-muted);cursor:not-allowed}.mate-signin{text-align:center}.mate-signin .qr-section{margin-bottom:2rem}.mate-signin .qr-section h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.mate-signin .qr-section>p{color:var(--text-secondary);margin-bottom:1.5rem}.mate-signin .qr-section .qr-code{justify-content:center;margin:1.5rem 0;display:flex;position:relative}.mate-signin .qr-section .qr-code img{border:2px solid var(--border);background-color:#fff;border-radius:8px}.mate-signin .qr-section .qr-code.qr-code-disabled img{opacity:.3;filter:grayscale()}.mate-signin .qr-section .qr-code .qr-overlay{background:#808080cc;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mate-signin .qr-section .qr-code .qr-overlay p{color:#fff;text-shadow:1px 1px 2px #000000b3;margin:0;font-weight:700}.mate-signin .qr-section .pin-code{cursor:pointer;margin:1.5rem 0}.mate-signin .qr-section .pin-code p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.mate-signin .qr-section .pin-code .pin-display{color:var(--text-primary);background-color:var(--input-bg);letter-spacing:.5rem;border:2px solid var(--border);border-radius:8px;padding:1rem;font-family:monospace;font-size:2rem;font-weight:700}.mate-signin .qr-section .polling-status{margin-top:1.5rem}.mate-signin .qr-section .polling-status .spinner{border:3px solid var(--border);border-top:3px solid #4caf50;border-radius:50%;width:24px;height:24px;margin:0 auto .5rem;animation:1s linear infinite spin}.mate-signin .qr-section .polling-status p{color:var(--text-secondary);font-size:.875rem}.error-state{text-align:center;padding:1rem 0}.login-footer{text-align:center;color:var(--text-muted);white-space:pre-line;margin-top:2rem;font-size:.75rem}.login-footer a{color:var(--color-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=800px){.login-container{padding:1.5rem}.login-header .logo{height:60px}.login-header h1{font-size:1.5rem}}.ImageViewer{background-color:#000;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ImageViewer .Header{background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.ImageViewer .Header .CloseBtn{cursor:pointer;color:#fff;z-index:4;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.ImageViewer .Header .CloseBtn:hover{background:#fff3}.ImageViewer .Header .Counter{color:#fff;background:#00000080;border-radius:16px;padding:6px 12px;font-size:14px;font-weight:500}.ImageViewer .Container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ImageViewer .Container .Image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.ImageViewer .Container .NavBtn{cursor:pointer;color:#fff;z-index:4;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ImageViewer .Container .NavBtn:hover{background:#fff3}.ImageViewer .Container .NavBtn.Prev{left:16px}.ImageViewer .Container .NavBtn.Next{right:16px}.ImageViewer .Thumbnails{-webkit-overflow-scrolling:touch;background:linear-gradient(#0000,#00000080);justify-content:center;gap:8px;padding:16px;display:flex;overflow-x:auto}.ImageViewer .Thumbnails .Thumbnail{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:56px;height:56px;padding:0;transition:border-color .2s,opacity .2s;overflow:hidden}.ImageViewer .Thumbnails .Thumbnail:hover{opacity:.8}.ImageViewer .Thumbnails .Thumbnail.Active{opacity:1;border-color:#fff}.ImageViewer .Thumbnails .Thumbnail img{object-fit:cover;width:100%;height:100%}.ImageViewer .Empty{color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.ImageViewer .Empty p{margin:0;font-size:16px}.ImageViewer .Empty button{color:#fff;cursor:pointer;background:#722cff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.ImageViewer .Empty button:hover{background:#5a1ecc}@media (width<=768px){.ImageViewer .Container .NavBtn{width:40px;height:40px}.ImageViewer .Container .NavBtn.Prev{left:8px}.ImageViewer .Container .NavBtn.Next{right:8px}.ImageViewer .Thumbnails .Thumbnail{width:48px;height:48px}}.MyPage{background:var(--gray70);flex-direction:column;width:100%;max-width:800px;min-height:calc(100dvh - 74px);margin:0 auto;padding-bottom:90px;display:flex}.MyPage .MPHeader{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.MyPage .MPHeader .MPTitle{color:var(--static-white);font-size:24px;font-weight:700}.MyPage .MPHeader .MPHeaderIcon{cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.MyPage .MPProfileSection{padding:0 16px 8px}.MyPage .MPProfileSection .MPProfile{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.MyPage .MPProfileSection .MPProfileLeft{align-items:center;gap:16px;display:flex}.MyPage .MPProfileSection .MPAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:60px;height:60px}.MyPage .MPProfileSection .MPAvatarFallback{background:var(--gray50);border-radius:50%;flex-shrink:0;width:60px;height:60px}.MyPage .MPProfileSection .MPProfileInfo{flex-direction:column;gap:4px;display:flex}.MyPage .MPProfileSection .MPProfileName{color:var(--static-white);font-size:20px;font-weight:700}.MyPage .MPProfileSection .MPProfileHandle{color:var(--gray10);font-size:12px}.MyPage .MPProfileSection .MPProfileStats{color:var(--gray10);align-items:center;gap:4px;font-size:12px;display:flex}.MyPage .MPProfileSection .MPProfileStats .MPDot{color:var(--gray20)}.MyPage .MPCards{flex-direction:column;gap:2px;padding:0 16px 16px;display:flex}.MyPage .MPCards .MPCoinCard{background:var(--gray60);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.MyPage .MPCards .MPCoinCard .MPCoinLeft{align-items:center;gap:8px;display:flex}.MyPage .MPCards .MPCoinCard .MPCoinCount{color:var(--static-white);letter-spacing:.01em;font-size:14px;font-weight:600}.MyPage .MPCards .MPCoinCard .MPChargeBtn{background:var(--gray40);color:var(--static-white);cursor:pointer;letter-spacing:-.02em;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500}.MyPage .MPCards .MPDailyPassCard{background:linear-gradient(-20.94deg, #5d1a39 10.79%, var(--gray60) 89.56%);cursor:pointer;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.MyPage .MPCards .MPDailyPassCard .MPDailyPassInfo{flex-direction:column;gap:2px;display:flex}.MyPage .MPCards .MPDailyPassCard .MPDailyPassLabel{color:var(--primary-main);letter-spacing:-.02em;font-size:14px;font-weight:500}.MyPage .MPCards .MPDailyPassCard .MPDailyPassDesc{color:#ffffff80;letter-spacing:-.02em;flex-direction:column;font-size:12px;line-height:1.5;display:flex}.MyPage .MPCards .MPDailyPassCard .MPSubscribeBtn{background:var(--primary-main);color:var(--static-white);cursor:pointer;letter-spacing:-.02em;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:14px;font-weight:500}.MyPage .MPSection{flex-direction:column;gap:16px;padding:16px;display:flex}.MyPage .MPSectionTitle{color:var(--gray20);font-size:14px;font-weight:500}.MyPage .MPActivityGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.MyPage .MPActivityGrid .MPActivityItem{background:var(--gray50);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:76px;padding:8px 8px 12px;text-decoration:none;display:flex}.MyPage .MPActivityGrid .MPActivityItem .MPActivityIcon{opacity:.7}.MyPage .MPActivityGrid .MPActivityItem .MPActivityLabel{color:var(--gray10);white-space:nowrap;font-size:12px}.MyPage .MPList{flex-direction:column;gap:16px;display:flex}.MyPage .MPList .MPListItem{cursor:default;background:0 0;border:none;justify-content:space-between;align-items:center;height:32px;padding:4px 0;text-decoration:none;display:flex}.MyPage .MPList .MPListItem[href]{cursor:pointer}.MyPage .MPList .MPListItem .MPListLeft{flex:1;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.MyPage .MPList .MPListItem .MPListIcon{flex-shrink:0}.MyPage .MPList .MPListItem .MPListLabel{color:var(--static-white);white-space:nowrap;font-size:14px}.MyPage .MPList .MPListItem .MPListLabel.Muted{color:var(--gray10)}.MyPage .MPLegal{padding:0 16px}.MyPage .MPToggle{background:var(--gray20);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;justify-content:flex-start;align-items:center;width:46px;height:24px;padding:3px 4px;transition:background .2s;display:flex}.MyPage .MPToggle.On{background:var(--primary-main);justify-content:flex-end}.MyPage .MPToggle .MPToggleKnob{background:var(--static-white);border-radius:50%;flex-shrink:0;width:18px;height:18px;display:block}.MyPage .MPBadge{background:var(--gray65);color:var(--gray20);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:4px 8px;font-size:14px}.MyPage .MPDivider{background:var(--gray50);height:1px;margin:8px 16px}.MyPage .MPLogoutRow{padding:16px}.MyPage .MPLogoutRow .MPLogoutBtn{color:var(--gray10);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.MyPage .MPLoginPrompt{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.MyPage .MPLoginPrompt .MPLoginTitle{color:var(--text-primary);font-size:17px;font-weight:600}.MyPage .MPLoginPrompt .MPLoginDesc{color:var(--text-muted);text-align:center;font-size:14px}.MyPage .MPLoginPrompt .MPSignInBtn{background:var(--primary-main);color:var(--static-white);cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:12px 32px;font-size:15px;font-weight:600}.MPModalOverlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.MPModalOverlay .MPConfirmModal{background:var(--gray60);border-radius:16px;flex-direction:column;gap:20px;width:300px;padding:24px 20px 16px;display:flex}.MPModalOverlay .MPConfirmModal .MPConfirmText{color:var(--static-white);text-align:center;margin:0;font-size:15px;font-weight:500}.MPModalOverlay .MPConfirmModal .MPConfirmActions{gap:8px;display:flex}.MPModalOverlay .MPConfirmModal .MPConfirmActions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.MPModalOverlay .MPConfirmModal .MPConfirmActions .MPConfirmCancel{background:var(--gray50);color:var(--gray05)}.MPModalOverlay .MPConfirmModal .MPConfirmActions .MPConfirmOk{color:var(--static-white);background:#ef4444}.CUList{flex-direction:column;padding:0 20px;display:flex}.CUList-State{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 20px;display:flex}.CUList-State>.Spinner{border:3px solid var(--color-gray-200);border-top-color:#dd88cf;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite cuSpin}.CUList-State>.StateTitle{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-gray-700)}.CUList-State>.StateText{font-size:var(--font-sm);color:var(--color-gray-400)}.CUList-State>.ErrorText{font-size:var(--font-sm);color:#ef4444;background-color:#fee2e2;border-radius:8px;max-width:400px;padding:10px 16px}.CUList-State>.RetryButton{color:#fff;font-size:var(--font-sm);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--transition-fast);background-color:#dd88cf;border:none;border-radius:8px;padding:8px 24px}.CUList-State>.RetryButton:hover{opacity:.85}.CUItem{border-bottom:1px solid var(--color-gray-100);flex-direction:row;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.CUItem:last-child{border-bottom:none}.CUItem>.CUItem-Left{flex-direction:column;gap:4px;min-width:0;display:flex}.CUItem>.CUItem-Left>.CUItem-Product{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-800);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.CUItem>.CUItem-Left>.CUItem-Date{font-size:var(--font-xs);color:var(--color-gray-400)}.CUItem>.CUItem-Value{font-size:var(--font-sm);font-weight:var(--font-semibold);flex-shrink:0;margin-left:12px}.CUItem>.CUItem-Value.use{color:#ef4444}.CUItem>.CUItem-Value.grant{color:#059669}@keyframes cuSpin{to{transform:rotate(360deg)}}.PurchaseHistoryPage{background:var(--section-bg);flex-direction:column;width:100%;max-width:800px;min-height:100dvh;margin:0 auto;display:flex}.PurchaseHistoryPage .PHPageHeader{background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:12px 8px 12px 4px;display:flex}.PurchaseHistoryPage .PHPageHeader .PHBackButton{cursor:pointer;background:0 0;border:none;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.PurchaseHistoryPage .PHPageHeader .PHBackButton:hover{background:var(--gray60)}.PurchaseHistoryPage .PHPageHeader .PHPageTitle{color:var(--text-primary);font-size:17px;font-weight:700}.PurchaseHistoryPage .PHTabBar{background:var(--card-bg);border-bottom:1px solid var(--border);display:flex}.PurchaseHistoryPage .PHTabBar .PHTab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.PurchaseHistoryPage .PHTabBar .PHTab.Active{color:var(--primary-main);border-bottom-color:var(--primary-main);font-weight:600}.PurchaseHistoryPage .PHSearchBar{background:var(--card-bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.PurchaseHistoryPage .PHSearchBar .PHSearchInput{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.PurchaseHistoryPage .PHSearchBar .PHSearchInput::placeholder{color:var(--text-muted)}.SettingPage{background:var(--section-bg);flex-direction:column;width:100%;max-width:800px;min-height:100dvh;margin:0 auto;display:flex}.SettingPage .SettingHeader{background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:12px 8px 12px 4px;display:flex}.SettingPage .SettingHeader .SettingBackButton{cursor:pointer;background:0 0;border:none;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.SettingPage .SettingHeader .SettingBackButton:hover{background:var(--gray60)}.SettingPage .SettingHeader .SettingTitle{color:var(--text-primary);font-size:17px;font-weight:700}.SettingPage .SettingSection{margin-top:16px}.SettingPage .SettingSection .SettingSectionLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 20px 8px;font-size:12px;font-weight:600}.SettingPage .SettingSection .LanguageList{background:var(--card-bg);flex-direction:column;display:flex}.SettingPage .SettingSection .LanguageList .LanguageItem{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;transition:background .1s;display:flex}.SettingPage .SettingSection .LanguageList .LanguageItem:hover{background:var(--gray60)}.SettingPage .SettingSection .LanguageList .LanguageItem:last-child{border-bottom:none}.SettingPage .SettingSection .LanguageList .LanguageItem .LanguageLabel{color:var(--text-primary);font-size:15px;font-weight:500}.SettingPage .SettingSection .LanguageList .LanguageItem.Active .LanguageLabel{color:var(--primary-main);font-weight:600}.SettingPage .SettingSection .MenuList{background:var(--card-bg);flex-direction:column;display:flex}.SettingPage .SettingSection .MenuList .MenuItem{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;transition:background .1s;display:flex}.SettingPage .SettingSection .MenuList .MenuItem:hover{background:var(--gray60)}.SettingPage .SettingSection .MenuList .MenuItem:last-child{border-bottom:none}.SettingPage .SettingSection .MenuList .MenuItem .MenuLabel{color:var(--text-primary);font-size:15px;font-weight:500}.EditProfilePage{background:var(--gray70);width:100%;max-width:720px;min-height:100dvh;color:var(--static-white);flex-direction:column;margin:0 auto;display:flex}.EditProfilePage .EPHeader{z-index:2;background:var(--gray70);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.EditProfilePage .EPHeader .EPBackButton{width:32px;height:32px;color:var(--static-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.EditProfilePage .EPHeader .EPTitle{color:var(--static-white);white-space:nowrap;pointer-events:none;font-size:18px;font-weight:500;line-height:22px;position:absolute;left:50%;transform:translate(-50%)}.EditProfilePage .EPHeader .EPHeaderSpacer{flex-shrink:0;width:32px}.EditProfilePage .EPAvatarSection{justify-content:center;padding:24px 0 8px;display:flex}.EditProfilePage .EPAvatarSection .EPAvatarHolder{position:relative}.EditProfilePage .EPAvatarSection .EPAvatarButton{cursor:pointer;background:0 0;border:none;padding:0;display:block;position:relative}.EditProfilePage .EPAvatarSection .EPAvatarButton .EPAvatar{object-fit:cover;border-radius:50%;width:100px;height:100px;display:block}.EditProfilePage .EPAvatarSection .EPAvatarButton .EPAvatarFallback{background:var(--gray50);border-radius:50%;width:100px;height:100px;display:block}.EditProfilePage .EPAvatarSection .EPAvatarButton .EPCameraBadge{background:var(--primary-main);border:3px solid var(--gray70);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:2px;right:2px}.EditProfilePage .EPForm{padding:8px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:4px;display:flex}.EditProfilePage .EPForm .EPField{flex-direction:column;gap:0;margin-bottom:8px;display:flex}.EditProfilePage .EPForm .FieldLabel{letter-spacing:-.28px;color:var(--static-white);margin:12px 0 8px;font-size:14px;font-weight:500}.EditProfilePage .EPForm .FieldInput{background:var(--gray70);border:1px solid var(--gray40);letter-spacing:-.28px;color:var(--static-white);box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:0;padding:10px 14px;font-size:14px;line-height:1.5}.EditProfilePage .EPForm .FieldInput::placeholder{color:var(--gray20)}.EditProfilePage .EPForm .FieldInput:focus{border-color:var(--primary-light);outline:none}.EditProfilePage .EPForm .FieldInput.Error{border-color:var(--color-danger)}.EditProfilePage .EPForm .FieldTextarea{background:var(--gray70);border:1px solid var(--gray40);letter-spacing:-.28px;color:var(--static-white);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;min-height:100px;margin-bottom:0;padding:10px 14px;font-size:14px;line-height:1.5}.EditProfilePage .EPForm .FieldTextarea::placeholder{color:var(--gray20)}.EditProfilePage .EPForm .FieldTextarea:focus{border-color:var(--primary-light);outline:none}.EditProfilePage .EPForm .EPCharCount{letter-spacing:-.24px;color:var(--gray03);opacity:.5;text-align:right;margin-top:6px;font-size:12px;font-weight:500}.EditProfilePage .EPForm .EPHandleRow{align-items:center;gap:8px;display:flex}.EditProfilePage .EPForm .EPHandleRow .EPHandleAt{color:var(--gray10);flex-shrink:0;font-size:14px}.EditProfilePage .EPForm .EPHandleRow .FieldInput{flex:1;width:auto}.EditProfilePage .EPForm .EPError{color:var(--color-danger);letter-spacing:-.24px;margin-top:4px;font-size:12px}.EditProfilePage .EPForm .EPLinkRow{align-items:center;gap:8px;margin-bottom:8px;display:flex}.EditProfilePage .EPForm .EPLinkRow .FieldInput{flex:1;width:auto}.EditProfilePage .EPForm .EPLinkRow .EPLinkRemove{border:1px solid var(--gray40);background:var(--gray60);width:40px;height:40px;color:var(--gray10);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.EditProfilePage .EPForm .EPLinkRow .EPLinkRemove:hover{background:var(--gray50)}.EditProfilePage .EPForm .AddButton{border-style:dashed;border-color:var(--gray30);color:var(--gray10);margin-bottom:4px}.EditProfilePage .EPForm .EPToggleRow{border-top:1px solid var(--gray60);align-items:center;gap:8px;margin-top:8px;padding:16px 0;display:flex}.EditProfilePage .EPForm .EPToggleRow .EPToggleInfo{flex-direction:column;flex:1;gap:6px;display:flex}.EditProfilePage .EPForm .EPToggleRow .EPToggleInfo .EPToggleTitle{color:var(--static-white);font-size:14px;font-weight:500;line-height:1.5}.EditProfilePage .EPForm .EPToggleRow .EPToggleInfo .EPToggleDesc{color:var(--gray05);font-size:12px;line-height:1.5}.EditProfilePage .EPForm .EPToggleRow .EPToggle{background:var(--gray40);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;align-items:center;width:46px;height:24px;padding:2px 4px;transition:background .2s;display:flex}.EditProfilePage .EPForm .EPToggleRow .EPToggle.On{background:var(--primary-main);justify-content:flex-end}.EditProfilePage .EPForm .EPToggleRow .EPToggle .EPToggleKnob{background:var(--static-white);border-radius:50%;width:18px;height:18px;display:block}.EditProfilePage .EPForm .KachitButton{margin-top:8px}.EditProfilePage .EPForm .KachitButton:disabled{opacity:.4;cursor:default}.EPImageSheet{flex-direction:column;gap:10px;padding:4px 20px 16px;display:flex}html:has(.ScrapsPage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ScrapsPage{background:var(--section-bg);flex-direction:column;width:100%;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.ScrapsPage .ScrapsHeader{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.ScrapsPage .ScrapsHeader .BackButton{cursor:pointer;width:32px;height:32px;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ScrapsPage .ScrapsHeader .PageTitle{color:var(--static-white);font-size:16px;font-weight:500;line-height:1.3}.ScrapsPage .ScrapsHeader .HeaderSpacer{width:32px}.ScrapsPage .ListHeader{justify-content:flex-end;padding:8px 16px;display:flex;position:relative}.ScrapsPage .ListHeader .SortButton{cursor:pointer;letter-spacing:-.28px;color:var(--gray10);background:0 0;border:none;align-items:center;font-size:14px;display:flex}.ScrapsPage .ListHeader .SortMenu{background:var(--gray60);border:1px solid var(--border);z-index:2;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:36px;right:16px;overflow:hidden}.ScrapsPage .ListHeader .SortMenu .SortOption{cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;padding:10px 20px;font-size:14px}.ScrapsPage .ListHeader .SortMenu .SortOption.Active{color:var(--primary-main)}.ScrapsPage .ListHeader .SortMenu .SortOption:hover{background:var(--gray50)}.ScrapsPage .Grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px 8px;padding:8px 16px 24px;display:grid}.ScrapsPage .Empty{grid-column:1/-1;justify-content:center;align-items:center;padding:80px 32px;display:flex}.ScrapsPage .Empty p{color:var(--text-secondary);text-align:center;font-size:14px}:root{--primary-light:#ff66a8;--primary-main:#fe1a7c;--primary-strong:#e71871;--primary-heavy:#b41258;--primary-chat-bubble:#56222f;--secondary-chat-bubble:#932d45;--primary-alpha-10:#fb4ba31a;--primary-alpha-16:#fb4ba329;--primary-alpha-24:#fb4ba33d;--static-white:#fff;--static-black:#000;--gray03:#e1e2e4;--gray05:#b2b2b8;--gray10:#7e7e88;--gray20:#5b5c61;--gray30:#414248;--gray40:#39383d;--gray50:#28272b;--gray60:#1f1f23;--gray65:#1a1a1c;--gray70:#141414;--outline-glow:linear-gradient(151deg, #fff6 -0.65%, #ffffff1a 48.44%, #fff6 97.54%);--page-bg:#121212;--card-bg:#1e1e1e;--input-bg:#252525;--section-bg:#181818;--text-primary:#f0f0f0;--text-secondary:#7a8fa8;--text-muted:#666;--border:#ffffff14;--color-primary:#dc88cc;--color-secondary:#ff3b3b;--color-bg-light:#f5f5f5;--color-bg-detail:#e3e3e3;--color-bg-dark:#d9d9d9;--color-border-light:#d0d0d0;--color-border-medium:#d8d8d8;--color-border-dark:#2b2b2b;--color-text-primary:#000;--color-text-white:#fff;--color-text-light:#999;--color-text-medium:#535353;--color-text-dark:#212121;--breakpoint-mobile:768px;--breakpoint-desktop:769px;--breakpoint-tablet:1024px;--sidebar-width-expanded:240px;--sidebar-width-collapsed:80px;--sidebar-width-double-collapsed:60px;--main-content-max-width:800px;--color-primary-social:#ef5dd6;--color-primary-hover:#c960b8;--color-primary-light:#fce8f7;--color-primary-lighter:#fdf4fc;--color-secondary-social:#3b82f6;--color-secondary-light:#dbeafe;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--color-black:#000;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:1;--z-dropdown:1;--z-sticky:1;--z-fixed:2;--z-modal-backdrop:4;--z-modal:4;--z-popover:1;--z-tooltip:2;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg-social:1024px;--breakpoint-xl:1280px;--keyboard-offset:0px}@font-face{font-family:Pretendard;src:url(/fonts/PretendardJPVariable.woff2)format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-small-sub:.625rem;--font-small:.75rem;--font-body-sub:.875rem;--font-body:1rem;--font-title-sub:1.125rem;--font-title:1.25rem}*{box-sizing:border-box;word-break:keep-all;word-wrap:break-word;margin:0;padding:0}body{background:var(--gray70);color:#e8ecf4;-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body #root{max-width:720px;margin:0 auto}body:has(.NavigationBar){padding-bottom:74px}@media (width>=810px){body:has(.NavigationBar){padding-bottom:0;padding-left:90px}}button{cursor:pointer;background:0 0;border-width:0}button:disabled{opacity:.5}a.LinkReset{color:inherit;cursor:pointer;text-decoration:none}.GlassSurface{background:linear-gradient(#9999994d,#9999994d),linear-gradient(#33333373,#33333373);box-shadow:inset 0 0 16px #f2f2f2,inset 0 0 3px #ffffff80,inset -1px -1px .5px -1px #fff,inset 1px 1px .5px -1px #fff,inset -1px -1px 0 -.5px #262626,inset 1px 1px 0 -.5px #333}.GlowBorder{background:linear-gradient(var(--glow-fill,var(--gray65)), var(--glow-fill,var(--gray65))) padding-box, var(--outline-glow) border-box;border:1px solid #0000}textarea,input{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}