:root{--paper:#ecebe6;--paper-2:#e3e1da;--surface:#f6f5f1;--ink:#1b1a19;--ink-2:#3e3a38;--mute:#7b7671;--mute-2:#a7a29b;--line:#1b1a191f;--line-2:#1b1a190f;--sage:#7fc0af;--sage-2:#a9d6c9;--sage-deep:#3e6f62;--sand:#d7d0c2;--signal:#e8582a;--black:#1b1a19;--tile-ink:#1b1a19;--tile-deep:#3e6f62;--np-bg:#1b1a19;--np-fg:#f2f0ec;--np-mute:#8d8881;--np-line:#f2f0ec1a;--side:248px;--np:400px;--bar:84px;--gut:clamp(16px, 3vw, 40px);--r:14px;--r-sm:8px;--f:"Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.2, .7, .1, 1)}:root[data-theme=dark]{--paper:#141312;--paper-2:#232120;--surface:#1c1b19;--ink:#efece6;--ink-2:#d9d5ce;--mute:#918c85;--mute-2:#5f5b56;--line:#efece621;--line-2:#efece60f;--sage-deep:#6fb3a1;--sand:#3a3631;--np-bg:#0c0b0b;--tile-ink:#2b2926;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141312;--paper-2:#232120;--surface:#1c1b19;--ink:#efece6;--ink-2:#d9d5ce;--mute:#918c85;--mute-2:#5f5b56;--line:#efece621;--line-2:#efece60f;--sage-deep:#6fb3a1;--sand:#3a3631;--np-bg:#0c0b0b;--tile-ink:#2b2926;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font:400 15px/1.45 var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";margin:0}body{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px;border-radius:4px}h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0;padding:0}ol,ul{list-style:none}kbd{font:500 11px/1 var(--mono);opacity:.7;border:1px solid;border-radius:4px;padding:3px 5px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--sage);color:var(--ink)}.label{font:500 12px/1.3 var(--f);letter-spacing:.02em;color:var(--mute)}.display{letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(56px,9vw,148px);font-weight:600;line-height:.88}.display span{color:var(--mute-2)}.display--md{font-size:clamp(44px,6.4vw,104px)}.app{grid-template-columns:var(--side) minmax(0, 1fr) var(--np);grid-template-rows:minmax(0, 1fr) var(--bar);grid-template-areas:"side main np""bar bar bar";height:100dvh;display:grid}.main{scrollbar-gutter:stable;scrollbar-width:thin;grid-area:main;overflow:hidden auto}.boot{height:100dvh;color:var(--mute);place-content:center;justify-items:center;gap:16px;display:grid}.view{padding:40px var(--gut) 96px;max-width:1320px;animation:in .4s var(--ease)}@keyframes in{0%{opacity:0;transform:translateY(6px)}}.side{border-right:1px solid var(--line);scrollbar-width:none;flex-direction:column;grid-area:side;gap:18px;padding:28px 18px 20px 24px;display:flex;overflow-y:auto}.side__logo .logo{width:150px;color:var(--ink-2)}.logo{display:block}.logo svg{width:100%;height:auto;display:block}.side__search{background:var(--paper-2);height:38px;color:var(--mute);border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:flex}.side__search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.side__search input::placeholder{color:var(--mute)}.side__search kbd{opacity:.5}.side__nav{gap:2px;display:grid}.side__link{border-radius:var(--r-sm);height:38px;color:var(--ink-2);align-items:center;gap:12px;padding:0 10px;font-weight:500;transition:background .15s;display:flex}.side__link:hover{background:var(--paper-2)}.side__link[aria-current]{background:var(--ink);color:var(--paper)}.side__link em{font:500 11px var(--mono);opacity:.6;margin-left:auto;font-style:normal}.side__label{color:var(--mute);margin-top:8px;padding:0 10px;font-size:12px}.side__lists{gap:0;margin-top:-10px;display:grid}.side__list{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:13.5px;overflow:hidden}.side__list:hover,.side__list[aria-current]{color:var(--ink)}.side__list[aria-current]{background:var(--paper-2)}.side__list--more{color:var(--sage-deep);font-weight:500}.side__foot{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:16px 10px 0;display:grid}.side__about{font-size:13px;font-weight:500}.side__upd{font:400 11px var(--mono);color:var(--mute-2)}.socials-c{gap:6px;display:flex}.socials-c a{background:var(--paper-2);width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.socials-c a:hover{background:var(--ink);color:var(--paper)}.btn{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:500;transition:background .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--sage-deep)}.btn--primary:disabled{opacity:.4;pointer-events:none}.btn--ghost{border:1px solid var(--line);background:0 0}.btn--ghost:hover{background:var(--surface)}.btn--ghost.is-on{background:var(--sage);border-color:var(--sage)}.icon-btn{width:36px;height:36px;color:inherit;opacity:.75;border-radius:50%;place-items:center;transition:opacity .15s,background .15s,color .15s;display:inline-grid;position:relative}.icon-btn:hover{opacity:1;background:var(--line-2)}.icon-btn.is-on{opacity:1;color:var(--sage-deep)}.badge{background:var(--sage);min-width:16px;height:16px;color:var(--ink);font:600 10px/16px var(--mono);border-radius:8px;padding:0 4px;font-style:normal;position:absolute;top:2px;right:0}.chip{background:var(--sage);height:28px;color:var(--ink);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--sage-2)}.chip--sm{border:1px solid var(--line);background:0 0;height:22px;padding:0 9px;font-size:12px}.chip--sm:hover{background:var(--sage);border-color:var(--sage)}.chip--line{opacity:.8;background:0 0;border:1px solid}.chip--line:hover{opacity:1;background:0 0}.chip--ext{background:var(--sand)}.tag{font:500 10.5px/1 var(--mono);background:var(--sand);color:var(--ink-2);border-radius:4px;margin-right:6px;padding:3px 6px}.seg{background:var(--paper-2);border-radius:999px;padding:3px;display:inline-flex}.seg button{height:34px;color:var(--mute);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:500}.seg button em{font:500 11px var(--mono);opacity:.6;margin-left:2px;font-style:normal}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--ink);color:var(--paper)}.hero{gap:28px var(--gut);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-bottom:40px;display:grid}.hero__type{flex-direction:column;justify-content:space-between;gap:28px;padding-top:8px;display:flex}.hero__lede{max-width:42ch;color:var(--ink-2);font-size:17px;line-height:1.45}.hero__cta{flex-wrap:wrap;gap:10px;display:flex}.hero__img{border-radius:var(--r);aspect-ratio:4/3.4;background:var(--ink);position:relative;overflow:hidden}.hero__img img{object-fit:cover;filter:grayscale()contrast(1.05);mix-blend-mode:luminosity;opacity:.92;width:100%;height:100%}.hero__img:after{content:"";background:linear-gradient(#0000 55%,#1b1a1999);position:absolute;inset:0}.hero__img figcaption{z-index:1;font:500 12px var(--mono);color:var(--np-fg);opacity:.85;justify-content:space-between;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.stats{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.stats div{border-right:1px solid var(--line);flex-direction:column-reverse;padding:18px 0 0 16px;display:flex}.stats div:first-child{padding-left:0}.stats div:last-child{border-right:0}.stats dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1}.stats dt{color:var(--mute);margin-top:6px;font-size:12px}.sec{padding-top:56px}.shead{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;margin-bottom:22px;padding-bottom:18px;display:grid}.shead__k{font:500 12px var(--mono);color:var(--mute);min-width:2.5ch}.shead__t{letter-spacing:-.03em;grid-column:2;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1}.shead__more{color:var(--mute);align-items:center;gap:4px;font-size:13.5px;font-weight:500;display:inline-flex}.shead__more:hover{color:var(--ink)}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 18px;display:grid}.cards--feature{grid-template-columns:repeat(4,minmax(0,1fr))}.cards--feature .card--big{grid-area:span 2/span 2}.cards--row{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(220px,260px);grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.cards--row>*{scroll-snap-align:start}.card{flex-direction:column;gap:4px;min-width:0;display:flex}.card__art{aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--ink);width:100%;margin-bottom:8px;display:block;position:relative;overflow:hidden}.card--big .card__art{border-radius:var(--r)}.card__art img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.card:hover .card__art img{transform:scale(1.03)}.card__btn{background:var(--paper);width:40px;height:40px;color:var(--ink);opacity:0;transition:.2s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;left:10px;transform:scale(.85);box-shadow:0 4px 16px #00000040}.card--big .card__btn{opacity:1;background:var(--sage);width:56px;height:56px;bottom:16px;left:16px;transform:none}.card:hover .card__btn,.card.is-active .card__btn,.card__art:focus-visible .card__btn{opacity:1;transform:none}.card.is-active .card__btn{background:var(--sage)}.card__dur,.card__count{color:var(--np-fg);font:500 11px var(--mono);background:#1b1a19cc;border-radius:4px;padding:3px 6px;position:absolute;bottom:8px;right:8px}.card__count{padding:4px 8px;font-size:13px;top:8px;bottom:auto}.card__title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card--big .card__title{letter-spacing:-.025em;font-size:clamp(20px,2vw,28px);line-height:1.1}.card__title:hover{text-underline-offset:3px;text-decoration:underline}.card__meta{color:var(--mute);font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.tile{border-radius:var(--r);min-height:190px;transition:transform .25s var(--ease), border-radius .25s var(--ease);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:16px 18px;display:grid;position:relative;overflow:hidden}.tile:hover{border-radius:22px;transform:translateY(-3px)}.tile__k{opacity:.6;grid-column:1/-1;font-size:11.5px}.tile__name{letter-spacing:-.03em;grid-column:1/-1;padding-top:6px;font-size:26px;font-weight:600;line-height:1}.tile__n{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-self:end;font-size:64px;font-weight:500;line-height:.8}.tile__u{opacity:.6;align-self:end;font-size:12px}.tone-0{background:var(--sage);color:var(--ink)}.tone-1{background:var(--ink);color:var(--np-fg)}.tone-2{background:var(--sand);color:var(--ink)}.tone-3{background:var(--sage-deep);color:var(--np-fg)}.tone-4{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.tone-5{background:var(--signal);color:var(--ink)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.split__img{border-radius:var(--r);min-height:300px;overflow:hidden}.split__img img{object-fit:cover;filter:grayscale();width:100%;height:100%}.dilbeyti{border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;align-items:flex-start;gap:18px;padding:26px;display:flex}.dilbeyti--wide{grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:16px 32px;margin-top:48px;display:grid}.dilbeyti--wide .dilbeyti__k{grid-column:1/-1}.dilbeyti__k{font:500 12px var(--mono);color:var(--mute)}.dilbeyti__logo img{width:200px;height:auto}.dilbeyti__text{color:var(--ink-2);max-width:52ch;font-size:16px;line-height:1.5}.dilbeyti__text a{text-underline-offset:3px;text-decoration:underline}.index li a{border-bottom:1px solid var(--line);transition:padding .25s var(--ease), color .15s;grid-template-columns:3ch minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 4px;display:grid}.index li a:hover{color:var(--sage-deep);padding-left:14px}.index__n{font:500 12px var(--mono);color:var(--mute)}.index__t{letter-spacing:-.02em;font-size:clamp(18px,1.8vw,24px);font-weight:500}.index__c{color:var(--mute);font-size:13px}.socials{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.socials a{border-radius:var(--r);background:var(--surface);min-height:150px;box-shadow:inset 0 0 0 1px var(--line);grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr auto;gap:4px 12px;padding:18px;transition:background .2s,color .2s;display:grid}.socials__label{letter-spacing:-.02em;font-size:20px;font-weight:600}.socials__handle{opacity:.6;grid-column:2;font-size:13px}.socials__stat{grid-column:1/-1;align-self:end;font-size:13px;font-weight:500}.socials__arrow{grid-area:1/3}.phead{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:32px}.phead__lede{max-width:56ch;color:var(--ink-2);margin-top:20px;font-size:16px}.phead__row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:28px;display:flex}.phead__big{letter-spacing:-.05em;font-size:56px;font-weight:500;line-height:.8}.phead__meta{opacity:.7;margin-right:auto;font-size:13px}.phead--tone{border-radius:var(--r);border:0;margin-bottom:24px;padding:26px}.phead--tone .label{color:inherit;opacity:.65}.phead--tone .btn--primary{background:var(--paper);color:var(--ink)}.filters{z-index:3;background:var(--paper);flex-wrap:wrap;gap:10px;padding:16px 0;display:flex;position:sticky;top:0}.searchbox{background:var(--surface);height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--mute);border-radius:999px;flex:260px;align-items:center;gap:10px;padding:0 4px 0 14px;display:flex}.searchbox:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}.searchbox input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.searchbox input::-webkit-search-cancel-button{display:none}.select{align-items:center;display:inline-flex;position:relative}.select select{appearance:none;background:var(--paper-2);cursor:pointer;border:0;border-radius:999px;height:40px;padding:0 34px 0 14px;font-size:13.5px;font-weight:500}.select svg{pointer-events:none;position:absolute;right:12px}.listbar{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.listbar__n{color:var(--mute);font-size:13px}.listbar__n b{color:var(--ink);font-weight:600}.tracklist{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line-2);border-radius:var(--r-sm);grid-template-columns:40px 80px minmax(0,1fr) 180px 86px auto 54px;align-items:center;gap:14px;min-height:68px;padding:8px 6px;transition:background .12s;display:grid}.row:hover{background:var(--surface)}.row.is-active{background:var(--surface);box-shadow:inset 3px 0 0 var(--sage)}.row__idx{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.row__num{font:500 12px var(--mono);color:var(--mute)}.row__play{background:var(--ink);color:var(--paper);opacity:0;border-radius:50%;place-items:center;transition:opacity .12s;display:grid;position:absolute;inset:0}.row:hover .row__play,.row__idx:focus-visible .row__play{opacity:1}.row__thumb{object-fit:cover;background:var(--paper-2);border-radius:5px;width:80px;height:45px}.row__title{flex-direction:column;min-width:0;display:flex}.row__name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.row__name:hover{text-underline-offset:3px;text-decoration:underline}.row.is-active .row__name{color:var(--sage-deep)}.row__sub{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.row__makam{flex-wrap:wrap;gap:4px;max-height:24px;display:flex;overflow:hidden}.row__date,.row__dur{font:400 12px var(--mono);color:var(--mute);text-align:right}.row__actions{opacity:0;transition:opacity .12s;display:flex}.row:hover .row__actions,.row:focus-within .row__actions,.row__actions .is-on{opacity:1}.row:has(.row__actions .is-on) .row__actions{opacity:1}.empty{color:var(--mute);padding:40px 0}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars i{background:var(--sage-deep);width:3px;animation:.9s ease-in-out infinite alternate eq}.bars i:nth-child(2){animation-delay:-.3s}.bars i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:3px}to{height:12px}}.track__head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:32px;padding-bottom:32px;display:grid}.track__art{aspect-ratio:16/9;border-radius:var(--r);background:var(--ink);position:relative;overflow:hidden}.track__art img{object-fit:cover;width:100%;height:100%}.track__art .card__btn{opacity:1;background:var(--sage);width:60px;height:60px;bottom:16px;left:16px;transform:none}.track__text{flex-direction:column;gap:14px;display:flex}.track__title{letter-spacing:-.035em;font-size:clamp(30px,3.4vw,52px);font-weight:600;line-height:1}.track__sub{color:var(--mute);font-size:16px}.track__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:32px;display:grid}.track__cols .label{margin-bottom:12px}.track .np__stats{color:var(--ink);border-color:var(--line)}.track .np__stats div{border-color:var(--line)}.track .np__stats dt{color:var(--mute)}.track .chapters .chap{border-color:var(--line)}.track .chap__head:hover{background:var(--surface)}.track .chap__info,.track .chap__t{color:var(--mute)}.track .chap__info i{color:var(--ink-2)}.track .chap.is-active .chap__title{color:var(--sage-deep)}.track .desc p{color:var(--ink-2)}.track .desc:after{background:linear-gradient(transparent, var(--paper))}.about__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding-top:32px;display:grid}.about__text p{max-width:58ch;color:var(--ink-2);margin-bottom:1em;font-size:18px;line-height:1.55}.about__text a{text-decoration:underline}.about__img{border-radius:var(--r);overflow:hidden}.about__img img{filter:grayscale();width:100%}.keys{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 24px;display:grid}.keys div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.keys dd{color:var(--mute)}.fine{font:400 12px var(--mono);color:var(--mute);margin-top:40px}.np{background:var(--np-bg);min-height:0;color:var(--np-fg);flex-direction:column;grid-area:np;display:flex;overflow:hidden}.np__top{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.np__close{display:none}.np .seg{background:#f2f0ec14;margin-left:auto}.np .seg button{color:var(--np-mute);height:30px;font-size:13px}.np .seg button[aria-selected=true]{background:var(--np-fg);color:var(--ink)}.frame{aspect-ratio:16/9;border-radius:var(--r);background:#000;flex:none;min-height:200px;margin:0 16px;position:relative;overflow:hidden}.frame__host,.frame__host>*,.frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.frame__poster{position:absolute;inset:0}.frame__poster img{object-fit:cover;width:100%;height:100%}.frame__hit{z-index:2;cursor:pointer;position:absolute;inset:0}.frame.is-empty .frame__hit{pointer-events:none}.frame__err{z-index:3;border-radius:var(--r-sm);background:var(--signal);color:var(--ink);padding:10px 12px;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:10px;right:10px}.frame__spin{z-index:3;border:2px solid #ffffff40;border-top-color:var(--sage);border-radius:50%;width:28px;height:28px;margin:-14px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.boot .frame__spin{border-color:var(--line);border-top-color:var(--sage-deep);margin:0;position:static}@keyframes spin{to{transform:rotate(360deg)}}.np__body{scrollbar-width:thin;scrollbar-color:#f2f0ec33 transparent;flex:1;min-height:0;padding:20px 20px 32px;overflow-y:auto}.np .label{color:var(--np-mute)}.np__ctx{font:500 11.5px var(--mono);color:var(--sage)}.np__title{letter-spacing:-.03em;margin-top:8px;font-size:28px;font-weight:600;line-height:1.05}.np__sub{color:var(--np-mute);margin-top:8px;font-size:14px}.np__chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.np__full-ctl{display:none}.np__actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.np .btn{height:36px;padding:0 14px;font-size:13px}.np .btn--ghost{border-color:var(--np-line)}.np .btn--ghost:hover{background:#f2f0ec0f}.np .btn--ghost.is-on{color:var(--ink)}.np__stats{border-top:1px solid var(--np-line);grid-template-columns:repeat(3,1fr);margin-top:22px;display:grid}.np__stats div{border-right:1px solid var(--np-line);padding:12px 0 0 12px}.np__stats div:first-child{padding-left:0}.np__stats div:last-child{border:0}.np__stats dt{color:var(--np-mute);font-size:11.5px}.np__stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.np__sec{margin-top:28px}.np__sec .label{margin-bottom:10px}.np__empty{gap:16px;display:grid}.np__hint{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.15}.np__keys{color:var(--np-mute);font-size:12.5px;line-height:2}.chap{border-top:1px solid var(--np-line)}.chap__head{text-align:left;border-radius:6px;grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:10px;width:100%;padding:12px 6px;display:grid}.chap__head:hover{background:#f2f0ec0d}.chap__n{font:500 11px var(--mono);color:var(--np-mute)}.chap__title{font-size:14.5px;font-weight:500;line-height:1.3}.chap.is-active .chap__title{color:var(--sage)}.chap__t{font:400 11.5px var(--mono);color:var(--np-mute)}.chap__info{color:var(--np-mute);flex-direction:column;gap:3px;padding:0 6px 12px 44px;font-size:12.5px;display:flex}.chap__info i{color:var(--np-fg);opacity:.8;font-style:normal}.chap__link{color:var(--sage);align-items:center;gap:4px;margin-top:4px;font-weight:500;display:inline-flex}.track .chap__link{color:var(--sage-deep)}.desc{position:relative}.desc p{white-space:pre-line;color:#f2f0ecbf;overflow-wrap:anywhere;max-height:150px;font-size:13.5px;line-height:1.6;overflow:hidden}.desc:after{content:"";background:linear-gradient(transparent, var(--np-bg));pointer-events:none;height:60px;position:absolute;bottom:28px;left:0;right:0}.desc.is-open p{max-height:none}.desc.is-open:after{display:none}.desc a{color:var(--sage);text-underline-offset:2px;text-decoration:underline}.track .desc a{color:var(--sage-deep)}.desc__more{align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:500;display:inline-flex}.desc.is-open .desc__more svg{transform:rotate(180deg)}.ts{font:500 12px var(--mono);color:var(--sage);text-decoration:underline}.track .ts{color:var(--sage-deep)}.queue__i{border-radius:var(--r-sm);align-items:center;gap:4px;display:flex}.queue__i:hover{background:#f2f0ec0d}.queue__i.is-past{opacity:.45}.queue__i.is-active{background:#7fc0af24}.queue__play{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.queue__play img{object-fit:cover;border-radius:4px;flex:none;width:64px;height:36px}.queue__play span{flex-direction:column;min-width:0;display:flex}.queue__play b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.queue__i.is-active b{color:var(--sage)}.queue__play small{color:var(--np-mute);font-size:12px}.np__queue .label{margin-bottom:10px}.np__queue .label a{color:var(--np-fg)}.bar{background:var(--surface);border-top:1px solid var(--line);z-index:20;grid-area:bar;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;padding:0 20px;display:grid}.bar__track{align-items:center;gap:12px;min-width:0;display:flex}.bar__art{border-radius:var(--r-sm);flex:none;width:54px;height:54px;overflow:hidden}.bar__art img{object-fit:cover;width:100%;height:100%}.bar__text{flex-direction:column;min-width:0;display:flex}.bar__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.bar__sub{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.bar__idle{color:var(--mute);font-size:13px}.bar__center{flex-direction:column;align-items:center;gap:2px;display:flex}.bar__right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar.is-empty .ctrl,.bar.is-empty .scrub{opacity:.4;pointer-events:none}.mini{display:none}.ctrl{align-items:center;gap:10px;display:flex}.play{background:var(--ink);width:42px;height:42px;color:var(--paper);border-radius:50%;place-items:center;transition:transform .1s,background .15s;display:grid}.play:hover{background:var(--sage-deep)}.play:active{transform:scale(.94)}.play.is-wait{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #7fc0af59}}.ctrl--big{justify-content:space-between;width:100%}.ctrl--big .play{background:var(--sage);width:72px;height:72px;color:var(--ink)}.scrub{align-items:center;gap:10px;width:100%;display:flex}.scrub__t{font:400 11px var(--mono);color:var(--mute);font-variant-numeric:tabular-nums;min-width:4.5ch}.scrub__t--r{text-align:right}.scrub__track{cursor:pointer;touch-action:none;flex:1;align-items:center;height:20px;display:flex;position:relative}.scrub__rail{background:var(--line);border-radius:2px;width:100%;height:4px;transition:height .15s;position:relative;overflow:hidden}.scrub__track:hover .scrub__rail{height:6px}.scrub__fill{background:var(--ink);position:absolute;inset:0 auto 0 0}.scrub__tick{background:var(--surface);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.scrub__knob{background:var(--ink);opacity:0;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:opacity .15s;position:absolute;top:50%}.scrub__track:hover .scrub__knob,.scrub__track:focus-visible .scrub__knob{opacity:1}.scrub__tip{background:var(--ink);max-width:240px;color:var(--paper);white-space:nowrap;pointer-events:none;z-index:5;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 9px;font-size:12px;display:flex;position:absolute;bottom:24px;transform:translate(-50%)}.scrub__tip b{font:500 11px var(--mono)}.scrub__tip span{text-overflow:ellipsis;max-width:220px;overflow:hidden}.scrub--big .scrub__rail{background:var(--np-line)}.scrub--big .scrub__fill,.scrub--big .scrub__knob{background:var(--sage)}.scrub--big .scrub__tick{background:var(--np-bg)}.scrub--big .scrub__t{color:var(--np-mute)}.vol{align-items:center;gap:4px;display:flex}.vol input{appearance:none;background:linear-gradient(to right, var(--ink) var(--v), var(--line) var(--v));cursor:pointer;border-radius:2px;width:96px;height:4px}.vol input::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:12px;height:12px}.vol input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.toast{left:50%;bottom:calc(var(--bar) + 20px);background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:100;border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:500;position:fixed;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}.mhead,.tabs{display:none}@media (max-width:1280px){:root{--np:360px;--side:224px}.cards--feature{grid-template-columns:repeat(3,minmax(0,1fr))}.cards--feature .card:nth-child(n+8){display:none}.row{grid-template-columns:40px 80px minmax(0,1fr) 150px auto 54px}.row__date{display:none}}@media (max-width:1100px){.app{grid-template-columns:var(--side) minmax(0, 1fr);grid-template-areas:"side main""bar bar"}.np{z-index:30;top:0;right:0;bottom:var(--bar);width:min(420px,100vw);transition:transform .35s var(--ease);position:fixed;transform:translate(100%);box-shadow:-20px 0 60px #0003}.np.is-open{transform:none}.np__close{display:grid;transform:rotate(-90deg)}.hero{grid-template-columns:1fr}.hero__img{aspect-ratio:16/9;order:-1}.row__makam{display:none}.row{grid-template-columns:40px 80px minmax(0,1fr) auto 54px}.split,.track__head,.track__cols,.about__grid,.dilbeyti--wide{grid-template-columns:1fr}}@media (max-width:760px){:root{--bar:64px;--tabs:60px}body{font-size:15px}.app{grid-template:"head""main"minmax(0,1fr)"bar""tabs"/minmax(0,1fr)}.side{display:none}.mhead{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);grid-area:head;justify-content:space-between;align-items:center;display:flex}.mhead .logo{width:118px;color:var(--ink-2)}.tabs{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-area:tabs;grid-template-columns:repeat(5,1fr);display:grid}.tabs__a{height:var(--tabs);color:var(--mute);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;display:flex}.tabs__a[aria-current]{color:var(--ink)}.tabs__a[aria-current] svg{color:var(--sage-deep)}.bar{height:var(--bar);background:var(--ink);color:var(--np-fg);border:0;padding:0;display:block}.bar>:not(.mini){display:none}.mini{align-items:center;gap:6px;height:100%;padding:0 10px 0 8px;display:flex;position:relative}.mini__prog{background:var(--sage);height:2px;position:absolute;top:0;left:0}.mini__open{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mini__open img{object-fit:cover;border-radius:6px;width:48px;height:48px}.mini__text{flex-direction:column;min-width:0;display:flex}.mini__text b,.mini__text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini__text b{font-size:14px;font-weight:600}.mini__text span{color:var(--np-mute);font-size:12px}.play--sm{background:var(--np-fg);width:40px;height:40px;color:var(--ink)}.np{width:100%;padding-top:env(safe-area-inset-top);z-index:40;border-radius:0;top:0;bottom:0;left:0;transform:translateY(100%)}.np__close{transform:none}.np__full-ctl{gap:14px;margin-top:20px;display:grid}.np__full-ctl .vol{display:none}.np .icon-btn:hover{background:#f2f0ec14}.np .icon-btn.is-on{color:var(--sage)}.view{padding:24px 16px 48px}.display{font-size:clamp(52px,17vw,88px)}.display--md{font-size:clamp(42px,13vw,72px)}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(3){padding-left:0}.cards--feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cards--feature .card:nth-child(n+8){display:flex}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cards--row{grid-template-columns:none;grid-auto-columns:70%}.card__title{font-size:14px}.tiles{grid-template-columns:repeat(2,1fr)}.tile{min-height:150px;padding:14px}.tile__name{font-size:21px}.tile__n{font-size:48px}.socials{grid-template-columns:1fr}.socials a{grid-template-rows:auto auto;min-height:0}.socials__stat{display:none}.row{grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:8px 0}.row__idx{display:none}.row__thumb{width:64px;height:36px}.row__dur{display:none}.row__actions{opacity:1}.hide-sm{display:none}.filters{gap:8px}.filters .seg{order:3;width:100%;overflow-x:auto}.filters .select{flex:1}.filters .select select{width:100%}.index li a{grid-template-columns:3ch minmax(0,1fr) auto}.index__c{display:none}.toast{bottom:calc(var(--bar) + var(--tabs) + 16px)}.phead__big{font-size:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home .display{font-size:clamp(56px,7.4vw,132px)}@media (max-width:1280px){.home .display{font-size:clamp(56px,6.6vw,120px)}}@media (max-width:1100px){.home .display{font-size:clamp(52px,12vw,132px)}}.main{container:main/inline-size}@container main (width<=1100px){.row{grid-template-columns:40px 80px minmax(0,1fr) 140px auto 54px}.row__date{display:none}}@container main (width<=860px){.row{grid-template-columns:40px 72px minmax(0,1fr) auto 50px}.row__thumb{width:72px;height:40px}.row__makam{display:none}.track__head,.track__cols,.split,.about__grid{grid-template-columns:1fr}.track__art{max-width:640px}.dilbeyti--wide{grid-template-columns:1fr}.cards--feature{grid-template-columns:repeat(3,minmax(0,1fr))}.socials{grid-template-columns:1fr}.socials a{min-height:0}}@container main (width<=600px){.cards--feature{grid-template-columns:repeat(2,minmax(0,1fr))}}.chip,.chip--sm:hover,.badge,.tone-0,.tone-5,.btn--ghost.is-on,.frame__err,.card--big .card__btn,.track__art .card__btn,.card.is-active .card__btn,.ctrl--big .play,.np .seg button[aria-selected=true],.np .btn--ghost.is-on,.play--sm{color:var(--black)}::selection{color:var(--black)}.chip--sm,.chip--ext{color:var(--ink)}.chip--sm:hover{color:var(--black)}.np .chip--line,.chip--line{color:inherit}.tone-1{background:var(--tile-ink)}.tone-3{background:var(--tile-deep)}.socials a:hover{background:var(--tile-ink);color:#f2f0ec}@media (max-width:760px){.bar{background:var(--tile-ink)}}:root[data-theme=dark] .dilbeyti__logo img{filter:invert()hue-rotate(180deg)brightness(1.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dilbeyti__logo img{filter:invert()hue-rotate(180deg)brightness(1.1)}}html{transition:background-color .2s}.side__row{justify-content:space-between;align-items:center;display:flex}.theme-btn{background:var(--paper-2);opacity:1}.mhead__r{gap:4px;display:flex}.chans{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.chans a{border-radius:var(--r);background:var(--surface);height:100%;box-shadow:inset 0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .2s;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;display:flex;position:relative}.chans a:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-3px)}.chans img{object-fit:cover;background:var(--paper-2);border-radius:50%;width:64px;height:64px;margin-bottom:18px}.chans__t{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.2}.chans__s{color:var(--mute);font-size:12.5px}.chans__a{color:var(--mute);position:absolute;top:16px;right:16px}@media (max-width:760px){.chans{grid-template-columns:repeat(2,1fr)}}.hero__img{cursor:pointer}.hero__img img{opacity:0;transition:opacity 1.4s,transform 8s linear;position:absolute;inset:0;transform:scale(1.06)}.hero__img img.is-on{opacity:.92;transform:scale(1)}.hero__img:after{pointer-events:none;background:linear-gradient(#0000 70%,#1b1a1973)}.hero__dots{z-index:1;gap:6px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.hero__dots span{background:#f2f0ec4d;border-radius:1px;flex:1;height:2px;position:relative;overflow:hidden}.hero__dots span.is-on:after{content:"";transform-origin:0;animation:fillbar var(--d) linear forwards;background:#f2f0ec;position:absolute;inset:0}@keyframes fillbar{0%{transform:scaleX(0)}}.install-btn{justify-content:center;height:36px;font-size:13px}@container main (width<=600px){.row{grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:8px 0}.row__idx,.row__makam,.row__date,.row__dur{display:none}.row__thumb{width:64px;height:36px}.row__actions{opacity:1}.row.is-active{padding-left:8px}.filters .searchbox{flex-basis:100%}}
