:root{--bottom-tab-height: 60px;--bottom-tab-total: calc(var(--bottom-tab-height) + 1rem + env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{height:100%;overflow:hidden!important}#root,.app,.profile-page{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Open Sans,Arial,sans-serif;background-color:#0a0a1c;color:#fff;margin:0;padding:0}header{background-color:#0a0a1c;padding:20px;text-align:center}header h1{font-size:50px;font-weight:900;margin:0}footer{background-color:#0a0a1c;padding:20px;text-align:center}footer a{color:#fff;font-size:1.2rem;font-weight:700;margin:0 10px;text-decoration:none}footer a:hover{text-decoration:underline}.character-detail{display:flex;flex-direction:column;align-items:center;text-align:center}.character-image{width:300px;height:auto;margin-bottom:20px}.age-verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.age-verification-dialog{background-color:#0a0a1c;padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a}.age-verification-dialog h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.age-verification-dialog p{color:#ffffffe6;margin-bottom:2rem;font-size:1.1rem}.age-verification-buttons{display:flex;flex-direction:column;gap:1rem}.age-verification-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.age-verification-button.confirm{background-color:#4a90e2;color:#fff}.age-verification-button.cancel{background-color:#ffffff1a;color:#fff}.age-verification-button:hover{transform:translateY(-2px)}.age-verification-button.confirm:hover{background-color:#357abd}.age-verification-button.cancel:hover{background-color:#fff3}.login{max-width:400px;width:90%;margin:20px auto;padding:40px 30px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;color:#333;text-align:center;box-shadow:0 4px 20px #0006}.login h2{margin-bottom:24px;font-size:2rem;font-weight:600}.login input{width:100%;box-sizing:border-box;padding:12px 20px;margin:10px 0;border:1px solid #444;border-radius:6px;background-color:#2e2a58;color:#fff;transition:border-color .2s,background-color .2s}.login input::placeholder{color:#bbb}.login input:focus{outline:none;border-color:#9245ff;background-color:#3c375f}.login button{width:100%;padding:12px;margin-top:16px;background-color:#9245ff;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s}.login button:hover{background-color:#7a3bd1;transform:translateY(-1px)}.login button:active{transform:translateY(1px)}.login .error{color:#ff6b6b;margin-top:12px;font-weight:500}.login p{margin-top:18px;font-size:.9rem;color:#ccc}.login p span{color:#9245ff;cursor:pointer;text-decoration:underline}.google-signin{width:100%;padding:12px;margin-top:20px;background-color:#4285f4;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.google-signin:hover{background-color:#357ae8}body{margin:0;background:#0a091b;min-height:100vh;display:flex;align-items:center;justify-content:center}.toggle-buttons{display:flex;justify-content:center;margin-bottom:24px;background:#ffffff1a;border-radius:8px;overflow:hidden}.toggle-btn{flex:1;padding:12px 0;background:transparent;border:none;color:#bbb;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.toggle-btn.active{background:#9245ff;color:#fff}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.profile-setup{position:fixed;top:0;left:0;right:0;width:100dvw;background:transparent;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));display:block;margin:0;z-index:1000}.profile-setup-container{background:#0a0a1cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:0 0 20px 20px;padding:1.5rem 2rem 2rem;width:100%;max-width:640px;margin:0 auto;box-shadow:0 10px 30px #00000080}.profile-setup-header{text-align:center;margin-bottom:2rem;color:#fff}.profile-setup-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#74a9ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-setup-header p{margin:0;font-size:1.1rem;opacity:.8}.profile-setup-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-label{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.form-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:#fff9}.form-input:focus{outline:none;border-color:#74a9ff;background:#ffffff26;box-shadow:0 0 0 3px #74a9ff33}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.interest-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.75rem .5rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.interest-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.interest-button.selected{background:linear-gradient(135deg,#74a9ff,#8a2be2);border-color:#74a9ff;box-shadow:0 4px 15px #74a9ff4d}.interests-count{text-align:center;color:#ffffffb3;font-size:.9rem;font-weight:500}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;border-radius:10px;font-weight:500;text-align:center}.submit-button{background:linear-gradient(135deg,#74a9ff,#8a2be2);border:none;border-radius:25px;color:#fff;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#8a2be2,#74a9ff);transform:translateY(-2px);box-shadow:0 8px 25px #74a9ff66}.submit-button:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.skip-button{background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fffc;padding:.8rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.skip-button:hover:not(:disabled){border-color:#fff9;color:#fff;background:#ffffff1a}.skip-button:disabled{border-color:#fff3;color:#fff6;cursor:not-allowed}@media (max-width: 768px){.profile-setup{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));width:100vw}.profile-setup-container{padding:1rem 1.5rem 1.5rem;margin:0;width:100%;border-radius:0 0 15px 15px}.profile-setup-header h1{font-size:2rem}.profile-setup-header p{font-size:1rem}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:250px}.interest-button{padding:.6rem .4rem;font-size:.8rem;min-height:35px}.form-input{padding:.8rem}.submit-button{padding:.8rem 1.5rem;font-size:1rem}.skip-button{padding:.7rem 1.3rem;font-size:.9rem}}@media (max-width: 480px){.profile-setup-container{padding:.8rem 1rem 1.2rem;width:100%;margin:0;border-radius:0 0 12px 12px}.profile-setup-header h1{font-size:1.8rem}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.4rem}.interest-button{padding:.5rem .3rem;font-size:.75rem;min-height:30px}.skip-button{padding:.6rem 1.2rem;font-size:.85rem}}*,:before,:after{box-sizing:border-box}button,div,p{margin:0;padding:0}.login-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:flex-start;justify-content:center;background:#0a0a0a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100vw;height:100vh;margin:0;padding:0;margin-top:max(40px,env(safe-area-inset-top) + 20px)}.login-popup-container{position:relative;z-index:1;background:#141326;border-radius:16px;width:min(92vw,480px);padding:16px 20px 20px;max-height:70vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;outline:none;box-shadow:0 10px 30px #00000080}.close-button{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:var(--gray-dark)}.content{margin-top:20px;background-color:transparent;padding:0;border-radius:0;box-shadow:none}.title{color:var(--white);font-family:var(--app-font-family);font-size:var(--font-size-xxl);font-weight:600;margin-bottom:24px;text-align:center}form{margin-bottom:24px}.input-group{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;border:2px solid var(--gray-dark);border-radius:25px;background:var(--gray-dark);transition:all .3s ease}.input-group:hover{border-color:var(--gray-400)}.input-group:focus-within{border-color:var(--accent);background:var(--gray-500)}.input-group svg{flex-shrink:0}.input-group.password{position:relative}.input-style{flex:1;background:none;border:none;color:var(--white);font-size:var(--font-size-l);outline:none;font-family:var(--app-font-family)}.input-style::placeholder{color:var(--gray)}.eye-button{background:none;border:none;color:var(--gray);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.eye-button:hover{color:var(--white)}.error-message{background-color:#f148481a;border:1px solid var(--red);border-radius:4px;color:var(--red);font-size:13px;margin:4px 0;padding:6px 10px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:4px;animation:errorSlideIn .3s ease-out;line-height:1.3;width:100%;box-sizing:border-box}.error-message:before{content:"⚠️";font-size:12px;flex-shrink:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{background-color:#74ff821a;border:1px solid var(--green);border-radius:4px;color:var(--green);font-size:13px;margin:4px 0;padding:6px 10px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:4px;animation:successSlideIn .3s ease-out;line-height:1.3;width:100%;box-sizing:border-box}.success-message:before{content:"✅";font-size:12px;flex-shrink:0}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.button{width:100%;padding:14px 18px;border:none;border-radius:25px;font-size:var(--font-size-l);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--app-font-family)}.button.primary{background:var(--gradient-main);color:var(--white)}.button.primary:hover:not(:disabled){background:var(--gradient-main-hover);transform:translateY(-2px)}.button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.or{color:var(--gray);font-size:var(--font-size-m);text-align:center;margin:24px 0;position:relative}.or:before,.or:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--gray-dark)}.or:before{left:0}.or:after{right:0}.google-auth{width:100%;padding:14px 18px;background:var(--white);color:var(--black);border:2px solid var(--gray-dark);border-radius:25px;font-size:var(--font-size-l);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--app-font-family)}.google-auth:hover{background:var(--gray-300);transform:translateY(-2px)}.google-auth svg{flex-shrink:0}@media screen and (width <= 1199px){.login-popup-overlay{padding:0;margin-top:max(30px,env(safe-area-inset-top) + 15px)}.login-popup-container{padding:12px 16px 16px;width:100vw;max-height:60vh;border-radius:12px}body *{scrollbar-width:none}body *::-webkit-scrollbar{display:none}}.switch-auth{margin-top:16px;color:var(--gray);font-size:var(--font-size-m);text-align:center}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0 4px}.forgot-password{margin-top:16px;text-align:center}.forgot-password-button{background:none;border:none;color:var(--gray-300);cursor:pointer;font:inherit;font-size:14px;padding:8px 0;text-decoration:underline;transition:color .2s ease}.forgot-password-button:hover{color:var(--accent)}.forgot-password-form{margin-top:20px;padding:20px;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.forgot-password-title{color:var(--white);font-family:var(--app-font-family);font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.forgot-password-description{color:var(--gray-300);font-size:14px;margin:0 0 20px;text-align:center;line-height:1.4}.forgot-password-actions{display:flex;gap:12px;margin-top:20px}.forgot-password-actions .button{flex:1;margin:0}.button.secondary{background-color:transparent;border:1px solid var(--gray-400);color:var(--gray-300)}.button.secondary:hover{background-color:var(--gray-500);border-color:var(--gray-300);color:var(--white)}.button.secondary:disabled{opacity:.5;cursor:not-allowed}:root{--bottom-tab-height: 60px;--bottom-tab-total: calc(var(--bottom-tab-height) + 1rem + env(safe-area-inset-bottom));--bottom-tab-bg: rgba(30, 28, 84, .95);--bottom-tab-border: rgba(255, 255, 255, .1);--tab-button-active-color: #9245FF;--tab-button-inactive-color: rgba(255, 255, 255, .7);--tab-button-hover-bg: rgba(255, 255, 255, .1);--tab-button-active-bg: rgba(146, 69, 255, .1)}.bottom-tab{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;height:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgb(10,10,28),var(--bottom-tab-bg));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:9999;transition:transform .3s ease}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--tab-button-inactive-color);padding:.5rem;cursor:pointer;transition:all .2s ease;width:25%;min-height:44px;border-radius:8px;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--tab-button-hover-bg);opacity:0;transition:opacity .2s ease;border-radius:8px}.tab-button:hover:before{opacity:1}.tab-button:active:before{background:var(--tab-button-active-bg);opacity:1}.tab-button.active{color:var(--tab-button-active-color)}.tab-button.active:before{opacity:0}.tab-button .icon{width:24px;height:24px;margin-bottom:.25rem;transition:transform .2s ease;filter:brightness(.7)}.tab-button.active .icon{transform:scale(1.1);filter:brightness(1) hue-rotate(240deg) saturate(1.5)}.tab-button .label{font-size:1rem;font-weight:500;transition:transform .2s ease}.tab-button.active .label{transform:scale(1.05)}@media (min-width: 1000px){.bottom-tab{display:none}}@media (max-height: 500px) and (orientation: landscape){.bottom-tab{height:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));padding:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}.tab-button .icon{width:20px;height:20px;margin-bottom:.125rem}.tab-button .label{font-size:.9rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.bottom-tab{border-top-width:.5px}}@media (prefers-color-scheme: dark){:root{--bottom-tab-bg: rgba(20, 18, 64, .95);--tab-button-hover-bg: rgba(255, 255, 255, .15);--tab-button-active-bg: rgba(146, 69, 255, .2)}.bottom-tab{background:linear-gradient(to bottom,rgb(10,10,28),var(--bottom-tab-bg))}}@media (prefers-reduced-motion: reduce){.bottom-tab,.tab-button,.tab-button .icon,.tab-button .label{transition:none}}.paywall-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.paywall-modal{background:linear-gradient(180deg,#0a0a1c,#1a1a3a);border-radius:24px;padding:0;width:100%;max-width:400px;position:relative;color:#fff;margin:auto;min-height:min-content;overflow:hidden;box-shadow:0 20px 40px #00000080}.paywall-header{position:relative;padding:24px 24px 0;text-align:center}.close-button{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-button:hover{background:#fff3;transform:scale(1.05)}.close-button svg{width:20px;height:20px}.header-content{padding-top:20px}.premium-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;box-shadow:0 4px 15px #ff44ba4d}.premium-badge img{width:16px;height:16px;object-fit:contain}.main-title{font-size:28px;font-weight:800;margin:0 0 12px;background:linear-gradient(91deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.subtitle{font-size:16px;color:#ffffffb3;margin:0;line-height:1.4}.plan-selector{padding:24px 24px 0}.plan-tabs{display:flex;background:#ffffff0d;border-radius:16px;padding:4px;gap:4px}.plan-tab{flex:1;background:transparent;border:none;color:#ffffffb3;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.plan-tab.active{background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;box-shadow:0 4px 15px #ff44ba4d}.plan-tab:hover:not(.active){color:#ffffffe6}.discount-badge{font-size:12px;font-weight:500;background:#fff3;padding:2px 8px;border-radius:8px;color:#fff}.plan-details{padding:24px 24px 0}.price-section{text-align:center;margin-bottom:24px}.price{font-size:48px;font-weight:800;color:#fff;margin-bottom:8px;display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:24px;font-weight:600;color:#fffc}.period{font-size:18px;color:#fff9;font-weight:500}.yearly-savings{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.original-price{font-size:16px;color:#ffffff80;text-decoration:line-through}.savings-text{font-size:14px;color:#4caf50;font-weight:600;background:#4caf501a;padding:4px 8px;border-radius:8px}.features-list{margin-bottom:24px}.feature-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.feature-item:last-child{border-bottom:none}.feature-icon{width:24px;height:24px;background:linear-gradient(91deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.feature-item span{font-size:16px;color:#ffffffe6;line-height:1.4}.action-section{padding:24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.subscribe-button{width:100%;background:linear-gradient(91deg,#2a2a84,#8840b5);border:none;color:#fff;padding:18px 24px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:16px;box-shadow:0 4px 20px #ff44ba4d}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff44ba66}.subscribe-button:active:not(:disabled){transform:translateY(0)}.subscribe-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 4px 20px #ff44ba4d!important}.terms-text{font-size:12px;color:#ffffff80;text-align:center;line-height:1.4;margin:0}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:16px;border-radius:12px;margin:0 24px 24px;text-align:center;font-weight:500;font-size:14px}@media (max-width: 480px){.paywall-overlay{padding:0;align-items:flex-end}.paywall-modal{border-radius:24px 24px 0 0;max-height:90vh;overflow-y:auto}.paywall-header{padding:20px 20px 0}.close-button{top:16px;right:16px;width:36px;height:36px}.main-title{font-size:24px}.subtitle{font-size:14px}.plan-selector,.plan-details{padding:20px 20px 0}.action-section{padding:20px}.price{font-size:40px}.currency{font-size:20px}.period{font-size:16px}.feature-item{padding:14px 0}.feature-item span{font-size:15px}.subscribe-button{padding:16px 20px;font-size:16px}}@media (max-width: 360px){.paywall-header,.plan-selector,.plan-details{padding:16px 16px 0}.action-section{padding:16px}.main-title{font-size:22px}.plan-tab{padding:14px 16px;font-size:14px}.price{font-size:36px}}.character-banner{position:relative;height:280px;padding:20px 28px;display:flex;flex-direction:column;justify-content:center;background-color:#4c2e5e;color:#fff;overflow:hidden;border-radius:12px;margin:16px 12px}.banner-main-content{position:relative;z-index:2;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.banner-title{font-size:2rem;font-weight:700;margin:0 0 32px;line-height:1.2;color:#fff;text-align:center}.banner-create-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:200px;justify-content:center}.banner-create-button:hover{background:linear-gradient(91deg,#ff66c6,#c974fe);transform:translateY(-2px);box-shadow:0 8px 25px #ff44ba4d}.banner-create-button:active{transform:translateY(0)}.banner-create-button img{width:16px;height:16px;object-fit:contain}.banner-image-container{position:absolute;right:0;top:0;width:50%;height:100%;max-height:280px}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width: 1000px){.character-banner{height:260px;margin:16px 12px;justify-content:flex-end;padding:20px;border-radius:12px}.banner-main-content{max-width:100%;z-index:3}.banner-title{font-size:1.5rem;margin-bottom:12px}.banner-create-button{padding:14px 28px;font-size:1.1rem;min-width:180px}.banner-image-container{width:100%;height:100%;max-height:260px;z-index:1}.character-banner:after{content:"";position:absolute;bottom:0;left:0;height:175px;width:100%;background:linear-gradient(0deg,#4c2e5e 48.25%,#4c2e5e00);z-index:2}}@media screen and (max-width: 500px){.character-banner{height:240px;padding:16px;margin:10px 0}.banner-image-container{max-height:240px}.banner-title{font-size:1.3rem;margin-bottom:10px}.banner-create-button{padding:12px 24px;font-size:1rem;min-width:160px}}@media screen and (min-width: 1001px) and (max-width: 1200px){.character-banner{height:300px;padding:24px 32px}.banner-image-container{max-height:300px}.banner-title{font-size:2.2rem}.banner-create-button{padding:18px 36px;font-size:1.3rem;min-width:220px}}@media screen and (min-width: 1201px){.character-banner{height:320px;padding:28px 36px}.banner-image-container{max-height:320px}.banner-title{font-size:2.5rem}.banner-create-button{padding:20px 40px;font-size:1.4rem;min-width:240px}}.offer-banner-wrapper{width:100%;margin:0}.offer-banner-container{position:relative;border-radius:16px;overflow:hidden;color:#fff;min-height:200px;display:flex;align-items:center}.offer-banner-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1}.offer-content{flex:1;padding:24px;z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.offer-title{font-size:1.5rem;font-weight:700;margin:0 0 12px;line-height:1.2;text-align:left}.offer-title span{color:#a89cff;font-weight:800}.offer-description{font-size:1rem;line-height:1.5;margin:0 0 20px;color:#ffffffe6;max-width:250px}.offer-actions-container{display:flex;flex-direction:row;gap:16px;align-items:center;margin-top:20px}.offer-get-premium-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;min-width:160px;justify-content:center}.offer-get-premium-button:hover{background:linear-gradient(91deg,#ff66c6,#c974fe);transform:translateY(-2px);box-shadow:0 8px 25px #ff44ba4d}.offer-get-premium-button:active{transform:translateY(0)}.offer-get-premium-button img{width:20px;height:20px;object-fit:contain}.discount-label{background:#000;color:#fff;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:8px;margin-left:8px;white-space:nowrap}.send-clock-timer{display:flex;align-items:center}.timer-content{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-content svg{width:20px;height:20px}.timer-time{font-size:.9rem;font-weight:600;color:#a89cff}@media screen and (max-width: 768px){.offer-banner-container{min-height:180px;flex-direction:column;text-align:center}.offer-content{padding:20px;text-align:left;align-items:flex-start}.offer-title{font-size:1.3rem;margin-bottom:10px}.offer-description{font-size:.9rem;margin-bottom:16px;max-width:200px}.offer-actions-container{align-items:center;width:100%}.offer-get-premium-button{width:100%;max-width:200px;padding:14px 20px;font-size:1rem}.send-clock-timer{justify-content:center}}@media screen and (max-width: 480px){.offer-banner-container{min-height:160px}.offer-content{padding:16px;text-align:left;align-items:flex-start}.offer-title{font-size:1.2rem}.offer-description{font-size:.8rem;max-width:180px}.offer-get-premium-button{padding:12px 16px;font-size:.9rem}.timer-content{padding:6px 10px}.timer-content svg{width:18px;height:18px}.timer-time{font-size:.8rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.offer-banner-container{min-height:220px}.offer-content{padding:28px}.offer-title{font-size:1.6rem}.offer-description{font-size:1.1rem}.offer-get-premium-button{padding:14px 24px;font-size:1.1rem}}@media screen and (min-width: 1025px){.offer-banner-container{min-height:240px}.offer-content{padding:32px}.offer-title{font-size:1.8rem}.offer-description{font-size:1.2rem}.offer-get-premium-button{padding:16px 28px;font-size:1.2rem}}:root{--card-width: 150px;--card-height: calc(var(--card-width) * 19/13);--grid-gap: 14px;--bg-main: rgb(10, 10, 28);--bg-card: rgb(10, 10, 28);--radius: 8px;--side-menu-width: 50px}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a1c;display:flex;justify-content:center;align-items:center;z-index:1000}.character-grid-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;overflow-y:auto;background:var(--bg-main);padding:var(--grid-gap);box-sizing:border-box;z-index:1;display:flex;flex-direction:column}.character-grid-content{flex:1;position:relative;transition:margin-left .3s ease}.side-menu{position:fixed;left:0;top:0;bottom:0;width:var(--side-menu-width);background:var(--bg-card);color:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:2;display:flex;flex-direction:column}.side-menu-header{height:var(--header-height);padding:1rem;color:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;background:var(--bg-main);border-bottom:1px solid rgba(255,255,255,.1)}.menu-icon{display:flex;flex-direction:column;gap:3px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.menu-icon:hover{background-color:#ffffff1a}.menu-icon-line{width:20px;height:2px;background-color:#fff;border-radius:1px;transition:all .2s}.side-menu-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;background:var(--bg-main)}.side-menu.open{transform:translate(0)}.side-menu button{background:transparent;border:none;color:#fff;padding:.75rem 1rem;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);transition:background-color .2s;border-radius:var(--radius);display:flex;align-items:center;gap:.5rem;width:100%}.side-menu button:hover{background-color:#ffffff1a}.side-menu button:active{background-color:#fff3}.character-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--card-width),1fr));padding-left:calc(var(--side-menu-width) + var(--grid-gap));min-height:100%;align-content:start}@media (max-width: 900px){.character-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 901px){:root{--card-width: 300px}.character-grid{grid-template-columns:repeat(4,1fr);max-width:calc(5 * var(--card-width) + 3 * var(--grid-gap));margin:0 auto}}.banner-container{grid-column:1 / -1;margin-bottom:var(--grid-gap)}@media screen and (min-width: 1025px){.banner-container{display:none}}.offer-banner-container{grid-column:1 / -1;margin:var(--grid-gap) 0}.character-card{position:relative;width:100%;aspect-ratio:13/19;background-color:var(--bg-card);overflow:hidden;cursor:pointer;transition:transform .2s;border-radius:var(--radius)}.character-card:hover{transform:translateY(-4px)}.character-card.premium{box-shadow:0 0 20px #ff44ba4d}.character-card.premium:hover{box-shadow:0 0 30px #ff44ba80;transform:translateY(-6px)}.image-container{position:relative;width:100%;height:100%;overflow:hidden}.video-cover,.image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.description-block{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem;z-index:2;color:#fff}.badges{display:flex;gap:.5rem;margin-bottom:5px}.character-premium-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.character-premium-badge.clickable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.character-premium-badge.clickable:hover{background:linear-gradient(91deg,#ff66c6,#c974fe);transform:scale(1.05);box-shadow:0 4px 15px #ff44ba66}.character-premium-badge.clickable:active{transform:scale(.98)}.character-premium-badge img{width:14px;height:14px;object-fit:contain}.name-action-button{background:none;border:none;color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem;padding:0;cursor:pointer;text-align:left;width:100%;text-shadow:0 2px 4px rgba(0,0,0,.8)}.name-action-button:hover{color:#ff44ba}.description{margin:0;font-size:.9rem;line-height:1.4;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:13/19}.character-card h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.5rem;color:#fff;text-align:center;font-size:clamp(.8rem,2vw,1rem);background:linear-gradient(transparent,#000000b3);word-break:break-word}.character-name-left{position:absolute;bottom:0;left:0;margin:0;padding:.5rem;color:#fff;text-align:left;font-size:clamp(.8rem,2vw,1rem);background:linear-gradient(90deg,rgba(0,0,0,.8),transparent);word-break:break-word;max-width:80%}.error-state{margin:1rem auto;padding:.75rem;max-width:28rem;color:#f44;background:#ff444426;border-radius:var(--radius);text-align:center}@media (max-width: 600px){:root{--card-width: 120px}.character-grid{padding:calc(var(--grid-gap) / 2);padding-left:calc(var(--grid-gap) / 2);padding-bottom:var(--bottom-tab-total)}.side-menu{display:none}.banner-container,.offer-banner-container{margin:8px 0}.description-block{padding:.75rem}.name-action-button{font-size:1rem}.description{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.character-premium-badge{font-size:.7rem;padding:.2rem .4rem}}@media (min-width: 601px) and (max-width: 900px){:root{--card-width: 140px}.character-grid{padding-left:calc(var(--grid-gap) / 2);padding-bottom:var(--bottom-tab-total)}.side-menu{display:none}.banner-container,.offer-banner-container{margin:12px 0}.description-block{padding:.875rem}.name-action-button{font-size:1.1rem}.description{font-size:.85rem}}@media (min-width: 769px) and (max-width: 1000px){.character-grid{padding-left:calc(var(--grid-gap) / 2);padding-bottom:var(--bottom-tab-total)}.side-menu{display:none}}@media (min-width: 901px){:root{--card-width: 150px}.character-grid{padding-left:calc(var(--side-menu-width) + var(--grid-gap));padding-bottom:0}.side-menu{transform:translate(0)}.description-block{padding:1rem}.name-action-button{font-size:1.2rem}.description{font-size:.9rem}}.character-grid-footer{background:var(--bg-main);padding:2rem 1rem 1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.links-container{flex:1;min-width:200px}.links-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.75rem;display:block;text-decoration:none}.link-list{list-style:none;padding:0;margin:0}.link{margin-bottom:.5rem}.link a{color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:color .2s ease}.link a:hover{color:#fff;text-decoration:underline}.contact-us-container{flex:1.5}.contact-us-link{display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffffb3;font-size:.875rem;line-height:1.4}.pre-line{white-space:pre-line}.copyright{color:#ffffff80;font-size:.75rem;text-align:center;margin:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer-links{flex-direction:column;gap:1.5rem}.links-container{min-width:auto}.character-grid-footer{padding:1.5rem 1rem 1rem}}@media (max-width: 480px){.footer-links{gap:1rem}.links-title{font-size:.9rem}.link a,.contact-us-link{font-size:.8rem}.copyright{font-size:.7rem}}.loading-more{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;margin:1rem 0}.loading-more-text{color:#888;font-size:.9rem;font-weight:500;text-align:center}.load-more-container{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;margin:1rem 0}.load-more-button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#ff7979)}.load-more-button:active:not(:disabled){transform:translateY(0)}@media (min-width: 768px){.loading-more{padding:3rem 2rem;margin:2rem 0}.loading-more-text{font-size:1rem}.load-more-container{padding:3rem 2rem;margin:2rem 0}.load-more-button{padding:14px 28px;font-size:1.1rem}}.character-detail{padding:1rem;max-width:1200px;margin:0 auto}.character-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.character-header h1{margin:0;color:#fff}.character-profile{background-color:#0a0a1c;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.character-profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.character-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.character-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.stat-label{color:#ffffffb3;font-size:.9rem}.character-profile-body h1{margin:0 0 1rem;color:#fff}.character-description{color:#ffffffe6;margin-bottom:1rem;line-height:1.5}.character-actions{display:flex;gap:1rem;margin-top:1.5rem}.follow-button,.message-button{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.follow-button{padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.message-button{background-color:#ffffff1a;color:#fff}.follow-button:hover,.message-button:hover{transform:translateY(-2px)}.follow-button:hover{background-color:#357abd}.follow-button.subscribed{background-color:#e24a4a}.follow-button.subscribed:hover{background-color:#bd3535}.follow-button:disabled{background-color:#ccc;cursor:not-allowed}.character-feed{background-color:#0a0a1c;border-radius:12px;padding:1.5rem}.character-feed h3{color:#fff;margin:0 0 1.5rem}.post{background-color:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:1rem}.post-content{color:#fff;margin:0 0 1rem;line-height:1.5}.post-image{width:100%;max-width:500px;border-radius:8px;margin-bottom:1rem}.post-stats{display:flex;gap:1.5rem;color:#ffffffb3;font-size:.9rem}.loading-state,.loading-more-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#fff}.no-more-posts{text-align:center;color:#ffffffb3;padding:1rem;font-style:italic}.error-message{color:#f44;padding:1rem;text-align:center;background-color:#ff44441a;border-radius:8px;margin:1rem}@media (max-width: 768px){.character-profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.character-stats{width:100%;justify-content:space-between}.character-actions{flex-direction:column}.follow-button,.message-button{width:100%}.post-stats{flex-direction:column;gap:.5rem}}.back-link{margin-top:20px;color:#61dafb;text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}.back-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px 16px;display:flex;align-items:center;transition:transform .2s}.gifts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;background:#0a0a1c;display:flex;align-items:center;justify-content:center;z-index:1600;overflow:hidden;overscroll-behavior:none;touch-action:none;padding:0}.gifts-modal-mobile{width:95vw;max-width:400px;background:#0a0a1c;border-radius:0;position:relative;display:grid;grid-template-rows:auto auto 1fr;height:100%;max-height:100%;padding:0}.balance-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1rem}.balance-container{background:#401aa8;border-radius:32px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.balance-amount{color:#fff;font-size:1.25rem;font-weight:500}.balance-icon{width:16px;height:16px;object-fit:contain}.gift-header-area{text-align:center;padding:0 1.5rem 1.5rem;height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.character-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:.5rem}.character-avatar img{width:100%;height:100%;object-fit:cover}.gift-title{color:#fff;font-size:2rem;font-weight:500;margin:0}.gift-subtitle{color:#fff;font-size:1rem;font-weight:500;margin:0;opacity:.9}.gift-message{color:#fff;font-size:1.25rem;font-weight:500;margin:0}.gifts-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 1.5rem 1.5rem}.gifts-grid-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;justify-items:center;justify-content:center}.gift-item-mobile{width:100%;max-width:none;background:#211f38;border:none;border-radius:13px;padding:1.25rem .75rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:180px}.gift-item-mobile:hover:not(.disabled):not(.purchasing){transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.gift-item-mobile.disabled{opacity:.7;cursor:not-allowed;position:relative}.gift-item-mobile.disabled:after{content:"⏳";position:absolute;top:.5rem;right:.5rem;font-size:1rem;opacity:.8}.gift-item-mobile.disabled .gift-cost-container{background:#80808080;color:#fff9}.gift-item-mobile.purchasing{opacity:.7;cursor:not-allowed;position:relative;border:2px solid rgba(146,69,255,.5)}.gift-item-mobile.purchasing:after{content:"⏳";position:absolute;top:.5rem;right:.5rem;font-size:1rem;opacity:.8;animation:pulse 1.5s infinite}.gift-item-mobile.purchasing .gift-cost-container{background:#9245ff33;border:1px solid rgba(146,69,255,.4)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.gift-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.gift-name{color:#fff;font-size:.8rem;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.gift-image-container{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.gift-image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.gift-cost-container{background:#4f3d85;border-radius:32px;padding:.4rem .8rem;display:flex;align-items:center;gap:.25rem}.gift-cost{color:#fff;font-size:1.25rem;font-weight:600}.gift-cost-icon{width:16px;height:16px;object-fit:contain}.close-button{background:#8080804d;border:none;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:500;width:36px;height:36px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-button:hover{background:#80808066}.gift-alert,.insufficient-crystals-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.gift-alert{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.gift-alert-content{background:#211f38;border-radius:16px;padding:2rem;text-align:center;max-width:300px;margin:1rem}.gift-alert-content h3{color:#fff;margin:0 0 1rem;font-size:1.5rem}.gift-alert-content p{color:#fffc;margin:0 0 1.5rem}.gift-alert-content button{background:#9245ff;border:none;border-radius:8px;color:#fff;padding:.75rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.gift-alert-content button:hover{background:#8a2be2}.loading-gifts{color:#fff;text-align:center;font-size:1.2rem;padding:2rem}@media (max-width: 480px){.gifts-grid-mobile{gap:.5rem}.gift-item-mobile{width:100%;max-width:none;min-height:160px;padding:1rem .5rem}}@media (min-width: 481px) and (max-width: 768px){.gifts-modal-mobile{max-width:500px}.gifts-grid-mobile{grid-template-columns:repeat(3,1fr);gap:1rem}.gift-item-mobile{max-width:130px;min-height:200px}.gift-item-mobile.purchasing:after{font-size:1rem;top:.5rem;right:.5rem}}@media (min-width: 769px){.gifts-modal-mobile{max-width:600px;border-radius:16px;height:min(90dvh,700px);max-height:90dvh}.gifts-grid-mobile{grid-template-columns:repeat(4,1fr);gap:1rem}.gift-item-mobile{max-width:140px;min-height:220px}.gift-item-mobile.purchasing:after{font-size:1.1rem;top:.6rem;right:.6rem}}.insufficient-crystals-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.insufficient-crystals-content{background:#0a0a1c;border-radius:16px;padding:2rem;text-align:center;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1)}.insufficient-crystals-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.insufficient-crystals-content p{color:#fffc;font-size:1.1rem;margin:0 0 1.5rem;line-height:1.4}.insufficient-crystals-content button{background:linear-gradient(135deg,#ae52e7,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;cursor:pointer;transition:all .2s}.insufficient-crystals-content button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ae52e74d}:root{--purple: #1f1625;--purple-900: #2a1338;--green: #74ff82;--red: #f14848}.chat-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;width:100dvw;display:grid;grid-template-rows:96px auto 1fr auto auto;overflow:hidden;background-color:#0a091b;color:#fff}@media (width <= 1199px){.chat-page{grid-template-rows:68px auto 1fr auto auto}}.chat-header{position:relative;height:96px;display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:24px 32px 16px;background-color:transparent;flex:0 0 auto}.chat-progress-container{padding:12px 32px;background-color:#0a0a1c;flex:0 0 auto}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:14px;color:#ffffffb3;font-weight:500}.progress-percentage{font-size:14px;color:#9245ff;font-weight:600}.progress-bar{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#9245ff,#ae52e7);border-radius:2px;transition:width .5s ease-in-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media screen and (width <= 1199px){.chat-page .chat-header{padding-top:10px;height:68px}.avatar-image{width:56px;height:56px}.chat-progress-container{padding:12px}}.header-left{display:flex;align-items:center;gap:12px;flex:0 0 auto}.back-button,.avatar-button{flex:0 0 auto;margin-right:0}.back-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s;width:40px;height:40px;position:relative;left:0}.back-button:hover{transform:translate(-4px)}.avatar-button{background:none;border:none;cursor:pointer;padding:0;margin-right:12px}.avatar-image{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover}.info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;min-width:0}.name{background:none;border:none;color:#fff;font-size:18px;font-weight:600;cursor:pointer;padding:0;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.name:hover{opacity:.8}.status{display:flex;align-items:center;gap:8px}.status-animation{width:12px;height:12px;position:relative}.online{width:100%;height:100%;background-color:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #74ff82b3}70%{box-shadow:0 0 0 10px #74ff8200}to{box-shadow:0 0 #74ff8200}}.status-text{color:#ffffffb3;font-size:14px;margin:0}.buttons{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:16px}.call-container{position:relative}.call-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.call-button:hover{background-color:#ffffff1a}.single-icon{width:40px;height:40px}.button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.button:hover{background-color:#ffffff1a}.options-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;position:relative}.options-button:hover{background-color:#ffffff1a}.options-menu{position:absolute;top:100%;right:0;background-color:var(--purple-900);border-radius:12px;padding:8px;box-shadow:0 8px 32px #0006;z-index:1000;min-width:160px;margin-top:8px}.option-button{background:none;border:none;color:#fff;cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:8px;transition:background-color .2s;font-size:14px}.option-button:hover{background-color:#ffffff1a}.option-button.delete{color:var(--red)}.option-button.delete:hover{background-color:#f148481a}.messages-container{min-height:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:1rem;background-color:#0a091b;display:flex;flex-direction:column;position:relative}.messages{display:flex;flex-direction:column;gap:1rem}.message-container{width:fit-content;max-width:70%;min-width:250px;display:flex;flex-direction:column;gap:8px;animation:message-appear .3s}@media screen and (width <= 767px){.message-container{min-width:unset;max-width:85%}}@media screen and (width <= 1199px){.message-container{gap:6px}}@media screen and (width <= 1400px){.message-container{max-width:90%}}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-body{display:flex;flex-direction:column;width:100%}.message{padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.4;width:100%}.message-container.character-message .message-body{align-items:flex-start}.message-container.user-message .message-body{align-items:flex-end}.message-container.user-message{align-self:flex-end}.message-from-model{color:#fff}.message-from-user{background-color:#4a4a4a;color:#fff;border-bottom-right-radius:4px}.message-metadata{display:flex;justify-content:flex-start;padding:0 16px}.message-container.user-message .message-metadata{justify-content:flex-end}.metadata-left-part,.time-container{display:flex;align-items:center}.time-container.seen{opacity:.7}.time{font-size:12px;color:#fff9;margin:0}.loading-messages,.error-message,.no-messages{text-align:center;padding:2rem;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.no-messages-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-messages-text{font-size:1.2rem;color:#ffffffb3;text-align:center}.loading-messages{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;width:100dvw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1c;color:#fff;z-index:1000}.error-message{color:#f44}.message{max-width:70%;padding:.8rem;border-radius:1rem;word-wrap:break-word;margin:4px 0;line-height:1.5}.message-image{max-width:100%;max-height:300px;border-radius:.5rem;object-fit:contain}.message-content{display:flex;flex-direction:column;gap:.5rem}.message-content p{margin:0}.message-video{max-width:100%;max-height:300px;border-radius:.5rem;object-fit:contain}.message-input-container{position:static;bottom:auto;z-index:auto;padding:5px 1rem calc(1rem + env(safe-area-inset-bottom)) 1rem;border-top:1px solid rgba(255,255,255,.1);background-color:#1b1a20;display:flex;align-items:center;gap:.75rem}.gift-icon-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;flex:0 0 auto}.gift-icon-button:hover{background-color:#ffffff1a}.message-input{flex:1;padding:0 .8rem;border-radius:1.5rem;border:none;background-color:#070707;color:#fff;resize:none;min-height:33px;max-height:100px;line-height:1.7;font-family:Roboto,sans-serif;font-size:18px;transition:height .2s ease;overflow-y:auto;overflow-x:hidden}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.message-input::-webkit-scrollbar-thumb:hover{background:#ffffff80}.send-button{padding:0;border-radius:50%;border:none;background-color:#602cb1;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto}.send-button:hover:not(:disabled){background-color:#7935d9;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.load-more-button{align-self:center;padding:.5rem 1rem;margin:1rem 0;border:none;border-radius:1rem;background-color:#9245ff33;color:#fff;cursor:pointer}.loading{text-align:center;padding:1rem;color:#fff9}.typing-indicator .message-body{align-items:flex-start}.typing-indicator .message{background-color:#2a1338;color:#fff;border-bottom-left-radius:4px;width:100%;padding:1rem}.typing-indicator{display:flex;align-items:center;gap:8px}.typing-dots{display:inline-flex;gap:2px;margin-left:4px}.typing-dots span{animation:typing 1.4s infinite;font-size:20px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-4px);opacity:1}}.message-container.error-message .message-body,.message-container.system-message .message-body{align-items:center}.message-container.error-message .message{background-color:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;width:100%;text-align:center;padding:1rem}.loading-messages .loading-text{font-size:1.2rem;color:#ffffffb3;margin-top:1rem}.message-container.system-message .message{background-color:#ffffff1a;color:#ffffffb3;font-style:italic;width:100%;text-align:center;padding:1rem}.media-locked-overlay{position:relative;cursor:pointer;border-radius:.5rem;overflow:hidden;display:inline-block}.media-locked-overlay:hover{transform:scale(1.02);transition:transform .2s ease}.media-locked-content{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;color:#fff;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-locked-icon{font-size:2.5rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.media-locked-text{font-size:1.1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#00000080;padding:.5rem 1rem;border-radius:1rem;border:2px solid rgba(255,255,255,.3)}.media-locked{filter:blur(12px);transform:scale(1.05);transition:filter .3s ease}.media-locked-overlay:hover .media-locked{filter:blur(8px)}.message-image[src*=gift],.message-video[src*=gift]{max-width:120px;max-height:120px;border-radius:15px;border:3px solid #FFD700;box-shadow:0 4px 15px #ffd7004d;animation:giftGlow 2s ease-in-out infinite alternate}@keyframes giftGlow{0%{box-shadow:0 4px 15px #ffd7004d}to{box-shadow:0 6px 20px #ffd70099}}.invoice-block{margin-top:.5rem;display:flex;justify-content:flex-end}.invoice-gift{width:88px;height:88px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:14px}.invoice-gift-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.invoice-subscription{display:flex;justify-content:flex-end}.invoice-subscription-button{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;border:none;border-radius:20px;padding:8px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #007aff4d}.invoice-subscription-button:hover{background:linear-gradient(135deg,#0056cc,#049);transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.invoice-specific-gift{display:flex;justify-content:flex-end}.invoice-gift-button{background:#ffffff26;border:none;border-radius:14px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.invoice-gift-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.invoice-gift-text{color:#fff;font-size:14px;font-weight:500;text-align:center;line-height:1.2}.invoice-gift-image{width:80px;height:80px;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.message-suggestion-container{border-top:1px solid rgba(255,255,255,.05);padding:.75rem 1rem;background:transparent;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.camera-button{background:none;border:none;width:55px;height:55px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;opacity:1;transform:scale(1);backdrop-filter:none;-webkit-backdrop-filter:none}.camera-button-hidden{opacity:0;transform:scale(.8);pointer-events:none}.camera-button:hover{transform:scale(1.05)}.camera-button:focus{outline:none}.message-suggestion-button{width:fit-content;max-width:90vw;min-width:120px;padding:.25rem .5rem;background:transparent;border:1px solid #e96dc59e;border-radius:25px;color:#fff;font-size:.9rem;text-align:center;cursor:pointer;transition:all .2s ease;min-height:35px;height:auto;display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.message-suggestion-button:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.message-suggestion-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.message-suggestion-button{font-size:1.1rem;line-height:1.3}.balance-display{margin-left:auto;padding:.5rem 1rem;background:linear-gradient(135deg,#ffd70033,#ffa5004d);border:1px solid rgba(255,215,0,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;text-align:center;cursor:pointer;transition:all .3s ease}:root{--media-w: 240px;--media-h: 350px}.media-block{width:var(--media-w);height:var(--media-h);max-width:none;max-height:none;display:block;border-radius:12px;overflow:hidden;margin:4px 0}.media-block .message-image,.media-block .message-video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;display:block}.message-container:has(.media-block):not(:has(.message)){min-width:auto;width:auto;max-width:none}.message-container.user-message .media-block{align-self:flex-end}.message-container.character-message .media-block{align-self:flex-start}@media (max-width: 380px){.media-block{width:min(var(--media-w),85vw);height:calc(min(var(--media-w),85vw) * (350 / 240))}}.message-from-model{background-color:#2a1338;color:#fff;border-bottom-left-radius:4px}.balance-display:hover{background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border-color:#ffd70080;transform:translateY(-1px);box-shadow:0 4px 12px #ffd70033}.balance-display:focus{outline:2px solid rgba(255,215,0,.6);outline-offset:2px}.balance-loading{color:#ffffffb3;font-size:.8rem;font-style:italic}.balance-amount{color:gold;font-weight:700;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:.25rem}.gifts-button{background:linear-gradient(135deg,#ff69b433,#ff149333);border:1px solid rgba(255,105,180,.3);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer!important;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:.5rem;position:relative;z-index:10}.gifts-button:hover{background:linear-gradient(135deg,#ff69b44d,#ff14934d);border-color:#ff69b480;transform:scale(1.1);box-shadow:0 4px 15px #ff69b44d;cursor:pointer!important}@media (max-width: 768px){.chat-page{width:100dvw;max-width:100dvw;margin:0}.chat-header,.messages-container,.message-suggestion-container,.message-input-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.loading-messages{min-height:100dvh;width:100dvw;padding-bottom:env(safe-area-inset-bottom)}.chat-progress-container{padding:12px max(1rem,env(safe-area-inset-left)) 12px max(1rem,env(safe-area-inset-right))}}@media (max-width: 768px){.message-container{max-width:none!important;min-width:0!important;width:auto!important}.message{display:inline-block!important;width:-moz-fit-content!important;width:fit-content!important;max-width:80vw!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}}.media-block{width:var(--media-w)!important;height:var(--media-h)!important;flex:0 0 var(--media-h)!important;max-width:none!important;max-height:none!important;display:block!important;border-radius:12px;overflow:hidden;margin:4px 0}.media-block .message-image,.media-block .message-video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important}.media-block .media-locked-overlay{width:100%;height:100%;display:block}@media (max-width: 380px){.media-block{width:min(var(--media-w),85vw);height:calc(min(var(--media-w),85vw) * (350 / 240));flex-basis:auto}}.loading-older-messages{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#ffffffb3;position:sticky;top:0;background:#0a0a1ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10;animation:slideDown .3s ease-out}.loading-older-messages span{font-size:.9rem;font-weight:500}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.load-more-messages-button{background:linear-gradient(135deg,#4a9eff33,#8a2be233);border:1px solid rgba(74,158,255,.3);border-radius:25px;color:#fff;padding:.75rem 2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:1rem auto;display:block;width:fit-content}.load-more-messages-button:hover:not(:disabled){background:linear-gradient(135deg,#4a9eff4d,#8a2be24d);border-color:#4a9eff80;transform:translateY(-1px);box-shadow:0 4px 15px #4a9eff4d}.load-more-messages-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-messages-button img{width:16px;height:16px;margin-right:.5rem;animation:pulse 1.5s ease-in-out infinite}.message-container{animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.loading-older-messages{padding:1rem}.load-more-messages-button{padding:.6rem 1.5rem;font-size:.85rem;margin:.75rem auto}}@media (min-width: 769px) and (max-width: 1000px){.loading-older-messages{padding:1.5rem}.load-more-messages-button{padding:.7rem 1.8rem;font-size:.9rem;margin:1rem auto}}@media (min-width: 1000px){.loading-older-messages{padding:2rem}.load-more-messages-button{padding:.75rem 2rem;font-size:.9rem;margin:1rem auto}}.messages-container{will-change:scroll-position;transform:translateZ(0)}.loading-older-messages,.load-more-messages-button{transition:all .3s ease}.load-more-messages-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.messages-container::-webkit-scrollbar{display:none}}@media (min-width: 769px) and (max-width: 1000px){.messages-container::-webkit-scrollbar{width:8px}}@media (min-width: 1000px){.messages-container::-webkit-scrollbar{width:10px}}.messages-container.loading{pointer-events:none;opacity:.7}.character-posts-page{min-height:100vh;background:#0a0a1c;color:#fff;padding-bottom:2rem;width:100vw;margin:0;padding-left:0;padding-right:0;box-sizing:border-box}.posts-header{display:flex;align-items:center;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;margin:0;box-sizing:border-box}.posts-header h1{margin:0 0 0 1rem;font-size:1.5rem;font-weight:600}.loading-posts{display:flex;justify-content:center;align-items:center;height:60vh;width:100vw;margin:0;padding:0}.loading-pulse-image{width:120px;height:auto;animation:pulse 1.5s ease-in-out infinite;opacity:.9;border-radius:12px}.loading-pulse-image-small{width:40px;height:40px;animation:pulse 1.5s ease-in-out infinite;opacity:.9;border-radius:8px}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;margin:1rem;border-radius:.5rem;text-align:center;font-weight:500;width:calc(100% - 2rem)}.posts-container{padding:1rem 0;width:100vw;margin:0;box-sizing:border-box;height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.no-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#ffffffb3}.no-posts-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-posts h3{margin:0 0 .5rem;font-size:1.3rem}.no-posts p{margin:0;font-size:1rem;opacity:.8}.post-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin:0 1rem 1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.post-header{display:flex;align-items:center;margin-bottom:1rem}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);margin-right:.75rem}.post-info{flex:1}.post-author{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#fff}.post-time{font-size:.9rem;color:#fff9}.post-content{margin-bottom:1rem}.post-content p{margin:0 0 1rem;line-height:1.6;font-size:1rem}.post-media{margin-top:.5rem}.post-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.post-stats{display:flex;flex-direction:row;gap:1.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.post-stat{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.stat-icon{font-size:1.1rem}.stat-value{font-weight:500}.loading-more-posts{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#ffffffb3}.loading-more-posts span{font-size:.9rem;font-weight:500}.load-more-container{display:flex;justify-content:center;margin-top:2rem}.load-more-button{background:linear-gradient(135deg,#4a9eff33,#8a2be233);border:1px solid rgba(74,158,255,.3);border-radius:25px;color:#fff;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#4a9eff4d,#8a2be24d);border-color:#4a9eff80;transform:translateY(-1px);box-shadow:0 4px 15px #4a9eff4d}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.posts-header{padding:.75rem}.posts-header h1{font-size:1.3rem}.posts-container{padding:.75rem;height:calc(100vh - 70px)}.post-card{padding:.75rem;margin-bottom:.75rem}.post-avatar{width:40px;height:40px}.post-author{font-size:1rem}.post-time{font-size:.8rem}.post-content p{font-size:.95rem}.post-stats{gap:1rem}.stat-icon{font-size:1rem}.stat-value{font-size:.85rem}}.match-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:0}.match-view{width:100vw;height:100vh;background:#0a0a1c;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:186px 27px 70px 4px;position:relative;overflow:hidden}.match-images-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-87px}.match-images-container{position:relative;width:400px;height:320px;margin-bottom:85px}.match-card{position:absolute;width:179px;height:280px;border-radius:40px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.first-card{left:-78px;top:22px;transform:rotate(10.77deg)}.second-card{right:-78px;top:-13px;transform:rotate(-3.86deg)}.match-card-image{width:100%;height:100%;object-fit:cover}.match-label{font-size:96px;font-weight:700;color:#fff;margin-bottom:68px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.match-description{font-size:16px;color:#fff;opacity:.9;line-height:1.4}.match-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:387px;padding-bottom:60px}.match-button{width:100%;height:58px;border:none;border-radius:63px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.keep-looking-button{background:transparent;color:#fff;text-decoration:underline}.keep-looking-button:hover{background:#ffffff1a}.open-chat-button{background:#ff4561;color:#fff;height:56px}.open-chat-button:hover{background:#ff5975;transform:translateY(-2px);box-shadow:0 8px 24px #ff456166}@media (max-width: 480px){.match-view{padding:100px 0 0;width:100vw;height:100vh}.match-images-container{width:245px;height:400px;margin-bottom:10px}.match-card{width:172px;height:301px}.first-card{left:-50px;top:15px}.second-card{right:-50px;top:-10px}.match-label{font-size:65px;margin-bottom:5px}.match-description{font-size:16px;color:#fff;opacity:.9;line-height:1.4}.match-button{height:50px;font-size:18px}.open-chat-button{height:48px}}@media (max-width: 360px){.match-view{padding:100px 15px 40px;width:100vw;height:100vh}.match-images-container{width:220px;height:180px;margin-bottom:50px}.match-card{width:100px;height:140px}.first-card{left:-45px;top:10px}.second-card{right:-45px;top:-8px}.match-label{font-size:60px;margin-bottom:40px}.match-button{height:45px;font-size:16px}.open-chat-button{height:43px}}.tinder-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;background:#0a0a1c;overflow:hidden;padding-bottom:0;overscroll-behavior:none;touch-action:none}.loading-container,.error-container{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;padding-bottom:var(--bottom-tab-total);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.no-more-characters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;padding-bottom:var(--bottom-tab-total);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.loading-more-text{font-size:1rem;color:#ffffffb3;margin-top:.5rem}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;border-radius:.5rem;font-weight:500}.no-more-characters{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;width:100vw;background:#000;color:#fff;text-align:center;padding-bottom:var(--bottom-tab-total);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.no-more-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-more-characters h2{margin:0 0 .5rem;font-size:1.8rem}.no-more-characters p{margin:0 0 2rem;font-size:1.1rem;opacity:.8}.reset-button{background:linear-gradient(135deg,#4a9eff33,#8a2be233);border:1px solid rgba(74,158,255,.3);border-radius:25px;color:#fff;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-button:hover{background:linear-gradient(135deg,#4a9eff4d,#8a2be24d);border-color:#4a9eff80;transform:translateY(-1px);box-shadow:0 4px 15px #4a9eff4d}.card-background{position:relative;background:#1c1a30;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .26s ease}.card-background.loaded .card-image{opacity:1}.card-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.card-skeleton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#ffffff05,#ffffff1a,#ffffff05);animation:shimmer 1.1s infinite}.card-background.loaded .card-skeleton{opacity:0;transition:opacity .2s ease;pointer-events:none}@keyframes shimmer{to{transform:translate(100%)}}.character-info-overlay{position:absolute;left:0;right:0;bottom:calc(var(--bottom-tab-total) + 10px);z-index:2;background:transparent;padding:2rem 1.5rem 1.5rem;color:#fff}.tinder-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,#0a0a1c,#0a0a1c00);pointer-events:none;z-index:1}.character-info{text-align:left}.character-name{margin:0 0 .5rem;font-size:2rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:1rem}.character-description{margin:0 0 1rem;font-size:1.1rem;line-height:1.4;opacity:.9;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.character-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-tag{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-more{position:absolute;bottom:calc(var(--bottom-tab-total) + 96px);left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.floating-tabbar{position:absolute;left:0;right:0;bottom:calc(var(--bottom-tab-total) + 8px);z-index:1100;height:78px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:transparent}.tab-btn{display:inline-flex;align-items:center;justify-content:center;border:0;outline:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;will-change:transform;-webkit-user-select:none;user-select:none}.tab-btn:active{transform:translateY(1px) scale(.98)}.btn-circle{width:90px;height:90px;border-radius:50%;padding:8px}.btn-icon{display:block;width:30px;height:30px;pointer-events:none}.tab-btn.btn-pill.btn-like{display:flex!important;align-items:center!important;justify-content:center!important}.btn-dislike{background:#d9d9d980;color:#fff;box-shadow:0 6px 16px #00000040;border:2px solid rgba(255,255,255,.8)}.btn-dislike:hover{filter:brightness(.98)}.btn-like{background:#d9d9d980;color:#000;box-shadow:0 6px 16px #00000040;border:2px solid rgba(255,255,255,.8)}.btn-like:hover{filter:brightness(1.02)}@media (min-width: 769px){.floating-tabbar{bottom:2rem}.loading-more{bottom:6.5rem}}@media (max-width: 480px){.tinder-page{padding-bottom:var(--bottom-tab-total)}.card-stack{height:calc(100dvh - var(--bottom-tab-total))}.character-name{font-size:1.8rem}.character-description{font-size:1rem}.loading-more{bottom:calc(var(--bottom-tab-total) + 2rem)}.loading-container,.error-container,.no-more-characters{padding-bottom:var(--bottom-tab-total);width:100vw;left:0;right:0}}@media (min-width: 481px) and (max-width: 768px){.tinder-page{padding-bottom:var(--bottom-tab-total)}.card-stack{height:calc(100dvh - var(--bottom-tab-total))}.loading-more{bottom:calc(var(--bottom-tab-total) + 2rem)}}@media (min-width: 769px) and (max-width: 1000px){.tinder-page{padding-bottom:var(--bottom-tab-total)}.card-stack{height:calc(100dvh - var(--bottom-tab-total))}.loading-more{bottom:calc(var(--bottom-tab-total) + 2rem)}.loading-container,.error-container,.no-more-characters{padding-bottom:var(--bottom-tab-total)}}@media (min-width: 1000px){.tinder-page{padding-bottom:2rem}.card-stack{height:calc(100dvh - 120px)}.loading-more{bottom:2rem}.loading-container,.error-container,.no-more-characters{padding-bottom:2rem}}.card-stack{position:absolute;left:0;right:0;top:0;bottom:var(--bottom-tab-total);width:100dvw;height:calc(100dvh - var(--bottom-tab-total));overflow:hidden}.tinder-card{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;will-change:transform,opacity;transition:none;background:#211f38}.current-card{z-index:2}.next-card{z-index:1;pointer-events:none}.tinder-card.swipe-out-left{transform:translate(-120vw,-10px) rotate(-18deg);opacity:0}.tinder-card.swipe-out-right{transform:translate(120vw,-10px) rotate(18deg);opacity:0}.tinder-card.is-animating{pointer-events:none}.tinder-card.is-animating,.tinder-card.swipe-out-left,.tinder-card.swipe-out-right{transition:transform .32s ease,opacity .32s ease}@media (max-width: 480px){.card-stack{height:calc(100dvh - var(--bottom-tab-total))}}@media (min-width: 481px) and (max-width: 768px){.card-stack{height:calc(100dvh - var(--bottom-tab-total))}}@media (min-width: 769px) and (max-width: 1000px){.card-stack{height:calc(100dvh - var(--bottom-tab-total))}}@media (min-width: 1000px){.tinder-page{padding-bottom:0}.card-stack{bottom:0;height:100dvh}}.card-background,.card-image{width:100%;height:100%}.card-image{object-fit:cover;pointer-events:none}.side-menu{display:none;position:fixed;left:0;top:0;bottom:0;width:150px;background-color:#141240;color:#fff;z-index:1000}.side-menu-content{display:flex;flex-direction:column;height:100%;padding:1.5rem}.side-menu-header{padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.side-menu-header h2{margin:0;font-size:1.5rem;color:#fff}.side-menu-items{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.side-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:8px;transition:background-color .2s;text-align:left;width:100%}.side-menu-item:hover{background-color:#ffffff1a}.side-menu-icon{font-size:1.2rem}.side-menu-label{font-size:1rem}@media (min-width: 1000px){.side-menu{display:block}}.subscription-management-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.subscription-management-popup{background:#0a0a1c;border-radius:16px;border:2px solid rgba(255,255,255,.1);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-modal-button{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;font-size:18px;font-weight:300;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-modal-button:hover:not(:disabled){background:#ffffff26;border-color:#fff6;color:#fff;transform:scale(1.1)}.close-modal-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.subscription-management-content{padding:32px 24px;text-align:center;color:#fff}.premium-title{font-size:24px;font-weight:700;margin:0 0 24px;background:linear-gradient(91deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-message{background:#f148481a;border:1px solid rgba(241,72,72,.3);border-radius:8px;padding:12px;margin:16px 0;color:#ff556e;font-size:14px}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin:16px 0;color:#22c55e;font-size:14px;text-align:center}.success-message p{margin:0 0 8px}.success-message p:last-child{margin-bottom:0}.subscription-actions{margin:24px 0}.cancel-subscription-link{background:#ff556e1a;border:2px solid #ff556e;color:#ff556e;font-size:16px;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:12px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.cancel-subscription-link:hover:not(:disabled){background:#ff556e33;border-color:#ff4757;color:#ff4757;transform:translateY(-2px);box-shadow:0 4px 12px #ff556e4d}.cancel-subscription-link:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 600px){.subscription-management-overlay{padding:16px}.subscription-management-content{padding:24px 20px}.premium-title{font-size:20px}}:root{--app-font-family:"Manrope",sans-serif;--white:#fff;--gray-300:#6c6c6c;--gray-400:#414141;--gray-500:#242424;--purple-900:#2a1338;--secondary:#0e0e0e;--tertiary:#ffb930;--accent:#ae52e7;--accent-hover:#8a30c1;--red:#f14848;--red-300:#ff556e;--red-hover:#d71e1e;--bottom-tab-height:60px;--bottom-tab-total:calc(var(--bottom-tab-height) + 1rem + env(safe-area-inset-bottom))}html,body{height:100%;overflow:hidden}#root,.app{height:100%}.profile-page{display:flex;min-height:100svh;height:100%;width:100%;background:#0a0a1c;color:var(--white);font-family:var(--app-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);overflow:hidden}.profile-content{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(var(--bottom-tab-total) + 16px)}.profile-header{display:flex;justify-content:center;margin:0 0 24px;padding-top:16px}.profile-user-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-subscribed{text-align:center}.profile-subscribed p{margin:0;font-size:14px;color:var(--white);font-weight:500}.manage-subscription-link{background:none;border:none;color:#ae52e7;text-decoration:underline;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background-color .2s ease;margin-top:8px}.manage-subscription-link:hover{background:#ae52e71a}.logout-button,.login-button{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:200px;font-size:14px}.logout-button{background:linear-gradient(91deg,var(--red) 0%,var(--red-300) 100%);color:#fff}.logout-button:hover{background:linear-gradient(91deg,var(--red-hover) 0%,var(--red) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f148484d}.login-button{background:linear-gradient(91deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff}.login-button:hover{background:linear-gradient(91deg,var(--accent-hover) 0%,var(--accent) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ae52e74d}.ppw.paywall-modal{position:relative;width:100%;max-width:1024px;margin:0 auto;padding:0 24px 24px;background:transparent;box-shadow:none}.paywall-header{text-align:center;padding:24px 0 0;background:#0a0a1c}.header-content{padding-top:12px}.main-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(91deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:#ffffffb3;margin:0}.pricing-center-container{display:flex;flex-direction:column;gap:16px}.pricing-products-container{display:flex;flex-direction:column;gap:12px}.ppw-price-block{position:relative;background:linear-gradient(90deg,var(--purple-900) 0%,var(--secondary) 100%);border:2px solid var(--tertiary);border-radius:16px;padding:1.25rem;transition:transform .2s ease,border-color .2s ease}.ppw-price-block:hover{transform:translateY(-2px);border-color:var(--accent)}.ppw-price-block.popular{border-color:var(--tertiary)}.ppw-selected{border-color:var(--accent)!important}.ppw-price-block-content{display:grid;grid-template-columns:1fr auto;gap:1rem}.ppw-plan-title{margin:0;font-weight:600}.ppw-discount-badge{display:inline-block;margin-top:6px;padding:.25rem .5rem;border-radius:6px;background:linear-gradient(91deg,#2a2a84,#8840b5);font-size:12px;font-weight:700}.ppw-full-price{display:flex;gap:.5rem;align-items:center;margin-top:.35rem}.ppw-prev-full-price{text-decoration:line-through;font-size:10px;color:#bbb;font-weight:700}.ppw-current-full-price{font-size:10px;font-weight:700}.ppw-price-right{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.ppw-price-integer{margin:0;font-size:24px;font-weight:800}.ppw-price-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ppw-price-decimal,.ppw-period{margin:0;font-size:10px;color:var(--gray-300)}.ppw-badge-container{position:absolute;top:-8px;right:1rem}.ppw-popular-badge{background:var(--tertiary);color:#000;padding:.25rem .5rem;border-radius:6px;font-size:12px;font-weight:700}.guarantee-container{display:flex;flex-direction:column;gap:12px}.guarantee-block{background:var(--gray-500);border:1px solid var(--gray-400);border-radius:8px;padding:12px 16px}.guarantee-text{margin:0}.pay-button{width:100%;padding:18px 24px;border:none;border-radius:16px;background:linear-gradient(91deg,#2a2a84,#8840b5);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:8px}.pay-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a2a8466}.payment-methods-container{display:flex;justify-content:center;margin:1rem 0 2rem}.payment-methods{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.payment-placeholder{background:#1e1e1e;padding:.5rem .75rem;border-radius:6px;color:#aaa;font-size:12px}.paywall-modal.subscribed{display:flex;align-items:center;justify-content:center;min-height:40vh}@media (min-width:769px) and (max-width:1000px){.profile-content{padding-bottom:var(--bottom-tab-total);width:100vw;margin-left:0}}@media (min-width:1000px){.profile-content{margin-left:270px;width:calc(100vw - 270px);padding-bottom:16px}}@media (max-width:600px){.profile-page{width:100vw;overflow-x:hidden}.profile-content{padding-left:12px;padding-right:12px;width:100vw;margin-left:0;max-width:100vw}.logout-button,.login-button{width:100%;min-width:0}}.story-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.story-view-container{width:100%;max-width:400px;height:100vh;max-height:700px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;overflow:hidden;position:relative;animation:slideUp .3s ease-out}.story-progress-container{position:absolute;top:0;left:0;right:0;height:4px;background:#fff3;z-index:3}.story-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#eab308);transition:width .05s linear;border-radius:2px}.story-content{height:100%;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.story-header{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));margin:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px;background:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease}.story-header:hover{background:#00000080;transform:translateY(-1px)}.story-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-info{flex:1}.story-character-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.story-timer{color:#ffffffb3;font-size:14px;font-weight:500}.story-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.story-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.story-content{position:relative;padding:0;box-sizing:border-box}.story-content-display{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:0;background:#000;z-index:0;display:flex;align-items:center;justify-content:center}.story-media{width:100%;height:100%;object-fit:cover;max-height:none;display:block}.story-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#eab3081a);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.story-placeholder-text{color:#fff9;font-size:16px;font-weight:500;text-align:center;padding:40px}.story-input-container{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:2;margin-top:0;padding:0;display:flex;gap:12px;align-items:center}.story-input{flex:1;padding:16px 20px;border:2px solid rgba(255,255,255,.2);border-radius:25px;background:#ffffff1a;color:#fff;font-size:16px;outline:none;transition:all .3s ease;cursor:pointer}.story-input::placeholder{color:#fff9}.story-input.focused{border-color:#8b5cf6;background:#ffffff26;transform:scale(1.02)}.story-input:hover{border-color:#fff6;background:#ffffff26}.story-send-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#eab308);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.story-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #8b5cf666}.story-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.story-view-overlay{width:100vw;left:0;right:0}.story-view-container{width:100%;height:100vh;max-width:none;max-height:none;border-radius:0}}.story-header{margin-bottom:16px}.story-avatar{width:40px;height:40px}.story-character-name{font-size:16px}.story-input{padding:14px 18px;font-size:15px}.story-send-btn{width:44px;height:44px;font-size:18px}:root{--app-font-family: "Manrope", sans-serif;--skeleton-bg: #363636;--skeleton-bg-dark: #1d1c1c;--black: #000000;--white: #ffffff;--accent: #ae52e7;--accent-50: rgba(174, 82, 231, .5);--accent-hover: #8a30c1;--main: #0c0c0c;--secondary: #0e0e0e;--purple: #1f1625;--purple-900: #2a1338;--gray: #808080;--gray-dark: #181818;--gray-300: #6c6c6c;--gray-400: #414141;--gray-500: #242424;--gray-600: #24162c;--red: #f14848;--pink: #ff44ba;--pink-500: #f8697d;--green: #74ff82;--aqua: #00eca3;--red-hover: #d71e1e;--red-300: #ff556e;--scrollbar: #323232;--svitlo-text: #667085;--spinner: #ffffff;--tertiary: #ffb930;--indigo: #6a38bb;--gradient-main: linear-gradient(91deg, #2a2a84 0%, #8840b5 100%);--gradient-main-hover: linear-gradient(91deg, #3a3a94 0%, #9840c5 100%);--font-size-s: 10px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 18px;--font-size-xxl: 24px;--font-size-xxxl: 32px;--rounded-xxs: 2px;--rounded-xs: 4px;--rounded-s: 8px;--rounded-m: 10px;--rounded-l: 12px;--rounded-xl: 16px;--rounded-2xl: 18px;--rounded-3xxl: 20px;--rounded-4xxxl: 24px;--rounded-full: calc(infinity * 1px)}body{margin:0;font-family:var(--app-font-family, "Manrope", sans-serif),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;font-feature-settings:normal;background-color:var(--main);overflow-x:hidden!important;overflow-y:scroll;line-height:normal;color:var(--white);overscroll-behavior:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media screen and (width <= 1199px){body *::-webkit-scrollbar{display:none}}body *::-webkit-scrollbar{width:16px;border-radius:12px}body *::-webkit-scrollbar-thumb{background-color:var(--scrollbar);border-radius:6px;border:4px solid transparent;background-clip:content-box}body *::-webkit-scrollbar-track{border-radius:12px;background-color:transparent}ul,li{list-style:none;margin:0;padding:0}.chat-list-page{position:relative;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;width:100dvw;max-width:100dvw;margin:0;padding:0;background-color:#0a0a1c;color:#fff;overflow:hidden;box-sizing:border-box}.chat-list-page-title{position:sticky;top:0;z-index:2;background:#0a0a1c;margin:0;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));font-size:24px;font-weight:600;color:#fff;text-align:left}.chat-list-page.loading,.chat-list-loading-screen{width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a1c;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.loading-pulse-image{width:120px;height:120px;animation:pulse 2s ease-in-out infinite;margin-bottom:1rem;border-radius:12px}.loading-text{font-size:1.2rem;color:#ffffffb3;margin-top:1rem}.loading-pulse-image-small{width:20px;height:20px;animation:pulse 2s ease-in-out infinite;border-radius:4px}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.no-chats{text-align:center;padding:2rem;color:#ffffffb3;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;background:transparent}.no-chats-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-chats-text{font-size:1.2rem;color:#ffffffb3;margin-bottom:.5rem}.no-chats-subtext{font-size:1rem;color:#ffffff80;font-style:italic}.chats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.chat-item{position:relative;width:100%;padding:14px 16px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;cursor:pointer;background:#0a0a1c;transition:background-color .3s,border-radius .3s;border-bottom:1px solid var(--gray-dark, #181818);box-sizing:border-box}.chat-item:not(:last-child){border-bottom:1px solid var(--gray-dark, #181818)}.chat-item:hover{background-color:#ffffff0d}.chat-header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;width:100%}.chat-image-wrapper{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden}.chat-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-text-content{flex:1;min-width:0;margin-right:10px}.chat-name{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--white, #ffffff);line-height:1.2}.chat-content,.chat-message-wrapper{margin:0}.chat-message{margin:0;font-size:14px;color:var(--gray, #808080);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sent-photo{display:inline-flex;align-items:center;gap:6px;color:var(--gray, #808080);font-size:14px}.chat-sent-photo svg{flex-shrink:0}.chat-action-buttons{display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;align-self:flex-start;margin-top:4px}.chat-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--gray, #808080);cursor:pointer;transition:all .2s ease;padding:0}.chat-action-button:hover{background-color:#ffffff1a;color:var(--white, #ffffff)}.chat-delete-button:hover{background-color:#f148481a;color:var(--red, #f14848)}.chat-delete-button svg{width:20px;height:20px}.chat-list-chats-container{flex:1 1 auto;min-height:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;padding:0 16px;display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;margin:0;box-sizing:border-box}.chat-item{border-radius:0;border:none;margin:0}.chat-item:hover{transform:none;background-color:#ffffff0d}.error-message{text-align:center;padding:1rem;color:#f44;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.load-more-button{display:block;margin:2rem auto;padding:.8rem 1.5rem;border:none;border-radius:8px;background-color:#9245ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;box-shadow:0 2px 8px #9245ff4d}.load-more-button:hover:not(:disabled){background-color:#7935d9;transform:translateY(-1px);box-shadow:0 4px 12px #9245ff66}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.load-more-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-more-chats{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#ffffffb3}.loading-more-chats span{font-size:.9rem;font-weight:500}.loading-more-chats{position:sticky;bottom:0;background:#0a0a1ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);margin:0 -16px;padding:1rem 16px;z-index:10;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.loading-more-chats{margin:0 -12px;padding:.75rem 12px}}@media (min-width: 769px) and (max-width: 1000px){.loading-more-chats{margin:0 -16px;padding:1rem 16px}}@media (min-width: 1000px){.loading-more-chats{margin:0 -16px;padding:1rem 16px}}.chat-list-chats-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-list-chats-container::-webkit-scrollbar{width:6px}.chat-list-chats-container::-webkit-scrollbar-track{background:transparent}.chat-list-chats-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-list-chats-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.chat-list-chats-container::-webkit-scrollbar{display:none}}@media (min-width: 769px) and (max-width: 1000px){.chat-list-chats-container::-webkit-scrollbar{width:8px}}@media (min-width: 1000px){.chat-list-chats-container::-webkit-scrollbar{width:10px}}.chat-list-chats-container{will-change:scroll-position;transform:translateZ(0)}.chat-list-chats-container.loading{pointer-events:none;opacity:.7}.loading-more-chats,.load-more-button{transition:all .3s ease}.load-more-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.success-message{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.info-message{background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#2196f3;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.warning-message{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ff9800;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.dark-message{background:#0000001a;border:1px solid rgba(0,0,0,.3);color:#000;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.light-message{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.primary-message{background:#9245ff1a;border:1px solid rgba(146,69,255,.3);color:#9245ff;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.secondary-message{background:#6c757d1a;border:1px solid rgba(108,117,125,.3);color:#6c757d;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.tertiary-message{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.quaternary-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.quinary-message{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.senary-message{background:#17a2b81a;border:1px solid rgba(23,162,184,.3);color:#17a2b8;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.septenary-message{background:#6f42c11a;border:1px solid rgba(111,66,193,.3);color:#6f42c1;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.octonary-message{background:#fd7e141a;border:1px solid rgba(253,126,20,.3);color:#fd7e14;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.nonary-message{background:#6c757d1a;border:1px solid rgba(108,117,125,.3);color:#6c757d;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.denary-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}.undenary-message{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745;padding:1rem;margin:1rem 0;border-radius:.5rem;text-align:center;font-weight:500}@media (max-width: 10000px){.chat-list-page{padding-bottom:var(--bottom-tab-total);padding-left:0}}@media (min-width: 769px) and (max-width: 1000px){.chat-list-page{padding-left:0}.chat-list-chats-container{margin-left:0}}@media (min-width: 1000px){.chat-list-page{padding-left:160px;padding-bottom:0}.chat-list-chats-container{margin-left:0}}@media screen and (width <= 1199px){.chat-header{padding:0;height:68px}}@media (max-width: 768px){.chat-item{padding:12px 16px}.chat-avatar{width:56px;height:56px}.chat-name{font-size:15px}.chat-message{font-size:13px}.stories-section{margin-bottom:20px;padding:0 12px}.story-border{width:64px;height:64px}.story-avatar{width:56px;height:56px}.story-name{font-size:11px;max-width:64px}}.stories-section{margin-bottom:24px;padding:0 16px}.stories-scroll{display:flex;overflow-x:auto;gap:8px;padding:0;scrollbar-width:none;-ms-overflow-style:none}.stories-scroll::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.story-avatar-wrapper{position:relative}.story-border{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px}.story-border.unviewed{background:linear-gradient(135deg,#8b5cf6,#eab308)}.story-border.viewed{background:#6b7280}.story-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.story-name{font-size:12px;color:#fff;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-stories{display:flex;align-items:center;justify-content:center;padding:20px;color:gray;font-size:14px}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0a0a1c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:500;z-index:9999}.loading-pulse-image{width:120px;height:auto;animation:pulse 1.5s ease-in-out infinite;opacity:.9;border-radius:12px;margin-bottom:1rem}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.loading-text{font-size:1.5rem;font-weight:600;color:#ffffffe6;text-align:center;margin-top:1rem}.create-character-page{min-height:100vh;background:#0a0a1c;color:#fff;display:flex;flex-direction:column}.create-character-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.create-character-header h1{margin:0;font-size:1.5rem;font-weight:600}.create-character-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.coming-soon{text-align:center;max-width:400px}.coming-soon h2{font-size:2rem;margin-bottom:1rem;color:#ff44ba}.coming-soon p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;color:#fffc}@media (max-width: 768px){.create-character-header{padding:.75rem}.create-character-header h1{font-size:1.3rem}.create-character-content{padding:1rem}.coming-soon h2{font-size:1.5rem}.coming-soon p{font-size:1rem}}