@font-face{font-family:Metal Lord;font-style:normal;font-weight:400;src:url(/fonts/metal-lord.woff) format("woff");font-display:swap}:root{color-scheme:dark;--accent-color: #8B0000;--accent-text: #ffffff;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #111111;--text-primary: #e0e0e0;--text-muted: #888888;--border-color: #333333;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a[href],button,[role=button],summary,input[type=submit],input[type=button],input[type=reset],.hub-card,.nav-link,.lang-toggle,.cta-primary,.cta-secondary,.landing-cta-btn,.landing-carousel-btn,.landing-carousel-dot,.profile-nav-item,.profile-names-tab,.profile-sidebar-buy-btn,.profile-sidebar-coupon-btn,.footer-link{cursor:pointer!important}.skip-link{position:absolute;top:-100%;left:0;background:var(--accent-color);color:#fff;padding:.5rem 1rem;z-index:99999;font-size:.85rem;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#bg-image{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:-2;transition:background-image .6s ease,opacity .6s ease}#bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0a0a66,#0a0a0abf);z-index:-1}main{max-width:900px;margin:0 auto;padding:3.5rem 1.5rem 2rem;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}main>.site-footer{margin-top:auto}main:has(.hub-logo-section),main:has(.page-hero),main:has(.gen-layout){max-width:100%;width:100%;padding:0}.page-hero{background-image:url(/images/landing-bg.png);background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative}.page-hero-overlay{background:linear-gradient(180deg,#000000bf,#00000080 40%,#000000a6,#0a0a0a);padding-top:3.5rem}.page-hero-tall{min-height:0}.page-hero-overlay-tall{background:linear-gradient(180deg,#00000080,#0000004d,#00000080 60%,#000c 85%,#0a0a0a)}.landing-hero-inner{max-width:900px;margin:0 auto;padding:.5rem 2rem 2rem}.page-body{background:#0a0a0a;padding:0 1.5rem 2rem}.page-body-inner{max-width:900px;margin:0 auto}.page-body-genre{transition:background .6s ease}.metal-title{font-family:Metal Lord,Metal Mania,serif;font-size:3.5rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-color);margin-bottom:.25rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.subtitle{text-align:center;color:#bbb;font-family:Bradley Hand,Segoe Script,cursive;font-size:1.4rem;font-style:italic;margin-bottom:3rem}.title-link{text-decoration:none;color:inherit;display:block}.title-link:hover{text-decoration:none;color:inherit}.top-bar{position:fixed;top:0;right:0;left:0;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1.5rem;z-index:80;background:#000}.top-bar-left{display:flex;align-items:center;gap:.75rem}.nav-create-trigger{background:var(--accent-color);color:#fff;border:none;padding:.4rem .9rem;border-radius:6px;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s;white-space:nowrap}.nav-create-trigger:hover{background:#a00000}.nav-create-dropdown{position:relative}.nav-create-menu{background:#1a1a1a!important;border:1px solid rgba(139,0,0,.3)!important;box-shadow:0 8px 24px #000000b3!important}.nav-create-menu .nav-dropdown-item{color:#fffc}.nav-create-menu .nav-dropdown-item:hover{background:#8b000026;color:#fff}.nav-create-menu .nav-dropdown-item svg{opacity:.7;stroke:var(--accent-color)}.nav-create-menu .nav-dropdown-item:hover svg{opacity:1}.lang-toggle{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;color:#ffffffd9;padding:.3rem 0;font-size:.82rem;font-weight:500;cursor:pointer;letter-spacing:.04em;transition:color var(--transition-speed) ease;text-decoration:none}.lang-toggle:hover{color:#fff}.lang-icon{opacity:.8}.lang-toggle:hover .lang-icon{opacity:1}.landing-section{padding:4rem 2rem;max-width:1100px;margin:0 auto}.landing-section-alt{padding:4rem 2rem;background:#111}.landing-section-alt>.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section-title{text-align:center;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:.5rem}.landing-section-subtitle{text-align:center;color:#fff9;font-size:.95rem;max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.cta-primary{display:inline-block;background:var(--accent-color);color:#fff;padding:.8rem 2rem;border-radius:8px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:none;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.cta-primary:hover{transform:scale(1.06);box-shadow:0 0 20px #c8320066,0 0 60px #8b000033}.cta-secondary{display:inline-block;background:transparent;color:#fff;padding:.8rem 2rem;border-radius:8px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:all .2s}.cta-secondary:hover{background:#ffffff14;border-color:#ffffff80}.feature-card{background:#111;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 0 20px #8b00001f}.feature-card-icon{width:32px;height:32px;color:var(--accent-color);margin-bottom:.75rem}.feature-card h4{color:#fff;font-size:.95rem;margin-bottom:.5rem}.feature-card ul{list-style:none;padding:0;margin:0}.feature-card li{font-size:.82rem;color:#ffffff8c;padding:.2rem 0 .2rem 1rem;position:relative}.feature-card li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-size:.75rem}.stat-counter{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem}.stat-counter-value{font-size:1.8rem;font-weight:700;color:#fff}.stat-counter-label{font-size:.78rem;color:#ffffff73}.stat-counters-row{display:flex;justify-content:center;gap:3rem;margin:1.5rem 0 2rem}.testimonial-card{background:#111;border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem}.testimonial-card blockquote{font-style:italic;color:#ffffffbf;font-size:.88rem;line-height:1.6;margin:0 0 .75rem}.testimonial-card cite{font-style:normal;font-size:.78rem;color:#ffffff73}.testimonial-card cite strong{color:#ffffffb3}.pricing-card{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:transform .2s}.pricing-card.popular{border-color:var(--accent-color);transform:scale(1.03);position:relative}.pricing-card.popular:before{content:"POPULAIRE";position:absolute;top:-.7rem;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .8rem;border-radius:10px;letter-spacing:.06em}.pricing-card-price{font-size:2.2rem;font-weight:700;color:#fff;margin:.5rem 0 .25rem}.pricing-card-unit{font-size:.78rem;color:#fff6;margin-bottom:1rem}.pricing-card ul{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.pricing-card li{font-size:.82rem;color:#fff9;padding:.3rem 0 .3rem 1.2rem;position:relative}.pricing-card li:before{content:"✓";position:absolute;left:0;color:var(--accent-color)}.hamburger-btn{display:none;background:none;border:none;color:#ffffffd9;font-size:.85rem;font-weight:600;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.4rem .6rem;line-height:1;gap:.4rem;align-items:center}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0a0a0af7;z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;transition:opacity .2s}.mobile-menu-overlay.open{display:flex;opacity:1}.mobile-menu-overlay .mobile-menu-close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.mobile-menu-nav{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:280px}.mobile-menu-nav a{display:flex;align-items:center;gap:.75rem;color:#ffffffd9;font-size:1.15rem;font-weight:600;text-decoration:none;transition:color .15s;padding:.85rem 0;width:100%;justify-content:center}.mobile-menu-nav a:hover{color:#fff}.mobile-menu-nav a svg{opacity:.5;flex-shrink:0}.mobile-menu-nav a:hover svg{opacity:1}.mobile-menu-separator{width:60px;height:1px;background:#ffffff1a;margin:.5rem auto}@media(max-width:768px){.hamburger-btn{display:flex}.nav-links,.top-bar-left,.auth-bar,.lang-toggle{display:none!important}.top-bar{justify-content:flex-end}.landing-section,.landing-section-alt{padding:2.5rem 1.25rem}.landing-section-title{font-size:1.2rem}.stat-counters-row{gap:1.5rem}.stat-counter-value{font-size:1.3rem}}@media(max-width:480px){.stat-counters-row{flex-direction:column;gap:.75rem}}.header{text-align:center;margin-bottom:2rem}.page-hero-overlay .header{padding:1rem 0 .5rem;margin-bottom:0}.mode-selector{display:flex;max-width:400px;margin:0 auto 1rem;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.mode-btn{flex:1;padding:.6rem 1rem;background:var(--bg-secondary);color:var(--text-muted);border:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-speed) ease}.mode-btn.active{background:var(--accent-color);color:var(--accent-text)}.mode-btn:hover:not(.active){color:#fff}.genre-selector{display:block;width:100%;max-width:400px;margin:0 auto 1.5rem;padding:.75rem 1rem;background-color:#0a0a0a;color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.95rem;letter-spacing:.05em;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;transition:border-color var(--transition-speed) ease}.genre-selector:hover,.genre-selector:focus{border-color:var(--accent-color);outline:none}.genre-selector option{background-color:var(--bg-secondary);color:#fff}.generate-btn{display:block;width:100%;max-width:400px;margin:0 auto 2rem;padding:1rem 2rem;background-color:var(--accent-color);color:var(--accent-text);border:none;border-radius:4px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:filter var(--transition-speed) ease,background-color var(--transition-speed) ease,opacity var(--transition-speed) ease}.generate-btn:hover:not(:disabled){filter:brightness(1.25)}.generate-btn:active:not(:disabled){filter:brightness(.9)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn.loading{opacity:.7;cursor:wait}.advanced-section{max-width:400px;margin:0 auto 1.5rem}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem 1rem;background-color:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.advanced-toggle:hover{color:#fff;border-color:var(--accent-color)}.advanced-toggle-arrow{font-size:.7rem;transition:transform var(--transition-speed) ease}.advanced-options{border-left:2px solid var(--accent-color);margin-top:.5rem;padding:1rem 0 .5rem 1rem}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.advanced-field label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.advanced-input,.advanced-select{width:100%;padding:.55rem .75rem;background:#0a0a0a;color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;transition:border-color var(--transition-speed) ease}.advanced-input:focus,.advanced-select:focus{outline:none;border-color:var(--accent-color)}.advanced-select option{background-color:var(--bg-primary);color:#fff}.advanced-boost{margin-top:.5rem}.boost-header{display:flex;align-items:center;justify-content:space-between}.boost-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.boost-label input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer}.boost-checkbox{display:none}.boost-info-btn{width:22px;height:22px;border-radius:50%;background:var(--border-color);color:var(--text-muted);border:none;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-speed) ease,color var(--transition-speed) ease}.boost-info-btn:hover{background:var(--accent-color);color:#fff}.boost-info{font-size:.8rem;font-style:italic;color:var(--text-muted);margin-top:.5rem;line-height:1.5}.counter{text-align:center;font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem}.results{display:none;margin-bottom:2.5rem}.results.visible,.results.gen-showcase{display:block}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}main:has(.gen-layout)>.header{padding-top:5rem;margin-bottom:2rem}.gen-layout{display:flex;gap:2rem;align-items:flex-start;max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}.gen-results{flex:1;min-width:0}.gen-panel{width:320px;flex-shrink:0;position:sticky;top:1rem;align-self:flex-start}.gen-panel .controls{max-width:100%;margin:0}.gen-panel .name-type-selector,.gen-panel .generate-btn,.gen-panel .advanced-section{max-width:100%}.gen-showcase .result-item{opacity:.6}.gen-showcase .result-actions{display:none}@media(max-width:900px){.gen-layout{flex-direction:column}.gen-panel{width:100%;position:static;order:-1}}.result-item{display:flex;flex-direction:column;gap:.65rem;padding:1.1rem 1.2rem;background-color:#1a1a1abf;border-radius:6px;border-left:3px solid var(--accent-color);animation:fadeInUp .4s ease both;position:relative;transition:border-color var(--transition-speed) ease,background-color .2s ease}.result-item:hover{background-color:#1a1a1ae6}.result-header{display:flex;align-items:baseline;gap:.6rem}.result-actions{display:flex;align-items:center;gap:.5rem;padding-left:2.2rem;padding-top:.15rem;border-top:1px solid rgba(255,255,255,.05)}.lyrics-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);font-size:.65rem;padding:.2rem .5rem;border-radius:3px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-speed) ease;flex-shrink:0}.lyrics-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.result-item:nth-child(1){animation-delay:.05s}.result-item:nth-child(2){animation-delay:.1s}.result-item:nth-child(3){animation-delay:.15s}.result-item:nth-child(4){animation-delay:.2s}.result-item:nth-child(5){animation-delay:.25s}.result-item:nth-child(6){animation-delay:.3s}.result-item:nth-child(7){animation-delay:.35s}.result-item:nth-child(8){animation-delay:.4s}.result-item:nth-child(9){animation-delay:.45s}.result-item:nth-child(10){animation-delay:.5s}.result-number{color:var(--accent-color);font-weight:700;font-size:.8rem;min-width:1.5rem;opacity:.7;transition:color var(--transition-speed) ease}.result-name{color:#fff;font-size:1.25rem;letter-spacing:.02em;word-spacing:.04em;line-height:1.3;transition:font-family .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.controls{max-width:400px;margin:0 auto}.error-message{text-align:center;color:#c33;font-size:.85rem;margin-bottom:1rem;display:none}.error-message.visible{display:block}.result-separator{display:none}.btn-remaining{font-size:.75em;opacity:.7}.btn-remaining.low{color:#f44;opacity:1}.auth-bar{display:flex;align-items:center;gap:.5rem;min-height:2rem}.auth-link{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:.25rem .5rem;transition:color var(--transition-speed) ease}.auth-link:hover{color:#fff}.auth-separator{color:var(--border-color);font-size:.75rem}.auth-welcome{color:var(--text-muted);font-size:.75rem;letter-spacing:.03em;margin-right:.5rem}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;animation:authFadeIn .2s ease}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:2rem;width:100%;max-width:380px;position:relative;margin:1rem}.auth-close{position:absolute;top:.75rem;right:1rem;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color var(--transition-speed) ease}.auth-close:hover{color:#fff}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.auth-tab{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.auth-tab:hover{color:#fff}.auth-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.auth-input{width:100%;padding:.65rem .85rem;background-color:var(--bg-primary);color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;transition:border-color var(--transition-speed) ease}.auth-input:focus{outline:none;border-color:var(--accent-color)}.auth-btn{width:100%;padding:.85rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-top:.5rem;transition:filter var(--transition-speed) ease}.auth-btn:hover{filter:brightness(1.25)}.auth-error{color:#c33;font-size:.8rem;text-align:center;min-height:1.2em}.verify-banner{background:#8b000033;border:1px solid #b22222;color:#e0e0e0;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;text-align:center;margin-bottom:1rem}.verify-banner button{background:none;border:none;color:#b22222;text-decoration:underline;cursor:pointer;font-size:.8rem;margin-left:.5rem}.verify-banner button:hover{color:#f44}.forgot-password-link{background:none;border:none;color:#888;font-size:.8rem;cursor:pointer;text-decoration:underline}.forgot-password-link:hover{color:#b22222}.lyrics-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:2rem;overflow-y:auto}.lyrics-card{background:var(--bg-secondary);border:1px solid var(--accent-color);border-radius:8px;padding:2rem;max-width:600px;width:100%;position:relative}.lyrics-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem;padding-right:2rem}.lyrics-card .lyrics-genre{color:var(--accent-color);font-size:.8rem;text-transform:uppercase;margin-bottom:1.5rem}.lyrics-card pre,.lyrics-card .lyrics-text{color:var(--text-primary);font-family:Georgia,serif;font-size:.9rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.lyrics-card .section-label{color:var(--accent-color);font-weight:700;font-size:.8rem;text-transform:uppercase}.lyrics-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color var(--transition-speed) ease}.lyrics-close:hover{color:#fff}.lyrics-loading{text-align:center;color:var(--text-muted);padding:3rem}.lyrics-remaining{text-align:center;font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;padding:.4rem .75rem;background:#1a1a1a80;border-radius:4px}.lyrics-renew{opacity:.6;font-style:italic}.collection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;overflow-y:auto}.collection-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.75rem;max-width:680px;width:100%;position:relative;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .25s ease}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-right:2.5rem}.collection-title{color:#fff;font-size:1.1rem;margin-bottom:0;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.collection-count{font-size:.7rem;color:var(--text-muted);background:#ffffff0f;padding:.2rem .6rem;border-radius:10px;font-weight:600;letter-spacing:.02em}.collection-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.collection-tab{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.collection-tab:hover{color:#fff}.collection-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.collection-list{max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.collection-list::-webkit-scrollbar{width:4px}.collection-list::-webkit-scrollbar-track{background:transparent}.collection-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.collection-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#ffffff06;border-radius:8px;margin-bottom:.4rem;border:1px solid transparent;transition:all .2s ease}.collection-item:hover{background:#ffffff0d;border-color:#ffffff0f}.collection-item-info{flex:1;min-width:0}.collection-item-name{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.3rem;word-break:break-word;line-height:1.3}.collection-item-meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.collection-genre-badge{display:inline-block;background:#8b00004d;color:var(--accent-color);padding:.1rem .4rem;border-radius:3px;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.collection-mode-badge{display:inline-block;background:#ffffff0f;color:var(--text-muted);padding:.15rem .45rem;border-radius:3px;font-size:.65rem;text-transform:uppercase;font-weight:600;letter-spacing:.03em}.collection-mode-badge.workshop{background:#ffd7001a;color:gold}.collection-item-actions{flex-shrink:0;display:flex;gap:.4rem;align-items:center}.collection-lyrics-btn{font-size:.68rem!important;padding:.3rem .6rem!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.1)!important;background:#ffffff08!important;transition:all .2s!important}.collection-lyrics-btn:hover{border-color:var(--accent-color)!important;background:#8b000026!important}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;letter-spacing:.03em;cursor:pointer;padding:.25rem .5rem;transition:color var(--transition-speed) ease}.user-menu-trigger:hover{color:#fff}.user-menu-arrow{opacity:.6;transition:transform .2s ease,opacity .2s ease}.user-menu:hover .user-menu-arrow{opacity:1;transform:rotate(180deg)}.user-menu-name{font-size:.75rem}.user-menu-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;min-width:170px;z-index:90;padding:.35rem 0;box-shadow:0 8px 24px #0006;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu:hover .user-menu-dropdown,.user-menu-dropdown:hover{display:block}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.8rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.user-menu-item:hover{background:#ffffff0d}.user-menu-item svg{opacity:.6;flex-shrink:0}.user-menu-logout{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.65rem;color:var(--text-muted)}.share-btn svg,.favorite-btn svg{vertical-align:middle}.lyrics-btn svg{vertical-align:middle;margin-right:.2rem}.impure-mosh-tooltip{position:absolute;top:-2.2rem;left:0;background:var(--accent-color);color:#fff;padding:.3rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:10;animation:tooltipFadeIn .2s ease,tooltipFadeOut .3s ease 2s forwards;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeOut{0%{opacity:1}to{opacity:0}}.collection-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:.4rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.collection-close-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.collection-toolbar{display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.collection-export-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted);text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.3rem .7rem;transition:all .2s ease}.collection-export-btn:hover{color:#fff;border-color:var(--accent-color);background:#8b00001a}.collection-loading{display:flex;justify-content:center;padding:2rem}.collection-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center}.collection-empty-title{color:var(--text-muted);font-size:.95rem;font-weight:600;margin-bottom:.35rem}.collection-empty-message{color:var(--text-muted);font-size:.8rem;opacity:.7}.collection-date{font-size:.65rem;color:var(--text-muted);opacity:.5}.collection-fav-icon{color:#f44;font-size:.6rem;margin-right:.1rem}.collection-keyword{font-size:.7rem;font-style:italic;color:var(--text-muted)}.remove-fav-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-fav-btn:hover{color:#c33;background:#cc33331a}.history-preview,.history-full{font-size:.9rem}.history-expand-btn{background:none;border:none;color:var(--accent-color);font-size:.7rem;cursor:pointer;padding:0;margin-left:.3rem;text-decoration:underline;transition:color .2s ease}.history-expand-btn:hover{color:#fff}@media(min-width:769px){body{display:flex;flex-direction:column;justify-content:center;min-height:100vh}main{margin:auto}}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{background:transparent;border:none;color:#ffffffd9;font-size:.82rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.3rem .6rem;transition:color var(--transition-speed) ease;text-decoration:none}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:600;border-bottom:2px solid var(--accent-color);padding-bottom:calc(.3rem - 2px)}.nav-auth-only{display:none}.nav-icon{vertical-align:-2px}.nav-dropdown{position:relative;display:inline-flex}.nav-dropdown-trigger{background:transparent;border:none;color:#ffffffd9;font-size:.82rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.3rem .6rem;transition:color var(--transition-speed) ease;font-family:inherit}.nav-dropdown-trigger:hover{color:#fff}.nav-caret{font-size:.6rem;margin-left:.1rem;transition:transform .2s}.nav-dropdown:hover .nav-caret{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem 0 .35rem;min-width:190px;z-index:100;box-shadow:0 8px 24px #0009}.nav-dropdown-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;color:#ffffffbf;text-decoration:none;font-size:.82rem;transition:background .15s,color .15s;white-space:nowrap}.nav-dropdown-item:hover{background:#ffffff14;color:#fff}.nav-dropdown-item svg{opacity:.6;flex-shrink:0;transition:opacity .15s}.nav-dropdown-item:hover svg{opacity:1}.nav-link-soon{opacity:.4;pointer-events:none;position:relative}.nav-link-soon:after{content:"SOON";position:absolute;top:-6px;right:-12px;font-size:.4rem;background:var(--accent-color);color:#fff;padding:1px 3px;border-radius:2px;letter-spacing:.05em;font-weight:700}.favorite-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.2rem;line-height:1;transition:color var(--transition-speed) ease,transform .2s ease;flex-shrink:0}.favorite-btn:hover{color:var(--accent-color);transform:scale(1.15)}.favorite-btn.active{color:#f44}.share-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.2rem;line-height:1;transition:color var(--transition-speed) ease;flex-shrink:0}.share-btn:hover{color:#fff}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--accent-color);color:#fff;padding:.5rem 1.25rem;border-radius:4px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.copy-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.battle-container{text-align:center;padding:1rem 0}.battle-container h2{font-family:Metal Lord,Metal Mania,serif;font-size:2rem;color:var(--accent-color);margin-bottom:.25rem}.battle-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem}.battle-genre-filter{margin-bottom:2rem}.battle-genre-filter select{padding:.5rem 2rem .5rem 1rem;background-color:var(--bg-secondary);color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.battle-arena{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;min-height:180px}.battle-card{flex:1;max-width:320px;padding:2rem 1.5rem;background:#1a1a1acc;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.battle-card:hover{border-color:var(--accent-color);background:#8b000026;transform:translateY(-4px);box-shadow:0 8px 24px #8b00004d}.battle-card .battle-name{font-family:Metal Lord,Metal Mania,serif;font-size:1.6rem;color:#fff;word-break:break-word}.battle-vs{font-family:Metal Lord,Metal Mania,serif;font-size:1.5rem;color:var(--accent-color);flex-shrink:0}.battle-result{color:var(--accent-color);font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem;min-height:1.5em}.leaderboard{margin-top:2rem}.leaderboard h3{font-family:Metal Lord,Metal Mania,serif;font-size:1.4rem;color:var(--accent-color);margin-bottom:1rem}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);text-align:left}.leaderboard-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(51,51,51,.5);color:var(--text-primary)}.leaderboard-table tr:hover td{background:#1a1a1a80}.leaderboard-table .rank-col{color:var(--accent-color);font-weight:700;width:3rem}.leaderboard-table .name-col{color:#fff;font-weight:600}.leaderboard-table .score-col{font-weight:700;color:var(--accent-color)}.rankings-container{text-align:center;padding:1rem 0}.rankings-heading{font-family:Metal Lord,Metal Mania,serif;font-size:2rem;color:var(--accent-color);margin-bottom:.25rem}.rankings-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem}.rankings-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{background:#1a1a1acc;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem 1.5rem;min-width:140px;text-align:center}.stat-value{font-family:Metal Lord,Metal Mania,serif;font-size:1.6rem;color:var(--accent-color);margin-bottom:.25rem}.stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.rankings-filter{margin-bottom:2rem}.rankings-filter select{padding:.5rem 2rem .5rem 1rem;background-color:var(--bg-secondary);color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.rankings-layout{display:grid;grid-template-columns:1fr;gap:2rem;text-align:left}.vote-section{background:#1a1a1a80;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.vote-heading{font-family:Metal Lord,Metal Mania,serif;font-size:1.2rem;color:var(--accent-color);margin-bottom:1rem}.vote-arena{display:flex;align-items:center;justify-content:center;gap:1rem}@media(min-width:769px){.rankings-layout{grid-template-columns:1fr}}.history-list{list-style:none;padding:0}.history-item{padding:.75rem 1rem;background:#1a1a1ab3;border-radius:4px;margin-bottom:.5rem}.history-item .history-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.history-item .history-names{color:var(--text-primary);font-size:.9rem}@media(max-width:768px){.metal-title{font-size:2rem}.subtitle{font-size:1rem}.generate-btn{font-size:1rem;padding:.85rem 1.5rem}.results-grid,.advanced-grid{grid-template-columns:1fr}main{padding:1.5rem 1rem 3rem}}@media(max-width:480px){.metal-title{font-size:1.6rem}.battle-arena,.vote-arena{flex-direction:column;gap:1rem}.battle-card{max-width:100%;width:100%}.battle-card .battle-name{font-size:1.2rem}.rankings-stats{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:200px}.collection-item{flex-direction:column;align-items:flex-start}.collection-item-actions{margin-top:.5rem}}.stat-icon{font-size:1.5rem;margin-bottom:.35rem;opacity:.7}.stat-card{background:#1a1a1ad9;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem 1.5rem;min-width:140px;text-align:center;transition:border-color .3s ease,transform .3s ease}.stat-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.rankings-user-stats{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.user-stat-badge{display:inline-flex;align-items:center;gap:.4rem;background:#8b000026;border:1px solid rgba(139,0,0,.3);border-radius:20px;padding:.35rem .85rem;font-size:.8rem;color:var(--text-primary)}.user-stat-icon{font-size:.9rem}.leaderboard-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color);background:#0a0a0a80}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.5}.leaderboard-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;padding:.85rem 1rem;border-bottom:2px solid var(--border-color);text-align:left;background:#1a1a1acc}.leaderboard-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(51,51,51,.25);color:var(--text-primary);transition:background .2s ease;vertical-align:middle}.leaderboard-table tbody tr:nth-child(2n) td{background:#1a1a1a59}.leaderboard-table tbody tr:nth-child(odd) td{background:#1a1a1a26}.leaderboard-table tbody tr:hover td{background:#8b000026}.leaderboard-table tr.rank-top-1 td{background:#ffd7001a}.leaderboard-table tr.rank-top-2 td{background:#c0c0c014}.leaderboard-table tr.rank-top-3 td{background:#cd7f3214}.leaderboard-table .rank-col{color:var(--accent-color);font-weight:700;width:3.5rem;white-space:nowrap;font-size:.9rem}.leaderboard-table .name-col{color:#fff;font-weight:700;font-size:1rem;letter-spacing:.01em}.leaderboard-table .score-col{font-weight:700;color:#fff;text-align:center}.score-bar-container{position:relative;background:#ffffff0d;border-radius:4px;min-width:5rem;height:1.6rem;overflow:hidden}.score-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(139,0,0,.4),var(--accent-color, rgba(139, 0, 0, .6)));border-radius:4px;transition:width .4s ease}.score-badge{position:relative;z-index:1;display:inline-block;background:transparent;color:#fff;padding:.2rem .6rem;border-radius:4px;font-weight:700;font-size:.85rem;min-width:3rem;text-align:center;line-height:1.6rem}.genre-badge-colored{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.win-rate-indicator{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700;min-width:2.5rem;text-align:center}.win-rate-high{color:#4caf50;background:#4caf5026}.win-rate-mid{color:#ffc107;background:#ffc10726}.win-rate-low{color:#f44336;background:#f4433626}.vote-buttons{display:inline-flex;gap:.25rem}.vote-like-btn,.vote-dislike-btn{background:none;border:1px solid var(--border-color);font-size:.85rem;padding:.2rem .35rem;border-radius:4px;cursor:pointer;transition:all .2s ease;line-height:1}.vote-like-btn:hover:not(:disabled){border-color:#4caf50;background:#4caf5026}.vote-dislike-btn:hover:not(:disabled){border-color:#f44336;background:#f4433626}.vote-like-btn.voted,.vote-dislike-btn.voted{opacity:.4;cursor:default}.vote-like-btn:disabled,.vote-dislike-btn:disabled{cursor:default}.vote-col{text-align:center;width:5rem}.load-more-btn{display:block;width:100%;max-width:300px;margin:1.5rem auto 0;padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{border-color:var(--accent-color);color:#fff;background:#8b000026}.leaderboard-table .name-col{width:auto}@media(max-width:600px){.leaderboard-table .genre-col,.leaderboard-table .genre-col-header{display:none}}.battle-vs-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.vote-section .battle-vs{font-family:Metal Lord,Metal Mania,serif;font-size:2.2rem;color:var(--accent-color);text-shadow:0 0 20px rgba(139,0,0,.5),0 0 40px rgba(139,0,0,.3);letter-spacing:.15em;animation:vsPulse 2s ease-in-out infinite}@keyframes vsPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.vote-section{background:linear-gradient(135deg,#1a1a1ab3,#8b00001a);border:1px solid var(--accent-color);border-radius:8px;padding:2rem;text-align:center;margin-bottom:2rem}.achievement-toast{position:fixed;top:3.5rem;right:1rem;background:#1a1a1a;border:1px solid var(--accent-color);border-left:4px solid var(--accent-color);border-radius:6px;padding:.75rem 1rem;z-index:9999;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none;max-width:280px;display:flex;align-items:center;gap:.6rem}.achievement-toast.visible{opacity:1;transform:translate(0)}.achievement-toast .achievement-icon{font-size:1.5rem;flex-shrink:0}.achievement-toast .achievement-text{display:flex;flex-direction:column}.achievement-toast .achievement-title{font-family:Metal Lord,serif;font-size:.85rem;color:var(--accent-color);text-transform:uppercase}.achievement-toast .achievement-desc{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.generation-badge{position:fixed;top:3.5rem;right:1rem;background:#1a1a1ae6;border:1px solid var(--accent-color);color:var(--accent-color);padding:.35rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;z-index:70;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.generation-badge.visible{opacity:1}.signup-prompt-overlay{position:fixed;inset:0;background:#000000d9;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;animation:fadeIn .3s ease}.signup-prompt-card{background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:12px;padding:1.75rem;max-width:420px;width:100%;position:relative;margin:2rem 0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.signup-prompt-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}.signup-prompt-close:hover{color:#fff}.signup-prompt-icon{text-align:center;font-size:2.5rem;margin-bottom:.5rem}.signup-prompt-title{text-align:center;font-family:Metal Lord,serif;font-size:1.5rem;color:var(--accent-color);margin-bottom:.5rem}.signup-prompt-reason{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.signup-prompt-benefits{margin-bottom:1.5rem}.benefit-item{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.8rem;color:var(--text-primary)}.benefit-icon{font-size:1rem;flex-shrink:0}.signup-prompt-tabs{display:flex;margin-bottom:1rem;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.signup-tab{flex:1;padding:.5rem;background:var(--bg-primary);color:var(--text-muted);border:none;font-size:.8rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s}.signup-tab.active{background:var(--accent-color);color:var(--accent-text, #fff)}.signup-input{display:block;width:100%;padding:.7rem .85rem;margin-bottom:.6rem;background:var(--bg-primary);color:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.signup-input:focus{border-color:var(--accent-color);outline:none}.signup-submit{display:block;width:100%;padding:.85rem;background:var(--accent-color);color:var(--accent-text, #fff);border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:filter .2s}.signup-submit:hover{filter:brightness(1.2)}.signup-note{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.signup-prompt-free{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.signup-prompt-form .auth-error{margin-bottom:.5rem}.free-banner{margin-top:1.5rem}.cta-card{background:linear-gradient(135deg,#1a1a1af2,#8b000026);border:1px solid var(--accent-color);border-radius:8px;padding:1.25rem 1.5rem;text-align:center}.cta-header{font-family:Metal Lord,serif;font-size:1.1rem;color:var(--accent-color);margin-bottom:.75rem}.cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:1rem;font-size:.78rem;color:var(--text-primary)}.cta-features span{white-space:nowrap}.cta-button{display:inline-block;background:var(--accent-color);color:var(--accent-text, #fff);border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:filter .2s ease}.cta-button:hover{filter:brightness(1.2)}.ai-status{text-align:center;font-size:.75rem;color:var(--accent-color);margin-bottom:1rem;letter-spacing:.05em}.profile-page{padding:0 1.5rem 2rem}main:has(.profile-page){max-width:1100px;margin:0 auto;padding-top:3.5rem}main:has(.profile-page)~#bg-image,body:has(.profile-page) #bg-image{opacity:.3!important}.profile-container{max-width:1100px;margin:0 auto;padding:1rem 0;width:100%}.profile-layout{display:flex;gap:1.5rem;min-height:60vh}.profile-sidebar{width:240px;flex-shrink:0;position:sticky;top:1rem;align-self:flex-start;display:flex;flex-direction:column;gap:.75rem}.profile-sidebar-header{padding:1rem;margin-bottom:.25rem;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;align-items:center}.profile-sidebar .profile-avatar{width:42px;height:42px;flex-shrink:0;font-size:1.05rem}.profile-sidebar-info{min-width:0;flex:1}.profile-sidebar-username{font-weight:700;font-size:.95rem;color:#fff;line-height:1.35}.profile-sidebar-email{font-size:.78rem;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;margin-top:.1rem}.profile-sidebar-member{font-size:.72rem;color:#fff6;margin-top:.15rem;line-height:1.3}.profile-sidebar-actions{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem;margin-bottom:.25rem}.profile-sidebar-credits{padding:.65rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:space-between}.profile-sidebar-credits.empty{color:var(--text-muted);background:#ffffff08}.profile-sidebar-coupon-link{text-align:center;font-size:.7rem;color:var(--accent-color);cursor:pointer;text-decoration:underline}.profile-sidebar-credits-number{font-size:1.4rem;font-weight:700;color:#ffffffb3}.profile-sidebar-credits-number.has-credits{color:#fff}.profile-sidebar-credits-label{font-size:.78rem;color:#ffffff80}.profile-sidebar-buy-btn{display:block;text-align:center;padding:.6rem;background:var(--accent-color);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;cursor:pointer}.profile-sidebar-buy-btn:hover{background:#a00000}.profile-sidebar-coupon-btn{display:block;width:100%;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff9;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s;font-family:inherit;text-align:center}.profile-sidebar-coupon-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#8b000014}.profile-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 .25rem}.profile-nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;color:#fff9;font-size:.88rem;cursor:pointer;border-radius:6px;border-left:3px solid transparent;transition:all .15s;text-decoration:none}.profile-nav-item:hover{background:#ffffff0a;color:#fff}.profile-nav-item.active{color:#fff;border-left-color:var(--accent-color);background:#ffffff0f;font-weight:600}.profile-nav-item svg{width:16px;height:16px;opacity:.5;flex-shrink:0}.profile-nav-item.active svg{opacity:1}.profile-nav-badge{margin-left:auto;font-size:.65rem;background:#ffffff14;color:var(--text-muted);padding:.1rem .4rem;border-radius:10px;min-width:18px;text-align:center}.profile-main-content{flex:1;min-width:0;min-height:70vh}.profile-section{display:none}.profile-section.active{display:block}.profile-names-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.profile-names-tab{background:transparent;border:none;color:#ffffff80;font-size:.85rem;font-family:inherit;padding:.6rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.profile-names-tab:hover{color:#fffc}.profile-names-tab.active{color:#fff;border-bottom-color:var(--accent-color);font-weight:600}.profile-names-panel{display:none}.profile-names-panel.active{display:block}.profile-lyrics-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem}.profile-lyrics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.profile-lyrics-card-title{font-weight:600;font-size:.9rem;color:#fff;margin-right:.5rem}.profile-lyrics-card-actions{display:flex;gap:.4rem;flex-wrap:wrap}.profile-lyrics-card-actions button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .15s}.profile-lyrics-card-actions button:hover{background:#ffffff1a;color:#fff}.profile-lyrics-delete-btn:hover{background:#f8717126!important;border-color:#f87171!important;color:#f87171!important}.profile-lyrics-card-body{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.profile-lyrics-card-body pre{white-space:pre-wrap;font-size:.82rem;color:#ffffffb3;line-height:1.6;font-family:inherit;margin:0}.profile-lyrics-card-edit{margin-top:.75rem}.profile-lyrics-textarea{width:100%;min-height:200px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffd9;font-size:.82rem;line-height:1.6;padding:.75rem;font-family:inherit;resize:vertical}.profile-lyrics-textarea:focus{outline:none;border-color:var(--accent-color)}.profile-lyrics-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.profile-lyrics-edit-actions button{padding:.4rem 1rem;border-radius:5px;font-size:.8rem;font-family:inherit;cursor:pointer;border:none}.profile-lyrics-save-btn{background:var(--accent-color);color:#fff;font-weight:600}.profile-lyrics-cancel-btn{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1)!important}.profile-credit-cards{display:flex;gap:.75rem;margin-bottom:1rem}.profile-credit-card{flex:1;padding:.75rem;background:#ffffff0a;border:1px solid var(--border-color);border-radius:8px;text-align:center}.profile-credit-card-value{font-size:1.5rem;font-weight:700;color:#fff}.profile-credit-card-label{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.profile-credit-card-value.has-credits{color:var(--accent-color)}.profile-coupon-row{display:flex;gap:.5rem;align-items:center;margin:.75rem 0}.profile-coupon-row input{flex:1;text-transform:uppercase}.profile-coupon-msg{font-size:.75rem;min-height:1.2rem}.profile-empty-cta{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.profile-empty-cta p{margin-bottom:1rem;font-size:.85rem}.profile-empty-cta a{display:inline-block;padding:.5rem 1.2rem;background:var(--accent-color);color:#fff;border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:600;transition:opacity .2s}.profile-empty-cta a:hover{opacity:.85}.profile-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.profile-filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);padding:.3rem .5rem;border-radius:4px;font-size:.75rem}.profile-heading{font-family:Metal Lord,serif;font-size:1.6rem;color:var(--accent-color);text-align:center;margin-bottom:1.5rem;text-transform:uppercase}.profile-content{min-height:200px}.profile-loading{text-align:center;color:var(--text-muted);padding:2rem}.profile-not-logged-in{text-align:center;padding:2rem;color:var(--text-muted)}.profile-home-link{display:inline-block;margin-top:1rem;color:var(--accent-color);text-decoration:underline}.profile-header-section{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.5rem}.profile-avatar{width:60px;height:60px;border-radius:50%;background:var(--accent-color);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-family:Metal Lord,serif;font-size:1.75rem;flex-shrink:0}.profile-info{min-width:0}.profile-username{font-family:Metal Lord,serif;font-size:1.2rem;color:var(--text-primary);margin-bottom:.15rem}.profile-email{font-size:.8rem;color:var(--text-muted)}.profile-member-since{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.profile-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem 1rem;text-align:center}.profile-stat-value{font-family:Metal Lord,serif;font-size:1.5rem;color:var(--accent-color)}.profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-top:.25rem}.profile-section-title{font-family:Metal Lord,serif;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.profile-favorites-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.profile-favorites-list{max-height:300px;overflow-y:auto}.profile-fav-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.profile-fav-item:last-child{border-bottom:none}.profile-fav-name{font-size:.85rem;color:var(--text-primary)}.profile-fav-genre{font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:.15rem .5rem;border-radius:3px}.profile-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:.5rem 0;margin:0}.profile-empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:.5rem}.profile-empty-icon{font-size:2rem;opacity:.5}.profile-fav-copy-btn{background:transparent;border:1px solid rgba(100,100,255,.3);color:#aaa;font-size:.7rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.profile-fav-copy-btn:hover{background:#6464ff33;color:#fff}.profile-history-delete-btn{background:transparent;border:1px solid rgba(204,51,51,.3);color:#888;font-size:.65rem;cursor:pointer;padding:2px 6px;border-radius:4px;margin-left:auto;transition:all .2s}.profile-history-delete-btn:hover{background:#c33;color:#fff}.profile-history-workshop-title{font-size:.95rem;font-weight:700;color:gold;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,215,0,.15)}.profile-lyrics-body{margin-top:.5rem}.profile-lyrics-toolbar{display:flex;justify-content:flex-end;margin-bottom:.25rem}.profile-lyrics-copy-btn{background:transparent;border:1px solid rgba(100,100,255,.3);color:#aaa;font-size:.7rem;cursor:pointer;padding:3px 8px;border-radius:4px;transition:all .2s}.profile-lyrics-copy-btn:hover{background:#6464ff33;color:#fff}.profile-change-password-section{margin-top:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid #333;border-radius:10px}.profile-change-password-section .profile-section-title{margin-bottom:1rem}.profile-change-password-form{display:flex;flex-direction:column;gap:.75rem;max-width:350px}.profile-input{width:100%;padding:.6rem .8rem;border:1px solid #444;border-radius:6px;background:#0000004d;color:#e0e0e0;font-size:.9rem}.profile-input:focus{outline:none;border-color:var(--accent-color, #ff4400)}.profile-change-password-btn{padding:.6rem 1.2rem;background:var(--accent-color, #ff4400);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;text-transform:uppercase;cursor:pointer;transition:opacity .2s;width:fit-content}.profile-change-password-btn:hover{opacity:.85}.profile-change-password-btn:disabled{opacity:.5;cursor:not-allowed}.profile-change-password-message{font-size:.85rem;min-height:1.2em}.profile-danger-zone{text-align:center;padding-top:1rem}.profile-delete-btn{background:transparent;color:#c33;border:1px solid #cc3333;padding:.5rem 1.5rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s}.profile-delete-btn:hover{background:#c33;color:#fff}.delete-confirm-card{background:var(--bg-secondary);border:2px solid #cc3333;border-radius:10px;padding:1.5rem;max-width:400px;width:100%;margin:4rem auto;text-align:center}.delete-confirm-card h3{color:#c33;font-family:Metal Lord,serif;margin-bottom:.75rem}.delete-confirm-text{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.delete-password-label{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem;text-align:left}.delete-confirm-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.delete-cancel-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.8rem}.delete-confirm-btn{background:#c33;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.8rem}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.profile-stat-clickable{cursor:pointer;transition:border-color .2s,transform .15s}.profile-stat-clickable:hover{border-color:var(--accent-color);transform:translateY(-2px)}.profile-genre-badge{display:inline-block;font-size:.65rem;padding:.1rem .45rem;border-radius:3px;font-weight:600;text-transform:capitalize;white-space:nowrap}.profile-fav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.profile-fav-remove-btn{background:transparent;border:1px solid rgba(204,51,51,.3);color:#c33;width:22px;height:22px;border-radius:50%;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;padding:0;line-height:1}.profile-fav-remove-btn:hover{background:#c33;color:#fff}.profile-history-section,.profile-lyrics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.profile-history-list,.profile-lyrics-list{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.profile-history-item,.profile-lyrics-item{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:.85rem 1rem}.profile-history-item:last-child,.profile-lyrics-item:last-child{border-bottom:1px solid var(--border-color)}.profile-history-header,.profile-lyrics-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;cursor:pointer}.profile-history-header:hover,.profile-lyrics-header:hover{opacity:.8}.profile-history-names{display:flex!important}.profile-mode-badge{display:inline-block;font-size:.6rem;padding:.1rem .4rem;border-radius:3px;background:#ffffff1a;color:var(--text-muted);text-transform:uppercase;font-weight:600}.profile-keyword-badge{display:inline-block;font-size:.6rem;padding:.1rem .4rem;border-radius:3px;background:#ffffff0d;color:var(--text-muted);font-style:italic}.profile-history-date{font-size:.65rem;color:var(--text-muted);margin-left:auto}.profile-history-names{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 0 .25rem}.profile-history-name{font-size:.75rem;color:var(--text-primary);background:#ffffff0d;padding:.2rem .5rem;border-radius:3px}.profile-lyrics-title{font-size:.85rem;color:var(--text-primary);font-weight:600}.profile-lyrics-text{font-size:.75rem;color:var(--text-secondary, #ccc);background:#0003;padding:.75rem;border-radius:4px;margin-top:.5rem;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;font-family:monospace}.profile-lyrics-text .section-label{color:var(--accent-color);font-weight:700}.profile-covers-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.profile-payments-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.profile-payments-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.profile-payment-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.profile-payment-info{display:flex;align-items:center;gap:.75rem}.profile-payment-pack{font-weight:700;font-size:.85rem;color:#fff}.profile-payment-credits{font-size:.75rem;color:var(--text-muted)}.profile-payment-date{font-size:.7rem;color:var(--text-muted)}.profile-payment-right{display:flex;align-items:center;gap:.75rem}.profile-payment-amount{font-weight:700;font-size:.85rem;color:#fff}.profile-payment-receipt{font-size:.7rem;color:var(--accent-color);text-decoration:none}.profile-payment-receipt:hover{text-decoration:underline}.profile-covers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.75rem}.profile-cover-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:border-color .2s,transform .2s}.profile-tshirt-item{position:relative;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;border:none;background:transparent;cursor:pointer;transition:transform .2s}.profile-tshirt-item img{width:100%;height:100%;object-fit:contain;display:block}.profile-cover-item:hover,.profile-tshirt-item:hover{border-color:var(--accent-color);transform:scale(1.02)}.profile-cover-item img,.profile-tshirt-item img{width:100%;height:100%;object-fit:cover;display:block}.profile-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem;opacity:.3}.profile-cover-meta{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column;gap:.1rem}.profile-cover-band{font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.profile-cover-album{font-size:.65rem;color:#ffffffb3}.profile-cover-overlay{position:absolute;inset:0;background:#000000bf;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s}.profile-cover-item:hover .profile-cover-overlay,.profile-tshirt-item:hover .profile-cover-overlay{opacity:1}.profile-cover-action,.profile-tshirt-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.profile-cover-action:hover,.profile-tshirt-action:hover{background:#fff3;border-color:#fff}.profile-cover-action[data-action=delete]:hover,.profile-tshirt-action[data-action=delete]:hover{background:#f871714d;border-color:#f87171;color:#f87171}.profile-fullscreen-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2rem}.profile-fullscreen-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px}.profile-lightbox-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.profile-lightbox-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:550px;width:100%;overflow:hidden;position:relative}.profile-lightbox-close{position:absolute;top:.75rem;right:.75rem;background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .2s}.profile-lightbox-close:hover{background:#000c}.profile-lightbox-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.profile-lightbox-info{padding:1rem 1.25rem}.profile-lightbox-info h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.2rem}.profile-lightbox-info p{font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.profile-lightbox-genre{display:inline-block;font-size:.7rem;color:var(--text-muted);background:#ffffff0f;padding:.15rem .5rem;border-radius:3px;text-transform:capitalize}.profile-lightbox-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.25rem 1.25rem}.profile-lightbox-btn{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-primary);padding:.45rem .85rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center}.profile-lightbox-btn:hover{border-color:#fff3;background:#ffffff1a}.profile-lightbox-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.profile-lightbox-btn-primary:hover{opacity:.85}.profile-lightbox-btn-danger{color:#f87171;border-color:#f871714d}.profile-lightbox-btn-danger:hover{background:#f8717126;border-color:#f87171}@media(max-width:768px){.profile-container{max-width:100%}.profile-stats,.profile-covers-grid{grid-template-columns:repeat(2,1fr)}.profile-header-section{padding:1.25rem}.profile-avatar{width:50px;height:50px;font-size:1.5rem}.profile-layout{flex-direction:column}.profile-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.profile-sidebar-header{display:none}.profile-sidebar-actions{flex-direction:row;padding:0;align-items:center}.profile-sidebar-credits{padding:.3rem .6rem;gap:.3rem}.profile-sidebar-credits-number{font-size:.9rem}.profile-sidebar-credits-label{font-size:.6rem}.profile-sidebar-buy-btn,.profile-sidebar-coupon-btn{display:none}.profile-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.profile-nav-item{padding:.35rem .6rem;font-size:.7rem;border-left:none;border-bottom:2px solid transparent;border-radius:4px 4px 0 0}.profile-nav-item.active{border-left:none;border-bottom-color:var(--accent-color)}.profile-nav-item svg{display:none}}.site-footer{margin-top:3rem;padding:1.5rem 0 1rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.7rem;color:var(--text-muted);opacity:.6;transition:opacity var(--transition-speed)}.footer-content:hover{opacity:1}.footer-copy{letter-spacing:.02em}.footer-sep{opacity:.3}.footer-link{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition-speed)}.footer-link:hover{color:var(--accent-color);text-decoration:underline}.legal-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;align-items:center;justify-content:center;padding:1rem}.legal-modal-overlay.active{display:flex}.legal-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legal-modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color var(--transition-speed)}.legal-modal-close:hover{color:var(--text-primary)}.legal-modal h2{font-size:1.15rem;color:var(--accent-color);margin-bottom:1.25rem;letter-spacing:.05em;text-transform:uppercase}.legal-modal-body h3{font-size:.85rem;color:var(--text-primary);margin-top:1.25rem;margin-bottom:.4rem;letter-spacing:.02em}.legal-modal-body p{font-size:.78rem;color:var(--text-muted);line-height:1.7;margin-bottom:.5rem}.legal-modal-body ul{margin:.4rem 0 .75rem 1.25rem;font-size:.78rem;color:var(--text-muted);line-height:1.7}.legal-modal-body li{margin-bottom:.25rem}.legal-modal-body strong{color:var(--text-primary)}.workshop-fields{margin-bottom:.75rem}.workshop-field{margin-bottom:.6rem}.workshop-field label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-weight:600}.workshop-title-input,.workshop-instruction-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-size:.9rem;transition:border-color var(--transition-speed)}.workshop-title-input:focus,.workshop-instruction-input:focus{outline:none;border-color:var(--accent-color)}.workshop-title-input::placeholder,.workshop-instruction-input::placeholder{color:var(--text-muted);font-size:.85rem}.workshop-tip{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.75rem 1rem;margin:1rem 0;background:#ffffff05;border-left:2px solid var(--accent-color);border-radius:0 6px 6px 0;line-height:1.6;animation:modalFadeIn .3s ease}.workshop-tip-icon{margin-right:.3rem}.workshop-type-toggle{display:flex;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.workshop-type-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.6rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.workshop-type-btn.active{background:var(--accent-color);color:var(--accent-text)}.workshop-slider-row{padding:.4rem 0 .2rem;display:flex;align-items:center;gap:.75rem}.workshop-slider-value{font-weight:700;color:#fff;font-size:.85rem;min-width:1.5rem;text-align:center}.workshop-slider{-webkit-appearance:none;appearance:none;flex:1;height:8px;border-radius:4px;background:var(--border-color);outline:none;cursor:pointer}.workshop-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--border-color)}.workshop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 1px 4px #0009;margin-top:-6px;transition:transform .15s}.workshop-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.workshop-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 1px 4px #0009}.workshop-slider::-moz-range-track{height:8px;border-radius:4px;background:var(--border-color)}.cover-container{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.cover-heading{font-size:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:.35rem;font-weight:700}.cover-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:1.75rem}.cover-login-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-align:center;margin:2rem auto;max-width:500px}.cover-login-gate p{color:var(--text-primary);font-size:1.1rem}.cover-signup-btn{background:var(--accent-color);color:var(--accent-text);border:none;padding:.8rem 2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:6px;cursor:pointer;transition:background var(--transition-speed),transform var(--transition-speed)}.cover-signup-btn:hover{background:#a00000;transform:scale(1.03)}.cover-credits-display{display:none;width:auto}.cover-interface{display:flex;flex-direction:column;align-items:center}.cover-credits-empty{color:var(--accent-color);border-color:var(--accent-color)}.cover-step{margin-bottom:.5rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:100%}.cover-step-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-secondary);cursor:pointer;transition:background .2s;user-select:none}.cover-step-header:hover{background:#ffffff0a}.cover-step-header.active{border-bottom:1px solid var(--border-color)}.cover-step-number{width:24px;height:24px;border-radius:50%;background:var(--accent-color);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.cover-step-title{font-weight:700;font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:.06em}.cover-step-summary{flex:1;text-align:right;font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-step-arrow{color:var(--text-muted);font-size:.8rem;transition:transform .2s}.cover-step-header.active .cover-step-arrow{transform:rotate(180deg)}.cover-step-body{padding:1.25rem;display:flex;flex-direction:column;gap:2rem}.cover-description-wrapper{position:relative}.cover-textarea{width:100%;padding:.75rem 1rem;padding-right:120px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-size:.85rem;font-family:inherit;resize:vertical;min-height:80px}.cover-textarea:focus{outline:none;border-color:var(--accent-color)}.cover-suggest-btn{position:absolute;top:8px;right:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffff8c;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;letter-spacing:.3px;cursor:pointer;transition:all .2s}.cover-suggest-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cover-suggest-btn:disabled{cursor:not-allowed;background:#ffffff08;border-color:#ffffff14;color:#fff3;pointer-events:none}.cover-desc-hint{font-size:.78rem;color:#fff9;margin-top:.4rem;line-height:1.4}.cover-desc-tips{margin-top:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.cover-desc-tips summary{padding:.5rem .75rem;font-size:.78rem;font-weight:600;color:#ffffffb3;cursor:pointer;background:#ffffff08;list-style:none}.cover-desc-tips summary:before{content:"💡 "}.cover-desc-tips summary::-webkit-details-marker{display:none}.cover-desc-tips-content{padding:.5rem .75rem .75rem;font-size:.75rem;line-height:1.6;color:#fff9}.cover-desc-tips-content p{margin:.4rem 0 .2rem}.cover-desc-tips-content ul{margin:0;padding-left:1.2rem}.cover-desc-tips-content li{margin-bottom:.15rem}.cover-keywords{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.cover-keyword-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.25rem .6rem;border-radius:20px;font-size:.7rem;cursor:pointer;transition:all .2s}.cover-keyword-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.cover-keyword-tag.selected{background:#8b000033;border-color:var(--accent-color);color:var(--accent-color)}.cover-typo-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.cover-field-half{flex:2}.cover-field-quarter{flex:1}@media(max-width:600px){.cover-typo-row{flex-direction:column}}.cover-field{display:flex;flex-direction:column;gap:.5rem}.cover-field label{color:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.15rem}.cover-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);opacity:.7}.cover-input,.cover-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.6rem .8rem;font-size:.95rem;transition:border-color var(--transition-speed);width:100%}.cover-input:focus,.cover-select:focus{outline:none;border-color:var(--accent-color)}.cover-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2rem}.cover-text-toggle{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.cover-text-opt{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.4rem .5rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.03em}.cover-text-opt.active{background:var(--accent-color);color:var(--accent-text)}.cover-slider-row{display:flex;align-items:center;gap:.5rem}.cover-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border-color);outline:none;cursor:pointer}.cover-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-primary);cursor:pointer}.cover-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-primary);cursor:pointer}.cover-slider-value{font-weight:700;color:#fff;font-size:.8rem;min-width:2.5rem;text-align:center}.cover-font-preview{display:none;margin-top:.5rem;padding:.6rem .8rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-size:1.2rem;text-align:center;letter-spacing:.05em;min-height:2.5rem;line-height:2.5rem}.cover-radio-group{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.cover-radio{display:flex;align-items:center;gap:.3rem;padding:.45rem .9rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:all var(--transition-speed);user-select:none}.cover-radio:has(input:checked){background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.cover-radio input[type=radio]{display:none}.cover-style-carousel{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;-webkit-overflow-scrolling:touch}.cover-style-carousel::-webkit-scrollbar{height:4px}.cover-style-carousel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.cover-style-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.3rem;width:72px;padding:.6rem .3rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s;user-select:none}.cover-style-card:hover{border-color:#ffffff40;color:#fff}.cover-style-card.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cover-style-icon{font-size:1.4rem;line-height:1}.cover-style-label{font-size:.6rem;font-weight:600;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.cover-generate-btn{background:var(--accent-color);color:var(--accent-text);border:none;padding:.9rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;border-radius:6px;cursor:pointer;transition:background var(--transition-speed),transform var(--transition-speed),opacity var(--transition-speed);width:100%;margin-top:.5rem}.cover-generate-btn:hover:not(:disabled){background:#a00000;transform:translateY(-2px)}.cover-generate-btn:disabled{opacity:.4;cursor:not-allowed}.cover-result{width:100%;margin-top:2rem}.cover-result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;text-align:center}.cover-result-image{width:100%;max-width:600px;display:block;margin:0 auto;border-radius:4px}.cover-result-info{padding:1rem}.cover-result-band{font-family:Metal Lord,serif;font-size:1.5rem;color:var(--text-primary);margin-bottom:.2rem}.cover-result-album{color:var(--text-muted);font-size:1rem;font-style:italic}.cover-result-actions{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.cover-edit-logo-img{max-width:80px;max-height:50px;object-fit:contain;border-radius:4px;background:#ffffff0d}.cover-action-btn{padding:.35rem .7rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:all var(--transition-speed);display:inline-flex;align-items:center}.cover-action-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cover-action-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.cover-action-primary:hover{background:#a00000;color:var(--accent-text)}.cover-action-btn-danger{color:#f87171;border-color:#f871714d}.cover-action-btn-danger:hover{background:#f8717126;border-color:#f87171}.cover-edit-section{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.cover-edit-section h4{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.cover-edit-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.cover-edit-input{flex:1;min-width:120px}.cover-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;width:100%}.cover-loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:cover-spin .8s linear infinite;margin-bottom:1.2rem}.cover-loading-text{color:var(--text-primary);font-size:1.1rem;font-weight:600}.cover-loading-sub{color:var(--text-muted);font-size:.85rem;margin-top:.3rem}.cover-history{width:100%;margin-top:3rem}.cover-history-title{font-family:Metal Lord,serif;font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;text-align:center}.cover-history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.cover-history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color var(--transition-speed),transform var(--transition-speed)}.cover-history-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.cover-history-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:block}.cover-history-meta{padding:.4rem .5rem}.cover-history-band{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-history-album{display:block;font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-logo-section{margin-top:.5rem}.cover-logo-upload-label{display:block;padding:1rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:6px;text-align:center;cursor:pointer;color:var(--text-muted);font-size:.8rem;transition:border-color .2s}.cover-logo-upload-label:hover{border-color:var(--accent-color)}.cover-logo-file-input{display:none}.cover-logo-preview{position:relative;display:inline-block;margin-top:.5rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px}.cover-logo-preview img{max-width:150px;max-height:80px;display:block}.cover-logo-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.cover-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:160px}.cover-pos-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);padding:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.cover-pos-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.cover-pos-btn.active{background:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color)}.cover-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn .2s ease}.cover-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.cover-modal-icon{font-size:2rem;margin-bottom:.75rem;opacity:.6}.cover-modal-title{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.cover-modal-message{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin-bottom:1.25rem}.cover-modal-contact{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:1rem}.cover-modal-contact a{color:var(--accent-color);text-decoration:none}.cover-modal-btn{background:var(--accent-color);color:var(--accent-text);border:none;border-radius:6px;padding:.6rem 2rem;font-size:.85rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:opacity .2s}.cover-modal-btn:hover{opacity:.85}.cover-account-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.25rem;gap:1rem}.cover-account-credits{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cover-credit-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:.82rem;font-weight:600}.cover-credit-badge.paid{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cover-total-generated{font-size:.75rem;color:var(--text-muted);padding-left:.75rem;border-left:1px solid rgba(255,255,255,.1);margin-left:.25rem}.cover-buy-btn{background:var(--accent-color);color:var(--accent-text);border:none;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:6px;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.cover-buy-btn:hover{background:#a00000;transform:scale(1.03)}.cover-gallery-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s;width:100%;text-align:center;margin-bottom:.75rem}.cover-gallery-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cover-quick-regenerate{background:transparent;border:1px solid var(--accent-color);border-radius:6px;color:var(--accent-color);padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;width:100%;text-align:center;margin-bottom:.75rem}.cover-quick-regenerate:hover{background:var(--accent-color);color:var(--accent-text)}.cover-gallery-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:900px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative}.cover-gallery-card h3{color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;text-align:center}.cover-gallery-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1;padding:.25rem}.cover-gallery-close:hover{color:#fff}.cover-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:700px){.cover-gallery-grid{grid-template-columns:repeat(2,1fr)}}.cover-gallery-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}.cover-gallery-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.cover-gallery-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.cover-gallery-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.cover-gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;color:var(--text-muted)}.cover-gallery-meta{padding:.4rem .5rem}.cover-gallery-band{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-gallery-album{display:block;font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-gallery-actions{display:flex;gap:.3rem;padding:.3rem .5rem .5rem}.cover-gallery-edit,.cover-gallery-delete{background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);padding:.25rem .5rem;font-size:.7rem;cursor:pointer;transition:border-color .2s,color .2s}.cover-gallery-edit:hover{border-color:var(--accent-color);color:var(--accent-color)}.cover-gallery-delete:hover{border-color:#c33;color:#c33}.cover-editor-layout{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:1100px;width:95%;max-height:92vh;box-shadow:0 20px 60px #00000080;position:relative;display:grid;grid-template-columns:1fr 340px;overflow:hidden}.cover-editor-left{display:flex;flex-direction:column;padding:1.25rem;min-height:0}.cover-editor-right{border-left:1px solid var(--border-color);overflow-y:auto;max-height:92vh;padding:1rem;text-align:left}.cover-editor-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0 0;gap:.5rem;flex-wrap:wrap}.cover-canvas-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0009;color:#fff9;font-size:.65rem;padding:.2rem .6rem;border-radius:10px;pointer-events:none;opacity:1;transition:opacity .5s}.cover-edit-hint{font-size:.6rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:.3rem}.cover-sheet-handle{display:none;text-align:center;padding:.4rem 0 .2rem;cursor:pointer;user-select:none}.cover-sheet-pill{display:inline-block;width:36px;height:4px;background:#ffffff40;border-radius:2px}@media(max-width:768px){.cover-editor-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;max-height:100vh;height:100vh;border-radius:0}.cover-editor-left{padding:.75rem;overflow:hidden}.cover-editor-right{border-left:none;border-top:1px solid var(--border-color);max-height:55vh;transition:max-height .3s ease;overflow-y:auto;position:relative}.cover-editor-right.collapsed{max-height:110px;overflow:hidden}.cover-editor-right.collapsed .cover-edit-tab-content{display:none!important}.cover-editor-right.collapsed .cover-edit-actions-stack{display:none}.cover-sheet-handle{display:block}.cover-canvas-wrap{aspect-ratio:auto;height:calc(100vh - 200px);max-height:60vh}.cover-canvas-wrap canvas{width:100%;height:100%;object-fit:contain}.cover-editor-bottom-bar{padding:.4rem 0 0;gap:.3rem}.cover-toolbar-btn{padding:.3rem .5rem;font-size:.65rem}.cover-result-modal-close{top:.3rem;right:.3rem;z-index:20}}.cover-result-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative;text-align:center}.cover-result-modal-close{position:absolute;top:.5rem;right:.5rem;background:#0006;border:none;color:#ffffffb3;font-size:1.3rem;cursor:pointer;transition:all .2s;line-height:1;padding:.2rem .4rem;border-radius:4px;z-index:10}.cover-result-modal-close:hover{color:#fff}.cover-result-modal-img{max-width:100%;border-radius:8px;display:block;margin:0 auto 1rem}.cover-canvas-wrap{position:relative;width:100%;aspect-ratio:1;margin:0 auto 1rem;border-radius:8px;overflow:hidden;background:#000}.cover-canvas-wrap canvas{width:100%;height:100%;display:block;border-radius:8px;touch-action:none}.cover-canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:8px}.cover-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent-color);border-radius:50%;animation:cover-spin .8s linear infinite}@keyframes cover-spin{to{transform:rotate(360deg)}}.cover-result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.cover-result-modal-info h3{color:#fff;font-size:1rem;margin-bottom:.15rem}.cover-result-modal-info p{color:var(--text-muted);font-size:.8rem;font-style:italic;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.cover-result-modal-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.cover-result-modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.cover-result-modal-downloads,.cover-result-modal-secondary{display:flex;align-items:center;gap:.4rem}.cover-toolbar-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.4rem .75rem;border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.3rem}.cover-toolbar-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.cover-toolbar-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cover-toolbar-btn-primary:hover{opacity:.85}.cover-toolbar-btn-accent{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.cover-toolbar-btn-accent:hover{opacity:.85}.cover-toolbar-btn svg{flex-shrink:0}.cover-dl-premium{opacity:.5;cursor:not-allowed;position:relative;pointer-events:none}.cover-dl-premium:after{content:"Pack";font-size:.6rem;background:var(--accent-color);color:#fff;padding:.1rem .3rem;border-radius:3px;position:absolute;top:-6px;right:-6px;pointer-events:none}.profile-lightbox-btn.cover-dl-premium{opacity:.5;cursor:not-allowed;position:relative;pointer-events:none}.profile-lightbox-btn.cover-dl-premium:after{content:"Pack";font-size:.55rem;background:var(--accent-color);color:#fff;padding:.1rem .3rem;border-radius:3px;position:absolute;top:-6px;right:-6px;pointer-events:none}.cover-edit-toggle-btn{width:100%;padding:.7rem;margin-top:.75rem;background:var(--accent-color);border:none;color:#fff;border-radius:6px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .2s}.cover-edit-toggle-btn:hover{background:#a00000;color:#fff}.cover-edit-panel{padding:0;text-align:left}.cover-edit-section{padding:.6rem .4rem;border-bottom:1px solid rgba(255,255,255,.08)}.cover-edit-section:last-of-type{border-bottom:none}.cover-edit-section-header{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.4rem;margin-top:.6rem}.cover-edit-section-header:first-child{margin-top:0}.cover-edit-toggle-row{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.cover-edit-mode-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.4rem;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.cover-edit-mode-btn.active{background:var(--accent-color);color:var(--accent-text)}.cover-edit-mode-fields{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.cover-edit-mode-fields .cover-input,.cover-edit-mode-fields .cover-select{width:100%;font-size:.8rem;padding:.5rem .65rem;box-sizing:border-box}.cover-edit-mode-fields .cover-slider{width:100%}.cover-edit-logo-current{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px}.cover-edit-logo-label{font-size:.82rem;color:var(--text-secondary, #aaa);flex:1}.cover-edit-logo-actions{display:flex;gap:.4rem;flex-wrap:wrap}.cover-edit-font-select{font-size:.78rem}.cover-edit-font-preview{display:none;padding:.4rem .6rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#fff;font-size:1rem;text-align:center;min-height:2rem;line-height:2rem}.cover-font-picker{position:relative}.cover-font-picker-btn{width:100%;padding:.5rem .65rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.cover-font-picker-btn:hover{border-color:var(--accent-color)}.cover-font-picker-btn .cover-font-picker-arrow{font-size:.6rem;opacity:.5;margin-left:.5rem;flex-shrink:0}.cover-font-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-top:2px;max-height:250px;overflow-y:auto;display:none}.cover-font-picker-dropdown.open{display:block}.cover-font-picker-group{padding:.35rem .5rem .2rem;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cover-font-picker-item{padding:.4rem .65rem;cursor:pointer;font-size:.85rem;color:#fffc;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-font-picker-item:hover{background:#ffffff14}.cover-font-picker-item.selected{background:var(--accent-color);color:#fff}.cover-edit-size-row{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.cover-edit-size-row label{font-size:.7rem;color:#fffc;white-space:nowrap;min-width:70px;flex-shrink:0}.cover-edit-size-row .cover-slider{flex:1;min-width:0}.cover-edit-checkbox-row{display:flex;gap:1rem;margin-top:.4rem}.cover-edit-checkbox-row label{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#fffc;cursor:pointer;user-select:none}.cover-edit-checkbox-row input[type=checkbox]{accent-color:var(--accent-color);width:14px;height:14px;cursor:pointer}.cover-eyedropper-btn{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.cover-eyedropper-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cover-edit-position label{display:block;font-size:.7rem;color:#fffc;text-transform:uppercase;margin-bottom:.3rem;margin-top:.4rem;font-weight:600}.cover-edit-actions{padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cover-edit-actions .cover-edit-status{width:100%;text-align:center}.cover-edit-actions-stack{padding-top:.6rem;margin-top:.3rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.cover-action-full{width:100%;padding:.6rem;text-align:center}.cover-action-btn-link{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;text-decoration:underline;padding:.2rem;transition:color .15s}.cover-action-btn-link:hover{color:#fff}.cover-edit-actions-stack .cover-edit-status{text-align:center}.cover-edit-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.cover-edit-tab{flex:1;background:transparent;border:none;color:#ffffffb3;padding:.6rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.cover-edit-tab.active{color:#fff;border-bottom-color:var(--accent-color)}.cover-edit-tab:hover{color:#fff}.cover-edit-color-row{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.cover-edit-color-row label{font-size:.7rem;color:#fffc;text-transform:uppercase;font-weight:600;min-width:60px}.cover-color-input{-webkit-appearance:none;appearance:none;width:36px;height:36px;border:2px solid var(--border-color);border-radius:4px;background:none;cursor:pointer;padding:2px}.cover-color-input::-webkit-color-swatch-wrapper{padding:0}.cover-color-input::-webkit-color-swatch{border:none;border-radius:2px}.cover-edit-hint{font-size:.72rem;color:var(--text-muted);font-style:italic;margin-top:.75rem;opacity:.7}.cover-edit-logo-placeholder{padding:.4rem .8rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:.78rem}.cover-edit-logo-upload{margin-bottom:.5rem}.cover-logo-upload-label{display:inline-block;padding:.5rem .8rem;background:#ffffff0d;border:1px dashed var(--border-color);border-radius:4px;color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:border-color .2s,color .2s}.cover-logo-upload-label:hover{border-color:var(--accent-color);color:var(--text-primary)}.cover-regen-confirm{margin-top:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;text-align:center}.cover-regen-confirm p{font-size:.85rem;color:var(--text-primary);margin-bottom:.4rem}.cover-regen-credits{font-size:.75rem;color:var(--text-muted)}.cover-regen-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.cover-result-modal-img{transition:opacity .3s ease}.cover-edit-status{font-size:.75rem;color:var(--text-muted)}.cover-edit-row{display:flex;gap:.75rem;margin-bottom:.75rem}.cover-edit-apply-row{align-items:center;justify-content:center}.cover-edit-field{flex:1}.cover-edit-field label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-weight:600}.cover-edit-field .cover-input,.cover-edit-field .cover-select{width:100%;font-size:.8rem;padding:.5rem .65rem;box-sizing:border-box}.cover-edit-field .cover-slider{width:100%}@media(max-width:500px){.cover-edit-row{flex-direction:column;gap:.5rem}}.cover-my-covers{margin-bottom:1.5rem;padding:1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px}.cover-my-covers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.cover-my-covers-title{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cover-my-covers-link{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .2s;padding:0}.cover-my-covers-link:hover{color:var(--accent-color)}.cover-mini-thumbs{display:flex;flex-wrap:wrap;gap:.5rem}.cover-mini-thumb{width:100px;height:100px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:border-color .2s,transform .2s;position:relative;background:var(--bg-secondary);flex-shrink:0}.cover-mini-thumb:hover{border-color:var(--accent-color);transform:scale(1.05)}.cover-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cover-mini-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.2rem;opacity:.3}.cover-mini-thumb.cover-thumb-loading{position:relative}.cover-mini-thumb.cover-thumb-loading:after{content:"";position:absolute;inset:0;background:#0009;border-radius:6px;display:flex;align-items:center;justify-content:center}.cover-mini-thumb.cover-thumb-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:1}.cover-mini-thumbs.tshirt-thumbs-grid{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start}.tshirt-mini-thumb{width:calc((100% - 2.4rem)/5);min-width:60px;max-width:110px;cursor:pointer;position:relative;flex-shrink:0;transition:transform .2s}.tshirt-mini-thumb:hover{transform:scale(1.08)}.tshirt-mini-thumb .tshirt-mini-glow{position:absolute;inset:15% 20%;border-radius:50%;background:radial-gradient(ellipse,rgba(178,34,34,.15) 0%,transparent 70%);filter:blur(8px);pointer-events:none;z-index:0}.tshirt-mini-thumb canvas{width:100%;height:auto;display:block;position:relative;z-index:1}.cover-input-with-suggest{display:flex;gap:.4rem;align-items:stretch}.cover-input-with-suggest .cover-input{flex:1}.cover-suggest-inline{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffff8c;padding:0 .75rem;border-radius:4px;cursor:pointer;font-size:.72rem;letter-spacing:.3px;transition:all .2s;flex-shrink:0;white-space:nowrap}.cover-suggest-inline:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.tshirt-loading-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem 2rem;max-width:400px;width:90%;text-align:center}.tshirt-loading-spinner{margin-bottom:1.25rem;display:flex;justify-content:center}.tshirt-loading-spinner .cover-spinner{width:40px;height:40px}.tshirt-loading-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.tshirt-loading-text{font-size:.85rem;color:#fff9;margin-bottom:1.5rem}.tshirt-loading-steps{display:flex;justify-content:center;gap:.75rem}.tshirt-loading-step{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff3;padding:.3rem .6rem;border-radius:3px;background:#ffffff08;transition:all .3s}.tshirt-loading-step.active{color:#fff;background:var(--accent-color)}.tshirt-loading-step.done{color:#ffffff80;background:#ffffff14}.hub-logo-section{background:transparent;padding-top:3.5rem;position:relative;z-index:2}.hub-logo-section .header{padding:1.5rem 0 1rem;margin-bottom:0}.hub-hero-section{background-size:cover;background-position:center;background-repeat:no-repeat}.hub-hero-overlay{background:linear-gradient(180deg,#00000080,#000000bf,#000000e6);padding:3rem 2rem 4rem}.hub-hero-inner{max-width:900px;margin:0 auto;padding:1rem 2rem 3rem}.hub-hero-headline{text-align:center;font-size:1.3rem;font-weight:600;color:#ffffffd9;margin:0 auto 2.5rem;max-width:600px;line-height:1.5;letter-spacing:.02em}.hub-hero-subtext{text-align:center;font-size:.9rem;color:#ffffff80;max-width:700px;margin:2.5rem auto 0;line-height:1.7}.hub-section-dark{background:#0a0a0a;padding:4rem 2rem}.hub-section-elevated{background:#111;padding:4rem 2rem}.hub-section-inner{max-width:900px;margin:0 auto}.hub-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.hub-feature{text-align:center;padding:1.5rem 1rem}.hub-feature-icon{font-size:2rem;margin-bottom:.75rem}.hub-feature h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.hub-feature p{color:#ffffff8c;font-size:.85rem;line-height:1.6}.hub-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.hub-step{text-align:center;padding:1rem}.hub-step-number{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color);color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.hub-step h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.hub-step p{color:#ffffff8c;font-size:.85rem;line-height:1.6}.hub-tool-showcase{display:flex;align-items:center;gap:2.5rem}.hub-tool-showcase.hub-tool-reverse{flex-direction:row-reverse}.hub-tool-text{flex:1;min-width:0}.hub-tool-badge{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:3px;margin-bottom:.6rem}.hub-tool-badge.free{background:#32b43226;color:#64dc64e6}.hub-tool-badge.premium{background:#b9000026;color:#ff6464e6}.hub-tool-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.hub-tool-desc{font-size:.9rem;color:#fff9;line-height:1.6;margin-bottom:1rem}.hub-tool-features{list-style:none;padding:0;margin:0 0 1.5rem}.hub-tool-features li{font-size:.88rem;color:#ffffffb3;padding:.25rem 0 .25rem 1.2rem;position:relative;line-height:1.5}.hub-tool-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.hub-tool-visual{flex:0 0 45%;max-width:45%}.hub-tool-visual img{width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000080;display:block}@media(max-width:768px){.hub-tool-showcase,.hub-tool-showcase.hub-tool-reverse{flex-direction:column}.hub-tool-visual{flex:none;max-width:100%}}.hub-underground-quote{border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin:1.5rem auto;background:#8b00000f;border-radius:0 8px 8px 0;text-align:left;max-width:500px}.hub-underground-quote em{color:#fffc;font-size:.95rem;line-height:1.6}.hub-underground-note{color:#ffffff4d;font-size:.78rem;line-height:1.6;margin-top:2rem;text-align:center}@media(max-width:768px){.hub-hero-overlay{padding:1.5rem 1.25rem 2.5rem}.hub-hero-headline{font-size:1.1rem}.hub-section-dark,.hub-section-elevated{padding:2.5rem 1.25rem}.hub-features-grid{grid-template-columns:1fr;gap:1rem}.hub-steps{grid-template-columns:1fr;gap:1.5rem}}.hub-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hub-hero{text-align:center;padding:5rem 0 2.5rem}.hub-title{font-family:Metal Lord,serif;font-size:3.5rem;color:var(--accent-color);margin-bottom:.75rem;letter-spacing:.04em;text-shadow:0 2px 15px rgba(139,0,0,.4),0 0 40px rgba(139,0,0,.15)}.hub-subtitle{font-size:1.2rem;color:#fff;margin-bottom:.4rem;font-weight:600}.hub-tagline{font-size:.85rem;color:#fff6;letter-spacing:.06em;text-align:center;margin:-.5rem 0 1.5rem}.hub-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 4rem}.hub-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:visible;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;z-index:1;cursor:pointer}.hub-card:hover{transform:translateY(-10px) scale(1.04);border-color:#c83200b3;box-shadow:0 0 20px #c8320066,0 0 60px #c8320033,0 0 120px #8b000026,0 20px 60px #00000080;z-index:10}.hub-card:before{content:"";position:absolute;inset:-20px;border-radius:20px;background:radial-gradient(ellipse at center,rgba(200,50,0,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1;pointer-events:none}.hub-card:hover:before{opacity:1}.hub-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:#0a0a0a;border-radius:12px 12px 0 0}.hub-card-img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .3s ease}.hub-card:hover .hub-card-img img{opacity:1}.hub-card-img-placeholder{display:flex;align-items:center;justify-content:center}.hub-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}.hub-card-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:3px;margin-bottom:.75rem}.hub-card-badge.free{background:#32b43226;color:#64dc64e6}.hub-card-badge.premium{background:#b9000026;color:#ff6464e6}.hub-card-badge.soon{background:#ffffff14;color:#fff6}.hub-card-title{font-size:1.05rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.hub-card-desc{font-size:.82rem;color:#fff9;line-height:1.6;margin-bottom:1.25rem;flex:1}.hub-card-cta{display:inline-block;padding:.6rem 1.5rem;background:var(--accent-color);color:#fff;border-radius:5px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:transform .15s}.hub-card:hover .hub-card-cta{transform:translateY(-2px)}.hub-card-cta.disabled{background:#ffffff0f;color:#ffffff40;pointer-events:none}.hub-card.coming-soon{opacity:.5}.hub-value{padding:3rem 0;border-top:1px solid rgba(255,255,255,.08)}.hub-value-title{text-align:center;font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.hub-value-content{max-width:700px;margin:0 auto;text-align:center}.hub-value-lead{font-size:1.05rem;color:#ffffffd9;line-height:1.7;margin-bottom:1rem}.hub-value-text{font-size:.95rem;color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem}.hub-value-quote{margin:0 auto;padding:1rem 1.5rem;border-left:3px solid var(--accent-color);background:#ffffff08;font-size:1rem;color:#fff;font-style:italic;line-height:1.6;text-align:left;max-width:550px}.hub-transparency{text-align:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.06)}.hub-transparency p{font-size:.8rem;color:#fff6;max-width:600px;margin:0 auto;line-height:1.5}@media(max-width:768px){.hub-products{grid-template-columns:1fr;gap:1rem}.hub-title{font-size:2.5rem}.hub-hero{padding:3rem 0 2rem}}.landing-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.landing-hero{padding:4rem 0 3.5rem}.landing-hero-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:.02em;line-height:1.15}.landing-hero-baseline{font-family:Bradley Hand,Segoe Script,cursive;font-size:1.5rem;font-style:italic;color:#ccc;margin-bottom:1.25rem}.landing-hero-subtitle{font-size:1.4rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;line-height:1.2}.landing-hero-features{list-style:none;padding:0;margin:0 0 1.25rem;font-size:.95rem;color:#ddd;line-height:2}.landing-hero-features li:before{content:"✓ ";color:var(--accent-color);font-weight:700}.landing-hero-cta{margin-top:1.5rem}.landing-hero-cta-text{font-size:.88rem;color:var(--text-muted);margin-bottom:.75rem}.landing-cta-btn{display:inline-block;background:var(--accent-color);color:#fff;padding:.95rem 2.5rem;border-radius:6px;font-size:1rem;font-weight:700;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:none;cursor:pointer}.landing-cta-btn:hover{transform:scale(1.06);box-shadow:0 0 20px #c8320066,0 0 60px #8b000033}.landing-hero-content{display:flex;align-items:center;gap:4rem}.landing-hero-text{flex:1 1 55%;text-align:left;min-width:0}.landing-hero-visual{flex:0 0 400px;max-width:400px}.landing-carousel{position:relative;width:100%}.landing-carousel-track{position:relative;aspect-ratio:1;background:transparent}.landing-carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background:transparent}.landing-carousel-slide.active{opacity:1}.landing-carousel-slide img{width:100%;height:100%;object-fit:contain;display:block}.landing-carousel-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.landing-carousel-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.landing-carousel-btn:hover{border-color:var(--accent-color);color:#fff}.landing-carousel-dots{display:flex;gap:.4rem;align-items:center}.landing-carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;padding:0;transition:all .2s}.landing-carousel-dot.active{background:var(--accent-color);width:10px;height:10px}.landing-carousel-dot:hover{background:var(--text-muted)}@media(max-width:768px){.landing-hero-content{flex-direction:column;text-align:center}.landing-hero-text{text-align:center}.landing-hero-text .landing-hero-subtitle{margin:0 auto 2.5rem}.landing-hero-visual{flex:none;width:100%;max-width:300px}}.landing-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}@media(max-width:600px){.landing-counters{grid-template-columns:repeat(2,1fr)}}.landing-counter{text-align:center}.landing-counter-value{display:block;font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.35rem}.landing-counter-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.landing-testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem}@media(max-width:600px){.landing-testimonials{grid-template-columns:1fr}}.landing-testimonial{background:#0a0a0a;border:1px solid var(--border-color);border-radius:10px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between}.landing-testimonial-text{font-size:.9rem;color:var(--text-primary);line-height:1.7;font-style:italic;margin-bottom:1.25rem;opacity:.9}.landing-testimonial-author{display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.landing-testimonial-name{font-size:.85rem;font-weight:700;color:#fff}.landing-testimonial-role{font-size:.75rem;color:var(--text-muted)}.landing-testimonial-author:before{display:none}.landing-section{padding:4rem 0}.landing-section+.landing-section{border-top:1px solid rgba(255,255,255,.08);margin-top:1rem}.landing-section-title{font-size:1.4rem;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.landing-section-subtitle{font-size:1rem;color:#fff9;text-align:center;margin-bottom:2.5rem}.landing-editor-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}.landing-editor-img{width:100%;height:auto;border-radius:10px;border:1px solid var(--border-color);box-shadow:0 10px 40px #0006}.landing-editor-features{display:flex;flex-direction:column;gap:1.25rem}.landing-editor-feature{display:flex;flex-direction:column;gap:.2rem}.landing-editor-feature strong{color:#fff;font-size:.95rem}.landing-editor-feature span{color:#ffffff80;font-size:.8rem;line-height:1.4}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}@media(max-width:900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-hero-title{font-size:1.6rem}.landing-editor-showcase{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:600px){.landing-features{grid-template-columns:1fr}}.landing-feature{padding:2rem 1.5rem;background:#0a0a0a;border:1px solid var(--border-color);border-radius:10px;text-align:center;transition:border-color .2s,transform .2s}.landing-feature:hover{border-color:#ffffff26;transform:translateY(-2px)}.landing-feature-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#fff}.landing-feature-icon svg{display:block;width:36px;height:36px;stroke-width:1.5}.landing-feature h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.75rem}.landing-feature p{font-size:.88rem;color:var(--text-muted);line-height:1.6}.landing-feature-list{list-style:none;padding:0;margin:0;font-size:.88rem;color:var(--text-muted);line-height:2;text-align:left}.landing-feature-list li:before{content:"✓ ";color:var(--accent-color);font-weight:700}.landing-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.landing-gallery{grid-template-columns:repeat(2,1fr)}}.landing-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.landing-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;max-width:750px;margin-left:auto;margin-right:auto}@media(max-width:700px){.landing-pricing{grid-template-columns:1fr;max-width:320px}}.landing-price-card{background:#0a0a0a;border:1px solid var(--border-color);border-radius:10px;padding:1.75rem 1rem;text-align:center;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.landing-price-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.landing-price-card.popular{border-color:var(--accent-color);position:relative}.landing-price-card.popular:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);border-radius:10px 10px 0 0}.landing-price-name{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.landing-price-card.popular .landing-price-name{color:#fff}.landing-price-amount{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.landing-price-amount small{font-size:.85rem;font-weight:400;color:var(--text-muted)}.landing-price-unit{font-size:.8rem;color:var(--text-muted);margin-bottom:1.25rem}.landing-price-features{list-style:none;padding:0;margin:0 0 1.5rem;font-size:.82rem;color:var(--text-muted);line-height:2;flex:1}.landing-price-features li:before{content:"- ";color:#ffffff40}.landing-price-cta{display:block;padding:.55rem;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;text-decoration:none;font-size:.8rem;font-weight:600;transition:all .2s}.landing-price-cta:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.landing-price-cta.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color);padding:.75rem 1.5rem;font-size:.88rem;cursor:pointer;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.landing-price-cta.primary:hover{transform:scale(1.06);box-shadow:0 0 20px #c8320066,0 0 60px #8b000033;opacity:1}.landing-trust-stripe{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.5rem;font-size:.75rem;color:#ffffffd9}.landing-trust-stripe svg{flex-shrink:0;stroke:#ffffffd9}.landing-underground-content{max-width:750px;margin:0 auto;text-align:center}.landing-underground-lead{font-size:1.15rem;color:#ffffffe6;line-height:1.7;margin-bottom:1.25rem}.landing-underground-content p{font-size:1rem;color:#ffffffbf;line-height:1.7;margin-bottom:1rem}.landing-underground-quote{margin:1.5rem auto 0;padding:1.25rem 1.5rem;border-left:3px solid var(--accent-color);background:#ffffff08;font-size:1.05rem;color:#ffffffe6;font-style:italic;line-height:1.7;text-align:left;max-width:600px}.landing-hero-tagline{font-size:.85rem;color:#ffffff80;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem}.landing-transparency{text-align:center;padding:1.5rem 2rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.landing-transparency p{font-size:.85rem;color:#ffffffbf;border-left:3px solid var(--accent-color);padding:1rem 1.5rem;background:#ffffff08;max-width:600px;margin:0 auto;line-height:1.5;font-style:italic}.landing-final-cta{text-align:center;padding:5rem 2rem 4rem;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.landing-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0a,#0a0a0acc 25%,#0a0a0a8c 60%,#0a0a0a99);z-index:0;pointer-events:none}.landing-final-cta>*{position:relative;z-index:1}.landing-final-cta h3{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.landing-final-cta p{font-size:.95rem;color:#ffffffd9;margin-bottom:1.75rem}.landing-final-benefits{list-style:none;padding:0;margin:0 auto 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.9rem;color:var(--text-muted)}.landing-final-benefits li:before{content:"✓ ";color:var(--accent-color);font-weight:700}.main-action-selector{display:flex;max-width:400px;margin:0 auto 1.5rem;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.main-action-btn{flex:1;background:#0a0a0a;border:none;color:var(--text-muted);padding:.85rem 1rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s}.main-action-btn.active{background:var(--accent-color);color:#fff}.name-type-selector{display:flex;max-width:400px;margin:0 auto 1.5rem;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.name-type-btn{flex:1;background:#0a0a0a;border:none;color:var(--text-muted);padding:.65rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s}.name-type-btn.active{background:var(--accent-color);color:var(--accent-text)}.cover-buy-modal{max-width:520px}.cover-buy-packs{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cover-buy-pack-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:1.2rem 1rem 1rem;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:130px;flex:1}.cover-buy-pack-btn:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 16px #b4000033}.cover-buy-pack-btn.popular{border-color:var(--accent-color)}.cover-buy-pack-btn.best{border-color:#d4a017}.cover-pack-popular{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:4px;white-space:nowrap}.cover-buy-pack-btn.best .cover-pack-popular{background:#d4a017;color:#000}.cover-pack-credits{font-size:2rem;font-weight:900;color:var(--text-primary);line-height:1}.cover-pack-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.cover-pack-price{font-size:1.1rem;font-weight:700;color:var(--accent-color);margin-top:.3rem}.cover-pack-unit{font-size:.65rem;color:var(--text-secondary);opacity:.7}.cover-buy-trust{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem 0;font-size:.68rem;line-height:1.4;color:#fff6;border-top:1px solid var(--border-color);text-align:center}.cover-buy-trust svg{flex-shrink:0;margin-top:1px}@media(max-width:500px){.cover-buy-packs{flex-direction:column;align-items:stretch}.cover-buy-pack-btn{flex-direction:row;gap:.75rem;padding:.8rem 1rem;min-width:unset}.cover-pack-popular{top:-8px;font-size:.55rem}.cover-pack-credits{font-size:1.5rem}}.cover-onboarding-overlay{position:fixed;inset:0;z-index:10000;background:#00000073;pointer-events:none}.cover-onboarding-tooltip{position:fixed;pointer-events:all;background:#1a1a1a;border:1px solid var(--accent-color);border-radius:8px;padding:1rem 1.25rem;max-width:280px;color:#fff;font-size:.8rem;box-shadow:0 8px 30px #00000080;z-index:10001}.cover-onboarding-tooltip.arrow-left:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);border:8px solid transparent;border-right-color:var(--accent-color);border-left:none}.cover-onboarding-tooltip.arrow-right:before{content:"";position:absolute;top:24px;right:-8px;border:8px solid transparent;border-left-color:var(--accent-color);border-right:none}.cover-onboarding-tooltip.arrow-bottom:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--accent-color);border-bottom:none}.cover-onboarding-close{position:absolute;top:.4rem;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.cover-onboarding-close:hover{color:#fff}.cover-onboarding-text{margin:0 0 .75rem;line-height:1.4;padding-right:1rem}.cover-onboarding-footer{display:flex;justify-content:space-between;align-items:center}.cover-onboarding-step{font-size:.65rem;color:var(--text-muted)}.cover-onboarding-next{background:var(--accent-color);color:#fff;border:none;padding:.35rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.cover-onboarding-next:hover{filter:brightness(1.15)}.mockup-modal-card{background:#111;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 2rem 2rem;max-width:900px;width:95%;position:relative}.mockup-title{text-align:center;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:end}.mockup-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mockup-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;font-weight:600}@media(max-width:700px){.mockup-grid{grid-template-columns:1fr;gap:2rem}}.mockup-vinyl{display:flex;align-items:center}.mockup-vinyl-sleeve{width:180px;height:180px;border-radius:4px;overflow:hidden;box-shadow:-5px 5px 20px #00000080;position:relative;z-index:2;flex-shrink:0}.mockup-vinyl-sleeve img{width:100%;height:100%;object-fit:cover}.mockup-vinyl-disc{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at center,#111 0% 15%,#1a1a1a 16%,#222 20%,#1a1a1a 21%,#222 30%,#1a1a1a 31%,#222 45%,#1a1a1a 46%,#222 60%,#1a1a1a 61%,#222 80%,#1a1a1a 81%,#111);margin-left:-50px;position:relative;z-index:1;box-shadow:2px 2px 15px #0009;flex-shrink:0}.mockup-vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #333}.mockup-vinyl-label img{width:300%;height:300%;object-fit:cover;object-position:center;margin:-100% 0 0 -100%;border-radius:50%}.mockup-vinyl-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#444;border:1px solid #555}.mockup-cd{perspective:800px;display:flex;justify-content:center}.mockup-cd-case{width:200px;height:200px;border-radius:4px;overflow:hidden;position:relative;transform:rotateY(-15deg) rotateX(5deg);box-shadow:10px 10px 30px #00000080,-2px -2px 10px #ffffff08;transition:transform .3s}.mockup-cd-case:hover{transform:rotateY(-5deg) rotateX(2deg)}.mockup-cd-case img{width:100%;height:100%;object-fit:cover}.mockup-cd-reflection{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.mockup-digital{display:flex;justify-content:center}.mockup-player{width:220px;background:#181818;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.mockup-player-cover img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.mockup-player-info{padding:1rem 1.25rem 1.25rem}.mockup-player-title{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.mockup-player-bar{height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:.75rem}.mockup-player-progress{width:35%;height:100%;background:var(--accent-color);border-radius:2px}.mockup-player-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;color:#fff9;font-size:1rem}.mockup-player-play{font-size:1.5rem;color:#fff}.tshirt-color-picker{display:flex;gap:.5rem;margin-top:.25rem}.tshirt-color-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s}.tshirt-color-btn:hover{transform:scale(1.1)}.tshirt-color-btn.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #b900004d}.showcase-gallery{width:100%;padding:5rem 0;background:linear-gradient(180deg,#0a0a0a,#0d0808 30%,#0a0a0a);position:relative;overflow:hidden}.showcase-gallery:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(139,0,0,.06) 0%,transparent 70%);pointer-events:none}.showcase-gallery-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:1}.showcase-gallery-label{font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:#666;margin-bottom:.5rem}.showcase-gallery-title{font-size:2rem;font-weight:700;color:#e0e0e0;margin-bottom:1rem}.showcase-filters{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.showcase-filter{padding:.4rem 1.2rem;border:1px solid #333;border-radius:20px;font-size:.8rem;color:#888;cursor:pointer;transition:all var(--transition-speed) ease;background:transparent;font-family:inherit}.showcase-filter:hover{border-color:#666;color:#ccc}.showcase-filter.active{border-color:var(--accent-color);color:#ff6a4a;background:#8b00001a}.showcase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 3rem;position:relative;z-index:1}.showcase-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.showcase-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.showcase-item:before{content:"";position:absolute;inset:-15px;border-radius:16px;background:radial-gradient(ellipse at center,rgba(200,50,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1}.showcase-item:hover{transform:translateY(-8px) scale(1.06);border-color:#c8320099;box-shadow:0 0 20px #c8320059,0 0 60px #c8320026,0 0 100px #8b00001a,0 15px 40px #00000080;z-index:10}.showcase-item:hover:before{opacity:1}.showcase-item:hover img{transform:scale(1.08)}.showcase-item-badge{position:absolute;top:8px;right:8px;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;background:#000000b3;color:#888;opacity:0;transition:opacity var(--transition-speed) ease;backdrop-filter:blur(4px)}.showcase-item:hover .showcase-item-badge{opacity:1}@keyframes showcaseFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.showcase-item.reveal{animation:showcaseFadeInUp .5s ease forwards}.showcase-lightbox{display:none;position:fixed;inset:0;background:#000000eb;z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(8px);cursor:pointer}.showcase-lightbox.active{display:flex}.showcase-lightbox img{max-width:80vw;max-height:80vh;border-radius:12px;box-shadow:0 0 60px #c8320033;cursor:default}.showcase-lightbox-close{position:absolute;top:2rem;right:2rem;width:40px;height:40px;border:1px solid #444;border-radius:50%;background:#00000080;color:#aaa;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.showcase-lightbox-close:hover{border-color:#c83200;color:#fff;box-shadow:0 0 15px #c832004d}.showcase-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #444;border-radius:50%;background:#00000080;color:#aaa;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.showcase-lightbox-nav:hover{border-color:#c83200;color:#fff;box-shadow:0 0 15px #c832004d}.showcase-lightbox-prev{left:2rem}.showcase-lightbox-next{right:2rem}.showcase-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:20}@media(prefers-reduced-motion:reduce){.showcase-item,.showcase-item img,.showcase-item:before{transition:none}.showcase-item.reveal{animation:none;opacity:1}.showcase-item:hover,.showcase-item:hover img{transform:none}}@media(max-width:1200px){.showcase-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.showcase-grid{grid-template-columns:repeat(3,1fr);padding:0 1.5rem;gap:8px}.showcase-gallery{padding:3rem 0}.showcase-gallery-title{font-size:1.5rem}}@media(max-width:480px){.showcase-grid{grid-template-columns:repeat(2,1fr);padding:0 1rem;gap:6px}}