*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-content{padding-top:var(--navbar-height);padding-bottom:var(--footer-height);min-height:calc(100vh - var(--navbar-height) - var(--footer-height));background-color:var(--background-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:1rem}.notifications-list{width:100%;max-width:600px;margin:0 auto}.notification-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;padding:.75rem 1rem;margin-bottom:.75rem}.notification-text{flex:1;font-size:.95rem}.notification-date{margin-left:1rem;font-size:.85rem;color:var(--muted-text)}.notification-item.message-group .notification-text{font-weight:700}.explore-container,.dashboard-container,.profile-container,.creators-container,.chats-container,.main-content,.notifications-container{margin-top:var(--page-margin-top)}.dashboard-container{margin-top:calc(var(--page-margin-top) + 16px)}.home-page,.login-page,.register-page{margin-top:0!important}@media (max-width: 565px){.notification-item{flex-direction:column;align-items:flex-start}.notification-date{align-self:flex-end;margin-top:.5rem;margin-left:0}.notifications-list{padding:0 1rem}.explore-container,.dashboard-container,.profile-container,.creators-container,.chats-container,.main-content,.notifications-container{margin-top:18px}.dashboard-container{margin-top:28px}}body{font-family:Helvetica Neue,Arial,sans-serif;color:var(--text-color);line-height:1.5}body.login-page,body.register-page,body.home-page,.login-container,.register-container,.home-container,#root.login-page,#root.register-page,#root.home-page{background:transparent!important}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}:root{--primary-color: #e53935;--accent-color: #c62828;--background-color: #f9f9f9;--card-bg: #ffffff;--text-color: #333333;--muted-text: #777777;--border-color: #e0e0e0;--navbar-height: 60px;--footer-height: 60px;--page-margin-top: 36px}.app-content{background-color:var(--background-color)}.login-container,.register-container,.home-container,body.login-page,body.register-page,body.home-page{background:transparent!important}.waves-bg{position:fixed;left:0;bottom:0;width:100vw;height:50vh;min-height:250px;z-index:0;pointer-events:none;overflow:hidden;background:transparent}.wave{position:absolute;left:0;bottom:0;width:100vw;height:50vh;min-height:250px;max-height:none;pointer-events:none;z-index:0}.wave1{z-index:1}.wave2{z-index:2}.wave-fallback{position:absolute;left:0;bottom:0;width:100vw;height:10vh;background:#ff7043;z-index:0}.login-container,.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:transparent!important;position:relative;z-index:3}.form-card{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 16px #e539351c;width:100%;max-width:370px;box-sizing:border-box;text-align:center;position:relative}.form-card h2{margin-bottom:1rem;color:#333}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background:#fafbfc;transition:border-color .2s}.form-group input:focus{border-color:#e53935;outline:none}button[type=submit]{width:100%;padding:.8rem;background-color:#e53935;color:#fff;border:none;border-radius:.5rem;font-size:1.08rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background .2s,transform .18s;margin-top:.5rem}button[type=submit]:hover{background-color:#c62828;transform:translateY(-2px) scale(1.04)}.error{margin-bottom:1rem;color:#b71c1c;font-weight:500}.success{margin-bottom:1rem;color:#27ae60;font-weight:500}.redirect{margin-top:1rem;font-size:.97rem}@media (max-width: 500px){.form-card{padding:2rem 1rem;max-width:97vw}}.dashboard-container{padding-bottom:0;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.dashboard-footer-spacing,.footer-spacing{height:50px}.after-legal-spacer.for-waves{height:clamp(250px,18vh,340px);width:100%}@media (max-width: 700px){.after-legal-spacer.for-waves{height:clamp(140px,24vh,300px)}}.after-legal-spacer.for-waves{height:180px}@media (max-width: 600px){.after-legal-spacer.for-waves{height:140px}}.main-content,.dashboard-container,.explorar-container,.profile-container{margin-top:85px;padding:24px 2vw 0;width:100%;box-sizing:border-box;padding-bottom:calc(var(--footer-height) + env(safe-area-inset-bottom) + 16px)}:root{--primary-color: #e53935;--accent-color: #c62828;--white: #ffffff;--navbar-height: 60px;--footer-height: 56px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--primary-color);display:flex;align-items:center;gap:16px;padding:0 16px;box-sizing:border-box;z-index:3000;box-shadow:0 2px 10px #0000001a}.navbar-brand,.flameo-navbar-logo{flex:0 0 auto;font-family:Great Vibes,Pacifico,Playball,cursive,sans-serif!important;font-size:2.35rem;line-height:1;font-weight:700;color:#fff;letter-spacing:1.5px;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-right:10px}.navbar-brand:hover,.flameo-navbar-logo:hover{color:#fff;text-decoration:none}.navbar-searchbox{flex:1 1 320px;max-width:430px;min-width:210px;height:42px;display:flex;align-items:center;background:#fff;border-radius:999px;border:1.5px solid rgba(255,255,255,.65);box-shadow:0 2px 8px #0000001a;overflow:hidden}.navbar-search-input{width:100%;min-width:0;height:100%;border:none!important;outline:none!important;box-shadow:none!important;background:transparent;color:#222;font-size:1.05rem;padding:0 18px;box-sizing:border-box}.navbar-search-input::placeholder{color:#aaa}.nav-list{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.nav-list a,.credits,.logout-btn{color:var(--white);text-decoration:none;font-weight:650}.nav-list a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;font-size:.98rem;line-height:1;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.nav-list a:hover{background:#ffffff29}.nav-list a.active{background:#fff;color:var(--primary-color)!important;font-weight:800;box-shadow:0 2px 9px #00000024}.navbar-badge{background:var(--accent-color);color:var(--white);border-radius:999px;padding:2px 6px;font-size:.72rem;margin-left:5px;line-height:1}.nav-list a.active .navbar-badge{background:var(--primary-color);color:#fff}.logout-btn{background:none;border:none;cursor:pointer}.main-content,.dashboard-container,.explorar-container,.profile-container{margin-top:85px;padding:24px 2vw 0;width:100%;box-sizing:border-box}@media (max-width: 768px){.navbar{height:70px;padding:10px 12px;gap:10px}.navbar-brand,.flameo-navbar-logo{font-size:2rem!important;margin:0!important;max-width:118px;overflow:hidden;white-space:nowrap}.navbar-searchbox{display:flex!important;flex:1 1 auto;min-width:0;max-width:none;width:auto;height:42px}.navbar-search-input{font-size:.98rem;padding:0 14px;text-align:center}.nav-list{display:none!important}.main-content,.dashboard-container,.explorar-container,.profile-container,.chats-page{margin-top:82px!important}}@media (max-width: 390px){.navbar{height:66px;padding:9px 10px;gap:8px}.navbar-brand,.flameo-navbar-logo{font-size:1.75rem!important;max-width:94px}.navbar-searchbox{height:38px}.navbar-search-input{font-size:.88rem;padding:0 10px}.main-content,.dashboard-container,.explorar-container,.profile-container,.chats-page{margin-top:78px!important}}:root{--primary-color: #e53935;--accent-color: #c62828;--white: #ffffff;--footer-height: 64px}.footer-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--footer-height) + env(safe-area-inset-bottom));padding:7px 10px calc(7px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--primary-color);display:flex;align-items:center;justify-content:space-around;gap:6px;z-index:3500;box-shadow:0 -4px 18px #00000021;border-top:1px solid rgba(255,255,255,.2)}.footer-nav .footer-icon{position:relative;width:48px;height:48px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;border-radius:18px;background:transparent;color:var(--white);text-decoration:none;font-size:1.55rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}.footer-nav .footer-icon:hover{background:#ffffff24}.footer-nav .footer-icon:active{transform:scale(.96)}.footer-nav .footer-icon.active{background:#fff;color:var(--primary-color);box-shadow:0 4px 14px #0000002e,0 0 0 1px #fffc}.footer-nav .footer-icon.active svg{color:var(--primary-color)}.footer-badge,.footer-nav .badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;border-radius:999px;border:2px solid var(--primary-color);font-size:.68rem;line-height:1;font-weight:800}.footer-nav .footer-icon.active .footer-badge,.footer-nav .footer-icon.active .badge{background:var(--primary-color);color:#fff;border-color:#fff}.footer-guest-search{display:flex;align-items:center;justify-content:center;gap:5px;min-width:138px;max-width:170px;flex:1 1 auto}.footer-search-input{width:100%;min-width:0;height:34px;border:none;outline:none;border-radius:999px;background:#fff;color:#222;font-size:13px;padding:0 10px;box-sizing:border-box;box-shadow:inset 0 0 0 1px #00000014}.footer-search-input::placeholder{color:#999}.footer-search-btn{width:38px!important;min-width:38px!important;height:38px!important;border-radius:14px!important;font-size:1.2rem!important}@media (min-width: 769px){.footer-nav{display:none!important}}@media (max-width: 420px){.footer-nav{gap:4px;padding-left:7px;padding-right:7px}.footer-nav .footer-icon{width:44px;height:44px;min-width:40px;border-radius:16px;font-size:1.42rem}.footer-guest-search{min-width:118px;max-width:145px}.footer-search-input{height:32px;font-size:12px;padding:0 9px}.footer-search-btn{width:36px!important;min-width:36px!important;height:36px!important}}@media (max-width: 360px){.footer-nav{gap:3px}.footer-nav .footer-icon{width:40px;height:40px;min-width:38px;border-radius:14px;font-size:1.3rem}.footer-guest-search{min-width:106px;max-width:128px}.footer-search-input{width:92px}}.animated-waves-bg{position:fixed;left:0;bottom:0;width:100vw;height:55vh;z-index:1;pointer-events:none}:root{--flameo-green: #16a34a;--flameo-green-2: #22c55e;--flameo-green-soft: #dcfce7;--ink: #0f172a;--muted: #64748b;--card: #ffffff;--bg: #f8fafc;--border: rgba(2, 6, 23, .1)}.uploader-toast{position:fixed;right:14px;bottom:14px;width:min(440px,calc(100vw - 28px));background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #0206172e;z-index:2000;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.uploader-header{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#16a34a29,#22c55e1a);border-bottom:1px solid rgba(22,163,74,.18);color:var(--ink)}.uploader-toggle{width:36px;height:36px;border-radius:12px;border:1px solid rgba(22,163,74,.25);background:#ffffffbf;color:var(--ink);cursor:pointer;font-weight:900;box-shadow:0 6px 16px #0206171a;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.uploader-toggle:hover{transform:translateY(-1px);border-color:#16a34a73;box-shadow:0 10px 22px #02061724}.uploader-title{flex:1;font-weight:900;font-size:14px;line-height:1.1;letter-spacing:.2px}.uploader-sub{display:inline-block;margin-left:6px;font-weight:700;color:#0f172ab8;font-size:12.5px}.uploader-actions{display:flex;gap:8px}.uploader-btn{padding:9px 12px;border-radius:12px;border:1px solid rgba(22,163,74,.22);background:#ffffffc7;color:var(--ink);cursor:pointer;font-weight:900;font-size:12px;box-shadow:0 6px 16px #0206171a;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.uploader-btn:hover{transform:translateY(-1px);border-color:#16a34a6b;box-shadow:0 10px 24px #02061724}.uploader-btn.ghost{background:transparent;box-shadow:none;border-color:#0206171f}.uploader-btn.ghost:hover{background:#0206170a}.uploader-btn.danger{border-color:#dc262640;background:#dc262614;color:#991b1b}.uploader-btn.danger:hover{background:#dc26261f;border-color:#dc262659}.uploader-body{max-height:300px;overflow:auto;padding:12px;background:linear-gradient(180deg,#ffffff,var(--bg))}.uploader-item{display:flex;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(2,6,23,.08);background:#fff;margin-bottom:12px;box-shadow:0 10px 28px #02061714}.uploader-left{flex:0 0 auto}.uploader-thumb{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#e5e7eb;border:1px solid rgba(2,6,23,.1)}.uploader-thumb.placeholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.uploader-mid{flex:1 1 auto;min-width:0}.uploader-item-title{font-weight:950;font-size:13.5px;color:var(--ink);margin-bottom:2px}.uploader-filename{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.uploader-bar{width:100%;height:9px;border-radius:999px;background:#02061714;overflow:hidden}.uploader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--flameo-green),var(--flameo-green-2));transition:width .2s ease}.uploader-meta{margin-top:7px;font-size:12.5px;color:#0f172acc}.uploader-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:center}.uploader-item.success{background:linear-gradient(180deg,#16a34a1a,#fff 60%);border-color:#16a34a38}.uploader-item.success .uploader-bar-fill{background:linear-gradient(90deg,var(--flameo-green),var(--flameo-green-2))}.uploader-item.error{background:linear-gradient(180deg,#dc262614,#fff 60%);border-color:#dc26262e}.uploader-item.error .uploader-bar-fill{background:#dc2626}.uploader-item.canceled{background:linear-gradient(180deg,#64748b14,#fff 60%);border-color:#64748b2e}.uploader-item.canceled .uploader-bar-fill{background:#64748b}@media (max-width: 420px){.uploader-toast{right:10px;bottom:10px}.uploader-thumb{width:42px;height:42px;border-radius:12px}}