*{box-sizing:border-box;margin:0;padding:0}audio::-webkit-media-controls-overflow-button{display:none!important}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1f2937;--darker:#111827;--light:#f9fafb;--gray:#6b7280;--gray-light:#e5e7eb;--border:#d1d5db;--bg:#f9fafb;--bg-card:#fff;--bg-navbar:#fff;--text:#1f2937;--text-secondary:#6b7280}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--bg-navbar:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--dark:#f1f5f9;--darker:#e2e8f0;--light:#0f172a;--gray:#94a3b8;--gray-light:#334155;--border:#475569}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--bg);color:#1f2937;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s,color .3s}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:#fff;background:var(--bg-navbar);box-shadow:0 2px 4px #0000001a;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s;z-index:100}.navbar-content{align-items:center;display:flex;justify-content:space-between}.navbar-brand{color:#6366f1;color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu{align-items:center;display:flex;gap:2rem;list-style:none}.navbar-menu a{border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary);font-weight:500;padding:.25rem 0;text-decoration:none;transition:color .3s}.navbar-menu a.nav-active,.navbar-menu a:hover{color:#6366f1;color:var(--primary)}.navbar-menu a.nav-active{border-bottom:2px solid #6366f1;border-bottom:2px solid var(--primary)}.user-info{align-items:center;display:flex;gap:1rem}.xp-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn,.xp-badge{font-weight:600}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s}.btn-primary{background:#6366f1;background:var(--primary);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.btn-secondary{background:#e5e7eb;background:var(--gray-light);color:#1f2937;color:var(--text)}.btn-secondary:hover{background:#d1d5db;background:var(--border)}.theme-toggle{align-items:center;background:#e5e7eb;background:var(--gray-light);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:background .3s;width:36px}.theme-toggle:hover{background:#d1d5db;background:var(--border)}.navbar-avatar-wrap{flex-shrink:0;position:relative}.navbar-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;width:40px}.navbar-avatar:hover{box-shadow:0 0 0 3px #6366f133}.navbar-avatar-active,.navbar-avatar:hover{border-color:#6366f1;border-color:var(--primary)}.navbar-avatar-active{box-shadow:0 0 0 3px #6366f140}.navbar-avatar-camera{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:50%;bottom:-4px;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;font-size:.65rem;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:-4px;transition:opacity .2s;width:20px}.navbar-avatar-wrap:hover .navbar-avatar-camera{opacity:1}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.card{background:#fff;background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:background .3s}.card-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-light);margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#1f2937;color:var(--dark);font-size:1.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-label{color:#1f2937;color:var(--dark);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-card);border:2px solid #d1d5db;border:2px solid var(--border);border-radius:8px;color:#1f2937;color:var(--text);font-size:1rem;padding:.75rem;transition:border-color .3s,background .3s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.form-error{color:#ef4444;color:var(--danger);font-size:.9rem;margin-top:.5rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.progress-bar{background:#e5e7eb;background:var(--gray-light);border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;display:flex;height:100%;justify-content:center;transition:width .5s ease}.badge,.progress-fill{border-radius:12px;font-size:.85rem;font-weight:600}.badge{display:inline-block;padding:.25rem .75rem}.badge-free{background:#e5e7eb;background:var(--gray-light);color:#6b7280;color:var(--gray)}.badge-pro{background:#dbeafe;color:#1e40af}.badge-enterprise{background:#fef3c7;color:#92400e}.badge-producer{background:#ddd6fe;color:#5b21b6}.badge-artist{background:#fce7f3;color:#9f1239}.badge-brand{background:#d1fae5;color:#065f46}.user-card{background:#fff;background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s,background .3s}.user-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:80px;margin-bottom:1rem;width:80px}.loading,.user-avatar{align-items:center;display:flex;justify-content:center}.loading{color:#6b7280;color:var(--gray);font-size:1.2rem;padding:3rem}.alert{border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.alert-error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.alert-info{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.feed-container{margin:0 auto;max-width:420px;position:relative}.feed-card{background:#fff;background:var(--bg-card);border-radius:16px;box-shadow:0 4px 20px #0000001f;overflow:hidden;transition:box-shadow .3s;-webkit-user-select:none;user-select:none;width:100%}.feed-card-active{position:relative;transition:none;z-index:2}.feed-card-active.swipe-left{animation:swipeLeft .3s forwards}.feed-card-active.swipe-right{animation:swipeRight .3s forwards}.feed-card-next{left:0;opacity:.7;position:absolute;right:0;top:0;transform:scale(.95) translateY(10px);z-index:1}@keyframes swipeLeft{to{opacity:0;transform:translateX(-150%) rotate(-20deg)}}@keyframes swipeRight{to{opacity:0;transform:translateX(150%) rotate(20deg)}}.feed-swipe-indicator{border-radius:8px;font-size:1.5rem;font-weight:800;padding:.5rem 1.5rem;pointer-events:none;position:absolute;top:20px;transition:opacity .1s;z-index:3}.feed-swipe-skip{border:3px solid #ef4444;border:3px solid var(--danger);color:#ef4444;color:var(--danger);right:20px}.feed-swipe-review{border:3px solid #10b981;border:3px solid var(--success);color:#10b981;color:var(--success);left:20px}.feed-card-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:1.5rem 1.5rem 1rem}.feed-card-genre{font-size:.85rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.feed-card-title{font-size:1.6rem;margin:0}.feed-card-meta{display:flex;font-size:.9rem;gap:1rem;margin-top:.75rem;opacity:.9}.feed-card-body{padding:1.25rem 1.5rem}.feed-card-description{color:#1f2937;color:var(--dark);line-height:1.5;margin:0 0 1rem}.feed-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feed-tag{background:#e5e7eb;background:var(--gray-light);border-radius:12px;color:#6b7280;color:var(--gray);font-size:.8rem;padding:.25rem .75rem}.feed-playback{align-items:center;background:#f9fafb;background:var(--light);border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.feed-playback-icon{color:#6366f1;color:var(--primary);cursor:pointer;font-size:1.2rem}.feed-playback-bar{background:#e5e7eb;background:var(--gray-light);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.feed-playback-progress{background:#6366f1;background:var(--primary);border-radius:2px;height:100%;width:0}.feed-playback-time{color:#6b7280;color:var(--gray);font-size:.85rem}.feed-card-producer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-light);display:flex;gap:.75rem;padding:1rem 1.5rem}.feed-producer-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.feed-actions{gap:3rem;margin-top:1.5rem;padding:1rem 0}.feed-action-btn,.feed-actions{display:flex;justify-content:center}.feed-action-btn{align-items:center;background:#fff;background:var(--bg-card);border:3px solid;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1.5rem;height:64px;transition:all .2s;width:64px}.feed-action-skip{border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.feed-action-skip:hover{background:#ef4444;background:var(--danger);color:#fff;transform:scale(1.1)}.feed-action-review{border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.feed-action-review:hover{background:#10b981;background:var(--success);color:#fff;transform:scale(1.1)}.feed-empty{padding:4rem 2rem;text-align:center}.feed-empty-icon{font-size:4rem;margin-bottom:1rem}.feed-empty h2{margin-bottom:.5rem}.feed-empty p,.track-menu-btn{color:#6b7280;color:var(--gray)}.track-menu-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;padding:.25rem .5rem;transition:background .15s}.track-menu-btn:hover{background:#e5e7eb;background:var(--gray-light);color:#1f2937;color:var(--text)}.track-menu-dropdown{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:170px;overflow:hidden;position:absolute;right:0;top:2.5rem;z-index:100}.track-menu-item{background:none;border:none;color:#1f2937;color:var(--text);cursor:pointer;display:block;font-size:.9rem;padding:.65rem 1rem;text-align:left;transition:background .15s;width:100%}.track-menu-item:hover{background:#e5e7eb;background:var(--gray-light)}.track-menu-item-danger{color:#ef4444;color:var(--danger)}.track-menu-item-danger:hover{background:#fee2e2}@media (max-width:768px){.navbar-menu{gap:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.user-info{flex-direction:column;gap:.5rem}}.feed-list-container .card{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border);border-radius:0}.feed-list-container .card:first-child{border-radius:8px 8px 0 0}.feed-list-container .card:last-child{border-bottom:none;border-radius:0 0 8px 8px}.messages-container{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:8px;display:flex;height:calc(100vh - 160px);overflow:hidden}.messages-sidebar{border-right:1px solid #d1d5db;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;width:300px}.messages-conv-item{align-items:center;border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.messages-conv-item.active,.messages-conv-item:hover{background:#f9fafb;background:var(--light)}.messages-chat-area{min-width:0}.messages-chat-area,.messages-thread{display:flex;flex:1 1;flex-direction:column}.messages-thread{gap:.5rem;overflow-y:auto;padding:1rem}.message-bubble{border-radius:12px;font-size:.9rem;line-height:1.4;max-width:70%;padding:.6rem .9rem}.message-bubble.sent{align-self:flex-end;background:#6366f1;background:var(--primary);color:#fff}.message-bubble.received{align-self:flex-start;background:#f9fafb;background:var(--light);color:#1f2937;color:var(--text)}.messages-input-bar{border-top:1px solid #d1d5db;border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem 1rem}.messages-input-bar input{flex:1 1}@media (max-width:640px){.messages-sidebar{width:80px}.messages-conv-item div>div,.messages-conv-item p,.messages-conv-item span{display:none}}
/*# sourceMappingURL=main.4d84b198.css.map*/