:root{--black:#0e0e0e;--dark:#1c1c1c;--dark-2:#2a2a2a;--dark-3:#383838;--mid:#555555;--light-mid:#999999;--light:#e0e0e0;--off-white:#f4f4f4;--white:#ffffff;--success:#2e7d32;--success-bg:#e8f5e9;--error:#c62828;--error-bg:#ffebee;--warning:#e65100;--shadow:0 4px 24px rgba(0,0,0,0.13);--shadow-hover:0 14px 44px rgba(0,0,0,0.25);--shadow-modal:0 24px 80px rgba(0,0,0,0.45)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"DM Sans",sans-serif;background:var(--off-white);color:var(--black);min-height:100vh}body::before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 28px,rgba(0,0,0,0.035) 28px,rgba(0,0,0,0.035) 29px);pointer-events:none;z-index:0}nav{position:sticky;top:0;z-index:200;background:var(--black);border-bottom:2px solid var(--dark-2);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px}.nav-logo{font-family:"Playfair Display",serif;font-size:1.45rem;color:var(--white);display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.nav-logo .clef{font-size:2rem;line-height:1}.nav-links{display:flex;gap:6px;list-style:none;align-items:center}.nav-text{display:inline-block;margin-left:8px}.nav-links a{color:var(--light-mid);text-decoration:none;font-size:0.8rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:8px 16px;border-radius:4px;transition:all 0.2s;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.nav-links a:hover{color:var(--white);border-color:var(--dark-2)}.nav-links a.active{color:var(--black);background:var(--white);border-color:var(--white)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}.hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all 0.25s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-admin-btn{background:none;border:1px solid var(--dark-3);color:var(--light-mid);font-family:"DM Sans",sans-serif;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px;margin-left:8px}.nav-admin-btn:hover{border-color:var(--white);color:var(--white)}.page{display:none;position:relative;z-index:1}.page.active{display:block}.hero{background:var(--black);padding:90px 40px 70px;text-align:center;position:relative;overflow:hidden}.hero-bg-icon{position:absolute;left:15px;top:10px;width:250px;height:250px;opacity:0.04;pointer-events:none;user-select:none}.hero::after{content:"♩ ♪ ♫ ♬";position:absolute;right:40px;bottom:20px;font-size:1.6rem;color:rgba(255,255,255,0.05);letter-spacing:10px;pointer-events:none}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,6vw,4.5rem);color:var(--white);font-weight:400;line-height:1.1}.hero h1 em{font-style:italic;color:var(--light-mid)}.hero p{margin-top:18px;color:rgba(255,255,255,0.4);font-size:1rem;max-width:460px;margin-inline:auto;line-height:1.65}.stats-bar{background:var(--dark);border-bottom:1px solid var(--dark-2);display:flex;justify-content:center;align-items:center;gap:70px;padding:28px 40px;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-family:"Playfair Display",serif;font-size:2.2rem;color:var(--white);line-height:1}.stat-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--mid);margin-top:5px}.btn-request-song{background:none;border:1.5px solid var(--dark-3);color:var(--light-mid);font-family:"DM Sans",sans-serif;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;padding:10px 14px;border-radius:4px;cursor:pointer;transition:all 0.2s}.btn-request-song:hover{border-color:var(--white);color:var(--white);background:none;transform:none}.contact-highlight{border-radius:12px;padding:16px;animation:contactGlow 2s ease forwards}@keyframes contactGlow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0);outline:2px solid transparent}20%{box-shadow:0 0 32px 8px rgba(255,255,255,0.12);outline:2px solid rgba(255,255,255,0.25)}80%{box-shadow:0 0 32px 8px rgba(255,255,255,0.08);outline:2px solid rgba(255,255,255,0.15)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);outline:2px solid transparent}}.section{padding:64px 40px;max-width:1200px;margin:0 auto}.section-title{font-family:"Playfair Display",serif;font-size:1.75rem;font-weight:400;margin-bottom:6px;display:flex;align-items:center;gap:16px;color:var(--black)}.section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0.15),transparent)}.section-subtitle{color:var(--light-mid);font-size:0.85rem;margin-bottom:36px;margin-top:4px}.home-more-btn-wrap{text-align:center;margin-top:40px}.notfound-section{min-height:50vh}.notfound-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.btn-see-all{display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid var(--dark-3);color:var(--mid);font-family:"DM Sans",sans-serif;font-size:0.875rem;font-weight:600;letter-spacing:0.05em;padding:13px 32px;border-radius:8px;cursor:pointer;transition:all 0.25s}.btn-see-all:hover{border-color:var(--black);color:var(--black);background:var(--off-white);transform:translateY(-2px);box-shadow:var(--shadow)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.card{display:block;background:var(--white);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;cursor:pointer;border:1px solid rgba(0,0,0,0.10);animation:fadeUp 0.45s ease both;text-decoration:none;color:inherit}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-hover)}.card:nth-child(1){animation-delay:0.04s}.card:nth-child(2){animation-delay:0.09s}.card:nth-child(3){animation-delay:0.14s}.card:nth-child(4){animation-delay:0.19s}.card:nth-child(5){animation-delay:0.24s}.card-cover{height:190px;position:relative;overflow:hidden;background:var(--dark);border-bottom:1px solid rgba(0,0,0,0.1)}.card-cover .cover-img{position:absolute;inset:0;z-index:2;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(30%);transition:filter 0.3s,transform 0.4s}.card:hover .card-cover .cover-img{filter:grayscale(0%);transform:scale(1.04)}.cover-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--dark);position:relative;overflow:hidden}.cover-default::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 18px,rgba(255,255,255,0.08) 18px,rgba(255,255,255,0.08) 19px);top:36px}.cover-default .default-clef{font-size:6rem;color:rgba(255,255,255,0.15);position:relative;z-index:1;line-height:1;user-select:none}.cover-default .default-notes{position:absolute;bottom:20px;right:16px;font-size:1.6rem;color:rgba(255,255,255,0.1);letter-spacing:-2px;z-index:1}.card-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.72);color:var(--white);font-size:0.68rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;padding:4px 11px;border-radius:20px;z-index:3;backdrop-filter:blur(4px)}.card-trend-badge{position:absolute;bottom:12px;left:12px;font-size:0.68rem;font-weight:700;letter-spacing:0.04em;padding:4px 10px;border-radius:20px;z-index:3;backdrop-filter:blur(6px);animation:badgePop 0.35s cubic-bezier(0.34,1.56,0.64,1) both}.card-trend-popular{background:rgba(220,80,20,0.88);color:#fff;box-shadow:0 2px 10px rgba(220,80,20,0.45)}.card-trend-new{background:rgba(30,120,60,0.88);color:#fff;box-shadow:0 2px 10px rgba(30,120,60,0.35)}@keyframes badgePop{from{opacity:0;transform:scale(0.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-likes-row{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--light-mid);margin-top:10px;padding-top:10px;border-top:1px solid var(--light)}.card-likes-row .like-icon{font-size:0.9rem}.card-body{padding:18px 20px 16px}.card-title{font-family:"Playfair Display",serif;font-size:1.1rem;font-weight:700;margin-bottom:4px;color:var(--black);transition:color 0.2s;line-height:1.3}.card:hover .card-title{color:var(--mid)}.card-composer{font-size:0.78rem;color:var(--light-mid);margin-bottom:14px}.stars{display:flex;align-items:center;gap:7px}.stars-icons{display:flex;gap:2px}.star{width:15px;height:15px}.star svg{width:100%;height:100%}.star .filled{fill:var(--black)}.star .empty{fill:#d4d4d4}.difficulty-label{font-size:0.72rem;color:var(--light-mid);font-weight:500}.filter-bar{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;align-items:center}.filter-input,.filter-select{padding:10px 18px;border:1.5px solid var(--light);border-radius:8px;background:var(--white);font-family:"DM Sans",sans-serif;font-size:0.875rem;color:var(--black);outline:none;transition:border-color 0.2s}.filter-input{flex:1;min-width:200px}.filter-input:focus,.filter-select:focus{border-color:var(--mid)}.filter-select{cursor:pointer}.no-results{text-align:center;padding:60px 20px;color:var(--light-mid);grid-column:1/-1}.back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid var(--light);color:var(--mid);font-family:"DM Sans",sans-serif;font-size:0.875rem;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:all 0.2s;margin-bottom:36px}.back-btn:hover{border-color:var(--black);color:var(--black);background:var(--off-white)}.song-header{margin-bottom:40px}.song-header h1{font-family:"Playfair Display",serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;margin-bottom:10px}.song-meta{display:flex;align-items:center;gap:16px;color:var(--light-mid);font-size:0.875rem;flex-wrap:wrap}.song-meta .sep{color:var(--light)}.song-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.panel-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--light-mid);margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-label::before{content:"";width:18px;height:2px;background:var(--black)}.video-container{border-radius:10px;overflow:hidden;background:var(--black);aspect-ratio:16/9;box-shadow:var(--shadow);border:1px solid var(--dark-2)}.video-container iframe{width:100%;height:100%;display:block;border:none}.video-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--light-mid)}.video-facade{position:relative;width:100%;height:100%;cursor:pointer;align-items:center;justify-content:center;background:var(--black)}.video-facade img{width:100%;height:100%;object-fit:cover;display:block;opacity:0.85}.video-facade-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,0,0,0.85);color:#fff;border:none;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:background 0.15s,transform 0.15s}.video-facade:hover .video-facade-play{background:rgba(255,0,0,1);transform:translate(-50%,-50%) scale(1.08)}.video-empty .pdf-icon{font-size:3.5rem}.video-empty .pdf-text{font-size:0.8rem;color:var(--light-mid)}.pdf-panel{display:flex;flex-direction:column;gap:16px}.pdf-preview{background:var(--off-white);border-radius:10px;border:1.5px solid var(--light);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}.pdf-preview::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 22px,rgba(0,0,0,0.07) 22px,rgba(0,0,0,0.07) 23px);top:80px}.pdf-preview .pdf-icon{font-size:3.5rem;position:relative;z-index:1}.pdf-preview .pdf-text{position:relative;z-index:1;font-size:0.8rem;color:var(--light-mid)}.pdf-preview embed{position:absolute;inset:0;width:100%;height:100%;border-radius:8px}.btn-download{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--black);color:var(--white);border:1px solid var(--black);border-radius:8px;padding:14px 24px;font-family:"DM Sans",sans-serif;font-size:0.9rem;font-weight:500;letter-spacing:0.04em;cursor:pointer;text-decoration:none;transition:all 0.22s}.btn-download:hover{background:var(--white);color:var(--black)}.song-interactions{margin-top:48px;border-top:1px solid var(--light);padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.like-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.comments-section h3{font-family:"Playfair Display",serif;font-size:1.3rem;font-weight:400;margin-bottom:20px}.comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border:1.5px solid var(--light);border-radius:8px;font-family:"DM Sans",sans-serif;font-size:0.875rem;color:var(--black);background:var(--white);outline:none;transition:border-color 0.2s;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--mid)}.comment-form textarea{min-height:90px}.btn-comment-submit{align-self:flex-end;background:var(--black);color:var(--white);border:none;border-radius:7px;padding:10px 24px;font-family:"DM Sans",sans-serif;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;letter-spacing:0.02em}.btn-comment-submit:hover{background:var(--dark-3);transform:translateY(-1px)}.comments-list{display:flex;flex-direction:column;gap:14px}.comment-item{background:var(--white);border:1px solid var(--light);border-radius:10px;padding:14px 16px;animation:fadeUp 0.3s ease both}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.comment-author{font-weight:600;font-size:0.875rem}.comment-date{font-size:0.72rem;color:var(--light-mid)}.comment-text{font-size:0.875rem;color:var(--mid);line-height:1.6}.comment-empty{color:var(--light-mid);font-size:0.875rem;font-style:italic}.comment-admin-actions{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--light)}.btn-admin-reply{background:none;border:1.5px solid var(--dark-2);color:var(--dark-2);border-radius:5px;padding:4px 12px;font-family:"DM Sans",sans-serif;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s;letter-spacing:0.02em}.btn-admin-reply:hover{background:var(--black);color:var(--white);border-color:var(--black)}.btn-comment-delete{background:none;border:solid transparent 1px;cursor:pointer;color:var(--light-mid);font-size:0.75rem;padding:4px 8px;border-radius:4px;transition:all 0.2s;font-weight:600}.btn-comment-delete:hover{background:none;color:var(--error);border:solid #ff0000 1px}.reply-form{margin-top:10px;background:var(--off-white);border:1.5px solid var(--light);border-radius:8px;padding:12px;animation:fadeUp 0.2s ease}.reply-textarea{width:100%;min-height:80px;padding:10px 12px;border:1.5px solid var(--light);border-radius:7px;font-family:"DM Sans",sans-serif;font-size:0.85rem;color:var(--black);background:var(--white);resize:vertical;outline:none;transition:border-color 0.2s}.reply-textarea:focus{border-color:var(--mid)}.reply-form-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.btn-reply-send{background:var(--black);color:var(--white);border:none;border-radius:8px;padding:8px 18px;font-family:"DM Sans",sans-serif;font-size:0.8rem;font-weight:600;cursor:pointer;transition:background 0.2s}.btn-reply-send:hover{background:var(--dark-3)}.btn-reply-cancel{background:none;color:var(--light-mid);border:1.5px solid var(--light);border-radius:8px;padding:8px 14px;font-family:"DM Sans",sans-serif;font-size:0.8rem;cursor:pointer;transition:all 0.2s}.btn-reply-cancel:hover{border-color:var(--mid);color:var(--mid)}.comment-replies{margin-top:10px;display:flex;flex-direction:column;gap:8px}.comment-reply{background:var(--black);border-radius:8px;padding:12px 14px;margin-left:20px;border-left:3px solid rgba(255,255,255,0.15);animation:fadeUp 0.25s ease}.comment-reply-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.reply-author-badge{font-size:0.72rem;font-weight:700;letter-spacing:0.05em;color:var(--white);text-transform:uppercase;background:rgba(255,255,255,0.12);padding:2px 8px;border-radius:10px}.comment-reply .comment-date{color:rgba(255,255,255,0.35);font-size:0.72rem}.comment-reply .comment-text{color:rgba(255,255,255,0.8);font-size:0.875rem;line-height:1.6}.comment-reply .btn-comment-delete{color:rgba(255,255,255,0.3)}.comment-reply .btn-comment-delete:hover{background:rgba(255,255,255,0.1);color:var(--white)}.about-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.about-avatar{width:100%;aspect-ratio:1;background:var(--dark);border-radius:14px;display:flex;align-items:center;object-fit:contain;color:rgba(255,255,255,0.12);border:1px solid var(--dark-2);position:relative;overflow:hidden}.about-text h2{font-family:"Playfair Display",serif;font-size:2rem;margin-bottom:18px;font-weight:400}.about-text h2 em{font-style:italic;color:var(--mid)}.about-text p{color:var(--mid);line-height:1.78;margin-bottom:14px;font-size:0.93rem}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.social-link{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:7px;border:1.5px solid var(--light);text-decoration:none;font-size:0.83rem;font-weight:500;color:var(--dark);background:var(--white);transition:all 0.2s}.social-link:hover{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.15)}.social-icon{font-size:1rem}.contact-section{margin-top:52px;border-top:1px solid var(--light);padding-top:44px}.contact-section h3{font-family:"Playfair Display",serif;font-size:1.5rem;font-weight:400;margin-bottom:6px}.contact-section p.contact-desc{color:var(--light-mid);font-size:0.875rem;margin-bottom:28px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-grid .full{grid-column:1 / -1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 16px;border:1.5px solid var(--light);border-radius:8px;font-family:"DM Sans",sans-serif;font-size:0.875rem;color:var(--black);background:var(--white);outline:none;transition:border-color 0.2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--mid)}.contact-form textarea{min-height:130px}.contact-form label{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;color:var(--mid);margin-bottom:6px}.contact-form-group{display:flex;flex-direction:column}.btn-contact-send{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:var(--white);border:none;border-radius:8px;padding:13px 30px;font-family:"DM Sans",sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.22s;letter-spacing:0.02em}.btn-contact-send:hover{background:var(--dark-3);transform:translateY(-2px);box-shadow:var(--shadow)}.form-success,.form-error{display:none;padding:14px 18px;border-radius:8px;font-size:0.875rem;font-weight:500;margin-top:16px}.form-success{background:var(--success-bg);color:var(--success);border:1px solid #a5d6a7}.form-error{background:var(--error-bg);color:var(--error);border:1px solid #ef9a9a}.form-success.show,.form-error.show{display:block;animation:fadeUp 0.3s ease}.admin-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);overflow-y:auto}.admin-overlay.open{display:flex;animation:fadeIn 0.2s ease}.admin-login-box{background:var(--white);border-radius:14px;padding:48px 40px;width:100%;max-width:400px;box-shadow:var(--shadow-modal);text-align:center}.admin-login-box h2{font-family:"Playfair Display",serif;font-size:1.6rem;font-weight:400;margin-bottom:8px}.admin-login-box p{color:var(--light-mid);font-size:0.875rem;margin-bottom:28px}.admin-input{width:100%;padding:12px 16px;margin-bottom:14px;border:1.5px solid var(--light);border-radius:8px;font-family:"DM Sans",sans-serif;font-size:0.9rem;color:var(--black);outline:none;transition:border-color 0.2s}.admin-input:focus{border-color:var(--mid)}.btn-admin-login{width:100%;padding:13px;background:var(--black);color:var(--white);border:none;border-radius:8px;font-family:"DM Sans",sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;transition:background 0.2s}.btn-admin-login:hover{background:var(--dark-3)}.btn-admin-logout{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;color:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.18);border-radius:7px;font-family:"DM Sans",sans-serif;font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.2s;white-space:nowrap}.btn-admin-logout:hover{background:#690505;border-color:rgba(220,38,38,0.5);color:#fca5a5}#stat-avg-difficulty{font-size:1.5rem;letter-spacing:2px;color:var(--white)}#stat-avg-difficulty span{cursor:default}.admin-login-error{color:var(--error);font-size:0.8rem;margin-top:10px;display:none}.admin-login-error.show{display:block}.btn-admin-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--black);font-size:1.5rem;cursor:pointer;transition:color 0.2s;line-height:1}.btn-admin-close:hover{color:var(--error)}.admin-panel-box{background:var(--white);border-radius:14px;width:100%;max-width:820px;height:90vh;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);display:none;position:relative}.admin-panel-box.open{display:block;animation:fadeUp 0.25s ease}.admin-panel-header{background:var(--black);color:var(--white);padding:24px 32px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.admin-panel-header h2{font-family:"Playfair Display",serif;font-size:1.4rem;font-weight:400}.admin-panel-tabs{display:flex;gap:6px;padding:20px 32px 0;border-bottom:1px solid var(--light)}.admin-tab{background:none;border:none;cursor:pointer;font-family:"DM Sans",sans-serif;font-size:0.85rem;font-weight:500;color:var(--light-mid);padding:10px 18px;border-radius:6px 6px 0 0;border-bottom:3px solid transparent;transition:all 0.2s;letter-spacing:0.02em}.admin-tab.active{color:var(--black);border-bottom-color:var(--black)}.admin-tab:hover:not(.active){color:var(--mid)}.admin-tab-content{display:none;padding:28px 32px 32px}.admin-tab-content.active{display:block}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form-grid .full{grid-column:1/-1}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--mid)}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{padding:10px 14px;border:1.5px solid var(--light);border-radius:7px;font-family:"DM Sans",sans-serif;font-size:0.875rem;color:var(--black);outline:none;background:var(--white);transition:border-color 0.2s}.admin-form-group input:focus,.admin-form-group select:focus{border-color:var(--mid)}.btn-admin-save{background:none;border:1.5px solid var(--light);color:var(--mid);border-radius:8px;padding:6px 14px;font-family:"DM Sans",sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:20px}.btn-admin-save:hover{color:var(--white);background:var(--success);border-color:var(--success)}.btn-admin-danger{background:none;border:1.5px solid var(--error);color:var(--error);border-radius:8px;padding:6px 14px;font-family:"DM Sans",sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-admin-danger:hover{background:var(--error);color:var(--white)}.btn-admin-read{background:none;border:1.5px solid var(--success);color:var(--success);border-radius:8px;padding:6px 14px;font-family:"DM Sans",sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-admin-read:hover{background:var(--success);color:var(--white)}.btn-admin-edit{background:none;border:1.5px solid var(--light);color:var(--mid);border-radius:8px;padding:6px 14px;font-family:"DM Sans",sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-admin-edit:hover{border-color:var(--black);color:var(--black)}.admin-song-list{display:flex;flex-direction:column;gap:10px}.admin-song-item{display:flex;align-items:center;gap:14px;background:var(--off-white);border:1px solid var(--light);border-radius:8px;padding:12px 16px}.admin-song-thumb{width:48px;height:48px;border-radius:8px;background:var(--dark);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.2);font-size:1.4rem}.admin-song-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.admin-song-info{flex:1;min-width:0}.admin-song-info .song-name{font-weight:600;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-song-info .song-sub{font-size:0.75rem;color:var(--light-mid)}.song-stats-row{display:flex;gap:12px;margin-top:4px;font-size:0.72rem;color:var(--mid);font-weight:500}.song-stats-row span{display:flex;align-items:center;gap:3px}.admin-song-actions{display:flex;gap:8px;flex-shrink:0}.admin-msg-list{display:flex;flex-direction:column;gap:12px}.admin-msg-item{background:var(--off-white);border:1px solid var(--light);border-radius:8px;padding:16px 18px}.admin-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px}.admin-msg-from{font-weight:600;font-size:0.875rem}.admin-msg-meta{font-size:0.72rem;color:var(--light-mid)}.admin-msg-subject{font-size:0.8rem;font-weight:600;color:var(--mid);margin-bottom:6px}.admin-msg-text{font-size:0.85rem;color:var(--mid);line-height:1.6}.admin-msg-unread{border-left:3px solid var(--black)}.admin-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--black);color:var(--white);font-size:0.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;margin-left:6px;vertical-align:middle}.admin-empty{color:var(--light-mid);font-size:0.875rem;font-style:italic;text-align:center;padding:32px}.admin-info-note{background:var(--off-white);border:1px solid var(--light);border-radius:8px;padding:10px 14px;font-size:0.78rem;color:var(--mid);margin-bottom:18px}.admin-info-note strong{color:var(--black)}.visibility-toggle{display:flex;align-items:center;gap:10px;padding:10px 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;cursor:pointer;background:#ccc;border-radius:24px;transition:background 0.2s}.toggle-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:transform 0.2s}.toggle-switch input:checked + .toggle-slider{background:var(--error)}.toggle-switch input:checked + .toggle-slider::before{transform:translateX(20px)}.toggle-label{font-size:0.85rem;font-weight:600;transition:color 0.2s}.card-private{border-color:rgba(198,40,40,0.25)}.card-private .card-cover::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(198,40,40,0.06) 8px,rgba(198,40,40,0.06) 9px);pointer-events:none;z-index:2}.card-private-badge{position:absolute;top:12px;left:12px;background:rgba(198,40,40,0.85);color:white;font-size:0.7rem;padding:3px 8px;border-radius:20px;z-index:4;backdrop-filter:blur(4px);font-weight:600}.upload-row{display:flex;gap:10px;align-items:stretch}.upload-row input[type=text]{flex:1;font-size:0.78rem;color:var(--mid);background:var(--off-white);cursor:default}.btn-upload-file{display:inline-flex;align-items:center;gap:6px;background:var(--white);color:var(--dark);border:1.5px solid var(--light);border-radius:7px;padding:9px 16px;font-family:"DM Sans",sans-serif;font-size:0.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.2s;user-select:none;flex-shrink:0}.btn-upload-file:hover{border-color:var(--black);background:var(--off-white)}.upload-status{margin-top:6px;font-size:0.78rem;min-height:18px}.upload-ok{color:var(--success)}.upload-err{color:var(--error)}.upload-info{color:var(--mid)}.upload-ok a{color:var(--success);text-decoration:underline}.upload-progress-wrap{height:4px;background:var(--light);border-radius:4px;margin-top:8px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--black);border-radius:4px;width:0%;transition:width 0.2s ease}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--black);color:var(--white);padding:12px 28px;border-radius:30px;font-size:0.875rem;font-weight:500;letter-spacing:0.02em;z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.3s;white-space:nowrap;box-shadow:0 8px 30px rgba(0,0,0,0.3)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast-error{background:var(--error)}.toast-success{background:var(--black)}footer{background:var(--black);border-top:1px solid var(--dark-2);position:relative;z-index:1;min-width:100%}.footer-grid{display:grid;grid-template-columns:0.8fr 0.8fr 0.8fr;gap:48px;max-width:1100px;margin:0 auto;padding:52px 32px 36px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-col-center{order:3;grid-column:1 / -1}}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;gap:28px;padding:36px 20px 24px}.footer-col-center{order:unset;grid-column:unset}}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-logo span{font-family:"Playfair Display",serif;font-size:1.1rem;color:#fff}.footer-bio{font-size:0.82rem;color:rgba(255,255,255,0.4);line-height:1.7;margin-bottom:18px}.footer-social{display:flex;flex-wrap:wrap;gap:8px}.footer-social-link{display:flex;align-items:center;gap:6px;font-size:0.82rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color .2s}.footer-social-link:hover{color:#fff}.footer-social-link svg{flex-shrink:0;opacity:0.8}.footer-social-link:hover svg{opacity:1}.footer-col-title{font-family:"Playfair Display",serif;font-weight:400;font-size:1rem;color:rgba(255,255,255,0.7);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--dark-2)}.yt-sub-widget{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:rgba(255,0,0,0.08);border:1px solid rgba(255,0,0,0.2);border-radius:14px}.yt-sub-icon{color:#ff0000}.yt-sub-info{display:flex;flex-direction:column;align-items:center;gap:2px}.yt-sub-count{font-size:2rem;font-weight:700;color:#fff;line-height:1;min-height:2rem;display:flex;align-items:center}.yt-sub-loading{font-size:1.4rem;opacity:0.5;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.yt-sub-label{font-size:0.72rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.08em}.yt-sub-btn{display:inline-block;padding:7px 18px;background:#ff0000;color:#fff;border-radius:20px;text-decoration:none;font-size:0.82rem;font-weight:600;transition:background 0.2s}.yt-sub-btn:hover{background:#cc0000}.yt-sub-desc{font-size:0.75rem;color:rgba(255,255,255,0.35);text-align:center;margin-top:6px}.yt-sub-error{font-size:0.8rem;color:rgba(255,255,255,0.4);text-align:center}.footer-contact-form{display:flex;flex-direction:column;gap:8px}.footer-contact-form input,.footer-contact-form select,.footer-contact-form textarea,.footer-contact-form .custom-select-trigger{background:var(--dark-2);border:1px solid var(--dark-3);border-radius:7px;color:#fff;font-family:"DM Sans",sans-serif;font-size:0.82rem;padding:9px 12px;outline:none;transition:border-color .2s;width:100%}.footer-contact-form input::placeholder,.footer-contact-form textarea::placeholder{color:rgba(255,255,255,0.25)}.footer-contact-form input:focus,.footer-contact-form select:focus,.footer-contact-form textarea:focus,.footer-contact-form .custom-select-wrapper.open .custom-select-trigger{border-color:rgba(255,255,255,0.4)}.footer-contact-form select{color:rgba(255,255,255,0.6)}.footer-contact-form .custom-select-wrapper{position:relative;user-select:none;width:100%}.footer-contact-form .custom-select-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:rgba(255,255,255,0.6)}.footer-contact-form .trigger-content{display:flex;align-items:center;gap:8px}.footer-contact-form .trigger-arrow{font-size:0.75rem;transition:transform 0.2s}.footer-contact-form .custom-select-wrapper.open .trigger-arrow{transform:rotate(180deg)}.footer-contact-form .custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dark-2);border:1px solid var(--dark-3);border-radius:7px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:100;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all 0.2s ease;overflow:hidden}.footer-contact-form .custom-select-wrapper.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.footer-contact-form .custom-option{padding:10px 12px;cursor:pointer;transition:background 0.2s;font-family:"DM Sans",sans-serif;font-size:0.82rem;color:#fff;display:flex;align-items:center;gap:10px}.footer-contact-form .custom-option i{width:16px;text-align:center;color:rgba(255,255,255,0.6)}.footer-contact-form .custom-option:hover{background:var(--dark-3)}.footer-contact-form textarea{min-height:80px;resize:vertical}.btn-footer-send{background:#fff;color:#000;border:none;border-radius:7px;padding:10px 18px;font-family:"DM Sans",sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;align-self:flex-start;margin-top:2px}.btn-footer-send:hover{opacity:0.85;transform:translateY(-1px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:1px solid var(--dark-2);font-size:0.75rem;color:rgba(255,255,255,0.2);letter-spacing:0.03em}@keyframes engagementGlow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0)}30%{box-shadow:0 0 0 6px rgba(255,255,255,0.12),0 0 24px rgba(255,255,255,0.06)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0.12),0 0 24px rgba(255,255,255,0.06)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.engagement-glow{border-radius:12px;animation:engagementGlow 2.8s ease forwards}@keyframes inviteFadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rating-invite{margin-top:10px;font-size:0.8rem;color:var(--light-mid);letter-spacing:0.02em;animation:inviteFadeUp 0.4s ease forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}.heart-pop{animation:heartPop 0.4s ease}@media (max-width:768px){.section{padding:48px 24px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.stats-bar{gap:40px;padding:22px 24px}.hero{padding:64px 24px 52px}}@media (max-width:900px){.song-layout{grid-template-columns:1fr}.song-interactions{grid-template-columns:1fr;gap:36px}.about-layout{grid-template-columns:1fr}.about-avatar{max-width:200px}.contact-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:1}}@media (max-width:640px){body.no-scroll{overflow:hidden}nav{padding:0 16px;height:56px;position:relative;flex-wrap:wrap;align-items:center}.nav-logo-text{display:none}.hamburger{display:flex}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--black);flex-direction:column;gap:0;border-top:1px solid var(--dark-2);z-index:300;padding:8px 0 12px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}.nav-links.open{display:flex;animation:fadeIn 0.2s ease}.nav-links li{width:100%}.nav-links a{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:13px 20px;font-size:0.9rem;border-radius:0;border:none;border-bottom:1px solid var(--dark-2)}.nav-text{display:inline-block;margin-left:12px}.nav-links a:hover{background:var(--dark-2)}.nav-links a.active{background:var(--white);color:var(--black)}.nav-links li:last-child .nav-admin-btn{margin:8px 16px 0;width:calc(100% - 32px);justify-content:center;font-size:0.85rem;padding:11px 14px}.hero{padding:50px 16px 40px}.hero-bg-icon{width:200px;height:200px}.stats-bar{gap:24px;padding:20px 14px}.stat-number{font-size:1.6rem}.stat-label{font-size:0.65rem}.section{padding:36px 16px}.section-title{font-size:1.35rem}.cards-grid{grid-template-columns:1fr;gap:14px}.card-cover{height:200px}.filter-bar{flex-direction:column;gap:8px}.filter-input,.filter-select{width:100%}.song-header h1{font-size:1.6rem}.song-meta{gap:8px;font-size:0.8rem}.song-interactions{grid-template-columns:1fr}.about-layout{gap:24px}.about-avatar{margin:0 auto}.social-links{flex-wrap:wrap;gap:8px}.admin-overlay{align-items:flex-start;padding:0}.admin-panel-box{max-width:100vw;max-height:100dvh;border-radius:0;width:100vw;height:100dvh;margin:0}.admin-login-box{border-radius:0;max-width:100%}.admin-panel-tabs{padding:12px 12px 0;overflow-x:auto;flex-wrap:nowrap;gap:4px}.admin-tab{font-size:0.73rem;padding:8px 10px;white-space:nowrap}.admin-tab-content{padding:16px 14px 20px}.admin-song-actions{flex-direction:column;gap:5px}.admin-song-actions button{width:100%}.upload-row{flex-direction:column}.upload-row input[type=text]{width:100%}.btn-upload-file{justify-content:center}.btn-download{padding:12px 16px;font-size:0.8rem}.btn-like{padding:10px 18px;font-size:0.9rem}.back-btn{font-size:0.8rem;padding:7px 14px}.toast{max-width:90vw;text-align:center;white-space:normal}}@media (max-width:380px){.nav-links a{font-size:0.82rem}}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat-card{background:var(--dark-2);border:1px solid var(--dark-3);border-radius:10px;padding:16px 14px;text-align:center;transition:border-color 0.2s}.stat-card:hover{border-color:var(--light)}.stat-card-icon{font-size:1.4rem;margin-bottom:6px}.stat-card-val{font-size:1.7rem;font-weight:700;color:var(--white);font-family:"Playfair Display",serif}.stat-card-lbl{font-size:0.7rem;color:var(--light-mid);margin-top:4px;text-transform:uppercase;letter-spacing:0.05em}.stats-section-title{font-family:"Playfair Display",serif;font-size:1.05rem;color:var(--white);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--dark-3)}.stats-chart-section{margin-bottom:28px}.stats-bar-chart{display:flex;align-items:flex-end;gap:8px;height:140px;padding:0 4px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-val{font-size:0.72rem;color:var(--light-mid);margin-bottom:4px;min-height:18px}.chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:70%;max-width:36px;background:linear-gradient(180deg,var(--white) 0%,var(--light) 100%);border-radius:4px 4px 0 0;min-height:4px;transition:height 0.4s ease}.chart-label{font-size:0.62rem;color:var(--light-mid);margin-top:6px;text-align:center;white-space:nowrap}.btn-cover-remove{display:inline-block;margin-top:8px;margin-left:8px;background:none;border:1px solid var(--dark-3);color:var(--light-mid);font-size:0.75rem;padding:4px 12px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.btn-cover-remove:hover{border-color:var(--error);color:var(--error)}.admin-file-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;background:var(--off-white);border:1px solid var(--light);border-radius:8px;font-size:0.85rem}.admin-file-row i.fa-file-pdf{color:var(--error);font-size:1.15rem;flex-shrink:0}.admin-file-row-label{flex:1;font-weight:600;color:var(--black)}.admin-file-row-actions{display:flex;gap:8px;flex-shrink:0}.admin-file-row-actions .btn-admin-edit,.admin-file-row-actions .btn-admin-danger{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:0.75rem;line-height:1}.stats-song-table{border:1px solid var(--dark-3);border-radius:8px;overflow:hidden}.stats-table-header{display:grid;grid-template-columns:1fr 110px 110px 90px;gap:0;background:var(--dark-3);padding:9px 14px;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--light-mid)}.stats-table-row{display:grid;grid-template-columns:1fr 110px 110px 90px;gap:0;padding:10px 14px;font-size:0.82rem;border-top:1px solid var(--dark-3);transition:background 0.15s;align-items:center}.stats-table-row:hover{background:var(--dark-2)}.stats-song-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white)}@media (max-width:900px){.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-overview{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card-val{font-size:1.3rem}.stats-bar-chart{height:100px;gap:4px}.chart-label{display:none}.stats-table-header,.stats-table-row{grid-template-columns:1fr 70px 70px 60px;font-size:0.72rem;padding:8px 10px}}.stats-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}@media (max-width:900px){.stats-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.stats-summary-grid{grid-template-columns:repeat(2,1fr)}}.stat-card-admin{background:var(--dark-2);border:1px solid var(--light);border-radius:12px;padding:18px 14px;text-align:center;transition:border-color .2s}.stat-card-admin:hover{border-color:var(--accent)}.stat-card-today{border-color:rgba(255,255,255,0.35)!important;background:var(--dark-3);position:relative;overflow:hidden}.stat-card-today::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,transparent 60%);pointer-events:none}.stat-card-icon{font-size:1.5rem;margin-bottom:6px}.stat-card-value{font-size:1.8rem;font-weight:700;color:var(--accent);line-height:1.1}.stat-card-label{font-size:0.72rem;color:var(--light-mid);margin-top:4px}.stats-num{text-align:right;color:var(--white);font-variant-numeric:tabular-nums}.rating-section{display:flex;flex-direction:column;gap:10px}.rating-stars{display:flex;gap:6px}.rating-star{font-size:2rem;cursor:pointer;color:var(--light-mid);transition:color .15s,transform .15s;user-select:none;line-height:1}.rating-star:hover,.rating-star.active{color:#f5c518;transform:scale(1.15)}.rating-star.avg-fill{color:#c8a415;opacity:0.7}.rating-stars:hover .rating-star{color:var(--light-mid)}.rating-stars .rating-star:hover,.rating-stars .rating-star:hover ~ .rating-star{color:var(--light-mid)}.rating-stars:hover .rating-star:hover{color:#f5c518}.rating-info{font-size:1rem;color:var(--white)}.rating-count{font-size:0.82rem;color:var(--light-mid);margin-left:4px}.rating-my{font-size:0.82rem;color:var(--light-mid);display:flex;align-items:center;gap:10px}.btn-rating-remove{background:none;border:1px solid var(--light);color:var(--light-mid);border-radius:4px;padding:2px 8px;font-size:0.75rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-rating-remove:hover{border-color:var(--error);color:var(--error)}.song-notes-box{background:var(--dark-2);border-left:3px solid var(--accent);border-radius:8px;padding:18px 20px;margin-bottom:28px}.song-notes-box .panel-label{margin-bottom:10px}.song-notes-box p{color:var(--light-mid);font-size:0.95rem;line-height:1.7;margin:0;white-space:pre-wrap}.recent-comment-item{display:block;background:var(--dark-2);border:1px solid var(--light);border-radius:10px;padding:14px 18px;margin-bottom:10px;cursor:pointer;transition:border-color .2s,transform .15s;text-decoration:none;color:inherit}.recent-comment-item:hover{border-color:var(--accent);transform:translateX(4px)}.recent-comment-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.recent-comment-author{font-weight:600;color:var(--white);font-size:0.9rem}.recent-comment-song{font-size:0.8rem;color:var(--accent);opacity:0.85}.recent-comment-date{font-size:0.75rem;color:var(--light-mid);margin-left:auto}.recent-comment-body{color:var(--light-mid);font-size:0.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-subtabs{display:flex;gap:6px;margin:0 0 18px;flex-wrap:wrap}.stats-subtab{background:var(--dark-2);border:1px solid var(--dark-3);border-radius:8px;color:var(--light-mid);cursor:pointer;font-family:"DM Sans",sans-serif;font-size:0.78rem;padding:7px 14px;transition:all .18s}.stats-subtab:hover{border-color:var(--light);color:var(--white)}.stats-subtab.active{background:var(--dark-3);border-color:rgba(255,255,255,0.4);color:var(--white)}.stats-subtab-content{display:none}.stats-subtab-content.active{display:block}.stats-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:640px){.stats-top-grid{grid-template-columns:1fr}}.stats-sub-label{font-size:0.72rem;color:var(--light-mid);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.stats-rank-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--dark-3);background:var(--dark-2);margin-bottom:6px}.rank-num{width:20px;text-align:center;font-size:0.78rem;font-weight:700;color:var(--light-mid);flex-shrink:0}.rank-title{flex:1;font-size:0.82rem;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-val{font-size:0.78rem;color:var(--light-mid);white-space:nowrap}.visitor-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--dark-3)}.visitor-table{width:100%;border-collapse:collapse;font-size:0.78rem}.visitor-table thead tr{background:var(--dark-3);border-bottom:1px solid var(--dark-3)}.visitor-table th{padding:10px 12px;text-align:left;color:var(--light-mid);font-weight:500;font-size:0.72rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.visitor-table td{padding:9px 12px;border-bottom:1px solid rgba(255,255,255,0.06);color:var(--white);background:var(--dark-2);vertical-align:middle}.visitor-table tbody tr:last-child td{border-bottom:none}.visitor-table tbody tr:hover td{background:var(--dark-3)}.vtable-id{font-family:monospace;font-size:0.72rem;color:var(--light-mid);cursor:default;background:inherit}.vtable-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--white)}.vtable-songs{font-size:0.72rem;color:var(--light-mid);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-feed{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto}.ev-feed-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--dark-2);border:1px solid var(--dark-3);font-size:0.8rem}.ev-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:0.72rem;font-weight:500;white-space:nowrap;flex-shrink:0}.ev-visit{background:rgba(99,139,255,.15);color:#90a8ff;border:1px solid rgba(99,139,255,.25)}.ev-view{background:rgba(120,200,120,.15);color:#90d890;border:1px solid rgba(120,200,120,.25)}.ev-dl{background:rgba(255,180,60,.15);color:#ffc060;border:1px solid rgba(255,180,60,.25)}.ev-rating{background:rgba(255,220,50,.15);color:#ffd84a;border:1px solid rgba(255,220,50,.25)}.ev-comment{background:rgba(180,120,255,.15);color:#c090ff;border:1px solid rgba(180,120,255,.25)}.ev-other{background:var(--dark-3);color:var(--light-mid);border:1px solid var(--dark-3)}.ev-feed-song{flex:1;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-feed-id{font-family:monospace;font-size:0.68rem;color:var(--light-mid);flex-shrink:0}.ev-feed-time{font-size:0.72rem;color:var(--light-mid);flex-shrink:0}@media (max-width:640px){.visitor-table th:nth-child(4),.visitor-table td:nth-child(4){display:none}.stats-summary-grid{grid-template-columns:repeat(2,1fr)}}.card-fav-btn{position:absolute;top:8px;left:8px;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:transform 0.15s,background 0.15s;z-index:3}.card-fav-btn:hover{transform:scale(1.15)}.card-fav-btn.faved{border:none;color:#e05252}.song-action-bar{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.btn-share,.btn-fav-song{display:inline-flex;align-items:center;gap:7px;background:none;border:1.5px solid var(--light);color:var(--mid);font-family:"DM Sans",sans-serif;font-size:0.875rem;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:all 0.2s}.btn-share:hover{border-color:var(--black);color:var(--black);background:var(--off-white)}.btn-fav-song:hover{border-color:#e05252;color:#e05252}.btn-fav-song.faved{border-color:#e05252;color:#e05252;background:#fff0f0}.share-popup{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity 0.2s}.share-popup.open{opacity:1;pointer-events:all}.share-popup-box{background:var(--white);border-radius:14px;padding:28px 28px 24px;width:min(380px,90vw);box-shadow:0 20px 60px rgba(0,0,0,0.18);display:flex;flex-direction:column;gap:14px}.share-popup-title{font-family:"Playfair Display",serif;font-size:1.15rem;font-weight:700;color:var(--black);margin:0 0 2px}.share-popup-url{display:flex;gap:8px}.share-popup-url input{flex:1;border:1.5px solid var(--light);border-radius:8px;padding:8px 12px;font-size:0.82rem;color:var(--mid);background:var(--off-white);outline:none;font-family:monospace}.btn-copy-url{background:var(--black);color:var(--white);border:none;border-radius:8px;padding:8px 16px;font-size:0.85rem;cursor:pointer;font-family:"DM Sans",sans-serif;font-weight:500;transition:opacity 0.15s;white-space:nowrap}.btn-copy-url:hover{opacity:0.8}.share-channels{display:flex;gap:10px;flex-wrap:wrap}.btn-share-channel{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--light);border-radius:8px;padding:10px 8px;font-size:0.82rem;font-family:"DM Sans",sans-serif;font-weight:500;cursor:pointer;background:none;color:var(--black);transition:all 0.15s;text-decoration:none}.btn-share-channel:hover{background:var(--off-white);border-color:var(--mid)}.btn-share-close{align-self:flex-end;background:none;border:none;font-size:0.82rem;color:var(--light-mid);cursor:pointer;padding:0;font-family:"DM Sans",sans-serif}.btn-share-close:hover{color:var(--mid)}.fav-empty{text-align:center;padding:60px 20px;color:var(--light-mid);font-size:0.95rem}.fav-empty span{font-size:2.5rem;display:block;margin-bottom:12px}.nav-fav-btn{background:none;border:none;color:rgba(255,255,255,0.7);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color 0.2s;position:relative}.nav-fav-btn:hover{color:#c62828}.fav-count-badge{position:absolute;top:-4px;right:-4px;background:#e05252;color:#fff;border-radius:50%;font-size:0.6rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700}.song-videos-section{margin-top:32px}.song-related-section{margin-top:32px}.song-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:14px}.song-video-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--dark);box-shadow:var(--shadow);transition:transform 0.2s}.song-video-card:hover{transform:translateY(-3px)}.song-video-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--dark)}.song-video-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.song-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.song-video-play i{font-size:2.4rem;color:rgba(255,255,255,0.9);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.55));transition:transform 0.25s}.song-video-card:hover .song-video-play i{transform:scale(1.12)}.song-video-label{padding:8px 10px;font-size:0.8rem;font-weight:600;color:#fff;background:rgba(0,0,0,0.55)}.pdf-preview-pages-badge{position:absolute;right:8px;bottom:8px;z-index:2;background:rgba(0,0,0,0.6);color:#fff;font-size:0.72rem;font-weight:600;padding:3px 8px;border-radius:20px;pointer-events:none}.pdf-pages-lightbox{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity 0.2s;padding:20px}.pdf-pages-lightbox.open{opacity:1;pointer-events:all}.pdf-pages-lightbox-box{position:relative;width:min(600px,92vw);display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-pages-lightbox-close{position:absolute;top:-44px;right:0;z-index:2;background:rgba(255,255,255,0.15);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none}.pdf-pages-lightbox-image-wrap{width:100%;height:min(75vh,820px);background:var(--white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-modal);touch-action:pan-y}.pdf-pages-lightbox-image-wrap img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity 0.15s}.pdf-pages-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(255,255,255,0.15);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.pdf-pages-nav-btn:hover{background:rgba(255,255,255,0.3)}.pdf-pages-nav-prev{left:10px}.pdf-pages-nav-next{right:10px}.pdf-pages-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}.pdf-pages-dot{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.75);border:none;border-radius:50%;width:28px;height:28px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.15s}.pdf-pages-dot:hover{background:rgba(255,255,255,0.3)}.pdf-pages-dot.active{background:var(--white);color:var(--black)}.admin-song-videos-manager{grid-column:1 / -1;margin-top:10px;padding:16px;border:1.5px dashed var(--light);border-radius:10px;background:var(--off-white)}.admin-song-videos-manager>label{display:block;font-size:0.82rem;font-weight:700;margin-bottom:10px;color:var(--mid)}.song-video-add-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;margin-bottom:12px}.song-video-add-row input{padding:9px 12px;border:1px solid var(--light);border-radius:8px;font-size:0.85rem;font-family:inherit}.admin-song-videos-list{display:flex;flex-direction:column;gap:8px}.admin-song-video-row{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--light);border-radius:8px;padding:8px 10px}.admin-song-video-row img{width:56px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--dark)}.admin-song-video-row .asv-label{flex:1;min-width:0;font-size:0.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.song-video-add-row{grid-template-columns:1fr}}.shad-dropdown{position:relative;display:inline-block;font-family:inherit}.shad-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:0.85rem;color:var(--black);background:var(--white);border:1px solid var(--light);border-radius:8px;cursor:pointer;transition:background 0.15s,border-color 0.15s;font-family:inherit;min-width:180px}.shad-trigger:hover{border-color:var(--mid);background:var(--off-white)}.shad-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:100%;background:var(--white);border:1px solid var(--light);border-radius:8px;padding:4px;box-shadow:var(--shadow);animation:shad-in 0.15s ease-out;display:none}.shad-item{position:relative;display:flex;align-items:center;padding:8px 10px 8px 32px;font-size:0.85rem;color:var(--black);border-radius:4px;cursor:pointer;user-select:none;transition:background 0.1s,color 0.1s}.shad-item:hover{background:var(--off-white);color:var(--black)}.shad-check{position:absolute;left:10px;display:flex;align-items:center;justify-content:center;width:14px;opacity:0;color:var(--black)}.shad-item.checked .shad-check{opacity:1}@keyframes shad-in{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-bar .shad-trigger,.admin-tab-content .shad-trigger{padding:10px 14px;font-size:0.9rem;height:100%}.filter-bar .shad-dropdown,.admin-tab-content .shad-dropdown{height:100%}.btn-load-more{background:var(--white);color:var(--black);border:1px solid var(--light);padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-family:inherit;transition:all 0.2s;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.btn-load-more:hover{background:var(--off-white);border-color:var(--mid)}.cover-crop-modal{position:fixed;inset:0;z-index:9200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity 0.2s;padding:20px}.cover-crop-modal.open{opacity:1;pointer-events:all}.crop-modal-inner{background:var(--surface,#fff);border-radius:12px;padding:20px;width:min(540px,92vw);max-height:92vh;display:flex;flex-direction:column;gap:12px}.crop-canvas-wrap{position:relative;overflow:hidden;max-width:min(480px,82vw);max-height:60vh;margin:0 auto;cursor:crosshair;user-select:none;touch-action:none;line-height:0;border:1px solid var(--light);border-radius:8px}.crop-canvas-wrap img{display:block;max-width:min(480px,82vw);max-height:60vh;user-select:none;-webkit-user-drag:none}.crop-selection-box{position:absolute;border:2px dashed #fff;box-shadow:0 0 0 2000px rgba(0,0,0,0.45);display:none;pointer-events:none}.crop-modal-actions{display:flex;justify-content:flex-end;gap:10px}.crop-modal-actions button{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:34px;margin-top:0;box-sizing:border-box}