:root{--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020420;--primary-50:#effdf5;--primary-100:#d9fbe8;--primary-200:#b3f5d1;--primary-300:#75edae;--primary-400:#00dc82;--primary-500:#00c16a;--primary-600:#00a155;--primary-700:#007f45;--primary-800:#016538;--primary-900:#0a5331;--primary-950:#052e16;--bg-default:var(--neutral-950);--bg-elevated:var(--neutral-900);--bg-card:var(--neutral-900);--bg-muted:var(--neutral-800);--bg-hover:var(--neutral-800);--bg-inverted:var(--neutral-50);--text-highlighted:var(--neutral-50);--text-default:var(--neutral-200);--text-muted:var(--neutral-400);--text-dimmed:var(--neutral-500);--text-inverted:var(--neutral-950);--ring-default:var(--neutral-700);--ring-accented:var(--neutral-600);--border-default:var(--neutral-800);--border-accented:var(--neutral-700);--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-soft:#00dc821a;--color-primary-muted:#00dc8226;--color-success:#00b894;--color-error:#ef4444;--color-error-soft:#ef44441a;--color-warning:#f59e0b;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020420;background:var(--bg-default);color:#e2e8f0;color:var(--text-default);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);min-height:100vh}a{color:#00dc82;color:var(--color-primary);text-decoration:none}a:hover{color:#75edae;color:var(--color-primary-hover)}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}.container{margin:0 auto;max-width:900px;padding:20px}.btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:color .15s,background-color .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn-primary{background:#00dc82;background:var(--color-primary);color:#020420;color:var(--text-inverted)}.btn-primary:hover{background:#75edae;background:var(--color-primary-hover)}.btn-secondary{background:#1e293b;background:var(--bg-muted);box-shadow:inset 0 0 0 1px #334155;box-shadow:inset 0 0 0 1px var(--ring-default);color:#e2e8f0;color:var(--text-default)}.btn-secondary:hover{background:#1e293b;background:var(--bg-hover)}.btn-danger{background:#ef4444;background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.85}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-muted)}.btn-ghost:hover{background:#1e293b;background:var(--bg-hover);color:#f8fafc;color:var(--text-highlighted)}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;gap:4px;padding:6px 10px}.btn:disabled{cursor:not-allowed;opacity:.5}.input{background:#020420;background:var(--bg-default);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #475569;box-shadow:inset 0 0 0 1px var(--ring-accented);color:#f8fafc;color:var(--text-highlighted);font-size:14px;padding:8px 12px;transition:box-shadow .15s;width:100%}.input:focus{box-shadow:inset 0 0 0 2px #00dc82;box-shadow:inset 0 0 0 2px var(--color-primary)}.input::placeholder{color:#64748b;color:var(--text-dimmed)}textarea.input{min-height:80px;resize:vertical}.card{background:#020420;background:var(--bg-default);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);margin-bottom:12px;padding:20px;transition:box-shadow .2s}.card:hover{box-shadow:inset 0 0 0 1px #334155;box-shadow:inset 0 0 0 1px var(--border-accented)}.badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.badge-accent{background:#00dc821a;background:var(--color-primary-soft);color:#00dc82;color:var(--color-primary)}.badge-success{background:#00b8941a;color:#00b894;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-secondary{color:#94a3b8;color:var(--text-muted)}.text-sm{font-size:13px}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a;background:var(--bg-elevated);background:#0f172ad9;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border-default);padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header .logo{color:#f8fafc;color:var(--text-highlighted);font-size:16px;font-weight:700;letter-spacing:-.3px}.nav-links{display:flex;gap:2px}.nav-links a,.nav-links button{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);font-size:14px;font-weight:500;padding:10px 14px;position:relative;transition:color .15s,background-color .15s}.nav-links a:hover,.nav-links button:hover{background:#1e293b;background:var(--bg-hover);color:#f8fafc;color:var(--text-highlighted)}.nav-links a.active{color:#00dc82;color:var(--color-primary)}.nav-links a.active:after{background:#00dc82;background:var(--color-primary);border-radius:9999px;bottom:-1px;content:"";height:2px;left:14px;position:absolute;right:14px}.auth-page{align-items:center;background:#020420;background:var(--bg-default);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b,0 4px 6px -1px #0006,0 2px 4px -2px #0006;box-shadow:inset 0 0 0 1px var(--border-default),var(--shadow-md);max-width:400px;padding:40px;width:100%}.auth-card h1{color:#f8fafc;color:var(--text-highlighted);font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.auth-card .subtitle{color:#94a3b8;color:var(--text-muted);font-size:14px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:#94a3b8;color:var(--text-muted);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.error-msg{background:#ef44441a;background:var(--color-error-soft);border:1px solid #ef444440;border-radius:8px;border-radius:var(--radius-md);color:#ef4444;color:var(--color-error);font-size:13px;margin-bottom:16px;padding:10px 14px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);padding:20px;text-align:center}.stat-card .stat-value{color:#00dc82;color:var(--color-primary);font-size:28px;font-weight:800;letter-spacing:-.5px}.stat-card .stat-label{color:#64748b;color:var(--text-dimmed);font-size:12px;font-weight:500;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.audio-player{align-items:center;background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);display:flex;gap:16px;margin:12px 0;padding:16px}.track-cover{height:56px;width:56px}.project-cover,.track-cover{border-radius:8px;border-radius:var(--radius-md);flex-shrink:0;object-fit:cover}.project-cover{height:48px;width:48px}.progress-bar{background:#1e293b;background:var(--bg-muted);border-radius:2px;cursor:pointer;height:4px;margin:12px 0;position:relative;transition:height .1s;width:100%}.progress-bar:hover{height:6px}.progress-bar .progress{background:#00dc82;background:var(--color-primary);border-radius:2px;height:100%;transition:width .1s linear}.player-controls{flex:1 1;gap:12px;min-width:0}.play-btn,.player-controls{align-items:center;display:flex}.play-btn{background:#00dc82;background:var(--color-primary);border-radius:50%;color:#020420;color:var(--text-inverted);flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:background-color .15s,transform .1s;width:36px}.play-btn:hover{background:#75edae;background:var(--color-primary-hover);transform:scale(1.05)}.time-display{font-feature-settings:"tnum";color:#64748b;color:var(--text-dimmed);font-size:12px;font-variant-numeric:tabular-nums;min-width:85px;text-align:right}.video-player{background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);margin:12px 0;padding:16px}.video-element{background:#000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:block;margin-bottom:12px;max-height:400px;width:100%}.track-card{background:#020420;background:var(--bg-default);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);margin-bottom:12px;padding:20px;transition:box-shadow .2s}.track-card.voted{box-shadow:inset 0 0 0 2px #00dc82;box-shadow:inset 0 0 0 2px var(--color-primary)}.track-card .track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.track-card .version-label{color:#f8fafc;color:var(--text-highlighted);font-size:18px;font-weight:700}.vote-btn{border-radius:9999px;font-size:13px;font-weight:600;padding:6px 16px;transition:all .15s}.vote-btn.voted{background:#00dc82;background:var(--color-primary);color:#020420;color:var(--text-inverted)}.vote-btn.not-voted{background:#0000;box-shadow:inset 0 0 0 1px #334155;box-shadow:inset 0 0 0 1px var(--ring-default);color:#94a3b8;color:var(--text-muted)}.vote-btn.not-voted:hover{background:#00dc821a;background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px #00dc82;box-shadow:inset 0 0 0 1px var(--color-primary);color:#00dc82;color:var(--color-primary)}.vote-count{color:#64748b;color:var(--text-dimmed);font-size:13px}.feedback-list{margin-top:16px}.feedback-item{background:#0f172a;background:var(--bg-elevated);border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #1e293b;box-shadow:inset 0 0 0 1px var(--border-default);margin-bottom:8px;padding:14px}.feedback-item .feedback-header{display:flex;justify-content:space-between;margin-bottom:6px}.feedback-item .feedback-author{color:#f8fafc;color:var(--text-highlighted);font-size:13px;font-weight:600}.feedback-item .feedback-time{color:#64748b;color:var(--text-dimmed);font-size:11px}.feedback-item .feedback-timestamp{background:#00dc821a;background:var(--color-primary-soft);border-radius:6px;border-radius:var(--radius-sm);color:#00dc82;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:11px;font-weight:600;margin-right:8px;padding:2px 8px}.feedback-item .feedback-text{color:#e2e8f0;color:var(--text-default);font-size:14px;line-height:1.6}.tabs{background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:2px;margin-bottom:20px;padding:4px}.tab{background:#0000;border-radius:8px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;text-align:center;transition:color .15s,background-color .15s}.tab:hover{color:#f8fafc;color:var(--text-highlighted)}.tab.active{background:#00dc82;background:var(--color-primary);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-xs);color:#020420;color:var(--text-inverted)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#0f172a;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #1e293b,0 4px 6px -1px #0006,0 2px 4px -2px #0006;box-shadow:inset 0 0 0 1px var(--border-default),var(--shadow-md);max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal h2{color:#f8fafc;color:var(--text-highlighted);margin-bottom:16px}.empty-state{color:#94a3b8;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state h3{color:#f8fafc;color:var(--text-highlighted);font-size:18px;margin-bottom:8px}@media (max-width:600px){.container{padding:12px}.auth-card{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.app-header{padding:0 12px}.nav-links a,.nav-links button{font-size:13px;padding:8px 10px}}
/*# sourceMappingURL=main.98c3a5e6.css.map*/