/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-serif:'Lora',Georgia,'Times New Roman',serif;--font-mono:'JetBrains Mono',SFMono-Regular,Consolas,Menlo,monospace;--bg-main:#fafaf9;--bg-card:#ffffff;--bg-card-subtle:#f5f5f4;--bg-dark:#1c1917;--text-main:#292524;--text-muted:#78716c;--text-light:#a8a29e;--accent:#0f766e;--accent-light:#ccfbf1;--accent-dark:#115e59;--chord-color:#d97706;--chord-bg:#fef3c7;--chord-border:#fde68a;--border:#e7e5e4;--border-subtle:#f5f5f4;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.05);--shadow-lg:0 12px 30px rgba(0,0,0,0.08);--radius:12px;}[data-theme="dark"]{--bg-main:#0c0a09;--bg-card:#1c1917;--bg-card-subtle:#292524;--bg-dark:#000000;--text-main:#f5f5f4;--text-muted:#a8a29e;--text-light:#78716c;--accent:#2dd4bf;--accent-light:rgba(45,212,191,0.15);--accent-dark:#14b8a6;--chord-color:#fbbf24;--chord-bg:rgba(251,191,36,0.15);--chord-border:rgba(251,191,36,0.3);--border:#292524;--border-subtle:#1c1917;--shadow-md:0 4px 20px rgba(0,0,0,0.3);}[data-theme="parchment"]{--bg-main:#fbf0d9;--bg-card:#f5e6c8;--bg-card-subtle:#ecd9b5;--text-main:#3d3024;--text-muted:#735e4b;--border:#dfc8a5;--accent:#8c431d;--chord-color:#b45309;--chord-bg:#fae2b4;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;transition:background-color 0.25s ease,color 0.25s ease;min-height:100vh;display:flex;flex-direction:column;}a{color:var(--accent);text-decoration:none;transition:all 0.15s ease;}a:hover{text-decoration:underline;}.sk-layout{max-width:1080px;width:100%;margin:0 auto;padding:0 1.5rem;}.sk-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);}.sk-header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;}.sk-brand{display:flex;align-items:center;gap:0.75rem;font-weight:800;font-size:1.4rem;color:var(--text-main);text-decoration:none;letter-spacing:-0.02em;}.sk-brand span{color:var(--accent);}.sk-brand-badge{font-size:0.65rem;font-weight:700;text-transform:uppercase;background:var(--accent-light);color:var(--accent);padding:2px 6px;border-radius:4px;letter-spacing:0.05em;}.sk-nav{display:flex;align-items:center;gap:1.5rem;}.sk-nav a{color:var(--text-muted);font-weight:600;font-size:0.95rem;}.sk-nav a:hover{color:var(--text-main);text-decoration:none;}.sk-theme-switchers{display:flex;align-items:center;background:var(--bg-card-subtle);border:1px solid var(--border);border-radius:20px;padding:3px;gap:2px;}.sk-theme-btn{border:none;background:transparent;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--text-muted);transition:all 0.15s;}.sk-theme-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm);}.sk-main{flex:1;padding:2.5rem 0;}.sk-hero{text-align:center;padding:3rem 1rem 2.5rem;max-width:720px;margin:0 auto;}.sk-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-0.03em;color:var(--text-main);margin-bottom:0.75rem;}.sk-hero p{color:var(--text-muted);font-size:1.15rem;margin-bottom:2rem;}.sk-search-box{position:relative;max-width:540px;margin:0 auto;}.sk-search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:1rem;font-family:inherit;box-shadow:var(--shadow-md);outline:none;transition:border-color 0.2s,box-shadow 0.2s;}.sk-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);}.sk-search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-light);}.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;}.sk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;display:flex;flex-direction:column;justify-content:space-between;}.sk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent);}.sk-card-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:0.5rem;line-height:1.3;}.sk-card-meta{font-size:0.85rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}.sk-card-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.75rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:var(--accent-light);color:var(--accent-dark);}.sk-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2rem 0;margin-top:auto;text-align:center;font-size:0.9rem;color:var(--text-muted);}.sk-kisi-container{padding:1rem 0 3rem;}.sk-artist-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.25rem;display:flex;gap:2rem;align-items:flex-start;box-shadow:var(--shadow-md);margin-bottom:2.5rem;}.sk-artist-avatar-wrap{flex-shrink:0;}.sk-artist-avatar-fallback{width:90px;height:90px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#334155);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;box-shadow:var(--shadow-sm);}.sk-artist-avatar-img{width:90px;height:90px;border-radius:20px;object-fit:cover;border:2px solid var(--border);}.sk-artist-info{flex:1;}.sk-artist-name{font-size:2.2rem;font-weight:800;color:var(--text-main);letter-spacing:-0.02em;line-height:1.2;}.sk-artist-mesam-pill{display:inline-flex;align-items:center;gap:0.3rem;background:var(--accent-light);color:var(--accent-dark);border:1px solid var(--accent);padding:2px 8px;border-radius:6px;font-size:0.78rem;font-weight:700;}.sk-artist-title{font-size:1.05rem;color:var(--text-muted);margin-top:0.35rem;font-weight:500;}.sk-artist-bio{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);font-size:0.95rem;line-height:1.7;color:var(--text-main);}.sk-catalog-section{margin-bottom:2.5rem;}.sk-catalog-header{margin-bottom:1rem;}.sk-catalog-header h2{font-size:1.35rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:0.5rem;}.sk-count-badge{font-size:0.9rem;color:var(--text-light);font-weight:600;}.sk-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}.sk-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.92rem;}.sk-table th{background:var(--bg-card-subtle);color:var(--text-muted);font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.85rem 1.25rem;border-bottom:1px solid var(--border);}.sk-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle;}.sk-table tr:last-child td{border-bottom:none;}.sk-table tr:hover td{background:var(--bg-card-subtle);}.sk-song-link{font-weight:700;font-size:1rem;color:var(--text-main);transition:color 0.15s;}.sk-song-link:hover{color:var(--accent);}.sk-key-pill{font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:var(--chord-color);background:var(--chord-bg);border:1px solid var(--chord-border);padding:1px 5px;border-radius:4px;margin-left:0.4rem;vertical-align:middle;}.sk-author-self{font-weight:700;color:var(--text-main);}.sk-dash{color:var(--text-light);}.sk-action-btn{display:inline-block;background:var(--bg-main);border:1px solid var(--border);color:var(--text-muted);font-size:0.8rem;font-weight:600;padding:4px 10px;border-radius:6px;transition:all 0.15s;}.sk-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);text-decoration:none;}.sk-year-pill{display:inline-flex;align-items:center;gap:0.25rem;background:var(--bg-card-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:0.78rem;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:6px;text-decoration:none;transition:all 0.15s ease;}.sk-year-pill:hover{background:var(--accent);color:#ffffff;border-color:var(--accent);text-decoration:none;}.sk-report-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:0.82rem;font-weight:700;padding:5px 12px;border-radius:9999px;cursor:pointer;transition:all 0.15s ease;display:inline-flex;align-items:center;gap:0.35rem;}.sk-report-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-card-subtle);}.sk-link-report-btn{background:none;border:none;color:var(--accent);font-size:0.82rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;}.sk-link-report-btn:hover{filter:brightness(1.15);}.sk-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.75);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;}.sk-modal-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden;animation:skModalIn 0.2s cubic-bezier(0.16,1,0.3,1);}@keyframes skModalIn{from{opacity:0;transform:scale(0.95) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}.sk-modal-header{padding:1.25rem 1.5rem;background:var(--bg-card-subtle);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}.sk-modal-close-btn{background:transparent;border:none;font-size:1.2rem;color:var(--text-light);cursor:pointer;padding:4px 8px;border-radius:6px;}.sk-modal-close-btn:hover{background:var(--border-subtle);color:var(--text-main);}.sk-modal-body{padding:1.5rem;}.sk-form-group{margin-bottom:1.1rem;}.sk-label{display:block;font-size:0.82rem;font-weight:700;color:var(--text-main);margin-bottom:0.35rem;}.sk-input,.sk-select,.sk-textarea{width:100%;box-sizing:border-box;background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);padding:0.65rem 0.85rem;border-radius:6px;font-size:0.9rem;font-family:var(--font-sans);transition:border-color 0.15s;}.sk-input:focus,.sk-select:focus,.sk-textarea:focus{outline:none;border-color:var(--accent);}.sk-btn-primary{background:var(--accent);color:#fff;border:none;padding:0.65rem 1.25rem;border-radius:6px;font-size:0.9rem;font-weight:700;cursor:pointer;transition:filter 0.15s;}.sk-btn-primary:hover{filter:brightness(1.1);}.sk-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:0.65rem 1rem;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;}.sk-btn-secondary:hover{background:var(--bg-card-subtle);color:var(--text-main);}
.sk-work-view{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);}.sk-work-header{padding:2.25rem 2.5rem;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-card),var(--bg-card-subtle));}.sk-work-title{font-size:2.25rem;font-weight:800;color:var(--text-main);letter-spacing:-0.02em;margin-bottom:0.5rem;}.sk-trust-pill{display:inline-flex;align-items:center;gap:0.4rem;background:var(--accent-light);color:var(--accent-dark);border:1px solid var(--accent);padding:4px 10px;border-radius:9999px;font-size:0.8rem;font-weight:700;}.sk-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;font-size:0.95rem;}.sk-meta-block span.label{display:block;font-size:0.75rem;text-transform:uppercase;color:var(--text-light);letter-spacing:0.05em;margin-bottom:2px;}.sk-meta-block span.val{font-weight:600;color:var(--text-main);}.sk-meta-block span.val a{color:var(--accent);font-weight:600;}.sk-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 2.5rem;background:var(--bg-card-subtle);border-bottom:1px solid var(--border);}.sk-segmented{display:inline-flex;background:var(--bg-main);border:1px solid var(--border);padding:3px;border-radius:8px;}.sk-seg-btn{border:none;background:transparent;padding:6px 14px;border-radius:6px;font-size:0.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all 0.15s;}.sk-seg-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm);}.sk-tools-group{display:flex;align-items:center;gap:0.5rem;}.sk-btn-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:6px 12px;border-radius:6px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:0.3rem;}.sk-btn-chip:hover{border-color:var(--accent);color:var(--accent);}.sk-trans-val{font-family:var(--font-mono);font-weight:700;min-width:28px;text-align:center;color:var(--text-main);}.sk-content-body{padding:2.5rem 2.5rem 3rem;min-height:350px;}.sk-lyrics-text{font-family:var(--font-serif);font-size:1.25rem;line-height:1.75;white-space:pre-line;color:var(--text-main);max-width:680px;letter-spacing:0.01em;}.sk-chords-text{font-family:var(--font-mono);font-size:1.05rem;line-height:1.7;white-space:pre;color:var(--text-main);overflow-x:auto;letter-spacing:-0.01em;}.chord-tag{color:var(--chord-color);font-weight:700;background:var(--chord-bg);border:1px solid var(--chord-border);padding:1px 5px;border-radius:4px;display:inline-block;cursor:pointer;transition:all 0.12s;user-select:none;font-size:0.95em;margin-bottom:2px;}.chord-tag:hover{transform:translateY(-2px);filter:brightness(1.05);}.sk-verify-box{border-left:3px solid var(--accent);background:var(--bg-card-subtle);padding:1.25rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;font-size:0.9rem;color:var(--text-muted);}.sk-verify-box strong{color:var(--text-main);display:block;margin-bottom:0.25rem;}