:root{--primary-color:#1e5353;--primary-light:#2d7373;--primary-dark:#15403f;--accent-color:#3a9999;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--text-color:#333;--text-light:#666;--bg-color:#fff;--bg-light:#f8f9fa;--border-color:#ddd;--shadow:0 2px 8px rgba(30,83,83,0.1);--shadow-lg:0 4px 16px rgba(30,83,83,0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-light);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background:var(--primary-color);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo a{text-decoration:none;color:white;display:block;transition:opacity 0.2s}.logo a:hover{opacity:0.85}.logo img{display:block;height:80px;width:auto}.main-nav ul{display:flex;list-style:none;gap:1.5rem}.main-nav a{text-decoration:none;color:white;font-weight:500;transition:color 0.2s}.main-nav a:hover{color:var(--accent-color)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;position:relative;z-index:1001}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:white;margin:5px 0;transition:0.3s;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.btn{display:inline-block;padding:0.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary-color);color:white}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.account-avatar-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.account-avatar-row .avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-light)}.account-avatar-row .avatar-initials{width:64px;height:64px;border-radius:50%;background:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.analytic-card{background:white;padding:1rem;border-radius:8px;box-shadow:var(--shadow);text-align:center}.analytic-label{font-size:0.9rem;color:var(--text-light)}.analytic-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.analytic-sublabel{font-size:0.85rem;color:var(--text-light);margin-top:0.25rem}.analytics-section{margin-top:2rem}.analytics-list{display:flex;flex-direction:column;gap:0.75rem}.analytics-list-item{display:flex;align-items:center;gap:1rem;padding:0.75rem;background:white;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.analytics-rank{font-weight:700;color:var(--primary-color);min-width:25px}.analytics-label{flex:1;color:var(--text-color)}.analytics-count{font-weight:600;color:var(--text-light);font-size:0.9rem}.analytics-chart{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.demo-analytics-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.demo-analytics-card{background:white;padding:1rem;border-radius:8px;box-shadow:var(--shadow)}.btn-full{width:100%}.btn-large{padding:0.75rem 1.5rem;font-size:1.125rem}.btn-small{padding:0.375rem 0.75rem;font-size:0.875rem}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:white;padding:5rem 0;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:0.3;pointer-events:none}.hero h1{font-size:3rem;margin-bottom:1.5rem;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.hero-subtitle{font-size:1.25rem;max-width:800px;margin:0 auto 3rem;line-height:1.8;position:relative;z-index:1;opacity:0.95}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0;position:relative;z-index:1;align-items:stretch}.stat{display:flex;flex-direction:column;padding:1.5rem 2rem;background:rgba(255,255,255,0.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:transform 0.2s;height:100%}.stat:hover{transform:translateY(-4px);background:rgba(255,255,255,0.15)}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:0.25rem}.stat-label{font-size:0.95rem;opacity:0.9;text-transform:uppercase;letter-spacing:0.5px;font-weight:500}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-top:3rem;position:relative;z-index:1}.hero-cta .btn{box-shadow:0 4px 12px rgba(0,0,0,0.2)}.hero-cta .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.3)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.artist-card{background:white;border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);text-align:center}.artist-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1rem}.artist-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar{width:96px;height:96px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-right:1.5rem}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.tag-pill,.tag-item{display:inline-block;padding:0.25rem 0.75rem;background:#e9ecef;border-radius:20px;font-size:0.875rem;margin:0.25rem;text-decoration:none;color:var(--text-color)}.tag-pill:hover{background:#dee2e6}.form-wrapper{max-width:600px;margin:2rem auto;background:white;padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:0.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.form-group select[multiple]{height:auto;padding:0.5rem}.form-group select[multiple] option{padding:0.5rem;border-radius:4px;margin:2px 0}.form-group select[multiple] option:checked{background:var(--primary-color);color:white}.form-group label small{font-weight:400;color:var(--text-light);font-size:0.85rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-result{display:none;margin-top:0.75rem;font-size:0.9rem}.account-profile .form-wrapper{max-width:100%;padding:2rem}.account-demos .form-wrapper{max-width:1200px;padding:2rem}.account-profile .account-profile-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.account-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.account-section-header h2{margin-bottom:0}.account-section-header .text-muted{margin:0}.btn-sm{padding:0.25rem 0.75rem;font-size:0.85rem}.error-message{background:#f8d7da;color:#721c24;padding:0.75rem;border-radius:4px;margin-bottom:1rem}.success-message{background:#d4edda;color:#155724;padding:0.75rem;border-radius:4px;margin-bottom:1rem}.site-footer{background:var(--primary-color);color:white;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section a{color:rgba(255,255,255,0.8)!important;text-decoration:none}.footer-section a:hover{color:white!important}.site-footer a{color:rgba(255,255,255,0.8)!important;text-decoration:none}.site-footer a:hover{color:white!important}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)}body.no-scroll{overflow:hidden}body.modal-open{overflow:hidden;height:100vh;touch-action:none}input,select,textarea{min-height:44px}.popular-tags,.recent-artists,.how-it-works,.for-artists{padding:4rem 0}.popular-tags{background:var(--bg-light)}.recent-artists{background:white}.how-it-works{background:var(--bg-light)}.for-artists{background:white;border-top:3px solid var(--primary-color)}.popular-tags h2,.recent-artists h2,.how-it-works h2,.for-artists h2{text-align:center;font-size:2.25rem;color:var(--primary-color);margin-bottom:3rem;font-weight:700}.for-artists>.container>p{text-align:center;font-size:1.15rem;color:var(--text-light);max-width:700px;margin:-1.5rem auto 3rem;line-height:1.7}.tags-grid{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;max-width:900px;margin:0 auto}.tag-item{background:white;padding:0.75rem 1.25rem;border-radius:25px;font-size:0.95rem;font-weight:500;color:var(--primary-color);border:2px solid var(--primary-light);transition:all 0.2s}.tag-item:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,83,83,0.2)}.tag-count{opacity:0.7;font-size:0.85rem;margin-left:0.25rem}.section-cta{text-align:center;margin-top:3rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto}.step{background:white;padding:2.5rem;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:transform 0.3s,box-shadow 0.3s;border-top:4px solid var(--primary-color)}.step:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.step-number{width:60px;height:60px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 4px 12px rgba(30,83,83,0.3)}.step h3{font-size:1.5rem;color:var(--primary-dark);margin-bottom:1rem;font-weight:600}.step p{color:var(--text-light);line-height:1.7;font-size:1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.benefit{background:var(--bg-light);padding:2rem;border-radius:12px;border-left:4px solid var(--accent-color);transition:all 0.3s}.benefit:hover{background:white;box-shadow:var(--shadow-lg);transform:translateX(4px)}.benefit h3{font-size:1.25rem;color:var(--primary-color);margin-bottom:0.75rem;font-weight:600}.benefit p{color:var(--text-light);line-height:1.7;font-size:0.95rem}.catalog-page{background:var(--bg-light);min-height:60vh;padding:3rem 0}.catalog-header{text-align:center;margin-bottom:3rem}.catalog-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:700}.catalog-header p{font-size:1.15rem;color:var(--text-light)}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.catalog-filters{background:white;padding:2rem;border-radius:12px;box-shadow:var(--shadow);position:sticky;top:100px}.catalog-filters::before,.catalog-filters::after{content:'';position:absolute;left:0;right:0;pointer-events:none;opacity:0;transition:opacity 0.2s ease}.catalog-filters::after{bottom:0;height:48px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1))}.catalog-filters.has-bottom-fade::after{opacity:1}.catalog-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-close-btn{display:none}.catalog-filters-overlay{display:none}.catalog-filters h2{font-size:1.5rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:700}.filter-section{margin-bottom:2rem}.filter-section h3{font-size:1rem;color:var(--primary-dark);margin-bottom:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-size:0.875rem}.search-input{width:100%;padding:0.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:0.95rem;transition:border-color 0.2s}.search-input:focus{outline:none;border-color:var(--primary-color)}.checkbox-group{display:flex;flex-direction:column;gap:0.5rem;max-height:250px;overflow-y:auto;padding:0.5rem 0;position:relative}.filter-accordion-toggle{width:100%;display:none;justify-content:space-between;align-items:center;background:transparent;border:none;padding:0;font-size:0.95rem;color:var(--primary-dark);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer}.filter-accordion-icon{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;position:relative}.filter-accordion-icon::before,.filter-accordion-icon::after{content:'';position:absolute;background:var(--primary-dark);border-radius:999px}.filter-accordion-icon::before{width:10px;height:2px}.filter-accordion-icon::after{width:2px;height:10px;transition:opacity 0.2s ease}.filter-section.open .filter-accordion-icon::after{opacity:0}.filter-accordion-panel{transition:max-height 0.25s ease}.filter-scroll-hint{font-size:0.8rem;color:var(--text-light);margin-top:0.35rem;text-align:right}.checkbox-group label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;padding:0.5rem;border-radius:6px;transition:background 0.2s}.checkbox-group label:hover{background:var(--bg-light)}.checkbox-group input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-group .filter-count{margin-left:auto;color:var(--text-light);font-size:0.875rem}.loading{color:var(--text-light);font-style:italic;text-align:center}.catalog-results{background:white;padding:2rem;border-radius:12px;box-shadow:var(--shadow);min-height:500px;overflow-x:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--bg-light)}.results-actions{display:flex;align-items:center;gap:1rem}.results-header p{font-size:1.1rem;color:var(--text-color);font-weight:600}.filter-toggle{display:none;align-items:center;gap:0.5rem;border:2px solid var(--border-color);background:white;color:var(--text-color);border-radius:999px;padding:0.45rem 1rem;font-weight:600;cursor:pointer;transition:border-color 0.2s,background 0.2s}.filter-toggle.has-active-filters{border-color:var(--primary-color);color:var(--primary-color)}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;border-radius:999px;background:var(--primary-color);color:white;font-size:0.85rem;font-weight:700}.sort-select{padding:0.5rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:0.95rem;background:white;cursor:pointer;transition:border-color 0.2s}.sort-select:focus{outline:none;border-color:var(--primary-color)}.catalog-results .loading{font-size:1.1rem;padding:3rem;color:var(--text-light)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:0.75rem}.empty-state p{color:var(--text-light);font-size:1.05rem}.pagination{display:flex;justify-content:center;gap:0.5rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--bg-light)}.pagination button{padding:0.5rem 1rem;border:2px solid var(--border-color);background:white;border-radius:6px;cursor:pointer;transition:all 0.2s;font-weight:500}.pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination button.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination button:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:1023px){.hero{padding:3rem 1.5rem}.hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.05rem;margin-bottom:2.5rem}.hero-stats{grid-template-columns:1fr;gap:1rem;margin:2rem 0}.stat{width:100%;align-items:center;text-align:center}.catalog-layout{position:relative}}@media (max-width:768px){.main-nav{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--primary-dark);padding:5rem 2rem 2rem;transition:right 0.3s ease;z-index:1000;box-shadow:-2px 0 10px rgba(0,0,0,0.2)}.main-nav.active{display:block;right:0}.main-nav ul{flex-direction:column;gap:0}.main-nav li{border-bottom:1px solid rgba(255,255,255,0.1)}.main-nav a{display:block;padding:1rem 0.75rem;font-size:1.1rem}.mobile-menu-toggle{display:block;margin-left:auto}.header-content{flex-wrap:nowrap;align-items:center;gap:0.75rem}.logo{flex:1 1 auto}.logo img{height:60px}.hero{padding:3rem 0}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.05rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.stat{width:100%;max-width:300px;margin:0 auto}.popular-tags h2,.recent-artists h2,.how-it-works h2,.for-artists h2{font-size:1.75rem}.steps-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.artists-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.catalog-page{padding:1.75rem 0 2.5rem}.catalog-header{margin-bottom:1.5rem}.catalog-header h1{font-size:2rem}.catalog-layout{grid-template-columns:1fr;gap:1.5rem}.catalog-filters{left:20px;right:20px;width:auto;max-width:calc(100% - 40px);margin:0 auto;border-radius:16px}.catalog-layout.filters-open .catalog-filters{box-shadow:var(--shadow-lg)}.catalog-page .container,.catalog-results,.artists-grid{overflow-x:hidden}.filter-accordion-toggle{display:flex;margin-bottom:0.5rem}.filter-section.accordion-enabled .filter-accordion-panel{max-height:0;overflow:hidden}.filter-section.accordion-enabled.open .filter-accordion-panel{max-height:1000px}.catalog-filters{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;height:100vh;border-radius:0;padding:2rem 1.25rem 3rem;transform:translateY(100%);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10001}.catalog-filters::before{top:10px;margin:0 auto;width:60px;height:4px;border-radius:999px;background:rgba(0,0,0,0.15);opacity:0}.catalog-filters.has-overflow::before{opacity:1}.catalog-layout.filters-open .catalog-filters{transform:translateY(0);box-shadow:var(--shadow-lg)}.catalog-filters-overlay{display:none}.catalog-layout.filters-open .catalog-filters-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000}.filter-toggle{display:inline-flex}.filter-close-btn{display:inline-block;margin-left:auto;padding:0.35rem 1rem}.catalog-results{padding:1.5rem}.artist-card{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.results-header{flex-direction:column;align-items:stretch;gap:0.75rem}.results-header p{width:100%}.results-actions{width:100%;flex-direction:column;gap:0.75rem}.filter-toggle,.sort-select{width:100%}}@media (max-width:640px){.hero{padding:2.5rem 1rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.site-footer .footer-content{gap:1.25rem}.footer-section{margin-bottom:1rem}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 2rem;max-width:100%}.hero{padding:3.5rem 0}.hero .container{padding:0 2rem}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.15rem;max-width:90%}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.catalog-page{padding:2rem 0 3rem}.catalog-layout{grid-template-columns:260px 1fr;gap:1.5rem}.catalog-filters{padding:1.75rem}.catalog-results{padding:1.75rem}.artist-profile{padding:3rem 0}.profile-header{padding:2rem}.profile-bio,.profile-website,.profile-demos,.profile-contact{padding:2rem}.form-wrapper{padding:1.75rem;max-width:100%}.account-profile .form-wrapper,.account-demos .form-wrapper{padding:1.75rem}.upload-page{padding:2.5rem 0}.upload-content{grid-template-columns:1fr 300px;gap:2rem}.upload-form-wrapper{padding:2rem}.upload-info{padding:1.75rem}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.popular-tags,.recent-artists,.how-it-works,.for-artists{padding:3rem 0}.site-footer{padding:2.5rem 0 1rem}.footer-content{gap:1.5rem}}@media (min-width:769px){.catalog-filters{max-height:calc(100vh - 140px);overflow-y:auto}.filter-accordion-toggle{display:flex;pointer-events:none;cursor:default;margin-bottom:0.5rem}.filter-accordion-toggle .filter-accordion-icon{display:none}.filter-accordion-toggle span:first-child{display:block;margin-top:20px;font-weight:600;color:var(--primary-dark)}.filter-section[data-section="search"] .filter-accordion-toggle span:first-child{margin-top:0}.filter-section+.filter-section{margin-top:1.75rem}.filter-section .filter-accordion-panel{max-height:none!important}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -2px 16px rgba(30,83,83,0.2);padding:1.5rem;z-index:1000;transform:translateY(100%);transition:transform 0.3s ease}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-consent-text h3{margin:0 0 0.5rem 0;color:var(--primary-color);font-size:1.1rem}.cookie-consent-text p{margin:0;color:var(--text-color);font-size:0.9rem}.cookie-consent-actions{display:flex;gap:1rem;flex-shrink:0}.cookie-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:opacity 0.3s ease}.cookie-modal.show{opacity:1}.cookie-modal-content{background:white;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.cookie-modal-header h2{margin:0;color:var(--primary-color)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-color)}.cookie-modal-body{padding:1.5rem}.cookie-category{margin-bottom:1.5rem}.cookie-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.cookie-category-header h3{margin:0;font-size:1rem;color:var(--primary-dark)}.cookie-required{font-size:0.85rem;color:var(--text-light);font-weight:500}.cookie-toggle{position:relative;display:inline-block;width:50px;height:26px}.cookie-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.cookie-category p{margin:0;color:var(--text-light);font-size:0.9rem}.cookie-modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);text-align:right}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:white}@media (max-width:768px){.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-actions{flex-direction:column}.cookie-consent-actions .btn{width:100%}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:300px;max-width:450px;padding:16px 20px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;gap:12px;pointer-events:auto;animation:toast-slide-in 0.3s ease-out;border-left:4px solid var(--primary-color)}@keyframes toast-slide-in{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-slide-out{from{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.toast.hiding{animation:toast-slide-out 0.3s ease-in forwards}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:bold;font-size:16px}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px;color:var(--text-color)}.toast-message{font-size:0.9rem;color:var(--text-light);line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:var(--text-light);cursor:pointer;font-size:20px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s}.toast-close:hover{background:var(--bg-light)}.toast.toast-success{border-left-color:var(--success-color)}.toast.toast-success .toast-icon{background:rgba(40,167,69,0.1);color:var(--success-color)}.toast.toast-error{border-left-color:var(--danger-color)}.toast.toast-error .toast-icon{background:rgba(220,53,69,0.1);color:var(--danger-color)}.toast.toast-warning{border-left-color:#ffc107}.toast.toast-warning .toast-icon{background:rgba(255,193,7,0.1);color:#ffc107}.toast.toast-info{border-left-color:#17a2b8}.toast.toast-info .toast-icon{background:rgba(23,162,184,0.1);color:#17a2b8}.loading-spinner{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in 0.2s ease-out}@keyframes fade-in{from{opacity:0}to{opacity:1}}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-content{text-align:center}.spinner-text{margin-top:16px;color:white;font-weight:600;font-size:14px}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite;margin-right:8px;vertical-align:middle}.btn.loading{position:relative;pointer-events:none;opacity:0.7}.btn.loading::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite;margin-right:8px;vertical-align:middle}@media (max-width:640px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:unset;width:100%}}.artist-profile{padding:60px 0;background:#f5f5f5}.artist-profile .container{max-width:900px}.profile-header{display:flex;gap:30px;align-items:flex-start;background:white;padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin-bottom:30px}.profile-avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#1e5353 0%,#2d7a7a 100%);display:flex;align-items:center;justify-content:center;font-size:48px;color:white;font-weight:700;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h1{margin:0 0 10px 0;font-size:32px;color:#1e5353}.profile-meta{color:#666;margin:0 0 15px 0;font-size:16px}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag-pill{display:inline-block;padding:6px 14px;background:#e8f4f4;color:#1e5353;border-radius:20px;font-size:13px;text-decoration:none;transition:all 0.2s;font-weight:500}.tag-pill:hover{background:#1e5353;color:white}.profile-stats{display:flex;gap:30px;font-size:14px;color:#666}.profile-stats strong{color:#333;font-size:18px}.profile-bio,.profile-website,.profile-demos,.profile-contact{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin-bottom:30px}.profile-bio h2,.profile-website h2,.profile-demos h2,.profile-contact h2{margin:0 0 20px 0;font-size:24px;color:#1e5353;border-bottom:2px solid #e8f4f4;padding-bottom:10px}.profile-bio p{line-height:1.8;color:#555}.profile-website .website-link-line{font-size:1rem;margin-bottom:0.5rem;color:#1e5353}.profile-website .website-link-line a{font-weight:600}.profile-website .website-summary{color:#555;margin-left:0.35rem;font-weight:400}.demos-list{display:flex;flex-direction:column;gap:20px}.demo-item{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa;transition:all 0.2s}.demo-item:hover{border-color:#1e5353;box-shadow:0 2px 8px rgba(30,83,83,0.1)}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.demo-header h3{margin:0;font-size:18px;color:#333;font-weight:600}.play-count{font-size:13px;color:#666}.demo-description{margin:10px 0;color:#555;font-size:14px;line-height:1.6}.demo-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tag-small{display:inline-block;padding:4px 10px;background:#e8f4f4;color:#1e5353;border-radius:12px;font-size:12px;font-weight:500}.demo-player{margin-top:15px}#waveform-1,[id^="waveform-"]{margin-bottom:15px;border-radius:4px;overflow:hidden}.demo-player{background:#f8f9fa;border-radius:8px;overflow:hidden}.demo-player [id^="waveform-"]{height:60px;background:linear-gradient(180deg,#f0f2f4 0%,#e8eaed 100%)}.player-controls{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1e5353;color:white}.play-btn{background:transparent;color:white;border:none;padding:0;width:32px;height:32px;border-radius:50%;font-size:12px;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-btn:hover{background:rgba(255,255,255,0.15)}.play-btn:active{transform:scale(0.95)}.play-btn .play-icon{font-size:14px}.play-btn .play-text{display:none}.time-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.time-current,.time-duration{font-family:system-ui,sans-serif;font-size:11px;color:rgba(255,255,255,0.9);min-width:32px;text-align:center}.time-slider{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,0.3);outline:none;-webkit-appearance:none;cursor:pointer}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:white;cursor:pointer;transition:transform 0.1s}.time-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:white;cursor:pointer;border:none}.time-slider:disabled{cursor:default}.time-slider:disabled::-webkit-slider-thumb{cursor:default}.volume-control{display:flex;align-items:center;gap:6px;flex-shrink:0}.volume-icon{font-size:14px;cursor:pointer;opacity:0.9;user-select:none}.volume-slider{width:60px;height:4px;border-radius:2px;background:rgba(255,255,255,0.3);outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:white;cursor:pointer}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:white;cursor:pointer;border:none}@media (max-width:480px){.player-controls{padding:8px 10px;gap:8px}.volume-control{display:none}.time-current,.time-duration{font-size:10px;min-width:28px}}.no-demos{text-align:center;padding:60px 20px;color:#999}.account-demos .demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin-top:1.5rem}.demo-card{background:white;border:1px solid #e1e1e1;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.06);display:flex;flex-direction:column;gap:1.25rem}.demo-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.demo-card-meta{display:flex;flex-direction:column;gap:4px}.demo-duration{display:inline-block;padding:2px 8px;background:#f0f2f4;border-radius:4px;font-size:0.75rem;font-weight:600;color:#666;width:fit-content}.demo-filename{font-size:0.85rem;color:#888;word-break:break-all}.demo-card-body{display:flex;flex-direction:column;gap:1rem}.demo-card-body .form-group{display:flex;flex-direction:column;gap:0.5rem}.demo-card-body label{font-weight:600;font-size:0.85rem;color:#333}.demo-title-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:0.95rem;transition:border-color 0.2s}.demo-title-input:focus{outline:none;border-color:var(--primary)}.demo-card-body textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:0.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color 0.2s}.demo-card-body textarea:focus{outline:none;border-color:var(--primary)}.demo-card-body .btn{align-self:flex-start}.demo-card-tags{display:flex;flex-direction:column;gap:0.75rem;padding-top:1rem;border-top:1px solid #f0f0f0}.demo-tags-header{display:flex;justify-content:space-between;align-items:center}.demo-tags-header label{font-weight:600;font-size:0.85rem;color:#333}.tag-list{min-height:48px;border:1px dashed #c2c2c2;border-radius:8px;padding:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem;background:#fbfcfd}.tag-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.2rem 0.8rem;border-radius:999px;background:var(--primary-light);color:white;font-size:0.85rem}.tag-remove{border:none;background:transparent;color:inherit;font-weight:700;cursor:pointer}.tag-input-row{display:flex;gap:0.75rem;align-items:center}.tag-input{flex:1;border-radius:8px;border:1px solid #cbd3da;padding:0.5rem 0.75rem}.tag-note{font-size:0.85rem;color:#666}.tag-empty{color:#999;font-size:0.9rem}.account-danger-zone .danger-wrapper{max-width:800px;background:#fff6f6;border:1px solid rgba(220,53,69,0.3)}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.profile-contact .contact-form{max-width:100%}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center;padding:30px 20px}.profile-avatar{margin:0 auto}.profile-stats{justify-content:center}.profile-bio,.profile-website,.profile-demos,.profile-contact{padding:20px}.demo-header{flex-direction:column;align-items:flex-start;gap:8px}.player-controls{flex-wrap:wrap;gap:15px}.volume-control{width:100%;margin-left:0}.volume-slider{flex:1}}.upload-page{padding:40px 0 80px;background:#f8f9fa;min-height:calc(100vh - 200px)}.upload-header{text-align:center;margin-bottom:40px}.upload-header h1{font-size:2.5rem;color:var(--primary);margin-bottom:8px}.upload-header .subtitle{color:#666;font-size:1.1rem}.upload-content{display:grid;grid-template-columns:1fr 320px;gap:40px;max-width:1000px;margin:0 auto}.upload-form-wrapper{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.upload-form .form-group{margin-bottom:24px}.upload-form label{display:block;font-weight:600;margin-bottom:8px;color:#333}.upload-form .required{color:#dc3545}.upload-form .optional{font-weight:400;color:#999;font-size:0.9em}.file-upload-area{position:relative;border:2px dashed #cbd3da;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:#fafbfc}.file-upload-area:hover,.file-upload-area.drag-over{border-color:var(--primary);background:rgba(30,83,83,0.03)}.file-upload-area.has-file{border-style:solid;border-color:var(--primary);background:rgba(30,83,83,0.05)}.file-upload-area input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-content{pointer-events:none}.file-upload-content svg{color:#999;margin-bottom:12px}.file-upload-text{font-weight:500;color:#333;margin-bottom:4px}.file-upload-hint{font-size:0.85rem;color:#999}.file-selected{font-weight:500;color:var(--primary);word-break:break-all}.upload-form textarea{width:100%;padding:12px 16px;border:1px solid #cbd3da;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color 0.2s ease}.upload-form textarea:focus{outline:none;border-color:var(--primary)}.char-count{display:block;text-align:right;font-size:0.8rem;color:#999;margin-top:4px}.turnstile-group{display:flex;justify-content:center}.upload-progress{margin:20px 0}.upload-progress .progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.upload-progress .progress-fill{height:100%;background:var(--primary);width:100%;animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.upload-progress p{text-align:center;color:#666;font-size:0.9rem}.upload-form .message{padding:16px;border-radius:8px;margin-bottom:20px}.upload-form .error-message{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.upload-form .success-message{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.upload-form .success-message a{display:inline-block;margin-top:12px}.btn-upload{width:100%;padding:14px 24px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px}.btn-upload svg{flex-shrink:0}.btn-upload.loading{opacity:0.7;cursor:wait}.upload-info{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.08);height:fit-content;position:sticky;top:100px}.upload-info h3{font-size:1.1rem;color:var(--primary);margin-bottom:20px}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-list li:last-child{border-bottom:none}.info-icon{flex-shrink:0;width:24px;height:24px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600}.info-list li span:last-child{color:#555;font-size:0.9rem;line-height:1.4}@media (max-width:900px){.upload-content{grid-template-columns:1fr;gap:30px}.upload-info{position:static}}@media (max-width:600px){.upload-header h1{font-size:1.8rem}.upload-form-wrapper{padding:24px}.file-upload-area{padding:30px 15px}}.widget-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.widget-preview-item{background:white;border:1px solid #e1e1e1;border-radius:12px;padding:1.25rem}.widget-preview-item h3{font-size:0.95rem;margin-bottom:1rem;color:#333}.widget-preview-box{padding:1.5rem;background:#f5f7f9;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:center;min-height:100px;align-items:center}.widget-preview-box.widget-preview-dark{background:#2d3748}.widget-preview-item .code-input{width:100%;padding:10px;font-family:'Monaco','Menlo',monospace;font-size:11px;border:1px solid #ddd;border-radius:6px;min-height:70px;resize:none;background:#fafafa;margin-bottom:0.75rem}.widget-preview-item .btn{width:100%}