:root{--primary-color-start: rgb(143, 80, 222);--primary-color-start-rgba: 143, 80, 222;--primary-color-dark: rgb(123, 60, 202);--primary-color-mid: rgb(199, 110, 160);--primary-color-mid-dark: rgb(179, 90, 140);--primary-color-end: rgb(255, 140, 97);--secondary-color: rgb(255, 140, 97);--secondary-color-dark: rgb(235, 120, 77);--secondary-color-light: rgb(255, 160, 117);--secondary-color-light-dark: rgb(235, 140, 97);--primary-gradient: linear-gradient(to right, var(--primary-color-start), var(--primary-color-end));--primary-button-gradient: linear-gradient(to right, var(--primary-color-start), var(--primary-color-mid));--primary-button-gradient-hover: linear-gradient(to right, var(--primary-color-dark), var(--primary-color-mid-dark));--secondary-button-gradient: linear-gradient(to right, var(--secondary-color), var(--secondary-color-light));--secondary-button-gradient-hover: linear-gradient(to right, var(--secondary-color-dark), var(--secondary-color-light-dark));--text-color: #333;--background-color: #fff;--light-gray: #f4f4f4}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;line-height:1.6}*{box-sizing:border-box}.layout-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.page-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh}.header{background-color:var(--background-color);box-shadow:0 1px 3px #00000014;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.logo a{text-decoration:none;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo h1{margin:0;font-size:1.6rem}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:20px}.main-nav li{display:inline-block}.main-nav a,.main-nav .nav-link{text-decoration:none;color:var(--text-color);font-weight:400;padding:8px 0;transition:color .2s ease-in-out;background:none;border:none;font-size:1rem;font-family:inherit;cursor:pointer;display:inline-block}.main-nav a:hover,.main-nav .nav-link:hover{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-nav li.active a{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:2px solid var(--primary-color-start)}.main-content{flex:1}.scrollable-content-area{flex-grow:1;overflow-y:auto;padding:20px;max-width:900px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.button{display:inline-block;background:var(--primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;text-decoration:none;text-align:center}.button:hover{opacity:.9}.button.secondary{background-color:transparent;color:var(--primary-color-start);border:1px solid var(--primary-color-start)}.button.secondary:hover{background-color:var(--light-gray);color:var(--primary-color-end);border-color:var(--primary-color-end)}.button:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed}form{display:flex;flex-direction:column;gap:20px}input,select,textarea{padding:12px 15px;font-size:1rem;border:1px solid #ced4da;border-radius:4px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}input:focus,select:focus,textarea:focus{border-color:var(--primary-color-start);box-shadow:0 0 0 .2rem rgba(var(--primary-color-start-rgba),.25);outline:none}label{font-weight:600;margin-bottom:5px;display:block}.footer{background-color:var(--text-color);color:var(--background-color);padding:40px 20px;margin-top:40px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto 30px}.footer-section h3{font-size:1.2rem;margin-bottom:15px;color:var(--background-color)}.footer-section p{color:var(--light-gray);margin-bottom:15px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--light-gray);text-decoration:none;transition:color .2s ease-in-out}.footer-section a:hover{color:var(--primary-color-end)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);color:#adb5bd;font-size:.9em}@media (max-width: 900px){.header{flex-direction:column;padding:15px}.logo{margin-bottom:15px}.main-nav ul{flex-wrap:wrap;justify-content:center}}@media (max-width: 600px){.main-nav li{margin:5px 10px}}.button.secondary:hover{background-color:rgba(var(--primary-color-start-rgba),.1)}.custom-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox .checkmark{position:relative;display:inline-block;width:20px;height:20px;background-color:#eee;border:1px solid #ccc;border-radius:4px;margin-right:10px;transition:all .2s ease}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.custom-checkbox input[type=checkbox]:checked~.checkmark{background-color:var(--primary-color-start);border-color:var(--primary-color-start)}.custom-checkbox label{margin-bottom:0;font-weight:400}.custom-checkbox:hover input[type=checkbox]~.checkmark{background-color:#ccc}.custom-checkbox:hover input[type=checkbox]:checked~.checkmark{background-color:var(--primary-color-end)}.scrollable-content-area::-webkit-scrollbar{width:8px}.scrollable-content-area::-webkit-scrollbar-track{background:transparent}.scrollable-content-area::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:8px}.scrollable-content-area:hover::-webkit-scrollbar-thumb{background-color:#0000004d}.dark .scrollable-content-area::-webkit-scrollbar-thumb{background-color:#ffffff1a}.dark .scrollable-content-area:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dark{--background-color: #1a1a1a;--text-color: #f5f5f5;--light-gray: #2a2a2a;--primary-color-start: rgb(163, 100, 242);--primary-color-end: rgb(255, 160, 117);--secondary-color: rgb(255, 160, 117);--card-bg: #242424;--border-color: #444}.dark .header,.dark .footer,.dark .sidenav{background-color:#1f1f1f;color:var(--text-color);border-bottom:1px solid var(--border-color)}.dark .main-nav a,.dark .main-nav .nav-link,.dark .sidenav-nav a{color:var(--text-color)}.dark .button.secondary{color:var(--primary-color-start);border-color:var(--primary-color-start)}.dark .button.secondary:hover{background-color:#8237e61a}.dark input,.dark select,.dark textarea{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--primary-color-start);box-shadow:0 0 0 .2rem #8237e640}.dark .custom-checkbox .checkmark{background-color:#444;border-color:#666}.dark .custom-checkbox:hover input[type=checkbox]~.checkmark{background-color:#555}.dark ::-webkit-scrollbar-track{background:#2c2c2c}.dark ::-webkit-scrollbar-thumb{background:#555}.dark ::-webkit-scrollbar-thumb:hover{background:#777}.dark .auth-card,.dark .post-card,.dark .profile-card{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark .comment{background-color:#2c2c2c;border-top:1px solid var(--border-color)}.dark .chat-container{background-color:var(--background-color);color:var(--text-color)}.dark .conversations-list{background-color:#1f1f1f;border-right:1px solid var(--border-color)}.dark .conversation-item.active{background-color:#8237e633}.dark .chat-window{background-color:var(--background-color)}.dark .chat-header{background-color:#1f1f1f;border-bottom:1px solid var(--border-color)}.dark .messages-list{background-color:var(--background-color)}.dark .message-item.sent .message-content{background-color:var(--primary-color-start);color:#fff}.dark .message-item.received .message-content{background-color:#2a2a2a}.dark .chat-input{background-color:#1f1f1f;border-top:1px solid var(--border-color)}.dark .chat-input input{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;box-shadow:0 1px 3px #00000014;margin-left:80px;width:calc(100% - 80px);transition:margin-left .3s ease,width .3s ease,padding .3s ease}.header-content{display:flex;align-items:center;transition:margin .3s ease}.main-nav{display:flex;align-items:center;transition:flex .3s ease}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:15px}.main-nav a[aria-label=Notifications]{font-size:1.4rem;text-decoration:none}.main-content{padding:80px 20px 20px;margin-left:80px;transition:margin-left .3s ease;display:flex;justify-content:center}.main-content.full-width{justify-content:flex-start}.hamburger-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333;margin-right:10px;transition:color .3s ease,background-color .3s ease;padding:8px;border-radius:4px}.hamburger-btn:hover{background-color:#0000000d}.hamburger-btn.expanded{color:var(--primary-color-start, #4f46e5)}.dark .hamburger-btn{color:var(--text-color)}.dark .hamburger-btn:hover{background-color:#ffffff0d}.dark .hamburger-btn.expanded{color:var(--primary-color-start)}@media (max-width: 768px){.hamburger-btn{display:flex!important;align-items:center;justify-content:center;margin-right:0;padding:8px;font-size:24px;color:#333;z-index:10;background-color:#0000000d;border-radius:4px;height:40px;width:40px}.dark .hamburger-btn{color:#fff;background-color:#ffffff1a}.main-nav ul>li.nav-link-about,.main-nav ul>li.nav-link-support,.main-nav ul>li.nav-link-signup,.main-nav ul>li.nav-link-login{display:none!important}.header{padding:0 15px;margin-left:0;width:100%;height:60px;flex-wrap:nowrap;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.header-content{flex:0 0 auto;justify-content:flex-start}.main-nav{flex:0 0 auto;margin-left:auto}.header-content{flex:0 0 auto;order:1;display:flex;align-items:center;min-width:40px;position:relative;z-index:10;width:50px}.logo{display:none}.logo a{pointer-events:auto}.logo img{height:24px!important;max-width:80px;object-fit:contain}.main-nav{flex:0 0 auto;order:3;justify-content:flex-end;overflow:hidden;height:60px;display:flex;align-items:center;width:auto;position:absolute;right:15px;top:0}.main-nav ul{gap:10px;flex-wrap:nowrap;height:100%;display:flex;align-items:center}.main-nav li:last-child,.main-nav li:nth-last-child(2){display:flex!important;align-items:center;justify-content:center;margin-left:5px;height:100%;min-width:36px;max-width:40px}.main-nav svg{font-size:22px}.main-nav a,.main-nav button{padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.main-nav li:last-child>*,.main-nav li:nth-last-child(2)>*{display:flex!important;align-items:center;justify-content:center;font-size:20px;width:100%;height:100%}.main-nav li:nth-last-child(2) svg,.main-nav li:last-child svg{display:block!important;visibility:visible!important;opacity:1!important}.main-content{margin-left:0;padding:60px 10px 10px;width:100%;overflow-x:hidden}.footer{margin-left:0;width:100%;padding:20px 10px}.footer-content-condensed,.footer-links{gap:10px}.sidenav-expanded .main-content,.sidenav-expanded .header,.sidenav-expanded .footer{margin-left:0}.sidenav-expanded{overflow:hidden}.header-content .logo h1{font-size:1.5rem}}.footer{background-color:#343a40;color:#e9ecef;padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.15);margin-left:80px;width:calc(100% - 80px);transition:margin-left .3s ease,width .3s ease}.footer-content-condensed{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-copyright p{margin:0;font-size:.9em}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.footer-links a{color:#ced4da;text-decoration:none;font-size:.9em;transition:color .2s ease-in-out}.footer-links a:hover{color:#fff;text-decoration:underline}@media (min-width: 768px){.footer-content-condensed{flex-direction:row;justify-content:space-between}.footer-links{justify-content:flex-end}}.sidenav-expanded .main-content,.sidenav-expanded .header,.sidenav-expanded .footer{margin-left:250px}.sidenav-expanded .header,.sidenav-expanded .footer{width:calc(100% - 250px)}.dark .header{background-color:#1f1f1f;box-shadow:0 1px 3px #00000080;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.dark .header{box-shadow:0 2px 4px #00000080}}.dark .footer{background-color:#1f1f1f;color:var(--text-color);border-top:1px solid var(--border-color)}.dark .footer-links a{color:#ced4da}.dark .footer-links a:hover{color:#fff}.sidenav{position:fixed;top:0;left:0;height:100vh;background-color:#fff;border-right:1px solid #e0e0e0;transition:width .3s ease;z-index:1000;display:flex;flex-direction:column;padding:20px 0;border-radius:0 15px 15px 0}.sidenav.collapsed{width:80px}.sidenav.expanded{width:250px}.sidenav-header{display:flex;justify-content:flex-end;padding:0 15px;margin-bottom:20px}.toggle-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.sidenav-nav{flex-grow:1}.sidenav-list{list-style:none;padding:0;margin:0}.sidenav-list li{margin-bottom:10px}.sidenav-list a{display:flex;align-items:center;padding:15px 25px;text-decoration:none;color:#333;transition:background-color .3s,color .3s;white-space:nowrap;overflow:hidden}.sidenav-list a:hover{background-color:#f0f0f0}.sidenav-list .active a{background-color:#e0e7ff;color:#4f46e5;font-weight:600}.nav-icon{font-size:20px;min-width:30px;text-align:center}.nav-text{margin-left:20px;opacity:0;transition:opacity .3s ease}.sidenav.expanded .nav-text{opacity:1}.nav-separator{height:1px;background-color:#e0e0e0;margin:15px 25px}.nav-cta a{color:#4f46e5}.dark .sidenav{background-color:#1f1f1f;border-right:1px solid var(--border-color)}.dark .toggle-btn,.dark .sidenav-list a{color:var(--text-color)}.dark .sidenav-list a:hover{background-color:#2a2a2a}.dark .sidenav-list .active a{background-color:#8237e633;color:var(--primary-color-start)}.dark .nav-separator{background-color:var(--border-color)}.dark .nav-cta a{color:var(--primary-color-start)}@media (max-width: 768px){.sidenav{transform:translate(-100%);box-shadow:2px 0 10px #0000001a;z-index:1100;width:250px;transition:transform .3s ease}.sidenav.expanded{transform:translate(0)}}@media (max-width: 480px){.sidenav{width:100%}.sidenav.expanded{transform:translate(0);width:100%;border-radius:0}.sidenav:after{content:"";position:fixed;top:0;left:250px;width:calc(100% - 250px);height:100vh;background-color:#0000;z-index:-1;transition:background-color .3s ease;pointer-events:none}.sidenav.expanded:after{background-color:#00000080;pointer-events:auto}.sidenav:after{display:none}.sidenav.expanded{background-color:#fffffffa}.dark .sidenav.expanded{background-color:#1f1f1ffa}.sidenav .toggle-btn{position:absolute;right:15px;top:15px}.sidenav .toggle-btn{position:absolute;right:20px;top:20px;font-size:28px;padding:10px;background-color:#0000000d;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.dark .sidenav .toggle-btn{background-color:#ffffff1a}.hamburger-btn{display:block;background:none;border:none;font-size:24px;cursor:pointer;color:var(--primary-color-start);margin-right:10px}.dark .sidenav.expanded:after{background-color:#000000b3}@media (max-width: 768px){.sidenav-list a{padding:15px 20px}.nav-icon{font-size:22px}}.sidenav-list{margin-top:20px}.sidenav-list li{margin-bottom:15px}.sidenav-list a{padding:20px;font-size:18px;border-radius:8px;margin:0 15px;background-color:#00000008}.dark .sidenav-list a{background-color:#ffffff0d}.nav-icon{font-size:24px}.nav-text{font-weight:500}.nav-separator{margin:25px 15px}}.notification-list{list-style:none;padding:0;margin:0}.notification-item{padding:10px 15px;border-bottom:1px solid #eee;transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:rgba(var(--primary-color-start),.1)}.notification-item:hover{background-color:rgba(var(--primary-color-end),.05)}.notification-link{text-decoration:none;color:inherit;display:block}.notification-message{margin:0 0 5px;font-size:.95em;color:#333;line-height:1.4}.notification-time{font-size:.8em;color:#888}.notification-list.loading,.notification-list.empty{padding:20px;text-align:center;color:#888}.notification-bell-container{position:relative;display:inline-block}@media (max-width: 768px){.notification-bell-container{display:flex!important;align-items:center;justify-content:center;height:100%;width:100%}}.notification-button{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);position:relative;padding:5px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.notification-button{display:flex!important;font-size:1.3rem;padding:8px;width:100%;height:100%}.notification-button svg{display:block!important;visibility:visible!important}}.unread-badge{position:absolute;top:0;right:0;background:var(--primary-gradient);color:#fff;border-radius:50%;padding:2px 5px;font-size:.7rem;font-weight:700;line-height:1;min-width:16px;text-align:center;transform:translate(40%,-40%)}.notification-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;width:300px;max-height:400px;overflow-y:auto;z-index:1002}.notification-dropdown .loading,.notification-dropdown .empty{padding:20px;text-align:center;color:#888}.user-avatar-image,.user-avatar-initials{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-align:center;border:1px solid #ddd}.loading-spinner-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner-inline-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.spinner-small{width:24px;height:24px;border-width:3px}.loading-spinner.spinner-medium{width:48px;height:48px;border-width:4px}.loading-spinner.spinner-large{width:72px;height:72px;border-width:5px}.spinner-message{margin-top:15px;font-size:1.1em;color:#333}.spinner-message.inline-message{font-size:.9em;color:#555;margin-top:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-dropdown{position:relative;display:inline-block;cursor:pointer;z-index:100}.user-avatar-trigger{display:block}.dropdown-menu{position:absolute;top:calc(100% + 15px);right:15px;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:12px;overflow:hidden;min-width:200px;list-style:none;padding:0;margin:0;border:1px solid #ddd}.dropdown-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.dropdown-menu li{padding:0;margin:0;display:flex;align-items:center;min-height:40px}.dropdown-menu li a,.dropdown-menu li span{display:block;padding:12px 18px;color:#333;text-decoration:none;text-align:center;transition:background-color .2s ease,color .2s ease;font-size:1em;flex-grow:1;border-radius:8px;margin:4px}.dropdown-menu li a:hover,.dropdown-menu li span:hover{background-color:#f0f0f0;color:#000}.dropdown-menu li span{font-weight:600;color:#28a745;cursor:default}.dropdown-menu li a.logout-link{color:#dc3545;font-weight:600}.dropdown-menu li.logout-item a:hover{background-color:#f8d7da;color:#dc3545}.balance-error{color:#dc3545;font-size:.9em}.dropdown-menu li:not(:last-child){border-bottom:1px solid #eee}@media (max-width: 768px){.user-dropdown{position:static;display:flex!important;align-items:center;justify-content:center;height:100%;width:100%}.user-avatar-trigger{display:flex!important;align-items:center;justify-content:center;height:100%;width:100%}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;min-width:150px;z-index:1100}}.dark .dropdown-menu{background-color:#2a2a2a;border:1px solid var(--border-color)}.dark .dropdown-menu li a,.dark .dropdown-menu li span{color:var(--text-color)}.dark .dropdown-menu li a:hover,.dark .dropdown-menu li span:hover{background-color:#3a3a3a}.dark .dropdown-menu li:not(:last-child){border-bottom:1px solid var(--border-color)}.dark .dropdown-menu li a.logout-link{color:#ff6b6b}.dark .dropdown-menu li.logout-item a:hover{background-color:#ff6b6b1a;color:#ff6b6b}.dark .balance-error{color:#ff6b6b}.cookie-consent-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#f1f1f1;padding:20px;text-align:center;box-shadow:0 -2px 5px #0000001a;z-index:1000}.cookie-consent-banner p{margin:0 20px 0 0;padding:0;display:inline}.cookie-consent-banner button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.error-message-component{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px 15px;border-radius:5px;margin:15px 0;display:flex;justify-content:space-between;align-items:center;font-size:.95em;box-shadow:0 2px 4px #0000000d}.error-message-component span{flex-grow:1;line-height:1.4}.error-dismiss-button{background:none;border:none;color:#721c24;font-size:1.4em;font-weight:700;cursor:pointer;padding:0 0 0 10px;margin-left:10px;opacity:.6;line-height:1}.error-dismiss-button:hover{opacity:1}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:40px auto;padding:0 20px}.auth-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 5px 20px #00000014}.auth-card h1{font-size:2.5rem;color:#333;margin-bottom:15px}.auth-description{color:#666;font-size:1.1rem;margin-bottom:30px}.auth-methods{margin-bottom:30px}.google-auth{display:flex;justify-content:center;margin-bottom:20px}.auth-divider{position:relative;text-align:center;margin:30px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e0e0e0}.auth-divider span{position:relative;background-color:#fff;padding:0 15px;color:#777}.auth-terms{text-align:center;font-size:.9rem;color:#777;margin-bottom:30px}.auth-terms div{display:flex;align-items:center;justify-content:center}.auth-terms input[type=checkbox]{margin-right:10px}.auth-terms a,.auth-redirect a{color:var(--primary-color-start);text-decoration:none}.auth-terms a:hover,.auth-redirect a:hover{text-decoration:underline}.auth-redirect{text-align:center;font-size:1rem}.auth-features{display:flex;flex-direction:column;justify-content:center}.auth-features h2{font-size:2rem;color:#333;margin-bottom:30px}.auth-features ul{list-style:none;padding:0}.auth-features li{display:flex;align-items:center;margin-bottom:30px}.feature-icon{font-size:2.5rem;margin-right:20px}.feature-text h3{font-size:1.3rem;color:var(--primary-color-start);margin-bottom:5px}.feature-text p{color:#555;font-size:1rem}@media (max-width: 900px){.auth-container{grid-template-columns:1fr}.auth-features{margin-top:40px}.auth-card h1{font-size:2rem}}@media (max-width: 600px){.auth-card{padding:30px 20px}.feature-icon{font-size:2rem}.feature-text h3{font-size:1.1rem}}.user-settings-container.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-template-columns:1fr;padding-top:40px;min-height:calc(100vh - 120px)}.user-settings-container .auth-card{width:100%;max-width:600px;margin-top:0;margin-bottom:40px}.become-creator-container.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-template-columns:1fr;padding-top:40px;min-height:calc(100vh - 120px)}.become-creator-container .auth-card{width:100%;max-width:600px;margin-top:0;margin-bottom:40px}.privacy-policy-container,.terms-container{padding:2rem;max-width:800px;margin:0 auto}.privacy-policy-container h1,.terms-container h1{margin-bottom:1rem}.privacy-policy-container h2,.terms-container h2{margin-top:2rem;margin-bottom:1rem}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;line-height:1.6}.hero{background:var(--primary-gradient);color:#fff;padding:80px 20px;text-align:center;border-radius:0 0 30px 30px;margin-bottom:60px}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:20px;font-weight:800}.tagline{font-size:1.5rem;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-button{display:inline-block;padding:15px 30px;border-radius:30px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:var(--primary-gradient);color:#fff;border:none}.cta-button.primary:hover{opacity:.9;transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.cta-button.secondary{background-color:rgba(var(--primary-color-start-rgba),.1);color:#fff;border:2px solid var(--primary-color-start);box-shadow:0 4px 6px rgba(var(--primary-color-start-rgba),.1)}.cta-button.secondary:hover{background-color:rgba(var(--primary-color-start-rgba),.15);color:#fff;border-color:var(--primary-color-start);transform:translateY(-3px);box-shadow:0 6px 12px rgba(var(--primary-color-start-rgba),.15)}section{padding:60px 20px;max-width:1200px;margin:0 auto}section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary-color-start)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.step{text-align:center;padding:20px}.step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--primary-color-start);color:#fff;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.step h3{font-size:1.3rem;margin-bottom:15px;color:#333}.creator-showcase{background-color:#f9f9f9;border-radius:15px;text-align:center}.showcase-cta{margin-top:40px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.testimonial{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d}.testimonial p{font-style:italic;margin-bottom:20px;font-size:1.1rem}.testimonial-author{font-weight:700;color:var(--primary-color-start)}.cta-section{text-align:center;background-color:rgba(var(--primary-color-start-rgba),.1);color:var(--primary-color-start);border-radius:15px;padding:60px 20px}.cta-section h2{color:var(--primary-color-start)}.cta-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.comparison-table{overflow-x:auto;margin-top:30px}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.comparison-table th,.comparison-table td{padding:15px;text-align:center;border-bottom:1px solid #eee}.comparison-table th{background-color:var(--primary-color-start);color:#fff;font-weight:600}.comparison-table tr:last-child td{border-bottom:none}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.faq-item{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d}.faq-item h3{color:var(--primary-color-start);margin-bottom:15px;font-size:1.3rem}.faq-more{text-align:center;margin-top:40px}.faq-more a{color:var(--primary-color-start);text-decoration:none}.faq-more a:hover{text-decoration:underline}@media (max-width: 768px){.hero{padding:60px 20px}.hero h1{font-size:2.5rem}.tagline{font-size:1.2rem}.hero-buttons{flex-direction:column;gap:15px}.cta-button{padding:12px 25px;font-size:1rem;width:100%;max-width:300px;margin:0 auto}section{padding:40px 20px}section h2{font-size:2rem;margin-bottom:30px}.feature-grid,.steps,.testimonial-grid,.faq-grid{gap:20px}.testimonial-grid{margin-top:20px}.cta-section{padding:40px 20px}.cta-buttons{flex-direction:column;gap:15px;margin-top:20px}.comparison-table table{font-size:.9rem}.comparison-table th,.comparison-table td{padding:10px}}.about-container{max-width:1200px;margin:0 auto;padding:40px 20px}.about-hero{text-align:center;margin-bottom:60px}.about-hero h1{font-size:3rem;color:#6e5efb;margin-bottom:10px}.about-section{margin-bottom:60px}.about-section h2{font-size:2rem;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.about-section p{font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.feature{background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature h3{color:#6e5efb;margin-bottom:15px}.team-section{text-align:center}.team-members{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px}.team-member{max-width:250px}.member-avatar{width:150px;height:150px;border-radius:50%;background-color:#e0e0e0;margin:0 auto 20px}.team-member h3{color:#333;margin-bottom:5px}.team-member p{color:#666;font-style:italic}@media (max-width: 768px){.about-hero h1{font-size:2.5rem}.subheading{font-size:1.2rem}.about-section h2{font-size:1.8rem}.team-members{gap:20px}}.support-container{max-width:1200px;margin:0 auto;padding:40px 20px}.support-hero{text-align:center;margin-bottom:60px}.support-hero h1{font-size:3rem;color:#6e5efb;margin-bottom:10px}.subheading{font-size:1.5rem;color:#666;max-width:800px;margin:0 auto}.support-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.faq-section h2,.contact-section h2,.additional-support h2{font-size:2rem;color:#333;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.faq-item{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:1.3rem;color:#6e5efb;margin-bottom:10px}.faq-item p{font-size:1rem;line-height:1.6;color:#555}.contact-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6e5efb;outline:none}.submit-button{background-color:#6e5efb;color:#fff;border:none;padding:12px 24px;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#5a4bc4}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;padding:20px;border-radius:5px}.success-message h3{color:#2e7d32;margin-bottom:10px}.additional-support{margin-top:40px}.support-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.support-option{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d}.support-option h3{font-size:1.3rem;color:#6e5efb;margin-bottom:15px}.support-option p{margin-bottom:10px}.support-option a{color:#6e5efb;text-decoration:none}.support-option a:hover{text-decoration:underline}@media (max-width: 900px){.support-content,.support-options{grid-template-columns:1fr}.support-hero h1{font-size:2.5rem}.subheading{font-size:1.2rem}}.dark .support-hero h1{color:var(--primary-color-start)}.dark .subheading{color:#aaa}.dark .faq-section{background:var(--card-bg);padding:30px;border-radius:10px;box-shadow:0 5px 15px #0003}.dark .faq-section h2,.dark .contact-section h2,.dark .additional-support h2{color:var(--text-color);border-bottom:2px solid var(--border-color)}.dark .faq-item{background-color:var(--post-bg);padding:20px;border-radius:8px;border-bottom:none;margin-bottom:20px}.dark .faq-item h3{color:var(--primary-color-start)}.dark .faq-item p{color:#ccc}.dark .contact-form{background:var(--card-bg);box-shadow:0 5px 15px #0003}.dark .form-group label{color:var(--text-color)}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:var(--primary-color-start)}.dark .success-message{background-color:#4caf501a;border-left:4px solid #4caf50}.dark .success-message h3{color:#a5d6a7}.dark .support-option{background:var(--card-bg);box-shadow:0 5px 15px #0003}.dark .support-option h3,.dark .support-option a{color:var(--primary-color-start)}.wallet-page{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.wallet-page h1{text-align:center;margin-bottom:30px;color:var(--primary-color)}.balances-section,.deposit-section{margin-bottom:40px;padding:20px;border:1px solid #eee;border-radius:6px;background-color:#fdfdfd}.balances-section h2,.deposit-section h2{margin-top:0;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;color:#333}.balance-list{list-style:none;padding:0;margin:0}.balance-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #eee}.balance-list li:last-child{border-bottom:none}.balance-list .currency{font-weight:700;color:#555;min-width:50px}.balance-list .amount{font-size:1.1em;color:#007bff;font-family:monospace}.deposit-section form{display:flex;flex-direction:column;gap:15px}.deposit-section .form-group{display:flex;flex-direction:column}.deposit-section label{margin-bottom:5px;font-weight:700;color:#555}.deposit-section input[type=number],.deposit-section select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.deposit-section input[type=number]:focus,.deposit-section select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.deposit-section button{align-self:flex-start;padding:10px 20px;font-size:1em;cursor:pointer}.error-message{color:#dc3545;font-size:.9em;margin-top:5px}.dark .wallet-page{background-color:var(--bg-color);box-shadow:0 2px 10px #00000080}.dark .wallet-page h1{color:var(--primary-color-start)}.dark .balances-section,.dark .deposit-section{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark .balances-section h2,.dark .deposit-section h2{color:var(--text-color);border-bottom:1px solid var(--border-color)}.dark .balance-list li{border-bottom:1px dashed var(--border-color)}.dark .balance-list .currency{color:var(--text-secondary)}.dark .balance-list .amount{color:var(--primary-color-start)}.dark .deposit-section label{color:var(--text-secondary)}.dark .deposit-section input[type=number],.dark .deposit-section select{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}.dark .deposit-section input[type=number]:focus,.dark .deposit-section select:focus{border-color:var(--primary-color-start);box-shadow:0 0 0 2px #6e5efb66}.dark .error-message{color:#ff7b72}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.profile-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000014;transition:transform .3s ease-out,box-shadow .3s ease-out;background-color:#fff;display:flex;flex-direction:column}.profile-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 25px #0000001f}.profile-image{height:220px;overflow:hidden;position:relative}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}.profile-card:hover .profile-image img{transform:scale(1.1)}.profile-info{padding:1rem 1.5rem;flex-grow:1;display:flex;flex-direction:column}.profile-info h3{margin-top:0;margin-bottom:.3rem;font-size:1.2rem;color:#222}.profile-creator{color:#777;margin-bottom:.8rem;font-size:.85rem}.profile-description{color:#444;margin-bottom:1rem;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.profile-stats{font-size:.85rem;color:#777;margin-bottom:1rem;margin-top:auto;padding-top:.5rem}.create-profile-btn{display:inline-block;padding:.5rem 1rem;background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:opacity .2s,transform .1s}.create-profile-btn:hover{opacity:.9;transform:translateY(-1px)}.profile-card-link{text-decoration:none;color:inherit}.header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-detail-container{max-width:1200px;margin:0 auto}.profile-header{display:flex;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:2rem;border:3px solid white;box-shadow:0 4px 10px #0000001a}.profile-header-info{flex:1}.profile-header-info{flex:1;display:flex;justify-content:space-between}.profile-main-info{flex-grow:1}.profile-header-info h1{margin-top:0;margin-bottom:.5rem}.profile-header-actions{margin-left:1rem}.subscription-actions,.subscribed-badge-container{margin-top:1rem}.subscribed-badge-icon,.message-button{color:var(--primary-color-start);font-size:2rem;display:flex;align-items:center;justify-content:center;padding:0}.message-button{background:none;border:none;cursor:pointer}.message-button:hover{color:var(--primary-color-end)}.subscription-notice{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;border-left:4px solid var(--primary-color-start)}.edit-button,.add-image-button{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:500;transition:opacity .2s ease}.delete-button{padding:.5rem 1rem;border-radius:4px;background-color:#e74c3c;color:#fff;border:none;font-weight:500;cursor:pointer;transition:opacity .2s ease}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.image-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .2s}.image-card:hover{transform:translateY(-5px)}.image-container{height:250px;position:relative;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover}.image-container.blurred img{filter:blur(15px)}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center}.blur-message{padding:1rem}.lock-icon{font-size:2rem;display:block;margin-bottom:.5rem}.image-description{padding:1rem;margin:0;font-size:.9rem;color:#555}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;background-color:#fff;border-radius:8px;overflow:hidden}.close-modal{position:absolute;top:10px;right:10px;background-color:#00000080;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer;z-index:1}.modal-image{max-height:80vh;text-align:center}.modal-image img{max-width:100%;max-height:80vh;display:block}.modal-image.blurred img{filter:blur(25px)}.modal-description{padding:1rem;background-color:#fff}.upload-date{font-size:.8rem;color:#888}.profile-form,.image-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 15px #0000001a}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{padding:.75rem 1.5rem;background-color:var(--light-gray);color:var(--text-color);border:1px solid var(--primary-color-start);border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.submit-button{padding:.75rem 1.5rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:opacity .2s ease}.submit-button:disabled{background:#ccc;cursor:not-allowed}.avatar-preview,.image-preview{margin-top:1rem;text-align:center}.avatar-preview img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #eee}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;border:3px solid #eee}.profile-actions{display:flex;gap:.5rem;margin-top:1rem}.view-btn,.edit-btn,.add-image-btn{flex:1;padding:.5rem;text-align:center;border-radius:4px;text-decoration:none;font-size:.9rem;font-weight:500;transition:opacity .2s ease}.view-btn,.edit-btn,.add-image-btn{background:var(--primary-gradient);color:#fff}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar{margin-right:0;margin-bottom:1.5rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-container{height:150px}.header-with-action{flex-direction:column;gap:1rem;align-items:flex-start}.header-with-action .create-profile-btn{align-self:stretch;text-align:center}}.empty-state{text-align:center;padding:3rem 1rem;color:#777;background-color:#f9f9f9;border-radius:8px;margin-top:1rem}.empty-state p{margin-bottom:1.5rem}.loading{text-align:center;padding:2rem;color:#666}.error-message{background-color:rgba(var(--primary-color-end),.1);border-left:4px solid var(--primary-color-end);color:var(--primary-color-end);padding:1rem;margin-bottom:1.5rem;border-radius:4px}.not-found{text-align:center;padding:3rem 1rem;color:var(--primary-color-end);font-size:1.5rem}.owner-actions{display:flex;gap:1rem;margin-top:1rem}.edit-button,.add-image-button{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:500}.edit-button,.add-image-button{background:var(--primary-gradient);color:#fff}.delete-button{padding:.5rem 1rem;border-radius:4px;background:var(--primary-gradient);color:#fff;border:none;font-weight:500;cursor:pointer}.image-actions{position:absolute;top:.5rem;right:.5rem;z-index:5;opacity:0;transition:opacity .2s}.image-container:hover .image-actions{opacity:1}.delete-image-button{background:var(--primary-gradient);color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:opacity .2s ease}.delete-image-button:hover{opacity:.9}.dark .profile-card{background-color:var(--card-bg);box-shadow:0 4px 10px #0000004d}.dark .profile-avatar{border:3px solid var(--card-bg)}.dark .subscription-notice{background-color:#2a2a2a;border-left:4px solid var(--primary-color-start)}.dark .image-card{box-shadow:0 2px 10px #0000004d}.dark .modal-content,.dark .modal-description{background-color:#2a2a2a}.dark .empty-state{color:#aaa;background-color:#2a2a2a}.dark .profile-card{background-color:var(--card-bg);box-shadow:0 4px 10px #0000004d;border:1px solid var(--border-color)}.dark .profile-info h3{color:var(--text-color)}.dark .profile-creator{color:#aaa}.dark .profile-header{border-bottom:1px solid var(--border-color)}.dark .profile-header-info h1{color:var(--text-color)}.dark .profile-avatar{border:3px solid var(--card-bg);box-shadow:0 4px 10px #0000004d}.dark .subscription-notice{background-color:#2a2a2a;border-left:4px solid var(--primary-color-start);color:var(--text-color)}.dark .image-card{box-shadow:0 2px 10px #0000004d;background-color:var(--card-bg)}.dark .image-description{color:#ccc}.dark .modal-content{background-color:#2a2a2a}.dark .modal-description{background-color:#2a2a2a;color:var(--text-color)}.dark .upload-date{color:#888}.dark .profile-form,.dark .image-form{background-color:var(--card-bg);box-shadow:0 4px 15px #0000004d}.dark .cancel-button{background-color:#444;color:var(--text-color);border:1px solid #666}.dark .avatar-preview img,.dark .image-preview img{border:3px solid #444}.dark .empty-state{color:#aaa;background-color:#2a2a2a;border:1px solid var(--border-color)}.dark .profile-detail-container{background-color:var(--background-color);color:var(--text-color)}.dark .profile-detail-container{background-color:var(--background-color)!important;color:var(--text-color)!important}@media (max-width: 768px){.profile-detail-container{padding:1rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px;margin-right:0;margin-bottom:1rem}.profile-header-info{align-items:center}.subscribed-badge-icon,.message-button{font-size:1.5rem}}.form-section{margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background-color:#f9f9f9}.form-section h3{margin-top:0;margin-bottom:1rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group textarea{min-height:100px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.help-text{font-size:.85rem;color:#666;margin-top:.25rem;margin-bottom:.5rem}.upload-preview{margin-top:.5rem;padding:.5rem;background-color:#e9f7ef;border-radius:4px;color:#2ecc71;font-size:.9rem}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem}.checkbox-group input{width:auto;margin-top:.25rem}.checkbox-group label{font-weight:400}.status-card{margin-bottom:1.5rem;padding:1.5rem;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%}.status-indicator.active{background-color:var(--primary-color-start)}.status-indicator.inactive{background-color:var(--primary-color-end)}.status-message{margin-top:.5rem;font-style:italic;color:#666}.success-message{margin-top:2rem;padding:1.5rem;background-color:rgba(var(--primary-color-start),.1);border-left:4px solid var(--primary-color-start);border-radius:4px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.creator-card{border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.creator-card:hover{transform:translateY(-5px)}.creator-header{display:flex;align-items:center;padding:1.5rem;background-color:#f5f5f5}.creator-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:1rem}.creator-info h3{margin:0;font-size:1.25rem}.subscription-price{color:var(--primary-color-start);font-weight:700}.creator-bio{padding:1.5rem;border-bottom:1px solid #eee}.profile-header{display:flex;align-items:center;margin-bottom:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-right:2rem;border:4px solid white;box-shadow:0 4px 10px #0000001a}.profile-info h1{margin:0;margin-bottom:.5rem;font-size:2rem}.profile-bio{margin-bottom:2rem;padding:2rem;background-color:#f9f9f9;border-radius:8px}.subscription-section{border:1px solid #e0e0e0;border-radius:8px;padding:2rem;background-color:#fff;box-shadow:0 4px 10px #0000000d}.subscribe-button{width:100%;padding:1rem;margin:1.5rem 0;font-size:1.1rem}.subscription-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.subscription-details p{margin:0;color:#555}.subscription-card{padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.subscription-info h3{margin:0;margin-bottom:.25rem}.subscription-status{font-size:.9rem;padding:.25rem .5rem;background-color:rgba(var(--primary-color-start),.1);color:var(--primary-color-start);border-radius:4px}.subscription-status.inactive{background-color:rgba(var(--primary-color-end),.1);color:var(--primary-color-end)}.subscription-details{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.detail-item{display:flex;flex-direction:column}.label{font-size:.9rem;color:#777;margin-bottom:.25rem}.value{font-weight:700}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;text-align:center}.stat-card h3{margin-top:0;color:#555;font-size:1rem}.stat-value{font-size:2rem;font-weight:700;color:#333}.subscribers-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 10px #0000000d}.subscribers-list{margin-top:1.5rem}.subscriber-card{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #eee}.subscriber-avatar{width:50px;height:50px;border-radius:50%;margin-right:1rem}.subscriber-info h4{margin:0;margin-bottom:.25rem}.subscriber-details{display:flex;gap:1rem;font-size:.9rem;color:#666}.subscription-result{text-align:center;padding:3rem;max-width:600px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a}.result-icon{font-size:4rem;margin-bottom:1.5rem}.success .result-icon{color:var(--primary-color-start)}.creator-settings-container{max-width:900px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.creator-settings-container h2,.creator-settings-container h3{color:#333}.settings-form{display:flex;flex-direction:column;gap:2rem}.pricing-model-section,.profile-pricing-section{padding:1.5rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff}.pricing-model-section h3,.profile-pricing-section h3{margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background:var(--primary-gradient)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color-start)}input:checked+.slider:before{transform:translate(26px)}.toggle-label{font-size:.95rem;color:#555}.price-input-container{margin-top:1rem}.price-input,.profile-price-input{padding:.6rem .8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100px}.profile-pricing-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;gap:1rem}.profile-info{display:flex;align-items:center;gap:1rem;border-bottom:1px solid #eee;padding-bottom:1rem}.profile-thumbnail{width:50px;height:50px;border-radius:50%;object-fit:cover}.profile-info h4{margin:0;font-size:1.1rem;color:#333}.profile-subscription-options{display:flex;flex-direction:column;gap:.8rem}.option-row{display:flex;align-items:center;gap:.5rem}.option-row label{margin-bottom:0;display:flex;align-items:center;gap:.5rem;cursor:pointer}.option-row input[type=checkbox]{cursor:pointer}.form-actions{margin-top:2rem;text-align:right}.save-button{padding:.8rem 1.5rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:opacity .3s ease}.save-button:hover{opacity:.9}.save-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background-color:rgba(var(--primary-color-end),.1);color:var(--primary-color-end);padding:.8rem 1rem;border:1px solid rgba(var(--primary-color-end),.2);border-radius:4px;margin-bottom:1rem}.success-message{background-color:rgba(var(--primary-color-start),.1);color:var(--primary-color-start);padding:.8rem 1rem;border:1px solid rgba(var(--primary-color-start),.2);border-radius:4px;margin-bottom:1rem}.loading{text-align:center;padding:2rem;font-size:1.1rem;color:#666}.cancel .result-icon{color:var(--primary-color-end)}.actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:#777}.empty-state h2{margin-top:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:4px;width:90%;max-width:500px;box-shadow:0 4px 8px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-body{padding:20px}.modal-header h2{margin:0;font-size:1.25rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777}.modal-footer{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;gap:10px}.form-group{margin-bottom:15px;padding:0 20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.error-message{color:var(--primary-color-end);padding:10px 20px;margin:0;background-color:rgba(var(--primary-color-end),.1)}.button{padding:8px 16px;border-radius:4px;font-size:.9rem;cursor:pointer;border:none}.button.primary{background:var(--primary-gradient);color:#fff;border:none}.button.secondary{background-color:var(--light-gray);color:var(--text-color);border:1px solid var(--primary-color-start)}.button.danger{background:var(--primary-gradient);color:#fff}.button:disabled{opacity:.7;cursor:not-allowed}.creator-dashboard-page{padding:20px;font-family:Arial,sans-serif;background-color:#f4f7f6;color:#333;width:100%}.creator-dashboard-page h2{text-align:center;color:var(--primary-color-start);margin-bottom:30px;font-size:2em}.creator-dashboard-page h3{color:var(--primary-color-start);margin-top:20px;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:5px;font-size:1.5em}.dashboard-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px}.loading,.error-message{text-align:center;padding:20px;font-size:1.2em}.error-message{color:var(--primary-color-end);background-color:rgba(var(--primary-color-end),.1);border:1px solid var(--primary-color-end);border-radius:4px}.verification-status{text-align:center;padding:20px;background-color:rgba(var(--primary-color-start),.1);border:1px solid rgba(var(--primary-color-start),.2);border-radius:4px;margin-bottom:20px}.verification-status h3{color:var(--primary-color-start)}.verification-status p{margin-bottom:15px}.button-primary{background:var(--primary-gradient);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:opacity .3s ease}.button-primary:hover{opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background-color:#ecf0f1;padding:15px;border-radius:6px;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-card h4{margin-top:0;margin-bottom:10px;color:#7f8c8d;font-size:.9em;text-transform:uppercase}.stat-card .stat-value{font-size:1.8em;font-weight:700;color:var(--primary-color-start)}.profiles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;max-height:500px;overflow-y:auto;padding:5px}.profile-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;display:flex;align-items:center;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.profile-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.avatar-small{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;border:2px solid var(--primary-color-start);background-color:#e0e0e0}.profile-card .profile-info h4{margin:0 0 5px;color:var(--primary-color-start)}.profile-card .profile-info p{margin:3px 0;font-size:.9em;color:#555}.selected-indicator{margin-left:auto;padding:5px 10px;background:var(--primary-gradient);color:#fff;border-radius:12px;font-size:.8em;font-weight:700}.profile-card-selectable{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px 15px;display:flex;align-items:center;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease,border-color .3s ease;margin-bottom:10px}.profile-card-selectable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);border-left:3px solid var(--primary-color-start)}.profile-card-selectable.selected{border-left:3px solid var(--primary-color-start);box-shadow:0 2px 8px rgba(var(--primary-color-start),.3)}.profile-card-selectable .avatar-small{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;border:2px solid var(--primary-color-start);background-color:#e0e0e0}.profile-card-selectable .profile-info h4{margin:0 0 3px;color:var(--primary-color-start)}.profile-card-selectable .profile-info p{margin:2px 0;font-size:.85em;color:#555}.profile-stats-section h3{color:var(--primary-color-start)}.chart-placeholder{width:100%;height:250px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:4px;margin-top:15px}.timeframe-selector{margin-bottom:20px;text-align:right}.timeframe-selector button{margin-left:5px;padding:8px 12px;border:1px solid #bdc3c7;background-color:#fff;color:#34495e;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.timeframe-selector button.active,.timeframe-selector button:hover{background:var(--primary-gradient);color:#fff;border-color:var(--primary-color-start)}.charts-section{margin-top:30px}.charts-section h4{margin-bottom:10px;color:#34495e;font-size:1.2em}.chart-container{width:100%;overflow-x:auto;margin-bottom:20px;background-color:#f8f9fa;border-radius:4px;padding:15px;box-shadow:inset 0 1px 3px #0000000d}.bar-chart-svg{display:block;min-width:100%}.chart-placeholder{width:100%;min-height:150px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:4px;margin-top:0;padding:20px;box-sizing:border-box}.top-profiles-display-section{background-color:#fdfdfd;padding:15px 20px;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:30px}.top-profiles-display-section h3{font-size:1.3em;color:#34495e;border-bottom:1px solid #e8e8e8;padding-bottom:8px;margin-bottom:15px}.top-profiles-list-items{list-style:none;padding:0;margin:0}.top-profile-item-display{display:flex;align-items:center;padding:10px 0;border-bottom:1px dashed #eee}.top-profile-item-display:last-child{border-bottom:none}.top-profile-item-display .rank{font-weight:700;color:#7f8c8d;margin-right:15px;min-width:25px;text-align:right}.top-profile-item-display .profile-name-display{flex-grow:1;color:#2c3e50;font-weight:500}.top-profile-item-display .metric-display{color:var(--primary-color-start);font-weight:700;margin-left:15px;min-width:100px;text-align:right}.button-secondary-small{background-color:var(--light-gray);color:var(--text-color);padding:5px 10px;border:1px solid var(--primary-color-start);border-radius:4px;cursor:pointer;font-size:.8em;margin-left:15px;transition:background-color .2s ease}.button-secondary-small:hover{background-color:#ddd}.edit-post-form{padding:25px;background-color:#fff;border-radius:12px;min-width:450px;max-width:550px;box-shadow:0 4px 15px #0000001a}.edit-post-form h3{margin-top:0;margin-bottom:25px;text-align:center;color:var(--primary-color-start);font-size:1.5em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color-start);box-shadow:0 0 0 3px #640fc826;outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.form-actions button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.form-actions .cancel-btn{background-color:#f0f0f0;color:#555;border:1px solid #ddd}.form-actions .cancel-btn:hover:not(:disabled){background-color:#e0e0e0;border-color:#ccc}.form-actions .save-btn{background:var(--primary-gradient);color:#fff}.form-actions .save-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 10px rgba(var(--primary-color-start-rgba),.3)}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:5px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;text-decoration:none;border:1px solid transparent;font-size:1rem;line-height:1.5;white-space:nowrap}.btn:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--primary-color-start),.25)}.btn-fullwidth{width:100%}.btn-primary{background:var(--primary-button-gradient);color:#fff;border-color:var(--primary-color-start)}.btn-primary:hover:not(:disabled){background:var(--primary-button-gradient-hover);border-color:var(--primary-color-dark)}.btn-primary:disabled{background:var(--primary-button-gradient);border-color:var(--primary-color-start);opacity:.65;cursor:not-allowed}.btn-secondary{background:var(--secondary-button-gradient);color:#fff;border-color:var(--secondary-color)}.btn-secondary:hover:not(:disabled){background:var(--secondary-button-gradient-hover);border-color:var(--secondary-color-dark)}.btn-secondary:disabled{background:var(--secondary-button-gradient);border-color:var(--secondary-color);opacity:.65;cursor:not-allowed}.btn-danger{background:var(--secondary-button-gradient);color:#fff;border-color:var(--secondary-color)}.btn-danger:hover:not(:disabled){background:var(--secondary-button-gradient-hover);border-color:var(--secondary-color-dark)}.btn-danger:disabled{background:var(--secondary-button-gradient);border-color:var(--secondary-color);opacity:.65;cursor:not-allowed}.btn-link{background-color:transparent;border-color:transparent;color:var(--primary-color-start);text-decoration:none;padding-left:0;padding-right:0}.btn-link:hover:not(:disabled){color:var(--primary-color-mid);text-decoration:underline}.btn-link:disabled{color:#6c757d;opacity:.65;cursor:not-allowed;text-decoration:none}.btn-small{padding:5px 10px;font-size:.875rem}.btn-large{padding:12px 24px;font-size:1.125rem}.btn-loading{position:relative;color:transparent!important}.btn-loading .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-left-color:#fff}.btn-loading.btn-link .loading-spinner{border-left-color:var(--primary-color-start)}.btn-icon{display:inline-flex;align-items:center}.btn-icon-left{margin-right:.5em}.btn-icon-right{margin-left:.5em}.btn-loading .btn-text,.btn-loading .btn-icon{visibility:hidden}.btn-icon{background-color:transparent;border:none;color:#666;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s}.btn-icon:hover{background-color:#f0f0f0;color:#333}.dark .btn-icon{color:#aaa}.dark .btn-icon:hover{background-color:#3a3b3c;color:#fff}.post-description{font-size:.9em;color:#555;line-height:1.5;margin:0 15px 12px;flex-grow:1}.post-description a{color:#007bff;text-decoration:none;transition:color .2s ease-in-out,text-decoration .2s ease-in-out}.post-description a:hover{color:#0056b3;text-decoration:none;font-weight:700}.dark .post-description{color:#ccc}.dark .post-description a{color:var(--primary-color-start)}.dark .post-description a:hover{color:var(--primary-color-end)}.access-badge{font-size:.75em;padding:4px 10px;border-radius:12px;color:#fff;font-weight:600;margin-left:8px}.access-badge.subscribersonly{background-color:#007bff}.access-badge.payperview{background-color:#28a745}.post-title{font-size:1.1em;font-weight:600;padding:10px 16px 0;margin:0;color:#262626}.post-card-content{padding:0 15px 15px}.post-media-container{position:relative;background-color:#fafafa}.media-item{position:relative;max-width:100%;display:flex;justify-content:center;align-items:center}.media-item img,.media-item video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.blurred-media img{filter:blur(15px);opacity:.8}.blurred-media .video-placeholder{background-color:#e0e0e0;width:100%;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center;position:relative}.blurred-media .video-icon-placeholder{font-size:4em;color:#b0b0b0}.lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px;box-sizing:border-box;z-index:2}.lock-overlay span{font-size:1.1em;font-weight:600;margin-top:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.lock-overlay .purchase-button,.lock-overlay .repurchase-button{margin-top:15px;padding:10px 18px;border:none;border-radius:20px;background-color:#0095f6;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.95em}.lock-overlay .purchase-button:hover:not(:disabled),.lock-overlay .repurchase-button:hover:not(:disabled){background-color:#07c}.lock-overlay .purchase-button:disabled,.lock-overlay .repurchase-button:disabled{background-color:#b2dffc;cursor:not-allowed}.lock-overlay .repurchase-button{background-color:#5cb85c}.lock-overlay .repurchase-button:hover:not(:disabled){background-color:#4cae4c}.post-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #efefef;background-color:#fff}.post-stats{display:flex;align-items:center;gap:18px;font-size:.9em;color:#555}.post-stats span{display:flex;align-items:center;gap:4px;color:#8e8e8e}.like-button{background:none;border:none;cursor:pointer;color:#888;font-size:1.1em;display:flex;align-items:center;padding:0;transition:color .2s ease,transform .1s ease}.like-button:hover{color:#666}.like-button:active{transform:scale(.9)}.like-button.liked{color:#ed4956}.like-button.liked:hover{color:#d62432}.like-button span{margin-left:6px;font-size:.9em;color:#262626;font-weight:600}.owner-actions{display:flex;gap:10px}.edit-post-button,.delete-post-button{background-color:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:.85em;display:flex;align-items:center;gap:4px;color:#007bff;transition:color .2s ease}.edit-post-button:hover{color:#0056b3}.delete-post-button{color:#dc3545}.delete-post-button:hover{color:#c82333}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px}.album-grid-item{position:relative;overflow:hidden;aspect-ratio:1 / 1}.album-grid-item img,.album-grid-item video{width:100%;height:100%;object-fit:cover;display:block}.error-placeholder{padding:20px;text-align:center;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.consume-error{padding:5px 16px;font-size:.85em;color:#856404;background-color:#fff3cd;border-bottom:1px solid #efefef}.media-item.blurred .blurred-preview-content{filter:blur(20px);-webkit-filter:blur(20px);opacity:.7;transform:scale(1.1);transition:filter .3s ease-out,opacity .3s ease-out}.media-item.blurred>.lock-overlay{cursor:pointer}.blurred-preview-content{width:100%;height:100%;object-fit:cover}.dark .post-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d}.dark .post-header{border-bottom:1px solid var(--border-color);color:#aaa}.dark .post-timestamp{color:#888}.dark .post-title{color:var(--text-color)}.dark .post-media-container{background-color:#2a2a2a}.dark .blurred-media .video-placeholder{background-color:#3a3a3a}.dark .blurred-media .video-icon-placeholder{color:#666}.dark .post-footer{border-top:1px solid var(--border-color)!important;background-color:var(--card-bg)!important}.dark .post-stats{color:#aaa}.dark .post-stats span,.dark .like-button{color:#888}.dark .like-button:hover{color:#aaa}.dark .like-button.liked{color:#ed4956}.dark .like-button.liked:hover{color:#d62432}.dark .like-button span{color:var(--text-color)}.dark .edit-post-button{color:#58a6ff}.dark .edit-post-button:hover{color:#82baff}.dark .delete-post-button{color:#ff7b72}.dark .delete-post-button:hover{color:#ff9a94}.dark .error-placeholder{background-color:#ff6b6b1a;color:#ff6b6b;border:1px solid #ff6b6b}.dark .consume-error{color:#e5b84d;background-color:#e5b84d1a;border-bottom:1px solid var(--border-color)}.post-tags-modal{margin-top:10px;margin-bottom:15px;display:flex;flex-wrap:wrap;gap:8px}.tag-link-modal{background-color:#e9ecef;color:#495057;padding:4px 10px;border-radius:15px;font-size:.8em;text-decoration:none;transition:background-color .2s,color .2s}.tag-link-modal:hover{background-color:#007bff;color:#fff}.post-detail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1050;padding:20px;box-sizing:border-box}.post-detail-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;width:90%;max-width:1100px;height:90vh;max-height:700px;overflow:hidden;position:relative}.modal-close-button.top-right{position:absolute;top:10px;right:10px;background:#0000004d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:30px;text-align:center;cursor:pointer;z-index:10}.modal-close-button.top-right:hover{background:#0009}.post-content-area-modal{display:flex;width:100%;height:100%}.media-viewer-modal{flex:2;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.post-media-modal{max-width:100%;max-height:100%;object-fit:contain}.post-media-modal.blurred{filter:blur(10px)}.nav-arrow-modal{position:absolute;top:50%;transform:translateY(-50%);background-color:#0006;color:#fff;border:none;font-size:28px;cursor:pointer;padding:10px;z-index:5;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.nav-arrow-modal:hover{background-color:#000000b3}.prev-arrow-modal{left:10px}.next-arrow-modal{right:10px}.dots-indicator-modal{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot-modal{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;transition:background-color .3s}.dot-modal.active{background-color:#fff}.post-info-area-modal{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;border-left:1px solid #ddd}.post-header-modal{margin-bottom:15px}.post-info-area-modal h2{font-size:1.4em;margin:0;color:#222}.post-description-modal{font-size:.95em;color:#444;line-height:1.5;margin-bottom:20px;white-space:pre-wrap;flex-grow:1}.post-meta-modal{font-size:.85em;color:#666;display:flex;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.post-detail-modal-content{flex-direction:column;width:100%;height:100%;max-height:100vh;border-radius:0;padding:0}.post-detail-modal-overlay{padding:0}.media-viewer-modal{min-height:50vh;max-height:60vh;flex:none;width:100%}.post-media-modal{max-height:100%}.post-info-area-modal{border-left:none;border-top:1px solid #ddd;max-height:40vh;flex-grow:1;padding:15px}.modal-close-button.top-right{top:15px;right:15px;background-color:#00000080}.nav-arrow-modal{font-size:22px;width:35px;height:35px;padding:5px}.prev-arrow-modal{left:5px}.next-arrow-modal{right:5px}.dots-indicator-modal{bottom:10px}.dot-modal{width:8px;height:8px}}.loading,.error-message,.not-found{text-align:center;padding:50px 20px;font-size:1.1em;width:100%}.post-media-modal.clickable{cursor:pointer}.access-denied-placeholder-modal{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#222;color:#aaa;font-size:1.1em}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1060}.lightbox-image{max-width:90%;max-height:90%;object-fit:contain}.lightbox-close-button{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;background:none;border:none;cursor:pointer}.dark .post-detail-modal-content{background-color:var(--card-bg)}.dark .post-info-area-modal{border-left:1px solid var(--border-color)}.dark .post-info-area-modal h2{color:var(--text-color)}.dark .post-description-modal{color:#ccc}.dark .post-meta-modal{color:#aaa;border-top:1px solid var(--border-color)}.dark .tag-link-modal{background-color:#3a3a3a;color:#f5f5f5}.dark .tag-link-modal:hover{background-color:#4a4a4a}.dark .comments-section-modal h3{color:var(--text-color)}.dark .comment-form-modal textarea{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.dark .comment-form-modal .cancel-reply-button{color:var(--text-color)}.dark .comment-as-profile-select{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.dark .comments-list-modal .comment-thread-modal .comment-modal{border-bottom:1px solid var(--border-color)!important;background-color:var(--card-bg)!important}.dark .comment-text-modal{color:#ccc}.dark .comment-actions-modal small{color:#aaa}.dark .comment-actions-modal button{color:var(--text-color)}.dark .like-button.liked{color:#ff6b6b}.post-caption-modal a{color:#007bff;text-decoration:none;transition:color .2s ease-in-out,text-decoration .2s ease-in-out}.post-caption-modal a:hover{color:#0056b3;text-decoration:underline}.dark .post-caption-modal a{color:var(--primary-color-start)}.dark .post-caption-modal a:hover{color:var(--primary-color-end)}.comments-section-modal{padding:15px 20px;border-top:1px solid #dbdbdb;background-color:#f9f9f9;flex-grow:1;overflow-y:auto}.comments-section-modal h3{font-size:1.1em;color:#333;margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.comment-form-modal{display:flex;flex-direction:column;margin-bottom:20px}.comment-form-modal textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;font-size:.9em;resize:vertical;min-height:40px}.comment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.comment-form-actions .cancel-reply-button{background-color:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.85em}.comment-form-actions .cancel-reply-button:hover{background-color:#5a6268}.comment-form-actions button[type=submit]{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9em}.comment-form-actions button[type=submit]:disabled{background-color:#a0cfff;cursor:not-allowed}.comment-form-actions button[type=submit]:hover:not(:disabled){background-color:#0056b3}.comments-list-modal{display:flex;flex-direction:column;gap:15px}.comment-modal{display:flex;gap:10px;align-items:flex-start}.commenter-avatar-modal{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-top:2px}.comment-content-modal{flex-grow:1;background-color:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.commenter-name-modal{font-size:.9em;margin-bottom:4px;display:flex;align-items:center;gap:6px}.commenter-name-modal strong{color:#262626}.badge{font-size:.7em;padding:2px 5px;border-radius:3px;font-weight:700;text-transform:uppercase}.creator-badge{background-color:#007bff;color:#fff}.subscriber-badge{background-color:#28a745;color:#fff}.comment-text-modal{font-size:.9em;color:#333;line-height:1.4;margin:0 0 5px;white-space:pre-wrap}.comment-actions-modal{display:flex;align-items:center;gap:10px;font-size:.8em;color:#65676b}.comment-actions-modal small{color:#8e8e8e}.comment-actions-modal .like-button,.comment-actions-modal button{background:none;border:none;color:#65676b;cursor:pointer;padding:2px 4px;font-size:.95em}.comment-actions-modal .like-button:hover,.comment-actions-modal button:hover{text-decoration:underline}.comment-actions-modal .like-button.liked{color:#ed4956;font-weight:700}.comment-replies-modal{margin-left:42px;padding-top:10px;border-left:2px solid #e0e0e0;display:flex;flex-direction:column;gap:10px}.reply-indicator{font-size:.8em;color:#555;margin-left:5px;font-style:italic}@media (max-width: 768px){.comments-section-modal{max-height:35vh;padding:10px}.commenter-avatar-modal{width:28px;height:28px}.comment-replies-modal{margin-left:38px}}.dark .comments-section-modal{background-color:var(--card-bg);border-top:1px solid var(--border-color)}.dark .comments-section-modal h3{color:var(--text-color);border-bottom:1px solid var(--border-color)}.dark .comment-form-modal textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}.dark .comment-content-modal{background-color:var(--post-bg)}.dark .commenter-name-modal strong{color:var(--text-color)}.dark .comment-text-modal,.dark .comment-actions-modal{color:var(--text-secondary)}.dark .comment-actions-modal small{color:#888}.dark .comment-actions-modal .like-button,.dark .comment-actions-modal button{color:var(--text-secondary)}.dark .comment-actions-modal .like-button:hover,.dark .comment-actions-modal button:hover{color:var(--text-color)}.dark .comment-actions-modal .like-button.liked{color:#ed4956}.dark .comment-replies-modal{border-left:2px solid var(--border-color)}.dark .reply-indicator{color:var(--text-secondary)}.mention-input-container{position:relative;width:100%}.mention-textarea{width:100%;min-height:100px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;resize:vertical}.suggestions-list{position:absolute;width:100%;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;list-style:none;padding:0;margin:5px 0 0;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 8px #0000001a}.suggestions-list li{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .2s}.suggestions-list li:hover{background-color:var(--hover-bg)}.suggestions-list li img{width:32px;height:32px;border-radius:50%;margin-right:10px;object-fit:cover}.suggestions-list li span{color:var(--text-color);font-weight:500}.create-post-form-container{background-color:#fff;border:1px solid #dbdbdb;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #00000014}.create-post-form{display:flex;flex-direction:column}.create-post-description{width:100%;min-height:80px;padding:10px;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;font-size:1em;resize:vertical;background-color:#f9f9f9}.create-post-actions{display:flex;justify-content:space-between;align-items:center}.create-post-file-input{display:none}.create-post-file-label{background-color:#e4e6eb;color:#333;padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:600;transition:background-color .2s}.create-post-file-label:hover{background-color:#d8dbe0}.create-post-submit{background-color:var(--primary-color-start);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-post-submit:disabled{background-color:#a0cfff;cursor:not-allowed}.create-post-submit:hover:not(:disabled){background-color:var(--primary-color-dark)}.dark .create-post-form-container{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark .create-post-description{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}.dark .create-post-file-label{background-color:#3a3b3c;color:var(--text-color)}.dark .create-post-file-label:hover{background-color:#4e4f50}.dark .create-post-submit{background-color:var(--primary-color-start)}.dark .create-post-submit:hover:not(:disabled){background-color:var(--primary-color-dark)}.profile-detail-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.profile-header{display:flex;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;position:relative}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:30px;border:3px solid #eee}.profile-header-info h1{margin-bottom:5px}.profile-creator{font-size:1.1em;color:#555;margin-bottom:15px}.profile-creator a{color:#007bff;text-decoration:none}.profile-description{margin-bottom:20px;line-height:1.6;color:#555}.subscription-notice{background-color:#e9f5ff;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #bde0ff;text-align:center}.subscription-notice p:first-child{margin-bottom:15px;font-weight:700;font-size:1.1em;color:#0056b3}.subscribe-button{background-color:#007bff;color:#fff;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease,transform .1s ease;margin-bottom:15px;display:inline-block}.subscribe-button:hover{background-color:#0056b3;transform:translateY(-1px)}.subscribe-button:active{transform:translateY(0)}.subscribe-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.subscription-details{margin-top:15px}.subscription-details p{font-size:.9em;color:#555;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.subscription-details i{margin-right:8px;color:#28a745}.profile-images h2{margin-bottom:20px;font-size:1.5em;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.post-grid{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:0 10px}.post-grid .post-card{width:100%;height:auto}.profile-post-owner-actions{display:flex;gap:10px;padding:0 16px 10px;border-top:1px solid #efefef;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:-1px}.image-card{position:relative;border:1px solid #eee;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff}.image-card:hover{transform:scale(1.03);box-shadow:0 4px 15px #0000001a}.image-container{position:relative;width:100%;padding-top:100%;overflow:hidden}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.image-container.blurred img{filter:blur(10px)}.blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-container.blurred:hover .blur-overlay{opacity:1;pointer-events:auto}.blur-overlay .lock-icon{font-size:2.5em;margin-bottom:10px}.blur-overlay span{font-weight:700}.image-description{padding:10px 15px;font-size:.9em;text-align:center;background-color:#f8f8f8;border-top:1px solid #eee;color:#555}.exclusive-badge{position:absolute;top:10px;right:10px;background-color:#dc3545cc;color:#fff;padding:4px 10px;border-radius:4px;font-size:.8em;font-weight:700;z-index:2}.owner-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.edit-button,.delete-button,.add-image-button,.delete-image-button{padding:8px 15px;border-radius:5px;text-decoration:none;font-weight:700;cursor:pointer;border:none;transition:background-color .3s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center}.edit-button:hover,.delete-button:hover,.add-image-button:hover,.delete-image-button:hover{transform:translateY(-1px)}.edit-button{background-color:#ffc107;color:#333}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.add-image-button{background-color:#28a745;color:#fff}.add-image-button:hover{background-color:#218838}.image-actions{position:absolute;top:5px;left:5px;z-index:3;opacity:0;transition:opacity .3s ease}.image-card:hover .image-actions{opacity:1}.delete-image-button{background-color:#dc3545cc;color:#fff;padding:5px 8px;font-size:.8em;border-radius:4px}.delete-image-button:hover{background-color:#dc3545;transform:none}.image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.image-modal-content{background-color:#fff;padding:25px;border-radius:8px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 20px #0000004d;position:relative}.image-modal-content img{max-width:100%;max-height:calc(80vh - 100px);object-fit:contain;margin-bottom:20px;border-radius:4px}.image-modal-content .image-caption{font-size:1.1em;margin-bottom:20px;text-align:center;color:#333;background:none;border:none;padding:0}.close-modal-button{position:absolute;top:10px;right:10px;padding:8px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease;font-size:1.2em;line-height:1;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.close-modal-button:hover{background-color:#5a6268}.loading,.error-message,.not-found{text-align:center;padding:40px;font-size:1.2em;color:#555}.profile-posts .info-message{text-align:center;color:#777;margin-top:20px}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;padding:15px}.empty-state{text-align:center;padding:30px;border:1px dashed #ccc;border-radius:8px;background-color:#f8f8f8}.empty-state p{margin-bottom:15px;color:#777}.subscribed-badge{display:inline-block;background-color:#d4edda;color:#155724;padding:6px 12px;border-radius:4px;font-size:.9em;font-weight:700;margin-top:15px;border:1px solid #c3e6cb}.subscribed-badge span{vertical-align:middle}.subscription-actions{display:flex;align-items:center;gap:15px;margin-top:15px}.message-button.secondary-action-button{background-color:#6c757d;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .3s ease,transform .1s ease}.message-button.secondary-action-button:hover{background-color:#5a6268;transform:translateY(-1px)}.message-button.secondary-action-button:disabled{background-color:#adb5bd;cursor:not-allowed;transform:none}.profile-header{display:flex;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-right:30px;border:3px solid #f0f0f0;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-header-info{flex-grow:1}.profile-header-info h1{margin-top:0;margin-bottom:5px;font-size:2rem}.profile-creator{font-size:1rem;color:#666;margin-bottom:15px}.profile-creator a{color:#007bff;text-decoration:none;font-weight:700}.profile-creator a:hover{text-decoration:underline}.profile-description{margin-bottom:20px;line-height:1.6;color:#444}.subscription-notice{background-color:#e9f5ff;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #bde0ff;text-align:center}.subscription-notice p:first-child{margin-bottom:10px;font-weight:700;font-size:1.05em;color:#0056b3}.subscribe-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .1s ease;margin-bottom:10px;display:inline-block}.subscribe-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.subscribe-button:disabled{background-color:#ccc;cursor:not-allowed}.subscription-details{margin-top:10px}.subscription-details p{font-size:.85em;color:#555;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.subscription-details p:last-child{margin-bottom:0}.subscribed-badge{display:inline-block;background-color:#d4edda;color:#155724;padding:5px 10px;border-radius:4px;font-size:.9em;font-weight:700;margin-top:15px;border:1px solid #c3e6cb}.owner-actions{margin-top:20px;display:flex;gap:10px}.owner-actions .edit-button,.owner-actions .delete-button,.owner-actions .add-image-button{padding:8px 15px;border-radius:5px;text-decoration:none;font-weight:700;cursor:pointer;border:none;transition:background-color .3s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.owner-actions .edit-button:hover,.owner-actions .delete-button:hover,.owner-actions .add-image-button:hover{transform:translateY(-1px)}.owner-actions .edit-button{background-color:#ffc107;color:#333}.owner-actions .edit-button:hover{background-color:#e0a800}.owner-actions .delete-button{background-color:#dc3545;color:#fff}.owner-actions .delete-button:hover{background-color:#c82333}.owner-actions .add-image-button{background-color:#28a745;color:#fff}.owner-actions .add-image-button:hover{background-color:#218838}.profile-posts h2{margin-bottom:20px;font-size:1.6rem;color:#333;border-bottom:2px solid #007bff;padding-bottom:8px;display:inline-block}.loading,.empty-state,.info-message{text-align:center;padding:30px;font-size:1.1em;color:#777}.empty-state{border:1px dashed #ccc;border-radius:8px;background-color:#f8f8f8}.empty-state p{margin-bottom:15px}.profile-header .settings-button{position:absolute;top:20px;right:20px;font-size:1.5rem}.confirmation-dialog{background-color:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 4px 15px #0003;text-align:center;max-width:400px;width:90%}.confirmation-dialog h3{margin-top:0;margin-bottom:15px;color:#333}.confirmation-dialog p{margin-bottom:10px;color:#555;font-size:1.05em}.confirmation-dialog .price{font-weight:700;color:#007bff}.confirmation-dialog .balance{font-size:.95em;color:#666;margin-bottom:20px}.confirmation-dialog .balance .insufficient{color:#dc3545;font-weight:700}.confirmation-dialog .error-message{font-size:.9em;color:#dc3545;margin-top:-10px;margin-bottom:15px}.dialog-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.dialog-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease}.dialog-buttons .confirm-button{background-color:#28a745;color:#fff}.dialog-buttons .confirm-button:hover:not(:disabled){background-color:#218838}.dialog-buttons .cancel-button{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.dialog-buttons .cancel-button:hover:not(:disabled){background-color:#e0e0e0}.dialog-buttons button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.notification-popup{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:15px 20px;border-radius:8px;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 4px 8px #0003;min-width:250px;max-width:90%;opacity:1;transition:opacity .3s ease-in-out}.notification-popup.success,.notification-popup.error,.notification-popup.info{background:var(--primary-gradient)}.notification-popup p{margin:0;padding-right:15px;word-break:break-word}.notification-popup .dismiss-button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;margin-left:10px;line-height:1}.notification-popup .dismiss-button:hover{opacity:.8}.notification-popup.hiding{opacity:0}.notification-content{display:flex;align-items:center;flex-grow:1;padding-right:15px}.notification-content p{margin:0;word-break:break-word;flex-grow:1;padding-right:10px}.notification-action-button{background:none;border:1px solid white;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;margin-left:10px;flex-shrink:0}.notification-action-button:hover{background-color:#fff3}.create-profile-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.create-profile-container h2{text-align:center;margin-bottom:30px;color:var(--primary-color-start);font-size:1.8em}.profile-form .form-group{margin-bottom:25px}.profile-form label{display:block;margin-bottom:8px;font-weight:600;color:#444}.profile-form input[type=text],.profile-form input[type=number],.profile-form input[type=file],.profile-form textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;transition:border-color .3s,box-shadow .3s}.profile-form input[type=file]{padding:10px}.profile-form textarea{resize:vertical;min-height:100px}.profile-form .radio-group{display:flex;gap:15px}.profile-form .radio-group label{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s;background-color:#f9f9f9;font-weight:500;margin-bottom:0;color:#555}.profile-form .radio-group input[type=radio]{opacity:0;position:absolute;width:0;height:0}.profile-form .radio-group label.selected{background-color:var(--primary-color-start-rgba, .1);border-color:var(--primary-color-start);color:var(--primary-color-start);font-weight:600}.profile-form .radio-group label:hover{background-color:#f0f0f0;border-color:#ccc}.profile-form .avatar-preview img{display:block;max-width:150px;max-height:150px;margin-top:15px;border-radius:8px;border:2px solid #eee}.profile-form .form-group small{display:block;margin-top:8px;font-size:.9rem;color:#777}.profile-form .form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.profile-form .form-actions button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.profile-form .cancel-button{background-color:#f0f0f0;color:#555;border:1px solid #ddd}.profile-form .cancel-button:hover{background-color:#e0e0e0;border-color:#ccc}.profile-form .submit-button{background:var(--primary-gradient);color:#fff}.profile-form .submit-button:hover{opacity:.9;box-shadow:0 4px 10px rgba(var(--primary-color-start-rgba),.3)}.profile-form .submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:25px;text-align:center}.dark .create-profile-container{background-color:var(--card-bg);box-shadow:0 4px 15px #0000004d}.dark .create-profile-container h2{color:var(--primary-color-start)}.dark .profile-form label{color:var(--text-color)}.dark .profile-form input[type=text],.dark .profile-form input[type=number],.dark .profile-form input[type=file],.dark .profile-form textarea{background-color:#2c2c2c;color:var(--text-color);border:1px solid var(--border-color)}.dark .profile-form .radio-group label{border:1px solid var(--border-color);background-color:#2a2a2a;color:var(--text-color)}.dark .profile-form .radio-group label.selected{background-color:#8237e633;border-color:var(--primary-color-start);color:var(--primary-color-start)}.dark .profile-form .radio-group label:hover{background-color:#3a3a3a;border-color:#555}.dark .profile-form .avatar-preview img{border:2px solid var(--border-color)}.dark .profile-form .form-group small{color:#aaa}.dark .profile-form .cancel-button{background-color:#444;color:var(--text-color);border:1px solid #666}.dark .profile-form .cancel-button:hover{background-color:#555;border-color:#777}.dark .error-message{background-color:#ff6b6b1a;color:#ff6b6b;border:1px solid #ff6b6b}.file-drop-area{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;position:relative;overflow:hidden}.file-drop-area:hover{border-color:#007bff;background-color:#f9f9f9}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-drop-preview{margin-top:10px}.avatar-image-preview{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 4px #0000001a}.file-drop-placeholder{color:#888}.file-drop-placeholder svg{font-size:2rem;margin-bottom:10px}.danger-zone{border-top:1px solid #eee;margin-top:40px;border:1px solid #dc3545;padding:20px;border-radius:8px;background-color:#f8d7da}.danger-zone h4{color:#721c24;margin-top:0}.danger-zone p{color:#721c24}.dark .file-drop-area{border-color:var(--border-color)}.dark .file-drop-area:hover{background-color:#2a2a2a;border-color:var(--primary-color-start)}.dark .file-drop-placeholder{color:#888}.dark .danger-zone{background-color:#ff6b6b1a;border-color:#ff6b6b}.dark .danger-zone h4,.dark .danger-zone p{color:#ff9a94}.confirmation-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-dialog{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0003;width:90%;max-width:450px;text-align:center}.confirmation-dialog h3{margin-top:0;color:#333}.confirmation-dialog p{margin-bottom:25px;color:#555}.dialog-buttons{display:flex;justify-content:center;gap:15px}.dark .confirmation-dialog{background-color:var(--card-bg);color:var(--text-color)}.dark .confirmation-dialog h3{color:var(--text-color)}.dark .confirmation-dialog p{color:#ccc}.creator-profiles-container{max-width:1200px;margin:0 auto;padding:20px}.header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-profile-btn{background:var(--primary-gradient);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;text-decoration:none;transition:opacity .3s ease}.create-profile-btn:hover{opacity:.9}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.profile-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.profile-image{width:100%;height:200px;overflow:hidden;background-color:#f0f0f0}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-info{padding:15px;display:flex;flex-direction:column;flex-grow:1}.profile-info h3{margin-top:0;margin-bottom:10px}.profile-description{font-size:.9em;color:#555;line-height:1.5;margin-bottom:15px;flex-grow:1}.profile-stats{font-size:.8em;color:#777;margin-bottom:15px}.profile-actions{display:flex;justify-content:space-between;margin-top:auto}.empty-state{text-align:center;padding:40px;border:2px dashed #e0e0e0;border-radius:8px}.empty-state p{margin-bottom:20px;font-size:1.2em;color:#777}.dark .profile-card{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark .profile-card:hover{box-shadow:0 5px 15px #0000004d}.dark .profile-image{background-color:#2a2a2a}.dark .profile-description{color:#ccc}.dark .profile-stats{color:#aaa}.dark .empty-state{border:2px dashed var(--border-color)}.dark .empty-state p{color:#aaa}@media (max-width: 768px){.profile-grid{grid-template-columns:1fr}}.chat-page{display:flex;height:calc(100vh - 60px);background-color:#f4f7f6;width:100%}.conversation-list-panel{width:360px;margin-right:8px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background-color:#fff}.chat-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.chat-header h2{margin:0;font-size:1.4em;color:#333}.conversation-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.conversation-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.conversation-item:hover{background-color:#f9f9f9}.conversation-item.active{background-color:#e8f0fe;border-left:3px solid #1a73e8;padding-left:17px}.participant-avatar{width:48px;height:48px;border-radius:50%;margin-right:15px;object-fit:cover;border:1px solid #ddd}.conversation-details{flex-grow:1;overflow:hidden}.participant-name{font-weight:600;color:#202124;font-size:.95em;margin-bottom:4px;display:block}.last-message-preview{font-size:.85em;color:#5f6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:.75em;color:#5f6368;margin-left:10px;min-width:60px}.last-message-time{margin-bottom:5px}.unread-badge{background-color:#1a73e8;color:#fff;border-radius:10px;padding:3px 7px;font-size:.7em;font-weight:700;min-width:18px;text-align:center}.conversation-item.unread .participant-name{font-weight:700}.conversation-item.unread .last-message-preview{color:#202124;font-weight:500}.main-chat-area{flex-grow:1;display:flex;overflow:hidden}.chat-outlet-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.participant-info-panel{width:280px;padding:20px;border-left:1px solid #e0e0e0;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.participant-info-panel h4{margin-top:0;margin-bottom:20px;font-size:1.2em;color:#333;text-align:center;width:100%;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.info-panel-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:2px solid #e0e0e0}.info-panel-name{font-size:1.1em;font-weight:600;color:#202124;margin-bottom:5px;text-align:center}.info-panel-handle{font-size:.9em;color:#5f6368;margin-bottom:15px;text-align:center}.info-section{width:100%;margin-bottom:20px}.info-section h5{font-size:.95em;color:#333;margin-bottom:8px;border-bottom:1px solid #f0f0f0;padding-bottom:5px}.bio-placeholder,.subscription-placeholder{font-size:.85em;color:#5f6368;font-style:italic;line-height:1.5}.view-profile-link{display:inline-block;margin-top:auto;padding:8px 15px;background-color:#1a73e8;color:#fff;text-decoration:none;border-radius:5px;font-size:.9em;text-align:center;transition:background-color .2s}.view-profile-link:hover{background-color:#0056b3}.chat-window-panel{flex-grow:1;display:flex;flex-direction:column;background-color:#f4f7f6}.no-chat-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#777;padding:20px}.no-chat-selected img{width:120px;height:auto;margin-bottom:20px;opacity:.6}.no-chat-selected h3{font-size:1.5em;margin-bottom:10px;color:#555}.no-conversations-message{padding:20px;text-align:center;color:#777;font-size:.9em}.loading,.error-message{padding:20px;text-align:center;font-size:1em;color:#555}@media (max-width: 768px){.conversation-list-panel{width:100%;border-right:none;height:auto}.chat-window-panel{display:none}.chat-page-layout{flex-direction:column}.chat-page-layout.chat-active .conversation-list-panel{display:none}.chat-page-layout.chat-active .chat-window-panel{display:flex;width:100%}}.dark .chat-page-layout{background-color:var(--background-color)}.dark .conversation-list-panel{background-color:#1f1f1f;border-right:1px solid var(--border-color)}.dark .chat-header{border-bottom:1px solid var(--border-color)}.dark .chat-header h2{color:var(--text-color)}.dark .conversation-item{border-bottom:1px solid var(--border-color)}.dark .conversation-item:hover{background-color:#2a2a2a}.dark .conversation-item.active{background-color:#8237e633;border-left:3px solid var(--primary-color-start)}.dark .participant-name{color:var(--text-color)}.dark .last-message-preview,.dark .conversation-meta{color:#aaa}.dark .conversation-item.unread .last-message-preview{color:var(--text-color)}.dark .participant-info-panel{background-color:#1f1f1f;border-left:1px solid var(--border-color)}.dark .participant-info-panel h4{color:var(--text-color);border-bottom:1px solid var(--border-color)}.dark .info-panel-name{color:var(--text-color)}.dark .info-panel-handle{color:#aaa}.dark .info-section h5{color:var(--text-color);border-bottom:1px solid var(--border-color)}.dark .bio-placeholder,.dark .subscription-placeholder,.dark .no-chat-selected{color:#aaa}.dark .no-chat-selected h3{color:var(--text-color)}.dark .no-conversations-message{color:#aaa}@media (max-width: 768px){.chat-page{flex-direction:column}.conversation-list-panel{width:100%;border-right:none;border-bottom:1px solid #e0e0e0}.main-chat-area{width:100%}.participant-info-panel{display:none}}.chat-window-container{display:flex;flex-direction:column;height:100%;background-color:#fff}.chat-window-header{display:flex;align-items:center;padding:10px 15px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.back-to-chats-button{background:none;border:none;font-size:1.5em;cursor:pointer;margin-right:15px;color:#007bff}.chat-partner-info{display:flex;align-items:center;gap:10px;flex-grow:1}.chat-partner-info a{text-decoration:none;color:inherit;display:flex;align-items:center}.chat-window-header h2{margin:0;font-size:1.2em;color:#333}.chat-action-button{background-color:transparent;border:1px solid #ccc;padding:6px 12px;border-radius:15px;cursor:pointer;font-size:.85em;margin-left:10px;display:flex;align-items:center;gap:5px;transition:background-color .2s,border-color .2s}.chat-action-button:hover{border-color:#999}.block-user-button{background:none;border:none;color:var(--primary-color-start);font-size:1.5rem;cursor:pointer;padding:.5rem}.block-user-button:hover,.unblock-user-button:hover{color:var(--primary-color-end)}.unblock-user-button{background:none;border:none;color:var(--primary-color-start);font-size:1.5rem;cursor:pointer;padding:.5rem}.block-status-text{margin-left:auto;font-size:.9em;color:#777;font-style:italic}.messages-area{flex-grow:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:70%;padding:8px 12px;border-radius:18px;word-wrap:break-word;position:relative}.message-bubble.sent{background-color:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.message-bubble.received{background-color:#e9e9eb;color:#333;align-self:flex-start;border-bottom-left-radius:4px}.message-sender-name{font-size:.8em;font-weight:700;display:block;margin-bottom:3px;color:#777}.message-bubble.sent .message-sender-name{text-align:right}.message-content{margin:0;font-size:.95em;line-height:1.4}.message-timestamp{font-size:.75em;color:#999;display:block;margin-top:4px;text-align:right}.message-bubble.sent .message-timestamp{color:#ffffffb3}.message-bubble.received .message-timestamp{color:#777}.message-input-form{display:flex;padding:10px 15px;border-top:1px solid #e0e0e0;background-color:#f9f9f9}.message-input-form input[type=text]{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:20px;margin-right:10px;font-size:.95em}.message-input-form button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.95em;transition:background-color .2s}.message-input-form button:hover:not(:disabled){background-color:#0056b3}.message-input-form button:disabled{background-color:#a0cfff;cursor:not-allowed}@media (max-width: 768px){.chat-window-header{padding:10px}.chat-window-header h2{font-size:1rem}.block-user-button,.unblock-user-button{font-size:1.2rem;padding:.3rem}.message-input-form{padding:10px}}.post-card{background-color:transparent;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;margin-bottom:20px}.post-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.post-card-header{display:flex;align-items:center;justify-content:space-between;padding:15px}.post-card-profile-link{display:flex;align-items:center;text-decoration:none;color:inherit}.post-card-profile-info{display:flex;flex-direction:column;margin-left:10px}.post-card-profile-name{font-weight:600}.post-card-profile-handle{color:#555;font-size:.9em}.post-card-date{font-size:.8em;color:#777}.post-card-image-link{display:block;width:100%;overflow:hidden;background-color:#f0f0f0}.post-card-image{width:100%;height:auto;object-fit:contain;display:block;transition:filter .3s ease-in-out}.post-card-image.blurred{filter:blur(20px);cursor:pointer}.image-error-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#6c757d;font-size:.9em}.post-card-content{padding:15px;display:flex;flex-direction:column;flex-grow:1}.post-card-title{font-size:1.15em;margin-top:0;margin-bottom:8px;color:#333;font-weight:600}.post-card-title span{cursor:pointer;text-decoration:underline}.post-card-tags{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px}.post-card-tags .tag-link{font-size:.75em;padding:3px 8px;background-color:#e9ecef;color:#495057;border-radius:4px;text-decoration:none;transition:background-color .2s}.post-card-tags .tag-link:hover{background-color:#ced4da;color:#343a40}.show-more-btn{background:none;border:none;color:var(--primary-color-start);cursor:pointer;font-weight:700;margin-left:5px;padding:0}.dark .post-card{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark .post-card:hover{box-shadow:0 5px 15px #0000004d}.dark .post-card-profile-handle{color:#aaa}.dark .post-card-date{color:#888}.dark .post-card-image-link{background-color:#2a2a2a}.dark .image-error-placeholder{background-color:#2a2a2a;color:#888}.dark .post-card-title{color:var(--text-color)}.dark .post-card-tags .tag-link{background-color:#3a3a3a;color:#f5f5f5}.dark .post-card-tags .tag-link:hover{background-color:#4a4a4a}.dark .show-more-btn{color:var(--primary-color-start)}.dark .post-card-footer{background-color:var(--card-bg)!important;border-top:1px solid var(--border-color)!important}.dark .post-card-footer .post-action button{color:var(--text-color)}.dark .post-card-footer .post-action button:hover{background-color:#2a2a2a}.posts-by-tag-page-container{max-width:1200px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.posts-by-tag-page-container h1{text-align:center;margin-bottom:30px;color:#333;font-size:2em}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:30px}.post-card-placeholder{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fff;box-shadow:0 4px 8px #00000012;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.post-card-placeholder:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.post-card-placeholder h3{margin-top:0;margin-bottom:10px;font-size:1.25em;color:#2c3e50}.post-card-placeholder img{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:10px;background-color:#f0f0f0}.post-card-placeholder p{font-size:.9em;color:#555;margin-bottom:15px;line-height:1.5;flex-grow:1}.view-post-link{display:inline-block;padding:8px 15px;background-color:#007bff;color:#fff!important;text-decoration:none;border-radius:4px;font-size:.9em;text-align:center;transition:background-color .2s;margin-top:auto}.view-post-link:hover{background-color:#0056b3;text-decoration:none}.post-card-placeholder small{display:block;margin-top:10px;color:#777;font-size:.8em}.load-more-button{display:block;margin:30px auto;padding:12px 25px;background:var(--primary-gradient);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:opacity .2s}.load-more-button:hover:not(:disabled){opacity:.9}.load-more-button:disabled{background:#ccc;cursor:not-allowed}.loading,.error-message{text-align:center;padding:20px;font-size:1.1em;color:#555}.page-container{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.feed-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--background-primary);z-index:10}.feed-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.scrollable-content{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;background-color:var(--background-secondary);flex-grow:1}.feed-posts-list{display:flex;flex-direction:column;gap:1rem;max-width:850px;margin:0 auto;width:100%}.feed-empty-message{display:flex;justify-content:center;align-items:center;height:50vh;text-align:center}.feed-empty-message p{font-size:1.1rem;color:var(--text-secondary)}.scrollable-content::-webkit-scrollbar{width:5px}.scrollable-content::-webkit-scrollbar-track{background:transparent}.scrollable-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width: 768px){.feed-header h1{font-size:1.2rem}.scrollable-content{padding:.5rem}}