:root{color-scheme:dark light;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--r-sm:12px;--r:20px;--r-lg:28px;--r-xl:40px;--sh-1:0 8px 24px rgba(2,6,23,.14);--sh-2:0 22px 68px rgba(2,6,23,.26);--brand-1:#22d3ee;--brand-2:#6366f1;--brand-3:#f472b6;--font: ui-sans-serif,-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--t--1: clamp(12px, .92vw, 14px);--t0: clamp(14px, 1.05vw, 16px);--t1: clamp(17px, 1.5vw, 20px);--t2: clamp(20px, 2.1vw, 26px);--t3: clamp(24px, 3.3vw, 42px);--t4: clamp(28px, 4.8vw, 56px);--bg:#edeff3;--surface:#ffffffdd;--text:#0c1222;--muted:#5f6a84;--border:rgba(3,7,18,.08);--glass:rgba(255,255,255,.5);--ring: color-mix(in oklab, var(--brand-2), transparent 55%);--bg-grad-1:#eaf0ff;--bg-grad-2:#ebf8ff;--highlight: color-mix(in oklab, white 55%, transparent);--edge: color-mix(in oklab, var(--brand-2) 40%, transparent 80%);--chord-fg:#d61f69;--reader-font-size:16px;--reader-lh:1.46;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--bg:#0b0f14;--surface:#101621f0;--text:#e9edf7;--muted:#97a3bb;--border:rgba(255,255,255,.1);--glass:rgba(255,255,255,.06);--ring: color-mix(in oklab, var(--brand-1), transparent 52%);--bg-grad-1:#10162a;--bg-grad-2:#0b0f14;--highlight: color-mix(in oklab, white 7%, transparent);--edge: color-mix(in oklab, var(--brand-1) 32%, transparent 80%);--chord-fg:#f472b6}:root:not([data-theme=dark]) .keys{color:var(--text)}:root:not([data-theme=dark]) .keys .key{color:var(--text)!important;background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 8%),color-mix(in oklab,var(--surface),transparent 22%))!important;border-color:color-mix(in oklab,var(--text),transparent 86%)!important}:root:not([data-theme=dark]) .keys .key:hover{color:var(--text)!important;background:color-mix(in oklab,var(--surface),white 10%)!important}:root:not([data-theme=dark]) .keys .key.active{background:linear-gradient(90deg,var(--brand-2),var(--brand-1))!important;color:#fff!important;border-color:transparent!important}.theme-btn{color:var(--icon)}:root{--icon:#eab308}:root[data-theme=dark]{--icon:#93c5fd}.theme-btn[data-mode=auto]{color:var(--icon-auto)}:root{--icon-auto:#a78bfa}:root[data-theme=dark]{--icon-auto:#67e8f9}html,body{height:100%;background-color:var(--bg)}header:before{content:"";position:fixed;left:0;right:0;top:0;height:var(--safe-top);background:var(--bg);z-index:-1}@media (max-width:640px){.nav{background:color-mix(in oklab,var(--surface),transparent 6%);border-color:color-mix(in oklab,var(--text),transparent 88%);-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}}@supports not (color: color-mix(in oklab,white,black)){.nav{background:#ffffffb8}:root[data-theme=dark] .nav{background:#101621e6}}@media (max-width:640px){body{background-attachment:scroll,scroll;background-position:center top,center top}}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}html,body{overflow-x:clip}@supports not (overflow-x: clip){html,body{overflow-x:hidden}}.mnav{contain:layout paint}.mnav[aria-hidden=true]{pointer-events:none}body{margin:0;font-family:var(--font);font-size:var(--t0);line-height:1.55;color:var(--text);-webkit-text-size-adjust:100%;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg)}body{background-image:radial-gradient(1200px 900px at 8% -10%,color-mix(in oklab,var(--brand-2) 10%,var(--bg-grad-1)),transparent 60%),radial-gradient(1000px 900px at 110% 10%,color-mix(in oklab,var(--brand-1) 8%,var(--bg-grad-2)),transparent 60%);background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;background-position:left top,right top}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.95" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".012"/></svg>');mix-blend-mode:soft-light}.page{box-sizing:border-box;inline-size:min(1180px,100%);margin:calc(12px + var(--safe-top)) auto calc(70px + var(--safe-bot));border-radius:var(--r-xl);padding-inline:clamp(12px,3vw,24px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:10px;border-radius:calc(var(--r-xl) - 8px);background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 8%),color-mix(in oklab,var(--surface),transparent 28%));border:1px solid var(--border);box-shadow:var(--sh-1);-webkit-backdrop-filter:saturate(160%) blur(1px);backdrop-filter:saturate(160%) blur(1px);outline:1px solid color-mix(in oklab,var(--edge),transparent 78%)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;min-width:0}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--brand-2),var(--brand-1));box-shadow:0 8px 22px color-mix(in oklab,var(--brand-1),transparent 70%);position:relative;overflow:hidden;flex:0 0 auto}.logo:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--highlight),transparent 60%)}.logo svg{width:20px;height:20px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.nav-links{display:flex;gap:10px;align-items:center;min-width:0;overflow:auto hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.nav-links .nav-item{scroll-snap-align:start}.actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.btn{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);color:var(--text);padding:10px 14px;border-radius:14px;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.theme-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 40%);cursor:pointer;flex:0 0 auto;color:var(--text)}.theme-btn svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.theme-btn svg *{vector-effect:non-scaling-stroke}.theme-btn svg [fill]{fill:none!important}.hamburger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 40%);cursor:pointer;position:relative;align-items:center;justify-content:center;gap:3px;color:var(--text)}.hamburger .bar{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative}.hamburger .bar:nth-child(2){transform:translateY(4px)}.hamburger .bar:nth-child(1){transform:translateY(-4px)}@media (max-width: 960px){.hamburger{display:inline-flex}}@property --mx{syntax:"<number>"; inherits:false; initial-value:50;}@property --my{syntax:"<number>"; inherits:false; initial-value:50;}@property --elev{syntax:"<number>"; inherits:false; initial-value:0;}.icon-nav .nav-item{position:relative;appearance:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;font-weight:800;letter-spacing:.1px;color:var(--muted);background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 20%),color-mix(in oklab,var(--surface),transparent 45%));border:1px solid color-mix(in oklab,var(--text),transparent 92%);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);transition:box-shadow .25s,transform .25s,color .2s,background .3s,border-color .3s;overflow:hidden;--mx:50;--my:50;--elev:0;isolation:isolate;flex:0 0 auto}.icon-nav .nav-item .glyph{width:18px;height:18px;fill:currentColor;transition:transform .2s;flex:0 0 auto}.icon-nav .nav-item .label{font-size:14px;white-space:nowrap}.stage{margin-top:var(--s4);border-radius:var(--r-xl);background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 6%),color-mix(in oklab,var(--surface),transparent 26%));border:1px solid var(--border);box-shadow:var(--sh-2);position:relative;overflow:visible;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.stage:after{content:"";position:absolute;inset:1px;border-radius:calc(var(--r-xl) - 1px);border:1px solid color-mix(in oklab,var(--edge),transparent 72%);pointer-events:none}.hero{padding:var(--s10) var(--s8) var(--s6)}.hero h1{font-size:var(--t3);line-height:1.06;margin:8px 0 12px;letter-spacing:-.02em}.hero p{color:var(--muted);max-width:100%;font-size:13px}.gradient-text{background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3));-webkit-background-clip:text;background-clip:text;color:transparent}.search-wrap{margin:28px 0 0;position:relative;border-radius:var(--r);padding:0}.search{display:flex;align-items:center;gap:10px;background:color-mix(in oklab,var(--surface),transparent 10%);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.search input{flex:1;font:inherit;border:0;outline:0;background:transparent;color:var(--text);padding:12px 6px;font-size:16px;letter-spacing:.1px;min-width:0}.clear-btn{appearance:none;border:none;background:transparent;cursor:pointer;border-radius:10px;padding:6px;color:var(--muted);flex:0 0 auto}.clear-btn:hover{background:color-mix(in oklab,var(--surface),transparent 20%)}.kbd{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);padding:4px 7px;border-radius:8px;font-size:12px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.suggest{position:absolute;left:0;top:0;width:0;max-height:60vh;overflow:auto;border-radius:16px;border:1px solid var(--border);display:none;box-shadow:var(--sh-2);z-index:1000;background:color-mix(in oklab,var(--surface),transparent 4%);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.suggest.visible{display:block;animation:pop .18s cubic-bezier(.2,.6,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.suggest ul{margin:0;padding:6px;list-style:none}.suggest .sec{padding:6px 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.suggest .sep{height:1px;margin:6px;background:color-mix(in oklab,var(--text),transparent 92%);border-radius:1px}.suggest li:hover{background:color-mix(in oklab,var(--surface),transparent 18%);color:var(--text)}.suggest li.active{background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--text);outline:2px solid color-mix(in oklab,var(--ring),transparent 30%)}section{padding:0 0 32px}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 var(--s8);gap:10px;flex-wrap:wrap}.section-title h2{font-size:var(--t1);margin:0}.section-title a{color:var(--muted);font-weight:800}.artists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 var(--s8) var(--s10)}.artist-card{position:relative;padding:14px;border-radius:16px;background:color-mix(in oklab,var(--surface),transparent 6%);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s,box-shadow .16s}.artist-card:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0206172e}.artist-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-width:0}.artist-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:.2px;color:#fff;background:linear-gradient(145deg,var(--brand-2),var(--brand-1));flex:0 0 auto}.artist-name{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.artist-meta .badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted)}.song-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 var(--s8) var(--s6)}.song-list{display:grid;grid-auto-rows:minmax(0,auto);gap:6px}.song-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:color-mix(in oklab,var(--surface),transparent 70%);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .12s}.song-row:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:color-mix(in oklab,var(--edge),transparent 70%);transform:translateY(-1px)}.song-idx{font-variant-numeric:tabular-nums;opacity:.6;font-weight:800;color:var(--muted);text-align:center}.song-main{min-width:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.song-title{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}.song-meta{display:flex;gap:8px;align-items:center;white-space:nowrap}.badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted)}.cat-block{background:color-mix(in oklab,var(--surface),transparent 6%);border:1px solid var(--border);border-radius:14px;padding:12px}.cat-title{margin:0 0 10px;font-size:16px}.cat-list{display:grid;gap:6px}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;background:color-mix(in oklab,var(--surface),transparent 65%);border:1px solid var(--border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s,border-color .15s}.cat-row:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:color-mix(in oklab,var(--edge),transparent 70%)}.cat-left{min-width:0}.cat-title-sm{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-artist-sm{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-block{background:transparent;border:0;padding:0;margin-top:12px}.cat-title{margin:0 0 8px}.cat-row{border:0;background:color-mix(in oklab,var(--surface),transparent 80%);padding:6px 8px}.cat-row:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:transparent}.song-meta .badge{border:0;background:color-mix(in oklab,var(--surface),transparent 80%)}.panel{padding:var(--s8) var(--s8) var(--s6)}.section{padding:var(--s4) 0}.crumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:8px;flex-wrap:wrap}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.titlebar h1{font-size:var(--t3);margin:2px 0 0}.subtitle{color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.pill{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);padding:8px 10px;border-radius:999px;display:flex;align-items:center;gap:8px}.select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 8px;color:var(--text);min-height:38px}.select option{color:#000;background:#fff}.keys{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.key{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:800;min-height:38px}.key:hover{background:color-mix(in oklab,var(--surface),white 6%)}.key.active{background:linear-gradient(90deg,var(--brand-2),var(--brand-1));color:#fff;border-color:transparent}.reader{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-top:16px}.card{background:color-mix(in oklab,var(--surface),transparent 6%);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-1);padding:16px}.reader-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.lyrics{font-size:var(--reader-font-size);line-height:var(--reader-lh);white-space:pre-wrap;word-break:break-word}.line{display:block;margin:3px 0}.cw{display:contents}.cw .ch{font-weight:800;letter-spacing:.2px;line-height:1;display:inline-block;padding:0 2px;color:var(--chord-fg);transform:translateY(2px);cursor:pointer}.cw .ly{border-bottom:1px dotted transparent}.sect{margin:18px 0}.sect h3{margin:0 0 8px;font-size:var(--t1)}.sect .body{display:block}.meta-list{display:grid;gap:8px}.meta-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px}.modal-mask{position:fixed;inset:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:300}.modal{width:min(1000px,94vw);max-height:80vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-2);padding:16px 16px 10px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.close-btn{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800}.diag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.diag-card{border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--surface)}.diag-name{font-weight:800;text-align:center;margin:4px 0 6px}.diag-wrap{display:grid;place-items:center}.diag-wrap,.diag-wrap svg{color:var(--text)}.diag-wrap svg text{fill:currentColor}.panel-box.glass-flash:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in oklab,white 45%,transparent),transparent 60%);pointer-events:none;opacity:0}.panel-box.glass-flash:before{opacity:.9!important;animation:glassFlash .48s cubic-bezier(.2,.6,.2,1)}.panel-box.glass-flash{box-shadow:0 28px 90px #0206173d,0 0 0 1px color-mix(in oklab,var(--edge),transparent 72%)}@keyframes glassFlash{0%{opacity:0;filter:blur(0)}35%{opacity:.85;filter:blur(6px)}to{opacity:.5;filter:blur(0)}}footer{padding:22px var(--s8) calc(64px + var(--safe-bot));color:var(--muted);text-align:center}.progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand-2),var(--brand-1));transform-origin:0 50%;transform:scaleX(0);z-index:240}body.menu-open{overflow:hidden;touch-action:none}.mnav-mask{position:fixed;inset:0;background:#00000061;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);z-index:310;opacity:0;transition:opacity .18s ease}.mnav{position:fixed;top:0;right:0;height:100dvh;width:min(92vw,380px);z-index:320;background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 2%),color-mix(in oklab,var(--surface),transparent 24%));border-left:1px solid var(--border);box-shadow:-20px 0 60px #02061759;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);transform:translate(102%);transition:transform .24s cubic-bezier(.2,.6,.2,1);display:flex;flex-direction:column;outline:1px solid color-mix(in oklab,var(--edge),transparent 70%)}.mnav[aria-hidden=false]{transform:translate(0)}.mnav-mask[aria-hidden=false]{opacity:1}.mnav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(8px + var(--safe-top)) 14px 10px}.brand-mini{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mini .logo{width:32px;height:32px;border-radius:10px}.mnav-close{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800;color:var(--text)}.mnav-search{display:flex;gap:8px;padding:8px 14px 12px}.mnav-search input{flex:1;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--surface),transparent 35%);padding:12px;color:var(--text);min-height:44px}.mnav-links{display:grid;gap:6px;padding:8px}.mnav-item{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;color:var(--text);background:color-mix(in oklab,var(--surface),transparent 70%);border:1px solid var(--border)}.mnav-item .glyph{width:18px;height:18px;fill:currentColor}.mnav-item.active,.mnav-item:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:color-mix(in oklab,var(--edge),transparent 70%)}.mnav-footer{margin-top:auto;padding:10px 14px calc(12px + var(--safe-bot));display:grid;gap:8px}.theme-inline{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);border-radius:12px;padding:12px;cursor:pointer;font-weight:800;color:var(--text)}.theme-inline .ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 960px){.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-columns{grid-template-columns:1fr;padding-inline:calc(var(--s8) + 2px)}.reader{grid-template-columns:1fr}.nav-links{gap:8px;display:none}.titlebar h1{font-size:var(--t1)}.search{padding:14px;gap:12px}.search input{font-size:16px}.chip{padding:9px 12px}}@media (max-width: 640px){.artists-grid{grid-template-columns:1fr!important;gap:10px;padding:0 var(--s6) var(--s10)}.grid{grid-template-columns:1fr}.hero{padding:var(--s8) var(--s6) var(--s6)}.section-title,.grid,.song-columns{padding-inline:var(--s6)}.nav{gap:8px}.brand span[itemprop=name]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.artist-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;border-radius:14px}.artist-head{margin:0;display:flex;align-items:center;gap:10px;min-width:0}.artist-avatar{width:40px;height:40px;border-radius:12px}.artist-name{font-size:15px}.artist-sub{font-size:12.5px}.artist-meta{grid-column:2/3;grid-row:1/2;margin:0;justify-self:end;align-self:center;display:flex;gap:6px;flex-wrap:wrap;max-width:60vw;justify-content:flex-end}.artist-meta .badge{padding:2px 7px;font-size:11px;border:0;background:color-mix(in oklab,var(--surface),transparent 80%)}.song-row{grid-template-columns:22px 1fr auto;grid-template-rows:auto auto;align-items:start;padding:8px 10px;gap:6px 10px}.song-idx{grid-column:1/2;grid-row:1/3;line-height:1.1}.song-main{grid-column:2/3;grid-row:1/3;display:grid;grid-template-rows:auto auto;align-content:start;row-gap:2px}.song-title{grid-row:1;font-size:14px;line-height:1.2}.song-artist{grid-row:2;margin-left:0;font-size:12.5px;line-height:1.25;max-width:100%}.song-meta{grid-column:3/4;grid-row:2;align-self:end;justify-self:end;display:flex;gap:6px;margin-top:0}.badge{padding:2px 7px;font-size:11px}.chip{font-size:12.5px}.panel{padding:var(--s2)}.cw{display:inline-grid;grid-template-rows:auto 1.2em;align-items:end;margin-right:3px}.cw .ch{transform:none;line-height:1;padding:0 2px}.suggest{max-height:66vh}.suggest li{padding:15px 12px}}@media (max-width: 360px){.btn{padding:9px 12px}.key{padding:7px 10px}.search{gap:8px}.titlebar{gap:10px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.legal-note{margin:12px 0 0;padding:12px;font-size:12.5px;line-height:1.45;color:var(--muted);border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--surface),transparent 70%)}.artists-grid,.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 var(--s8) var(--s8)}.artist-card,.artist{position:relative;overflow:hidden;padding:14px;border-radius:16px;background:color-mix(in oklab,var(--surface),transparent 6%);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s,box-shadow .16s}.artist:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0206172e}.artist-head,.head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.artist-avatar,.avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:.2px;color:#fff;background:linear-gradient(145deg,var(--brand-2),var(--brand-1))}.artist-name,.aname{margin:0;font-size:16px}.artist-sub,.asub{color:var(--muted);font-size:13px}.artist-meta,.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.meta .badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted)}.az{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.az .key{padding:5px 7px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:800;font-size:16px;color:var(--muted)}.search-wrap .search{display:flex;align-items:center;gap:10px}.search-wrap input{flex:1;border:0;background:transparent;color:var(--text);padding:12px 6px;font-size:17px}.clear-btn{appearance:none;border:none;background:transparent;cursor:pointer;border-radius:10px;padding:6px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.suggest.visible{display:block}.suggest .loading{opacity:.6}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 6px}.pager{display:flex;gap:8px;align-items:center;justify-content:center;padding:4px 0 0}@media (max-width: 960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr;padding-inline:var(--s6)}.artist{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;border-radius:14px}.head{margin:0;gap:10px}.avatar{width:40px;height:40px;border-radius:12px}.aname{font-size:15px}.asub{font-size:12.5px}.meta{grid-column:2/3;grid-row:1/2;margin:0;justify-self:end;align-self:center;display:flex;gap:6px;flex-wrap:wrap;max-width:60vw;justify-content:flex-end}.meta .badge{padding:2px 7px;font-size:11px;border:0;background:color-mix(in oklab,var(--surface),transparent 80%)}.az .key{padding:7px 9px;border-radius:10px}.suggest{max-height:66vh}}.section-title{align-items:center;gap:10px;flex-wrap:wrap}.section-title>*{flex:0 0 auto}.pager,nav[role=navigation] .pagination,nav[aria-label=Pagination] .pagination,.pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0;padding:0}.pagination li{list-style:none}.pager a,.pager span,.pager button,.pagination a,.pagination span,.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 10px;font-size:13px;font-weight:800;letter-spacing:.1px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 60%);color:var(--muted);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .12s,color .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1}.pager a:hover,.pagination a:hover,.pager button:hover,.pagination button:hover{background:color-mix(in oklab,var(--surface),white 6%);color:var(--text);border-color:color-mix(in oklab,var(--edge),transparent 70%)}.pagination .active>span,.pagination span[aria-current=page],.pager span[aria-current=page]{background:linear-gradient(90deg,var(--brand-2),var(--brand-1));color:#fff;border-color:transparent}.pagination .disabled>span,.pagination .disabled>a,.pagination .disabled>button,.pager .disabled,.pager [disabled]{opacity:.5;pointer-events:none}.pager .prev,.pager .next,.pagination .prev,.pagination .next{min-width:30px;padding:0 8px}.section-title[style*="justify-content:center"] .pager,.section-title .pager{margin:0}.grid+.section-title .pager,.artists-grid+.section-title .pager{width:100%}.az{display:flex;gap:6px;row-gap:4px;flex-wrap:wrap;margin-top:10px}.az .key{padding:5px 7px;border-radius:4px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:800;font-size:16px;color:var(--muted)}.az .key:hover{background:color-mix(in oklab,var(--surface),white 6%)}.az .key.active{background:linear-gradient(90deg,var(--brand-2),var(--brand-1));color:#fff;border-color:transparent}@media (max-width:640px){.pager a,.pager span,.pager button,.pagination a,.pagination span,.pagination button{min-width:30px;height:28px;padding:0 8px;font-size:12.5px;border-radius:9px}.az{gap:11px 5px}.az .key{padding:8px 9px;font-size:17px;border-radius:5px}}@media (max-width:360px){.pager a,.pager span,.pagination a,.pagination span{min-width:28px;height:26px;padding:0 7px;font-size:12px}.az .key{padding:3px 6px;font-size:11.5px}}@media (max-width: 640px){.lyrics{--reader-lh: 1.32}.cw{display:inline-grid;grid-template-rows:1em 1.1em;align-items:end;row-gap:0;margin-right:2px;vertical-align:bottom}.cw .ch{line-height:1;padding:0 1px;transform:none}.cw .ch:empty{display:none}.cw .ch.empty{display:none}.cw:has(.ch:empty),.cw:has(.ch.empty){grid-template-rows:0 1.1em}.cw .ly{line-height:1.1}.line{margin:2px 0}.card{padding:12px}}.search .clear-btn{opacity:1;transition:opacity .15s ease}.search input:placeholder-shown~.clear-btn{opacity:0;pointer-events:none}@media (max-width:640px){.search .kbd{display:none}}.search-mask{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);z-index:998;opacity:0;pointer-events:none;transition:opacity .18s ease}.search-mask.open{opacity:1;pointer-events:auto}.suggest.mobile{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:70dvh;border-radius:16px 16px 0 0;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 4%);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);transform:translateY(8px);opacity:0;transition:transform .18s cubic-bezier(.2,.6,.2,1),opacity .18s ease;z-index:999;display:none}.suggest.mobile.visible{display:block}.suggest.mobile.enter{transform:translateY(0);opacity:1}body.search-open{overflow:hidden;touch-action:none}@media (max-width:640px){#suggest{display:none!important}}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}:root{--bg-light: #edeff3;--bg-dark: #0b0f14}html,body{height:100%}#seo-bilgi.card{background:transparent;border:0;box-shadow:none;padding:0}#seo-bilgi{border-top:1px solid var(--border);margin-top:8px}#seo-bilgi .section-title{padding:10px var(--s8) 6px;margin:0}#seo-bilgi [itemprop=articleBody]{padding:0 var(--s8) var(--s8);color:var(--text);max-width:none}#seo-bilgi p{margin:0 0 10px}#seo-bilgi h3{margin:14px 0 8px;font-size:var(--t1)}#seo-bilgi h4{margin:8px 0 6px;font-size:15px}#seo-bilgi h3+ul{margin:0 0 8px;padding-left:18px}#seo-bilgi h3+ul li{margin:6px 0}#seo-bilgi p a{text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--text),transparent 60%)}#seo-bilgi p a:hover{border-bottom-color:color-mix(in oklab,var(--text),transparent 30%)}#seo-bilgi [itemscope][itemtype*=FAQPage]>div{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 80%);border-radius:10px;padding:10px 12px;margin:8px 0}@media (max-width: 640px){#seo-bilgi .section-title{padding:10px var(--s6) 6px}#seo-bilgi [itemprop=articleBody]{padding:0 var(--s6) var(--s6)}}#seo-bilgi [itemprop=articleBody]>p.small.muted:last-of-type{text-align:center}.mag-section{padding:0 0 var(--s10)}.mag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 var(--s8)}.mag-card{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 6%);border-radius:16px;padding:14px;box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mag-h{margin:0 0 6px;font-size:16px}.mag-d{margin:0 0 10px;color:var(--muted)}.mag-links{display:flex;flex-wrap:wrap;gap:8px}.mag-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:inherit;font-weight:800;font-size:12.5px;transition:background .15s,border-color .15s,transform .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mag-chip:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:color-mix(in oklab,var(--edge),transparent 70%);transform:translateY(-1px)}.mag-chip.disabled{opacity:.55;pointer-events:none}@media (max-width: 960px){.mag-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--s8)}}@media (max-width: 640px){.mag-grid{grid-template-columns:1fr;gap:10px;padding:0 var(--s6)}.mag-card{padding:12px;border-radius:14px}}@media (prefers-reduced-motion: reduce){.panel-box.glass-flash{animation:none!important}}:root{--reader-font-size: 16px}#lyrics,#lyrics .cw,#lyrics .ch,#lyrics .ly{font-size:var(--reader-font-size)!important;line-height:1.55}#lyrics .cw{white-space:pre}@page{margin:16mm 14mm}@media print{html,body{height:auto!important;margin:0!important}#stage,.stage,.page,.panel,.card{height:auto!important;min-height:0!important;padding:0!important;box-shadow:none!important;filter:none!important;transform:none!important}.tuner-fab,#song-seo{display:none!important}#lyrics{page-break-inside:auto!important}#lyrics .line{break-inside:avoid;page-break-inside:avoid}.titlebar{page-break-after:avoid;margin-bottom:6mm!important}@page{margin:12mm}.print-note{margin-top:6mm;padding-top:3mm}.progress,.modal-mask,.search-mask,.glass-flash{display:none!important}*{overflow:visible!important}header,footer,.crumbs,.toolbar,#keyBar,.side,.progress,.modal-mask,.search-mask,.nav,.icon-nav,.keys,.glass-flash{display:none!important}html,body,.page,.panel,.card{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;filter:none!important}body,#stage,#lyrics,#lyrics *{color:#000!important}.legal-note{display:none}.diag-wrap svg,.diag-wrap svg *{stroke:#000!important;fill:#000!important}.titlebar{margin-bottom:8mm!important}.titlebar>div>h1{font-size:20pt;line-height:1.2;margin:0 0 4px}.titlebar .subtitle{font-size:11pt;color:#000!important}.reader{display:block!important}.reader .card{padding:0!important;border:0!important}#lyrics{font-size:12pt!important}#lyrics .sect>h3{display:none!important}#lyrics .line{display:block;break-inside:avoid}#lyrics .cw{display:inline-block;white-space:pre}#lyrics .ch{display:inline;font-weight:600}#lyrics .ly{display:inline}.titlebar,#lyrics,.diag-grid,.diag-card{page-break-inside:avoid}.print-note{margin-top:12mm;padding-top:4mm;border-top:1px solid #000;font-size:9pt;color:#000!important}.print-note a{color:#000!important;text-decoration:underline}#stage.plain,#stage.plain *{border-radius:0!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}#stage.plain,#stage.plain .panel,#stage.plain .card,#stage.plain .side{background:#fff!important;border:0!important;color:#000!important}#stage.plain #lyrics,#stage.plain #lyrics *{background:transparent!important;color:#000!important}#stage.plain .cw .ch{color:#000!important;font-weight:700}#stage.plain .pill,#stage.plain .keys .key,#stage.plain .badge,#stage.plain .select,#stage.plain .btn{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}#stage.plain .panel:after{display:none!important}}.side-sep{height:1px;border:0;margin:12px 0;background:color-mix(in oklab,var(--text),transparent 90%);border-radius:1px}.side-title{margin:0 0 8px;font-size:14px;font-weight:900;letter-spacing:.2px}.side-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.side-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:color-mix(in oklab,var(--surface),transparent 70%);border:1px solid var(--border);transition:background .15s,border-color .15s,transform .12s}.side-row:hover{background:color-mix(in oklab,var(--surface),white 6%);border-color:color-mix(in oklab,var(--edge),transparent 70%);transform:translateY(-1px)}.side-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;color:var(--text);min-width:0}.side-t{font-weight:800;font-size:14px;white-space:normal;overflow:visible;text-overflow:initial}.side-a{font-size:12.5px;color:var(--muted);white-space:normal;overflow:visible;text-overflow:initial;line-height:1.3}.side-badge{font-size:11px;padding:3px 8px;border-radius:999px;background:color-mix(in oklab,var(--surface),transparent 60%);border:1px solid var(--border);color:var(--muted)}@media (max-width: 640px){.side-row{padding:6px 8px}.side-t{font-size:13.5px}.side-a{font-size:12px}}.keys .key{appearance:none;-webkit-appearance:none;background-color:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .keys .key{background-color:#131922!important;border-color:#ffffff24!important;color:#e9edf7!important}.keys .key:hover{filter:brightness(1.06)}.keys .key.active{background-image:linear-gradient(90deg,var(--brand-2),var(--brand-1))!important;background-color:var(--brand-2)!important;color:#fff!important;border-color:transparent!important}.keys .key:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.tuner-fab{position:fixed;inset:auto 16px 20px auto;z-index:1200;display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 12px;border-radius:999px;border:1px solid var(--border, #1f2733);background:color-mix(in oklab,var(--surface, #0f141b),transparent 10%);color:var(--text, #e7edf3);text-decoration:none;transition:transform .12s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.tuner-fab:hover{transform:translateY(-2px)}.tuner-fab:active{transform:translateY(0)}.tuner-fab .tf-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:radial-gradient(60% 60% at 30% 30%,#6ee7b7 0 30%,transparent 31%),radial-gradient(60% 60% at 70% 70%,#34d399 0 30%,transparent 31%),color-mix(in oklab,#0d1520,var(--ring, #3b82f6) 18%);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 16px #13735259}.tuner-fab .tf-label{font-weight:800;line-height:1;white-space:nowrap}.tuner-fab .tf-sub{display:block;font-size:11px;line-height:1.1;color:var(--muted, #8a96a6);margin-top:2px;font-weight:600}@media (max-width:420px){.tuner-fab{inset:auto 12px 14px auto;padding:10px 12px 10px 10px}.tuner-fab .tf-icon{width:26px;height:26px}.tuner-fab .tf-label{font-size:14px}}@keyframes tf-nudge{0%,to{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}60%{transform:translateY(-3px)}80%{transform:translateY(0)}}.tuner-fab.nudge{animation:tf-nudge .9s ease-out 1}@media (prefers-reduced-motion: reduce){.tuner-fab,.tuner-fab:hover,.tuner-fab:active{transition:none;transform:none}.tuner-fab.nudge{animation:none}}:root[data-perf=android] body{background-attachment:scroll,scroll!important}:root[data-perf=android] .nav,:root[data-perf=android] .stage,:root[data-perf=android] .card,:root[data-perf=android] .suggest,:root[data-perf=android] .mnav,:root[data-perf=android] .mnav-mask{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-perf=android] .panel-box.glass-flash:before{display:none!important}:root[data-perf=android] .nav,:root[data-perf=android] .stage,:root[data-perf=android] .card,:root[data-perf=android] .artist-card,:root[data-perf=android] .song-row,:root[data-perf=android] .side-row{box-shadow:0 6px 18px #0206171f!important}:root[data-perf=lite] body{background-image:none!important;background-color:var(--bg)!important;background-attachment:scroll!important}:root[data-perf=lite] body:before{display:none!important}:root[data-perf=lite] .nav,:root[data-perf=lite] .stage,:root[data-perf=lite] .card,:root[data-perf=lite] .artist-card,:root[data-perf=lite] .song-row,:root[data-perf=lite] .suggest,:root[data-perf=lite] .mnav,:root[data-perf=lite] .mnav-mask{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--surface)!important;border-color:color-mix(in oklab,var(--text),transparent 90%)!important;box-shadow:none!important}:root[data-perf=lite] .logo{box-shadow:none!important}:root[data-perf=lite] .panel-box.glass-flash,:root[data-perf=lite] .panel-box.glass-flash:before{animation:none!important;box-shadow:none!important}:root[data-perf=lite] *{transition:none!important}.progress{will-change:transform}:root[data-perf=android] body:before{display:none!important}.suggest li{display:flex;gap:10px;align-items:center;padding:14px 12px;border-radius:12px;cursor:pointer;color:var(--muted)}.suggest li:has(>a.suggest-link){padding:0}.suggest li a.suggest-link{display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;border-radius:12px;text-decoration:none}.suggest li:hover a.suggest-link{background:color-mix(in oklab,var(--surface),transparent 18%);color:var(--text)}.suggest li.active a.suggest-link{background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--text);outline:2px solid color-mix(in oklab,var(--ring),transparent 30%);outline-offset:0}.split-grid{display:grid;grid-template-columns:1fr;gap:20px}.split-col{min-width:0}@media (min-width: 960px){.split-grid{grid-template-columns:1fr 1fr;align-items:start}}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title h2{margin:0}.split-grid .artists-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.split-grid .artists-grid{grid-template-columns:1fr 1fr}}.split-grid .artist-name{margin:0;font-weight:700;line-height:1.15}.split-grid .artist-name a{display:block;font-size:clamp(13px,3.7vw,15px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.split-grid .artist-sub{font-size:12px;line-height:1.2;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-grid .artist-head{gap:8px}.split-grid .artist-avatar{width:36px;height:36px;font-size:14px}@media (min-width: 640px){.split-grid .artist-name a{font-size:14px;white-space:nowrap;-webkit-line-clamp:unset;-webkit-box-orient:initial}}.split-grid .artist-card{min-width:0}.split-grid>.split-col .section-title{padding:0 var(--s8)}@media (max-width:640px){.split-grid>.split-col .section-title{padding:0 var(--s6)}}.split-grid .song-list{gap:8px;padding:0 var(--s8) var(--s8)}@media (max-width:640px){.split-grid .song-list{padding:0 var(--s6) var(--s6);gap:8px}}.split-grid .artists-grid{padding:0 var(--s8) var(--s10)}@media (max-width:640px){.split-grid .artists-grid{padding:0 var(--s6) var(--s8)}}@media (max-width:640px){.split-grid .song-row{padding:10px 12px;gap:8px 10px;border-radius:12px}.split-grid .song-title{font-size:14.5px;width:max-content}.split-grid .song-artist{font-size:12.5px}}.split-grid .song-list,.split-grid .artists-grid,.split-grid .artist-card,.split-grid .song-row{min-width:0}@media (max-width: 640px){#seo-bilgi .section-title{display:block}}:root{--gx: clamp(12px, 3vw, 24px);--gy: 16px;--block-gap: 12px}#stage.stage{padding:var(--gy) var(--gx)}#stage.stage>*:first-child{margin-top:0!important}#stage.stage>*:last-child{margin-bottom:0!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.crumbs{margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;color:var(--muted);font-size:.92rem}.blog-head{margin:0 0 10px}.blog-head p{margin:6px 0 0}.blog-filters{display:grid;grid-template-columns:1fr auto;gap:10px;margin:10px 0 14px}.blog-filters .input{width:100%;min-height:44px;padding:12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);color:var(--text)}.blog-grid{display:grid;gap:var(--block-gap);grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media (min-width:720px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--surface),transparent 6%);box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s,box-shadow .16s}.blog-card:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0206172e}.blog-media{display:block;background:#eef1f6}.blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.blog-body{padding:12px;display:grid;gap:6px}.blog-meta{color:var(--muted);font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.blog-title{font-size:1.06rem;line-height:1.28;margin:0}.blog-title a{text-decoration:none}.blog-exc{color:var(--muted);margin:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 70%);color:var(--muted)}.blog-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0}.blog-pager a,.blog-pager span{display:inline-flex;min-width:34px;height:32px;padding:0 10px;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.1px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 60%);color:var(--muted);text-decoration:none}.blog-pager span[aria-current=page]{background:linear-gradient(90deg,var(--brand-2),var(--brand-1));color:#fff;border-color:transparent}@media (max-width:640px){.blog-pager a,.blog-pager span{min-width:30px;height:28px;padding:0 8px;font-size:12.5px}}.home-blog{margin-top:28px}.home-blog-grid{display:grid;gap:12px;grid-template-columns:1fr;padding:0 var(--s8) var(--s10)}@media (min-width: 720px){.home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.home-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-blog .blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--surface),transparent 6%);box-shadow:var(--sh-1)}.home-blog .blog-media{display:block;background:#eef1f6}.home-blog .blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.home-blog .blog-body{padding:12px;display:grid;gap:6px}.home-blog .blog-meta{color:var(--muted);font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.home-blog .blog-title{font-size:1.06rem;line-height:1.28;margin:0}.home-blog .blog-exc{color:var(--muted);margin:0}.auth-grid{display:flex;justify-content:center;padding:0 var(--s8) var(--s8)}.auth-card{width:min(420px,100%);border-radius:18px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 8%);box-shadow:var(--sh-1);padding:18px 18px 14px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.auth-form{display:grid;gap:12px}.auth-field{display:grid;gap:4px}.auth-field label{font-size:13px;color:var(--muted);font-weight:600}.auth-field input{border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 40%);padding:11px 12px;font:inherit;color:var(--text);outline:none}.auth-field input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 1px color-mix(in oklab,var(--ring),transparent 40%)}.auth-field-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.auth-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted)}.auth-check input{width:14px;height:14px;border-radius:4px}.auth-btn{width:100%;justify-content:center;margin-top:4px}.auth-alt{margin:6px 0 0;font-size:12.5px;color:var(--muted);text-align:center}.auth-link{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--text),transparent 60%)}.auth-link:hover{border-bottom-color:color-mix(in oklab,var(--text),transparent 30%)}.auth-alert{padding:10px 12px;border-radius:12px;font-size:13px;margin-bottom:10px}.auth-alert.success{border:1px solid color-mix(in oklab,#22c55e,transparent 50%);background:color-mix(in oklab,#22c55e,var(--surface) 86%)}.auth-alert.error{border:1px solid color-mix(in oklab,#ef4444,transparent 50%);background:color-mix(in oklab,#ef4444,var(--surface) 86%)}@media (max-width:640px){.auth-grid{padding:0 var(--s6) var(--s6)}.auth-card{padding:16px 14px 12px;border-radius:16px}}.auth-nav-btn{padding-inline:10px;font-size:13px}.auth-mini-form{margin:0}.auth-mini-btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 35%);padding:6px 10px 6px 6px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text)}.auth-mini-avatar{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-2),var(--brand-1));color:#fff;font-size:12px;font-weight:800}.auth-mini-label{max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.auth-mini-label{display:none}}.user-menu{position:relative;display:inline-flex}.user-menu-trigger{display:inline-flex;align-items:center;gap:6px}.user-menu-caret{width:14px;height:14px;flex:0 0 auto;opacity:.7;transition:transform .16s ease,opacity .16s ease}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 6%);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);display:none;z-index:220}.user-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 9px;border-radius:10px;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.user-menu-logout{color:#dc2626}.user-menu-form{margin:0}.user-menu--open .user-menu-dropdown{display:block}.user-menu--open .user-menu-caret{transform:rotate(180deg);opacity:1}@media (max-width: 640px){.user-menu-dropdown{top:calc(100% + 8px);min-width:170px}}.song-header-actions{display:flex;align-items:center;gap:10px}.song-fav-btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 40%);padding:6px 10px 6px 8px;font-size:12.5px;cursor:pointer}.song-fav-btn .ico{width:18px;height:18px;display:grid;place-items:center}.song-fav-btn .ico svg{width:100%;height:100%;fill:none;stroke:color-mix(in oklab,var(--text),transparent 40%);stroke-width:1.8}.song-fav-btn .label{white-space:nowrap}.song-fav-btn.is-active{border-color:color-mix(in oklab,#fb7185,transparent 20%);background:color-mix(in oklab,#fecaca,var(--surface) 72%)}.song-fav-btn.is-active .ico svg{fill:#fb7185;stroke:#fb7185}.song-fav-btn.guest{border-style:dashed}.rep-search{margin-bottom:10px}.rep-search input{width:100%;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 40%);padding:8px 12px;font:inherit}.rep-list{list-style:none;margin:0;padding:0}.rep-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed color-mix(in oklab,var(--border),transparent 30%)}.rep-link{display:flex;flex-direction:column;gap:2px;text-decoration:none}.rep-title{font-weight:600}.rep-artist{font-size:12px;color:var(--muted)}.rep-remove{font-size:12px;border-radius:999px;border:1px solid var(--border);padding:4px 10px;background:transparent;cursor:pointer}header{position:relative;z-index:20}.nav{position:relative;z-index:21}.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:8px}.crumbs ol{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.crumbs li{display:inline-flex;align-items:center;gap:8px}.crumbs li+li:before{content:"›";opacity:.6}.crumbs a{color:inherit;text-decoration:none}.crumbs [aria-current=page]{font-weight:800;color:var(--text)}.keys{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.keys li{margin:10px 0 0;padding:0}@media print{.crumbs{display:none!important}}.reader{display:grid;grid-template-columns:1fr 320px;gap:14px}.reader>*{min-width:0}.side{align-self:start}@media (max-width:960px){.reader{grid-template-columns:1fr}}#rtuner{--rt-surface: var(--surface, #0f141b);--rt-card: color-mix(in oklab, var(--rt-surface), transparent 10%);--rt-text: var(--text, #e7edf3);--rt-muted: var(--muted, #8a96a6);--rt-border: var(--border, #202a38);--rt-edge: var(--edge, #2a3647);--rt-ring: var(--ring, #3b82f6);--rt-ok: #44d07b;--rt-warn: #ffb020;--rt-bad: #ff6b6b;--rt-face-center-y: 55%;--rt-face-inner-r: 58%;--rt-face-gap: .5%;--rt-tick-inset: 3%;--rt-tick-scale: 1.064;--rt-cap-size: 60px;--rt-cap-note-fs: 16px;--rt-cap-sub-fs: 9.5px;--rt-cap-tag-fs: 9px}#rtuner{border:1px solid var(--rt-border);background:var(--rt-card);border-radius:16px;padding:12px;margin:0 0 12px;box-shadow:0 1px #0000001f;color:var(--rt-text)}#rtuner *{box-sizing:border-box}#rtuner .rt-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}#rtuner .rt-title{margin:0;font-size:15px}#rtuner .rt-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#rtuner .rt-btn,#rtuner .rt-select{border:1px solid var(--rt-border);background:color-mix(in oklab,var(--rt-surface),transparent 35%);color:var(--rt-text);border-radius:10px;padding:7px 10px;font-weight:800;cursor:pointer;min-height:32px}#rtuner .rt-primary{background:color-mix(in oklab,var(--rt-surface),transparent 10%);border-color:color-mix(in oklab,var(--rt-edge),transparent 70%)}#rtuner .rt-btn[disabled]{opacity:.55;cursor:not-allowed}#rtuner .rt-pill{display:flex;gap:6px;align-items:center;border:1px solid var(--rt-border);background:color-mix(in oklab,var(--rt-surface),transparent 35%);padding:4px 8px;border-radius:999px;font-size:12px}#rtuner .rt-select{padding:6px 8px}#rtuner .rt-gauge{position:relative;width:100%;max-width:300px;margin:10px auto 6px;aspect-ratio:1/1;contain:layout paint}#rtuner .rt-gauge-face{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% var(--rt-face-center-y),color-mix(in oklab,var(--rt-surface),transparent 10%) 55%,transparent 56%),conic-gradient(from 210deg,var(--rt-bad) 0 5deg,var(--rt-warn) 5deg 20deg,var(--rt-ok) 20deg 140deg,var(--rt-warn) 140deg 155deg,var(--rt-bad) 155deg 160deg,transparent 160deg 360deg);border:1px solid var(--rt-border);-webkit-mask:radial-gradient(circle at 50% var(--rt-face-center-y),transparent 0 calc(var(--rt-face-inner-r) - var(--rt-face-gap)),#000 calc(var(--rt-face-inner-r) - var(--rt-face-gap)) 100%);mask:radial-gradient(circle at 50% var(--rt-face-center-y),transparent 0 calc(var(--rt-face-inner-r) - var(--rt-face-gap)),#000 calc(var(--rt-face-inner-r) - var(--rt-face-gap)) 100%)}#rtuner .rt-ticks{position:absolute;inset:var(--rt-tick-inset);display:grid;place-items:center;pointer-events:none;z-index:2;transform-origin:50% var(--rt-face-center-y);transform:translate3d(0,-.2%,0) scale(var(--rt-tick-scale));filter:drop-shadow(0 0 0 rgba(0,0,0,0))}#rtuner .rt-ticks canvas{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#rtuner .rt-needle{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}#rtuner .rt-pin{width:7px;height:40%;transform-origin:bottom center;border-radius:4px;translate:0 12%;background:linear-gradient(#f4fff7,#cdeee0);border:1px solid rgba(20,40,70,.5);box-shadow:0 0 10px #fff3,0 12px 26px #00000059 inset;will-change:transform}#rtuner .rt-needle:after{content:"";position:absolute;bottom:18%;width:14px;height:14px;border-radius:50%;background:color-mix(in oklab,var(--rt-surface),white 30%);box-shadow:0 0 0 3px color-mix(in oklab,var(--rt-edge),transparent 60%),0 0 18px #7fa1ce59 inset}#rtuner .rt-cap{position:absolute;left:50%;top:54%;translate:-50% -50%;width:var(--rt-cap-size);height:var(--rt-cap-size);border-radius:50%;background:color-mix(in oklab,var(--rt-surface),transparent 20%);border:1px solid var(--rt-border);display:grid;place-items:center;padding:6px;z-index:4;text-align:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:var(--rt-text)}#rtuner .rt-note{font-weight:900;font-size:var(--rt-cap-note-fs);letter-spacing:.3px}#rtuner .rt-sub{font-size:var(--rt-cap-sub-fs);color:var(--rt-muted)}#rtuner .rt-tag{margin-top:4px;font-size:var(--rt-cap-tag-fs);color:#cde2ff;background:#0d1520;border:1px solid #26374d;padding:2px 8px;border-radius:999px}#rtuner .rt-read{display:grid;gap:6px;margin:6px 0 8px}#rtuner .rt-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--rt-border);background:color-mix(in oklab,var(--rt-surface),transparent 40%);border-radius:10px;padding:6px 8px;color:var(--rt-text)}#rtuner .rt-row b{font-variant-numeric:tabular-nums}#rtuner .rt-strings{margin:6px 0}#rtuner .rt-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#rtuner .rt-sbtn{display:grid;place-items:center;padding:8px;border-radius:10px;border:1px solid var(--rt-border);background:color-mix(in oklab,var(--rt-surface),transparent 40%);color:var(--rt-text);cursor:pointer;text-align:center;transition:transform .06s ease,background .2s ease,border-color .2s ease,outline-color .2s ease}#rtuner .rt-sbtn:hover{transform:translateY(-1px)}#rtuner .rt-sbtn .nm{font-weight:800}#rtuner .rt-sbtn .fq{font-size:11px;color:var(--rt-muted)}#rtuner .rt-sbtn.active{outline:2px solid color-mix(in oklab,var(--rt-ring),transparent 45%);border-color:color-mix(in oklab,var(--rt-edge),transparent 60%);background:color-mix(in oklab,var(--rt-surface),transparent 30%)}#rtuner .rt-led{width:8px;height:8px;border-radius:50%;background:#2b3442;margin-bottom:4px}#rtuner .rt-led.on{background:var(--rt-ok);box-shadow:0 0 10px color-mix(in oklab,var(--rt-ok),#000 20%)}#rtuner .rt-help{color:var(--rt-muted);font-size:13px;line-height:1.45;margin:8px 0 0}#rtuner .rt-help .ok{color:var(--rt-ok);font-weight:600}#rtuner .rt-help .bad{color:var(--rt-bad);font-weight:600}@media (max-width:640px){#rtuner .rt-gauge{max-width:260px}#rtuner{--rt-tick-inset:3.6%;--rt-tick-scale:1.058;--rt-cap-size: 56px;--rt-cap-note-fs: 15px;--rt-cap-sub-fs: 9px;--rt-cap-tag-fs: 8.5px}}.card.side{overflow:visible}.side-search{position:relative}#dSuggest{position:absolute;inset:auto 0 auto auto;top:calc(100% + 6px);width:clamp(260px,32vw,420px);max-height:min(50vh,480px);overflow:auto;display:none;z-index:1000;background:var(--surface);border:1px solid color-mix(in oklab,var(--text),transparent 88%);border-radius:12px;box-shadow:0 12px 30px color-mix(in oklab,black,transparent 85%),0 1px color-mix(in oklab,white,transparent 85%) inset}#dSuggest.visible{display:block}#dSuggest ul{margin:0;padding:6px;list-style:none}#dSuggest .sec{padding:6px 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}#dSuggest .sep{height:1px;margin:6px;background:color-mix(in oklab,var(--text),transparent 92%);border-radius:1px}#dSuggest li{display:flex;gap:10px;align-items:center;padding:12px 10px;border-radius:10px;cursor:pointer;color:var(--muted)}#dSuggest li:hover{background:color-mix(in oklab,var(--surface),transparent 18%);color:var(--text)}#dSuggest li.active{background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--text);outline:2px solid color-mix(in oklab,var(--ring),transparent 30%);outline-offset:0}#dSuggest li:has(>a.suggest-link){padding:0}#dSuggest li a.suggest-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border-radius:10px;text-decoration:none}@media (max-width: 520px){#dSuggest{left:0;right:0;width:auto}}.titlebar{margin-bottom:10px}.title-main{max-width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;padding-right:calc(var(--vinylW, 96px) + 18px)}.title-main h1{font-size:var(--t2);margin:2px 0 0}.subtitle{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;font-size:13px;color:var(--muted)}.subtitle-label{padding:2px 7px;border-radius:999px;border:1px solid color-mix(in oklab,var(--border),transparent 70%);background:color-mix(in oklab,var(--surface),transparent 78%);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.subtitle a{font-weight:600;color:var(--text);text-decoration:none}.subtitle a:hover{text-decoration:underline}.subtitle-sep{opacity:.6}.subtitle-bpm{font-variant-numeric:tabular-nums}.title-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.metric-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in oklab,var(--border),transparent 20%);background:color-mix(in oklab,var(--surface),transparent 75%);font-size:12px}.metric-label{color:var(--muted);font-weight:600;font-size:11px}.metric-pill b{font-weight:800}@media (max-width: 640px){.title-main{padding-right:0}.title-main h1{font-size:var(--t1)}}.toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;border-radius:14px;border:1px solid color-mix(in oklab,var(--border),transparent 10%);background:color-mix(in oklab,var(--surface),transparent 65%);box-shadow:none}.toolbar-main{gap:6px 8px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:6px 8px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 9px}.pill-compact{border:1px solid color-mix(in oklab,var(--border),transparent 10%);background:transparent}.pill-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pill-compact input[type=range]{accent-color:var(--brand-2);height:3px}.tool-btn{border-radius:999px;padding:7px 10px;font-size:12px;border:1px solid transparent;background:transparent;box-shadow:none;white-space:nowrap;color:var(--muted)}.tool-btn:hover{background:color-mix(in oklab,var(--surface),transparent 80%);border-color:color-mix(in oklab,var(--border),transparent 30%);color:var(--text);transform:translateY(-1px)}.keys{margin-top:10px}.key{font-size:13px;font-weight:800}@media (max-width: 960px){.toolbar{padding:7px 8px;gap:6px}.pill{padding:6px 8px;font-size:11.5px}.pill-title{font-size:10px}.toolbar-actions{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2px}.toolbar-actions::-webkit-scrollbar{height:3px}.toolbar-actions::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in oklab,var(--text),transparent 82%)}}@media (max-width: 400px){.toolbar{padding:6px 7px;border-radius:12px}.tool-btn{padding-inline:8px;font-size:11px}}@media (max-width: 640px){#printBtn,#shareBtn{display:none}}.pill:first-child{border:none}