:root{color:#28252d;font-synthesis:none;--primary:#7c55ff;--pink:#ff62bb;--soft:#f8f7fa;--muted:#99959f;--line:#eeeaf2;background:#e9e7ed;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.page-frame{background:#e9e7ed;justify-content:center;min-height:100dvh;display:flex}.app-shell{background:#faf9fc;width:min(100%,430px);height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 35px #322b4824}.screen{background:#faf9fc;height:100%;min-height:0;position:relative;overflow:hidden}.page-scroll{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.page-scroll::-webkit-scrollbar{display:none}.primary{background:var(--primary);color:#fff;border-radius:28px;justify-content:center;align-items:center;width:100%;min-height:54px;font-size:16px;font-weight:750;display:flex}.primary:disabled{opacity:.55}.primary.white{color:var(--primary);background:#fff}.secondary{width:100%;height:48px;color:var(--primary);background:#ede8ff;border-radius:24px;font-weight:700}.text-button{padding:4px}.icon-button{flex:none;place-items:center;width:34px;height:36px;display:grid}.icon-button svg{width:20px}.error-text{color:#b2273a;background:#ffeff1;border-radius:12px;margin:8px 0;padding:11px 14px;font-size:13px}.top-bar{background:#fff;grid-template-columns:44px 1fr 44px;align-items:center;height:76px;padding:22px 16px 0;display:grid}.top-bar>button{place-items:center;width:42px;height:42px;display:grid}.top-bar h1{text-align:center;margin:0;font-size:20px}.top-trailing{justify-content:flex-end;display:flex}.top-trailing button{color:var(--primary);font-weight:700}.modal-backdrop{z-index:50;background:#16121d77;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card,.reward{text-align:center;background:#fff;border-radius:24px;width:100%;padding:24px}.modal-card h2,.reward h2{margin:0 0 8px}.modal-card p,.reward p{color:#77727e;line-height:1.45}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.modal-actions button{background:#f0eef3;border-radius:24px;height:47px;font-weight:700}.modal-actions .accent{background:var(--pink);color:#fff}.danger-fill{color:#fff;background:#e23b48!important}.loading{justify-content:center;gap:6px;padding:32px;display:flex}.loading span{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.25;transform:translateY(-4px)}}.empty{text-align:center;color:#88838e;padding:54px 30px}.empty svg{color:var(--primary);width:38px;height:38px}.empty h2{color:#343039;font-size:18px}.toast{z-index:80;color:#fff;background:#29252f;border-radius:16px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;bottom:90px;left:16px;right:16px;box-shadow:0 8px 24px #0004}.toast span{flex:1;font-size:13px}.toast svg{width:17px}.legal-frame{background:#fff;border:0;width:100%;height:calc(100% - 76px)}.auth-screen{background:url(/assets/login-background.png) 50%/cover no-repeat;height:100%;position:relative}.auth-shade{background:linear-gradient(#7c55ff1a,#7c55ff33,#6d3ce15c);position:absolute;inset:0}.auth-content{height:100%;padding:46px 28px max(24px,env(safe-area-inset-bottom));color:#fff;flex-direction:column;align-items:center;display:flex;position:relative;overflow:auto}.auth-logo{object-fit:contain;width:118px;height:118px;margin:4px 0}.auth-content h1{margin:8px 0 6px;font-size:28px}.auth-content>p{text-align:center;opacity:.9;margin:0}.auth-fields{gap:13px;width:100%;margin:34px 0 22px;display:grid}.auth-fields input{color:#fff;background:#ffffff24;border:1px solid #ffffff8c;border-radius:31px;outline:0;height:60px;padding:0 22px}.auth-fields input:focus{background:#ffffff31;border-color:#fff}.auth-fields input::placeholder{color:#ffffffcf}.auth-error{text-align:center;margin-top:11px;font-size:13px}.auth-switch{color:#fff;margin:14px 0;font-weight:650}.legal-note{text-align:center;opacity:.84;margin-top:auto;font-size:11.5px;line-height:1.55}.legal-note button{color:#fff;padding:0;font-weight:700;text-decoration:underline}.onboarding{background:linear-gradient(160deg,#f7f3ff,#fff 58%)}.onboarding .top-bar{background:0 0}.onboarding-inner{flex-direction:column;height:calc(100% - 76px);padding:32px 28px;display:flex}.onboarding-inner>h1{margin:0 0 9px;font-size:29px}.onboarding-inner>p{color:#87828e;margin:0 0 34px}.onboard-icon{text-align:center;margin:28px;font-size:72px}.large-input{background:#fff;border:1px solid #e4dfeb;border-radius:18px;height:60px;margin-bottom:12px;padding:0 18px;font-size:17px}.onboarding .primary{margin-top:auto}.choice-list{gap:13px;display:grid}.choice{background:#fff;border:1px solid #ece8f1;border-radius:20px;justify-content:space-between;align-items:center;height:66px;padding:0 20px;font-size:17px;display:flex}.choice.selected{border-color:var(--primary);color:var(--primary);background:#f1edff;font-weight:700}.home-screen{background:#f7f7fa;padding-bottom:76px}.discover-header{background:linear-gradient(#dcd3ff,#f3d9ff,#f7f7fa);align-items:end;gap:1px;min-height:98px;padding:38px 9px 10px;display:flex;position:relative}.tabs{flex:1;justify-content:space-between;align-items:end;display:flex}.tabs button{color:#77727e;white-space:nowrap;height:40px;padding:0 5px;font-size:13px}.tabs button.active{color:#202026;border-bottom:3px solid #202026;font-size:14px;font-weight:750}.discover-header>.active{color:var(--primary)}.search-box{z-index:4;background:#fff;border-radius:19px;align-items:center;gap:8px;height:49px;padding:0 13px;display:flex;position:absolute;top:98px;left:12px;right:12px;box-shadow:0 7px 20px #4b3a7214}.search-box input{background:0 0;border:0;outline:0;flex:1}.search-box button{place-items:center;display:grid}.profile-list{height:calc(100% - 98px);padding:5px 0 13px}.discover-header:has(.search-box)+.profile-list{padding-top:58px}.profile-card{cursor:pointer;background:#fff;border-radius:23px;align-items:center;gap:11px;min-height:102px;margin:5px 11px;padding:15px 14px;display:flex}.avatar{width:56px;height:56px;color:var(--primary);background:#eee6ff;border-radius:50%;flex:none;place-items:center;font-size:21px;font-weight:750;display:grid;position:relative;overflow:visible}.avatar.large{width:68px;height:68px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar i{background:#22c978;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:1px;right:2px}.profile-card-copy{flex:1;min-width:0}.profile-card-copy strong{font-size:17px}.profile-meta{color:#9c97a2;align-items:center;gap:7px;margin:6px 0;font-size:11px;display:flex}.age-pill{color:#fff;background:#ff76c6;border-radius:10px;padding:2px 7px;font-weight:650}.profile-card-copy small{color:#a7a3aa;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hi-button{color:#ff55ad;background:linear-gradient(90deg,#ffddf2,#ffeaf7);border-radius:22px;align-items:center;gap:5px;padding:9px 14px;font-size:16px;font-style:italic;font-weight:750;display:flex}.bottom-nav{z-index:20;height:76px;padding:8px 25px max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffe;border:1px solid #e9e5f0;border-radius:27px 27px 0 0;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#77727e;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:54px;height:55px;display:flex;position:relative}.bottom-nav button.active{color:var(--primary)}.bottom-nav svg{width:24px}.bottom-nav small{font-size:10px}.bottom-nav b{color:#fff;background:#ff5b4d;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:grid;position:absolute;top:0;right:1px}.bottom-nav em{display:none}.reward-glow{background:#f3e9ff;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 18px;font-size:48px;display:grid}.profile-detail{background:#fff;padding-bottom:82px;overflow-y:auto}.profile-hero{background:#17131d;border-radius:0 0 18px 18px;width:100%;height:49vh;min-height:340px;max-height:500px;position:relative;overflow:hidden}.profile-hero>img,.photo-placeholder{object-fit:cover;width:100%;height:100%}.photo-placeholder{color:#fffc;background:linear-gradient(#2f203d,#17131d);place-items:center;font-size:26px;display:grid}.hero-back{color:#fff;background:#0004;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:38px;left:14px}.hero-thumbs{gap:7px;display:flex;position:absolute;bottom:16px;left:20px;right:10px;overflow-x:auto}.hero-thumbs button{border:1px solid #fff5;border-radius:10px;flex:none;width:54px;height:61px;padding:0;overflow:hidden}.hero-thumbs button.selected{border:3px solid #fff}.hero-thumbs img{object-fit:cover;width:100%;height:100%}.profile-body{padding:15px}.profile-title{display:flex}.profile-title>div:first-child{flex:1}.profile-title h1{margin:0;font-size:24px}.profile-title p{color:#a5a2aa;margin:7px 0}.online-dot{background:#2ed573;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.heart-orb{color:#fff;background:#ff61bf;border:5px solid #ffd6f2;border-radius:50%;place-items:center;width:71px;height:71px;display:grid}.badges{gap:6px;display:flex}.badges span{color:#fff;background:#ac8cff;border-radius:11px;padding:3px 8px;font-size:11px;font-weight:700}.badges span:first-child{background:#ff6bc4}.bio{color:#88848f;font-size:14px}.profile-body h2{margin:22px 0 10px;font-size:18px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.photo-grid button{aspect-ratio:1;border-radius:12px;padding:0;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%}.album-row{text-align:left;background:#f6f5f7;border-radius:17px;align-items:center;gap:11px;width:100%;margin-top:24px;padding:13px;display:flex}.album-icon{width:46px;height:46px;color:var(--primary);background:#ece5ff;border-radius:12px;place-items:center;font-size:11px;display:grid}.album-row>span:nth-child(2){flex:1;gap:4px;display:grid}.album-row small{color:#99959f}.album-row svg{color:#aaa5ae;width:18px}.info-list p{grid-template-columns:100px 1fr;font-size:13px;display:grid}.info-list span{color:#66616b}.profile-actions{z-index:20;width:min(100%,430px);height:81px;padding:11px 15px max(10px,env(safe-area-inset-bottom));background:#fff;gap:10px;display:flex;position:fixed;bottom:0}.profile-actions button{background:#f4f2f5;border-radius:24px;place-items:center;width:46px;height:46px;display:grid}.profile-actions .say-hi{background:var(--pink);color:#fff;flex:1;width:auto;font-weight:750}.sheet-backdrop{z-index:70;background:#0005;position:absolute;inset:0}.gift-sheet{max-height:78%;padding:18px 14px max(18px,env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;position:absolute;bottom:0;left:0;right:0;overflow:auto}.gift-sheet header{justify-content:space-between;align-items:center;display:flex}.gift-sheet h2{margin:0}.gift-sheet header small{color:#8a8590}.sheet-notice{color:#9c315e;background:#fff0f6;border-radius:11px;margin:12px 0;padding:10px;font-size:12px}.gift-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.gift-grid button{background:#faf9fb;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:120px;padding:8px 4px;display:flex}.gift-grid img{object-fit:contain;width:58px;height:58px}.gift-grid>button>span{font-size:45px}.gift-grid strong{font-size:12px}.gift-grid small{font-size:11px}.gift-help{text-align:center;color:#77727e;font-size:12px}.wallet-link{width:100%;color:var(--primary);padding:13px;font-weight:700}.chat-screen{background:#fafafb;flex-direction:column;display:flex}.chat-header{align-items:center;height:76px;padding:25px 14px 0;display:flex}.chat-header>button:first-child{width:42px}.chat-name{flex-direction:column;flex:1;align-items:center;display:flex}.chat-name span{align-items:center;gap:5px;font-weight:700;display:flex}.chat-name i{background:#2ed573;border-radius:50%;width:9px;height:9px}.chat-name small{color:#8a6cff}.call-circle{width:42px;height:42px;color:var(--primary);background:#f0edf8;border-radius:50%;place-items:center;display:grid}.chat-profile{background:#fff;border:1px solid #f0edf3;border-radius:20px;flex-wrap:wrap;align-items:center;margin:8px 14px;padding:14px;display:flex}.chat-profile>div:first-child{flex:1;gap:5px;display:grid}.chat-profile small{color:#99959f}.chat-profile>span{color:#ff65bc;background:#ffddf3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.chat-photos{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:12px;display:grid!important}.chat-photos img{aspect-ratio:.85;object-fit:cover;border-radius:11px;width:100%}.messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px 18px;display:flex;overflow-y:auto}.day{text-align:center;color:#b3afb7;margin:6px;font-size:11px}.empty-chat{color:#aaa6ae;background:#f0f0f2;border-radius:15px;padding:12px;font-size:12px}.bubble{white-space:pre-wrap;background:#eeeef0;border-radius:18px 18px 18px 5px;align-self:flex-start;max-width:86%;padding:11px 14px;font-size:14px;line-height:1.35}.bubble.mine{color:#fff;background:linear-gradient(120deg,#875bff,#7048ee);border-radius:18px 18px 5px;align-self:flex-end}.bubble img{border-radius:12px;max-width:230px;max-height:290px;display:block}.typing{gap:4px;display:flex}.typing i{background:#999;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.chat-composer{padding:7px 12px max(7px,env(safe-area-inset-bottom));background:#fff}.composer-input{background:#f2f1f4;border-radius:25px;align-items:center;height:48px;padding-left:15px;display:flex}.composer-input input{background:0 0;border:0;outline:0;flex:1;min-width:0}.composer-input button{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.composer-input button:disabled{background:#dedbe3}.composer-input svg{width:20px}.chat-composer nav{justify-content:space-around;align-items:center;height:47px;display:flex}.chat-composer nav button{place-items:center;width:42px;height:42px;display:grid}.chat-composer nav svg{width:21px}.chat-composer nav button:last-child{font-size:23px}.emoji-picker{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(9,1fr);padding:9px;display:grid}.emoji-picker button{padding:4px;font-size:22px}.messages-head{padding:55px 14px 8px}.messages-head h1{margin:0;font-size:29px}.messages-head span{background:#222;width:83px;height:3px;margin-top:8px;display:block}.filter-pills{gap:8px;padding:14px 12px;display:flex}.filter-pills button{color:#aaa6ae;background:#f1eff2;border-radius:20px;flex:1;height:35px;font-size:12px}.filter-pills button.active{color:#2d2931;background:#fff}.conversation-list{height:calc(100% - 194px);padding-bottom:15px}.conversation{text-align:left;align-items:center;gap:11px;width:100%;padding:10px 15px;display:flex}.conversation>span{flex:1;gap:6px;min-width:0;display:grid}.conversation strong{font-size:16px}.conversation small{color:#aaa5ae;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation>b{color:#fff;background:#ff5b4d;border-radius:12px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;display:grid}.conversation>svg{color:#c4c0c8;width:17px}.wallet-scroll{height:calc(100% - 152px);padding:16px 12px 30px}.coin-balance{flex-direction:column;align-items:center;display:flex}.coin-balance div{font-size:53px}.coin-balance strong{font-size:38px}.coin-balance span{font-size:16px}.offer{color:#fff;background:#bd8500;border-radius:14px;margin:20px 0;padding:22px 15px;font-size:19px;font-weight:750;line-height:1.25}.package-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.package-grid button{background:#eeeef0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:116px;padding:11px 4px;display:flex;position:relative}.package-grid span{font-size:29px}.package-grid strong{font-size:20px}.package-grid small{color:#85818a}.package-grid em{color:#fff;background:#ff68bb;border-radius:8px;padding:2px 5px;font-size:9px;position:absolute;top:5px;right:6px}.terms-small{text-align:center;color:#aaa6ae;margin:32px 15px;font-size:10px}.payment-page{gap:16px;padding:18px 16px;display:grid}.panel{background:#f3f0f8;border-radius:18px;padding:17px}.panel>small{color:#77727e}.package-summary{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.package-summary>strong{font-size:31px}.package-summary span{font-size:17px}.package-summary b{color:var(--primary)}.panel label{margin-bottom:9px;font-weight:700;display:block}.panel input{outline-color:var(--primary);background:#fff;border:0;border-radius:14px;width:100%;height:52px;padding:0 14px}.panel>small:last-child{margin-top:9px;line-height:1.4;display:block}.current-balance{text-align:center;color:#8b8690;font-size:13px}.result-wrap{place-items:center;height:calc(100% - 76px);padding:18px;display:grid}.result-card{text-align:center;background:#f2eff8;border-radius:22px;width:100%;padding:24px}.result-card h2{margin:12px 0 8px}.result-card p{color:#77727e}.result-card button{margin-top:11px}.result-icon{color:#b87300;background:#ffe3ae;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;font-size:32px;display:grid}.result-icon.success{color:#238737;background:#dff4e2}.me-page{height:calc(100% - 76px);padding-bottom:20px}.me-header{text-align:center;background:linear-gradient(155deg,#dcd3ff,#ffdff1);padding:43px 20px 25px}.me-header>button:first-child{position:absolute;top:42px;right:16px}.me-avatar{background:#fff;border-radius:50%;place-items:center;width:90px;height:90px;margin:auto;display:grid;overflow:hidden}.me-avatar img{object-fit:cover;width:100%;height:100%}.me-avatar svg{color:#8c72de;width:60px;height:60px}.me-header h1{margin:10px 0 4px}.me-header p{color:#77727e;margin:0}.edit-profile-button{color:var(--primary);background:#fff9;border-radius:20px;margin-top:13px;padding:8px 18px;font-weight:700}.balance-card{text-align:left;background:#fff;border-radius:18px;align-items:center;gap:13px;width:calc(100% - 30px);margin:14px 15px;padding:16px;display:flex}.balance-card>span{font-size:34px}.balance-card>div{flex:1;display:grid}.balance-card strong{font-size:20px}.balance-card small{color:#99959f}.tool-card{background:#fff;border-radius:20px;margin:14px 15px;padding:10px 0}.tool-card h2{padding:0 18px;font-size:17px}.tool-card button{align-items:center;gap:11px;width:100%;height:55px;padding:0 17px;display:flex}.tool-card button>span{background:#f4f1fa;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.tool-card svg{width:18px}.tool-card b{text-align:left;flex:1}.tool-card>button>svg{color:#bbb6c0}.menu-page,.settings-page,.form-page,.media-page,.toggle-page{padding:15px}.menu-row{text-align:left;background:#fff;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 14px;display:flex}.menu-row strong{flex:1;font-weight:550}.menu-row small{color:#aaa5ae}.menu-row>svg{color:#bbb6c0;width:18px}.menu-icon{width:36px;height:36px;color:var(--primary);background:#f2eff9;border-radius:10px;place-items:center;display:grid}.menu-icon svg{width:19px}.settings-page{gap:15px;display:grid}.settings-group{border-radius:12px;overflow:hidden}.settings-button{background:#fff;justify-content:center;align-items:center;gap:8px;width:100%;height:64px;font-size:17px;display:flex}.settings-button.danger{color:#e5464e}.toggle-page{gap:12px;display:grid}.toggle-row{text-align:left;background:#fff;border-radius:13px;align-items:center;width:100%;min-height:75px;padding:14px;display:flex}.toggle-row>span{flex:1;gap:7px;display:grid}.toggle-row small{color:#aaa5ae;font-size:10px}.toggle-row>i{background:#eeeaf4;border:2px solid #aaa3b5;border-radius:15px;width:42px;height:25px;position:relative}.toggle-row>i b{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-row>i.checked{background:#b19cf5;border-color:#8270b5}.toggle-row>i.checked b{transform:translate(17px)}.form-page{gap:14px;display:grid}.form-page label{color:#77727e;gap:7px;font-size:12px;display:grid}.form-page input,.form-page textarea,.url-add input{outline-color:var(--primary);background:#fff;border:1px solid #e8e4ed;border-radius:13px;padding:13px}.form-page textarea{resize:vertical;min-height:95px}.managed-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.managed-grid>*{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.empty-slot{color:#c5c1c9;background:#f0eef3;place-items:center;font-size:32px;display:grid}.url-add{gap:8px;margin-top:24px;display:grid}.url-add label{font-weight:700}.incoming-call{color:#fff;background:linear-gradient(160deg,#291759,#844fd7);flex-direction:column;justify-content:center;align-items:center;display:flex}.caller-orb{background:#fff2;border:5px solid #fff5;border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.caller-orb svg{width:52px;height:52px}.incoming-call h1{margin:26px 0 5px}.incoming-call p{opacity:.75}.incoming-actions{justify-content:space-between;display:flex;position:absolute;bottom:85px;left:50px;right:50px}.incoming-actions button,.end-call{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.incoming-actions .decline,.end-call{background:#c2383b}.incoming-actions .accept{background:#31b85e}.video-call{background:#000}.remote-video{object-fit:cover;width:100%;height:100%}.self-video{object-fit:cover;background:#222;border:2px solid #fff;border-radius:14px;width:112px;height:158px;position:absolute;bottom:110px;right:17px;transform:scaleX(-1)}.end-call{position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.call-placeholder{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.call-placeholder img{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.call-placeholder svg{width:90px;height:90px}.call-placeholder h2,.call-placeholder p{position:relative}@media (width<=430px){.page-frame{background:#faf9fc}.app-shell{width:100%;box-shadow:none}}@media (width>=700px){.app-shell{border-left:1px solid #d8d4dd;border-right:1px solid #d8d4dd}}@media (height<=700px){.auth-content{padding-top:24px}.auth-logo{width:90px;height:90px}.auth-fields{margin:20px 0 16px}.profile-hero{height:43vh;min-height:290px}}.album-view{height:calc(100% - 76px);padding:14px}.album-preview{object-fit:contain;background:#151219;border-radius:16px;width:100%;max-height:60%;display:block}.album-gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.album-gallery button{aspect-ratio:1;border-radius:11px;padding:0;overflow:hidden}.album-gallery button.selected{outline:3px solid var(--primary)}.album-gallery img{object-fit:cover;width:100%;height:100%}.coin-balance div svg{color:#ffe387;background:#c28c05;border-radius:50%;width:58px;height:58px;padding:13px}.package-grid span svg{color:#ffe387;background:#c28c05;border-radius:50%;width:29px;height:29px;padding:5px}.gift-grid small{align-items:center;gap:3px;display:flex}.gift-grid small svg{color:#c28c05}.balance-card>span svg{color:#c28c05;width:33px;height:33px}.recharge-required{background:linear-gradient(155deg,#efe8ff,#fff1f8);place-items:center;padding:22px;display:grid}.recharge-card{text-align:center;background:#fff;border-radius:24px;width:100%;padding:28px 22px;box-shadow:0 16px 42px #4b34781c}.recharge-card>svg{color:#b47c00;background:#f4e8c8;border-radius:50%;width:68px;height:68px;padding:15px}.recharge-card h1{font-size:24px}.recharge-card p{color:#77727e;line-height:1.5}.recharge-card>button:last-child{color:#77727e;margin-top:10px;padding:12px}.profile-card{background:linear-gradient(145deg,#fff 0%,#fefcff 100%);border:1px solid #eeeaf3;border-radius:24px;min-height:108px;margin:6px 12px;padding:17px 16px;position:relative;overflow:hidden;box-shadow:0 5px 16px #432d6512}.profile-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffe6}.avatar{background:0 0;width:56px;min-width:56px;height:56px;min-height:56px;display:block;position:relative;overflow:visible}.avatar.large{width:68px;min-width:68px;height:68px;min-height:68px}.avatar-media{color:var(--primary);background:#f1e9ff;border:1px solid #ece5f4;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.avatar-media>img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;display:block!important;position:absolute!important;inset:0!important}.avatar-media>span{font-size:21px;font-weight:750}.avatar.large .avatar-media>span{font-size:25px}.avatar>i{z-index:3;border:3px solid #fff;width:14px;height:14px;top:1px;right:1px;box-shadow:0 1px 3px #0002}.profile-card-copy strong{letter-spacing:0;font-size:18px;font-weight:650}.profile-card-copy small{font-size:13px}.hi-button{z-index:2;justify-content:center;min-width:68px;position:relative;box-shadow:0 4px 12px #ff5baf1a}.welcome-overlay{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#110a1b7a;place-items:center;padding:18px 28px;display:grid;position:absolute;inset:0}.welcome-gift{filter:drop-shadow(0 20px 34px #481b754d);width:100%;max-width:374px;padding-top:68px;position:relative}.welcome-gift-panel{text-align:center;background:linear-gradient(#7e3fe8 0%,#9b57f3 48%,#b55cf4 100%);border:1px solid #ffffff38;border-radius:30px;width:100%;padding:122px 18px 30px;box-shadow:inset 0 1px #ffffff3d}.welcome-gift-icon{z-index:4;color:#fff;background:linear-gradient(145deg,#ff80c7,#d94cf0 55%,#8c4ce9);border:5px solid #ffd56d;border-radius:32px;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #4d1a805c,inset 0 2px #ffffff73}.welcome-gift-icon:before,.welcome-gift-icon:after{content:"";background:linear-gradient(#fff0a3,#ffc34e);border-radius:4px;position:absolute}.welcome-gift-icon:before{width:18px;height:100%}.welcome-gift-icon:after{width:100%;height:18px}.welcome-gift-icon svg{z-index:2;stroke-width:2.2px;width:58px;height:58px;position:relative}.congrats-banner{z-index:3;color:#7c351c;background:linear-gradient(#fff3a8,#ffd86a 56%,#ffc052);border:1px solid #ffe490;border-radius:20px;place-items:center;height:82px;font-size:22px;font-weight:800;display:grid;position:absolute;top:74px;left:10px;right:10px;box-shadow:0 8px 18px #5c271133,inset 0 1px #fff9}.welcome-close{z-index:5;color:#fff;background:#5f6067;border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:74px;right:-7px;box-shadow:0 4px 12px #0003}.welcome-close svg{width:22px;height:22px}.reward-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reward-item{text-align:center;min-width:0}.reward-item-icon{color:#fff66f;background:linear-gradient(#7132d8,#6230c8);border:1px solid #ffffff1f;border-radius:16px;place-items:center;height:124px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 8px 16px #46177e29}.reward-item-icon svg{stroke-width:1.8px;width:47px;height:47px}.reward-item strong,.reward-item span{color:#fff66f;text-align:center;display:block}.reward-item strong{min-height:32px;margin-top:8px;font-size:13px;font-weight:650;line-height:15px}.reward-item span{font-size:14px}.welcome-gift-panel>p{color:#fff;margin:24px 8px 28px;font-size:15px;font-weight:550;line-height:20px}.welcome-get{color:#9a58f2;background:#fff;border-radius:32px;width:100%;height:58px;font-size:20px;font-weight:800;box-shadow:0 8px 18px #4b1d7c33}@media (height<=700px){.welcome-overlay{padding-top:8px;padding-bottom:8px}.welcome-gift{transform:scale(.86)}.reward-item-icon{height:108px}}