.auth-modal__overlay{z-index:100;background:#0009;animation:.15s overlayShow;position:fixed;inset:0}.auth-modal__content{z-index:101;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e7ecf3;background:#070e1ef7;border:1px solid #81a4db59;border-radius:16px;width:min(400px,94vw);padding:28px;font-family:inherit;animation:.15s contentShow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0009}.auth-modal__title{color:#e7ecf3;margin:0 0 20px;font-size:20px;font-weight:700}.auth-modal__tabs{border-bottom:1px solid #81a4db40;gap:0;margin-bottom:20px;display:flex}.auth-modal__tab{cursor:pointer;color:#bed1f299;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;transition:color .15s,border-color .15s}.auth-modal__tab--active{color:#e7ecf3;border-bottom-color:#ff9467}.auth-modal__tab:hover:not(.auth-modal__tab--active){color:#d7e5ff}.auth-modal__form{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.auth-modal__label{color:#bed1f2bf;flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-modal__input{box-sizing:border-box;color:#e7ecf3;background:#070e1ed9;border:1px solid #81a4db73;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-modal__input::placeholder{color:#bed1f24d}.auth-modal__input:focus{border-color:#81a4dbbf;box-shadow:0 0 0 2px #81a4db26}.auth-modal__submit{cursor:pointer;color:#2c1506;background:linear-gradient(120deg,#ff9568,#ffd675);border:0;border-radius:8px;width:100%;margin-top:2px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s}.auth-modal__submit:disabled{opacity:.55;cursor:default}.auth-modal__error{color:#ff8f7a;margin:0;font-size:13px}.auth-modal__divider{text-align:center;color:#bed1f266;margin-bottom:12px;font-size:13px;position:relative}.auth-modal__divider:before,.auth-modal__divider:after{content:"";background:#81a4db33;width:42%;height:1px;position:absolute;top:50%}.auth-modal__divider:before{right:52%}.auth-modal__divider:after{left:52%}.auth-modal__google{flex-direction:column;align-items:center;gap:8px;display:flex}.auth-modal__close{cursor:pointer;color:#bed1f280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.auth-modal__close:hover{color:#d7e5ff;background:#81a4db1f}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}
.cookie-banner{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070e1ef7;border-top:1px solid #81a4db4d;padding:12px 16px;animation:.2s cookieBannerShow;position:fixed;bottom:0;left:0;right:0}.cookie-banner__inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1120px;margin:0 auto;display:flex}.cookie-banner__text{color:#bed1f2d9;flex:1;min-width:240px;margin:0;font-size:13px;line-height:1.5}.cookie-banner__link{color:#4a9cff;text-underline-offset:2px;text-decoration:underline}.cookie-banner__link:hover{color:#82bfff}.cookie-banner__actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.cookie-banner__btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.cookie-banner__btn--accept{color:#82bfff;background:#4a9cff2e;border-color:#4a9cff80}.cookie-banner__btn--accept:hover{background:#4a9cff47;border-color:#4a9cffb3}.cookie-banner__btn--reject{color:#bed1f2cc;background:#81a4db14;border-color:#81a4db40}.cookie-banner__btn--reject:hover{background:#81a4db24;border-color:#81a4db66}.cookie-banner__btn--settings{color:#bed1f28c;background:0 0;border-color:#0000;padding-left:8px;padding-right:8px}.cookie-banner__btn--settings:hover{color:#bed1f2d9}@keyframes cookieBannerShow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.cookie-banner__inner{flex-direction:column;align-items:stretch}.cookie-banner__actions{flex-direction:column}.cookie-banner__btn{text-align:center}}
.cookie-settings__overlay{z-index:201;background:#0000008c;animation:.15s overlayShow;position:fixed;inset:0}.cookie-settings__content{z-index:202;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070e1efa;border:1px solid #81a4db59;border-radius:16px;width:min(480px,94vw);max-height:90vh;padding:24px;animation:.15s contentShow;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0009}.cookie-settings__title{color:#e7ecf3;margin:0 0 8px;font-size:17px;font-weight:700}.cookie-settings__desc{color:#bed1f2b3;margin:0 0 20px;font-size:13px;line-height:1.5}.cookie-settings__categories{flex-direction:column;gap:0;margin-bottom:20px;display:flex}.cookie-settings__category{border-bottom:1px solid #81a4db1f;padding:14px 0}.cookie-settings__category:last-child{border-bottom:none}.cookie-settings__category-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.cookie-settings__category-label{color:#e7ecf3;font-size:14px;font-weight:600}.cookie-settings__category-desc{color:#bed1f299;margin:0;font-size:12px;line-height:1.55}.cookie-settings__toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:flex}.cookie-settings__toggle input{opacity:0;width:0;height:0;position:absolute}.cookie-settings__toggle-track{background:#81a4db26;border:1px solid #81a4db4d;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.cookie-settings__toggle input:checked~.cookie-settings__toggle-track{background:#4a9cff4d;border-color:#4a9cff99}.cookie-settings__toggle--disabled .cookie-settings__toggle-track{cursor:default;background:#64dca026;border-color:#64dca066}.cookie-settings__toggle-thumb{background:#bed1f280;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.cookie-settings__toggle input:checked~.cookie-settings__toggle-track .cookie-settings__toggle-thumb{background:#4a9cff;transform:translate(16px)}.cookie-settings__toggle--disabled input:checked~.cookie-settings__toggle-track .cookie-settings__toggle-thumb{background:#64dca0;transform:translate(16px)}.cookie-settings__toggle-label{color:#bed1f280;white-space:nowrap;min-width:64px;font-size:11px}.cookie-settings__actions{justify-content:flex-end;gap:8px;display:flex}.cookie-settings__btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.cookie-settings__btn--save{color:#82bfff;background:#4a9cff2e;border-color:#4a9cff80}.cookie-settings__btn--save:hover{background:#4a9cff47;border-color:#4a9cffb3}.cookie-settings__btn--cancel{color:#bed1f2b3;background:#81a4db14;border-color:#81a4db40}.cookie-settings__btn--cancel:hover{background:#81a4db24;border-color:#81a4db66}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:480px){.cookie-settings__content{padding:18px 16px}.cookie-settings__actions{flex-direction:column-reverse}.cookie-settings__btn{text-align:center}}
@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/jost-cyrillic-wght-normal.08byq_xlylvaq.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/jost-latin-ext-wght-normal.10l3hfs1lgt_f.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/jost-latin-wght-normal.0yilzy8g.4zbn.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0f1115;--bg-alt:#161a22;--bg-soft:#1e232d;--border:#2a3140;--text:#e7ecf3;--text-dim:#9aa4b2;--accent:#4a9cff;--accent-dim:#2d6bb8;--danger:#ff5d5d;--ok:#64dca0;--warn:#ffc857}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Jost Variable,Avenir Next,sans-serif;font-size:14px}.radix-themes{--default-font-family:"Jost Variable", "Avenir Next", sans-serif;--heading-font-family:"Jost Variable", "Avenir Next", sans-serif;font-size:14px}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.app{grid-template-rows:auto 1fr auto auto;height:100vh;min-height:0;display:grid}.landing{background:radial-gradient(circle at 12% 10%,#ff8c4238,#0000 38%),radial-gradient(circle at 88% 82%,#388aff3d,#0000 42%),linear-gradient(140deg,#090d16 0%,#121d34 56%,#0a1427 100%);min-height:100vh;padding:24px;position:relative;overflow:hidden}.landing__bg{pointer-events:none;background-color:#0000;background-image:linear-gradient(#0000 31px,#ffffff0d 32px),linear-gradient(90deg,#0000 31px,#ffffff0a 32px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 92%);mask-image:linear-gradient(#0009,#0000 92%)}.site-header,.landing__main{z-index:1;position:relative}.site-header{z-index:6;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;display:flex}.main-search{align-items:center;gap:8px;display:flex;position:relative}.main-search__input-wrap{position:relative}.main-search input{color:#e7ecf3;background:#070e1ed9;border:1px solid #81a4db73;border-radius:8px;width:min(320px,42vw);padding:9px 32px 9px 10px}.main-search input::placeholder{-webkit-user-select:none;user-select:none}.main-search input:focus-visible{border-color:color-mix(in srgb, var(--accent) 58%, #9ec0f7 42%);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 26%, transparent);outline:none}.main-search__clear{color:#dbe8ff;cursor:pointer;background:#7896c338;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.main-search__clear:hover{background:#7896c361}.main-search>button{cursor:pointer;-webkit-user-select:none;user-select:none;color:#2c1506;background:linear-gradient(120deg,#ff9568,#ffd675);border:0;border-radius:8px;padding:9px 12px;font-weight:700;transition:filter .15s,transform .15s}.main-search>button:hover{filter:brightness(1.1)}.main-search>button:focus-visible{outline-offset:2px;outline:2px solid #ffb464cc}.main-search>button:active{filter:brightness(.88)}.main-search__dropdown{z-index:40;background:#070e1ef5;border:1px solid #84a6dc6b;border-radius:14px;width:min(540px,95vw);max-height:min(70vh,420px);padding:10px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 20px 44px #0208138f}.main-search__group+.main-search__group{border-top:1px solid #84a6dc33;margin-top:10px;padding-top:10px}.main-search__group-title{letter-spacing:.08em;text-transform:uppercase;color:#d0dff8c7;margin:0 0 7px;font-size:11px;font-weight:700}.main-search__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.main-search__item{color:#e7ecf3;background:#091123bf;border:1px solid #81a4db4d;border-radius:10px;gap:4px;padding:9px 11px;text-decoration:none;display:grid}.main-search__item:has(.main-search__artist-thumb){align-items:center;gap:10px;display:flex}.main-search__artist-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.main-search__artist-thumb--empty{background:#81a4db26}.main-search__item:hover{background:#0e1a32f0;border-color:#9dbef1b3}.main-search__item-type{color:#c1d4f5cc;font-size:12px}.main-search__hint{color:#c8dbf7d6;margin:0;padding:9px 8px}.main-search__history-item{color:#e7ecf3;background:#091123bf;border:1px solid #81a4db4d;border-radius:10px;align-items:center;display:flex}:is(.main-search__history-item:has(.main-search__history-trigger:hover),.main-search__history-item:has(.main-search__history-trigger:focus-visible)){background:#0e1a32f0;border-color:#9dbef1b3}.main-search__history-trigger{text-align:left;min-width:0;color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:9px 11px;display:flex}.main-search__history-icon{opacity:.55;flex-shrink:0}.main-search__history-remove{color:inherit;cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:0 10px 10px 0;flex-shrink:0;align-items:center;padding:9px 10px;display:flex}.main-search__history-remove:hover{opacity:1;background:#81a4db26}.brand-logo{--logo-secondary:#ffd37a;-webkit-user-select:none;user-select:none;align-items:center;gap:0;display:flex}.brand-logo__icon{color:var(--logo-accent,#ff9f73);display:inline-flex}.brand-logo__icon svg{width:100%;height:100%}.brand-logo__copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.brand-logo__title{color:var(--logo-title,#ffb793);letter-spacing:.01em;font-weight:900;line-height:1}.brand-logo__tagline{color:#e7ecf3bd;letter-spacing:.01em}.brand-logo--hero .brand-logo__icon{width:60px;height:60px}.brand-logo--hero .brand-logo__title{font-size:28px}.brand-logo--hero .brand-logo__tagline{margin-top:-5px;font-size:12px}.brand-logo--compact{--logo-title:#ff8b5f;--logo-accent:#ff8b5f}.brand-logo--compact .brand-logo__icon{width:45px;height:45px}.brand-logo--compact .brand-logo__title{font-size:16px}.brand-logo--compact .brand-logo__tagline{white-space:nowrap;font-size:10px;font-style:italic;line-height:1}.landing__main{grid-template-columns:minmax(0,1fr);gap:28px;max-width:1120px;margin:30px auto 0;display:grid}.landing__hero{background:linear-gradient(130deg,#ff7a5938 0%,#ffb34714 32%,#0000 70%),linear-gradient(165deg,#0c1429e6,#111f3ad9);border:1px solid #7497cf4d;border-radius:28px;padding:40px;box-shadow:0 24px 50px #03081480}.landing__kicker{color:#ffd2a3;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:700}.landing__title{max-width:820px;margin:0;font-size:clamp(30px,5.4vw,58px);line-height:1.04}.landing__subtitle{color:#e7ecf3db;max-width:720px;margin:18px 0 0;font-size:clamp(16px,2.1vw,22px);line-height:1.45}.landing__actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing__btn{-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.landing__btn:hover{filter:brightness(1.07)}.landing__btn:active{filter:brightness(.88)}.landing__btn--primary{color:#261004;background:linear-gradient(120deg,#ff845f 0%,#ffbe62 100%)}.landing__btn--ghost{color:#dfebff;background:#0c152aa8;border:1px solid #8eb0e38c}.landing__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing__card{background:#0b1426bd;border:1px solid #7a97c74d;border-radius:18px;padding:20px}.landing__card h2{margin:0 0 10px;font-size:18px}.landing__card p{color:#e7ecf3c7;margin:0;line-height:1.5}.landing__panel{background:#0a1223b8;border:1px solid #7a97c74d;border-radius:20px;min-width:0;padding:20px;overflow:hidden}.landing__panel-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.landing__panel-head h2{margin:0;font-size:24px}.landing__panel-link{color:#a0c3ffb3;align-items:center;gap:4px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.landing__panel-link:hover{color:#a0c3ff}.landing__panel-state{color:#dde8fbc7;margin:0 0 10px}.landing__tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.landing__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing__stat{background:#0a1223b8;border:1px solid #7a97c74d;border-radius:14px;padding:14px}.landing__stat-value{font-size:clamp(24px,3.8vw,40px);font-weight:800;line-height:1}.landing__stat-label{color:#d0def7d1;margin-top:6px}.site-footer{z-index:1;max-width:1120px;margin:18px auto 0;padding-bottom:20px;position:relative}.site-footer--wide{max-width:1240px}.site-footer__inner{background:#080f1fbd;border:1px solid #7a97c74d;border-radius:16px;grid-template-columns:1.2fr auto auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.site-footer__title{color:#ffd4af;font-size:18px;font-weight:800}.site-footer__about p{color:#ccdcf8db;margin:0;font-size:13px;line-height:1.5}.site-footer__meta{color:#c7d7f3c7;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex}.site-footer__links{flex-flow:wrap;justify-content:flex-end;align-items:center;display:flex}.site-footer__link,.site-footer__cookie-btn{color:#81a4db8c;border-left:1px solid #81a4db33;padding:0 10px;font-size:12px;text-decoration:none;transition:color .15s}.site-footer__link:first-child,.site-footer__cookie-btn:first-child{border-left:none;padding-left:0}.site-footer__link:hover,.site-footer__cookie-btn:hover{color:#81a4dbe6}.site-footer__cookie-btn{cursor:pointer;background:0 0;border-top:none;border-bottom:none;border-right:none;padding-right:0;font-family:inherit}.catalog-page{background:linear-gradient(160deg,#081022 0%,#111f3a 60%,#0a172d 100%);min-height:100vh;padding:24px;position:relative}.catalog-page__bg{pointer-events:none;background:radial-gradient(circle at 8% 14%,#4ea5ff33,#0000 34%),radial-gradient(circle at 92% 88%,#ff914a2b,#0000 42%);position:absolute;inset:0}.catalog-page__header,.catalog-page__layout{z-index:1;max-width:1120px;margin:0 auto;position:relative}.catalog-page__site-header{padding-bottom:14px}.site-header__brand-link{text-decoration:none}.catalog-page__site-header-right{flex-direction:row;align-items:center;gap:16px;display:flex}.catalog-page__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.catalog-page__header h1{margin:6px 0 0;font-size:clamp(26px,4vw,42px)}.catalog-page__header-links{flex-wrap:wrap;gap:8px;display:flex}.catalog-page__nav-wrap{z-index:1;background:#070e1e80;border:1px solid #81a4db1f;border-radius:14px;max-width:1120px;margin:0 auto 16px;padding:16px 20px;position:relative}main+.catalog-page__nav-wrap{margin-top:16px;margin-bottom:32px}.btn-outline{color:#d7e5ff;cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none;background:#0b162ead;border:1px solid #86a5d875;border-radius:10px;padding:8px 12px;text-decoration:none;transition:border-color .15s,background .15s,color .15s}.btn-outline:hover{color:#fff;background:#1c325fc7;border-color:#86a5d8cc}.btn-outline:focus-visible{outline-offset:2px;outline:2px solid #86a5d8e6}.btn-outline:active{background:#284478e0;border-color:#86a5d8}.catalog-page__layout{grid-template-columns:320px 1fr;gap:16px;min-height:calc(100vh - 146px);display:grid}.catalog-page__filters{background:#0c182fc7;border:1px solid #7f9cc757;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;overflow:auto}.catalog-page__filters input::placeholder{-webkit-user-select:none;user-select:none}.catalog-page__filters-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog-page__filters-head h2{margin:0;font-size:18px}.catalog-page__field{color:#c4d7fa;flex-direction:column;gap:6px;font-size:12px;display:flex}.catalog-page__field-input-wrap{width:100%;position:relative}.catalog-page__field-hint{color:#c1d4f5d1;font-size:12px}.btn.btn--primary.catalog-page__apply-btn{color:#2c1506;background:linear-gradient(120deg,#ff8f61 0%,#ffd46f 100%);border-color:#ffd46fb8;border-radius:10px;padding:10px 12px;font-weight:700}.btn.btn--primary.catalog-page__apply-btn:not(:disabled):hover{color:#2c1506;background:linear-gradient(120deg,#ff9d73 0%,#ffe086 100%)}.catalog-page__apply-btn:disabled,.catalog-page__apply-btn:disabled:hover{color:#d3e1f8ad;opacity:.7;pointer-events:none;background:#596b8b47;border-color:#7b9bcc4d;transition:none}.catalog-page__field input,.catalog-page__select{color:#e7ecf3;background:#091224cc;border:1px solid #7b9bcc73;border-radius:8px;width:100%;padding:8px 10px}.catalog-page__field input{padding-right:34px}.catalog-page__field input:focus-visible,.catalog-page__select:focus-visible,.catalog-page__combobox-input:focus-visible{border-color:color-mix(in srgb, var(--accent) 58%, #9ec0f7 42%);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 26%, transparent);outline:none}.catalog-page__field-clear{color:#dbe8ff;cursor:pointer;background:#7896c338;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.catalog-page__field-clear:hover{background:#7896c357}.catalog-page__combobox{position:relative}.catalog-page__combobox-input-wrap{width:100%;position:relative}.catalog-page__combobox-input{color:#e7ecf3;background:#091224cc;border:1px solid #7b9bcc73;border-radius:8px;width:100%;padding:8px 34px 8px 10px}.catalog-page__combobox-clear{color:#dbe8ff;cursor:pointer;background:#7896c338;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.catalog-page__combobox-clear:hover{background:#7896c357}.catalog-page__combobox-list{z-index:12;background:#081121fa;border:1px solid #7b9bcc73;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 8px 22px #00000052}.catalog-page__combobox-option{text-align:left;color:#e7ecf3;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 10px;display:block}.catalog-page__combobox-option:hover,.catalog-page__combobox-option[aria-selected=true]{background:#5a8bd647}.catalog-page__combobox-state{color:#bfd3f7;padding:8px 10px;font-size:13px}.catalog-page__results{background:#0b162cc7;border:1px solid #7f9cc757;border-radius:16px;flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex}.catalog-page__results-head{border-bottom:1px solid #7896c34d;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:12px;display:flex}.catalog-page__results-head h2{margin:0;font-size:20px}.catalog-page__results-head span{color:#bcd3fb}.catalog-page__state{color:#bfd3f7;padding:16px 10px}.catalog-page__state p{margin:0}.catalog-page__state--error{color:#ffb8b8}.catalog-page__quick-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.catalog-page__quick-link{color:#d7e5ff;background:#ffffff0a;border:1px solid #86a5d847;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:7px 11px;font-size:14px;text-decoration:none;display:inline-flex}.catalog-page__quick-link:hover{background:#86a5d81f;border-color:#86a5d885}.catalog-page__tracks{flex-direction:column;gap:8px;width:100%;min-width:0;margin:0;padding:10px 0 0;list-style:none;display:flex;overflow-x:hidden}.artist-page__main .catalog-page__tracks{padding-top:0}@media (max-width:720px){.artist-page__main .catalog-page__tracks{padding-right:0}}.catalog-page__pager{color:#bfd3f7;border-top:1px solid #7896c333;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.toolbar{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.toolbar--bottom{border-bottom:none;border-top:1px solid var(--border);flex-direction:column;align-items:stretch;padding:8px 12px;position:relative;overflow:hidden}.toolbar .brand-logo{margin:-8px 0}.toolbar__title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.toolbar__title-row{justify-content:center;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.toolbar__title-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar__title-name{font-weight:600}.toolbar__title-artist{color:var(--text-dim)}.toolbar__title-artist--link{color:var(--text-dim);text-decoration:none;transition:color .15s}.toolbar__title-artist--link:hover{color:var(--text)}.toolbar__title-placeholder{color:var(--text-dim);font-style:italic}.toolbar__favorite{width:28px;height:28px}.toolbar__group{align-items:center;gap:8px;display:flex}.toolbar__brand-link{color:inherit;text-decoration:none;display:inline-flex}.toolbar__group--right{margin-left:auto}@media (max-width:880px){.toolbar .brand-logo{padding:4px 6px}.toolbar .brand-logo__tagline{display:none}}.btn{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 12px;transition:background .12s,border-color .12s}.btn:hover{background:#262c39}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:disabled:hover{background:inherit}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn--primary:hover{background:#5aabff}.btn--active,.toggle[data-state=on]{background:var(--accent-dim);border-color:var(--accent);color:#fff}.btn--sm{padding:2px 8px;font-size:12px}.btn--solo,.btn--mute{min-width:30px;font-weight:700}.btn--solo:hover:not([data-state=on]),.btn--solo:focus-visible:not([data-state=on]){border-color:var(--ok);color:#dfffea;background:#64dca03d}.btn--mute:hover:not([data-state=on]),.btn--mute:focus-visible:not([data-state=on]){border-color:var(--danger);color:#ffe7e7;background:#ff5d5d3d}.btn--icon{padding:4px 8px}.toolbar__icon{width:16px;height:16px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn--transport{justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:18px;line-height:1;display:inline-flex}.btn--solo[data-state=on]{background:var(--ok);border-color:var(--ok);color:#0d2d1e;font-weight:700}.btn--solo[data-state=on]:hover,.btn--solo[data-state=on]:focus-visible{background:var(--ok);border-color:var(--ok);color:#0d2d1e}.btn--mute[data-state=on]{background:var(--danger);border-color:var(--danger);color:#2a0b0b;font-weight:700}.btn--mute[data-state=on]:hover,.btn--mute[data-state=on]:focus-visible{background:var(--danger);border-color:var(--danger);color:#2a0b0b}.app__main{grid-template-columns:280px 1fr;height:100%;min-height:0;transition:grid-template-columns .18s;display:grid;position:relative}.app__main--no-side{grid-template-columns:1fr}.app__main--side-collapsed{grid-template-columns:36px 1fr}.app__side{border-right:1px solid var(--border);background:var(--bg-alt);flex-direction:column;min-height:0;display:flex;overflow:hidden}.app__side-content{flex:1;min-height:0;overflow:auto}.app__side-toggle{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;font:inherit;background:0 0;justify-content:flex-end;align-items:center;gap:6px;padding:8px 12px;transition:background .12s,color .12s;display:flex}.app__side-toggle:hover{color:var(--text);background:#ffffff0a}.app__side-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app__side-toggle-text{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.app__side-toggle-label{writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.app__side--collapsed .app__side-content{display:none}.app__side--collapsed .app__side-toggle{border-bottom:none;flex-direction:column;flex:1;justify-content:center;gap:8px;padding:12px 0}.app__center{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.player-page{background:radial-gradient(100% 180% at 0 0,#21314f57 0%,#0000 50%),radial-gradient(120% 160% at 100% 0,#1d2b454d 0%,#0000 46%),#090f1a}.player-page__breadcrumbs{background:linear-gradient(#0b1424fa 0%,#0a111ffa 100%);padding:6px 16px 0}.player-page__breadcrumbs .breadcrumbs{max-width:none;margin:0}.player-page .toolbar{background:linear-gradient(#0b1424fa 0%,#0a111ffa 100%);border-bottom-color:#7592c542}.player-page .toolbar--bottom{background:linear-gradient(#0a111ffa 0%,#080e1afa 100%);border-top-color:#7592c542}.player-page .app__main{background:#070c17c7}.player-page .app__side{background:linear-gradient(#0b1424f7 0%,#0a111ffa 100%);border-right-color:#7592c53d}.player-page .tracklist__header,.player-page .tracklist__hint,.player-page .app__side-toggle,.player-page .track{border-bottom-color:#7592c529}.player-page .fretboard-panel{background:linear-gradient(#0b1424fa 0%,#080e1bfa 100%);border-top-color:#7592c53d;border-bottom-color:#7592c533}.tracklist__header{border-bottom:1px solid var(--border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;font-size:11px;font-weight:700}.tracklist--empty{padding:16px}.tracklist__placeholder{color:var(--text-dim);text-align:center;padding:24px 12px;font-style:italic}.tracklist__hint{border-bottom:1px solid var(--border);color:var(--text-dim);padding:10px 12px;font-size:12px;line-height:1.45}.track{border-bottom:1px solid var(--border);border-left:3px solid #0000;padding:8px 12px;transition:background .12s,border-color .12s;position:relative}.track:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.track--selected{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 30%, transparent) 0%, color-mix(in srgb, var(--accent) 10%, transparent) 100%);border-left-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.track--playing{background:#ffffff0a}.track--playing .track__color{box-shadow:0 0 7px 2px var(--track-color)}.track__select{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.track__select:focus-visible{outline:none}.track__info{pointer-events:none;align-items:center;gap:8px;margin-bottom:6px;display:flex}.track:hover .track__name{color:#fff}.track__row{z-index:1;pointer-events:none;align-items:center;gap:8px;display:flex;position:relative}.track__row>*{pointer-events:auto}.track__row .track__volume-label{pointer-events:none}.track__color{border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;width:12px;height:12px}.track__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.track__instrument{text-align:center;opacity:.95;flex-shrink:0;width:20px;font-size:16px;line-height:1}.track__volume-slider{flex:1;min-width:0}.track__volume-label{text-align:right;width:38px;color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;font-size:12px}.player{color:#111;background:#fff;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.player--empty-state{background:radial-gradient(120% 100% at 50% 0,#20304e80 0%,#0a101df5 62%),#0b1220}.player__viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;height:100%;transition:background .2s;overflow:auto}.player__surface{width:100%;min-width:0;min-height:100%;transition:background .2s;position:relative}[data-score-theme=light]:not(.player--empty-state) .player-page__song-details,[data-score-theme=light]:not(.player--empty-state) .player__surface,[data-score-theme=light]:not(.player--empty-state) .player__viewport{background:#fff}[data-score-theme=dark]:not(.player--empty-state) .player-page__song-details,[data-score-theme=dark]:not(.player--empty-state) .player__surface,[data-score-theme=dark]:not(.player--empty-state) .player__viewport{background:var(--bg-alt)}[data-score-theme=dark]:not(.player--empty-state) .player-page__song-details{color:#fff;border-color:#d9d9d933}.player__surface .at-cursor-bar{background:#fff20040}.player__surface .at-cursor-beat{opacity:.95;background:#ff7a59;border-radius:2px}.player__surface .at-highlight *{fill:#ff8c00eb;stroke:#ff7a59e6;stroke-width:1.5px}.player__surface .at-selection div{background:#2ecc7138;border-radius:4px;box-shadow:inset 0 0 0 1px #27ae608c}[data-score-theme=dark] .player__surface .at-cursor-bar{background:#4a9cff26}[data-score-theme=dark] .player__surface .at-cursor-beat{opacity:1;background:#3d8eead9;border-radius:2px}[data-score-theme=dark] .player__surface .at-highlight *{fill:#ffa028f2;stroke:#ff7a59;stroke-width:1.5px}[data-score-theme=dark] .player__surface .at-selection div{background:#2ecc7133;border-radius:4px;box-shadow:inset 0 0 0 1px #27ae6099}.player--layout-horizontal{overflow:hidden}.player--layout-horizontal .player__viewport{overflow:auto}.player--layout-horizontal .player__surface{width:max-content;min-width:100%}.player__viewport--pannable{cursor:grab}.player__viewport--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.player__empty{color:#e8f1ffeb;text-align:center;background:linear-gradient(#080d1938 0%,#080d196b 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.player__empty-icon{color:#93b2e88c;width:52px;height:52px;margin-bottom:4px}.player__empty-title{letter-spacing:.01em;font-size:20px;font-weight:600}.player__empty-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.player__empty-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 22px;font-size:14px;font-weight:500;transition:background .15s,opacity .15s}.player__empty-btn--primary{color:#fff;background:#6091e6e6}.player__empty-btn--primary:hover{background:#74a2f5f2}.player__empty-btn--secondary{color:#d2e1ffe6;background:#ffffff14;border:1px solid #ffffff1f}.player__empty-btn--secondary:hover{background:#ffffff21}.player__empty-sep{color:#a0b4dc80;font-size:13px}.player__empty-hint{color:#a0b9e499;font-size:13px;line-height:1.6}.player__empty-formats{color:#8ca5d273;letter-spacing:.02em;font-size:12px}.player__loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f111566;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.player__loading-spinner{border:3px solid #6496dc33;border-top-color:#6496dcd9;border-radius:50%;width:48px;height:48px;animation:.75s linear infinite player-spin}@keyframes player-spin{to{transform:rotate(360deg)}}.player__loading-text{color:#c0d1eeeb;font-size:15px;font-weight:500}.player__error{color:#a00;z-index:5;background:#ffecec;border:1px solid #f5bcbc;border-radius:6px;max-width:80%;padding:8px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.player__render-indicator,.player__sf-indicator{color:#fff;z-index:5;background:#000000b3;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;top:10px;right:12px}.player__sf-indicator{top:40px}.controls-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls-row--knobs{margin-top:6px}.controls-group{align-items:center;gap:8px;display:flex}.controls-time{font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:110px;font-size:13px}.controls-bars{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.player__score-wrap{width:100%;position:relative}.learned-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.learned-overlay__marker{opacity:.85;z-index:1;background:#4caf50;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:0;translate:15px}.learned-overlay__marker--auto{background:#3b82f6;translate:28px}.controls-seek{flex:1;align-items:center;min-width:180px;height:24px;display:flex;position:relative}.controls-seek__slider{width:100%}.controls-seek__marks{pointer-events:none;height:4px;position:absolute;bottom:-6px;left:0;right:0}.controls-seek__marks--auto{top:-6px;bottom:auto}.controls-seek__mark{background:#4caf50;border-radius:2px;min-width:2px;height:4px;position:absolute;top:0}.controls-seek__mark--auto{background:#3b82f6}.knob{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:28px;padding:0 6px;display:flex}.knob__label{color:var(--text-dim);font-size:12px}.knob__value{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.knob__slider{flex:0 0 110px}.knob__step-btn{border:1px solid var(--border);background:var(--bg-soft);width:20px;height:20px;color:var(--text);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .1s;display:flex}.knob__step-btn:hover:not(:disabled){background:var(--bg-hover,var(--border))}.knob__step-btn:disabled{opacity:.35;cursor:default}.knob__step-value{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:12px}.toolbar-metronome-flash{pointer-events:none;opacity:0;background:#ffffff38;animation:70ms linear toolbar-metronome-flash;position:absolute;inset:0}@keyframes toolbar-metronome-flash{0%{opacity:1}to{opacity:0}}.statusbar{background:var(--bg-alt);border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:12px;padding:4px 12px;font-size:12px;display:flex}.statusbar__item{align-items:center;gap:4px;display:inline-flex}.statusbar__item--ok{color:var(--ok)}.statusbar__item--err{color:var(--danger)}.app__center--player-page{position:relative}.section-nav{background:#09101de0;border-bottom:1px solid #7592c533;align-items:center;gap:8px;padding:10px 12px;display:flex}.section-nav__select{min-width:220px}.player-page__song-details{-webkit-user-select:none;user-select:none;border-bottom:1px solid #d9d9d999;padding:14px 20px 10px;font-family:Georgia,Times New Roman,serif}.player-page__song-details-header{align-items:center;gap:12px;display:flex}.player-page__song-details h1{text-align:center;flex:1;margin:0;font-size:30px;font-weight:400;line-height:1.15}.player-page__song-details h2{text-align:center;margin:6px 0 0;font-size:22px;font-weight:500}.player-page__song-details p{text-align:center;margin:0;font-size:18px}.player-page__song-details-album{font-size:16px}.player-page__song-details>:empty{display:none}.player-page__route-error,.player-page__route-loading{z-index:12;border-radius:10px;flex-direction:column;gap:8px;width:min(540px,100% - 24px);padding:12px 14px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000038}.player-page__route-loading{color:#cfe1ff;background:#193256eb;border:1px solid #78a1db7a}.player-page__route-error{color:#ffd7d7;background:#461616f2;border:1px solid #e7757580}.player-page__route-error-title{font-size:16px;font-weight:700}.player-page__route-error-text{font-size:13px;line-height:1.45}.filedrop-overlay{z-index:100;pointer-events:none;background:#0f1115cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filedrop-overlay__box{border:2px dashed var(--accent);background:var(--bg-alt);text-align:center;border-radius:10px;padding:24px 36px}.filedrop-overlay__title{color:var(--accent);margin-bottom:6px;font-size:18px;font-weight:600}.filedrop-overlay__hint{color:var(--text-dim);font-size:12px}.fretboard-panel{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);padding:6px 12px}.piano-panel{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);padding:8px 12px;overflow-x:auto}.piano-keyboard{-webkit-user-select:none;user-select:none;min-width:100%;height:70px;display:block}.fretboard{width:100%;height:220px;display:block}@media (max-width:980px){.landing{padding:16px}.landing__hero{padding:24px}.site-header{flex-direction:column;align-items:flex-start}.main-search{flex:1;width:100%;min-width:0}.main-search input{width:100%}.main-search__dropdown{width:100%;left:0;right:auto}.landing__grid,.landing__tracks,.landing__stats{grid-template-columns:minmax(0,1fr)}.catalog-page__site-header-right{width:100%}.main-search__input-wrap{flex:1}.site-footer__inner{grid-template-columns:1fr;align-items:flex-start}.catalog-page{padding:14px}.catalog-page__nav-wrap{padding:10px 12px}.catalog-page__nav-wrap--bottom{display:none}.catalog-page__layout{grid-template-columns:1fr;min-height:auto}.catalog-page__filters{max-height:none}.catalog-page__track{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.landing{padding:12px}.landing__hero{padding:16px}.landing__main{gap:14px;margin-top:14px}.landing__panel-head{flex-wrap:wrap}.landing__panel-head h2{flex:1;font-size:20px}.catalog-page__header{flex-direction:column;align-items:stretch}.catalog-page__header-links{width:100%}.btn-outline{text-align:center;width:100%}.landing__panel-head .period-tabs{order:3;margin-left:0}.site-footer__meta{text-align:center;align-items:center}.site-footer__links{justify-content:center}}.profile-page{color:#e0eaff;background:#060e20;flex-direction:column;min-height:100vh;display:flex}.profile-page__main{flex:1;width:100%;max-width:600px;margin:0 auto;padding:40px 20px}.profile-page__card{box-sizing:border-box;background:#0a1225e6;border:1px solid #7896bf4d;border-radius:16px;flex-direction:column;gap:20px;width:100%;padding:32px;display:flex}.profile-page__title{margin:0;font-size:24px;font-weight:700}.profile-page__loading{color:#bed1f299}.profile-page__field{border-bottom:1px solid #7896bf26;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.profile-page__field:last-child{border-bottom:none;padding-bottom:0}.profile-page__label{color:#bed1f299;flex-shrink:0;font-size:14px}.profile-page__value{text-align:right;font-size:15px}.profile-page__badge{border-radius:20px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.profile-page__badge--admin{color:#ff9467;background:#ff946733}.profile-page__badge--user{color:#aec6f1;background:#64a0ff26}.profile-page__link{color:#ff9467;text-decoration:none}.profile-page__link:hover{text-decoration:underline}.profile-page__name-row{align-items:center;gap:12px;display:flex}.profile-page__placeholder{color:#bed1f266;font-style:italic}.profile-page__edit-btn{color:#bed1f299;cursor:pointer;background:0 0;border:1px solid #81a4db4d;border-radius:6px;padding:3px 10px;font-size:12px;transition:border-color .15s,color .15s}.profile-page__edit-btn:hover{color:#d7e5ff;border-color:#81a4db99}.profile-page__name-form{flex-direction:column;flex:1;gap:8px;display:flex}.profile-page__name-input{box-sizing:border-box;color:#e7ecf3;background:#070e1ed9;border:1px solid #81a4db73;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.profile-page__name-input:focus{border-color:#81a4dbbf;box-shadow:0 0 0 2px #81a4db26}.profile-page__name-actions{gap:8px;display:flex}.profile-page__name-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.profile-page__name-btn--save{color:#2c1506;background:linear-gradient(120deg,#ff9568,#ffd675);border:none}.profile-page__name-btn--save:disabled{opacity:.55;cursor:default}.profile-page__name-btn--cancel{color:#bed1f2b3;background:#81a4db14;border-color:#81a4db4d}.profile-page__name-btn--cancel:hover{background:#81a4db26}.profile-page__error{color:#ff8f7a;margin:0;font-size:13px}.profile-page__success{color:#7dd87d;font-size:13px}@media (max-width:600px){.profile-page__card{border-radius:12px;gap:16px;padding:20px 16px}.profile-page__field{flex-direction:column;align-items:stretch;gap:8px}.profile-page__value{text-align:left}.profile-page__name-row{justify-content:space-between}.profile-page__name-actions .profile-page__name-btn{flex:1}}.catalog-page__main{padding:20px 24px 40px}.not-found-page{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.not-found-page__code{color:#81a4db40;letter-spacing:-4px;margin:0;font-size:96px;font-weight:800;line-height:1}.not-found-page__title{color:#e8f0ff;margin:0;font-size:24px;font-weight:700}.not-found-page__desc{color:#bed1f299;margin:0;font-size:15px}.catalog-page__empty{color:#bed1f299;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.toolbar .toolbar__mobile-btn,.toolbar--bottom .controls-row__settings-btn{display:none}.toolbar__desktop-actions{align-items:center;gap:8px;display:flex}.controls-sheet__overlay{z-index:200;background:#0000008c;animation:.18s controlsSheetOverlayShow;position:fixed;inset:0}.controls-sheet__overlay[data-state=closed]{animation:.16s controlsSheetOverlayHide}.controls-sheet__content{z-index:201;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e7ecf3;max-height:85vh;padding:4px 16px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:linear-gradient(#0b1424fa 0%,#080e1afc 100%);border-top:1px solid #7592c552;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 48px #0009}.controls-sheet__content[data-state=open]{animation:.22s cubic-bezier(.32,.72,0,1) controlsSheetSlideIn}.controls-sheet__content[data-state=closed]{animation:.18s cubic-bezier(.32,.72,0,1) controlsSheetSlideOut}.controls-sheet__handle{background:#bed1f259;border-radius:2px;width:40px;height:4px;margin:6px auto 12px}.controls-sheet__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.controls-sheet__title{color:#e8f0ff;margin:0;font-size:17px;font-weight:600}.controls-sheet__close{color:#bed1f2b3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s;display:flex}.controls-sheet__close:hover{color:#e8f0ff;background:#81a4db24}.controls-sheet__body{flex-direction:column;gap:12px;padding-bottom:4px;display:flex;overflow-y:auto}.knob-section{align-items:center;gap:8px;display:flex}.controls-sheet__body .controls-row--knobs{flex-direction:column;align-items:stretch;gap:10px;margin-top:0}.controls-sheet__body .controls-row--knobs>*{width:100%}.controls-sheet__body .knob{align-items:center;gap:8px 12px;height:auto;min-height:44px;padding:10px 12px;display:flex}.controls-sheet__body .knob.knob--slider{flex-wrap:wrap}.controls-sheet__body .knob.knob--slider .knob__label{flex:auto;order:1;min-width:0;font-size:13px}.controls-sheet__body .knob.knob--slider .knob__value{order:2;font-size:13px}.controls-sheet__body .knob.knob--slider .knob__slider{flex:0 0 100%;order:3;width:100%;min-width:0}.controls-sheet__body .knob.knob--step .knob__label{flex:auto;font-size:13px}.controls-sheet__body .knob.knob--step .knob__step-btn{flex-shrink:0;width:36px;height:36px;font-size:18px}.controls-sheet__body .knob.knob--step .knob__step-value{text-align:center;min-width:44px;font-size:14px}.controls-sheet__body .knob-section{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;width:100%;min-height:44px;padding:10px 12px}.tracks-drawer__overlay{z-index:200;background:#0000008c;animation:.18s controlsSheetOverlayShow;position:fixed;inset:0}.tracks-drawer__overlay[data-state=closed]{animation:.16s controlsSheetOverlayHide}.tracks-drawer__content{z-index:201;color:#e7ecf3;background:linear-gradient(#0b1424fa 0%,#0a111ffa 100%);border-right:1px solid #7592c54d;flex-direction:column;width:min(320px,88vw);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:12px 0 48px #0009}.tracks-drawer__content[data-state=open]{animation:.22s cubic-bezier(.32,.72,0,1) tracksDrawerSlideIn}.tracks-drawer__content[data-state=closed]{animation:.18s cubic-bezier(.32,.72,0,1) tracksDrawerSlideOut}.tracks-drawer__header{border-bottom:1px solid #7592c533;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tracks-drawer__title{color:#e8f0ff;margin:0;font-size:17px;font-weight:600}.tracks-drawer__close{color:#bed1f2b3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s;display:flex}.tracks-drawer__close:hover{color:#e8f0ff;background:#81a4db24}.tracks-drawer__body{flex:1;overflow-y:auto}.toolbar__overflow-menu{min-width:200px}@keyframes controlsSheetOverlayShow{0%{opacity:0}to{opacity:1}}@keyframes controlsSheetOverlayHide{0%{opacity:1}to{opacity:0}}@keyframes controlsSheetSlideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes controlsSheetSlideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes tracksDrawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes tracksDrawerSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width:900px){.player-page.app{height:100dvh}.player-page .toolbar .toolbar__mobile-btn{display:inline-flex}.player-page .toolbar__desktop-only{display:none!important}.player-page .toolbar{gap:6px;padding:6px 8px}.player-page .toolbar__title{font-size:13px}.player-page .app__main{grid-template-rows:1fr;grid-template-columns:1fr}.player-page .app__side,.player-page .toolbar--bottom .controls-row--knobs{display:none}.player-page .toolbar--bottom .controls-row__settings-btn{display:inline-flex}.player-page .controls-row{flex-wrap:wrap;gap:6px}.player-page .controls-group{flex-wrap:wrap;gap:4px}.player-page .controls-time,.player-page .controls-bars{min-width:0;font-size:12px}}