@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-BoldItalic-KgOtDcwC.eot);src:local("Basier Circle Bold Italic"),local("BasierCircle-BoldItalic"),url(/assets/BasierCircle-BoldItalic-KgOtDcwC.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-BoldItalic-DkAjCm2P.woff2) format("woff2"),url(/assets/BasierCircle-BoldItalic-BYt-jwSu.woff) format("woff"),url(/assets/BasierCircle-BoldItalic-BGLTiECP.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Bold-CEKu55TU.eot);src:local("Basier Circle Bold"),local("BasierCircle-Bold"),url(/assets/BasierCircle-Bold-CEKu55TU.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-Bold-BRwEG-Yr.woff2) format("woff2"),url(/assets/BasierCircle-Bold-Cy_Mg6uW.woff) format("woff"),url(/assets/BasierCircle-Bold-B6X3ofUq.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-MediumItalic-D7PEXhkU.eot);src:local("Basier Circle Medium Itali"),local("BasierCircle-MediumItalic"),url(/assets/BasierCircle-MediumItalic-D7PEXhkU.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-MediumItalic-CBeN8kwE.woff2) format("woff2"),url(/assets/BasierCircle-MediumItalic-JU9O86p3.woff) format("woff"),url(/assets/BasierCircle-MediumItalic-CgNTiCM0.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-SemiBoldItalic-Dxd8pxs5.eot);src:local("Basier Square SemiBold Ita"),local("BasierSquare-SemiBoldItalic"),url(/assets/BasierSquare-SemiBoldItalic-Dxd8pxs5.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-SemiBoldItalic-Jkpy-MWA.woff2) format("woff2"),url(/assets/BasierSquare-SemiBoldItalic-BsuIsuv-.woff) format("woff"),url(/assets/BasierSquare-SemiBoldItalic-P1QV3RzD.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Italic-DfNnO8r0.eot);src:local("Basier Circle Italic"),local("BasierCircle-Italic"),url(/assets/BasierCircle-Italic-DfNnO8r0.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-Italic-BLiXHH6p.woff2) format("woff2"),url(/assets/BasierCircle-Italic-DfIqJY5s.woff) format("woff"),url(/assets/BasierCircle-Italic-BZBJmhsC.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-MediumItalic-CllMwb0i.eot);src:local("Basier Square Medium Itali"),local("BasierSquare-MediumItalic"),url(/assets/BasierSquare-MediumItalic-CllMwb0i.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-MediumItalic-Cumo3ZZI.woff2) format("woff2"),url(/assets/BasierSquare-MediumItalic-BsRiSlPp.woff) format("woff"),url(/assets/BasierSquare-MediumItalic-CP-MzGpe.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-SemiBold-BMQ6_m01.eot);src:local("Basier Circle SemiBold"),local("BasierCircle-SemiBold"),url(/assets/BasierCircle-SemiBold-BMQ6_m01.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-SemiBold-DG-qiOZi.woff2) format("woff2"),url(/assets/BasierCircle-SemiBold-BlrbpdTt.woff) format("woff"),url(/assets/BasierCircle-SemiBold-BNZINjIL.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Medium-BrgG6_m1.eot);src:local("Basier Circle Medium"),local("BasierCircle-Medium"),url(/assets/BasierCircle-Medium-BrgG6_m1.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-Medium-Bs0rI2ah.woff2) format("woff2"),url(/assets/BasierCircle-Medium-Bg9D-l-b.woff) format("woff"),url(/assets/BasierCircle-Medium-B2nglyw4.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Regular-CQuxKADM.eot);src:local("Basier Circle Regular"),local("BasierCircle-Regular"),url(/assets/BasierCircle-Regular-CQuxKADM.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-Regular-kuEpW37U.woff2) format("woff2"),url(/assets/BasierCircle-Regular-Ds9Bd2WP.woff) format("woff"),url(/assets/BasierCircle-Regular-BGkMjpIA.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-SemiBoldItalic-BpCibqIL.eot);src:local("Basier Circle SemiBold Ita"),local("BasierCircle-SemiBoldItalic"),url(/assets/BasierCircle-SemiBoldItalic-BpCibqIL.eot?#iefix) format("embedded-opentype"),url(/assets/BasierCircle-SemiBoldItalic-DKPbGXmd.woff2) format("woff2"),url(/assets/BasierCircle-SemiBoldItalic-Bf1nLKA_.woff) format("woff"),url(/assets/BasierCircle-SemiBoldItalic-DDapvjzP.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-SemiBold-B72RSc7l.eot);src:local("Basier Square SemiBold"),local("BasierSquare-SemiBold"),url(/assets/BasierSquare-SemiBold-B72RSc7l.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-SemiBold-BWzj-h7v.woff2) format("woff2"),url(/assets/BasierSquare-SemiBold-73CKZKTI.woff) format("woff"),url(/assets/BasierSquare-SemiBold-DvG4iqsG.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Medium-B-J6Nz_z.eot);src:local("Basier Square Medium"),local("BasierSquare-Medium"),url(/assets/BasierSquare-Medium-B-J6Nz_z.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-Medium-CuxVnx5a.woff2) format("woff2"),url(/assets/BasierSquare-Medium-I57XcAVQ.woff) format("woff"),url(/assets/BasierSquare-Medium-DnIUkdJt.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-BoldItalic-BYaifvia.eot);src:local("Basier Square Bold Italic"),local("BasierSquare-BoldItalic"),url(/assets/BasierSquare-BoldItalic-BYaifvia.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-BoldItalic-A2u554y4.woff2) format("woff2"),url(/assets/BasierSquare-BoldItalic-CNxqxW_U.woff) format("woff"),url(/assets/BasierSquare-BoldItalic-HrYh4C0R.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Italic-CRvTT9SU.eot);src:local("Basier Square Italic"),local("BasierSquare-Italic"),url(/assets/BasierSquare-Italic-CRvTT9SU.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-Italic-Bx4vJu0R.woff2) format("woff2"),url(/assets/BasierSquare-Italic-CvYyEFMm.woff) format("woff"),url(/assets/BasierSquare-Italic-DjwSKQkV.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Regular-BQQ2triY.eot);src:local("Basier Square Regular"),local("BasierSquare-Regular"),url(/assets/BasierSquare-Regular-BQQ2triY.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-Regular-DZnaEywB.woff2) format("woff2"),url(/assets/BasierSquare-Regular-Dtouc7MO.woff) format("woff"),url(/assets/BasierSquare-Regular-CGr3patu.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Bold-D98DrrMY.eot);src:local("Basier Square Bold"),local("BasierSquare-Bold"),url(/assets/BasierSquare-Bold-D98DrrMY.eot?#iefix) format("embedded-opentype"),url(/assets/BasierSquare-Bold-BsTolivq.woff2) format("woff2"),url(/assets/BasierSquare-Bold-7YrID_ib.woff) format("woff"),url(/assets/BasierSquare-Bold-DjgyKlah.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Basier Circle;src:url(/assets/BasierCircle-Regular-kuEpW37U.woff2) format("woff2");src:url(/assets/BasierCircle-Medium-Bs0rI2ah.woff2) format("woff2");src:url(/assets/BasierCircle-SemiBold-DG-qiOZi.woff2) format("woff2");src:url(/assets/BasierCircle-Bold-BRwEG-Yr.woff2) format("woff2");src:url(/assets/BasierCircle-Italic-BLiXHH6p.woff2) format("woff2");src:url(/assets/BasierCircle-MediumItalic-CBeN8kwE.woff2) format("woff2");src:url(/assets/BasierCircle-SemiBoldItalic-DKPbGXmd.woff2) format("woff2");src:url(/assets/BasierCircle-BoldItalic-DkAjCm2P.woff2) format("woff2");background-color:#fff}.error-message{margin-top:6px;font-size:13px;color:#ef4444}.auth-layout{min-height:100vh;display:flex}.auth-left{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;background-image:url(/assets/images/lowregisterimg.png);background-size:cover;background-position:inherit;background-repeat:no-repeat;justify-content:center}.auth-left-logo{position:absolute;top:40px;left:40px;z-index:10;display:flex;align-items:center;gap:10px}.auth-left-logo svg{width:32px;height:32px;stroke:#fff;stroke-width:2;fill:none}.auth-left-logo-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px}.couple-image{position:relative;width:100%;height:100vh;max-width:100%;aspect-ratio:1;z-index:5}.couple-image img{width:100%;height:100%;object-fit:cover;box-shadow:0 20px 60px #00000026}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:linear-gradient(135deg,#fff,#f8f5ff,#faf7ff)}.auth-card{width:100%;max-width:60%}.auth-back-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#f3f4f6;cursor:pointer;color:#111827;margin-bottom:48px;font-size:18px;transition:all .2s ease}.auth-back-btn:hover{background:#e5e7eb;transform:translate(-2px)}.auth-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-.5px}.auth-subtitle{font-size:15px;color:#6b7280;margin-bottom:40px;line-height:1.6}.auth-login-method{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.auth-login-method-btn{border:1.5px solid #e5e7eb;background:#fff;color:#4b5563;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-login-method-btn:hover{border-color:#c084fc;color:#6d28d9}.auth-login-method-btn.active{border-color:#a855f7;background:#f5edff;color:#6d28d9;box-shadow:0 0 0 3px #a855f71f}.form-group{margin-bottom:24px}.auth-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:10px;display:block}.phone-input-wrapper{display:flex;align-items:center;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;overflow:visible;transition:all .2s ease;position:relative;height:56px}.phone-input-wrapper:focus-within{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a}.phone-input-wrapper--error{border-color:#ef4444}.phone-input-wrapper--error:focus-within{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f}.phone-input-wrapper--success{border-color:#22c55e}.phone-input-wrapper--success:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #22c55e26}.country-code-selector{display:flex;align-items:center;gap:10px;padding:0 16px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease;height:100%}.country-code-selector:hover{background:#f9fafb}.country-flag{font-size:22px;line-height:1;display:inline-block;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Twemoji Mozilla,Segoe UI Symbol,EmojiOne Color,"Android Emoji",system-ui,sans-serif!important;font-variant-emoji:emoji!important;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" off!important;font-feature-settings:"liga" off!important;unicode-bidi:bidi-override;direction:ltr}.country-code{font-size:15px;font-weight:500;color:#111827;line-height:1}.country-code-chevron{font-size:12px;color:#111827;transition:transform .2s ease;line-height:1}.country-code-chevron.rotated{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-width:350px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-dropdown-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.country-dropdown-search i{color:#6b7280;font-size:14px}.country-dropdown-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#111827;font-family:Basier Circle}.country-dropdown-search input::placeholder{color:#9ca3af}.country-dropdown-list{max-height:300px;overflow-y:auto;padding:4px 0}.country-dropdown-list::-webkit-scrollbar{width:6px}.country-dropdown-list::-webkit-scrollbar-track{background:#f9fafb}.country-dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.country-dropdown-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.country-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.country-dropdown-item:hover{background-color:#f9fafb}.country-dropdown-item.selected{background-color:#f3f4f6}.country-item-flag{font-size:20px;line-height:1;min-width:24px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Twemoji Mozilla,Segoe UI Symbol,EmojiOne Color,"Android Emoji",system-ui,sans-serif!important;font-variant-emoji:emoji!important;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" off!important;font-feature-settings:"liga" off!important;unicode-bidi:bidi-override;direction:ltr}.country-item-name{flex:1;font-size:14px;color:#111827;font-weight:400}.country-item-code{font-size:14px;color:#6b7280;font-weight:500}.country-dropdown-empty{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.phone-number-input{flex:1;border:none;outline:none;padding:16px;font-size:15px;color:#111827;background:transparent;border-radius:0;box-shadow:none;height:100%}.phone-number-input::placeholder{color:#9ca3af;font-weight:400}.phone-number-input:focus{border:none;box-shadow:none;background:transparent}.auth-input{width:100%;border-radius:12px;border:1.5px solid #e5e7eb;padding:14px 16px;font-size:15px;outline:none;font-family:Basier Circle;transition:all .2s ease;background:#fff}.auth-input::placeholder{color:#d1d5db}.auth-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;background:#fafbff}.auth-input-error{border-color:#ef4444}.auth-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f;background:snow}.auth-input-success{border-color:#22c55e}.auth-input-success:focus{border-color:#16a34a;box-shadow:0 0 0 4px #22c55e26;background:#f7fef9}.auth-btn{width:100%;border-radius:12px;border:none;padding:14px 16px;margin-top:32px;background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 28px #c084fc59}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #c084fc73}.auth-btn:active{transform:translateY(0);box-shadow:0 6px 20px #c084fc59}.auth-btn:disabled{cursor:not-allowed;transform:none;background:#d1d5db;color:#6b7280;box-shadow:none;opacity:.85}.auth-btn:disabled:hover{transform:none;box-shadow:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:32px 0 20px;font-size:13px;color:#9ca3af}.auth-divider-line{flex:1;height:1px;background-color:#e5e7eb}.auth-divider-text{white-space:nowrap}.social-login-row{display:flex;justify-content:center;gap:24px;margin-bottom:28px}.social-login-btn{width:68px;height:68px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;cursor:pointer;transition:all .2s ease}.social-login-btn:hover{background-color:#f3f4f6;transform:translateY(-2px)}.social-login-icon{width:26px;height:26px}.auth-legal{font-size:13px;color:#4b5563;line-height:1.7;text-align:center}.auth-legal a{color:#7c3aed;text-decoration:underline;text-underline-offset:2px;font-weight:500}.auth-footer{margin-top:32px;text-align:center}.auth-footer-text{font-size:14px;color:#6b7280;margin:0}.auth-footer-link{color:#c084fc;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer-link:hover{color:#a78bfa;text-decoration:underline}.otp-inputs{display:flex;gap:10px;justify-content:space-between}.otp-input{width:48px;height:56px;border-radius:12px;border:1.5px solid #e5e7eb;text-align:center;font-size:22px;font-weight:600;outline:none;font-family:Basier Circle;transition:all .2s ease;background:#fff}.otp-input::placeholder{color:#d1d5db;font-weight:500}.otp-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;background:#fafbff}.resend-text{margin-top:16px;font-size:13px;color:#6b7280}.auth-layout--otp .auth-card{max-width:420px}.auth-layout--otp .auth-back-btn{margin-bottom:28px}.auth-layout--otp .auth-title{margin-bottom:10px}.auth-layout--otp .otp-subtitle{margin-bottom:26px}.otp-destination{color:#111827;font-weight:500}.otp-change-link{border:none;background:transparent;padding:0;color:#7c3aed;font-weight:600;cursor:pointer;text-decoration:none}.otp-change-link:hover{text-decoration:underline;text-underline-offset:2px}.auth-layout--otp form{display:flex;flex-direction:column;min-height:400px}.auth-layout--otp .otp-inputs{justify-content:flex-start;gap:14px}.auth-layout--otp .resend-text{margin-top:10px}.auth-layout--otp .auth-btn{margin-top:auto;border-radius:999px;padding:16px 18px}.password-wrapper{position:relative}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:#9ca3af;font-size:16px}.helper-text{margin-top:8px;font-size:12px;color:#ef4444;line-height:1.5}.password-error-text{margin-top:14px;font-size:15px;line-height:1.6;max-width:520px;color:#ef4444!important}.password-rules{margin-top:10px;padding-left:0;list-style:none;display:grid;gap:8px}.password-rule{display:flex;align-items:flex-start;gap:10px;color:#9ca3af;font-size:12.5px;line-height:1.45}.password-rule i{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#d1d5db}.password-rule.valid{color:#059669}.password-rule.valid i{color:#10b981}.password-rules--error .password-rule:not(.valid){color:#ef4444}.password-rules--error .password-rule:not(.valid) i{color:#ef4444}.home-layout{min-height:100vh;background-color:#050816;color:#fff;font-family:Basier Circle}.home-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px}.home-logo{height:40px}.home-nav{display:flex;gap:18px;font-size:14px}.home-nav a{color:#e5e7eb;text-decoration:none}.home-nav a:hover{color:#fff}.home-actions .home-btn{padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff;font-weight:600;font-size:14px;border:none;text-decoration:none}.home-main{padding:60px 40px}.home-hero h1{font-size:36px;margin-bottom:24px}.banner-form form{display:flex;gap:12px;flex-wrap:wrap}.banner-form input{padding:10px 12px;border-radius:999px;border:none;min-width:200px}.banner-form .home-btn{padding:10px 24px}@media(max-width:1024px){.auth-left{display:none}.auth-right{flex:1 1 100%}.auth-card{max-width:420px}}@media(max-width:480px){.auth-card{max-width:100%}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.otp-inputs{gap:8px;justify-content:space-between}.otp-input{width:42px;height:52px}.auth-layout--otp .auth-right{padding:40px 22px}.auth-layout--otp form{min-height:340px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.progress-bar-container{display:flex;align-items:center;gap:12px;margin-bottom:48px;width:100%;max-width:380px;animation:fadeInUp .4s ease-out}.progress-bar-container .auth-back-btn{margin-bottom:0;flex-shrink:0}.progress-bar{flex:1;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#c084fc,#a78bfa);transition:width .3s ease}.progress-text{font-size:14px;font-weight:500;color:#6b7280;min-width:32px}.onboarding-header{margin-bottom:40px;text-align:left;animation:fadeInUp .5s ease-out .1s both}.onboarding-title{font-size:36px;font-weight:700;color:#000;margin-bottom:16px;letter-spacing:-.5px;animation:fadeInUp .5s ease-out .2s both}.onboarding-subtitle{font-size:16px;color:#6b7280;line-height:1.6;animation:fadeInUp .5s ease-out .3s both}.onboarding-account-snapshot{margin-bottom:24px;padding:14px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;text-align:left}.onboarding-account-snapshot__title{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.onboarding-account-snapshot__json{margin:0;padding:12px;max-height:280px;overflow:auto;font-size:11px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;white-space:pre-wrap;word-break:break-word}.onboarding-form{width:100%;animation:fadeIn .6s ease-out .4s both}.form-group{margin-bottom:24px;animation:fadeInUp .4s ease-out both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-group:nth-child(6){animation-delay:.35s}.form-group-with-toggle{margin-bottom:24px;animation:fadeInUp .4s ease-out both}.form-group-with-toggle:nth-child(1){animation-delay:.1s}.form-group-with-toggle:nth-child(2){animation-delay:.15s}.form-group-with-toggle:nth-child(3){animation-delay:.2s}.onboarding-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.onboarding-input{width:100%;padding:14px 16px;font-family:Basier Circle;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;transform:translateY(-1px)}.input-with-toggle{display:flex;align-items:center;gap:12px;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 14px;background:#fff;transition:all .2s ease}.input-with-toggle .onboarding-input{flex:1}.input-with-toggle:focus-within{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;background:#fafbff}.onboarding-input--flat{border:none;padding:0;background:transparent}.onboarding-input--flat:focus{border:none;box-shadow:none;transform:none}.visibility-toggle{display:flex;align-items:center;gap:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#c084fc}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:hover .toggle-slider:before{box-shadow:0 2px 6px #0000004d}.toggle-label{font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}.option-box-preview{margin-top:12px;padding-top:12px;border-top:1px solid rgba(17,24,39,.08);font-size:13px;color:#374151;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.option-preview-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#fff;border:1.5px solid #c084fc;color:#7c3aed;font-weight:600;letter-spacing:.2px}.helper-text{font-size:12px;color:#9ca3af;margin-top:6px;line-height:1.5}.success-text{color:#6b7280}.option-box{background-color:#f8f5fb;border-radius:12px;padding:16px;margin-bottom:24px;animation:fadeInUp .4s ease-out .3s both;transition:all .3s ease}.option-box:hover{background-color:#f8f5fb}.option-box-text{font-size:13px;color:#374151;margin-bottom:16px;line-height:1.6}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#111827;position:relative}.radio-label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.radio-label:hover .radio-custom{border-color:#c084fc;transform:scale(1.1)}.radio-label input[type=radio]:checked+.radio-custom{border-color:#c084fc;animation:pulse .3s ease}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:#c084fc;animation:scaleIn .3s cubic-bezier(.4,0,.2,1) .1s both}.dob-selectors{display:flex;gap:12px}.dob-select{flex:1;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Basier Circle}.dob-select:hover{border-color:#c084fc}.dob-select:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;transform:translateY(-1px)}.onboarding-btn{width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 28px #c084fc59;margin-top:8px;animation:fadeInUp .5s ease-out .5s both;position:relative;overflow:hidden}.onboarding-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.onboarding-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #c084fc66}.onboarding-btn:hover:before{width:300px;height:300px}.onboarding-btn:active{transform:translateY(0);transition:transform .1s}.button-group{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.choice-button{flex:1;min-width:100px;padding:14px 20px;border:1.5px solid #e5e7eb;border-radius:12px;background-color:#fff;color:#374151;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Basier Circle}.choice-button:hover{border-color:#c084fc;background-color:#faf5ff}.choice-button.selected{border-color:#c084fc;background-color:#c084fc;color:#fff}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#111827;position:relative}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease;flex-shrink:0;background-color:#fff}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{border-color:#c084fc;background-color:#c084fc}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);animation:scaleIn .2s cubic-bezier(.4,0,.2,1) .1s both}.select-wrapper{position:relative}.onboarding-select{width:100%;padding:14px 40px 14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Basier Circle;appearance:none;-webkit-appearance:none;-moz-appearance:none}.onboarding-select.placeholder-selected,.onboarding-select.placeholder-selected option[value=""]{color:#9ca3af}.onboarding-select:hover{border-color:#c084fc}.onboarding-select:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a;transform:translateY(-1px)}.onboarding-select option{padding:12px}.select-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;font-size:12px}.location-select-input{-webkit-user-select:none;user-select:none;display:flex;align-items:center}.location-modal-overlay{align-items:center;justify-content:center;padding:20px;display:flex}.location-modal-content{border-radius:20px;max-width:600px;width:100%;max-height:85vh;padding:24px;position:relative;margin:auto;display:flex;flex-direction:column}.location-modal-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:20px;text-align:left}.location-search-wrapper{position:relative;margin-bottom:24px}.location-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px;pointer-events:none}.location-search-input{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;background-color:#fff;font-family:Basier Circle;transition:all .2s ease}.location-search-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a}.location-search-input::placeholder{color:#9ca3af}.location-current-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.location-section-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;text-align:left}.location-current-btn{display:flex;align-items:center;gap:8px;padding:0;border:none;background:none;color:#c084fc;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;font-family:Basier Circle}.location-current-btn:hover{color:#a855f7}.location-current-btn i{font-size:14px}.location-results-section{max-height:400px;overflow-y:auto}.location-results-list{display:flex;flex-direction:column;gap:0}.location-result-item{display:flex;align-items:flex-start;gap:12px;border:none;background:none;cursor:pointer;text-align:left;transition:background-color .2s ease;border-radius:8px;margin:0 -8px;padding:12px 8px}.location-result-item:hover{background-color:#f9fafb}.location-result-item.active,.location-result-item[aria-selected=true]{background-color:#f3f4f6}.location-result-icon{color:#6b7280;font-size:18px;margin-top:2px;flex-shrink:0}.location-result-content{flex:1;display:flex;flex-direction:column;gap:4px}.location-result-name{font-size:15px;font-weight:500;color:#111827}.location-result-address{font-size:13px;color:#6b7280;line-height:1.4}.location-search-feedback{padding:10px 12px;margin:8px 0;border-radius:10px;font-size:14px;color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;font-family:Basier Circle}.location-search-feedback.error{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.location-map-container{display:flex;flex-direction:column;gap:16px;flex:1;min-height:400px}.location-map-wrapper{width:100%;height:400px;border-radius:12px;overflow:hidden;border:1.5px solid #e5e7eb;background-color:#f3f4f6}.location-google-map{width:100%;height:100%;border:none;display:block}.location-map-actions{display:flex;gap:12px;align-items:center}.location-map-back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Basier Circle}.location-map-back-btn:hover{border-color:#c084fc;background-color:#faf5ff}.location-map-select-btn{flex:1;margin:0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.photo-slot{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background-color:#fff;border:1.5px solid #e5e7eb;animation:scaleIn .4s ease-out both;transition:all .3s cubic-bezier(.4,0,.2,1)}.photo-slot:nth-child(1){animation-delay:.1s}.photo-slot:nth-child(2){animation-delay:.15s}.photo-slot:nth-child(3){animation-delay:.2s}.photo-slot:nth-child(4){animation-delay:.25s}.photo-slot:nth-child(5){animation-delay:.3s}.photo-slot:nth-child(6){animation-delay:.35s}.photo-slot:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.photo-slot-primary{border:2px solid #c084fc;animation:pulse 2s ease-in-out infinite}.photo-slot.photo-slot-error{border:2px solid #ef4444;animation:shake .35s ease-in-out both}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-upload-btn{width:100%;height:100%;border:none;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.photo-upload-btn:hover{background-color:#f9fafb}.photo-upload-btn i{transition:transform .3s ease}.photo-upload-btn:hover i{transform:scale(1.2)}.photo-icon{font-size:32px;color:#9ca3af}.photo-icon-primary{font-size:32px;color:#c084fc}.photo-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .3s ease-out}.photo-remove-btn:hover{background-color:#000c;transform:scale(1.1) rotate(90deg)}.photo-reorder-text{font-size:12px;color:#9ca3af;text-align:center;margin-bottom:24px;margin-top:8px}.photo-tips-container{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.photo-tips-icon{width:40px;height:40px;border-radius:8px;background-color:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0}.photo-tips-icon i{color:#fff;font-size:18px}.photo-tips-link{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;text-align:left;padding:0;margin:0;transition:color .2s ease;text-decoration:none;font-family:Basier Circle}.photo-tips-link:hover{color:#6b7280}.photo-tips-link-highlight{color:#c084fc;font-weight:500;cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:20px}.modal-overlay--center{align-items:center}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;padding:32px 24px;position:relative;animation:slideUp .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.modal-content--center{border-radius:20px;animation:scaleIn .25s ease-out both}.camera-preview{width:100%;border-radius:14px;overflow:hidden;background:#111827;border:1.5px solid #e5e7eb;margin:16px 0 20px}.camera-preview video{width:100%;height:auto;display:block}.camera-actions{display:flex;flex-direction:column;gap:12px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background-color:#f3f4f6;border:none;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background-color .2s ease}.modal-close-btn:hover{background-color:#e5e7eb}.modal-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:12px;text-align:center}.modal-subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:24px;line-height:1.6}.modal-description{font-size:15px;color:#374151;text-align:center;margin-bottom:24px;line-height:1.6}.upload-options{display:flex;flex-direction:column;gap:16px}.upload-option-btn{display:flex;align-items:center;gap:16px;padding:20px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.upload-option-btn:hover{border-color:#c084fc;background-color:#faf5ff}.upload-option-icon{font-size:32px;color:#c084fc;flex-shrink:0}.upload-option-content{display:flex;flex-direction:column;gap:4px}.upload-option-title{font-size:16px;font-weight:600;color:#111827}.upload-option-desc{font-size:14px;color:#6b7280}.tips-modal{text-align:center}.tips-modal .modal-close-btn{display:none}.tip-image-container{width:100%;max-width:300px;height:300px;margin:0 auto 24px;border-radius:12px;overflow:hidden;background-color:#f3f4f6}.tip-image-container img{width:100%;height:100%;object-fit:cover;display:block}.tip-dots{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.tip-dot{width:8px;height:8px;border-radius:50%;background-color:#d1d5db;cursor:pointer;transition:all .2s ease}.tip-dot.active{background-color:#c084fc;width:24px;border-radius:4px}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-close-link{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px;text-decoration:underline;transition:color .2s ease}.modal-close-link:hover{color:#c084fc}@media(max-width:768px){.progress-bar-container{margin-bottom:30px}.onboarding-title{font-size:28px}.onboarding-subtitle{font-size:14px}.onboarding-form{padding:24px}.input-with-toggle{flex-direction:column;align-items:stretch}.visibility-toggle{justify-content:space-between;padding:8px 0}.photo-grid{gap:8px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;max-height:85vh}.location-modal-overlay{padding:0;align-items:flex-end}.location-modal-content{border-radius:20px 20px 0 0;max-height:90vh;width:100%;max-width:100%}.location-map-wrapper{height:300px}.location-map-actions{flex-direction:column}.location-map-back-btn,.location-map-select-btn{width:100%}}.interests-search-wrapper{position:relative;margin-bottom:24px;animation:fadeInUp .4s ease-out .4s both}.interests-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.interests-search-input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;background-color:#fff;font-family:Basier Circle;transition:all .2s ease}.interests-search-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc1a}.interests-search-input::placeholder{color:#9ca3af}.interests-category{margin-bottom:28px;animation:fadeInUp .5s ease-out both}.interests-category:nth-child(1){animation-delay:.5s}.interests-category:nth-child(2){animation-delay:.6s}.interests-category:last-of-type{margin-bottom:0}.interests-category-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:12px;margin-top:0;animation:slideInRight .4s ease-out both}.interests-tags-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;align-content:flex-start}.interest-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid transparent;border-radius:50px;background-color:#f4f4ff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Basier Circle;white-space:nowrap;animation:scaleIn .3s ease-out both}.interest-tag:nth-child(1){animation-delay:.05s}.interest-tag:nth-child(2){animation-delay:.1s}.interest-tag:nth-child(3){animation-delay:.15s}.interest-tag:nth-child(4){animation-delay:.2s}.interest-tag:nth-child(5){animation-delay:.25s}.interest-tag:nth-child(6){animation-delay:.3s}.interest-tag:nth-child(7){animation-delay:.35s}.interest-tag:nth-child(8){animation-delay:.4s}.interest-tag:nth-child(9){animation-delay:.45s}.interest-tag:nth-child(10){animation-delay:.5s}.interest-tag:nth-child(11){animation-delay:.55s}.interest-tag i{font-size:16px;color:inherit;transition:transform .3s ease}.interest-tag:hover{background-color:#ecebff;transform:translateY(-2px) scale(1.05)}.interest-tag:hover i{transform:scale(1.1)}.interest-tag.selected{background-color:#f4f4ff;color:#a855f7;border-color:#a855f733;animation:pulse .3s ease}.interest-tag.selected i{color:inherit}.interest-tag.selected:hover{background-color:#ede9fe;border-color:#a855f74d;transform:translateY(-2px) scale(1.05)}:root{--purple: #7B2FF7;--purple-hover: #6920E8;--purple-light: #EDE8FD;--purple-bg: #F0EBFF;--gold-bg: #FFF5CC;--gold-border: #F5C518;--gold-text: #8A6000;--blue-check: #1D9BF0;--red-badge: #EF3E36;--bg: #F4F2FA;--white: #FFFFFF;--text-dark: #14142B;--text-mid: #4E4B66;--text-light: #A0A3BD;--border: #EFF0F7;--card-shadow: 0 2px 14px rgba(123, 47, 247, .07);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--sidebar-w: 222px;--right-w: 308px;--font: "Basier Circle", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.db-root{display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--right-w);grid-template-rows:100vh;height:100vh;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--text-dark)}.db-root.db-root--reels,.db-root.db-root--messages,.db-root.db-root--live-watch{grid-template-columns:var(--sidebar-w) 1fr}.db-live-sidebar{--live-side-fg: #14142b;--live-side-fg-muted: #4e4b66;--live-side-surface: #ffffff;--live-side-border: #eff0f7;padding:10px 6px 4px}[data-theme=dark] .db-live-sidebar{--live-side-fg: #ede8ff;--live-side-fg-muted: #9b91cc;--live-side-surface: #1e1a32;--live-side-border: #27204a}.db-live-sidebar-title{font-size:.9375rem;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:8px;color:var(--live-side-fg);letter-spacing:-.02em}.db-live-sidebar-title i{color:#e74c3c;font-size:1rem}.db-live-sidebar-sub{font-size:.75rem;color:var(--live-side-fg-muted);line-height:1.45;margin:0 0 14px}.db-live-sidebar-list{list-style:none;margin:0;padding:0}.db-live-sidebar-list li{margin-bottom:8px}.db-live-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--live-side-border);border-radius:12px;background:var(--live-side-surface);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 10px #7b2ff70f;transition:transform .12s,border-color .12s,box-shadow .12s}.db-live-sidebar-item:hover{transform:translateY(-2px);border-color:#7b2ff733;box-shadow:0 6px 18px #7b2ff71a}.db-live-sidebar-item img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0}.db-live-sidebar-item>div{flex:1;min-width:0}.db-live-sidebar-item strong{display:block;font-size:.75rem;font-weight:700;color:var(--live-side-fg);line-height:1.3;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-live-sidebar-item span:not(.live-card-dot){font-size:.6875rem;color:var(--live-side-fg-muted);font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-live-sidebar-list .live-card-dot{width:6px;height:6px;border-radius:50%;background:#e74c3c;flex-shrink:0;animation:db-live-pulse 1.2s ease infinite}@keyframes db-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.db-sidebar{grid-column:1;background:var(--white);border-right:1.5px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;height:100vh;overflow-y:auto;scrollbar-width:none}.db-sidebar::-webkit-scrollbar{display:none}.db-logo{display:flex;align-items:center;gap:8px;padding-bottom:22px;flex-shrink:0}.db-brand-logo{width:120px;height:auto;color:#7b2ff7;flex-shrink:0}[data-theme=dark] .db-brand-logo{color:#fff}.db-logo-text{font-size:17px;font-weight:800;background:linear-gradient(135deg,#ff6b9d,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.db-coins-badge{display:flex;align-items:center;gap:3px;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:20px;padding:2px 7px 2px 5px;font-size:11px;font-weight:700;color:var(--gold-text);margin-left:2px;white-space:nowrap}.db-coin-icon{font-size:12px}.db-theme-toggle{background:none;border:none;cursor:pointer;margin-left:auto;padding:0;flex-shrink:0;display:flex;align-items:center}.db-theme-track{display:flex;align-items:center;width:44px;height:24px;background:var(--border);border-radius:40px;padding:3px;border:1.5px solid var(--border);transition:background .3s,border-color .3s;position:relative}.db-theme-toggle:hover .db-theme-track{border-color:var(--purple);background:var(--purple-bg)}.db-theme-thumb{width:18px;height:18px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000002e;color:var(--text-mid);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s;transform:translate(0);flex-shrink:0}.db-theme-thumb svg{width:11px;height:11px}[data-theme=dark] .db-theme-track{background:#2d1b6e;border-color:var(--purple)}[data-theme=dark] .db-theme-thumb{transform:translate(20px);background:var(--purple);color:gold;box-shadow:0 1px 6px #7b2ff780}.db-nav{display:flex;flex-direction:column;gap:1px;flex:1}.db-nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--text-mid);text-align:left;position:relative;transition:background .15s,color .15s}.db-nav-item:hover{background:var(--purple-bg);color:var(--purple)}.db-nav-item:hover .db-nav-icon svg{stroke:var(--purple)}.db-nav-active{background:var(--purple-bg)!important;color:var(--purple)!important}.db-nav-active .db-nav-icon svg{stroke:var(--purple)}.db-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.db-nav-icon svg{width:20px;height:20px}.db-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-badge{background:var(--red-badge);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 3px}.db-create-wrap{padding-top:14px;flex-shrink:0}.db-create-btn{width:100%;padding:13px 16px;background:linear-gradient(135deg,#9b50f7,#7b2ff7);color:#fff;border:none;border-radius:12px;font-family:var(--font);font-size:14.5px;font-weight:700;cursor:pointer;letter-spacing:.2px;transition:opacity .2s,transform .15s;box-shadow:0 4px 16px #7b2ff759}.db-create-btn:hover{opacity:.9;transform:translateY(-1px)}.db-create-btn:active{transform:translateY(0)}.db-logout-btn{width:100%;margin-top:10px;padding:11px 14px;background:transparent;color:#d14343;border:1.5px solid rgba(209,67,67,.35);border-radius:12px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.db-logout-btn:hover{background:#d1434314;border-color:#d1434380}.db-main{grid-column:2;height:100vh;overflow-y:auto;padding:18px 14px;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.db-main::-webkit-scrollbar{width:5px}.db-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.db-main.db-main--social{padding:10px 12px}.db-social{display:flex;flex-direction:column;gap:10px;max-width:100%;margin:0;width:100%}.db-clips-wrap{background:var(--white);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:var(--card-shadow)}.db-clips-title{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.db-clips-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.db-clips-row::-webkit-scrollbar{display:none}.db-clip{flex-shrink:0;width:98px;height:138px;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer}.db-clip-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.db-clip:hover .db-clip-img{transform:scale(1.05)}.db-clip-foot{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b8);padding:22px 6px 6px;display:flex;align-items:center;gap:4px}.db-clip-avatar{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);object-fit:cover;flex-shrink:0}.db-clip-user{color:#fff;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-feed{display:flex;flex-direction:column;gap:10px}.db-post{background:var(--white);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:var(--card-shadow);border:1px solid rgba(239,240,247,.9);overflow:visible}.db-post-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.db-post-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.db-post-meta{flex:1;min-width:0}.db-post-name{display:flex;align-items:center;gap:4px;font-size:14.5px;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-post-handle{font-size:12px;color:var(--text-light);margin-top:1px}.db-post-dots{width:32px;height:32px;border:none;border-radius:50%;background:var(--bg);cursor:pointer;color:var(--text-mid);font-size:14px;flex-shrink:0;margin-left:auto;transition:background .15s,color .15s}.db-post-dots:hover{background:var(--purple-bg);color:var(--purple)}.db-post-text{font-size:14px;color:var(--text-dark);line-height:1.5;margin-bottom:5px}.db-post-sub{font-size:13px;color:var(--text-mid);line-height:1.45;margin-bottom:8px}.db-show-more{background:none;border:none;color:var(--purple);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);padding:0;margin-left:2px}.db-show-more:hover{text-decoration:underline}.db-audio{background:var(--purple);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.db-audio-play{width:36px;height:36px;border-radius:50%;background:#ffffff38;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:12px;transition:background .2s}.db-audio-play:hover{background:#ffffff52}.db-wave-bar-active{animation:db-wave-pulse .8s ease-in-out infinite alternate}@keyframes db-wave-pulse{0%{opacity:.55}to{opacity:1}}.db-waveform{flex:1;display:flex;align-items:center;gap:2px;height:40px;overflow:hidden}.db-wave-bar{flex-shrink:0;width:3px;background:#fff;border-radius:2px;min-height:4px}.db-audio-dur{color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.db-post-media{margin:0 -14px 10px}.db-post-media .db-audio{margin:0 14px 8px}.db-post-img-wrap{border-radius:0;overflow:hidden;margin-bottom:0}.db-post-img{width:100%;display:block;object-fit:cover;max-height:360px}.db-post-footer{margin-top:2px}.db-post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.db-tag{border:1px solid #D4C5F9;border-radius:20px;padding:3px 11px;font-size:12px;color:var(--purple);background:var(--purple-bg);font-weight:500;cursor:pointer;transition:background .2s}.db-tag:hover{background:var(--purple-light)}.db-post-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0 8px;font-size:13px;font-weight:600;color:var(--text-mid)}.db-post-stats-left{display:inline-flex;align-items:center;gap:6px;min-width:0}.db-reaction-stack{display:inline-flex;align-items:center;flex-shrink:0}.db-reaction-stack-item{width:20px;height:20px;border-radius:50%;background:var(--white);border:1.5px solid var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;margin-left:-5px;box-shadow:0 1px 3px #0000001f}.db-reaction-stack-item:first-child{margin-left:0}.db-post-stats-count{white-space:nowrap}.db-post-stats-comments{border:none;background:none;padding:0;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-mid);cursor:pointer;white-space:nowrap}.db-post-stats-comments:hover{text-decoration:underline;color:var(--text-dark)}.db-post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:0 0 10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.db-post-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-mid);font-family:var(--font);font-weight:600;padding:10px 4px;border-radius:0;transition:background .15s,color .15s}.db-post-action-btn i{font-size:15px}.db-post-action-btn:hover{background:var(--bg);color:var(--text-dark)}.db-post-action-btn--active,.db-post-action-like.db-post-action-btn--active{color:var(--reaction-color, #1877f2)}.db-post-action-btn--active:hover,.db-post-action-like.db-post-action-btn--active:hover{background:color-mix(in srgb,var(--reaction-color, #1877f2) 8%,transparent)}.db-reaction-wrap{position:relative;display:flex;justify-content:center}.db-reaction-picker{position:absolute;left:0;bottom:calc(100% + 10px);display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--white);border-radius:999px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000f;z-index:50;animation:db-reaction-pop .22s cubic-bezier(.34,1.4,.64,1)}.db-reaction-picker:after{content:"";position:absolute;left:28px;bottom:-6px;transform:rotate(45deg);width:12px;height:12px;background:var(--white);box-shadow:2px 2px 4px #0000000f}@keyframes db-reaction-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.db-reaction-opt{width:36px;height:36px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.34,1.5,.64,1);position:relative;z-index:1}.db-reaction-opt-emoji{font-size:1.5rem;line-height:1;display:block;transition:transform .15s}.db-reaction-opt:hover{transform:scale(1.35) translateY(-4px);z-index:2}.db-reaction-opt:hover .db-reaction-opt-emoji{transform:scale(1.1)}.db-reaction-opt-active{background:#1877f21a;box-shadow:0 0 0 2px var(--reaction-color, #1877f2)}.db-reaction-btn-emoji{font-size:1.125rem;line-height:1}.db-post-comments{margin-top:2px}.db-comment-list{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}.db-comment{display:flex;gap:8px;align-items:flex-start}.db-comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.db-comment-body{flex:1;min-width:0}.db-comment-bubble{background:transparent;border:none;border-radius:0;padding:0}.db-comment-author .db-comment-bubble{background:transparent;border:none}.db-comment-meta{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:2px}.db-comment-meta strong{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--text-dark)}.db-comment-time{font-size:11px;color:var(--text-light);font-weight:500}.db-comment-bubble p{margin:0;font-size:13px;line-height:1.45;color:var(--text-mid);word-break:break-word}.db-comment-like{display:inline-flex;align-items:center;gap:4px;margin-top:2px;margin-left:0;padding:0;border:none;background:none;font-size:11px;font-weight:600;color:var(--text-light);cursor:pointer;font-family:var(--font)}.db-comment-like-on{color:#e74c3c}.db-view-comments{display:block;width:100%;margin:0 0 8px;padding:0;border:none;background:none;text-align:left;font-family:var(--font);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer}.db-view-comments:hover{color:var(--purple)}.db-comment-compose{display:flex;align-items:center;gap:8px;padding-top:4px}.db-comment-compose-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.db-comment-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-family:var(--font);font-size:13px;color:var(--text-dark);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s}.db-comment-input:focus{border-color:#7b2ff766;box-shadow:0 0 0 3px #7b2ff71a}.db-comment-input::placeholder{color:var(--text-light)}.db-comment-submit{flex-shrink:0;border:none;border-radius:999px;padding:8px 14px;background:var(--purple);color:#fff;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s,background .15s}.db-comment-submit:disabled{opacity:.45;cursor:not-allowed}.db-comment-submit:not(:disabled):hover{background:var(--purple-hover)}.db-swipe-view{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:480px;margin:0 auto;width:100%}.db-tabs{display:flex;width:100%;border-bottom:2px solid var(--border)}.db-tab{flex:1;border:none;background:none;padding:11px 4px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-2px;transition:color .2s}.db-tab:hover{color:var(--text-mid)}.db-tab-active{color:var(--text-dark)!important;font-weight:700;border-bottom-color:var(--purple)}.db-swipe-area{display:flex;align-items:center;gap:10px;width:100%}.db-card-wrap{flex:1;position:relative;min-width:0}.db-card-bg{position:absolute;inset:0;border-radius:20px;pointer-events:none}.db-card-bg-1{background:var(--purple-light);transform:translateY(9px) scale(.94);z-index:1;opacity:.55;box-shadow:0 4px 20px #7b2ff71f}.db-card-bg-2{background:var(--border);transform:translateY(18px) scale(.88);z-index:0;opacity:.35}.db-swipe-card{position:relative;z-index:2;width:100%;aspect-ratio:3 / 4;max-height:460px;border-radius:20px;overflow:hidden;background:#2a1a3e;box-shadow:0 20px 60px #7b2ff747,0 6px 22px #0000002e;transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none}.db-swipe-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.db-card-shine{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:5;mix-blend-mode:screen;transition:background .08s linear}.db-card-glow{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:6}.db-glow-like{box-shadow:inset 0 0 40px 6px #00e67673}.db-glow-nope{box-shadow:inset 0 0 40px 6px #ff174473}.db-stamp{position:absolute;top:26px;font-size:22px;font-weight:900;letter-spacing:2px;padding:7px 16px;border-radius:10px;border:4px solid;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:0 1px 4px rgba(0,0,0,.3)}.db-stamp-like{left:22px;color:#00e676;border-color:#00e676;transform:rotate(-14deg);background:#00000040}.db-stamp-nope{right:22px;color:#ff1744;border-color:#ff1744;transform:rotate(14deg);background:#00000040}.db-swipe-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent 0%,#0e051eeb);padding:52px 20px 22px;color:#fff;z-index:8}.db-swipe-name{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:800;margin-bottom:4px;letter-spacing:-.3px}.db-swipe-loc{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;opacity:.75;margin-bottom:5px}.db-swipe-dist{font-size:13px;opacity:.88;font-weight:500}.db-swipe-arrow{width:40px;height:40px;border-radius:50%;background:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000024;flex-shrink:0;color:var(--text-dark);transition:box-shadow .2s,transform .15s;z-index:10}.db-swipe-arrow:hover{box-shadow:0 5px 18px #7b2ff740;transform:scale(1.1)}@keyframes scOutLeft{0%{transform:perspective(1100px) rotateY(0) translate(0) scale(1);opacity:1}to{transform:perspective(1100px) rotateY(-55deg) translate(-140%) scale(.72);opacity:0}}@keyframes scOutRight{0%{transform:perspective(1100px) rotateY(0) translate(0) scale(1);opacity:1}to{transform:perspective(1100px) rotateY(55deg) translate(140%) scale(.72);opacity:0}}@keyframes scInLeft{0%{transform:perspective(1100px) rotateY(-55deg) translate(-140%) scale(.72);opacity:0}to{transform:perspective(1100px) rotateY(0) translate(0) scale(1);opacity:1}}@keyframes scInRight{0%{transform:perspective(1100px) rotateY(55deg) translate(140%) scale(.72);opacity:0}to{transform:perspective(1100px) rotateY(0) translate(0) scale(1);opacity:1}}.sc-out-left{animation:scOutLeft .32s cubic-bezier(.55,0,1,.45) forwards}.sc-out-right{animation:scOutRight .32s cubic-bezier(.55,0,1,.45) forwards}.sc-in-left{animation:scInLeft .34s cubic-bezier(.16,1,.3,1) forwards}.sc-in-right{animation:scInRight .34s cubic-bezier(.16,1,.3,1) forwards}.db-msg-bar{display:flex;align-items:center;gap:8px;background:var(--white);border-radius:40px;padding:10px 12px;width:100%;box-shadow:var(--card-shadow)}.db-msg-emoji-btn{background:none;border:none;cursor:pointer;color:var(--text-light);display:flex;align-items:center;padding:0;transition:color .2s}.db-msg-emoji-btn:hover{color:var(--purple)}.db-msg-input{flex:1;border:none;outline:none;font-family:var(--font);font-size:13.5px;color:var(--text-dark);background:transparent}.db-msg-input::placeholder{color:var(--text-light)}.db-msg-send-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-mid);flex-shrink:0;transition:border-color .2s,color .2s,background .2s}.db-msg-send-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-bg)}.db-reactions{position:relative;display:flex;gap:10px;overflow:visible}.db-particle{position:absolute;bottom:100%;transform:translate(-50%);font-size:22px;line-height:1;pointer-events:none;z-index:200;animation:particleFlyUp 1.35s cubic-bezier(.22,1,.36,1) forwards}.db-particle-rt{font-size:17px;opacity:.75}@keyframes particleFlyUp{0%{transform:translate(-50%) translateY(0) scale(.4) rotate(0);opacity:0}10%{transform:translate(-50%) translateY(-14px) scale(1.3) rotate(-6deg);opacity:1}60%{opacity:1}to{transform:translate(calc(-50% + var(--wobble, 0px))) translateY(-88px) scale(calc(var(--pscale, 1) * .65)) rotate(12deg);opacity:0}}.db-reaction-btn{position:relative;width:46px;height:46px;border-radius:50%;background:var(--white);border:1.5px solid var(--border);cursor:pointer;font-size:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000012;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,background .2s;flex-shrink:0}.db-reaction-emoji{font-size:22px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block}.db-reaction-btn:hover{transform:scale(1.18) translateY(-2px);border-color:var(--purple);box-shadow:0 6px 18px #7b2ff747}.db-reaction-btn:hover .db-reaction-emoji{transform:scale(1.15) rotate(-8deg)}.db-reaction-btn:active{transform:perspective(320px) rotateX(22deg) scale(.82) translateY(4px)!important;transition:transform .06s!important}.db-reaction-active{border-color:var(--purple)!important;background:var(--purple-light)!important;transform:scale(1.13) translateY(-2px)!important;box-shadow:0 0 0 3px #7b2ff72e,0 6px 18px #7b2ff74d!important}.db-reaction-active .db-reaction-emoji{transform:scale(1.12)}.db-reaction-bursting{animation:reactionBurst .5s ease-out forwards}@keyframes reactionBurst{0%{box-shadow:0 0 #7b2ff78c,0 2px 8px #00000012}to{box-shadow:0 0 0 16px #7b2ff700,0 2px 8px #00000012}}.db-reaction-rt-pulse{animation:rtPulse .6s ease-out forwards}@keyframes rtPulse{0%{box-shadow:0 0 #ffb4328c,0 2px 8px #00000012}to{box-shadow:0 0 0 12px #ffb43200,0 2px 8px #00000012}}.db-reaction-count{position:absolute;top:-7px;right:-7px;background:var(--purple);color:#fff;font-family:var(--font);font-size:9px;font-weight:800;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center;line-height:15px;pointer-events:none;animation:countPop .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes countPop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.db-right{grid-column:3;background:var(--white);border-left:1.5px solid var(--border);padding:18px 14px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.db-right.db-right--social{padding:10px 12px;gap:10px}.db-right::-webkit-scrollbar{width:4px}.db-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.db-search-box{display:flex;align-items:center;gap:8px;background:#f8f7fc;border:1.5px solid var(--border);border-radius:10px;padding:10px 13px;flex-shrink:0;transition:border-color .2s}.db-right--social .db-search-box{padding:8px 11px}.db-search-box:focus-within{border-color:var(--purple)}.db-search-icon{color:var(--text-light);display:flex;flex-shrink:0}.db-search-input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font);font-size:13.5px;color:var(--text-dark)}.db-search-input::placeholder{color:var(--text-light)}.db-right-scroll{display:flex;flex-direction:column;gap:18px;flex:1;overflow-y:auto;scrollbar-width:none}.db-right--social .db-right-scroll{gap:10px}.db-right-scroll::-webkit-scrollbar{display:none}.db-sec-header{display:flex;align-items:center;gap:5px;margin-bottom:10px}.db-right--social .db-sec-header{margin-bottom:6px}.db-sec-title{font-size:13.5px;font-weight:700;color:var(--text-dark);flex:1}.db-sec-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.db-arr-btn{width:26px;height:26px;border-radius:50%;background:#f4f2fa;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-mid);padding:0;transition:all .2s}.db-arr-btn:hover{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-light)}.db-arr-active{background:var(--purple)!important;border-color:var(--purple)!important;color:#fff!important}.db-arr-active:hover{background:var(--purple-hover)!important}.db-view-all{font-size:12px;color:var(--text-dark);text-decoration:none;font-weight:600;white-space:nowrap;margin-left:2px;transition:color .2s}.db-view-all:hover{color:var(--purple)}.db-uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.db-user-card{border-radius:var(--radius-md);overflow:hidden;position:relative;aspect-ratio:2 / 5;cursor:pointer;background:#e5e0f0}.db-user-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.db-user-card:hover img{transform:scale(1.06)}.db-uc-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000c7);padding:24px 7px 7px;color:#fff}.db-uc-name{font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden}.db-uc-loc{font-size:9px;opacity:.82;margin-top:1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.db-uc-flag{flex-shrink:0;width:14px;height:10px;display:inline-flex;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff40}.db-uc-flag svg{width:14px;height:10px;display:block}.db-mobile-nav{display:none}@media(min-width:1281px)and (max-width:1399px){:root{--sidebar-w: 248px;--right-w: 346px}.db-main{padding:22px 28px}.db-swipe-view{max-width:580px;gap:18px}.db-swipe-card{max-height:500px}.db-swipe-name{font-size:22px}.db-swipe-dist{font-size:14px}.db-tabs{margin-bottom:4px}.db-tab{font-size:15px;padding:13px 0}.db-msg-bar{padding:12px 16px}.db-reaction-btn{width:50px;height:50px;font-size:24px}.db-reactions{gap:14px}.db-main.db-main--social{padding:12px 14px}.db-social{max-width:100%;gap:10px}.db-clips-wrap{padding:12px 14px}.db-clips-title{font-size:14px;margin-bottom:8px}.db-clip{width:100px;height:140px}.db-post{padding:12px 14px}.db-feed{gap:10px}.db-right.db-right--social{padding:12px;gap:10px}.db-right.db-right--social .db-right-scroll{gap:10px}.db-uc-grid{grid-template-columns:repeat(4,1fr);gap:7px}.db-uc-name{font-size:11px}.db-uc-loc{font-size:9.5px}.db-sec-title{font-size:14px}.db-arr-btn{width:28px;height:28px}.db-search-box{padding:11px 14px}.db-sidebar{padding:22px 16px}.db-nav-item{padding:11px 13px;font-size:14px}.db-logo-text{font-size:18px}.db-create-btn{padding:14px;font-size:15px}}@media(min-width:1400px){:root{--sidebar-w: 260px;--right-w: 370px}.db-main{padding:24px 32px}.db-swipe-view{max-width:620px;gap:20px}.db-swipe-card{max-height:540px}.db-swipe-name{font-size:23px}.db-tab{font-size:15px;padding:14px 0}.db-msg-bar{padding:13px 18px}.db-reaction-btn{width:52px;height:52px;font-size:25px}.db-reactions{gap:16px}.db-main.db-main--social{padding:12px 16px}.db-social{max-width:100%;gap:10px}.db-clip{width:104px;height:146px}.db-post{padding:12px 14px}.db-right.db-right--social{padding:12px 14px;gap:10px}.db-uc-grid{grid-template-columns:repeat(3,1fr);gap:8px}.db-sidebar{padding:24px 18px}.db-nav-item{padding:12px 14px;font-size:14px;gap:13px}.db-logo-text{font-size:18px}.db-create-btn{padding:15px;font-size:15.5px}}@media(max-width:1280px){:root{--sidebar-w: 205px;--right-w: 280px}.db-nav-label{font-size:13px}.db-logo-text{font-size:16px}.db-main{padding:16px 12px}.db-swipe-view{max-width:440px}.db-social{max-width:500px}}@media(max-width:1024px){.db-root{grid-template-columns:var(--sidebar-w) 1fr}.db-right{display:none}}@media(max-width:820px){:root{--sidebar-w: 64px}.db-logo-text,.db-coins-badge,.db-logo-refresh,.db-nav-label{display:none}.db-logo{justify-content:center;padding-bottom:18px}.db-sidebar{padding:14px 8px;align-items:center}.db-nav-item{padding:10px;justify-content:center;gap:0;border-radius:var(--radius-sm)}.db-nav-icon{width:auto}.db-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;font-size:9px}.db-create-btn{font-size:0;padding:10px}.db-create-btn:after{content:"+";font-size:20px;font-weight:800}}@media(max-width:600px){.db-root{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100dvh;height:100svh}.db-sidebar{display:none}.db-main{grid-row:1;padding:12px 10px 72px}.db-main.db-main--reels{padding:0}.db-mobile-nav{display:flex;grid-row:2;background:var(--white);border-top:1.5px solid var(--border);padding:6px 4px;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 12px #00000014}.db-mob-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;cursor:pointer;padding:6px 4px;border-radius:var(--radius-sm);color:var(--text-light);position:relative;transition:color .2s}.db-mob-btn:hover{color:var(--purple)}.db-mob-active{color:var(--purple)!important}.db-mob-active svg{stroke:var(--purple)}.db-mob-icon{display:flex}.db-mob-icon svg{width:22px;height:22px}.db-mob-label{font-size:9px;font-family:var(--font);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.db-mob-badge{position:absolute;top:3px;right:8px;background:var(--red-badge);color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.db-swipe-view{max-width:100%;gap:12px}.db-swipe-card{max-height:380px}.db-swipe-name{font-size:17px}.db-reactions{gap:8px}.db-reaction-btn{width:40px;height:40px;font-size:18px}.db-social{max-width:100%}.db-post{padding:13px}.db-clips-row{gap:7px}.db-clip{width:82px;height:116px}}@media(max-width:380px){.db-swipe-area{gap:6px}.db-swipe-arrow{width:34px;height:34px}.db-mob-label{display:none}}[data-theme=dark]{--bg: #0D0A1F;--white: #161230;--text-dark: #EDE8FF;--text-mid: #9B91CC;--text-light: #5A5280;--border: #27204A;--card-shadow: 0 2px 18px rgba(0, 0, 0, .4);--purple-bg: #271A52;--purple-light:#3A2468;--gold-bg: #1E1800;--gold-border: #5A4500;--gold-text: #D4A020}[data-theme=dark] .db-root{background:var(--bg);color:var(--text-dark);transition:background .3s,color .3s}[data-theme=dark] .db-sidebar{background:#120f26;border-right-color:var(--border)}[data-theme=dark] .db-logo-text{background:linear-gradient(135deg,#ff8cb8,#a060ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .db-nav-item{color:var(--text-mid)}[data-theme=dark] .db-nav-item:hover{background:var(--purple-bg);color:#c09bff}[data-theme=dark] .db-nav-item:hover .db-nav-icon svg{stroke:#c09bff}[data-theme=dark] .db-nav-active{background:var(--purple-bg)!important;color:#c09bff!important}[data-theme=dark] .db-nav-active .db-nav-icon svg{stroke:#c09bff}[data-theme=dark] .db-create-btn{background:linear-gradient(135deg,#7b2ff7,#5b10d4);box-shadow:0 4px 16px #5b10d480}[data-theme=dark] .db-logout-btn{color:#ff5cb8;border-color:#ff8b8b59}[data-theme=dark] .db-logout-btn:hover{background:#ff8b8b1f;border-color:#ff8b8b8c}.db-logout-modal-backdrop{position:fixed;inset:0;background:#0a08168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.db-logout-modal{width:min(92vw,420px);border-radius:18px;border:1px solid var(--border);background:var(--white);box-shadow:0 24px 48px #100a2659;padding:22px}.db-logout-title{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:var(--text-dark)}.db-logout-desc{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--text-mid)}.db-logout-actions{margin-top:18px;display:flex;gap:10px}.db-logout-cancel-btn,.db-logout-confirm-btn{flex:1;border-radius:12px;padding:10px 12px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.db-logout-cancel-btn{border:1.5px solid var(--border);background:#f8f7fc;color:var(--text-dark)}.db-logout-cancel-btn:hover{background:#f1eefb}.db-logout-confirm-btn{border:1.5px solid rgba(209,67,67,.35);background:#d14343;color:#fff}.db-logout-confirm-btn:hover{background:#bb2f2f}[data-theme=dark] .db-logout-modal{background:#151230;border-color:var(--border)}[data-theme=dark] .db-logout-cancel-btn{background:#1f1a42;border-color:var(--border);color:var(--text-dark)}.db-entry-splash{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,107,157,.22),transparent 45%),radial-gradient(circle at 72% 78%,rgba(123,47,247,.28),transparent 45%),#0e0a22;animation:dbSplashBgPulse 1.2s ease-in-out infinite alternate}.db-entry-logo{width:min(32vw,220px);min-width:130px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35));transform-style:preserve-3d;animation:dbLogo3DBounce 1s cubic-bezier(.22,1,.36,1) forwards}.db-entry-splash-exit{animation:dbSplashFadeOut .45s ease forwards}.db-entry-splash-exit .db-entry-logo{animation:dbLogoExit .45s ease forwards}@keyframes dbLogo3DBounce{0%{transform:perspective(900px) translateY(40px) rotateX(-24deg) scale(.82);opacity:0}55%{transform:perspective(900px) translateY(-12px) rotateX(8deg) scale(1.03);opacity:1}to{transform:perspective(900px) translateY(0) rotateX(0) scale(1);opacity:1}}@keyframes dbLogoExit{0%{transform:perspective(900px) translateY(0) rotateX(0) scale(1);opacity:1}to{transform:perspective(900px) translateY(-14px) rotateX(12deg) scale(.92);opacity:0}}@keyframes dbSplashFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes dbSplashBgPulse{0%{filter:saturate(1) brightness(1)}to{filter:saturate(1.15) brightness(1.07)}}[data-theme=dark] .db-main{background:var(--bg)}[data-theme=dark] .db-clips-wrap{background:#161230;box-shadow:var(--card-shadow)}[data-theme=dark] .db-clips-title{color:var(--text-dark)}[data-theme=dark] .db-post{background:#161230;box-shadow:var(--card-shadow)}[data-theme=dark] .db-post-name,[data-theme=dark] .db-post-text{color:var(--text-dark)}[data-theme=dark] .db-post-sub{color:var(--text-mid)}[data-theme=dark] .db-post-handle,[data-theme=dark] .db-post-time,[data-theme=dark] .db-post-dots{color:var(--text-light)}[data-theme=dark] .db-post-dots:hover{color:var(--text-mid)}[data-theme=dark] .db-post-actions{border-top-color:var(--border);border-bottom-color:var(--border)}[data-theme=dark] .db-post-action-btn{color:var(--text-mid)}[data-theme=dark] .db-post-action-btn:hover{background:#1e1840;color:var(--text-dark)}[data-theme=dark] .db-reaction-stack-item{background:#161230;border-color:#161230}[data-theme=dark] .db-tag{background:#271a52;border-color:#3d2880;color:#c09bff}[data-theme=dark] .db-tag:hover{background:#3a2468}[data-theme=dark] .db-post{border-color:#27204a}[data-theme=dark] .db-post-header{border-bottom-color:#27204a}[data-theme=dark] .db-post-stats{color:var(--text-mid)}[data-theme=dark] .db-post-stats-comments:hover{color:var(--text-dark)}[data-theme=dark] .db-comment-bubble{background:#1e1840;border-color:#27204a}[data-theme=dark] .db-comment-author .db-comment-bubble{background:#7b2ff726}[data-theme=dark] .db-comment-meta strong{color:var(--text-dark)}[data-theme=dark] .db-comment-bubble p{color:var(--text-mid)}[data-theme=dark] .db-comment-input{background:#1e1840;border-color:#27204a;color:var(--text-dark)}[data-theme=dark] .db-reaction-picker{background:#1e1a32;box-shadow:0 4px 24px #00000073,0 0 0 1px #27204a}[data-theme=dark] .db-reaction-picker:after{background:#1e1a32}[data-theme=dark] .db-tabs{border-bottom-color:var(--border)}[data-theme=dark] .db-tab{color:var(--text-light)}[data-theme=dark] .db-tab:hover{color:var(--text-mid)}[data-theme=dark] .db-tab-active{color:var(--text-dark)!important}[data-theme=dark] .db-swipe-arrow{background:#1e1840;color:var(--text-dark);box-shadow:0 2px 10px #0006}[data-theme=dark] .db-swipe-arrow:hover{background:#271a52}[data-theme=dark] .db-msg-bar{background:#161230;box-shadow:var(--card-shadow)}[data-theme=dark] .db-msg-input{color:var(--text-dark)}[data-theme=dark] .db-msg-emoji-btn{color:var(--text-light)}[data-theme=dark] .db-msg-emoji-btn:hover{color:#a060ff}[data-theme=dark] .db-msg-send-btn{border-color:var(--border);color:var(--text-mid)}[data-theme=dark] .db-msg-send-btn:hover{border-color:var(--purple);color:#c09bff;background:var(--purple-bg)}[data-theme=dark] .db-reaction-btn{background:#161230;border-color:var(--border);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .db-reaction-btn:hover{border-color:var(--purple);box-shadow:0 4px 14px #7b2ff759}[data-theme=dark] .db-right{background:#120f26;border-left-color:var(--border)}[data-theme=dark] .db-search-box{background:#1a1638;border-color:var(--border)}[data-theme=dark] .db-search-box:focus-within{border-color:var(--purple)}[data-theme=dark] .db-search-icon{color:var(--text-light)}[data-theme=dark] .db-search-input,[data-theme=dark] .db-sec-title{color:var(--text-dark)}[data-theme=dark] .db-view-all{color:var(--text-mid)}[data-theme=dark] .db-view-all:hover{color:#c09bff}[data-theme=dark] .db-arr-btn{background:#1a1638;border-color:var(--border);color:var(--text-mid)}[data-theme=dark] .db-arr-btn:hover{background:var(--purple-bg);color:#c09bff;border-color:#3d2880}[data-theme=dark] .db-arr-active{background:var(--purple)!important;border-color:var(--purple)!important;color:#fff!important}[data-theme=dark] .db-user-card{background:#1a1638}[data-theme=dark] .db-mobile-nav{background:#120f26;border-top-color:var(--border);box-shadow:0 -2px 12px #0006}[data-theme=dark] .db-mob-btn{color:var(--text-light)}[data-theme=dark] .db-mob-btn:hover{color:#c09bff}[data-theme=dark] .db-mob-active{color:#c09bff!important}[data-theme=dark] .db-mob-active svg{stroke:#c09bff}[data-theme=dark] .db-sidebar,[data-theme=dark] .db-main,[data-theme=dark] .db-right,[data-theme=dark] .db-post,[data-theme=dark] .db-clips-wrap,[data-theme=dark] .db-msg-bar,[data-theme=dark] .db-reaction-btn{transition:background .3s,border-color .3s,box-shadow .3s}.db-animating,.db-animating *{transition:none!important}.db-root{transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.db-flip-out{animation:dbFlipOut .32s cubic-bezier(.55,0,1,.45) forwards}.db-flip-in{animation:dbFlipIn .32s cubic-bezier(0,.55,.45,1) forwards}@keyframes dbFlipOut{0%{transform:perspective(1800px) rotateY(0) scale(1);filter:brightness(1) saturate(1)}60%{filter:brightness(.25) saturate(.4)}to{transform:perspective(1800px) rotateY(90deg) scale(.92);filter:brightness(0) saturate(0)}}@keyframes dbFlipIn{0%{transform:perspective(1800px) rotateY(-90deg) scale(.92);filter:brightness(0) saturate(0)}40%{filter:brightness(.25) saturate(.4)}to{transform:perspective(1800px) rotateY(0) scale(1);filter:brightness(1) saturate(1)}}.db-theme-toggle:active .db-theme-thumb,.db-flip-out .db-theme-thumb,.db-flip-in .db-theme-thumb{animation:dbThumbSpin .64s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes dbThumbSpin{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(10px) rotate(180deg) scale(1.3)}60%{transform:translate(20px) rotate(360deg) scale(1)}}.db-theme-toggle:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(123,47,247,.35) 0%,transparent 70%);transform:scale(0);opacity:0;pointer-events:none;transition:none}.db-theme-toggle{position:relative;overflow:visible}.db-flip-out .db-theme-toggle:after,.db-flip-in .db-theme-toggle:after{animation:dbToggleRipple .4s ease-out forwards}@keyframes dbToggleRipple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.db-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:16px;text-align:center;padding:32px 20px;font-family:var(--font)}.db-cs-icon-wrap{width:80px;height:80px;border-radius:24px;background:color-mix(in srgb,var(--cs-color) 14%,transparent);border:2px solid color-mix(in srgb,var(--cs-color) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--cs-color);animation:db-cs-float 3s ease-in-out infinite}@keyframes db-cs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.db-cs-title{margin:4px 0 0;font-size:26px;font-weight:900;color:var(--text-dark);letter-spacing:-.5px}.db-cs-sub{margin:0;font-size:14px;color:var(--text-light);font-weight:500;line-height:1.6;max-width:320px}.db-cs-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;background:var(--purple-bg);color:var(--purple);font-size:13px;font-weight:800;border:1.5px solid rgba(123,47,247,.2);margin-top:4px}[data-theme=dark] .db-cs-title{color:var(--text-dark)}[data-theme=dark] .db-cs-badge{background:#7b2ff726;border-color:#7b2ff74d}.mp-shell{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px;font-family:var(--font);padding-bottom:32px}.mp-hero{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--white);box-shadow:0 4px 24px #7b2ff712}.mp-cover{height:130px;background:linear-gradient(125deg,#7b2ff7,#b06bff 45%,#ff6b9d)}.mp-hero-body{padding:0 20px;margin-top:0;display:flex;align-items:flex-end;gap:16px}.mp-avatar-ring{width:88px;height:88px;border-radius:20px;border:4px solid var(--white);box-shadow:0 8px 20px #0000002e;overflow:hidden;flex-shrink:0;background:var(--white)}.mp-avatar-img{width:100%;height:100%;object-fit:cover}.mp-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7b2ff7,#ff6b9d);letter-spacing:1px}.mp-hero-info{flex:1;min-width:0;padding-top:15px;padding-bottom:14px}.mp-hero-name-row{display:flex;align-items:center;gap:8px}.mp-display-name{margin:0;font-size:22px;font-weight:800;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-verified-badge{color:#1d9bf0;font-size:18px;flex-shrink:0}.mp-handle{margin:3px 0 8px;font-size:13px;color:var(--text-light);font-weight:500}.mp-pills-row{display:flex;flex-wrap:wrap;gap:6px}.mp-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f4f2fb;color:var(--text-mid);border:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.mp-pill--purple{background:#f0eaff;color:#7b2ff7;border-color:#d8c6ff}.mp-edit-btn{margin-bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:12px;border:1.5px solid rgba(123,47,247,.35);background:#fff;color:#7b2ff7;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .18s,box-shadow .18s,transform .15s}.mp-edit-btn:hover{background:#f3ebff;box-shadow:0 4px 12px #7b2ff72e;transform:translateY(-1px)}.mp-stats-strip{display:flex;align-items:center;border-top:1px solid var(--border);padding:10px 20px}.mp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.mp-stat-icon{font-size:14px;color:var(--purple)}.mp-stat-value{font-size:17px;font-weight:800;color:var(--text-dark);line-height:1}.mp-stat-label{font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.mp-stat-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.mp-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mp-section-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 2px 12px #7b2ff70a}.mp-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mp-section-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#ede8fd,#f6eeff);display:flex;align-items:center;justify-content:center;color:#7b2ff7;font-size:14px;flex-shrink:0}.mp-section-title{margin:0;font-size:14px;font-weight:800;color:var(--text-dark);flex:1}.mp-section-count{font-size:12px;font-weight:700;color:#7b2ff7;background:#f0eaff;border:1px solid #d8c6ff;border-radius:999px;padding:2px 9px}.mp-section-body{display:flex;flex-direction:column;gap:8px}.mp-info-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;background:#fafafe;border:1px solid var(--border);transition:background .15s}.mp-info-row:hover{background:#f5f0ff}.mp-info-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9b72ef;flex-shrink:0;margin-top:1px}.mp-info-content{display:flex;flex-direction:column;gap:1px;min-width:0}.mp-info-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.4px}.mp-info-value{font-size:13px;font-weight:600;color:var(--text-dark);word-break:break-word;line-height:1.4}.mp-photos-section{grid-column:1 / -1}.mp-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:2px}.mp-photo-thumb{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;position:relative;border:1px solid var(--border)}.mp-photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.mp-photo-thumb:hover img{transform:scale(1.05)}.mp-photo-overlay{position:absolute;inset:0;background:#0a051c73;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;opacity:0;transition:opacity .2s}.mp-photo-thumb:hover .mp-photo-overlay{opacity:1}.mp-photos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;color:var(--text-light)}.mp-photos-empty-icon{font-size:32px;opacity:.5}.mp-photos-empty p{margin:0;font-size:13px;font-weight:600}.mp-interests-wrap{display:flex;flex-wrap:wrap;gap:10px}.mp-interest-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(123,47,247,.2);border-radius:14px;padding:7px 14px 7px 10px;background:linear-gradient(135deg,#f8f4ff,#fff);transition:transform .15s,box-shadow .15s;cursor:default}.mp-interest-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7b2ff724}.mp-interest-icon-wrap{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#7b2ff7,#b06bff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.mp-interest-name{font-size:13px;font-weight:700;color:var(--text-dark)}.mp-interest-cat{font-size:11px;font-weight:600;color:#9b72ef;background:#ede8fd;border-radius:999px;padding:2px 8px}.mp-state-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--border);border-radius:18px;color:var(--text-mid);background:var(--white);font-size:14px;font-weight:600}.mp-state-box i{font-size:36px;opacity:.5}.mp-state-error{color:#c0392b;border-color:#f5c6cb;background:#fff5f5}.mp-state-error i{opacity:.7}.mp-skeleton-cover{height:130px;border-radius:20px;background:linear-gradient(90deg,#f0ebff 25%,#e4d8ff,#f0ebff 75%);background-size:200% 100%;animation:mp-shimmer 1.4s ease-in-out infinite}.mp-skeleton-body{padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--white);border-radius:18px;border:1px solid var(--border)}.mp-skeleton-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#f0ebff 25%,#e4d8ff,#f0ebff 75%);background-size:200% 100%;animation:mp-shimmer 1.4s ease-in-out infinite}@keyframes mp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .mp-hero,[data-theme=dark] .mp-section-card{background:#161230;border-color:var(--border);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .mp-avatar-ring{border-color:#161230}[data-theme=dark] .mp-display-name{color:var(--text-dark)}[data-theme=dark] .mp-handle{color:var(--text-light)}[data-theme=dark] .mp-pill{background:#1e1840;color:var(--text-mid);border-color:var(--border)}[data-theme=dark] .mp-pill--purple{background:#281f52;color:#c09bff;border-color:#3d2880}[data-theme=dark] .mp-edit-btn{background:#1f1a42;color:#c09bff;border-color:#c09bff66}[data-theme=dark] .mp-edit-btn:hover{background:#2a2260}[data-theme=dark] .mp-stats-strip{border-top-color:var(--border)}[data-theme=dark] .mp-stat-value{color:var(--text-dark)}[data-theme=dark] .mp-section-icon{background:linear-gradient(135deg,#281f52,#2a1c5a);color:#c09bff}[data-theme=dark] .mp-info-row{background:#1a1638;border-color:var(--border)}[data-theme=dark] .mp-info-row:hover{background:#211d4a}[data-theme=dark] .mp-info-icon{color:#a07ae8}[data-theme=dark] .mp-info-value{color:var(--text-dark)}[data-theme=dark] .mp-photo-thumb{border-color:var(--border)}[data-theme=dark] .mp-interest-chip{background:linear-gradient(135deg,#1e1840,#161230);border-color:#c09bff40}[data-theme=dark] .mp-interest-name{color:var(--text-dark)}[data-theme=dark] .mp-interest-cat{background:#281f52;color:#c09bff}[data-theme=dark] .mp-state-box{background:#161230;border-color:var(--border)}[data-theme=dark] .mp-skeleton-cover,[data-theme=dark] .mp-skeleton-line{background:linear-gradient(90deg,#1f1840 25%,#2a2060,#1f1840 75%);background-size:200% 100%}[data-theme=dark] .mp-skeleton-body{background:#161230;border-color:var(--border)}[data-theme=dark] .mp-photos-empty{color:var(--text-light)}.mp-modal-backdrop{position:fixed;inset:0;background:#0a061e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:mp-backdrop-in .2s ease}@keyframes mp-backdrop-in{0%{opacity:0}to{opacity:1}}.mp-modal{background:var(--white);border-radius:22px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000047;animation:mp-modal-in .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes mp-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.mp-modal-header-left{display:flex;align-items:center;gap:10px}.mp-modal-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7b2ff7,#b06bff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.mp-modal-title{margin:0;font-size:17px;font-weight:800;color:var(--text-dark)}.mp-modal-close{width:34px;height:34px;border-radius:50%;border:none;background:var(--bg);color:var(--text-mid);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mp-modal-close:hover{background:#f0eaff;color:#7b2ff7}.mp-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.mp-modal-scroll{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(123,47,247,.2) transparent}.mp-edit-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mp-edit-photo-slot{border-radius:14px;overflow:hidden;aspect-ratio:1;position:relative;border:2px dashed var(--border);background:#fafafe;transition:border-color .18s}.mp-edit-photo-slot--main{grid-column:span 2;grid-row:span 2}.mp-edit-photo-slot:hover{border-color:#7b2ff766}.mp-edit-photo-preview{width:100%;height:100%;object-fit:cover;display:block}.mp-edit-photo-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0a051ca6;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-edit-photo-remove:hover{background:#c0392bd9}.mp-edit-photo-add{width:100%;height:100%;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#c0aee0;font-size:22px;transition:color .15s}.mp-edit-photo-add:hover{color:#7b2ff7}.mp-edit-photo-icon--main{font-size:34px}.mp-edit-photo-add span{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-light)}.mp-edit-photo-hint{margin:4px 0 0;font-size:11px;color:var(--text-light);display:flex;align-items:center;gap:5px;font-weight:600}[data-theme=dark] .mp-edit-photo-slot{background:#1a1638;border-color:var(--border)}[data-theme=dark] .mp-edit-photo-add{color:#4a3880}[data-theme=dark] .mp-edit-photo-add:hover{color:#c09bff}.mp-edit-group-label{margin:6px 0 0;font-size:11px;font-weight:800;color:#9b72ef;text-transform:uppercase;letter-spacing:.7px}.mp-edit-field{display:flex;flex-direction:column;gap:5px}.mp-edit-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-edit-field--gender{grid-column:1 / -1}.mp-edit-label{font-size:12px;font-weight:700;color:var(--text-mid)}.mp-edit-input{border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text-dark);background:var(--white);outline:none;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box}.mp-edit-input:focus{border-color:#7b2ff7;box-shadow:0 0 0 3px #7b2ff71f}.mp-edit-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239b72ef' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.mp-edit-toggles-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-edit-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:#fafafe;border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.mp-edit-toggle-row:hover{background:#f5f0ff}.mp-edit-toggle-label{font-size:12px;font-weight:700;color:var(--text-dark);flex:1;line-height:1.3}.mp-edit-toggle{width:40px;height:22px;border-radius:999px;background:#ddd;position:relative;flex-shrink:0;transition:background .2s;outline:none}.mp-edit-toggle:focus-visible{box-shadow:0 0 0 3px #7b2ff740}.mp-edit-toggle--on{background:linear-gradient(135deg,#7b2ff7,#b06bff)}.mp-edit-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mp-edit-toggle--on .mp-edit-toggle-thumb{transform:translate(18px)}.mp-edit-error{margin:0 20px;padding:10px 14px;border-radius:10px;background:#fff5f5;border:1px solid #f5c6cb;color:#c0392b;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;flex-shrink:0}.mp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.mp-modal-cancel-btn{padding:9px 20px;border-radius:10px;border:1.5px solid var(--border);background:transparent;color:var(--text-mid);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.mp-modal-cancel-btn:hover{background:var(--bg)}.mp-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.mp-modal-save-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#7b2ff7,#b06bff);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #7b2ff759;transition:opacity .15s,transform .15s}.mp-modal-save-btn:hover{opacity:.9;transform:translateY(-1px)}.mp-modal-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}[data-theme=dark] .mp-modal{background:#161230;box-shadow:0 24px 60px #0009}[data-theme=dark] .mp-modal-header{border-color:var(--border)}[data-theme=dark] .mp-modal-title{color:var(--text-dark)}[data-theme=dark] .mp-modal-close{background:#1e1840;color:var(--text-light)}[data-theme=dark] .mp-modal-close:hover{background:#281f52;color:#c09bff}[data-theme=dark] .mp-edit-input{background:#1a1638;border-color:var(--border);color:var(--text-dark)}[data-theme=dark] .mp-edit-input:focus{border-color:#9b72ef;box-shadow:0 0 0 3px #9b72ef26}[data-theme=dark] .mp-edit-toggle-row{background:#1a1638;border-color:var(--border)}[data-theme=dark] .mp-edit-toggle-row:hover{background:#211d4a}[data-theme=dark] .mp-edit-toggle-label{color:var(--text-dark)}[data-theme=dark] .mp-edit-toggle{background:#2e2860}[data-theme=dark] .mp-modal-footer{border-color:var(--border)}[data-theme=dark] .mp-modal-cancel-btn{border-color:var(--border);color:var(--text-light)}[data-theme=dark] .mp-modal-cancel-btn:hover{background:#1e1840}[data-theme=dark] .mp-edit-error{background:#2d1a1a;border-color:#7b3535;color:#ff8a8a}@media(max-width:840px){.mp-cards-grid{grid-template-columns:1fr}.mp-hero-body{flex-wrap:wrap;gap:12px}.mp-edit-btn{margin-bottom:0;margin-left:auto}}@media(max-width:560px){.mp-shell{gap:12px}.mp-hero-body{flex-direction:column;align-items:flex-start}.mp-hero-info{padding-top:0;padding-bottom:0;width:100%}.mp-edit-btn{width:100%;justify-content:center;margin:8px 0 12px}.mp-stats-strip{padding:8px 14px}.mp-stat-value{font-size:15px}.mp-stat-label{font-size:10px}}:root{--gender-brand: #c084fc;--gender-brand-hover: #a78bfa;--gender-brand-soft: rgba(192, 132, 252, .12);--gender-brand-ring: rgba(192, 132, 252, .28)}body.gender-dialog-open{overflow:hidden!important}.gender-selector{width:100%}.gender-selector-primary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.gender-selector--identity .gender-selector-more{grid-column:1 / -1}.gender-selector .choice-button{flex:unset;min-width:0;width:100%;padding:12px 10px;font-size:14px;border-radius:12px}.gender-selector-binary,.gender-selector-more{display:inline-flex;align-items:center;justify-content:center;gap:6px}.gender-selector-symbol{font-size:1.1rem;line-height:1;flex-shrink:0}.gender-selector-more-short{display:none}.gender-selector .choice-button:hover{border-color:var(--gender-brand);background-color:var(--gender-brand-soft)}.gender-selector .choice-button.selected{border-color:var(--gender-brand);background:var(--gender-brand);color:#fff;box-shadow:0 4px 14px var(--gender-brand-ring)}.gender-selector-chip{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:var(--gender-brand-soft);border:1px solid rgba(192,132,252,.35);border-radius:999px;max-width:100%}.gender-selector-chip-label{font-size:13px;font-weight:600;color:#6b21a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gender-selector-chip-clear{width:22px;height:22px;border:none;border-radius:50%;background:#ffffffd9;color:#6b7280;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.gender-selector-chip-clear:hover{background:#fff;color:var(--gender-brand)}@media(max-width:400px){.gender-selector-more-long{display:none}.gender-selector-more-short{display:inline}.gender-selector .choice-button{font-size:13px;padding:11px 8px}}@media(min-width:560px){.gender-selector--preference .gender-selector-primary{grid-template-columns:repeat(4,1fr)}.gender-selector--identity .gender-selector-primary{grid-template-columns:1fr 1fr 1.2fr}.gender-selector--identity .gender-selector-more{grid-column:auto}}.gender-dialog-backdrop{position:fixed;inset:0;z-index:10050;background:#0c0a16c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px 16px;animation:gender-dialog-fade .22s ease}@keyframes gender-dialog-fade{0%{opacity:0}to{opacity:1}}.gender-dialog{width:100%;max-width:420px;max-height:min(82vh,520px);background:#fff;border-radius:20px;box-shadow:0 0 0 1px #ffffff14,0 28px 80px #00000073;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;animation:gender-dialog-slide .3s cubic-bezier(.34,1.12,.64,1)}@keyframes gender-dialog-slide{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.gender-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #f0f0f5;flex-shrink:0;background:#fff}.gender-dialog-header-text{min-width:0}.gender-dialog-header h2{margin:0 0 4px;font-size:18px;font-weight:700;color:#111827;line-height:1.25}.gender-dialog-subtitle{margin:0;font-size:12px;color:#9ca3af;font-weight:500}.gender-dialog-close{width:38px;height:38px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer;font-size:16px;flex-shrink:0;transition:background .15s,color .15s}.gender-dialog-close:hover{background:var(--gender-brand-soft);color:var(--gender-brand)}.gender-dialog-search-wrap{position:relative;margin:0 16px 12px;flex-shrink:0}.gender-dialog-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;pointer-events:none}.gender-dialog-search{width:100%;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 14px 12px 40px;font-family:inherit;font-size:15px;outline:none;background:#fafafa;box-sizing:border-box}.gender-dialog-search:focus{border-color:var(--gender-brand);background:#fff;box-shadow:0 0 0 3px var(--gender-brand-ring)}.gender-dialog-list{flex:1;overflow-y:auto;padding:4px 16px 12px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;background:#fff}.gender-dialog-category{margin-bottom:16px}.gender-dialog-category:last-child{margin-bottom:4px}.gender-dialog-category-title{margin:0 0 8px;padding:0 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.gender-dialog-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gender-dialog-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1.5px solid #ececf1;border-radius:14px;background:#fafafa;cursor:pointer;text-align:left;font-family:inherit;font-size:15px;color:#1f2937;transition:background .15s,border-color .15s,box-shadow .15s}.gender-dialog-option:hover{background:#fff;border-color:#c084fc73;box-shadow:0 2px 10px #c084fc1a}.gender-dialog-option--on{background:var(--gender-brand-soft);border-color:var(--gender-brand);color:#6b21a8;font-weight:600;box-shadow:0 2px 12px var(--gender-brand-ring)}.gender-dialog-option-symbol{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:#fff;border-radius:12px;border:1px solid #ececf1}.gender-dialog-option--on .gender-dialog-option-symbol{background:#fff;border-color:#c084fc59}.gender-dialog-option-label{flex:1;min-width:0}.gender-dialog-check{color:var(--gender-brand);font-size:18px;flex-shrink:0}.gender-dialog-empty{margin:24px 0;text-align:center;font-size:14px;color:#9ca3af}.gender-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #f0f0f5;background:#fff;flex-shrink:0}.gender-dialog-count{font-size:13px;font-weight:600;color:#9ca3af}.gender-dialog-done{border:none;border-radius:10px;padding:10px 20px;background:var(--gender-brand);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.gender-dialog-done:hover{background:var(--gender-brand-hover)}@media(max-width:520px){.gender-dialog-backdrop{align-items:flex-end;padding:0}.gender-dialog{max-width:100%;border-radius:20px 20px 0 0;max-height:min(88vh,640px);animation:gender-dialog-sheet .32s cubic-bezier(.34,1.1,.64,1)}@keyframes gender-dialog-sheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.reels-view{position:relative;width:100%;max-width:100%;height:100%;min-height:calc(100vh - 36px);margin:0;background:linear-gradient(145deg,#2a1848,#1a1028 45%,#221433);border-radius:0;overflow:hidden;isolation:isolate}.reels-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(135deg,#2d1a4e,#1a1028,#2a1538)}.reels-backdrop-mesh{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}.reels-orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;animation:reels-orb-float 14s ease-in-out infinite}.reels-orb-a{width:min(520px,55vw);height:min(520px,55vw);left:-8%;top:8%;background:var(--reel-accent, #7b2ff7)}.reels-orb-b{width:min(420px,48vw);height:min(420px,48vw);right:-6%;bottom:12%;background:#e74c8b;animation-delay:-5s}.reels-orb-c{width:min(320px,38vw);height:min(320px,38vw);left:28%;bottom:-8%;background:#a855f7;animation-delay:-9s}@keyframes reels-orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2%,-3%) scale(1.08)}}.reels-backdrop-video,.reels-backdrop-thumb{position:absolute;left:50%;top:50%;min-width:140%;min-height:140%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;filter:blur(88px) saturate(2.1) brightness(.9) contrast(1.06);z-index:0}.reels-backdrop-thumb{width:140%;height:140%;min-width:unset;min-height:unset}.reels-backdrop-tint{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 75% 65% at 50% 42%,color-mix(in srgb,var(--reel-accent, #7b2ff7) 42%,transparent) 0%,transparent 68%),linear-gradient(90deg,color-mix(in srgb,var(--reel-accent, #7b2ff7) 28%,#2a1848) 0%,transparent 28%,transparent 72%,color-mix(in srgb,var(--reel-accent, #7b2ff7) 28%,#2a1848) 100%);opacity:.92}.reels-backdrop-edge{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 100px color-mix(in srgb,var(--reel-accent, #7b2ff7) 18%,transparent)}.reels-topbar{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px 28px;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none}.reels-tabs{display:flex;gap:20px;pointer-events:auto}.reels-tab{background:none;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;color:#ffffff8c;cursor:pointer;padding:4px 2px;position:relative;transition:color .2s}.reels-tab-active{color:#fff}.reels-tab-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:#fff}.reels-top-create{right:56px}.reels-top-icon{position:absolute;right:12px;top:12px;width:40px;height:40px;border:none;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reels-feed{position:relative;z-index:2;height:100%;min-height:inherit;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reels-feed::-webkit-scrollbar{display:none}.reels-slide-wrap{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:calc(100vh - 36px)}.reels-slide{position:relative;width:100%;height:100%;min-height:inherit;background:transparent;overflow:hidden;display:flex;align-items:stretch;justify-content:center}.reels-frame{position:relative;z-index:1;height:100%;width:min(100%,calc((100vh - 100px)*.5625),480px);margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px #ffffff24,0 28px 72px #00000061,0 0 100px color-mix(in srgb,var(--reel-accent, #7b2ff7) 22%,transparent)}.reels-media{position:absolute;inset:0;cursor:pointer;overflow:hidden}.reels-media-placeholder{position:absolute;inset:0;z-index:0;background:linear-gradient(155deg,color-mix(in srgb,var(--reel-accent, #7b2ff7) 45%,#2a1848),#1a1028 55%,color-mix(in srgb,var(--reel-accent, #7b2ff7) 30%,#251838))}.reels-video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;background:transparent;opacity:0;transition:opacity .45s ease}.reels-video-ready{opacity:1}.reels-youtube{position:absolute;top:50%;left:50%;z-index:1;width:320%;height:100%;min-height:100%;border:none;transform:translate(-50%,-50%);pointer-events:none;opacity:1}.reels-media:has(.reels-youtube){overflow:hidden}.reels-yt-thumb{object-fit:cover}.reels-video-loader{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 48%,transparent 100%);background-size:220% 100%;animation:reels-shimmer 1.4s ease-in-out infinite;transition:opacity .3s ease}.reels-video-loader-done{opacity:0}@keyframes reels-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.reels-gradient{position:absolute;left:0;right:0;pointer-events:none;z-index:2}.reels-gradient-top{top:0;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 100%)}.reels-gradient-bottom{bottom:0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,transparent 100%)}.reels-pause-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:72px;height:72px;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;opacity:0;pointer-events:none;z-index:5;transition:opacity .2s,transform .2s}.reels-pause-hint-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.reels-heart-burst{position:absolute;z-index:10;transform:translate(-50%,-50%);color:#ff2d55;font-size:4.5rem;pointer-events:none;animation:reels-heart-pop .7s ease forwards;filter:drop-shadow(0 4px 12px rgba(255,45,85,.5))}@keyframes reels-heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.reels-rail{position:absolute;right:10px;bottom:100px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:18px}.reels-rail-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.6875rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6);padding:0;transition:transform .15s}.reels-rail-btn:active{transform:scale(.92)}.reels-rail-btn i{font-size:1.65rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.reels-rail-btn-liked{color:#ff2d55}.reels-rail-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #fff;padding:0}.reels-rail-avatar img{width:100%;height:100%;object-fit:cover}.reels-meta{position:absolute;left:14px;right:72px;bottom:20px;z-index:12;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.reels-meta-user{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.reels-meta-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.9)}.reels-meta-name{font-weight:700;font-size:.9375rem}.reels-verified{color:#1d9bf0;font-size:.875rem}.reels-follow-btn{margin-left:4px;padding:5px 14px;border-radius:6px;border:1.5px solid rgba(255,255,255,.85);background:transparent;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}.reels-caption{margin:0 0 6px;font-size:.875rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reels-tags{margin:0 0 8px;font-size:.8125rem;font-weight:600;opacity:.95}.reels-audio{display:flex;align-items:center;gap:8px;font-size:.75rem;opacity:.9;max-width:100%}.reels-audio-marquee{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reels-progress{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:11;display:flex;flex-direction:column;gap:6px;pointer-events:none}.reels-progress-dot{width:3px;height:18px;border-radius:3px;background:#ffffff40;transition:background .2s,height .2s}.reels-progress-dot-active{background:#fff;height:28px}.reels-comments-backdrop{position:absolute;inset:0;z-index:30;background:#00000073;display:flex;align-items:flex-end}.reels-comments-sheet{width:100%;max-height:55%;background:var(--white, #fff);border-radius:16px 16px 0 0;padding:12px 16px 20px;display:flex;flex-direction:column;animation:reels-sheet-up .28s ease}@keyframes reels-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reels-comments-handle{width:40px;height:4px;border-radius:4px;background:#ddd;margin:0 auto 12px}.reels-comments-title{font-size:.9375rem;font-weight:700;margin:0 0 12px;color:var(--text-dark, #14142b)}.reels-comments-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.reels-comment{padding:10px 0;border-bottom:1px solid var(--border, #eff0f7);font-size:.875rem;line-height:1.4}.reels-comment strong{display:block;color:var(--text-dark, #14142b);margin-bottom:2px}.reels-comment span{color:var(--text-mid, #4e4b66)}.reels-comment-form{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #eff0f7)}.reels-comment-input{flex:1;border:1px solid var(--border, #eff0f7);border-radius:999px;padding:10px 16px;font-family:inherit;font-size:.875rem}.reels-comment-send{border:none;border-radius:999px;padding:10px 18px;background:var(--purple, #7b2ff7);color:#fff;font-weight:700;font-size:.8125rem;cursor:pointer;font-family:inherit}.db-main.db-main--reels{padding:0;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;background:linear-gradient(145deg,#2a1848,#1a1028,#241535)!important}.db-root.db-root--reels{background:linear-gradient(145deg,#2a1848,#1a1028)}[data-theme=dark] .reels-comments-sheet{background:#1e1e2e}[data-theme=dark] .reels-comments-title,[data-theme=dark] .reels-comment strong{color:#f4f2fa}[data-theme=dark] .reels-comment span{color:#a0a3bd}[data-theme=dark] .reels-comment-input{background:#2a2a3a;border-color:#3a3a4a;color:#fff}@media(max-width:1024px){.reels-view{max-width:100%;border-radius:0;min-height:calc(100dvh - 72px)}.reels-slide-wrap{min-height:calc(100dvh - 72px)}.reels-frame{width:100%;max-width:100%;border-radius:0;box-shadow:none}.reels-backdrop-video{filter:blur(64px) saturate(1.9) brightness(.85)}}@media(min-width:1025px){.db-main.db-main--reels .reels-view,.db-main.db-main--reels .reels-slide-wrap{min-height:calc(100vh - 8px)}}.reels-fab{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:11;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#7b2ff7,#e74c8b);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 20px #7b2ff773;display:flex;align-items:center;justify-content:center}.reels-fab:hover{transform:translate(-50%) scale(1.05)}.reels-empty-feed{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffffbf;padding:48px 24px;text-align:center;min-height:inherit}.reels-empty-feed i{font-size:2.5rem;opacity:.6}.reels-empty-feed button{margin-top:8px;padding:10px 20px;border-radius:999px;border:none;background:#7b2ff7;color:#fff;font-weight:700;cursor:pointer;font-family:inherit}.reels-toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%);z-index:40;padding:10px 18px;border-radius:999px;background:#000000bf;color:#fff;font-size:.8125rem;font-weight:600;pointer-events:none}.reels-rail-btn-saved{color:#f5c518}.reels-rail-like-group{display:flex;flex-direction:column;align-items:center;gap:2px}.reels-rail-count-btn{background:none;border:none;color:#fff;font-family:inherit;font-size:.6875rem;font-weight:600;cursor:pointer;text-shadow:0 1px 4px rgba(0,0,0,.6);padding:0}.reels-meta-avatar-btn,.reels-meta-name-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;color:inherit}.reels-follow-btn-active{opacity:.75;border-color:#ffffff80}.reels-sheet-backdrop{position:absolute;inset:0;z-index:35;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.reels-sheet-backdrop--profile{align-items:stretch}.reels-profile-sheet{width:100%;max-height:92%;background:var(--white, #fff);border-radius:16px 16px 0 0;overflow-y:auto;padding:16px 16px 28px;animation:reels-sheet-up .28s ease;position:relative}.reels-sheet-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:var(--bg-light, #f7f7fc);cursor:pointer;z-index:2}.reels-profile-header{text-align:center;padding-top:8px;margin-bottom:16px}.reels-profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--purple, #7b2ff7);margin-bottom:10px}.reels-profile-name{font-size:1.25rem;font-weight:800;margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-dark, #14142b)}.reels-profile-username{margin:0 0 8px;color:var(--text-mid, #4e4b66);font-size:.875rem}.reels-profile-bio{font-size:.875rem;line-height:1.45;color:var(--text-dark, #14142b);max-width:320px;margin:0 auto 6px}.reels-profile-location{margin:0;font-size:.8125rem;color:var(--text-mid, #4e4b66)}.reels-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin-bottom:16px}.reels-profile-stats strong{display:block;font-size:1rem;color:var(--text-dark, #14142b)}.reels-profile-stats span{font-size:.6875rem;color:var(--text-mid, #4e4b66)}.reels-profile-follow{display:block;width:100%;max-width:280px;margin:0 auto 20px;padding:12px;border:none;border-radius:10px;background:var(--purple, #7b2ff7);color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;font-family:inherit}.reels-profile-follow-active{background:var(--bg-light, #eff0f7);color:var(--text-dark, #14142b)}.reels-profile-grid-title{font-size:.9375rem;font-weight:700;margin:0 0 10px;color:var(--text-dark, #14142b)}.reels-profile-empty{text-align:center;color:var(--text-mid, #4e4b66);font-size:.875rem}.reels-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.reels-profile-grid-item{position:relative;aspect-ratio:9/16;border:none;padding:0;border-radius:6px;overflow:hidden;cursor:pointer;background:#111}.reels-profile-grid-item video,.reels-profile-grid-item img{width:100%;height:100%;object-fit:cover}.reels-profile-grid-plays{position:absolute;left:6px;bottom:6px;font-size:.6875rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.reels-likes-sheet{width:100%;max-height:50%;background:var(--white, #fff);border-radius:16px 16px 0 0;padding:12px 16px 20px;display:flex;flex-direction:column;animation:reels-sheet-up .28s ease}.reels-likes-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.reels-likes-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;border-bottom:1px solid var(--border, #eff0f7)}.reels-likes-row img{width:44px;height:44px;border-radius:50%;object-fit:cover}.reels-likes-row strong{display:block;font-size:.875rem;color:var(--text-dark, #14142b)}.reels-likes-row span{font-size:.75rem;color:var(--text-mid, #4e4b66)}.reels-comments-empty{padding:24px;text-align:center;color:var(--text-mid, #4e4b66);font-size:.875rem}.reels-comment-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border, #eff0f7);align-items:flex-start}.reels-comment-avatar-btn{flex-shrink:0;border:none;padding:0;background:none;cursor:pointer;border-radius:50%;overflow:hidden;width:36px;height:36px}.reels-comment-avatar-btn img{width:100%;height:100%;object-fit:cover}.reels-comment-body{flex:1;min-width:0}.reels-comment-user{background:none;border:none;padding:0;font-weight:700;font-size:.8125rem;color:var(--text-dark, #14142b);cursor:pointer;font-family:inherit}.reels-comment-text{margin:2px 0 4px;font-size:.875rem;line-height:1.4;color:var(--text-mid, #4e4b66)}.reels-comment-meta{font-size:.6875rem;color:var(--text-light, #a0a3bd)}.reels-comment-like{flex-shrink:0;border:none;background:none;color:var(--text-mid, #4e4b66);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.625rem;padding:4px}.reels-comment-like-active{color:#ff2d55}.reels-create-backdrop{position:absolute;inset:0;z-index:45;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:16px}.reels-create-modal{width:100%;max-width:400px;max-height:90%;overflow-y:auto;background:var(--white, #fff);border-radius:16px;animation:reels-sheet-up .25s ease}.reels-create-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border, #eff0f7)}.reels-create-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--text-dark, #14142b)}.reels-create-cancel,.reels-create-post{border:none;background:none;font-family:inherit;font-size:.875rem;cursor:pointer;font-weight:600}.reels-create-post{color:var(--purple, #7b2ff7);font-weight:700}.reels-create-post:disabled{opacity:.4;cursor:not-allowed}.reels-create-form{padding:16px;display:flex;flex-direction:column;gap:14px}.reels-create-preview{position:relative;aspect-ratio:9/16;max-height:280px;background:#111;border-radius:12px;overflow:hidden}.reels-create-video{width:100%;height:100%;object-fit:cover}.reels-create-upload{width:100%;height:100%;min-height:200px;border:2px dashed var(--border, #d9dbe9);border-radius:12px;background:var(--bg-light, #f7f7fc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;color:var(--text-mid, #4e4b66)}.reels-create-upload i{font-size:2rem;color:var(--purple, #7b2ff7)}.reels-create-file{display:none}.reels-create-change{position:absolute;bottom:10px;right:10px;padding:6px 12px;border-radius:8px;border:none;background:#0009;color:#fff;font-size:.75rem;cursor:pointer;font-family:inherit}.reels-create-label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-dark, #14142b)}.reels-create-label textarea,.reels-create-label input{font-family:inherit;font-size:.875rem;padding:10px 12px;border:1px solid var(--border, #eff0f7);border-radius:10px;resize:vertical}.reels-create-error{margin:0;color:#e74c3c;font-size:.8125rem}[data-theme=dark] .reels-profile-sheet,[data-theme=dark] .reels-likes-sheet,[data-theme=dark] .reels-create-modal{background:#1e1e2e}[data-theme=dark] .reels-profile-name,[data-theme=dark] .reels-profile-bio,[data-theme=dark] .reels-profile-stats strong,[data-theme=dark] .reels-profile-grid-title,[data-theme=dark] .reels-create-header h2,[data-theme=dark] .reels-create-label{color:#f4f2fa}[data-theme=dark] .reels-sheet-close{background:#2a2a3a;color:#fff}.live-view{width:100%;min-height:0;flex:1;display:flex;flex-direction:column}.live-view--watching{margin:0;padding:0;height:100%;min-height:calc(100vh - 36px)}.live-shell{--live-fg: #14142b;--live-fg-secondary: #4e4b66;--live-fg-muted: #7a7594;--live-surface: #ffffff;--live-surface-muted: #f4f2fa;--live-surface-elevated: #faf9fc;--live-border: #eff0f7;--live-accent: #e74c3c;--live-accent-dark: #c0392b;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--live-surface);border-radius:18px;border:1px solid rgba(239,240,247,.95);box-shadow:0 4px 28px #7b2ff714,0 0 0 1px #7b2ff70a;overflow:hidden;color:var(--live-fg);font-family:var(--font)}.live-hero{position:relative;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--live-border)}.live-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(231,76,60,.14) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 100% 0%,rgba(123,47,247,.12) 0%,transparent 50%),linear-gradient(165deg,#fff5f5,#fff 45%,#faf8ff);pointer-events:none}.live-hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 18px;flex-wrap:wrap}.live-hero-left{display:flex;gap:14px;align-items:flex-start;min-width:0}.live-hero-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#ff6b6b,#e74c3c,#c0392b);display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #e74c3c66}.live-title{margin:0 0 8px;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--live-fg)}.live-subtitle{margin:0;font-size:.875rem;color:var(--live-fg-secondary);line-height:1.5;max-width:420px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.live-live-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.22);font-size:.75rem;font-weight:700;color:var(--live-accent-dark)}.live-go-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:999px;background:linear-gradient(135deg,#ff6b6b,var(--live-accent),var(--live-accent-dark));color:#fff;-webkit-text-fill-color:#fff;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #e74c3c61;transition:transform .15s,box-shadow .15s}.live-go-btn-text{color:#fff;-webkit-text-fill-color:currentColor}.live-go-btn i{font-size:.9375rem}.live-go-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #e74c3c73}.live-toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--live-border);background:linear-gradient(180deg,var(--live-surface-elevated) 0%,var(--live-surface) 100%);flex-wrap:wrap}.live-search-wrap{position:relative;flex:1;min-width:200px}.live-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--live-fg-muted);font-size:.875rem;pointer-events:none}.live-search{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--live-border);border-radius:999px;font-family:inherit;font-size:.875rem;color:var(--live-fg);background:var(--live-surface);transition:border-color .15s,box-shadow .15s}.live-search:focus{outline:none;border-color:#7b2ff759;box-shadow:0 0 0 3px #7b2ff71a}.live-search::placeholder{color:var(--live-fg-muted)}.live-cats-outer{position:relative;flex-shrink:0;border-bottom:1px solid var(--live-border)}.live-cats-outer:before,.live-cats-outer:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.live-cats-outer:before{left:0;background:linear-gradient(90deg,var(--live-surface) 30%,transparent)}.live-cats-outer:after{right:0;background:linear-gradient(270deg,var(--live-surface) 30%,transparent)}.live-cats-outer.live-cats-can-scroll-left:before,.live-cats-outer.live-cats-can-scroll-right:after{opacity:1}.live-categories{display:flex;gap:8px;padding:12px 18px;overflow-x:auto;scrollbar-width:none}.live-categories::-webkit-scrollbar{display:none}.live-cat-pill{flex-shrink:0;padding:8px 16px;border:1.5px solid var(--live-border);border-radius:999px;background:var(--live-surface);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--live-fg-secondary);cursor:pointer;white-space:nowrap;transition:all .15s}.live-cat-pill:hover{border-color:#e74c3c59;color:var(--live-accent-dark)}.live-cat-pill-active{background:#e74c3c1a;border-color:var(--live-accent);color:var(--live-accent-dark);box-shadow:0 2px 8px #e74c3c26}.live-featured{display:flex;width:calc(100% - 36px);margin:16px 18px 0;border:1px solid var(--live-border);padding:0;border-radius:16px;overflow:hidden;text-align:left;cursor:pointer;font-family:inherit;background:var(--live-surface);box-shadow:0 4px 20px #7b2ff71a;transition:transform .18s,box-shadow .18s}.live-featured:hover{transform:translateY(-2px);box-shadow:0 10px 32px #7b2ff724}.live-featured-media{position:relative;width:38%;max-width:220px;flex-shrink:0;aspect-ratio:9 / 12;background:#1a1028}.live-featured-media img{width:100%;height:100%;object-fit:cover}.live-featured-shade,.live-card-thumb-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65) 100%);pointer-events:none}.live-featured-badge{top:12px;left:12px}.live-featured-body{flex:1;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}.live-featured-host{display:flex;align-items:center;gap:10px;margin-bottom:10px}.live-featured-host img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--live-surface);box-shadow:0 2px 8px #0000001f}.live-featured-label{display:block;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--purple, #7b2ff7);margin-bottom:2px}.live-featured-host-name{margin:0;font-size:.8125rem;font-weight:700;color:var(--live-fg);display:flex;align-items:center;gap:5px}.live-featured-body h2{margin:0 0 8px;font-size:1.0625rem;font-weight:800;color:var(--live-fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-featured-body>p{margin:0 0 12px;font-size:.8125rem;color:var(--live-fg-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:10px}.live-featured-meta{color:var(--live-fg-muted);font-weight:500}.live-featured-cta{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;color:var(--purple, #7b2ff7)}.live-tabs{display:flex;gap:6px;flex-shrink:0}.live-tab{padding:9px 18px;border:1.5px solid transparent;border-radius:999px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--live-fg-secondary);cursor:pointer;transition:all .15s}.live-tab:hover{background:#7b2ff70f;color:var(--purple, #7b2ff7)}.live-tab-active{background:var(--purple, #7b2ff7);border-color:var(--purple, #7b2ff7);color:#fff;box-shadow:0 2px 10px #7b2ff74d}.live-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.live-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 18px 22px;align-content:start}.live-feed .live-grid{flex:1}.live-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--live-border);padding:0;border-radius:14px;overflow:hidden;background:var(--live-surface);box-shadow:0 2px 12px #14142b0f;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.live-card:hover{transform:translateY(-3px);border-color:#7b2ff733;box-shadow:0 10px 28px #7b2ff71f}.live-card-thumb{position:relative;aspect-ratio:9 / 12;background:#1a1028;overflow:hidden}.live-card-thumb img{width:100%;height:100%;object-fit:cover}.live-card-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:#e74c3c;color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.04em}.live-card-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.2s ease infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.live-card-viewers{position:absolute;bottom:10px;left:10px;padding:4px 8px;border-radius:6px;background:#0000008c;color:#fff;font-size:.6875rem;font-weight:600}.live-card-duration{position:absolute;bottom:10px;right:10px;padding:4px 8px;border-radius:6px;background:#0000008c;color:#fff;font-size:.6875rem}.live-card-body{display:flex;gap:8px;padding:10px}.live-card-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.live-card-title{margin:0 0 3px;font-size:.75rem;font-weight:700;color:var(--live-fg);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-card-host{margin:0 0 4px;font-size:.75rem;color:var(--live-fg-secondary);display:flex;align-items:center;gap:4px}.live-verified{color:#1d9bf0;font-size:.6875rem}.live-card-cat{font-size:.6875rem;font-weight:600;color:var(--purple, #7b2ff7)}.live-empty{text-align:center;padding:56px 24px;color:var(--live-fg-secondary);flex:1}.live-empty i{font-size:2.5rem;margin-bottom:12px;opacity:.5}.live-empty button{margin-top:12px;padding:10px 20px;border:none;border-radius:999px;background:var(--purple, #7b2ff7);color:#fff;font-weight:700;cursor:pointer;font-family:inherit}.live-watch{display:grid;grid-template-columns:1fr min(320px,38%);height:100%;min-height:calc(100vh - 36px);background:#0f0a18}.live-watch-video{position:relative;background:#111;overflow:hidden;min-height:280px}.live-watch-iframe{position:absolute;top:50%;left:50%;width:180%;height:100%;border:none;transform:translate(-50%,-50%);pointer-events:none}.live-watch-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-watch-embed{position:absolute;inset:0;z-index:1}.live-watch-embed iframe{position:absolute;top:50%;left:50%;width:180%;height:100%;border:none;transform:translate(-50%,-50%);pointer-events:none}.live-watch-host-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.live-watch-host{border:none;background:transparent;cursor:pointer;text-align:left;padding:0}.live-watch-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 35%,transparent 60%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:2}.live-watch-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:flex-start;gap:12px;padding:14px}.live-watch-back{width:40px;height:40px;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;flex-shrink:0}.live-watch-host{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.live-watch-host img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e74c3c}.live-watch-host strong{display:block;color:#fff;font-size:.875rem}.live-watch-host span{font-size:.6875rem;color:#ffffffd9;display:flex;align-items:center;gap:4px}.live-watch-follow{padding:6px 14px;border-radius:8px;border:1.5px solid #fff;background:transparent;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}.live-watch-follow-on{background:#fff3}.live-watch-stats{color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.live-watch-meta{position:absolute;left:14px;right:14px;bottom:16px;z-index:3;color:#fff}.live-watch-meta h2{margin:0 0 4px;font-size:1rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}.live-watch-cat{margin:0;font-size:.75rem;opacity:.9}.live-watch-side{display:flex;flex-direction:column;background:var(--white, #fff);border-left:1px solid var(--border, #eff0f7);min-height:0}.live-chat{flex:1;display:flex;flex-direction:column;min-height:0}.live-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--border, #eff0f7)}.live-chat-header h3{margin:0;font-size:.9375rem;font-weight:700}.live-chat-header span{font-size:.75rem;color:var(--text-mid, #4e4b66)}.live-chat-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:10px 12px;min-height:120px}.live-chat-empty{text-align:center;padding:24px;color:var(--text-mid, #4e4b66);font-size:.875rem}.live-chat-msg{display:flex;gap:8px;margin-bottom:12px;font-size:.8125rem}.live-chat-msg img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.live-chat-msg strong{display:block;font-size:.75rem;color:var(--purple, #7b2ff7);margin-bottom:2px}.live-chat-msg p{margin:0 0 2px;line-height:1.35;color:var(--text-dark, #14142b)}.live-chat-msg time{font-size:.625rem;color:var(--text-light, #a0a3bd)}.live-chat-msg-me strong{color:#e74c3c}.live-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border, #eff0f7)}.live-chat-form input{flex:1;border:1px solid var(--border, #eff0f7);border-radius:999px;padding:10px 14px;font-family:inherit;font-size:.875rem}.live-chat-form button{width:42px;height:42px;border:none;border-radius:50%;background:var(--purple, #7b2ff7);color:#fff;cursor:pointer}.live-chat-form button:disabled{opacity:.4}.live-chat-reactions{display:flex;gap:6px;padding:0 12px 8px;flex-wrap:wrap}.live-chat-emoji{width:36px;height:36px;border:1px solid var(--border, #eff0f7);border-radius:50%;background:var(--bg, #f4f2fa);font-size:1rem;cursor:pointer;font-family:inherit}.live-host-backdrop{position:fixed;inset:0;z-index:215;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:live-host-fade-in .2s ease}@keyframes live-host-fade-in{0%{opacity:0}to{opacity:1}}@keyframes live-host-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.live-host-sheet{--host-fg: #14142b;--host-fg-muted: #4e4b66;--host-surface: #ffffff;--host-border: #eff0f7;--host-muted-bg: #f4f2fa;width:100%;max-width:440px;max-height:min(88vh,720px);background:var(--host-surface);border-radius:20px 20px 0 0;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -8px 40px #00000038;animation:live-host-slide-up .28s cubic-bezier(.32,.72,0,1)}.live-host-sheet-handle{width:40px;height:4px;border-radius:999px;background:#d8d6e8;margin:10px auto 0;flex-shrink:0}.live-host-sheet-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffeb;color:var(--host-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001f}.live-host-sheet-hero{flex-shrink:0;padding:8px 20px 0;background:linear-gradient(180deg,rgba(123,47,247,.08) 0%,transparent 100%);text-align:center}.live-host-avatar-wrap{position:relative;display:inline-block;margin-bottom:4px}.live-host-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 3px #e74c3c,0 8px 24px #e74c3c40}.live-host-avatar-live{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#e74c3c;color:#fff;font-size:.625rem;font-weight:800;letter-spacing:.04em;box-shadow:0 2px 8px #e74c3c73}.live-host-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 24px;text-align:center}.live-host-name{margin:0 0 4px;font-size:1.25rem;font-weight:800;color:var(--host-fg);display:flex;align-items:center;justify-content:center;gap:6px}.live-host-username{margin:0 0 10px;color:var(--host-fg-muted);font-size:.875rem;font-weight:600}.live-host-bio{margin:0 auto 16px;max-width:320px;font-size:.8125rem;line-height:1.5;color:var(--host-fg-muted)}.live-host-stats{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 18px;padding:12px 20px;border-radius:14px;background:var(--host-muted-bg);border:1px solid var(--host-border);max-width:280px}.live-host-stat{flex:1;text-align:center}.live-host-stat strong{display:block;font-size:1.125rem;font-weight:800;color:var(--host-fg);line-height:1.2}.live-host-stat span{font-size:.6875rem;font-weight:600;color:var(--host-fg-muted);text-transform:uppercase;letter-spacing:.04em}.live-host-stat-divider{width:1px;height:32px;background:var(--host-border);flex-shrink:0}.live-host-follow{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:999px;background:linear-gradient(135deg,#7b2ff7,#9b59ff);color:#fff;font-weight:700;font-size:.875rem;font-family:inherit;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 16px #7b2ff759}.live-host-follow-on{background:var(--host-muted-bg);color:var(--host-fg-muted);border:1.5px solid var(--host-border);box-shadow:none}.live-host-streams-wrap{text-align:left;margin-top:4px}.live-host-streams-wrap h3{margin:0 0 12px;font-size:.8125rem;font-weight:800;color:var(--host-fg);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.04em}.live-host-streams-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e74c3c1f;color:#c0392b;font-size:.6875rem;font-weight:800}.live-host-streams{list-style:none;margin:0;padding:0}.live-host-streams li{margin-bottom:10px}.live-host-stream-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1.5px solid var(--host-border);border-radius:14px;background:var(--host-surface);cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,box-shadow .15s}.live-host-stream-card:hover{border-color:#7b2ff74d;box-shadow:0 4px 14px #7b2ff71a}.live-host-stream-card-active{border-color:#7b2ff773;background:#7b2ff70f;box-shadow:0 4px 14px #7b2ff71f}.live-host-stream-thumb{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#1a1028}.live-host-stream-thumb img{width:100%;height:100%;object-fit:cover}.live-host-stream-badge{position:absolute;top:4px;left:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;background:#e74c3c;color:#fff;font-size:.5625rem;font-weight:800}.live-host-stream-info{flex:1;min-width:0}.live-host-stream-info strong{display:block;font-size:.8125rem;font-weight:700;color:var(--host-fg);line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-host-stream-info span{display:block;font-size:.6875rem;color:var(--host-fg-muted);line-height:1.35}.live-host-stream-arrow{color:var(--host-fg-muted);font-size:.75rem;flex-shrink:0}.live-host-stream-now{flex-shrink:0;font-size:.6875rem;font-weight:700;color:#7b2ff7;padding:4px 8px;border-radius:6px;background:#7b2ff71f}.live-host-sheet-minimize{width:100%;margin-top:16px;padding:12px;border:1.5px solid var(--host-border);border-radius:12px;background:var(--host-muted-bg);color:var(--host-fg);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}[data-theme=dark] .live-host-sheet{--host-fg: #ede8ff;--host-fg-muted: #9b91cc;--host-surface: #1a1630;--host-border: #27204a;--host-muted-bg: #120f26}[data-theme=dark] .live-host-sheet-close{background:#1e1a32f2;color:#9b91cc}[data-theme=dark] .live-host-sheet-handle{background:#3d3560}.live-watch-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid var(--border, #eff0f7)}.live-action-btn{flex:1;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1px solid var(--border, #eff0f7);border-radius:10px;background:var(--bg, #f4f2fa);font-family:inherit;font-size:.6875rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer}.live-action-btn i{font-size:1.125rem}.live-action-liked{color:#e74c3c;border-color:#e74c3c59}.live-action-off{color:#c0392b;border-color:#e74c3c59;background:#e74c3c14}.live-action-off i{color:#e74c3c}.live-action-end{width:100%;padding:12px;border:none;border-radius:10px;background:#e74c3c;color:#fff;font-weight:700;font-family:inherit;cursor:pointer}.live-end-confirm-backdrop{position:fixed;inset:0;z-index:220;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.live-end-confirm{width:100%;max-width:360px;padding:24px 22px 20px;border-radius:16px;background:var(--white, #fff);box-shadow:0 24px 64px #00000047;text-align:center}.live-end-confirm-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#e74c3c1f;color:#e74c3c;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.live-end-confirm h3{margin:0 0 8px;font-size:1.125rem;font-weight:800;color:var(--text-dark, #14142b)}.live-end-confirm p{margin:0 0 20px;font-size:.875rem;line-height:1.5;color:var(--text-mid, #4e4b66)}.live-end-confirm-actions{display:flex;gap:10px}.live-end-confirm-cancel,.live-end-confirm-sure{flex:1;padding:12px 16px;border-radius:10px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;border:none}.live-end-confirm-cancel{background:var(--bg, #f4f2fa);color:var(--text-mid, #4e4b66);border:1px solid var(--border, #eff0f7)}.live-end-confirm-sure{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}[data-theme=dark] .live-end-confirm{background:var(--live-surface, #1a1630)}[data-theme=dark] .live-end-confirm h3{color:var(--live-fg, #ede8ff)}[data-theme=dark] .live-end-confirm p{color:var(--live-fg-secondary, #9b91cc)}[data-theme=dark] .live-end-confirm-cancel{background:var(--live-surface-muted, #120f26);border-color:var(--live-border, #27204a);color:var(--live-fg-secondary, #9b91cc)}.live-float-heart{position:absolute;bottom:80px;z-index:4;color:#ff2d55;font-size:2rem;pointer-events:none;animation:live-heart-float 1.2s ease forwards}@keyframes live-heart-float{0%{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-120px) scale(1.2)}}.live-modal-backdrop{position:fixed;inset:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.live-modal{width:100%;max-width:440px;background:var(--white, #fff);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0003}.live-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border, #eff0f7)}.live-modal-header h2{margin:0;font-size:1.125rem;font-weight:800;color:var(--text-dark, #14142b);display:flex;align-items:center;gap:8px}.live-modal-header h2 i{color:#e74c3c}.live-modal-close{width:36px;height:36px;border:none;border-radius:50%;background:var(--bg, #f4f2fa);cursor:pointer}.live-modal-form{padding:18px;display:flex;flex-direction:column;gap:14px}.live-modal-form label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-dark, #14142b)}.live-modal-form input,.live-modal-form select{font-family:inherit;font-size:.875rem;padding:10px 12px;border:1px solid var(--border, #eff0f7);border-radius:10px}.live-modal-form small{font-weight:400;color:var(--text-mid, #4e4b66);font-size:.75rem}.live-modal-camera-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg, #f4f2fa);border:1px solid var(--border, #eff0f7)}.live-modal-camera-label{display:flex;align-items:center;gap:12px;min-width:0}.live-modal-camera-label>i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7b2ff7,#9b59ff);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.live-modal-camera-label strong{display:block;font-size:.8125rem;color:var(--text-dark, #14142b);margin-bottom:2px}.live-modal-camera-label span{display:block;font-size:.75rem;font-weight:400;color:var(--text-mid, #4e4b66)}.live-modal-camera-toggle{width:48px;height:28px;border:none;border-radius:999px;background:#d8d6e8;padding:3px;cursor:pointer;flex-shrink:0;transition:background .2s}.live-modal-camera-toggle-on{background:#7b2ff7}.live-modal-camera-toggle-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000026;transition:transform .2s}.live-modal-camera-toggle-on .live-modal-camera-toggle-knob{transform:translate(20px)}.live-modal-preview-wrap{position:relative;border-radius:12px;overflow:hidden;background:#0f0a18;border:1px solid var(--border, #eff0f7)}.live-modal-preview{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#111}.live-modal-preview-status,.live-modal-preview-error{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin:0;font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.live-modal-preview-error{color:#ffb4b4;text-align:center;max-width:90%}.live-modal-preview-fields{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;background:var(--white, #fff)}.live-modal-preview-fields label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-dark, #14142b)}.live-modal-preview-fields input,.live-modal-preview-fields select{font-family:inherit;font-size:.875rem;padding:10px 12px;border:1px solid var(--border, #eff0f7);border-radius:10px}.live-modal-go{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;-webkit-text-fill-color:#fff;font-weight:700;font-size:1rem;cursor:pointer;font-family:inherit}.live-modal-go:disabled{opacity:.55;cursor:not-allowed}.live-modal-go i{font-size:.5rem;color:#fff}.live-watch-camera{width:100%;height:100%;object-fit:cover;background:#111}.live-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:210;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#000000d9;color:#fff;font-size:.8125rem;font-weight:600;box-shadow:0 8px 24px #00000040}.live-toast i{color:#4ade80}.db-main.db-main--live{padding:10px 12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.db-main.db-main--live-watch{padding:0;overflow:hidden}.db-root.db-root--live-watch{grid-template-columns:var(--sidebar-w) 1fr}[data-theme=dark] .live-shell{--live-fg: #ede8ff;--live-fg-secondary: #9b91cc;--live-fg-muted: #7a72a8;--live-surface: #1a1630;--live-surface-muted: #120f26;--live-surface-elevated: #1e1a32;--live-border: #27204a}[data-theme=dark] .live-hero-bg{background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(231,76,60,.18) 0%,transparent 55%),linear-gradient(165deg,#1a1528 0%,var(--live-surface) 100%)}[data-theme=dark] .live-card,[data-theme=dark] .live-watch-side,[data-theme=dark] .live-modal{background:var(--live-surface)}[data-theme=dark] .live-modal-header h2,[data-theme=dark] .live-modal-camera-label strong,[data-theme=dark] .live-modal-form label,[data-theme=dark] .live-modal-preview-fields label{color:var(--live-fg, #ede8ff)}[data-theme=dark] .live-modal-camera-row{background:var(--live-surface-muted, #120f26);border-color:var(--live-border, #27204a)}[data-theme=dark] .live-modal-preview-fields{background:var(--live-surface-elevated, #1e1a32)}[data-theme=dark] .live-chat-msg p{color:var(--live-fg)}@media(max-width:1400px){.live-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.live-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.live-watch{grid-template-columns:1fr;grid-template-rows:55vh auto}.live-watch-side{max-height:45vh}}@media(max-width:720px){.live-hero-inner{flex-direction:column;align-items:stretch}.live-go-btn{width:100%;justify-content:center}.live-toolbar{flex-direction:column;align-items:stretch}.live-tabs{width:100%;justify-content:center}.live-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px 18px}}@media(max-width:480px){.live-grid{grid-template-columns:1fr}}.conn-view{--conn-fg: #14142b;--conn-fg-secondary: #4e4b66;--conn-fg-muted: #7a7594;--conn-surface: #ffffff;--conn-surface-muted: #f4f2fa;--conn-surface-elevated: #faf9fc;--conn-border: #eff0f7;--conn-shadow: 0 4px 24px rgba(123, 47, 247, .08);--conn-shadow-hover: 0 8px 28px rgba(123, 47, 247, .12);display:flex;flex-direction:column;height:100%;min-height:0;background:var(--conn-surface);border-radius:16px;overflow:hidden;box-shadow:var(--conn-shadow);border:1px solid rgba(239,240,247,.9);color:var(--conn-fg);font-family:var(--font)}.conn-tabs-outer{flex-shrink:0;position:relative;background:linear-gradient(180deg,var(--conn-surface-elevated) 0%,var(--conn-surface) 100%);border-bottom:1px solid var(--conn-border)}.conn-tabs-scroll{overflow-x:auto;scrollbar-width:none;padding:16px 18px 14px;scroll-behavior:smooth}.conn-tabs-scroll::-webkit-scrollbar{display:none}.conn-tabs-outer:before,.conn-tabs-outer:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.conn-tabs-outer:before{left:0;background:linear-gradient(90deg,#fff 30%,transparent)}.conn-tabs-outer:after{right:0;background:linear-gradient(270deg,#fff 30%,transparent)}.conn-tabs-outer:has(.conn-tabs-can-scroll-left):before{opacity:1}.conn-tabs-outer:has(.conn-tabs-can-scroll-right):after{opacity:1}.conn-tabs{display:flex;gap:6px;min-width:max-content}.conn-tab{flex-shrink:0;padding:9px 18px;border:1.5px solid transparent;border-radius:999px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--conn-fg-secondary);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s}.conn-tab:hover{background:#7b2ff70f;color:var(--purple, #7b2ff7)}.conn-tab-active{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);border-color:#7b2ff733;box-shadow:0 2px 8px #7b2ff71f}.conn-tab:active{transform:scale(.98)}.conn-list-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 20px 8px;flex-shrink:0}.conn-list-header h2{margin:0;font-size:1rem;font-weight:800;color:var(--conn-fg);letter-spacing:-.02em}.conn-list-header span{font-size:.75rem;font-weight:600;color:var(--conn-fg-muted);white-space:nowrap}.conn-list{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(123,47,247,.25) transparent}.conn-list::-webkit-scrollbar{width:6px}.conn-list::-webkit-scrollbar-thumb{background:#7b2ff738;border-radius:999px}.conn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--conn-fg-secondary)}.conn-empty i{font-size:2.5rem;margin-bottom:14px;opacity:.35;color:var(--purple, #7b2ff7)}.conn-empty p{margin:0 0 6px;font-size:1rem;font-weight:700;color:var(--conn-fg)}.conn-empty span{font-size:.8125rem}.conn-row{padding:16px 20px;border-bottom:1px solid var(--conn-border);transition:background .15s;animation:conn-row-in .35s ease backwards}.conn-row:nth-child(1){animation-delay:0ms}.conn-row:nth-child(2){animation-delay:40ms}.conn-row:nth-child(3){animation-delay:80ms}.conn-row:nth-child(4){animation-delay:.12s}.conn-row:nth-child(5){animation-delay:.16s}.conn-row:nth-child(6){animation-delay:.2s}@keyframes conn-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.conn-row:hover{background:#7b2ff708}.conn-row-waved{background:#22a06b0a}.conn-row-meta{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:5px 10px 5px 6px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--conn-fg-secondary);background:var(--conn-surface-muted)}.conn-row-meta-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#7b2ff71f;color:var(--purple, #7b2ff7);font-size:.625rem}.conn-row-meta-match{color:#15803d;background:#22c55e1a}.conn-row-meta-icon-match{background:#22c55e2e;color:#15803d}.conn-row-meta-super-you,.conn-row-meta-super-them{color:#b45309;background:#f5c5181f}.conn-row-meta-icon-star{background:#f5c51840;color:#d97706}.conn-row-body{display:flex;gap:16px;align-items:center}.conn-row-photo-wrap{position:relative;flex-shrink:0;width:92px}.conn-row-photo{width:92px;height:114px;object-fit:cover;border-radius:14px;display:block;box-shadow:0 4px 14px #14142b1f;border:2px solid var(--conn-surface)}.conn-row-flag{position:absolute;left:8px;bottom:32px;width:24px;height:18px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;box-shadow:0 2px 6px #00000026;overflow:hidden;padding:2px}.conn-row-flag svg{width:20px;height:14px;border-radius:2px;object-fit:cover}.conn-row-status{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;padding:4px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;color:var(--conn-fg-secondary);background:var(--conn-surface-muted)}.conn-row-status-online{color:#15803d;background:#22c55e1f}.conn-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:conn-pulse 1.8s ease infinite}@keyframes conn-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.85;box-shadow:0 0 0 4px #22c55e00}}.conn-row-info{flex:1;min-width:0}.conn-row-name{margin:0 0 5px;font-size:.96875rem;font-weight:800;color:var(--conn-fg);display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.conn-row-loc{margin:0 0 8px;font-size:.75rem;color:var(--conn-fg-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.conn-row-loc-dot{opacity:.5}.conn-row-bio{margin:0 0 12px;font-size:.8125rem;line-height:1.5;color:var(--conn-fg-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conn-row-tags{display:flex;flex-wrap:wrap;gap:6px}.conn-tag{padding:5px 11px;border-radius:999px;font-size:.6875rem;font-weight:600;border:1px solid transparent}.conn-tag-primary{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);border-color:#7b2ff726}.conn-tag-muted{background:var(--conn-surface-muted);color:var(--conn-fg-secondary);border-color:var(--conn-border)}.conn-tag-more{background:transparent;color:var(--conn-fg-muted);border-color:var(--conn-border)}.conn-wave-btn{flex-shrink:0;width:48px;height:48px;border:none;border-radius:14px;background:linear-gradient(145deg,#8b3ff9,#7b2ff7);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #7b2ff759;transition:transform .15s,box-shadow .15s,background .15s}.conn-wave-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b2ff773}.conn-wave-btn:active{transform:scale(.96)}.conn-wave-btn-sent{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e59}.conn-map-wrap{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;margin:0 12px 12px;border-radius:14px;overflow:hidden;border:1px solid var(--conn-border);box-shadow:inset 0 0 0 1px #ffffff80}.conn-map-search-wrap{position:absolute;top:16px;left:16px;right:16px;z-index:5;max-width:360px}.conn-map-search-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--conn-fg-muted);font-size:.875rem;z-index:1}.conn-map-search{width:100%;padding:13px 44px;border:1px solid var(--conn-border);border-radius:14px;font-family:inherit;font-size:.875rem;color:var(--conn-fg);background:var(--conn-surface);box-shadow:0 6px 24px #14142b1a;transition:box-shadow .2s,border-color .2s}.conn-map-search::placeholder{color:var(--conn-fg-muted)}.conn-map-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:50%;background:var(--conn-surface-muted);color:var(--conn-fg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.conn-map-search-clear:hover{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7)}.conn-map-search-spinner{position:absolute;right:48px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(123,47,247,.2);border-top-color:var(--purple, #7b2ff7);border-radius:50%;animation:conn-map-spin .7s linear infinite;z-index:2}@keyframes conn-map-spin{to{transform:rotate(360deg)}}.conn-map-search-error{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);font-size:.75rem;font-weight:600;color:#dc2626}.conn-map-search:focus{outline:none;border-color:#7b2ff766;box-shadow:0 6px 28px #7b2ff726}.conn-map-suggestions{list-style:none;margin:8px 0 0;padding:6px;background:var(--conn-surface);border-radius:14px;border:1px solid var(--conn-border);box-shadow:0 12px 32px #14142b1f;max-height:220px;overflow-y:auto}.conn-map-suggestions li button{width:100%;padding:11px 14px;border:none;border-radius:10px;background:none;text-align:left;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--conn-fg);cursor:pointer;transition:background .12s;display:flex;align-items:flex-start;gap:10px}.conn-map-suggestions li button>i{margin-top:2px;color:var(--purple, #7b2ff7);flex-shrink:0}.conn-map-suggestion-text{display:flex;flex-direction:column;gap:2px;min-width:0}.conn-map-suggestion-text strong{font-weight:700;color:var(--conn-fg);line-height:1.3}.conn-map-suggestion-text em{font-style:normal;font-size:.75rem;font-weight:500;color:var(--conn-fg-secondary);line-height:1.35}.conn-map-suggestions li button:hover{background:var(--purple-bg, #f0ebff)}.conn-map-suggestions li button:hover .conn-map-suggestion-text strong{color:var(--purple, #7b2ff7)}.conn-map-canvas{flex:1;position:relative;min-height:440px;background:#e5e0ef}.conn-map-el{width:100%;height:100%;min-height:440px}.conn-map-fallback{width:100%;height:100%;min-height:440px;background-size:cover;background-position:center;position:relative}.conn-map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;width:58px;padding:0;border:none;background:none;cursor:pointer;transform:translate(-50%,-100%);z-index:1;font-family:var(--font);transition:transform .18s ease,z-index 0s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))}.conn-map-pin:hover{transform:translate(-50%,-100%) scale(1.1);z-index:10;filter:drop-shadow(0 6px 18px rgba(123,47,247,.35))}.conn-map-pin-avatar-wrap{position:relative;display:block;width:52px;height:52px;border-radius:50%;padding:3px;background:#fff;box-shadow:0 2px 8px #0000001f}.conn-map-pin--hot .conn-map-pin-avatar-wrap{padding:4px;background:linear-gradient(145deg,#ff6b9d,#e91e8c 45%,#ff4d9d);box-shadow:0 0 0 2px #ff6b9d59,0 4px 14px #e91e8c73}.conn-map-pin-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#e8e6ef}.conn-map-pin-count{position:relative;margin-top:-10px;z-index:2;min-width:40px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid rgba(20,20,43,.08);font-size:.75rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#14142b;text-align:center;box-shadow:0 2px 10px #00000024}.conn-map-pin--hot .conn-map-pin-count{border-color:#e91e8c26}.conn-map-marker-fallback{transform:none}.conn-map-marker-fallback:hover{transform:scale(1.08)}.conn-map-fallback-more{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#fffffff2;font-size:.75rem;font-weight:700;color:var(--conn-fg);box-shadow:0 4px 16px #00000026}.conn-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.875rem;font-weight:600;color:var(--conn-fg-secondary);z-index:2}.conn-map-loading:before{content:"";width:20px;height:20px;border:2px solid var(--purple-bg, #f0ebff);border-top-color:var(--purple, #7b2ff7);border-radius:50%;animation:conn-spin .7s linear infinite}@keyframes conn-spin{to{transform:rotate(360deg)}}.conn-subscribe-backdrop{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#14142b59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;animation:conn-fade-in .2s ease}@keyframes conn-fade-in{0%{opacity:0}to{opacity:1}}.conn-subscribe-modal{width:100%;max-width:328px;background:var(--conn-surface);border-radius:20px;padding:32px 26px 26px;text-align:center;box-shadow:0 24px 64px #14142b33;position:relative;animation:conn-modal-up .28s cubic-bezier(.34,1.2,.64,1)}@keyframes conn-modal-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.conn-subscribe-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:var(--conn-surface-muted);color:var(--conn-fg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.conn-subscribe-avatars{display:flex;justify-content:center;margin-bottom:18px;padding-left:10px}.conn-subscribe-avatars img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--conn-surface);margin-left:-12px;box-shadow:0 2px 10px #0000001f}.conn-subscribe-avatars img:first-child{margin-left:0}.conn-subscribe-modal h2{margin:0 0 8px;font-size:1.5rem;font-weight:800;color:var(--conn-fg);letter-spacing:-.02em}.conn-subscribe-place{margin:0 0 10px;font-size:.9375rem;font-weight:700;color:var(--purple, #7b2ff7)}.conn-subscribe-hint{margin:0 0 22px;font-size:.8125rem;color:var(--conn-fg-secondary);line-height:1.45}.conn-subscribe-btn{width:100%;padding:15px;border:none;border-radius:999px;background:linear-gradient(145deg,#8b3ff9,#7b2ff7);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #7b2ff759;transition:transform .12s,box-shadow .12s}.conn-subscribe-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7b2ff76b}.conn-nearby{display:flex;flex-direction:column;height:100%;min-height:0;color:var(--conn-fg, #14142b)}.conn-nearby-header{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--conn-border);flex-shrink:0;background:linear-gradient(180deg,var(--conn-surface-elevated) 0%,var(--conn-surface) 100%)}.conn-nearby-back{width:40px;height:40px;border:none;border-radius:12px;background:var(--conn-surface-muted);cursor:pointer;color:var(--conn-fg);display:flex;align-items:center;justify-content:center;transition:background .15s}.conn-nearby-back:hover{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7)}.conn-nearby-header h1{margin:0 0 4px;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--conn-fg, #14142b)}.conn-nearby-header p{margin:0;font-size:.8125rem;color:var(--conn-fg-secondary)}.conn-nearby-header p strong{color:var(--purple, #7b2ff7);font-weight:800}.conn-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:#14142b;color:#fff;font-size:.8125rem;font-weight:600;box-shadow:0 8px 32px #0003;animation:conn-toast-in .3s cubic-bezier(.34,1.2,.64,1)}.conn-toast i{color:#4ade80}@keyframes conn-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.db-main.db-main--connections{padding:12px 14px;overflow:hidden;background:transparent}[data-theme=dark] .conn-view{--conn-fg: #ede8ff;--conn-fg-secondary: #9b91cc;--conn-fg-muted: #7a72a8;--conn-surface: #1a1630;--conn-surface-muted: #120f26;--conn-surface-elevated: #1e1a32;--conn-border: #27204a;border-color:#ffffff0f}[data-theme=dark] .conn-tabs-outer:before{background:linear-gradient(90deg,#1a1630 30%,transparent)}[data-theme=dark] .conn-tabs-outer:after{background:linear-gradient(270deg,#1a1630 30%,transparent)}[data-theme=dark] .conn-row:hover{background:#7b2ff714}[data-theme=dark] .conn-tag-muted{background:var(--conn-surface-muted);border-color:var(--conn-border)}[data-theme=dark] .conn-subscribe-modal{background:var(--conn-surface)}[data-theme=dark] .conn-subscribe-modal h2{color:var(--conn-fg)}[data-theme=dark] .conn-subscribe-hint{color:var(--conn-fg-secondary)}[data-theme=dark] .conn-toast{background:#ede8ff;color:#14142b}[data-theme=dark] .conn-map-pin-count{color:#14142b}[data-theme=dark] .conn-map-search,[data-theme=dark] .conn-map-suggestions{background:var(--conn-surface);color:var(--conn-fg)}[data-theme=dark] .conn-map-suggestions li button:hover{background:#7b2ff726}@media(max-width:900px){.conn-row{padding:14px 16px}.conn-row-photo-wrap,.conn-row-photo{width:80px}.conn-row-photo{height:100px}.conn-wave-btn{width:44px;height:44px}}.msg-module{display:flex;flex:1;min-height:0;min-width:0;gap:10px;height:100%}.msg-module>.msg-view{flex:1;min-width:0}.msg-profile-aside-inline{width:min(100%,var(--right-w, 308px));flex-shrink:0;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px #7b2ff714,0 0 0 1px var(--border, #eff0f7)}.msg-view{--msg-green: #2ecc71;--msg-green-soft: rgba(46, 204, 113, .14);--msg-chat-bg: #f3f1f8;--msg-header-bg: #fff;--msg-surface: #fff;display:grid;grid-template-columns:minmax(300px,360px) 1fr;flex:1;min-height:0;height:100%;max-height:100%;background:var(--white, #fff);border-radius:18px;overflow:hidden;box-shadow:0 4px 24px #7b2ff714,0 0 0 1px var(--border, #eff0f7)}.msg-view>.msg-sidebar,.msg-view>.msg-chat{min-height:0;max-height:100%}.msg-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border, #eff0f7);background:linear-gradient(165deg,#f8f5ff,#fff 28% 100%)}.msg-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 14px;flex-shrink:0}.msg-sidebar-title-row{display:flex;align-items:center;gap:12px}.msg-sidebar-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#8b3ff9,#7b2ff7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;box-shadow:0 6px 16px #7b2ff759}.msg-sidebar-header h1{margin:0 0 2px;font-size:1.1875rem;font-weight:800;color:var(--text-dark, #14142b);letter-spacing:-.03em}.msg-sidebar-header p{margin:0;font-size:.75rem;color:var(--text-mid, #4e4b66)}.msg-sidebar-compose{width:40px;height:40px;border:none;border-radius:12px;background:#fff;color:var(--purple, #7b2ff7);cursor:pointer;box-shadow:0 2px 10px #7b2ff71f;border:1px solid rgba(123,47,247,.15);transition:transform .12s,box-shadow .12s}.msg-sidebar-compose:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7b2ff733}.msg-sidebar-alert{display:flex;align-items:center;gap:10px;margin:0 14px 12px;padding:10px 12px;border-radius:12px;background:var(--msg-green-soft);font-size:.75rem;color:#15803d}.msg-sidebar-alert i{color:var(--msg-green)}.msg-sidebar-alert strong{font-weight:800}.msg-search-wrap{position:relative;margin:0 14px 12px;flex-shrink:0}.msg-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light, #a0a3bd);font-size:.875rem;pointer-events:none}.msg-search-wrap input{width:100%;padding:12px 40px 12px 42px;border:1px solid var(--border, #eff0f7);border-radius:14px;font-family:inherit;font-size:.875rem;background:#fff;box-shadow:0 2px 8px #14142b0a;transition:border-color .15s,box-shadow .15s}.msg-search-wrap input:focus{outline:none;border-color:#7b2ff766;box-shadow:0 0 0 3px #7b2ff71a}.msg-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:50%;background:var(--bg, #f4f2fa);color:var(--text-mid, #4e4b66);cursor:pointer}.msg-filters{display:flex;gap:6px;padding:0 14px 14px;flex-shrink:0}.msg-filter{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 8px;border:1.5px solid transparent;border-radius:12px;background:#ffffffb3;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer;transition:all .15s}.msg-filter:hover{border-color:#7b2ff733;color:var(--purple, #7b2ff7)}.msg-filter-active{background:#fff;border-color:#7b2ff740;color:var(--purple, #7b2ff7);box-shadow:0 2px 10px #7b2ff71f}.msg-filter-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--purple-bg, #f0ebff);font-size:.625rem;font-weight:800}.msg-filter-active .msg-filter-count{background:var(--purple, #7b2ff7);color:#fff}.msg-conv-list{flex:1;overflow-y:auto;padding:4px 10px 14px;scrollbar-width:thin}.msg-conv-empty{text-align:center;padding:56px 24px;color:var(--text-mid, #4e4b66)}.msg-conv-empty-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--purple-bg, #f0ebff);display:flex;align-items:center;justify-content:center;font-size:1.375rem;color:var(--purple, #7b2ff7)}.msg-conv-empty p{margin:0 0 6px;font-weight:700;color:var(--text-dark, #14142b)}.msg-conv-empty span{font-size:.8125rem}.msg-conv-item{display:flex;gap:12px;width:100%;padding:12px 12px 12px 14px;margin-bottom:4px;border:none;border-radius:16px;background:transparent;text-align:left;font-family:inherit;cursor:pointer;position:relative;transition:background .15s,transform .12s;animation:msg-conv-in .35s ease backwards}@keyframes msg-conv-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.msg-conv-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:transparent;transition:background .15s}.msg-conv-item:hover{background:#7b2ff70f}.msg-conv-item-active{background:var(--msg-surface, #fff);box-shadow:0 4px 16px #7b2ff71a}.msg-conv-item-active:before{background:linear-gradient(180deg,#8b3ff9,#7b2ff7)}.msg-conv-item-unread .msg-conv-preview{font-weight:700;color:var(--text-dark, #14142b)}.msg-conv-avatar-wrap{position:relative;flex-shrink:0}.msg-conv-avatar-wrap img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;box-shadow:0 3px 12px #0000001a}.msg-conv-online{position:absolute;bottom:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2.5px solid #fff;box-shadow:0 0 0 2px #22c55e40}.msg-conv-body{flex:1;min-width:0;padding-top:2px}.msg-conv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.msg-conv-name{font-size:.9rem;font-weight:800;color:var(--text-dark, #14142b);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-top time{font-size:.6875rem;font-weight:600;color:var(--text-light, #a0a3bd);flex-shrink:0}.msg-conv-item-unread .msg-conv-top time{color:var(--purple, #7b2ff7)}.msg-conv-bottom{display:flex;align-items:center;gap:8px}.msg-conv-preview{flex:1;margin:0;font-size:.8125rem;color:var(--text-mid, #4e4b66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.msg-conv-pin{font-size:.625rem;color:var(--purple, #7b2ff7);transform:rotate(45deg)}.msg-conv-match{color:#e74c8b;font-size:.6875rem}.msg-conv-unread{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:linear-gradient(145deg,#34d399,#22c55e);color:#fff;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #22c55e59}.msg-chat{display:flex;flex-direction:column;min-height:0;height:100%;min-width:0;background:var(--msg-header-bg, #fff);overflow:hidden}.msg-chat-empty{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.msg-chat-empty-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(123,47,247,.08) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(46,204,113,.08) 0%,transparent 40%),linear-gradient(160deg,#faf9fc,#fff 50%)}.msg-chat-empty-inner{position:relative;text-align:center;padding:40px 36px;max-width:340px}.msg-chat-empty-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:24px;background:linear-gradient(145deg,#2ecc7126,#7b2ff71f);display:flex;align-items:center;justify-content:center;font-size:2.25rem;color:var(--msg-green)}.msg-chat-empty-inner h2{margin:0 0 10px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.msg-chat-empty-inner>p{margin:0 0 20px;font-size:.9rem;color:var(--text-mid, #4e4b66);line-height:1.5}.msg-chat-empty-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}section{padding:0!important;border-bottom:none!important}.msg-chat-empty-tips li{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-mid, #4e4b66);padding:10px 14px;background:#fffc;border-radius:12px;border:1px solid var(--border, #eff0f7)}.msg-chat-empty-tips i{color:var(--purple, #7b2ff7)}.msg-chat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border, #eff0f7);flex-shrink:0;background:var(--msg-header-bg, #fff)}.msg-chat-back{display:none;width:38px;height:38px;border:none;border-radius:12px;background:#fff;border:1px solid var(--border, #eff0f7);cursor:pointer;color:var(--text-dark, #14142b);align-items:center;justify-content:center}.msg-chat-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:none;background:transparent;padding:4px 8px;margin:-4px -8px;border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .15s}.msg-chat-profile:hover{background:#7b2ff70f}.msg-chat-profile-active{background:#7b2ff71a;box-shadow:inset 0 0 0 1px #7b2ff733}.msg-chat-profile:focus-visible{outline:2px solid var(--purple, #7b2ff7);outline-offset:2px}.msg-chat-avatar-ring{position:relative;flex-shrink:0;padding:3px;border-radius:50%;background:var(--border, #eff0f7)}.msg-chat-avatar-ring-online{background:linear-gradient(145deg,#22c55e,#7b2ff7)}.msg-chat-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff}.msg-chat-user h2{margin:0 0 3px;font-size:.96875rem;font-weight:800;color:var(--text-dark, #14142b);display:flex;align-items:center;gap:5px}.msg-chat-user p{margin:0;font-size:.75rem;color:var(--text-mid, #4e4b66)}.msg-chat-typing-label{color:var(--purple, #7b2ff7)!important;font-weight:600;display:flex;align-items:center;gap:6px}.msg-chat-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--purple, #7b2ff7);animation:msg-dot 1s ease infinite}.msg-chat-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.msg-chat-match-badge{display:none;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#e74c8b26,#7b2ff71a);color:#e74c8b;font-size:.6875rem;font-weight:700;margin-right:6px}@media(min-width:1100px){.msg-chat-match-badge{display:inline-flex}}.msg-chat-action{width:38px;height:38px;border:none;border-radius:11px;background:transparent;color:var(--text-mid, #4e4b66);cursor:pointer;transition:all .12s}.msg-chat-action:hover{background:#fff;color:var(--purple, #7b2ff7);box-shadow:0 2px 8px #7b2ff71f}.msg-chat-action-on{color:var(--purple, #7b2ff7);background:var(--purple-bg, #f0ebff)}.msg-chat-action-danger:hover{color:#e74c3c;background:#e74c3c1a}.msg-chat-banner{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;margin:0;background:linear-gradient(90deg,#e74c8b1a,#7b2ff714);font-size:.75rem;font-weight:600;color:var(--purple, #7b2ff7);border-bottom:1px solid var(--border, #eff0f7)}.msg-chat-banner i{color:#e74c8b}.msg-chat-messages{flex:1 1 0;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:var(--msg-chat-bg, #f3f1f8);background-image:radial-gradient(circle at 1px 1px,rgba(123,47,247,.06) 1px,transparent 0);background-size:22px 22px;scrollbar-width:thin}.msg-chat-messages::-webkit-scrollbar{width:6px}.msg-chat-messages::-webkit-scrollbar-thumb{background:#7b2ff740;border-radius:999px}.msg-chat-messages-inner{padding:10px 16px 12px;box-sizing:border-box}.msg-chat-day{text-align:center;margin:0 0 4px;flex-shrink:0}.msg-chat-day span{font-size:.6875rem;font-weight:700;color:var(--text-light, #a0a3bd);padding:4px 12px;border-radius:999px;background:var(--msg-surface, #fff);border:1px solid var(--border, #eff0f7);box-shadow:0 1px 4px #0000000a}.msg-bubble-row{display:flex;align-items:flex-end;gap:8px;max-width:85%;margin:0 0 6px}.msg-bubble-row:last-child{margin-bottom:0}.msg-bubble-row-me{flex-direction:row-reverse;margin-left:auto}.msg-bubble-row-grouped{margin-top:-4px}.msg-bubble-avatar-slot{width:28px;flex-shrink:0}.msg-bubble-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.msg-bubble-avatar-spacer{display:block;width:28px;height:8px}.msg-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.msg-bubble-wrap-me{align-items:flex-end}.msg-bubble{padding:10px 14px;border-radius:18px 18px 18px 6px;background:var(--msg-surface, #fff);border:1px solid var(--border, #eff0f7);box-shadow:0 2px 8px #14142b0f}.msg-bubble p{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-dark, #14142b);word-break:break-word}.msg-bubble-me{background:linear-gradient(135deg,#9340ff,#7b2ff7,#6a28e8);border-color:transparent;border-radius:18px 18px 6px;box-shadow:0 4px 14px #7b2ff74d}.msg-bubble-me p{color:#fff}.msg-bubble-image{width:100%;max-width:280px;border-radius:12px;display:block}.msg-bubble-image+p{margin-top:8px}.msg-voice{display:flex;align-items:center;gap:10px;min-width:200px}.msg-voice-play{width:38px;height:38px;border:none;border-radius:50%;background:var(--purple, #7b2ff7);color:#fff;cursor:pointer;flex-shrink:0}.msg-bubble-me .msg-voice-play{background:#ffffff47}.msg-voice-bars{flex:1;display:flex;align-items:center;gap:2px;height:28px}.msg-voice-bars span{flex:1;max-width:4px;border-radius:2px;background:currentColor;opacity:.45;animation:msg-voice-bar .8s ease-in-out infinite alternate}.msg-voice-bars span:nth-child(odd){animation-delay:.1s}@keyframes msg-voice-bar{0%{opacity:.3}to{opacity:.85}}.msg-voice-dur{font-size:.75rem;font-weight:700;opacity:.75}.msg-bubble-time{font-size:.625rem;color:var(--text-light, #a0a3bd);margin-top:4px;padding:0 4px;display:flex;align-items:center;gap:4px}.msg-read{color:#7b2ff7;font-size:.6875rem}.msg-typing{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;margin-top:4px;flex-shrink:0}.msg-typing img{width:28px;height:28px;border-radius:50%;object-fit:cover}.msg-typing-dots{display:flex;gap:5px;padding:12px 18px;background:#fff;border:1px solid var(--border, #eff0f7);border-radius:18px 18px 18px 6px;box-shadow:0 2px 8px #0000000d}.msg-typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--text-light, #a0a3bd);animation:msg-dot 1.2s ease infinite}.msg-typing-dots span:nth-child(2){animation-delay:.15s}.msg-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes msg-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.msg-composer{flex-shrink:0;padding:8px 12px 10px;background:var(--msg-header-bg, #fff);border-top:1px solid var(--border, #eff0f7)}.msg-composer-inner{background:var(--msg-surface, #fff);border-radius:16px;border:1px solid var(--border, #eff0f7);box-shadow:0 2px 12px #7b2ff70f;padding:8px 10px 6px}.msg-emoji-bar{display:flex;gap:4px;padding:0 0 10px;flex-wrap:wrap;border-bottom:1px solid var(--border, #eff0f7);margin-bottom:10px}.msg-emoji-bar button{width:38px;height:38px;border:none;border-radius:12px;background:var(--bg, #f4f2fa);font-size:1.25rem;cursor:pointer;transition:transform .1s,background .1s}.msg-emoji-bar button:hover{background:var(--purple-bg, #f0ebff);transform:scale(1.08)}.msg-composer-form{display:flex;align-items:center;gap:8px}.msg-composer-icon{width:40px;height:40px;border:none;border-radius:12px;background:var(--bg, #f4f2fa);color:var(--text-mid, #4e4b66);cursor:pointer;flex-shrink:0;transition:all .12s}.msg-composer-icon:hover,.msg-composer-icon-on{color:var(--purple, #7b2ff7);background:var(--purple-bg, #f0ebff)}.msg-composer-input-wrap{flex:1;min-width:0}.msg-composer-input-wrap input{width:100%;border:none;background:var(--bg, #f4f2fa);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.875rem}.msg-composer-input-wrap input:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1.5px #7b2ff759}.msg-composer-send{width:44px;height:44px;border:none;border-radius:14px;background:linear-gradient(145deg,#8b3ff9,#7b2ff7);color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px #7b2ff759;transition:transform .12s,opacity .12s}.msg-composer-send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.msg-composer-send:not(:disabled):hover{transform:scale(1.06)}.msg-composer-hint{margin:4px 0 0;text-align:center;font-size:.625rem;line-height:1.2;color:var(--text-light, #a0a3bd)}.msg-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--text-dark, #14142b);color:#fff;font-size:.8125rem;font-weight:600;box-shadow:0 8px 32px #00000038;animation:msg-toast-in .3s cubic-bezier(.34,1.2,.64,1)}.msg-toast i{color:#4ade80}@keyframes msg-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.db-main.db-main--messages{padding:8px 10px;overflow:hidden;display:flex;flex-direction:column;min-height:0;max-height:100vh;height:100vh}.db-root.db-root--messages{grid-template-columns:var(--sidebar-w) 1fr}[data-theme=dark] .msg-view{--msg-chat-bg: #0d0a1f;--msg-header-bg: #161230;--msg-surface: #1a1638;--msg-green-soft: rgba(46, 204, 113, .12);background:var(--white);box-shadow:0 4px 24px #00000059}[data-theme=dark] .msg-sidebar{background:linear-gradient(165deg,#161230,#120f26)}[data-theme=dark] .msg-sidebar-header h1,[data-theme=dark] .msg-conv-name,[data-theme=dark] .msg-chat-user h2,[data-theme=dark] .msg-chat-empty-inner h2{color:var(--text-dark)}[data-theme=dark] .msg-sidebar-header p,[data-theme=dark] .msg-conv-preview,[data-theme=dark] .msg-chat-user p{color:var(--text-mid)}[data-theme=dark] .msg-sidebar-compose{background:var(--msg-surface);border-color:var(--border);color:#c09bff}[data-theme=dark] .msg-search-wrap input,[data-theme=dark] .msg-filter{background:var(--msg-surface);border-color:var(--border);color:var(--text-dark)}[data-theme=dark] .msg-filter-active{background:var(--purple-bg);border-color:#3d2880;color:#c09bff}[data-theme=dark] .msg-conv-item:hover{background:#7b2ff71a}[data-theme=dark] .msg-conv-item-active{background:#1e1a42;box-shadow:0 4px 16px #00000059}[data-theme=dark] .msg-chat{background:var(--msg-header-bg)}[data-theme=dark] .msg-chat-header{background:var(--msg-header-bg);border-bottom-color:var(--border)}[data-theme=dark] .msg-chat-back{background:var(--msg-surface);border-color:var(--border);color:var(--text-dark)}[data-theme=dark] .msg-chat-avatar{border-color:var(--msg-header-bg)}[data-theme=dark] .msg-chat-action:hover{background:var(--msg-surface);color:#c09bff}[data-theme=dark] .msg-chat-action-on{background:var(--purple-bg);color:#c09bff}[data-theme=dark] .msg-chat-banner{background:linear-gradient(90deg,#e74c8b24,#7b2ff71a);border-bottom-color:var(--border);color:#c09bff}[data-theme=dark] .msg-chat-messages{background-color:var(--msg-chat-bg);background-image:radial-gradient(circle at 1px 1px,rgba(123,47,247,.14) 1px,transparent 0)}[data-theme=dark] .msg-chat-day span{background:var(--msg-surface);border-color:var(--border);color:var(--text-light)}[data-theme=dark] .msg-bubble:not(.msg-bubble-me){background:#252038;border-color:#ffffff14}[data-theme=dark] .msg-bubble:not(.msg-bubble-me) p{color:#ede8ff}[data-theme=dark] .msg-typing-dots{background:#252038;border-color:var(--border)}[data-theme=dark] .msg-composer{background:var(--msg-header-bg);border-top-color:var(--border)}[data-theme=dark] .msg-composer-inner{background:var(--msg-surface);border-color:var(--border);box-shadow:0 2px 12px #00000040}[data-theme=dark] .msg-composer-icon{background:#0d0a1f;color:var(--text-mid)}[data-theme=dark] .msg-composer-icon:hover,[data-theme=dark] .msg-composer-icon-on{background:var(--purple-bg);color:#c09bff}[data-theme=dark] .msg-composer-input-wrap input{background:#0d0a1f;color:var(--text-dark)}[data-theme=dark] .msg-composer-input-wrap input:focus{background:#120f26;box-shadow:inset 0 0 0 1.5px #7b2ff773}[data-theme=dark] .msg-composer-hint{color:var(--text-light)}[data-theme=dark] .msg-chat-empty-bg{background:radial-gradient(circle at 20% 30%,rgba(123,47,247,.12) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(46,204,113,.08) 0%,transparent 40%),linear-gradient(160deg,#120f26,#0d0a1f 50%)}[data-theme=dark] .msg-chat-empty-tips li{background:var(--msg-surface);border-color:var(--border);color:var(--text-mid)}.msg-profile-aside{padding:0;overflow:hidden;background:var(--white, #fff)}.msg-profile-panel{display:flex;flex-direction:column;height:100%;min-height:0}.msg-profile-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border, #eff0f7);flex-shrink:0}.msg-profile-panel-head h3{margin:0;font-size:1rem;font-weight:800;letter-spacing:-.02em}.msg-profile-close{width:36px;height:36px;border:none;border-radius:10px;background:var(--bg, #f4f2fa);color:var(--text-mid, #4e4b66);cursor:pointer;transition:background .12s,color .12s}.msg-profile-close:hover{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7)}.msg-profile-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 24px;scrollbar-width:thin}.msg-profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.msg-profile-avatar-ring{padding:4px;border-radius:50%;background:var(--border, #eff0f7);margin-bottom:12px}.msg-profile-avatar-ring-online{background:linear-gradient(145deg,#22c55e,#7b2ff7)}.msg-profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--white, #fff)}.msg-profile-name{margin:0 0 4px;font-size:1.125rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.02em}.msg-profile-username{margin:0 0 8px;font-size:.8125rem;color:var(--text-mid, #4e4b66)}.msg-profile-status{font-size:.75rem;font-weight:600;color:var(--text-light, #a0a3bd);display:inline-flex;align-items:center;gap:6px}.msg-profile-status-online{color:#22c55e}.msg-profile-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.msg-profile-match{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;color:#e74c8b;background:#e74c8b1a}.msg-profile-bio{margin:0 0 12px;font-size:.875rem;line-height:1.55;color:var(--text-mid, #4e4b66);text-align:center}.msg-profile-location{margin:0 0 16px;font-size:.8125rem;color:var(--text-light, #a0a3bd);display:flex;align-items:center;justify-content:center;gap:6px}.msg-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding:12px;background:var(--bg, #f4f2fa);border-radius:14px}.msg-profile-stats>div{text-align:center}.msg-profile-stats strong{display:block;font-size:1rem;font-weight:800;color:var(--text-dark, #14142b)}.msg-profile-stats span{font-size:.6875rem;color:var(--text-light, #a0a3bd);font-weight:600}.msg-profile-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:18px}.msg-profile-tag{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7)}.msg-profile-actions{display:flex;flex-direction:column;gap:8px}.msg-profile-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;border:none;transition:transform .1s,box-shadow .12s}.msg-profile-btn-primary{background:linear-gradient(135deg,#9340ff,#7b2ff7);color:#fff;box-shadow:0 4px 14px #7b2ff759}.msg-profile-btn-primary:hover{transform:translateY(-1px)}.msg-profile-btn-secondary{background:var(--white, #fff);color:var(--text-dark, #14142b);border:1px solid var(--border, #eff0f7)}[data-theme=dark] .msg-profile-aside{background:var(--white)}[data-theme=dark] .msg-profile-panel-head{border-color:var(--border)}[data-theme=dark] .msg-profile-close,[data-theme=dark] .msg-profile-stats{background:var(--bg)}[data-theme=dark] .msg-profile-btn-secondary{background:var(--msg-surface, #1a1638);border-color:var(--border);color:var(--text-dark)}[data-theme=dark] .msg-chat-profile:hover,[data-theme=dark] .msg-chat-profile-active{background:#7b2ff726}@media(max-width:1100px){.msg-profile-aside{display:flex!important;position:fixed;inset:0;z-index:200;width:min(360px,100vw);margin-left:auto;box-shadow:-8px 0 32px #14142b26}}@media(max-width:900px){.msg-view{grid-template-columns:1fr}.msg-view:not(.msg-view--chat-open) .msg-chat{display:none}.msg-view--chat-open .msg-sidebar{display:none}.msg-chat-back{display:flex}.msg-bubble-row{max-width:92%}}.db-main.db-main--leaderboard{overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;min-height:0}.lb-shell{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;background:var(--white, #fff);border-radius:18px;overflow:hidden;border:1px solid rgba(239,240,247,.95);box-shadow:0 4px 28px #7b2ff717,0 0 0 1px #7b2ff70a}.lb-hero{position:relative;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--border, #eff0f7)}.lb-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(123,47,247,.14) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 100% 0%,rgba(243,156,18,.12) 0%,transparent 50%),linear-gradient(165deg,#faf8ff,#fff 45%,#fffbf0);pointer-events:none}.lb-hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 20px;flex-wrap:wrap}.lb-hero-left{display:flex;gap:16px;align-items:flex-start;min-width:0}.lb-hero-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#fcd34d,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #f59e0b66,inset 0 1px #ffffff59}.lb-hero-left h1{margin:0 0 6px;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--text-dark, #14142b)}.lb-hero-left p{margin:0 0 12px;font-size:.875rem;color:var(--text-mid, #4e4b66);line-height:1.45;max-width:380px}.lb-hero-chips{display:flex;flex-wrap:wrap;gap:8px}.lb-hero-chips span{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:999px;background:#ffffffd9;border:1px solid var(--border, #eff0f7);color:var(--text-mid, #4e4b66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lb-hero-chips i{color:var(--purple, #7b2ff7);font-size:.6875rem}.lb-season-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:#ffffffeb;border:1px solid rgba(243,156,18,.25);box-shadow:0 8px 24px #f39c121f;min-width:210px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lb-season-live{display:inline-flex;align-items:center;gap:8px;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ea580c}.lb-season-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:lb-pulse 1.8s ease infinite}@keyframes lb-pulse{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 6px #22c55e00}}.lb-season-card strong{font-size:1.0625rem;font-weight:800;color:var(--text-dark, #14142b);letter-spacing:-.02em}.lb-season-meta-row{display:flex;flex-direction:column;gap:4px}.lb-season-meta-row span{font-size:.75rem;color:var(--text-mid, #4e4b66);display:flex;align-items:center;gap:6px}.lb-season-meta-row i{color:#f59e0b;width:14px;text-align:center}.lb-toolbar{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:linear-gradient(180deg,#fff,#faf9fc);border-bottom:1px solid var(--border, #eff0f7)}.lb-periods{display:flex;gap:4px;padding:4px;background:var(--bg, #f4f2fa);border-radius:14px;width:fit-content;border:1px solid var(--border, #eff0f7)}.lb-period{padding:9px 18px;border:none;border-radius:11px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer;transition:all .15s ease}.lb-period:hover{color:var(--text-dark, #14142b);background:#fff9}.lb-period-active{background:linear-gradient(135deg,#9340ff,#7b2ff7 55%,#6a28e8);color:#fff;box-shadow:0 4px 14px #7b2ff761}.lb-cats-outer{position:relative}.lb-cats-outer:before,.lb-cats-outer:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.lb-cats-outer:before{left:0;background:linear-gradient(90deg,#faf9fc,transparent)}.lb-cats-outer:after{right:0;background:linear-gradient(270deg,#faf9fc,transparent)}.lb-cats-outer:has(.lb-cats-can-scroll-left):before,.lb-cats-outer:has(.lb-cats-can-scroll-right):after{opacity:1}.lb-cats-scroll{overflow-x:auto;scrollbar-width:none;padding:2px 0}.lb-cats-scroll::-webkit-scrollbar{display:none}.lb-categories{display:flex;gap:8px;min-width:max-content}.lb-category{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid var(--border, #eff0f7);border-radius:999px;background:var(--white, #fff);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer;transition:all .15s ease;white-space:nowrap}.lb-category:hover{border-color:#7b2ff759;color:var(--purple, #7b2ff7);transform:translateY(-1px)}.lb-category-active{border-color:var(--lb-cat-color, #7b2ff7);background:color-mix(in srgb,var(--lb-cat-color, #7b2ff7) 11%,#fff);color:var(--lb-cat-color, #7b2ff7);box-shadow:0 4px 12px color-mix(in srgb,var(--lb-cat-color, #7b2ff7) 28%,transparent)}.lb-category-active i{color:var(--lb-cat-color, #7b2ff7)}.lb-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 20px 24px;scrollbar-width:thin}.lb-scroll::-webkit-scrollbar{width:6px}.lb-scroll::-webkit-scrollbar-thumb{background:#7b2ff740;border-radius:999px}.lb-body{display:grid;grid-template-columns:1fr minmax(260px,300px);gap:18px;align-items:start;animation:lb-fade-in .35s ease}@keyframes lb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lb-main{display:flex;flex-direction:column;gap:16px;min-width:0}.lb-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:0}.lb-you-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#7b2ff71f,#f39c1214),var(--white, #fff);border:1px solid rgba(123,47,247,.18);box-shadow:0 6px 24px #7b2ff71a;position:relative;overflow:hidden}.lb-you-card:before{content:"";position:absolute;top:-40%;right:-10%;width:180px;height:180px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);pointer-events:none}.lb-you-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #7b2ff740;flex-shrink:0;position:relative;z-index:1}.lb-you-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:10px 12px;border-radius:14px;background:var(--white, #fff);box-shadow:0 2px 10px #0000000f;position:relative;z-index:1}.lb-you-rank-num{font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,#7b2ff7,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.lb-you-rank-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light, #a0a3bd);margin-top:4px}.lb-you-details{flex:1;min-width:0;position:relative;z-index:1}.lb-you-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lb-you-cat{font-size:.8125rem;font-weight:600;color:var(--lb-cat-color, var(--text-mid, #4e4b66));display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--lb-cat-color, #7b2ff7) 10%,#fff)}.lb-you-top strong{font-size:1.25rem;font-weight:800;color:var(--text-dark, #14142b)}.lb-you-top strong small{font-size:.75rem;font-weight:600;color:var(--text-light, #a0a3bd);margin-left:2px}.lb-you-progress{height:10px;border-radius:999px;background:#fffc;overflow:hidden;margin-bottom:8px;border:1px solid rgba(123,47,247,.1)}.lb-you-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7b2ff7,#c084fc,#f59e0b);background-size:200% 100%;animation:lb-shimmer 3s ease infinite;transition:width .45s cubic-bezier(.4,0,.2,1)}@keyframes lb-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lb-you-hint{margin:0 0 8px;font-size:.75rem;color:var(--text-mid, #4e4b66);display:flex;align-items:center;gap:6px}.lb-you-hint i{color:#22c55e}.lb-you-badges{display:flex;flex-wrap:wrap;gap:6px}.lb-you-badge{font-size:.6875rem;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--white, #fff);color:var(--text-mid, #4e4b66);display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border, #eff0f7)}.lb-you-badge-up{color:#15803d;background:#22c55e1f;border-color:#22c55e40}.lb-podium-wrap{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#faf8ff,#fff 40%);border:1px solid var(--border, #eff0f7);box-shadow:0 6px 28px #7b2ff714}.lb-podium-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light, #a0a3bd)}.lb-podium-label i{color:#f59e0b}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:8px 20px 0;min-height:220px}.lb-podium-floor{height:6px;background:linear-gradient(90deg,transparent,rgba(123,47,247,.15),transparent);margin:0 24px 16px;border-radius:999px}.lb-podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;max-width:150px;min-width:0;position:relative;padding-bottom:4px}.lb-podium-slot-first{z-index:1}.lb-podium-glow{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(245,158,11,.35) 0%,transparent 70%);pointer-events:none;animation:lb-glow-pulse 2.5s ease infinite}@keyframes lb-glow-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.lb-podium-medal{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:800;color:#fff;margin-bottom:10px;position:relative;z-index:1}.lb-podium-gold{background:linear-gradient(145deg,#fde047,#f59e0b);box-shadow:0 6px 16px #f59e0b80}.lb-podium-silver{background:linear-gradient(145deg,#f1f5f9,#94a3b8);box-shadow:0 4px 12px #94a3b866}.lb-podium-bronze{background:linear-gradient(145deg,#fdba74,#ea580c);box-shadow:0 4px 12px #ea580c59}.lb-podium-avatar-ring{padding:3px;border-radius:50%;margin-bottom:8px;position:relative;z-index:1}.lb-podium-avatar-ring.lb-podium-gold{background:linear-gradient(145deg,#fde047,#f59e0b)}.lb-podium-avatar-ring.lb-podium-silver{background:linear-gradient(145deg,#e2e8f0,#94a3b8)}.lb-podium-avatar-ring.lb-podium-bronze{background:linear-gradient(145deg,#fdba74,#ea580c)}.lb-podium-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;display:block;border:3px solid #fff}.lb-podium-slot-first .lb-podium-avatar{width:88px;height:88px}.lb-podium-verified{position:absolute;bottom:4px;right:4px;color:#1d9bf0;font-size:.875rem;background:#fff;border-radius:50%;padding:1px}.lb-podium-name{margin:0;font-size:.875rem;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text-dark, #14142b)}.lb-podium-username{margin:0 0 4px;font-size:.6875rem;color:var(--text-light, #a0a3bd)}.lb-podium-points{margin:0 0 6px;font-size:.8125rem;font-weight:800;color:var(--purple, #7b2ff7);display:flex;align-items:center;gap:4px}.lb-podium-points i{font-size:.625rem;opacity:.8}.lb-podium-change{font-size:.6875rem;font-weight:700;display:inline-flex;align-items:center;gap:3px;margin-bottom:10px;padding:2px 8px;border-radius:999px}.lb-podium-change-up{color:#15803d;background:#22c55e1f}.lb-podium-change-down{color:#dc2626;background:#ef44441a}.lb-podium-bar{width:100%;border-radius:12px 12px 0 0;min-height:52px;position:relative;overflow:hidden}.lb-podium-slot-first .lb-podium-bar{min-height:80px}.lb-podium-bar-shine{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 45%);pointer-events:none}.lb-podium-slot-empty{min-height:140px}.lb-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.lb-list-head h2{margin:0;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text-dark, #14142b)}.lb-list-head h2 i{color:var(--purple, #7b2ff7);font-size:.875rem}.lb-list-head span{font-size:.75rem;color:var(--text-light, #a0a3bd);font-weight:600;padding:4px 10px;background:var(--bg, #f4f2fa);border-radius:999px}.lb-list{display:flex;flex-direction:column;gap:4px;background:var(--white, #fff);border-radius:16px;border:1px solid var(--border, #eff0f7);padding:6px;box-shadow:0 4px 20px #7b2ff70d}.lb-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;transition:background .12s,transform .12s,box-shadow .12s;animation:lb-row-in .4s ease backwards;animation-delay:calc(var(--lb-i, 0) * .04s)}@keyframes lb-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.lb-row:hover{background:var(--bg, #f4f2fa);transform:translate(2px)}.lb-row-top .lb-row-rank{color:var(--purple, #7b2ff7)}.lb-row-me{background:linear-gradient(90deg,#7b2ff71a,#f39c120f);border:1px solid rgba(123,47,247,.2);box-shadow:inset 0 0 0 1px #ffffff80}.lb-row-me:hover{transform:none}.lb-row-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;font-weight:800;color:var(--text-light, #a0a3bd);flex-shrink:0;border-radius:10px;background:var(--bg, #f4f2fa)}.lb-row-rank-trophy{background:linear-gradient(135deg,#fff9e6,#fef3c7);color:#b45309}.lb-row-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.lb-row-avatar-wrap{position:relative;flex-shrink:0}.lb-row-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--white, #fff);box-shadow:0 2px 8px #00000014}.lb-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-row-name{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row-verified{color:#1d9bf0;font-size:.75rem}.lb-row-you{font-size:.5625rem;font-weight:800;padding:2px 7px;border-radius:5px;background:linear-gradient(135deg,#9340ff,#7b2ff7);color:#fff;text-transform:uppercase;letter-spacing:.04em}.lb-row-meta{font-size:.75rem;color:var(--text-light, #a0a3bd);display:flex;align-items:center;gap:5px}.lb-row-meta i{font-size:.625rem;opacity:.7}.lb-row-badge{font-size:.875rem}.lb-row-stats{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}.lb-row-points{font-size:.9375rem;font-weight:800;color:var(--text-dark, #14142b)}.lb-row-points small{font-size:.6875rem;font-weight:600;color:var(--text-light, #a0a3bd);margin-left:2px}.lb-row-change{font-size:.6875rem;font-weight:700;display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:999px}.lb-row-change-up{color:#15803d;background:#22c55e1a}.lb-row-change-down{color:#dc2626;background:#ef444414}.lb-row-wave{width:38px;height:38px;border:none;border-radius:12px;background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);cursor:pointer;flex-shrink:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.lb-row-wave:hover{background:linear-gradient(135deg,#9340ff,#7b2ff7);color:#fff;transform:scale(1.06);box-shadow:0 4px 12px #7b2ff759}.lb-card{background:var(--white, #fff);border-radius:16px;border:1px solid var(--border, #eff0f7);padding:16px 18px;box-shadow:0 4px 16px #7b2ff70d}.lb-card h3{margin:0 0 14px;font-size:.875rem;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text-dark, #14142b)}.lb-card-icon{width:32px;height:32px;border-radius:10px;background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);display:flex;align-items:center;justify-content:center;font-size:.875rem}.lb-card-icon-gold{background:linear-gradient(135deg,#fff9e6,#fef3c7);color:#b45309}.lb-card-icon-green{background:#22c55e1f;color:#16a34a}.lb-card-prizes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.lb-prize-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--bg, #f4f2fa);border:1px solid transparent;transition:border-color .12s,transform .12s}.lb-prize-item:hover{border-color:#f39c1240;transform:translateY(-1px)}.lb-prize-item-1{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.lb-prize-place{font-size:.6875rem;font-weight:800;padding:5px 9px;border-radius:8px;background:var(--white, #fff);color:#b45309;flex-shrink:0;box-shadow:0 1px 4px #0000000f}.lb-card-prizes strong{font-size:.8125rem;display:block;margin-bottom:3px}.lb-card-prizes p{margin:0;font-size:.75rem;color:var(--text-mid, #4e4b66);line-height:1.4}.lb-points-guide{list-style:none;margin:0;padding:0}.lb-points-guide li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border, #eff0f7);font-size:.8125rem;gap:10px}.lb-points-guide li:last-child{border-bottom:none}.lb-points-guide li>span{display:flex;align-items:center;gap:8px;color:var(--text-mid, #4e4b66)}.lb-points-guide li>span i{width:22px;height:22px;border-radius:8px;background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);display:flex;align-items:center;justify-content:center;font-size:.625rem;flex-shrink:0}.lb-points-guide strong{color:var(--purple, #7b2ff7);font-weight:800;flex-shrink:0}.lb-rising-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lb-rising-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;transition:background .12s}.lb-rising-list li:hover{background:var(--bg, #f4f2fa)}.lb-rising-rank{width:22px;height:22px;border-radius:8px;background:#22c55e1f;color:#16a34a;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-rising-list img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--white, #fff);box-shadow:0 2px 6px #00000014}.lb-rising-list strong{display:block;font-size:.8125rem}.lb-rising-list li>div span{font-size:.6875rem;color:#16a34a;font-weight:600}.lb-rising-pts{margin-left:auto;font-size:.75rem;font-weight:800;color:var(--purple, #7b2ff7)}.lb-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;background:var(--text-dark, #14142b);color:#fff;font-size:.875rem;font-weight:600;box-shadow:0 12px 32px #00000040;animation:lb-toast-in .3s cubic-bezier(.34,1.56,.64,1)}.lb-toast i{color:#4ade80;font-size:1rem}@keyframes lb-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}[data-theme=dark] .lb-shell{box-shadow:0 4px 28px #00000059}[data-theme=dark] .lb-hero-bg{background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(123,47,247,.2) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 100% 0%,rgba(243,156,18,.1) 0%,transparent 50%),linear-gradient(165deg,#161230,#120f26)}[data-theme=dark] .lb-hero-left h1,[data-theme=dark] .lb-list-head h2,[data-theme=dark] .lb-card h3,[data-theme=dark] .lb-you-top strong,[data-theme=dark] .lb-row-points,[data-theme=dark] .lb-season-card strong,[data-theme=dark] .lb-podium-name{color:var(--text-dark)}[data-theme=dark] .lb-toolbar{background:linear-gradient(180deg,#161230,#120f26)}[data-theme=dark] .lb-periods,[data-theme=dark] .lb-category,[data-theme=dark] .lb-podium-wrap,[data-theme=dark] .lb-list,[data-theme=dark] .lb-card,[data-theme=dark] .lb-you-rank,[data-theme=dark] .lb-you-badge,[data-theme=dark] .lb-hero-chips span,[data-theme=dark] .lb-season-card,[data-theme=dark] .lb-row-rank,[data-theme=dark] .lb-prize-item{background:var(--white);border-color:var(--border)}[data-theme=dark] .lb-prize-item-1{background:linear-gradient(135deg,#1a1638,#2a2418)}[data-theme=dark] .lb-row:hover,[data-theme=dark] .lb-rising-list li:hover{background:var(--bg)}[data-theme=dark] .lb-row-me{background:linear-gradient(90deg,#7b2ff72e,#f39c1214)}[data-theme=dark] .lb-podium-wrap{background:linear-gradient(180deg,#161230,#120f26)}@media(max-width:1100px){.lb-body{grid-template-columns:1fr}.lb-aside{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}}@media(max-width:720px){.lb-hero-inner{padding:18px 16px}.lb-hero-left{flex-direction:column;gap:12px}.lb-season-card{width:100%}.lb-toolbar{padding:14px 16px}.lb-scroll{padding:14px 16px 20px}.lb-you-card{flex-wrap:wrap}.lb-podium{gap:4px;padding:8px 8px 0;min-height:200px}.lb-podium-avatar{width:56px;height:56px}.lb-podium-slot-first .lb-podium-avatar{width:72px;height:72px}.lb-row-wave{display:none}}.db-main.db-main--notifications{overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;min-height:0}.notif-shell{--notif-fg: #14142b;--notif-fg-secondary: #4e4b66;--notif-fg-muted: #6b6894;--notif-surface: #ffffff;--notif-surface-muted: #f4f2fa;--notif-toolbar-bg: linear-gradient(180deg, #faf9fc 0%, #ffffff 100%);display:flex;flex-direction:column;flex:1;min-height:0;height:100%;background:var(--notif-surface);border-radius:18px;overflow:hidden;border:1px solid rgba(239,240,247,.95);box-shadow:0 4px 28px #7b2ff717,0 0 0 1px #7b2ff70a;font-family:var(--font);color:var(--notif-fg)}.notif-hero{position:relative;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--border, #eff0f7)}.notif-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 0% 0%,rgba(26,188,156,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 100% 0%,rgba(123,47,247,.12) 0%,transparent 50%),linear-gradient(165deg,#f0fdfa,#fff,#faf8ff);pointer-events:none}.notif-hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 18px;flex-wrap:wrap}.notif-hero-left{display:flex;gap:16px;align-items:flex-start;min-width:0}.notif-hero-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#2dd4bf,#14b8a6,#0d9488);display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #14b8a666,inset 0 1px #ffffff59}.notif-hero-left h1{margin:0 0 6px;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--notif-fg)}.notif-hero-left p{margin:0 0 12px;font-size:.875rem;color:var(--notif-fg-secondary);line-height:1.45;max-width:380px}.notif-hero-chips{display:flex;flex-wrap:wrap;gap:8px}.notif-hero-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--notif-fg-secondary);background:#ffffffe6;border:1px solid var(--border, #eff0f7)}.notif-hero-chips i{font-size:.625rem;color:#14b8a6}.notif-hero-chip--alert{background:#ef444414!important;border-color:#ef444433!important;color:#dc2626!important}.notif-hero-chip--alert i{color:#ef4444;font-size:.5rem}.notif-mark-all{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:999px;background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .15s,transform .12s;flex-shrink:0}.notif-mark-all:hover{background:#e8deff;transform:translateY(-1px)}.notif-toolbar{flex-shrink:0;background:var(--notif-toolbar-bg);border-bottom:1px solid var(--border, #eff0f7)}.notif-tabs-outer{position:relative}.notif-tabs-scroll{overflow-x:auto;scrollbar-width:none;padding:14px 18px}.notif-tabs-scroll::-webkit-scrollbar{display:none}.notif-tabs-outer:before,.notif-tabs-outer:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.notif-tabs-outer:before{left:0;background:linear-gradient(90deg,#fff 30%,transparent)}.notif-tabs-outer:after{right:0;background:linear-gradient(270deg,#fff 30%,transparent)}.notif-tabs-outer.notif-tabs-can-scroll-left:before,.notif-tabs-outer.notif-tabs-can-scroll-right:after{opacity:1}.notif-tabs{display:flex;gap:6px;min-width:max-content}.notif-tab{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 18px;border:1.5px solid transparent;border-radius:999px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--notif-fg-secondary);cursor:pointer;white-space:nowrap;transition:all .15s}.notif-tab:hover{background:#7b2ff70f;color:var(--purple, #7b2ff7)}.notif-tab-active{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);border-color:#7b2ff733;box-shadow:0 2px 8px #7b2ff71f}.notif-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red-badge, #ef3e36);color:#fff;font-size:.625rem;font-weight:800;line-height:18px;text-align:center}.notif-body{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 24px;background:var(--notif-surface-muted)}.notif-group{margin-bottom:20px}.notif-group:last-child{margin-bottom:0}.notif-group-label{margin:0 0 10px 4px;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--notif-fg-muted)}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.notif-item{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px 14px 22px;background:var(--notif-surface);border-radius:14px;color:var(--notif-fg);border:1px solid var(--border, #eff0f7);box-shadow:var(--card-shadow);transition:box-shadow .15s,border-color .15s}.notif-item-visual{position:relative;flex-shrink:0}.notif-item:hover{box-shadow:0 6px 22px #7b2ff71a}.notif-item--unread{border-color:#7b2ff733;background:linear-gradient(90deg,rgba(123,47,247,.06) 0%,var(--notif-surface) 16%)}.notif-item-dot{position:absolute;top:16px;left:10px;width:8px;height:8px;border-radius:50%;background:var(--purple, #7b2ff7);box-shadow:0 0 0 3px #7b2ff733}.notif-item-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--notif-color, #7b2ff7);background:var(--notif-bg, rgba(123, 47, 247, .12))}.notif-item-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--notif-surface);box-shadow:0 2px 10px #0000001a}.notif-item-badge{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--notif-color, #7b2ff7);background:var(--notif-bg, rgba(123, 47, 247, .12));border:2px solid var(--notif-surface);box-shadow:0 2px 6px #0000001f}.notif-item-body{flex:1;min-width:0}.notif-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.notif-item-head strong{font-size:.9375rem;font-weight:700;color:var(--notif-fg)}.notif-item-head time{font-size:.6875rem;color:var(--notif-fg-muted);flex-shrink:0;font-weight:600}.notif-item-body p{margin:0 0 6px;font-size:.8125rem;color:var(--notif-fg-secondary);line-height:1.45}.notif-item-handle{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--notif-fg)}.notif-item-handle i{color:var(--blue-check, #1d9bf0);font-size:.6875rem}.notif-item-handle em{font-style:normal;font-weight:500;color:var(--notif-fg-muted)}.notif-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.notif-item-btn{padding:8px 14px;border:none;border-radius:999px;background:linear-gradient(135deg,#9340ff,#7b2ff7);color:#fff;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .1s,box-shadow .12s}.notif-item-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7b2ff759}.notif-item-mark{width:32px;height:32px;border:1px solid var(--border, #eff0f7);border-radius:50%;background:var(--notif-surface);color:var(--notif-fg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .12s,color .12s}.notif-item-mark:hover{background:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.notif-empty{text-align:center;padding:56px 24px;background:var(--notif-surface);border-radius:16px;border:1px dashed var(--border, #eff0f7)}.notif-empty i{font-size:2.5rem;color:var(--notif-fg-muted);opacity:.65;margin-bottom:12px}.notif-empty h2{margin:0 0 8px;font-size:1.125rem;font-weight:800;color:var(--notif-fg)}.notif-empty p{margin:0;font-size:.875rem;color:var(--notif-fg-secondary)}.notif-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;background:#14142b;color:#fff;font-size:.875rem;font-weight:600;box-shadow:0 12px 32px #00000040;animation:notif-toast-in .28s ease}.notif-toast i{color:#4ade80}@keyframes notif-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .notif-shell{--notif-fg: #ede8ff;--notif-fg-secondary: #9b91cc;--notif-fg-muted: #7a72a8;--notif-surface: #161230;--notif-surface-muted: #120f26;--notif-toolbar-bg: linear-gradient(180deg, #1e1a32 0%, #161230 100%);background:var(--notif-surface);border-color:var(--border)}[data-theme=dark] .notif-hero-bg{background:radial-gradient(ellipse 70% 100% at 0% 0%,rgba(20,184,166,.15) 0%,transparent 50%),linear-gradient(165deg,#1a1528 0%,var(--notif-surface) 100%)}[data-theme=dark] .notif-body{background:var(--notif-surface-muted)}[data-theme=dark] .notif-item,[data-theme=dark] .notif-empty{background:var(--notif-surface);border-color:var(--border)}[data-theme=dark] .notif-item--unread{background:linear-gradient(90deg,rgba(123,47,247,.12) 0%,var(--notif-surface) 18%)}[data-theme=dark] .notif-hero-chips span:not(.notif-hero-chip--alert){background:var(--notif-surface-muted);border-color:var(--border);color:var(--notif-fg-secondary)}[data-theme=dark] .notif-tabs-outer:before{background:linear-gradient(90deg,#161230 30%,transparent)}[data-theme=dark] .notif-tabs-outer:after{background:linear-gradient(270deg,#161230 30%,transparent)}[data-theme=dark] .notif-item-avatar,[data-theme=dark] .notif-item-badge{border-color:var(--notif-surface)}[data-theme=dark] .notif-item-mark{background:var(--notif-surface-muted);border-color:var(--border);color:var(--notif-fg-secondary)}[data-theme=dark] .notif-toast{background:#ede8ff;color:#14142b}[data-theme=dark] .notif-toast i{color:#16a34a}@media(max-width:720px){.notif-item{flex-wrap:wrap;padding:14px}.notif-item-actions{width:100%;flex-direction:row;justify-content:flex-end}.notif-item-head{flex-direction:column;align-items:flex-start;gap:2px}}.db-main.db-main--subscription,.db-main.db-main--wallet{overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;min-height:0}.bill{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;width:100%;background:var(--white, #fff);border-radius:18px;overflow:hidden;border:1px solid rgba(239,240,247,.95);box-shadow:0 4px 28px #7b2ff717,0 0 0 1px #7b2ff70a;font-family:var(--font);color:var(--text-dark, #14142b)}.bill-hero{position:relative;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--border, #eff0f7)}.bill-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(123,47,247,.18) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 100% 0%,rgba(245,197,24,.14) 0%,transparent 50%),linear-gradient(165deg,#faf8ff,#fff 45%,#fffbf0);pointer-events:none}.bill-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.55}.bill-hero-orb--1{width:180px;height:180px;top:-40px;right:12%;background:#7b2ff759;animation:bill-float 8s ease-in-out infinite}.bill-hero-orb--2{width:120px;height:120px;bottom:-30px;left:8%;background:#f5c5184d;animation:bill-float 10s ease-in-out infinite reverse}@keyframes bill-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}.bill-hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 18px;flex-wrap:wrap}.bill-hero-left{display:flex;gap:16px;align-items:flex-start;min-width:0}.bill-hero-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#b366ff,#7b2ff7,#6a28e8);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;flex-shrink:0;box-shadow:0 8px 28px #7b2ff773,inset 0 1px #fff6;position:relative}.bill-hero-icon:after{content:"";position:absolute;inset:-3px;border-radius:20px;background:linear-gradient(135deg,#9340ff80,#f5c5184d);z-index:-1;opacity:.6}.bill-hero-left h1{margin:0 0 6px;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--text-dark, #14142b)}.bill-hero-left p{margin:0 0 12px;font-size:.875rem;color:var(--text-mid, #4e4b66);line-height:1.45;max-width:400px}.bill-hero-chips{display:flex;flex-wrap:wrap;gap:8px}.bill-hero-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-mid, #4e4b66);background:#ffffffe6;border:1px solid var(--border, #eff0f7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bill-hero-chips i{font-size:.6875rem;color:var(--purple, #7b2ff7)}.bill-hero-chip--plan{background:var(--purple-bg, #f0ebff)!important;border-color:#7b2ff740!important;color:var(--purple, #7b2ff7)!important}.bill-balance-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7b2ff780,#f5c51873) border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #7b2ff71f,0 0 0 1px #fffc inset;flex-shrink:0;position:relative;z-index:1}.bill-balance-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #7b2ff733,0 0 0 1px #ffffffe6 inset}.bill-balance-card span{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bill-balance-card small{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light, #a0a3bd)}.bill-balance-card strong{font-size:1.0625rem;font-weight:800;color:var(--purple, #7b2ff7);letter-spacing:-.02em}.bill-balance-card em{font-size:.6875rem;font-style:normal;font-weight:600;color:var(--text-mid, #4e4b66)}.bill-balance-card>i{color:var(--text-light, #a0a3bd);font-size:.75rem}.bill-tabs-outer{flex-shrink:0;background:linear-gradient(180deg,#faf9fc,#fff);border-bottom:1px solid var(--border, #eff0f7)}.bill-tabs-scroll{overflow-x:auto;scrollbar-width:none;padding:14px 18px}.bill-tabs-scroll::-webkit-scrollbar{display:none}.bill-tabs{display:flex;gap:6px;min-width:max-content}.bill-tab{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 18px;border:1.5px solid transparent;border-radius:999px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.bill-tab:hover{background:#7b2ff70f;color:var(--purple, #7b2ff7)}.bill-tab-active{background:linear-gradient(135deg,#f3ebff,#ede9fe);color:var(--purple, #7b2ff7);border-color:#7b2ff740;box-shadow:0 4px 14px #7b2ff726}.bill-tab i{font-size:.8125rem}.bill-main{flex:1;min-height:0;overflow-y:auto;background:radial-gradient(circle at 20% 0%,rgba(123,47,247,.06) 0%,transparent 40%),radial-gradient(circle at 80% 100%,rgba(245,197,24,.05) 0%,transparent 35%),var(--bg, #f4f2fa)}.bill-panel{padding:18px 20px 22px;max-width:1100px;margin:0 auto}.bill-panel--plans{display:flex;flex-direction:column;min-height:100%}.bill-highlights{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bill-highlights li{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;font-size:.8125rem;font-weight:600;color:var(--text-mid, #4e4b66);background:var(--white, #fff);border-radius:12px;border:1px solid var(--border, #eff0f7);box-shadow:var(--card-shadow);transition:transform .15s,box-shadow .15s}.bill-highlights li:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff71a}.bill-highlights i{width:32px;height:32px;line-height:32px;text-align:center;border-radius:10px;font-size:.875rem;color:var(--purple, #7b2ff7);background:var(--purple-bg, #f0ebff);flex-shrink:0}.bill-panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.bill-panel-head h2{margin:0;font-size:1rem;font-weight:800;color:var(--text-dark, #14142b)}.bill-panel-head span{font-size:.75rem;font-weight:600;color:var(--text-light, #a0a3bd)}.bill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-md, 10px);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .12s,background .12s}.bill-btn--secondary{background:var(--white, #fff);color:var(--purple, #7b2ff7);border:1.5px solid rgba(123,47,247,.35)}.bill-btn--secondary:hover:not(:disabled){background:var(--purple-bg, #f0ebff)}.bill-btn--current{background:#22c55e1f;color:#16a34a;cursor:default}.bill-btn--light{background:#fff;color:var(--purple, #7b2ff7);border-radius:999px;padding:10px 20px;font-size:.8125rem;box-shadow:0 4px 12px #00000026}.bill-btn--light:hover{transform:scale(1.03)}.bill-btn--ghost{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7);padding:10px 18px;font-size:.8125rem}.bill-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;flex:1}.bill-plan{position:relative;display:flex;flex-direction:column;padding:0 0 18px;background:var(--white, #fff);border:1px solid var(--border, #eff0f7);border-radius:18px;box-shadow:var(--card-shadow);transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s;overflow:hidden}.bill-plan-accent{height:4px;width:100%;background:linear-gradient(90deg,#cbd5e1,#e2e8f0);flex-shrink:0}.bill-plan--premium .bill-plan-accent,.bill-plan--featured .bill-plan-accent{background:linear-gradient(90deg,#9340ff,#7b2ff7,#a855f7)}.bill-plan--vip .bill-plan-accent{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24)}.bill-plan--current .bill-plan-accent{background:linear-gradient(90deg,#4ade80,#22c55e)}.bill-plan:hover{transform:translateY(-4px);box-shadow:0 14px 40px #7b2ff724}.bill-plan--featured{border-color:#7b2ff759;background:linear-gradient(180deg,#faf8ff,#fff 40%);box-shadow:0 12px 40px #7b2ff733,0 0 0 1px #7b2ff71a;transform:scale(1.02);z-index:1}.bill-plan--featured:hover{transform:scale(1.02) translateY(-4px)}.bill-plan--current{border-color:#22c55e66;box-shadow:0 8px 28px #22c55e1f}.bill-plan-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#9340ff,#7b2ff7);color:#fff;box-shadow:0 2px 10px #7b2ff759}.bill-plan-badge--active{background:#22c55e26;color:#16a34a;box-shadow:none}.bill-plan-top{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 0}.bill-plan-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 4px 12px #0000000f}.bill-plan-icon--free{background:var(--bg, #f4f2fa);color:var(--text-mid, #4e4b66)}.bill-plan-icon--premium{background:linear-gradient(145deg,#ede9fe,#ddd6fe);color:#7c3aed}.bill-plan-icon--vip{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#b45309}.bill-plan-head{flex:1;min-width:0;padding-top:2px}.bill-plan-head h3{margin:0 0 4px;font-size:1.3125rem;font-weight:800;letter-spacing:-.03em}.bill-plan-head p{margin:0;font-size:.8125rem;color:var(--text-mid, #4e4b66);line-height:1.4}.bill-plan-price{margin:14px 18px 12px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#f8f7fc,#f4f2fa);border:1px solid var(--border, #eff0f7)}.bill-plan--featured .bill-plan-price{background:linear-gradient(135deg,#f3ebff,#faf8ff);border-color:#7b2ff726}.bill-plan--vip .bill-plan-price{background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#f59e0b33}.bill-plan-price strong{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--text-dark, #14142b);line-height:1}.bill-plan-price span{font-size:.875rem;color:var(--text-light, #a0a3bd);margin-left:4px;font-weight:500}.bill-plan-features-wrap{flex:1;margin:0 18px 14px;padding:12px 14px;background:#f4f2fa99;border-radius:12px;border:1px solid rgba(239,240,247,.8)}.bill-plan--featured .bill-plan-features-wrap{background:#7b2ff70a;border-color:#7b2ff71a}.bill-plan-includes{margin:0 0 8px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light, #a0a3bd)}.bill-plan-features{list-style:none;margin:0;padding:0}.bill-plan-features li{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-mid, #4e4b66);padding:7px 0;line-height:1.35;border-bottom:1px solid rgba(239,240,247,.7)}.bill-plan-features li:last-child{border-bottom:none;padding-bottom:0}.bill-plan-check{width:20px;height:20px;border-radius:50%;background:#22c55e1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bill-plan-check i{color:#22c55e;font-size:.5625rem}.bill-plan .bill-btn{width:calc(100% - 36px);margin:0 18px;padding:13px 20px;border-radius:12px}.bill-btn--primary{color:#fff;background:linear-gradient(135deg,#a855f7,#7b2ff7,#6a28e8);box-shadow:0 6px 20px #7b2ff766;position:relative;overflow:hidden}.bill-btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:transform .5s}.bill-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #7b2ff780}.bill-btn--primary:hover:not(:disabled):before{transform:translate(100%)}.bill-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:.75rem;color:var(--text-mid, #4e4b66);line-height:1.45;background:var(--white, #fff);border-radius:var(--radius-md, 10px);border:1px solid var(--border, #eff0f7)}.bill-note i{color:var(--purple, #7b2ff7);margin-top:2px}.bill-perks{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.bill-perks li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;color:var(--text-mid, #4e4b66);background:var(--white, #fff);border:1px solid var(--border, #eff0f7);border-radius:999px;box-shadow:var(--card-shadow)}.bill-perks i{color:#f59e0b;font-size:.8125rem}.bill-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.bill-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 14px;background:var(--white, #fff);border:2px solid var(--border, #eff0f7);border-radius:16px;cursor:pointer;font-family:inherit;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--card-shadow)}.bill-pack:hover{border-color:#7b2ff759;transform:translateY(-3px);box-shadow:0 10px 28px #7b2ff71f}.bill-pack--selected{border-color:var(--purple, #7b2ff7);background:linear-gradient(180deg,#faf8ff,#fff);box-shadow:0 0 0 3px #7b2ff726,0 8px 24px #7b2ff726}.bill-pack--popular{background:linear-gradient(180deg,#fffbeb,#fff);border-color:var(--gold-border, #f5c518)}.bill-pack-radio{position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;border:2px solid var(--border, #eff0f7);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--purple, #7b2ff7)}.bill-pack--selected .bill-pack-radio{border-color:var(--purple, #7b2ff7);background:var(--purple-bg, #f0ebff)}.bill-pack-tag{position:absolute;top:10px;right:10px;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.bill-pack-coins{font-size:1.125rem;font-weight:800;color:var(--text-dark, #14142b);margin-top:8px}.bill-pack-unit{font-size:.6875rem;font-weight:600;color:var(--text-light, #a0a3bd);text-transform:uppercase;letter-spacing:.04em}.bill-pack-bonus{font-size:.6875rem;font-weight:700;color:#16a34a}.bill-pack-price{font-size:1.0625rem;font-weight:800;color:var(--purple, #7b2ff7);margin-top:6px}.bill-pack-total{font-size:.625rem;color:var(--text-light, #a0a3bd);font-weight:600}.bill-checkout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--white, #fff);border:1px solid rgba(123,47,247,.15);border-radius:var(--radius-lg, 14px);box-shadow:0 4px 20px #7b2ff71a;flex-wrap:wrap}.bill-checkout-info{display:flex;align-items:center;gap:14px}.bill-checkout-info div{display:flex;flex-direction:column;gap:2px}.bill-checkout-info strong{font-size:1.0625rem;font-weight:800;color:var(--text-dark, #14142b)}.bill-checkout-info span{font-size:.75rem;font-weight:600;color:#16a34a}.bill-checkout-info em{font-size:.8125rem;font-style:normal;color:var(--text-mid, #4e4b66);font-weight:600}.bill-panel--wallet{max-width:640px}.bill-wallet-card{position:relative;display:flex;align-items:center;gap:18px;padding:28px 24px;margin-bottom:20px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#b366ff,#7b2ff7 45%,#6d28d9);box-shadow:0 16px 48px #7b2ff766,inset 0 1px #fff3}.bill-wallet-card-bg{position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.08) 0%,transparent 35%);pointer-events:none}.bill-wallet-coin{position:relative;z-index:1;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.bill-wallet-balance{position:relative;z-index:1;flex:1;color:#fff}.bill-wallet-balance span{display:block;font-size:.8125rem;opacity:.9;margin-bottom:2px}.bill-wallet-balance strong{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}.bill-wallet-balance em{font-size:.75rem;font-style:normal;opacity:.8}.bill-wallet-card .bill-btn--light{position:relative;z-index:1;flex-shrink:0}.bill-filters{display:flex;gap:6px;padding:4px;background:var(--white, #fff);border-radius:var(--radius-md, 10px);border:1px solid var(--border, #eff0f7);width:fit-content;margin-bottom:12px}.bill-filter{padding:8px 16px;border:none;border-radius:8px;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--text-mid, #4e4b66);cursor:pointer;transition:background .12s,color .12s}.bill-filter-active{background:var(--purple-bg, #f0ebff);color:var(--purple, #7b2ff7)}.bill-tx-list{list-style:none;margin:0;padding:0;background:var(--white, #fff);border-radius:var(--radius-lg, 14px);border:1px solid var(--border, #eff0f7);overflow:hidden;box-shadow:var(--card-shadow)}.bill-tx-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border, #eff0f7);transition:background .12s}.bill-tx-item:last-child{border-bottom:none}.bill-tx-item:hover{background:#7b2ff708}.bill-tx-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.bill-tx-icon--in{background:#22c55e1f;color:#22c55e}.bill-tx-icon--out{background:#ef44441a;color:#ef4444}.bill-tx-body{flex:1;min-width:0}.bill-tx-body strong{display:block;font-size:.875rem;font-weight:700;color:var(--text-dark, #14142b)}.bill-tx-body span{font-size:.75rem;color:var(--text-light, #a0a3bd)}.bill-tx-end{text-align:right;flex-shrink:0}.bill-tx-amt--pos{display:block;font-size:.9375rem;font-weight:800;color:#16a34a}.bill-tx-amt--neg{display:block;font-size:.9375rem;font-weight:800;color:#ef4444}.bill-tx-end time{font-size:.6875rem;color:var(--text-light, #a0a3bd)}.bill-tx-empty{padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-light, #a0a3bd)}.bill-tx-empty i{font-size:2rem;opacity:.45}.bill-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-lg, 14px);background:var(--text-dark, #14142b);color:#fff;font-size:.875rem;font-weight:600;box-shadow:0 12px 32px #00000040;animation:bill-toast-in .28s ease}.bill-toast i{color:#4ade80}@keyframes bill-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.db-coins-badge{cursor:pointer;font-family:inherit;transition:transform .12s}.db-coins-badge:hover{transform:scale(1.04)}[data-theme=dark] .bill{background:var(--white);border-color:var(--border)}[data-theme=dark] .bill-hero-bg{background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(123,47,247,.22) 0%,transparent 55%),linear-gradient(165deg,#1a1528 0%,var(--white) 100%)}[data-theme=dark] .bill-hero-left h1,[data-theme=dark] .bill-plan-head h3,[data-theme=dark] .bill-pack-coins,[data-theme=dark] .bill-checkout-info strong,[data-theme=dark] .bill-panel-head h2,[data-theme=dark] .bill-tx-body strong{color:var(--text-dark)}[data-theme=dark] .bill-main{background:var(--bg)}[data-theme=dark] .bill-tabs-outer{background:linear-gradient(180deg,var(--bg) 0%,var(--white) 100%);border-color:var(--border)}[data-theme=dark] .bill-hero-chips span,[data-theme=dark] .bill-balance-card,[data-theme=dark] .bill-plan,[data-theme=dark] .bill-pack,[data-theme=dark] .bill-checkout,[data-theme=dark] .bill-tx-list,[data-theme=dark] .bill-note,[data-theme=dark] .bill-perks li,[data-theme=dark] .bill-filters{background:var(--white);border-color:var(--border)}[data-theme=dark] .bill-tab-active,[data-theme=dark] .bill-filter-active{background:#7b2ff726}[data-theme=dark] .bill-plan--featured{background:linear-gradient(180deg,rgba(123,47,247,.12) 0%,var(--white) 35%)}[data-theme=dark] .bill-highlights li,[data-theme=dark] .bill-plan-features-wrap{background:var(--white);border-color:var(--border)}[data-theme=dark] .bill-plan-price{background:var(--bg);border-color:var(--border)}@media(max-width:960px){.bill-plans,.bill-packs{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bill-highlights{grid-template-columns:1fr}.bill-plan--featured{transform:none}.bill-plan--featured:hover{transform:translateY(-4px)}.bill-hero-inner{flex-direction:column;padding:16px}.bill-balance-card{width:100%;justify-content:space-between}.bill-tabs{width:100%;justify-content:center}.bill-tab{flex:1;justify-content:center}.bill-panel{padding:14px}.bill-plans,.bill-packs{grid-template-columns:1fr}.bill-checkout{flex-direction:column;align-items:stretch}.bill-checkout .bill-btn{width:100%}.bill-wallet-card{flex-direction:column;text-align:center}.bill-wallet-card .bill-btn--light{width:100%;justify-content:center}}.db-social--create{position:relative;padding-bottom:72px}.sp-composer{background:var(--white);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:var(--card-shadow);border:1px solid rgba(239,240,247,.9)}.sp-composer-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.sp-composer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.sp-composer-input{flex:1;text-align:left;border:none;background:var(--bg);border-radius:999px;padding:10px 16px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;transition:background .15s,color .15s}.sp-composer-input:hover{background:var(--purple-bg);color:var(--text-mid)}.sp-composer-actions{display:flex;align-items:center;justify-content:space-around;gap:4px;padding-top:10px}.sp-composer-action{display:inline-flex;align-items:center;gap:6px;border:none;background:none;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-mid);cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s}.sp-composer-action:hover{background:var(--bg)}.sp-composer-action i{font-size:18px}.sp-composer-action--photo i{color:#45bd62}.sp-composer-action--feeling i{color:#f7b125}.sp-composer-action--video i{color:#e74c3c}.sp-fab{position:fixed;right:20px;bottom:88px;z-index:90;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--purple),#9b4dff);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 6px 24px #7b2ff773;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.sp-fab:hover{transform:scale(1.06);box-shadow:0 8px 28px #7b2ff78c}@media(min-width:1100px){.sp-fab{right:calc(50% - 220px);bottom:32px}}.sp-modal-backdrop{position:fixed;inset:0;z-index:200;background:#0f0c1e8c;display:flex;align-items:center;justify-content:center;padding:16px;animation:sp-fade-in .2s ease}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}.sp-modal{width:100%;max-width:520px;max-height:min(92vh,720px);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000038;display:flex;flex-direction:column;overflow:hidden;animation:sp-slide-up .28s cubic-bezier(.34,1.2,.64,1)}@keyframes sp-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-modal-header{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sp-modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--text-dark)}.sp-modal-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:var(--bg);color:var(--text-mid);cursor:pointer;font-size:16px}.sp-modal-close:hover{background:var(--purple-bg);color:var(--purple)}.sp-modal-user-row{display:flex;align-items:flex-start;gap:10px;padding:12px 16px 0;flex-shrink:0}.sp-modal-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.sp-modal-user-meta strong{display:block;font-size:14px;color:var(--text-dark);margin-bottom:4px}.sp-audience-wrap{position:relative}.sp-audience-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--bg);border-radius:6px;padding:4px 8px;font-family:var(--font);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer}.sp-audience-btn .fa-chevron-down{font-size:9px;opacity:.7}.sp-audience-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:10;list-style:none;margin:0;padding:4px;min-width:200px;background:var(--white);border-radius:10px;box-shadow:0 8px 28px #00000024;border:1px solid var(--border)}.sp-audience-opt{display:flex;align-items:flex-start;gap:10px;width:100%;border:none;background:none;padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;font-family:var(--font);color:var(--text-mid)}.sp-audience-opt:hover,.sp-audience-opt--on{background:var(--purple-bg)}.sp-audience-opt strong{display:block;font-size:13px;color:var(--text-dark)}.sp-audience-opt small{font-size:11px;color:var(--text-light)}.sp-modal-form{flex:1;overflow-y:auto;padding:0 16px 16px;scrollbar-width:thin}.sp-compose-area{min-height:120px;padding:4px 0 8px;border-radius:8px}.sp-compose-area--bg{padding:20px 16px;border-radius:12px;min-height:160px}.sp-compose-feeling-line{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-mid)}.sp-compose-feeling-line span{font-size:18px}.sp-compose-text{width:100%;border:none;resize:vertical;min-height:88px;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text-dark);background:transparent;outline:none}.sp-compose-text::placeholder{color:var(--text-light)}.sp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sp-chip{display:inline-flex;align-items:center;gap:6px;background:var(--purple-bg);border-radius:999px;padding:4px 8px 4px 4px;font-size:12px;font-weight:600;color:var(--purple)}.sp-chip img{width:22px;height:22px;border-radius:50%}.sp-chip button{border:none;background:none;cursor:pointer;font-size:14px;color:var(--text-mid);padding:0 2px}.sp-location-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:#e74c3c}.sp-location-badge button{border:none;background:none;cursor:pointer}.sp-audio-preview,.sp-recording{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:var(--purple-bg);border-radius:10px;font-size:13px;font-weight:600;color:var(--purple)}.sp-recording-dot{width:8px;height:8px;border-radius:50%;background:#e74c3c;animation:sp-pulse 1s ease infinite}@keyframes sp-pulse{50%{opacity:.4}}.sp-audio-preview button,.sp-recording button{margin-left:auto;border:none;background:none;font-family:var(--font);font-size:12px;font-weight:700;color:var(--purple);cursor:pointer}.sp-media-grid{display:grid;gap:4px;margin-top:10px;border-radius:10px;overflow:hidden}.sp-media-grid--1{grid-template-columns:1fr}.sp-media-grid--2{grid-template-columns:1fr 1fr}.sp-media-grid--3,.sp-media-grid--10{grid-template-columns:repeat(3,1fr)}.sp-media-item{position:relative;aspect-ratio:1;background:var(--bg)}.sp-media-item img,.sp-media-item video{width:100%;height:100%;object-fit:cover;display:block}.sp-media-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;font-size:12px}.sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-top:8px}.sp-toolbar-label{font-size:13px;font-weight:600;color:var(--text-mid);flex-shrink:0}.sp-toolbar-btns{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end}.sp-tool{width:36px;height:36px;border:none;border-radius:8px;background:none;cursor:pointer;font-size:18px;transition:background .15s,transform .15s}.sp-tool:hover{background:var(--bg);transform:scale(1.08)}.sp-tool--photo{color:#45bd62}.sp-tool--tag{color:#1877f2}.sp-tool--feeling{color:#f7b125}.sp-tool--location{color:#e74c3c}.sp-tool--mic{color:#9b4dff}.sp-tool--bg{color:#6366f1}.sp-tool--emoji{color:#f7b125}.sp-tool--schedule{color:var(--text-mid)}.sp-file-input{display:none}.sp-panel{margin-top:10px;padding:12px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.sp-panel-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-dark)}.sp-panel-tabs{display:flex;gap:4px;margin-bottom:10px}.sp-panel-tabs button{flex:1;border:none;background:var(--white);border-radius:8px;padding:8px;font-family:var(--font);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer}.sp-panel-tab--on{background:var(--purple)!important;color:#fff!important}.sp-feeling-grid,.sp-location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:180px;overflow-y:auto}.sp-feeling-opt,.sp-location-opt{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--white);padding:8px 10px;font-family:var(--font);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer;text-align:left}.sp-feeling-opt span:first-child{font-size:20px}.sp-feeling-opt:hover,.sp-location-opt:hover,.sp-location-opt--on{border-color:var(--purple);background:var(--purple-bg);color:var(--purple)}.sp-tag-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.sp-tag-row{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-dark)}.sp-tag-row img{width:36px;height:36px;border-radius:50%}.sp-bg-swatches{display:flex;flex-wrap:wrap;gap:8px}.sp-bg-swatch{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer}.sp-bg-swatch--on{border-color:var(--text-dark);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--purple)}.sp-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.sp-emoji-btn{border:none;background:none;font-size:22px;cursor:pointer;padding:4px;border-radius:6px}.sp-emoji-btn:hover{background:var(--white)}.sp-schedule-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font);font-size:14px}.sp-schedule-hint{margin:8px 0 0;font-size:11px;color:var(--text-light)}.sp-hashtag-label{display:block;margin-top:12px;font-size:12px;font-weight:700;color:var(--text-mid)}.sp-hashtag-input{width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font);font-size:13px;outline:none}.sp-hashtag-input:focus{border-color:#7b2ff773}.sp-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.sp-char-count{font-size:11px;color:var(--text-light)}.sp-footer-btns{display:flex;gap:8px;margin-left:auto}.sp-draft-btn{border:1px solid var(--border);background:var(--white);border-radius:8px;padding:10px 14px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-mid);cursor:pointer}.sp-draft-btn:disabled{opacity:.45;cursor:not-allowed}.sp-post-btn{border:none;background:var(--purple);color:#fff;border-radius:8px;padding:10px 22px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;min-width:88px}.sp-post-btn:disabled{opacity:.45;cursor:not-allowed}.sp-post-btn:not(:disabled):hover{background:var(--purple-hover)}.sp-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:210;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#1a1628;color:#fff;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 8px 32px #00000040;animation:sp-toast-in .35s ease}.sp-toast i{color:#45bd62}@keyframes sp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .sp-composer,[data-theme=dark] .sp-modal{background:#161230;border-color:#27204a}[data-theme=dark] .sp-composer-input,[data-theme=dark] .sp-audience-btn,[data-theme=dark] .sp-toolbar,[data-theme=dark] .sp-panel{background:#1e1840;border-color:#27204a}[data-theme=dark] .sp-compose-text{color:var(--text-dark)}[data-theme=dark] .sp-audience-menu,[data-theme=dark] .sp-feeling-opt,[data-theme=dark] .sp-location-opt{background:#161230;border-color:#27204a}[data-theme=dark] .sp-modal-header,[data-theme=dark] .sp-modal-footer,[data-theme=dark] .sp-composer-top{border-color:#27204a}[data-theme=dark] .sp-draft-btn{background:#1e1840;border-color:#27204a}.hp2-page{--hp2-accent: #f43f5e;--hp2-accent-hover: #e11d48;--hp2-bg-start: #fffbf7;--hp2-bg-end: #faf5ff;--hp2-text: #1e293b;--hp2-muted: #64748b;--hp2-white: #ffffff;--hp2-peach: #ffe8dc;--hp2-lavender: #ede9fe;--hp2-mint: #d1fae5;--hp2-soft-pink: #ffe4e9;--hp2-card-radius: 2.5rem;--hp2-inner-radius: 24px;--hp2-shadow: 0 24px 80px rgba(244, 63, 94, .08);--hp2-shadow-sm: 0 10px 40px rgba(15, 23, 42, .06);--hp2-ring: rgba(15, 23, 42, .08);--hp2-cream-field: rgba(253, 242, 232, .85);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--hp2-text);min-height:100vh;background-color:var(--hp2-bg-start);background-image:radial-gradient(ellipse 70% 50% at 10% -10%,rgba(253,186,170,.45),transparent 55%),radial-gradient(ellipse 60% 45% at 92% 5%,rgba(216,201,255,.5),transparent 50%),radial-gradient(ellipse 80% 50% at 50% 105%,rgba(251,207,232,.35),transparent 55%),linear-gradient(180deg,var(--hp2-bg-start) 0%,#ffffff 45%,var(--hp2-bg-end) 100%);background-attachment:fixed;isolation:isolate;position:relative;z-index:1;scroll-padding-top:112px}.hp2-page main section.hp2-hero[id],.hp2-page main section.hp2-section[id],.hp2-page footer section.hp2-section[id]{scroll-margin-top:112px}.hp2-page *,.hp2-page *:before,.hp2-page *:after{box-sizing:border-box}.hp2-page section{border:none!important;border-bottom:none!important}.hp2-page main section.hp2-hero{padding-top:56px!important;padding-bottom:88px!important}.hp2-page main section.hp2-section{padding-top:56px!important;padding-bottom:88px!important}.hp2-page main{display:block;width:100%;max-width:100%;overflow-x:hidden}.hp2-page .hp2-feature-card img,.hp2-page .hp2-img-grid-cell img{max-width:100%;height:auto;display:block}.hp2-page .hp2-hero-img{max-width:100%;display:block}.hp2-page main,.hp2-page nav,.hp2-page footer.hp2-footer{border:none!important}.hp2-page h1,.hp2-page h2,.hp2-page h3,.hp2-page h4,.hp2-page h5,.hp2-page h6{color:var(--hp2-text)}.hp2-page .hp2-script{color:var(--hp2-accent)}.hp2-page p{color:var(--hp2-muted)}.hp2-page a{text-decoration:none}.hp2-page .hp2-brand,.hp2-page .hp2-brand:hover{color:var(--hp2-text)}.hp2-page .hp2-nav-links a{color:var(--hp2-muted)}.hp2-page .hp2-nav-links a:hover{color:var(--hp2-accent)}.hp2-page .hp2-nav-links a.hp2-nav-active,.hp2-page .hp2-mobile-menu a.hp2-nav-active{color:var(--hp2-accent);font-weight:700}.hp2-page a.hp2-login{color:var(--hp2-text)}.hp2-page a.hp2-login:hover{color:var(--hp2-accent)}.hp2-page .hp2-feature-card h3,.hp2-page .hp2-faq-q,.hp2-page .hp2-footer-col h4{color:var(--hp2-text)}.hp2-page .hp2-footer-col a,.hp2-page .hp2-footer-secondary a,.hp2-page .hp2-footer-bottom-left p{color:var(--hp2-muted)}.hp2-page .hp2-link-more,.hp2-page .hp2-text-link-btn{color:var(--hp2-accent)}.hp2-page .hp2-store-btn{color:#f8fafc}.hp2-page .hp2-hero-badge{color:var(--hp2-accent)}.hp2-page .hp2-hero-badge strong{color:var(--hp2-text)}.hp2-page .hp2-mobile-menu a{color:var(--hp2-muted)}.hp2-page .hp2-mobile-menu a:hover{color:var(--hp2-accent)}.hp2-page .hp2-social-text,.hp2-page .hp2-faq-a-inner{color:var(--hp2-muted)}.hp2-page .hp2-input{color:var(--hp2-text);background-color:var(--hp2-white)}.hp2-page .hp2-bubble-text strong{color:var(--hp2-text)}.hp2-inner{max-width:1280px;margin:0 auto;padding:0 24px}.hp2-nav{position:sticky;top:0;z-index:100;padding:16px 0 10px;background:transparent}.hp2-nav.hp2-nav-scrolled .hp2-nav-pill{box-shadow:0 1px 2px #0f172a0d,0 16px 48px #f43f5e29}.hp2-nav-inner-wrap{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.hp2-nav-pill{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:10px 12px 10px 20px;border-radius:999px;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hp2-ring);box-shadow:0 1px 2px #0f172a0a,0 8px 40px #f43f5e1a;transition:box-shadow .25s ease}.hp2-nav-left{display:flex;align-items:center;gap:clamp(12px,2.5vw,36px);min-width:0;flex:1}.hp2-brand-wordmark{display:inline-flex;align-items:center;gap:6px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.375rem;letter-spacing:-.03em;color:var(--hp2-accent);flex-shrink:0}.hp2-footer-wordmark{font-size:1.75rem;margin-bottom:4px}.hp2-brand-logo-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hp2-brand-logo-img{display:block;height:34px;width:auto;max-width:160px;object-fit:contain}.hp2-brand-logo-footer{height:44px;max-width:200px}.hp2-brand-heart-icon{font-size:1.1rem;color:inherit}.hp2-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--hp2-text);font-weight:700;font-size:1.35rem;letter-spacing:-.02em}button.hp2-brand{font-size:inherit}.hp2-brand-button{margin:0;background:none;border:none;padding:0;cursor:pointer;font:inherit}.hp2-brand-button:focus-visible{outline:2px solid var(--hp2-accent);outline-offset:4px;border-radius:8px}.hp2-brand-heart{color:var(--hp2-accent);font-size:1rem}.hp2-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;list-style:none;margin:0;padding:0;min-width:0}.hp2-scroll-anchor{height:0;margin:0;padding:0;overflow:hidden;scroll-margin-top:112px}.hp2-nav-links a{text-decoration:none;color:#1e293bb8;font-size:.8125rem;font-weight:600;padding:8px 12px;border-radius:999px;transition:color .2s,background .2s;white-space:nowrap}.hp2-nav-links a:hover{color:var(--hp2-accent);background:#f43f5e1a}.hp2-nav-links a.hp2-nav-active{color:var(--hp2-accent);font-weight:700;background:#f43f5e1f}.hp2-mobile-menu a.hp2-nav-active{color:var(--hp2-accent);font-weight:700}.hp2-nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hp2-login-nav{padding:8px 14px;font-size:.875rem;font-weight:600;color:#1e293bc7}.hp2-login-nav:hover{color:var(--hp2-accent)}.hp2-nav-register{padding:10px 20px;font-size:.8125rem;box-shadow:0 4px 16px #f43f5e59}.hp2-btn-pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:999px;background:var(--hp2-accent);color:var(--hp2-white);font-weight:600;font-size:.9375rem;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s,opacity .2s;box-shadow:0 4px 18px #f43f5e59}.hp2-btn-pill:hover{background:var(--hp2-accent-hover);transform:translateY(-1px)}.hp2-text-link-btn{display:inline-flex;align-items:center;padding:12px 4px;background:none;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--hp2-accent);cursor:pointer;text-decoration:none;transition:opacity .2s}.hp2-text-link-btn:hover{opacity:.85;text-decoration:underline}.hp2-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:999px;background:transparent;color:var(--hp2-accent);font-weight:600;font-size:.9375rem;text-decoration:none;border:2px solid var(--hp2-accent);cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.hp2-btn-outline:hover{background:#f43f5e14}.hp2-mobile-toggle{display:none;background:#f43f5e1f;border:none;width:44px;height:44px;border-radius:12px;color:var(--hp2-accent);font-size:1.25rem;cursor:pointer}.hp2-mobile-menu{display:none;flex-direction:column;gap:6px;padding:14px 16px;margin-top:10px;border-radius:1.5rem;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hp2-ring)}.hp2-mobile-menu.hp2-open{display:flex}.hp2-mobile-menu a{padding:10px 12px;border-radius:12px;color:var(--hp2-muted);text-decoration:none;font-weight:600;font-size:.875rem}.hp2-mobile-menu a:hover{background:#f43f5e14;color:var(--hp2-accent)}@media(max-width:1024px){.hp2-nav-links{display:none}.hp2-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:639px){.hp2-login-nav{display:none}}.hp2-login{background:none;border:none;padding:0;font-size:.9375rem;font-weight:600;color:var(--hp2-text);cursor:pointer;font-family:inherit}.hp2-login:hover{color:var(--hp2-accent)}.hp2-display{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-weight:600;line-height:1.15;letter-spacing:-.02em}.hp2-heading-em{font-style:italic;font-weight:600;color:var(--hp2-accent)}.hp2-script{font-family:Dancing Script,cursive;color:var(--hp2-accent);font-weight:600;font-style:normal}.hp2-heading-xl{font-size:clamp(2.25rem,5vw,3.35rem);margin:0 0 1rem}.hp2-heading-lg{font-size:clamp(1.75rem,3.5vw,2.35rem);margin:0 0 1rem}.hp2-heading-center{text-align:center;margin-bottom:48px;scroll-margin-top:112px}.hp2-lead{margin:0 0 1.75rem;color:var(--hp2-muted);font-size:1.0625rem;line-height:1.65;max-width:480px}.hp2-hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:1.25rem;padding:9px 16px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hp2-accent);background:#ffffffc7;border:1px solid var(--hp2-ring);box-shadow:0 2px 12px #f43f5e14}.hp2-hero-badge i{font-size:.75rem}.hp2-hero-badge strong{color:var(--hp2-text);font-weight:700}.hp2-hero{padding:56px 0 88px}.hp2-heading-xl.hp2-display{text-wrap:balance}.hp2-hero-copy .hp2-lead{max-width:46ch;font-size:1.0625rem;color:#1e293bb3}.hp2-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,56px);align-items:center}.hp2-card-form{background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.75rem;padding:24px;margin-bottom:28px;border:1px solid var(--hp2-ring);box-shadow:0 20px 50px #f43f5e1a}.hp2-field-label{display:block;font-size:.6875rem;font-weight:700;color:#1e293ba6;margin:0 0 7px 4px;letter-spacing:.03em;text-transform:uppercase}.hp2-field-wrap{margin-bottom:14px}.hp2-field-wrap:last-of-type{margin-bottom:18px}.hp2-input{box-sizing:border-box;width:100%;padding:13px 16px;border-radius:1rem;border:1px solid rgba(15,23,42,.1);background:var(--hp2-cream-field);font-family:inherit;font-size:.875rem;color:var(--hp2-text);transition:border-color .2s,box-shadow .2s}.hp2-input::placeholder{color:var(--hp2-muted)}.hp2-input:focus{outline:none;border-color:var(--hp2-accent);box-shadow:0 0 0 3px #f43f5e26}.hp2-btn-hero-cta{gap:10px;border-radius:1rem;padding:15px 20px;margin-top:4px}.hp2-btn-hero-cta-icon{font-size:.875rem}.hp2-btn-block{width:100%}.hp2-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hp2-avatars{display:flex}.hp2-avatar{width:38px;height:38px;border-radius:50%;border:2px solid #fff7ed;object-fit:cover;margin-left:-10px;box-shadow:0 2px 8px #0f172a1a}.hp2-avatar:first-child{margin-left:0}.hp2-social-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;font-size:.8125rem;color:var(--hp2-muted);line-height:1.4}.hp2-social-proof-line{display:inline;width:100%;flex-basis:100%;font-size:.75rem}.hp2-rating-strong{font-weight:700;color:var(--hp2-text)}.hp2-stars{color:var(--hp2-accent);letter-spacing:.02em}.hp2-hero-visual{position:relative;padding:12px 0}.hp2-hero-blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;pointer-events:none;z-index:0}.hp2-hero-blob-lav{width:160px;height:160px;background:#c4b5fd;top:-32px;left:-32px}.hp2-hero-blob-blush{width:200px;height:200px;background:#fda4af;bottom:-40px;right:-24px}.hp2-hero-img-frame{position:relative;z-index:1;border-radius:2.5rem;overflow:hidden;border:1px solid var(--hp2-ring);box-shadow:0 24px 60px #f43f5e2e}.hp2-hero-img{width:100%;aspect-ratio:4 / 5;max-height:580px;object-fit:cover;display:block;border-radius:0}.hp2-float{position:absolute;z-index:2;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hp2-ring);border-radius:1.15rem;padding:12px 16px;box-shadow:0 16px 40px #0f172a1a;display:flex;align-items:center;gap:12px;animation:hp2-float 5s ease-in-out infinite}.hp2-float-match{top:7%;left:-6px;max-width:200px;--hp2-rot: -5deg}.hp2-float-stats{flex-direction:column;align-items:flex-start;bottom:6%;left:-8px;animation-delay:.5s;--hp2-rot: 3deg}.hp2-float-msg{top:46%;right:-6px;animation-delay:1s;--hp2-rot: 5deg}.hp2-float-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;color:var(--hp2-accent)}.hp2-float-icon-blush{background:#f43f5e26}.hp2-float-icon-mint{background:#10b98126;color:var(--hp2-accent)}.hp2-float-title{margin:0;font-size:.8125rem;font-weight:700;color:var(--hp2-text)}.hp2-float-label{margin:0;font-size:.6875rem;font-weight:700;color:var(--hp2-text)}.hp2-float-sub{margin:2px 0 0;font-size:.6875rem;color:var(--hp2-muted)}.hp2-float-stat-strong{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:700;color:var(--hp2-accent);line-height:1}@keyframes hp2-float{0%,to{transform:translateY(0) rotate(var(--hp2-rot, 0deg))}50%{transform:translateY(-6px) rotate(var(--hp2-rot, 0deg))}}.hp2-section{padding-bottom:0}.hp2-split-card{background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--hp2-card-radius);border:1px solid var(--hp2-ring);padding:clamp(36px,5vw,56px) clamp(32px,4vw,52px);box-shadow:var(--hp2-shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,48px);align-items:center}.hp2-split-text .hp2-lead{max-width:none}.hp2-split-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.hp2-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hp2-icon-cell{border-radius:var(--hp2-inner-radius);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 20px #2d2a320f}.hp2-bg-peach{background:var(--hp2-peach);color:#c97b6a}.hp2-bg-lav{background:var(--hp2-lavender);color:#8878c4}.hp2-bg-mint{background:var(--hp2-mint);color:#4a9d86}.hp2-bg-rose{background:var(--hp2-soft-pink);color:var(--hp2-accent)}.hp2-section-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hp2-accent)}.hp2-heading-center .hp2-section-eyebrow{width:100%}.hp2-eyebrow-left{justify-content:flex-start;margin-left:0;margin-right:0;margin-bottom:12px}.hp2-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hp2-news-card{background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hp2-ring);border-radius:2rem;padding:22px 20px;box-shadow:0 10px 36px #f43f5e14}.hp2-news-kicker{margin:0 0 10px;font-size:.5625rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--hp2-accent)}.hp2-news-title{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.25rem;letter-spacing:-.02em;color:var(--hp2-text)}.hp2-news-body{margin:0 0 14px;color:var(--hp2-muted);font-size:.8125rem;line-height:1.6}.hp2-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;scroll-margin-top:112px}.hp2-cards-mockup .hp2-feature-card:nth-child(2){margin-top:2rem}.hp2-feature-card{border-radius:2rem;padding:12px;overflow:hidden;border:1px solid var(--hp2-ring);box-shadow:0 10px 36px #f43f5e14;transition:transform .3s ease,box-shadow .3s ease}.hp2-feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #f43f5e1f}.hp2-feature-card.hp2-fc-peach{background:linear-gradient(165deg,rgba(255,248,240,.95) 0%,var(--hp2-peach) 72%)}.hp2-feature-card.hp2-fc-pink{background:linear-gradient(165deg,#fffbfb,#ffe4e9 72%)}.hp2-feature-card.hp2-fc-lav{background:linear-gradient(165deg,#fcfaff,#eae4ff 72%)}.hp2-feature-card>img{width:calc(100% - 8px);margin:4px auto 0;display:block}.hp2-feature-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:1.5rem}.hp2-feature-body{padding:18px 12px 8px}.hp2-feature-label{margin:0 0 8px;font-size:.5625rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--hp2-accent)}.hp2-feature-card h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;margin:0 0 10px}.hp2-feature-card p{font-size:.8125rem;color:var(--hp2-muted);line-height:1.58;margin:0 0 14px}.hp2-link-more{display:inline-flex;align-items:center;gap:8px;color:var(--hp2-accent);font-weight:600;font-size:.8125rem;text-decoration:none;transition:gap .2s ease}.hp2-link-more:hover{text-decoration:none;gap:11px}.hp2-img-grid-cell{border-radius:var(--hp2-inner-radius);overflow:hidden;aspect-ratio:1;box-shadow:0 8px 20px #2d2a3212}.hp2-img-grid-cell img{width:100%;height:100%;object-fit:cover}.hp2-img-g-peach{background:var(--hp2-peach)}.hp2-img-g-lav{background:var(--hp2-lavender)}.hp2-game-stagger-grid .hp2-img-grid-cell:nth-child(2n){transform:translateY(1.5rem)}.hp2-faq-list{max-width:48rem;margin:0 auto}.hp2-faq-item{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hp2-ring);border-radius:1.35rem;margin-bottom:12px;box-shadow:0 4px 20px #0f172a0d;overflow:hidden;transition:box-shadow .2s}.hp2-faq-item:hover{box-shadow:0 8px 28px #f43f5e14}.hp2-faq-q{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:clamp(.9375rem,2vw,1.0625rem);font-weight:600;text-align:left;color:var(--hp2-text)}.hp2-faq-plus{width:36px;height:36px;border-radius:50%;background:#f43f5e26;color:var(--hp2-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.hp2-faq-item.hp2-open{border-radius:28px}.hp2-faq-item.hp2-open .hp2-faq-plus{transform:rotate(45deg)}.hp2-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.hp2-faq-item.hp2-open .hp2-faq-a{max-height:320px}.hp2-faq-a-inner{padding:0 22px 20px;color:var(--hp2-muted);font-size:.9375rem;line-height:1.6}.hp2-subhead-center{text-align:center;max-width:560px}.hp2-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px}.hp2-events-card{background:var(--hp2-white);border-radius:var(--hp2-inner-radius);padding:28px 24px;box-shadow:var(--hp2-shadow-sm)}.hp2-events-card h3{margin:0 0 10px;font-size:1.125rem}.hp2-events-card p{margin:0;font-size:.9375rem;line-height:1.55}.hp2-events-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px}.hp2-ec-peach .hp2-events-icon{background:var(--hp2-peach);color:#b85a45}.hp2-ec-lav .hp2-events-icon{background:var(--hp2-lavender);color:#6b5aa8}.hp2-ec-mint .hp2-events-icon{background:var(--hp2-mint);color:#35806d}.hp2-events-cta{display:flex;justify-content:center}.hp2-dating-show-shell{text-align:center;background:var(--hp2-white);border-radius:var(--hp2-card-radius);padding:clamp(40px,8vw,56px) clamp(24px,5vw,48px);box-shadow:var(--hp2-shadow-sm)}.hp2-dating-show-eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hp2-accent);margin:0 0 12px}.hp2-dating-show-title{margin-bottom:1rem!important}.hp2-dating-show-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:28px}.hp2-about-below{padding-top:48px!important;padding-bottom:32px!important}.hp2-careers-blurb{margin:18px 0 12px;font-size:.9375rem;line-height:1.55}.hp2-careers-blurb strong{color:var(--hp2-text)}.hp2-page .hp2-footer-brand button.hp2-brand-footer{align-self:flex-start}.hp2-footer{padding-bottom:48px}.hp2-footer-card{background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hp2-ring);border-radius:var(--hp2-card-radius);padding:clamp(40px,5vw,56px) clamp(36px,4vw,52px) 32px;box-shadow:var(--hp2-shadow-sm)}.hp2-footer-card#careers{scroll-margin-top:112px}.hp2-footer-top{display:grid;grid-template-columns:1.2fr 2fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(45,42,50,.08)}.hp2-footer-brand p{color:var(--hp2-muted);font-size:.9375rem;line-height:1.6;margin:14px 0 22px;max-width:320px}.hp2-store-btns{display:flex;flex-wrap:wrap;gap:12px}.hp2-store-btn{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:48px;padding:10px 22px;border-radius:16px;background:#0f172a;color:#f8fafc;text-decoration:none;font-weight:600;transition:opacity .2s}.hp2-store-btn:hover{opacity:.9;color:#f8fafc}.hp2-store-icon{font-size:1.15rem;margin-bottom:2px}.hp2-store-eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.hp2-store-name{font-size:.875rem}.hp2-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.hp2-footer-col h4{margin:0 0 16px;font-size:.9375rem;font-weight:700}.hp2-footer-col ul{list-style:none;margin:0;padding:0}.hp2-footer-col a{display:block;padding:6px 0;color:var(--hp2-muted);text-decoration:none;font-size:.9375rem}.hp2-footer-col a:hover{color:var(--hp2-accent)}.hp2-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:28px}.hp2-footer-bottom-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.hp2-footer-bottom p{margin:0;font-size:.875rem;color:var(--hp2-muted)}.hp2-footer-secondary{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hp2-footer-secondary a{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--hp2-muted);text-decoration:none}.hp2-footer-secondary a i{font-size:.95rem}.hp2-footer-secondary a span{line-height:1}.hp2-footer-secondary a:hover{color:var(--hp2-accent)}.hp2-social-row{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.hp2-social-row a{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:#2d2a320f;color:var(--hp2-muted);text-decoration:none}.hp2-social-row a:hover{background:var(--hp2-accent);color:var(--hp2-white)}@media(max-width:992px){.hp2-nav-actions{gap:8px}.hp2-hero-grid,.hp2-split-card{grid-template-columns:1fr}.hp2-split-card{padding:clamp(28px,6vw,40px)}.hp2-hero-visual{order:-1}.hp2-cards-grid{grid-template-columns:1fr}.hp2-cards-mockup .hp2-feature-card:nth-child(2){margin-top:0}.hp2-events-grid,.hp2-news-grid{grid-template-columns:1fr}.hp2-game-stagger-grid .hp2-img-grid-cell:nth-child(2n){transform:none}.hp2-footer-top{grid-template-columns:1fr}.hp2-footer-cols{grid-template-columns:1fr 1fr 1fr}.hp2-float-match,.hp2-float-stats{left:8px}.hp2-float-msg{right:8px}}@media(max-width:576px){.hp2-footer-cols{grid-template-columns:1fr}.hp2-split-card{padding:28px 20px}.hp2-split-actions{flex-direction:column}.hp2-split-actions .hp2-btn-pill{width:100%}.hp2-icon-grid{max-width:320px;margin:0 auto}}