*,*:before,*:after{border:0 solid;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{background-color:transparent;background-image:none;color:inherit;font:inherit;letter-spacing:inherit;margin:0;padding:0}button,[role=button]{cursor:pointer}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--type\/font-family\/body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);background-color:var(--surface\/default\/page);color:var(--text\/default\/body);-webkit-font-smoothing:antialiased}.list-sentinel{height:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface\/default\/active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface\/default\/active\:\:hover, var(--surface\/default\/active))}:root,[data-theme=dark]{--color\/grey\/10: #f4f5f5;--color\/grey\/20: #eaebeb;--color\/grey\/30: #d7dadb;--color\/grey\/40: #bdc0c1;--color\/grey\/50: #979b9c;--color\/grey\/60: #757d7f;--color\/grey\/70: #596163;--color\/grey\/80: #393f42;--color\/grey\/90: #1f2527;--color\/grey\/100: #0c0e0e;--color\/grey\/110: #020708;--color\/blue\/10: #e3edfe;--color\/blue\/20: #cfe1ff;--color\/blue\/30: #aecbff;--color\/blue\/40: #88b1fa;--color\/blue\/50: #6197fc;--color\/blue\/60: #1f63e6;--color\/blue\/70: #1051cc;--color\/blue\/80: #06348b;--color\/blue\/90: #07245d;--color\/blue\/100: #061c47;--color\/blue\/110: #051433;--color\/red\/10: #fde7e5;--color\/red\/20: #fbd3cf;--color\/red\/30: #fdb5af;--color\/red\/40: #fe8b84;--color\/red\/50: #fc6a65;--color\/red\/60: #e12b36;--color\/red\/70: #c70723;--color\/red\/80: #760713;--color\/red\/90: #4f0a0d;--color\/red\/100: #3d090a;--color\/red\/110: #2c0808;--color\/orange\/10: #fde8e1;--color\/orange\/20: #fdd8cc;--color\/orange\/30: #feab91;--color\/orange\/40: #fe9170;--color\/orange\/50: #fe6f42;--color\/orange\/60: #e6501c;--color\/orange\/70: #ba451e;--color\/orange\/80: #69240d;--color\/orange\/90: #491707;--color\/orange\/100: #3d090a;--color\/orange\/110: #280c05;--color\/yellow\/10: #fcf5e3;--color\/yellow\/20: #fdedc5;--color\/yellow\/30: #fae1a2;--color\/yellow\/40: #fed875;--color\/yellow\/50: #fdd049;--color\/yellow\/60: #f5c330;--color\/yellow\/70: #a1432c;--color\/yellow\/80: #672414;--color\/yellow\/90: #45190f;--color\/yellow\/100: #35140c;--color\/yellow\/110: #270d07;--color\/green\/10: #d8f4e7;--color\/green\/20: #c4ecd8;--color\/green\/30: #85ddb3;--color\/green\/40: #55cb93;--color\/green\/50: #25b379;--color\/green\/60: #05915f;--color\/green\/70: #027048;--color\/green\/80: #014c33;--color\/green\/90: #073425;--color\/green\/100: #062a1f;--color\/green\/110: #00251c;--color\/purple\/10: #e7eafc;--color\/purple\/20: #d8deff;--color\/purple\/30: #b6c0f8;--color\/purple\/40: #97a2fc;--color\/purple\/50: #7880ff;--color\/purple\/60: #564feb;--color\/purple\/70: #453ec3;--color\/purple\/80: #2f2b8a;--color\/purple\/90: #1f1e5c;--color\/purple\/100: #171747;--color\/purple\/110: #101132;--color\/teal\/10: #e3f3f7;--color\/teal\/20: #c0e3ec;--color\/teal\/30: #9ed2e0;--color\/teal\/40: #88c3d3;--color\/teal\/50: #6cb2c6;--color\/teal\/60: #0887aa;--color\/teal\/70: #05657f;--color\/teal\/80: #034a5e;--color\/teal\/90: #043644;--color\/teal\/100: #032630;--color\/teal\/110: #031a21;--alpha\/white\/a03: rgba(255, 255, 255, .03);--alpha\/white\/a06: rgba(255, 255, 255, .06);--alpha\/white\/a08: rgba(255, 255, 255, .08);--alpha\/white\/a12: rgba(255, 255, 255, .12);--alpha\/white\/a16: rgba(255, 255, 255, .16);--alpha\/white\/a24: rgba(255, 255, 255, .24);--alpha\/white\/a30: rgba(255, 255, 255, .3);--alpha\/white\/a40: rgba(255, 255, 255, .4);--alpha\/white\/a50: rgba(255, 255, 255, .5);--alpha\/white\/a60: rgba(255, 255, 255, .6);--alpha\/white\/a70: rgba(255, 255, 255, .7);--alpha\/white\/a80: rgba(255, 255, 255, .8);--alpha\/white\/a90: rgba(255, 255, 255, .9);--alpha\/white\/a100: rgba(255, 255, 255, 1);--alpha\/black\/a03: rgba(0, 0, 0, .03);--alpha\/black\/a06: rgba(0, 0, 0, .06);--alpha\/black\/a08: rgba(0, 0, 0, .08);--alpha\/black\/a12: rgba(0, 0, 0, .12);--alpha\/black\/a16: rgba(0, 0, 0, .16);--alpha\/black\/a24: rgba(0, 0, 0, .24);--alpha\/black\/a30: rgba(0, 0, 0, .3);--alpha\/black\/a40: rgba(0, 0, 0, .4);--alpha\/black\/a50: rgba(0, 0, 0, .5);--alpha\/black\/a60: rgba(0, 0, 0, .6);--alpha\/black\/a70: rgba(0, 0, 0, .7);--alpha\/black\/a80: rgba(0, 0, 0, .8);--alpha\/black\/a90: rgba(0, 0, 0, .9);--alpha\/black\/a100: rgba(0, 0, 0, 1);--scale\/0: 0px;--scale\/25: 1px;--scale\/50: 2px;--scale\/100: 4px;--scale\/150: 6px;--scale\/200: 8px;--scale\/250: 10px;--scale\/300: 12px;--scale\/400: 16px;--scale\/500: 20px;--scale\/600: 24px;--scale\/700: 28px;--scale\/800: 32px;--scale\/1000: 40px;--scale\/1100: 44px;--scale\/1200: 48px;--scale\/1600: 64px;--scale\/2000: 80px;--scale\/2400: 96px;--scale\/3000: 120px;--scale\/3600: 144px;--color\/primary\/10: var(--color\/teal\/10);--color\/primary\/20: var(--color\/teal\/20);--color\/primary\/30: var(--color\/teal\/30);--color\/primary\/40: var(--color\/teal\/40);--color\/primary\/50: var(--color\/teal\/50);--color\/primary\/70: var(--color\/teal\/70);--color\/primary\/80: var(--color\/teal\/80);--color\/primary\/90: var(--color\/teal\/90);--color\/primary\/100: var(--color\/teal\/100);--color\/primary\/110: var(--color\/teal\/110);--color\/primary\/default: var(--color\/teal\/60);--color\/secondary\/10: var(--color\/grey\/10);--color\/secondary\/20: var(--color\/grey\/20);--color\/secondary\/30: var(--color\/grey\/30);--color\/secondary\/40: var(--color\/grey\/40);--color\/secondary\/50: var(--color\/grey\/50);--color\/secondary\/70: var(--color\/grey\/70);--color\/secondary\/80: var(--color\/grey\/80);--color\/secondary\/90: var(--color\/grey\/90);--color\/secondary\/100: var(--color\/grey\/100);--color\/secondary\/110: var(--color\/grey\/110);--color\/secondary\/default: var(--color\/grey\/60);--color\/neutral\/10: var(--color\/grey\/10);--color\/neutral\/20: var(--color\/grey\/20);--color\/neutral\/30: var(--color\/grey\/30);--color\/neutral\/40: var(--color\/grey\/40);--color\/neutral\/50: var(--color\/grey\/50);--color\/neutral\/70: var(--color\/grey\/70);--color\/neutral\/80: var(--color\/grey\/80);--color\/neutral\/90: var(--color\/grey\/90);--color\/neutral\/100: var(--color\/grey\/100);--color\/neutral\/110: var(--color\/grey\/110);--color\/neutral\/default: var(--color\/grey\/60);--color\/error\/10: var(--color\/red\/10);--color\/error\/20: var(--color\/red\/20);--color\/error\/30: var(--color\/red\/30);--color\/error\/40: var(--color\/red\/40);--color\/error\/50: var(--color\/red\/50);--color\/error\/70: var(--color\/red\/70);--color\/error\/80: var(--color\/red\/80);--color\/error\/90: var(--color\/red\/90);--color\/error\/100: var(--color\/red\/100);--color\/error\/110: var(--color\/red\/110);--color\/error\/default: var(--color\/red\/60);--color\/warning\/10: var(--color\/orange\/10);--color\/warning\/20: var(--color\/orange\/20);--color\/warning\/30: var(--color\/orange\/30);--color\/warning\/40: var(--color\/orange\/40);--color\/warning\/50: var(--color\/orange\/50);--color\/warning\/70: var(--color\/orange\/70);--color\/warning\/80: var(--color\/orange\/80);--color\/warning\/90: var(--color\/orange\/90);--color\/warning\/100: var(--color\/orange\/100);--color\/warning\/110: var(--color\/orange\/110);--color\/warning\/default: var(--color\/orange\/60);--color\/success\/10: var(--color\/green\/10);--color\/success\/20: var(--color\/green\/20);--color\/success\/30: var(--color\/green\/30);--color\/success\/40: var(--color\/green\/40);--color\/success\/50: var(--color\/green\/50);--color\/success\/70: var(--color\/green\/70);--color\/success\/80: var(--color\/green\/80);--color\/success\/90: var(--color\/green\/90);--color\/success\/100: var(--color\/green\/100);--color\/success\/110: var(--color\/green\/100);--color\/success\/default: var(--color\/green\/60);--color\/info\/10: var(--color\/blue\/10);--color\/info\/20: var(--color\/blue\/20);--color\/info\/30: var(--color\/blue\/30);--color\/info\/40: var(--color\/blue\/40);--color\/info\/50: var(--color\/blue\/50);--color\/info\/70: var(--color\/blue\/70);--color\/info\/80: var(--color\/blue\/80);--color\/info\/90: var(--color\/blue\/90);--color\/info\/100: var(--color\/blue\/100);--color\/info\/110: var(--color\/blue\/110);--color\/info\/default: var(--color\/blue\/60);--color\/profit\/10: var(--color\/green\/10);--color\/profit\/20: var(--color\/green\/20);--color\/profit\/30: var(--color\/green\/30);--color\/profit\/40: var(--color\/green\/40);--color\/profit\/50: var(--color\/green\/50);--color\/profit\/70: var(--color\/green\/70);--color\/profit\/80: var(--color\/green\/80);--color\/profit\/90: var(--color\/green\/90);--color\/profit\/100: var(--color\/green\/100);--color\/profit\/110: var(--color\/green\/100);--color\/profit\/default: var(--color\/green\/60);--color\/loss\/10: var(--color\/red\/10);--color\/loss\/20: var(--color\/red\/20);--color\/loss\/30: var(--color\/red\/30);--color\/loss\/40: var(--color\/red\/40);--color\/loss\/50: var(--color\/red\/50);--color\/loss\/70: var(--color\/red\/70);--color\/loss\/80: var(--color\/red\/80);--color\/loss\/90: var(--color\/red\/90);--color\/loss\/100: var(--color\/red\/100);--color\/loss\/110: var(--color\/red\/110);--color\/loss\/default: var(--color\/red\/60);--border\/width\/none: var(--scale\/0);--border\/width\/sm: var(--scale\/25);--border\/width\/md: var(--scale\/50);--border\/width\/lg: var(--scale\/100);--border\/radius\/none: var(--scale\/0);--border\/radius\/xs: var(--scale\/50);--border\/radius\/sm: var(--scale\/150);--border\/radius\/md: var(--scale\/200);--border\/radius\/lg: var(--scale\/300);--border\/radius\/round: var(--scale\/3600);--border\/color\/default: var(--alpha\/white\/a12);--border\/color\/default\:\:hover: var(--alpha\/white\/a24);--border\/color\/default\:\:active: var(--alpha\/white\/a30);--border\/color\/color-card: var(--alpha\/white\/a06);--border\/color\/divider: var(--alpha\/white\/a08);--border\/color\/action: var(--color\/primary\/default);--border\/color\/action-alt: var(--color\/info\/110);--border\/color\/error: var(--color\/error\/default);--border\/color\/warning: var(--color\/warning\/default);--border\/color\/success: var(--color\/success\/default);--border\/color\/info: var(--color\/info\/default);--border\/color\/form: var(--color\/neutral\/80);--border\/color\/form\:\:hover: var(--color\/neutral\/70);--border\/fixed\/divider: var(--alpha\/white\/a08);--border\/alpha\/default-inverted: var(--alpha\/black\/a08);--surface\/default\/page: var(--color\/neutral\/110);--surface\/default\/primary: var(--color\/neutral\/100);--surface\/default\/secondary: var(--color\/neutral\/100);--surface\/default\/active: var(--color\/neutral\/10);--surface\/default\/success: var(--color\/neutral\/100);--surface\/default\/info: var(--color\/neutral\/100);--surface\/default\/error: var(--color\/neutral\/100);--surface\/default\/warning: var(--color\/neutral\/100);--surface\/default\/overlay: var(--alpha\/black\/a60);--surface\/action\/default\/btn: var(--alpha\/white\/a100);--surface\/action\/default\/btn\:\:hover: var(--alpha\/white\/a80);--surface\/action\/default\/btn\:\:active: var(--alpha\/white\/a70);--surface\/action\/buy\/action: var(--color\/primary\/default);--surface\/action\/buy\/action\:\:hover: var(--color\/primary\/70);--surface\/action\/buy\/action\:\:active: var(--color\/primary\/80);--surface\/action\/interested\/action: var(--color\/success\/default);--surface\/action\/interested\/action\:\:hover: var(--color\/success\/70);--surface\/action\/interested\/action\:\:active: var(--color\/success\/80);--surface\/action\/danger\/action: var(--color\/error\/default);--surface\/action\/danger\/action\:\:hover: var(--color\/error\/70);--surface\/action\/danger\/action\:\:active: var(--color\/error\/80);--surface\/action\/disabled\/btn-disabled: var(--alpha\/white\/a06);--surface\/action\/switch\/off: var(--color\/neutral\/90);--surface\/action\/switch\/off\:\:hover: var(--color\/neutral\/80);--surface\/action\/switch\/on: var(--color\/primary\/default);--surface\/action\/switch\/on\:\:hover: var(--color\/primary\/50);--surface\/action\/switch\/indicator: var(--alpha\/white\/a100);--surface\/fixed\/primary: var(--color\/neutral\/110);--surface\/fixed\/primary-light: var(--color\/neutral\/10);--surface\/fixed\/secondary-light: var(--color\/neutral\/20);--surface\/alpha\/primary: var(--alpha\/white\/a24);--surface\/alpha\/primary-inverted: var(--alpha\/black\/a16);--surface\/alpha\/secondary: var(--alpha\/white\/a08);--surface\/alpha\/secondary-inverted: var(--alpha\/black\/a08);--surface\/alpha\/active: var(--alpha\/white\/a08);--text\/default\/heading: var(--color\/neutral\/10);--text\/default\/body: var(--color\/neutral\/10);--text\/default\/body-alt: var(--color\/neutral\/50);--text\/default\/placeholder: var(--color\/neutral\/default);--text\/default\/disabled: var(--color\/neutral\/70);--text\/default\/error: var(--color\/error\/50);--text\/default\/error\:\:hover: var(--color\/error\/40);--text\/default\/warning: var(--color\/warning\/50);--text\/default\/warning\:\:hover: var(--color\/warning\/40);--text\/default\/success: var(--color\/success\/50);--text\/default\/success\:\:hover: var(--color\/success\/40);--text\/default\/info: var(--color\/info\/50);--text\/default\/info\:\:hover: var(--color\/info\/40);--text\/action\/action: var(--color\/primary\/50);--text\/action\/action\:\:hover: var(--color\/primary\/40);--text\/action\/action\:\:active: var(--color\/primary\/30);--text\/action\/action-alt: var(--color\/neutral\/50);--text\/action\/action-alt\:\:hover: var(--color\/neutral\/40);--text\/action\/action-alt\:\:active: var(--color\/neutral\/10);--text\/action\/on-action: var(--color\/neutral\/110);--text\/action\/on-action-alt: var(--alpha\/white\/a100);--text\/action\/on-disabled: var(--color\/neutral\/70);--text\/fixed\/body: var(--color\/neutral\/10);--text\/fixed\/body-alt: var(--color\/neutral\/50);--text\/alpha\/body-alt: var(--alpha\/white\/a60);--text\/alpha\/body-alt-inverted: var(--alpha\/black\/a60);--text\/alpha\/body-disabled: var(--alpha\/white\/a40);--icon\/default\/primary: var(--color\/neutral\/10);--icon\/default\/hover: var(--color\/neutral\/40);--icon\/default\/secondary: var(--color\/neutral\/70);--icon\/default\/disabled: var(--color\/neutral\/80);--icon\/default\/action: var(--color\/primary\/default);--icon\/default\/error: var(--color\/error\/default);--icon\/default\/warning: var(--color\/warning\/default);--icon\/default\/success: var(--color\/success\/default);--icon\/default\/info: var(--color\/info\/default);--icon\/default\/export: var(--alpha\/white\/a100);--icon\/alpha\/hover: var(--alpha\/white\/a60);--icon\/alpha\/secondary: var(--alpha\/white\/a40);--icon\/alpha\/disabled: var(--alpha\/white\/a24);--type\/font-family\/body: "Inter", sans-serif;--type\/font-family\/heading: "Almarai", sans-serif;--type\/font-weight\/regular: 400;--type\/font-weight\/medium: 500;--type\/font-weight\/semibold: 600;--type\/font-weight\/bold: 700;--fontsize\/body\/xs: 11px;--fontsize\/body\/sm: 13px;--fontsize\/body\/md: 15px;--fontsize\/body\/lg: 17px;--fontsize\/heading\/h5: 16px;--fontsize\/heading\/h4: 20px;--fontsize\/heading\/h3: 24px;--fontsize\/heading\/h2: 28px;--fontsize\/heading\/h1: 40px;--fontsize\/heading\/h1-xl: 56px;--line-height\/body\/xs: 16px;--line-height\/body\/sm: 18px;--line-height\/body\/md: 22px;--line-height\/body\/lg: 26px;--line-height\/heading\/h5: 20px;--line-height\/heading\/h4: 24px;--line-height\/heading\/h3: 28px;--line-height\/heading\/h2: 32px;--line-height\/heading\/h1: 44px;--line-height\/heading\/h1-xl: 56px;--text-style\/heading\/h1: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h1)/var(--line-height\/heading\/h1) var(--type\/font-family\/heading);--text-style\/heading\/h1-xl: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h1-xl)/var(--line-height\/heading\/h1-xl) var(--type\/font-family\/heading);--text-style\/heading\/h2: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h2)/var(--line-height\/heading\/h2) var(--type\/font-family\/heading);--text-style\/heading\/h3: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h3)/var(--line-height\/heading\/h3) var(--type\/font-family\/heading);--text-style\/heading\/h4: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h4)/var(--line-height\/heading\/h4) var(--type\/font-family\/heading);--text-style\/heading\/h5: var(--type\/font-weight\/regular) var(--fontsize\/heading\/h5)/var(--line-height\/heading\/h5) var(--type\/font-family\/heading);--text-style\/body\/lg: var(--type\/font-weight\/regular) var(--fontsize\/body\/lg)/var(--line-height\/body\/lg) var(--type\/font-family\/body);--text-style\/body\/md: var(--type\/font-weight\/regular) var(--fontsize\/body\/md)/var(--line-height\/body\/md) var(--type\/font-family\/body);--text-style\/body\/sm: var(--type\/font-weight\/regular) var(--fontsize\/body\/sm)/var(--line-height\/body\/sm) var(--type\/font-family\/body);--text-style\/body\/xs: var(--type\/font-weight\/regular) var(--fontsize\/body\/xs)/var(--line-height\/body\/xs) var(--type\/font-family\/body);--text-style\/body\/lg-medium: var(--type\/font-weight\/medium) var(--fontsize\/body\/lg)/var(--line-height\/body\/lg) var(--type\/font-family\/body);--text-style\/body\/md-medium: var(--type\/font-weight\/medium) var(--fontsize\/body\/md)/var(--line-height\/body\/md) var(--type\/font-family\/body);--text-style\/body\/sm-medium: var(--type\/font-weight\/medium) var(--fontsize\/body\/sm)/var(--line-height\/body\/sm) var(--type\/font-family\/body);--text-style\/body\/xs-medium: var(--type\/font-weight\/medium) var(--fontsize\/body\/xs)/var(--line-height\/body\/xs) var(--type\/font-family\/body);--text-style\/body\/lg-link: var(--type\/font-weight\/medium) var(--fontsize\/body\/lg)/var(--line-height\/body\/lg) var(--type\/font-family\/body);--text-style\/body\/md-link: var(--type\/font-weight\/medium) var(--fontsize\/body\/md)/var(--line-height\/body\/md) var(--type\/font-family\/body);--text-style\/body\/sm-link: var(--type\/font-weight\/medium) var(--fontsize\/body\/sm)/var(--line-height\/body\/sm) var(--type\/font-family\/body);--text-style\/body\/xs-link: var(--type\/font-weight\/medium) var(--fontsize\/body\/xs)/var(--line-height\/body\/xs) var(--type\/font-family\/body);--text-decoration\/link: underline;--paragraph-spacing\/body\/xs: 12px;--paragraph-spacing\/body\/sm: 16px;--paragraph-spacing\/body\/md: 16px;--paragraph-spacing\/body\/lg: 20px;--paragraph-spacing\/heading\/h5: 16px;--paragraph-spacing\/heading\/h4: 16px;--paragraph-spacing\/heading\/h3: 24px;--paragraph-spacing\/heading\/h2: 24px;--paragraph-spacing\/heading\/h1: 24px;--shadow\/xs: 0px 1px 2px 0px var(--alpha\/black\/a06);--shadow\/sm: 0px 2px 4px 0px var(--alpha\/black\/a12);--shadow\/md: 0px 2px 8px 0px var(--alpha\/black\/a12);--shadow\/lg: 0px 4px 16px 0px var(--alpha\/black\/a16);--shadow\/xl: 0px 8px 32px 0px var(--alpha\/black\/a24);--effect\/form\/default: inset 0px 1px 3px 0px var(--alpha\/black\/a16);--effect\/form\/active: inset 0px 1px 3px 0px var(--alpha\/black\/a16), 0px 0px 0px 3px var(--border\/color\/action-alt);--effect\/form\/active-alpha: inset 0px 1px 3px 0px var(--alpha\/black\/a16), 0px 0px 0px 3px var(--surface\/alpha\/secondary);--spacing\/16-8: var(--scale\/400);--spacing\/24-16-modal: var(--scale\/600);--spacing\/32-16-modal: var(--scale\/800);--spacing\/48-32-page-top: var(--scale\/1200);--spacing\/64-40-page-bottom: var(--scale\/1600);--spacing\/64-16-page-left-right: var(--scale\/1600);--spacing\/96-64: var(--scale\/2400);--spacing\/120-80: var(--scale\/3000);--animation\/fast: .1s;--animation\/normal: .2s;--animation\/slow: .3s;--animation\/easing-default: cubic-bezier(.4, 0, .2, 1);--animation\/easing-enter: cubic-bezier(0, 0, .2, 1);--animation\/easing-exit: cubic-bezier(.4, 0, 1, 1);--animation\/easing-spring: cubic-bezier(.34, 1.4, .64, 1)}[data-theme=light]{--border\/color\/default: var(--alpha\/black\/a12);--border\/color\/default\:\:hover: var(--alpha\/black\/a16);--border\/color\/default\:\:active: var(--alpha\/black\/a16);--border\/color\/color-card: var(--alpha\/black\/a08);--border\/color\/divider: var(--alpha\/black\/a06);--border\/color\/action: var(--color\/primary\/default);--border\/color\/action-alt: var(--color\/info\/10);--border\/color\/error: var(--color\/error\/default);--border\/color\/warning: var(--color\/warning\/default);--border\/color\/success: var(--color\/success\/default);--border\/color\/info: var(--color\/info\/default);--border\/color\/form: var(--color\/neutral\/40);--border\/color\/form\:\:hover: var(--color\/neutral\/50);--border\/fixed\/divider: var(--alpha\/white\/a08);--border\/alpha\/default-inverted: var(--alpha\/white\/a12);--surface\/default\/page: var(--color\/neutral\/20);--surface\/default\/primary: var(--color\/neutral\/10);--surface\/default\/secondary: var(--color\/neutral\/10);--surface\/default\/active: var(--color\/neutral\/110);--surface\/default\/success: var(--color\/neutral\/10);--surface\/default\/info: var(--color\/neutral\/10);--surface\/default\/error: var(--color\/neutral\/10);--surface\/default\/warning: var(--color\/neutral\/10);--surface\/default\/overlay: var(--alpha\/white\/a40);--surface\/action\/default\/btn: var(--alpha\/black\/a100);--surface\/action\/default\/btn\:\:hover: var(--alpha\/black\/a80);--surface\/action\/default\/btn\:\:active: var(--alpha\/black\/a70);--surface\/action\/buy\/action: var(--color\/primary\/50);--surface\/action\/buy\/action\:\:hover: var(--color\/primary\/40);--surface\/action\/buy\/action\:\:active: var(--color\/primary\/30);--surface\/action\/interested\/action: var(--color\/success\/50);--surface\/action\/interested\/action\:\:hover: var(--color\/success\/40);--surface\/action\/interested\/action\:\:active: var(--color\/success\/30);--surface\/action\/danger\/action: var(--color\/error\/50);--surface\/action\/danger\/action\:\:hover: var(--color\/error\/40);--surface\/action\/danger\/action\:\:active: var(--color\/error\/30);--surface\/action\/disabled\/btn-disabled: var(--alpha\/black\/a06);--surface\/action\/switch\/off: var(--color\/neutral\/10);--surface\/action\/switch\/off\:\:hover: var(--color\/neutral\/20);--surface\/action\/switch\/on: var(--color\/primary\/default);--surface\/action\/switch\/on\:\:hover: var(--color\/primary\/70);--surface\/action\/switch\/indicator: var(--alpha\/white\/a100);--surface\/fixed\/primary: var(--color\/neutral\/110);--surface\/alpha\/primary: var(--alpha\/black\/a12);--surface\/alpha\/primary-inverted: var(--alpha\/white\/a24);--surface\/alpha\/secondary: var(--alpha\/black\/a08);--surface\/alpha\/secondary-inverted: var(--alpha\/white\/a06);--surface\/alpha\/active: var(--alpha\/white\/a80);--text\/default\/heading: var(--color\/neutral\/110);--text\/default\/body: var(--color\/neutral\/110);--text\/default\/body-alt: var(--color\/neutral\/70);--text\/default\/placeholder: var(--color\/neutral\/default);--text\/default\/disabled: var(--color\/neutral\/50);--text\/default\/error: var(--color\/error\/70);--text\/default\/error\:\:hover: var(--color\/error\/80);--text\/default\/warning: var(--color\/warning\/70);--text\/default\/warning\:\:hover: var(--color\/warning\/80);--text\/default\/success: var(--color\/success\/70);--text\/default\/success\:\:hover: var(--color\/success\/80);--text\/default\/info: var(--color\/info\/70);--text\/default\/info\:\:hover: var(--color\/info\/80);--text\/action\/action: var(--color\/primary\/70);--text\/action\/action\:\:hover: var(--color\/primary\/80);--text\/action\/action\:\:active: var(--color\/primary\/90);--text\/action\/action-alt: var(--color\/neutral\/70);--text\/action\/action-alt\:\:hover: var(--color\/neutral\/80);--text\/action\/action-alt\:\:active: var(--color\/neutral\/110);--text\/action\/on-action: var(--alpha\/white\/a100);--text\/action\/on-action-alt: var(--color\/neutral\/110);--text\/action\/on-disabled: var(--color\/neutral\/50);--text\/fixed\/body: var(--color\/neutral\/10);--text\/fixed\/body-alt: var(--color\/neutral\/50);--text\/alpha\/body-alt: var(--alpha\/black\/a60);--text\/alpha\/body-alt-inverted: var(--alpha\/white\/a60);--text\/alpha\/body-disabled: var(--alpha\/black\/a40);--icon\/default\/primary: var(--color\/neutral\/110);--icon\/default\/hover: var(--color\/neutral\/80);--icon\/default\/secondary: var(--color\/neutral\/50);--icon\/default\/disabled: var(--color\/neutral\/40);--icon\/default\/action: var(--color\/primary\/default);--icon\/default\/error: var(--color\/error\/default);--icon\/default\/warning: var(--color\/warning\/default);--icon\/default\/success: var(--color\/success\/default);--icon\/default\/info: var(--color\/info\/default);--icon\/default\/export: var(--alpha\/black\/a100);--icon\/alpha\/hover: var(--alpha\/black\/a50);--icon\/alpha\/secondary: var(--alpha\/black\/a30);--icon\/alpha\/disabled: var(--alpha\/black\/a16)}.app-layout{background-color:var(--surface\/default\/page);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.app-layout[data-layout=mobile]{min-height:100%}.app-layout[data-fixed-height=true]{min-height:0}.app-layout__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;position:relative}.app-layout__main{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;position:relative}.app-layout__main:has(.navigation[data-mobile=true][data-menu-open=true]){overflow:hidden;overscroll-behavior:none}.app-layout__navigation{flex-shrink:0;position:sticky;top:0;z-index:3}.app-layout__import-progress{flex-shrink:0;position:sticky;top:var(--scale\/1600);z-index:2}.app-layout__content{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--scale\/400);margin-inline:auto;max-width:calc(var(--scale\/1600) * 18 + var(--scale\/1200));padding-bottom:calc(var(--scale\/1600) + var(--scale\/1200) + var(--scale\/100));padding-inline:var(--spacing\/64-16-page-left-right);width:100%}.app-layout[data-has-playbar=true] .app-layout__content{padding-bottom:calc(var(--scale\/1600) + var(--scale\/1200) + var(--scale\/800) + var(--scale\/300) + var(--scale\/100))}.app-layout[data-layout=mobile] .app-layout__content{max-width:100%;padding-inline:var(--scale\/400)}.app-layout[data-has-playbar=false] .app-layout__content{padding-bottom:calc(var(--scale\/1600) + var(--scale\/200))}.app-layout__playbar{bottom:0;left:0;position:absolute;right:0;z-index:2}.app-layout__playbar:not(.app-layout__playbar--audio-only){animation:playbar-slide-up var(--animation\/normal) var(--animation\/easing-enter)}@keyframes playbar-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(var(--scale\/0))}}.app-layout__playbar--audio-only{height:0;overflow:visible;width:100%}.app-layout[data-has-playbar=true] .page-actions{bottom:calc(var(--scale\/1600) + var(--scale\/600))}.app-layout[data-has-playbar=true]:not([data-layout=mobile]) .page-actions{bottom:calc(var(--scale\/1600) + var(--scale\/600) + var(--scale\/800) + var(--scale\/300))}.app-layout__toast>*{pointer-events:auto}.app-layout__toast{bottom:calc(var(--scale\/1600) + var(--scale\/1200));box-sizing:border-box;left:50%;max-width:calc(var(--scale\/1600) * 5 + var(--scale\/2000));padding-inline:var(--scale\/600);pointer-events:none;position:absolute;transform:translate(-50%);width:100%;z-index:1}.app-layout[data-has-playbar=true] .app-layout__toast{bottom:calc(var(--scale\/1600) + var(--scale\/1200) + var(--scale\/800) + var(--scale\/300))}.app-layout[data-layout=mobile] .app-layout__toast{padding-inline:var(--scale\/400)}.app-layout[data-layout=mobile] .toast__undo .shortkey,.app-layout[data-layout=mobile] .release-item__toggle{display:none}.badge{align-items:center;background-color:var(--badge-surface);border-radius:var(--border\/radius\/round);box-sizing:border-box;color:var(--badge-color);cursor:pointer;display:inline-flex;flex-direction:column;font:var(--text-style\/body\/sm-medium);height:var(--scale\/600);justify-content:center;min-width:var(--scale\/600);padding:var(--scale\/0) var(--scale\/150);text-align:center;transition:background-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.badge[data-size=small]{font:var(--text-style\/body\/xs-medium);height:var(--scale\/500);min-width:var(--scale\/500)}.badge[data-state=primary][data-type=default]{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/alpha\/primary)}.badge[data-state=secondary][data-type=default]{--badge-color: var(--text\/alpha\/body-alt);--badge-surface: var(--surface\/alpha\/secondary)}.badge[data-state=primary][data-type=highlight]{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/action\/buy\/action)}.badge[data-state=secondary][data-type=highlight]{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/action\/buy\/action\:\:hover)}.badge[data-state=primary][data-type=inverted]{--badge-color: var(--text\/action\/on-action);--badge-surface: var(--surface\/alpha\/primary-inverted)}.badge[data-state=secondary][data-type=inverted]{--badge-color: var(--text\/alpha\/body-alt-inverted);--badge-surface: var(--surface\/alpha\/secondary-inverted)}.badge[data-state=secondary][data-type=default]:hover,.badge[data-state=secondary][data-type=default]:focus-visible,.badge[data-state=secondary][data-type=default]:active{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/alpha\/primary)}.badge[data-state=secondary][data-type=highlight]:hover,.badge[data-state=secondary][data-type=highlight]:focus-visible,.badge[data-state=secondary][data-type=highlight]:active{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/action\/buy\/action)}.badge[data-state=secondary][data-type=inverted]:hover,.badge[data-state=secondary][data-type=inverted]:focus-visible,.badge[data-state=secondary][data-type=inverted]:active{--badge-color: var(--text\/action\/on-action);--badge-surface: var(--surface\/alpha\/primary-inverted)}.icon{align-items:center;display:inline-flex;flex-shrink:0;height:var(--icon-height);justify-content:center;width:var(--icon-width)}.icon__glyph{background-color:currentColor;display:block;height:100%;mask-image:var(--icon-mask);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--icon-mask);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;width:100%}.icon[data-color=primary]{color:var(--icon\/default\/primary)}.icon[data-color=hover]{color:var(--icon\/default\/hover)}.icon[data-color=secondary]{color:var(--icon\/default\/secondary)}.icon[data-color=disabled]{color:var(--icon\/default\/disabled)}.icon[data-color=action]{color:var(--icon\/default\/action)}.icon[data-color=error]{color:var(--icon\/default\/error)}.icon[data-color=warning]{color:var(--icon\/default\/warning)}.icon[data-color=success]{color:var(--icon\/default\/success)}.icon[data-color=info]{color:var(--icon\/default\/info)}.icon[data-color=export]{color:var(--icon\/default\/export)}.icon[data-color=alpha-hover]{color:var(--icon\/alpha\/hover)}.icon[data-color=alpha-secondary]{color:var(--icon\/alpha\/secondary)}.icon[data-color=alpha-disabled]{color:var(--icon\/alpha\/disabled)}.navigation-item{align-items:center;background-color:var(--navigation-item-surface);border:none;border-radius:var(--border\/radius\/round);box-sizing:border-box;cursor:pointer;display:inline-flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/200);justify-content:flex-start;max-width:100%;min-height:var(--scale\/1000);min-width:var(--scale\/0);outline:none;padding:var(--scale\/200) var(--scale\/300);transition:background-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.navigation-item__icon,.navigation-item__label{transition:color var(--animation\/fast) var(--animation\/easing-default)}.navigation-item[data-state=default]{--navigation-item-icon-color: var(--icon\/default\/secondary);--navigation-item-label-color: var(--text\/default\/body-alt)}.navigation-item[data-state=hover],.navigation-item[data-state=active]{--navigation-item-icon-color: var(--text\/default\/body);--navigation-item-label-color: var(--text\/default\/body);--navigation-item-surface: var(--surface\/alpha\/secondary)}.navigation-item[data-stretch=false]{flex-shrink:1}.navigation-item[data-stretch=true]{justify-content:space-between;overflow:hidden;width:100%}.navigation-item__icon{color:var(--navigation-item-icon-color);flex-shrink:0}.navigation-item__badge{min-width:var(--scale\/700)}.navigation-item__content{align-items:center;display:inline-flex;gap:var(--scale\/200);min-width:var(--scale\/0);overflow:hidden}.navigation-item[data-stretch=true] .navigation-item__content{flex:1 1 auto}.navigation-item__label{color:var(--navigation-item-label-color);min-width:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-item .badge{flex-shrink:0}.navigation-item[data-variant=action]{gap:var(--scale\/0)}@keyframes navigation-item-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}.navigation-item[data-wiggle=true]{animation:navigation-item-wiggle var(--animation\/normal) ease-in-out}.navigation-item[data-state=default]:not(:disabled):hover,.navigation-item[data-state=default]:not(:disabled):focus-visible,.navigation-item[data-state=default]:not(:disabled):active{--navigation-item-icon-color: var(--text\/default\/body);--navigation-item-label-color: var(--text\/default\/body);--navigation-item-surface: var(--surface\/alpha\/secondary)}.navigation-item[data-state=default][data-variant=default]:not(:disabled):hover .badge[data-state=secondary][data-type=default],.navigation-item[data-state=default][data-variant=default]:not(:disabled):focus-visible .badge[data-state=secondary][data-type=default],.navigation-item[data-state=default][data-variant=default]:not(:disabled):active .badge[data-state=secondary][data-type=default]{--badge-color: var(--text\/action\/on-action-alt);--badge-surface: var(--surface\/alpha\/primary)}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader{animation:loader-spin calc(var(--animation\/slow) + var(--animation\/slow) + var(--animation\/slow)) linear infinite;background-color:currentColor;display:inline-block;height:var(--scale\/400);mask-image:url(/_style/icon/default/loader.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url(/_style/icon/default/loader.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;transform-origin:center;width:var(--scale\/400)}.loader[data-size=small]{height:calc(var(--scale\/400) - var(--scale\/100));width:calc(var(--scale\/400) - var(--scale\/100))}.shortkey{align-items:center;background-color:var(--surface\/alpha\/secondary);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/sm);box-sizing:border-box;color:var(--text\/alpha\/body-alt);display:inline-flex;font:var(--text-style\/body\/xs-medium);justify-content:center;min-width:var(--scale\/600);height:var(--scale\/500);padding:0 var(--scale\/100);text-align:center}.shortkey[data-type=inverted]{background-color:var(--surface\/alpha\/secondary-inverted);border-color:var(--border\/alpha\/default-inverted);color:var(--text\/default\/body-alt-inverted)}.button{align-items:center;background-color:var(--button-surface);border-radius:var(--border\/radius\/round);box-sizing:border-box;color:var(--button-color);cursor:pointer;display:inline-flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/200);height:var(--scale\/1000);justify-content:center;outline:none;padding:var(--scale\/0) var(--scale\/300);position:relative;text-align:center;transition:background-color var(--animation\/fast) var(--animation\/easing-default),border-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.button[data-size=small]{height:var(--scale\/700);padding:var(--scale\/0) var(--scale\/200)}.button[data-variant=transparent]{padding:var(--scale\/0)}.button[data-status=loader]{cursor:wait;gap:var(--scale\/0);padding:var(--scale\/0) var(--scale\/400)}.button[data-status=loader][data-size=small]{padding:var(--scale\/0) var(--scale\/200)}.button:disabled,.button[data-status=disabled]{cursor:not-allowed}.button[data-status=loader]:disabled{cursor:wait}.button__icon{color:var(--button-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.button__focus-ring{border:var(--border\/width\/sm) solid var(--border\/color\/action);border-radius:var(--border\/radius\/round);inset:calc(var(--scale\/50) * -1);outline-color:var(--border\/color\/action-alt);outline-style:solid;outline-width:calc(var(--border\/width\/sm) + var(--scale\/50));pointer-events:none;position:absolute}.button[data-variant=secondary] .button__focus-ring{inset:calc((var(--border\/width\/sm) + var(--scale\/50)) * -1)}.button[data-variant=transparent] .button__focus-ring{inset:calc(var(--scale\/50) * -1) calc(var(--scale\/150) * -1)}.button[data-variant=transparent][data-size=small] .button__focus-ring{inset:calc(var(--scale\/50) * -1) calc(var(--scale\/100) * -1)}.button[data-variant=transparent][data-status=hover] .button__label,.button[data-variant=transparent][data-status=active] .button__label{text-decoration:var(--text-decoration\/link)}.button[data-status=default][data-variant=primary]:not(:disabled):hover,.button[data-status=default][data-variant=primary]:not(:disabled):focus-visible{--button-surface: var(--surface\/action\/default\/btn\:\:hover) !important}.button[data-status=default][data-variant=primary]:not(:disabled):active{--button-surface: var(--surface\/action\/default\/btn\:\:active) !important}.button[data-status=default][data-variant=secondary]:not(:disabled):hover,.button[data-status=default][data-variant=secondary]:not(:disabled):focus-visible{--button-border-color: var(--border\/color\/default\:\:hover) !important}.button[data-status=default][data-variant=secondary]:not(:disabled):active{--button-border-color: var(--border\/color\/default\:\:active) !important}.button[data-status=default][data-variant=buy]:not(:disabled):hover,.button[data-status=default][data-variant=buy]:not(:disabled):focus-visible{--button-surface: var(--surface\/action\/buy\/action\:\:hover) !important}.button[data-status=default][data-variant=buy]:not(:disabled):active{--button-surface: var(--surface\/action\/buy\/action\:\:active) !important}.button[data-status=default][data-variant=interested]:not(:disabled):hover,.button[data-status=default][data-variant=interested]:not(:disabled):focus-visible{--button-surface: var(--surface\/action\/interested\/action\:\:hover) !important}.button[data-status=default][data-variant=interested]:not(:disabled):active{--button-surface: var(--surface\/action\/interested\/action\:\:active) !important}.button[data-status=default][data-variant=danger]:not(:disabled):hover,.button[data-status=default][data-variant=danger]:not(:disabled):focus-visible{--button-surface: var(--surface\/action\/danger\/action\:\:hover) !important}.button[data-status=default][data-variant=danger]:not(:disabled):active{--button-surface: var(--surface\/action\/danger\/action\:\:active) !important}.button[data-status=default][data-variant=transparent]:not(:disabled):hover,.button[data-status=default][data-variant=transparent]:not(:disabled):active,.button[data-status=default][data-variant=transparent]:not(:disabled):focus-visible{--button-color: var(--text\/action\/action\:\:hover) !important}.button[data-status=default][data-variant=transparent]:not(:disabled):hover .button__label,.button[data-status=default][data-variant=transparent]:not(:disabled):active .button__label{text-decoration:var(--text-decoration\/link)}.button[data-status=focus] .button__focus-ring,.button:focus-visible .button__focus-ring{visibility:visible}.button__focus-ring{visibility:hidden}.help-button--compact{align-items:center;background-color:var(--surface\/default\/page);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/round);box-sizing:border-box;color:var(--icon\/default\/secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--scale\/800);justify-content:center;outline:none;padding:var(--scale\/0);transition:background-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default);width:var(--scale\/800)}.help-button--compact:hover,.help-button--compact:active,.help-button--compact:focus-visible{background-color:var(--surface\/alpha\/secondary);color:var(--icon\/default\/hover)}.help-button__icon{color:inherit}@keyframes help-button-prominent-in{0%{opacity:0;transform:translateY(var(--scale\/300)) rotate(0)}65%{opacity:1;transform:translateY(var(--scale\/0)) rotate(0)}78%{transform:translateY(var(--scale\/0)) rotate(-3deg)}88%{transform:translateY(var(--scale\/0)) rotate(3deg)}94%{transform:translateY(var(--scale\/0)) rotate(-1.5deg)}to{opacity:1;transform:translateY(var(--scale\/0)) rotate(0)}}.help-button--prominent{animation:help-button-prominent-in calc(var(--animation\/slow) + var(--animation\/normal) + var(--animation\/normal)) var(--animation\/easing-enter) forwards;opacity:0}@media(prefers-reduced-motion:reduce){.help-button--prominent{animation:none;opacity:1;transform:none}}.navigation{align-items:flex-start;align-self:stretch;background-color:var(--surface\/default\/page);box-sizing:border-box;display:flex;gap:var(--scale\/400);padding:var(--scale\/300) var(--scale\/400);width:100%}.navigation[data-mobile=true]{padding:var(--scale\/300) var(--scale\/200)}.navigation--scrolled{border-bottom:var(--border\/width\/sm) solid var(--border\/color\/default)}.navigation[data-mobile=true][data-menu-open=true]{border-bottom:none}.navigation__group{align-items:flex-start;display:flex;gap:var(--scale\/50)}.navigation__nav{flex:1;min-width:0}.navigation[data-mobile=true] .navigation__nav{align-items:center;justify-content:space-between;width:100%}.navigation__mobile-help,.navigation__actions{flex-shrink:0}.navigation-shell{align-self:stretch;box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.navigation-panel{align-items:flex-start;align-self:stretch;background-color:var(--surface\/default\/page);border-bottom:var(--border\/width\/sm) solid var(--border\/color\/default);box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:var(--scale\/400);min-height:0;padding:var(--scale\/300) var(--scale\/400);width:100%}.navigation-shell>.navigation-panel{animation:navigation-panel-in var(--animation\/normal) var(--animation\/easing-enter);border-bottom:none;flex:none;height:calc(100dvh - 100%);left:0;position:absolute;top:100%;width:100%;z-index:1}@keyframes navigation-panel-in{0%{opacity:0;transform:translateY(calc(var(--scale\/300) * -1))}to{opacity:1;transform:translateY(var(--scale\/0))}}.navigation-panel__group{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale\/50);width:100%}.navigation-panel__group--nav{flex:1;min-height:0}[data-theme=light] .navigation{background-clip:padding-box}.link{--link-focus-ring: var(--border\/color\/action);--link-focus-shadow: 0px 0px 0px calc(var(--scale\/50) + var(--scale\/25)) var(--border\/color\/action-alt);align-items:center;border-radius:var(--border\/radius\/md);box-sizing:border-box;color:var(--link-color);cursor:pointer;display:inline-flex;font-feature-settings:"lnum" 1,"tnum" 1;gap:var(--scale\/200);outline:none;position:relative;text-align:center;text-decoration:none;white-space:nowrap}.link[data-size=small],.link[data-size=x-small]{gap:var(--scale\/150)}.link[data-size=default]{font:var(--text-style\/body\/md-link)}.link[data-size=small]{font:var(--text-style\/body\/sm-link)}.link[data-size=x-small]{font:var(--text-style\/body\/xs-link)}.link[data-type=default][data-status=default]{--link-color: var(--text\/action\/action);--link-text-decoration: none}.link[data-type=default][data-status=hover]{--link-color: var(--text\/action\/action\:\:hover);--link-text-decoration: var(--text-decoration\/link)}.link[data-type=default][data-status=active]{--link-color: var(--text\/action\/action\:\:active);--link-text-decoration: var(--text-decoration\/link)}.link[data-type=default][data-status=focus]{--link-color: var(--text\/action\/action\:\:hover);--link-text-decoration: none}.link[data-type=inline][data-status=default]{--link-color: var(--text\/action\/action-alt);--link-text-decoration: var(--text-decoration\/link)}.link[data-type=inline][data-status=hover]{--link-color: var(--text\/action\/action-alt\:\:hover);--link-text-decoration: none}.link[data-type=inline][data-status=active]{--link-color: var(--text\/action\/action-alt\:\:active);--link-text-decoration: none}.link[data-type=inline][data-status=focus]{--link-color: var(--text\/action\/action-alt\:\:hover);--link-text-decoration: none}.link[data-status=default][data-type=default]:not([aria-disabled=true]):hover{--link-color: var(--text\/action\/action\:\:hover) !important;--link-text-decoration: var(--text-decoration\/link) !important}.link[data-status=default][data-type=default]:not([aria-disabled=true]):active{--link-color: var(--text\/action\/action\:\:active) !important;--link-text-decoration: var(--text-decoration\/link) !important}.link[data-status=default][data-type=default]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/action\/action\:\:hover) !important}.link[data-status=default][data-type=inline]:not([aria-disabled=true]):hover{--link-color: var(--text\/action\/action-alt\:\:hover) !important;--link-text-decoration: none !important}.link[data-status=default][data-type=inline]:not([aria-disabled=true]):active{--link-color: var(--text\/action\/action-alt\:\:active) !important;--link-text-decoration: none !important}.link[data-status=default][data-type=inline]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/action\/action-alt\:\:hover) !important}.link[data-tone=error][data-type=inline][data-status=default]{--link-color: var(--text\/default\/error);--link-text-decoration: var(--text-decoration\/link)}.link[data-tone=error][data-type=inline][data-status=hover],.link[data-tone=error][data-type=inline][data-status=active],.link[data-tone=error][data-type=inline][data-status=focus]{--link-color: var(--text\/default\/error\:\:hover);--link-text-decoration: none}.link[data-tone=error][data-type=default][data-status=default]{--link-color: var(--text\/default\/error);--link-text-decoration: none}.link[data-tone=error][data-type=default][data-status=hover],.link[data-tone=error][data-type=default][data-status=active],.link[data-tone=error][data-type=default][data-status=focus]{--link-color: var(--text\/default\/error\:\:hover);--link-text-decoration: var(--text-decoration\/link)}.link[data-tone=error]{--link-focus-ring: var(--border\/color\/error)}.link[data-tone=error][data-type=inline][data-status=default]:not([aria-disabled=true]):hover,.link[data-tone=error][data-type=inline][data-status=default]:not([aria-disabled=true]):active,.link[data-tone=error][data-type=inline][data-status=default]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/error\:\:hover) !important;--link-text-decoration: none !important}.link[data-tone=error][data-type=default][data-status=default]:not([aria-disabled=true]):hover,.link[data-tone=error][data-type=default][data-status=default]:not([aria-disabled=true]):active,.link[data-tone=error][data-type=default][data-status=default]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/error\:\:hover) !important;--link-text-decoration: var(--text-decoration\/link) !important}.link[data-status=disabled],.link[aria-disabled=true]{--link-color: var(--text\/action\/on-disabled) !important;--link-text-decoration: none !important;cursor:not-allowed}.link[data-status=focus] .link__focus-ring,.link:focus-visible .link__focus-ring{visibility:visible}.link__icon{color:var(--link-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.link__label{color:var(--link-color);text-decoration:var(--link-text-decoration);transition:color var(--animation\/fast) var(--animation\/easing-default)}.link__focus-ring{border:var(--border\/width\/sm) solid var(--link-focus-ring);border-radius:var(--border\/radius\/md);box-shadow:var(--link-focus-shadow);inset:calc(var(--scale\/50) * -1) calc(var(--scale\/150) * -1);pointer-events:none;position:absolute;visibility:hidden}.artwork{background-color:var(--surface\/alpha\/secondary);border-radius:var(--border\/radius\/sm);box-sizing:border-box;flex-shrink:0;overflow:hidden;position:relative}.artwork[data-size=sm]{height:var(--scale\/800);width:var(--scale\/800)}.artwork[data-size=md]{height:var(--scale\/1200);width:var(--scale\/1200)}.artwork[data-size=lg]{height:var(--scale\/1600);width:var(--scale\/1600)}.artwork:after{border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:inherit;box-sizing:border-box;content:"";inset:var(--scale\/0);pointer-events:none;position:absolute;z-index:1}.artwork__image{display:block;height:100%;inset:var(--scale\/0);object-fit:cover;position:absolute;width:100%}.import-row{align-items:center;border-radius:var(--border\/radius\/md);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--scale\/200) var(--scale\/400);padding:var(--scale\/300);width:100%}.import-row__text{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/100);min-width:var(--scale\/0)}.import-row__title{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.import-row__subtitle{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);overflow:hidden;text-overflow:ellipsis;white-space:pre;width:100%}.import-row__action{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end}.import-row__action--success{gap:var(--scale\/200)}.import-row__status{color:var(--text\/action\/action-alt);font:var(--text-style\/body\/xs-medium);text-align:right;white-space:nowrap}.import-row__status--success{color:var(--text\/default\/success)}.import-row__status--error{color:var(--text\/default\/error)}.import-row__retry,.import-row__release-link{vertical-align:baseline}.import-item[data-state=error] .import-row__action{align-items:flex-start;box-sizing:border-box;flex-basis:100%;flex-shrink:1;gap:var(--scale\/200);justify-content:space-between;min-width:0;padding-inline-start:calc(var(--scale\/1200) + var(--scale\/400))}.import-item[data-state=error] .import-row__status--error{flex:1 1 auto;min-width:0;text-align:left;white-space:normal;word-break:break-word}.import-row__text--invalid{flex:1 1 0;min-width:var(--scale\/0)}.import-row__title--invalid,.import-row__message--invalid{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}.import-row__message--invalid{color:var(--text\/default\/error);font:var(--text-style\/body\/sm-medium)}.invalid-item{flex-wrap:nowrap}.invalid-item__artwork{flex-shrink:0;height:var(--scale\/1200);position:relative;width:var(--scale\/1200)}.invalid-item__artwork-frame{background-color:var(--surface\/default\/error);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/sm);box-sizing:border-box;height:100%;width:100%}.invalid-item__artwork-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.import-list{background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--scale\/50);padding:var(--scale\/200);width:100%}.import-progress{-webkit-backdrop-filter:blur(var(--scale\/400));backdrop-filter:blur(var(--scale\/400));background-color:var(--surface\/alpha\/secondary);border-bottom:var(--border\/width\/sm) solid var(--border\/color\/default);box-sizing:border-box;padding:var(--scale\/300) var(--scale\/400) var(--scale\/400);width:100%}.import-progress__row{align-items:center;display:flex;font:var(--text-style\/body\/xs-medium);justify-content:space-between;margin-bottom:var(--scale\/300)}.import-progress__label{color:var(--text\/alpha\/body-alt)}.import-progress__count{color:var(--text\/alpha\/body-disabled)}.import-progress__track{-webkit-backdrop-filter:blur(var(--scale\/400));backdrop-filter:blur(var(--scale\/400));background-color:var(--surface\/alpha\/secondary);border-radius:var(--border\/radius\/round);height:var(--scale\/100);overflow:hidden;width:100%}.import-progress__track-inner{display:block;height:100%;overflow:hidden;position:relative;width:100%}.import-progress__fill{background-color:var(--surface\/default\/active);display:block;height:100%;transition:width var(--animation\/slow) var(--animation\/easing-enter)}.pill{align-items:center;background-color:var(--pill-surface);border-radius:var(--border\/radius\/md);box-sizing:border-box;color:var(--pill-color);display:inline-flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/100);height:var(--scale\/600);padding:var(--scale\/0) var(--scale\/200)}.pill[data-type=default]{--pill-color: var(--text\/default\/body);--pill-surface: var(--surface\/alpha\/secondary)}.pill[data-type=info]{--pill-color: var(--text\/default\/info);--pill-surface: var(--surface\/default\/info)}.pill[data-type=success]{--pill-color: var(--text\/default\/success);--pill-surface: var(--surface\/default\/success)}.pill[data-type=warning]{--pill-color: var(--text\/default\/warning);--pill-surface: var(--surface\/default\/warning)}.pill[data-type=error]{--pill-color: var(--text\/default\/error);--pill-surface: var(--surface\/default\/error)}.pill[data-size=small]{border-radius:var(--border\/radius\/sm);font:var(--text-style\/body\/xs-medium);height:var(--scale\/500);padding:var(--scale\/0) var(--scale\/150)}.pill__icon{color:var(--pill-color)}.input{display:flex;flex-direction:column;gap:var(--scale\/100);min-width:var(--scale\/0)}.input__label{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium)}.input__field{background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/form);border-radius:var(--border\/radius\/md);box-sizing:border-box;color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium);height:var(--scale\/1000);outline:none;padding:var(--scale\/0) var(--scale\/300);transition:border-color var(--animation\/fast) var(--animation\/easing-default),box-shadow var(--animation\/fast) var(--animation\/easing-default);width:100%}.input__field::placeholder{color:var(--text\/default\/placeholder)}.input__field:hover:not(:disabled):not(:focus-visible){border-color:var(--border\/color\/form\:\:hover)}.input__field:focus-visible{border-color:var(--border\/color\/form\:\:hover);box-shadow:0 0 0 var(--scale\/100) var(--surface\/alpha\/secondary)}.input__field:disabled{color:var(--text\/default\/disabled);cursor:not-allowed}.input__control{align-items:center;background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/form);border-radius:var(--border\/radius\/md);box-sizing:border-box;display:flex;height:var(--scale\/1000);transition:border-color var(--animation\/fast) var(--animation\/easing-default),box-shadow var(--animation\/fast) var(--animation\/easing-default);width:100%}.input__control:has(.input__field:hover:not(:disabled):not(:focus-visible)){border-color:var(--border\/color\/form\:\:hover)}.input__control:has(.input__field:focus-visible){border-color:var(--border\/color\/form\:\:hover);box-shadow:0 0 0 var(--scale\/100) var(--surface\/alpha\/secondary)}.input__control:has(.input__field:disabled){cursor:not-allowed}.input__prefix{color:var(--text\/default\/body-alt);flex-shrink:0;font:var(--text-style\/body\/sm-medium);padding-inline-start:var(--scale\/300);-webkit-user-select:none;user-select:none}.input--prefixed:has(.input__field:disabled) .input__prefix{color:var(--text\/default\/disabled)}.input__field--prefixed{background:none;border:none;box-shadow:none;flex:1 1 auto;min-width:var(--scale\/0);padding-inline-start:var(--scale\/0)}.input__field--prefixed:focus-visible{box-shadow:none}.tag{align-items:center;background-color:var(--tag-surface);border-color:var(--tag-border-color);border-radius:var(--border\/radius\/round);border-style:solid;border-width:var(--border\/width\/sm);box-sizing:border-box;cursor:pointer;display:inline-flex;transition:background-color var(--animation\/fast) var(--animation\/easing-default),border-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.tag[data-size=small]{font:var(--text-style\/body\/xs-medium);gap:var(--scale\/100);height:var(--scale\/600);padding:var(--scale\/0) var(--scale\/200)}.tag[data-size=medium],.tag[data-size=medium-icon]{font:var(--text-style\/body\/sm-medium);gap:var(--scale\/150);height:var(--scale\/800);padding:var(--scale\/0) var(--scale\/250)}.tag[data-size=medium][data-status=default],.tag[data-size=medium-icon][data-status=default]{--tag-border-color: var(--border\/color\/default);--tag-extra-color: var(--text\/action\/on-disabled);--tag-hash-color: var(--text\/action\/action-alt);--tag-icon-color: var(--icon\/default\/primary);--tag-label-color: var(--text\/action\/action-alt)}.tag[data-size=medium][data-status=hover],.tag[data-size=medium-icon][data-status=hover]{--tag-border-color: var(--border\/color\/default\:\:hover);--tag-extra-color: var(--text\/action\/action-alt);--tag-hash-color: var(--text\/action\/action-alt);--tag-icon-color: var(--icon\/default\/primary);--tag-label-color: var(--text\/action\/on-action-alt)}.tag[data-size=medium][data-status=active],.tag[data-size=medium-icon][data-status=active]{--tag-border-color: var(--border\/color\/default);--tag-extra-color: var(--text\/action\/on-disabled);--tag-hash-color: var(--text\/action\/action-alt);--tag-icon-color: var(--text\/action\/on-action);--tag-label-color: var(--text\/action\/on-action);--tag-surface: var(--surface\/default\/active)}.tag[data-size=small][data-status=default]{--tag-border-color: var(--border\/color\/default);--tag-label-color: var(--text\/action\/action-alt)}.tag[data-size=small][data-status=hover]{--tag-border-color: var(--border\/color\/default\:\:hover);--tag-label-color: var(--text\/action\/on-action-alt)}.tag[data-size=small][data-status=active]{--tag-border-color: var(--surface\/alpha\/primary);--tag-label-color: var(--text\/action\/on-action-alt);--tag-surface: var(--surface\/alpha\/primary)}.tag[data-status=default]:hover,.tag[data-status=default]:focus-visible{--tag-border-color: var(--border\/color\/default\:\:hover) !important;--tag-extra-color: var(--text\/action\/action-alt) !important;--tag-hash-color: var(--text\/action\/action-alt) !important;--tag-label-color: var(--text\/action\/on-action-alt) !important;border-color:var(--tag-border-color)!important}.tag[data-status=default]:active{--tag-border-color: var(--border\/color\/default) !important;--tag-extra-color: var(--text\/action\/on-disabled) !important;--tag-hash-color: var(--text\/action\/action-alt) !important;--tag-icon-color: var(--text\/action\/on-action) !important;--tag-label-color: var(--text\/action\/on-action) !important;--tag-surface: var(--surface\/default\/active) !important;background-color:var(--tag-surface)!important;border-color:var(--tag-border-color)!important}.tag[data-status=default][data-size=small]:active{--tag-border-color: var(--surface\/alpha\/primary) !important;--tag-label-color: var(--text\/action\/on-action-alt) !important;--tag-surface: var(--surface\/alpha\/primary) !important;background-color:var(--tag-surface)!important;border-color:var(--tag-border-color)!important}.tag__hash{color:var(--tag-hash-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.tag__label{color:var(--tag-label-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.tag__extra{color:var(--tag-extra-color);font:var(--text-style\/body\/xs-medium);transition:color var(--animation\/fast) var(--animation\/easing-default)}.tag__icon{color:var(--tag-icon-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.following-sync{background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--scale\/300);padding:var(--scale\/400);width:100%}.following-sync__header{align-items:center;display:flex;gap:var(--scale\/300);justify-content:space-between}.following-sync__title{color:var(--text\/default\/body);flex:1 1 auto;font:var(--text-style\/body\/md-medium);margin:var(--scale\/0);min-width:var(--scale\/0)}.following-sync__pill{flex-shrink:0}.following-sync__description{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);margin-block-start:var(--scale\/200)}.following-sync__hint{color:var(--text\/default\/placeholder);font:var(--text-style\/body\/xs-medium);margin:var(--scale\/0);margin-block-start:var(--scale\/200)}.following-sync__details-toggle{display:inline-flex;vertical-align:baseline}.following-sync__form{align-items:flex-end;display:flex;gap:var(--scale\/300);width:100%}.following-sync__form .input{flex:1 1 auto}.following-sync[data-mobile=true] .following-sync__form{align-items:stretch;flex-direction:column}.following-sync__batches{display:flex;flex-direction:column;gap:var(--scale\/200)}.following-sync__batches-label{color:var(--text\/default\/placeholder);font:var(--text-style\/body\/xs-medium);margin:var(--scale\/0)}.following-sync__batch-list{display:flex;flex-wrap:wrap;gap:var(--scale\/200)}.following-sync__divider{background-color:var(--border\/color\/divider);height:var(--border\/width\/sm);width:100%}.following-sync__scanning{display:flex;flex-direction:column;gap:var(--scale\/200);width:100%}.following-sync__status--scanning{display:block}.following-sync__throttled-line{color:var(--text\/default\/placeholder);font:var(--text-style\/body\/xs-medium);margin:var(--scale\/0)}.following-sync__status{align-items:center;color:var(--text\/default\/body-alt);display:flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/200)}.following-sync__status--error{color:var(--text\/default\/error)}.following-sync__status--warning{color:var(--text\/default\/warning);display:block}.following-sync__status--done{display:block}.following-sync__import-link{--link-color: var(--text\/default\/body);display:inline-flex;vertical-align:baseline}.following-sync__import-link:not([aria-disabled=true]):hover,.following-sync__import-link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/body-alt)}.following-sync__count{color:var(--text\/default\/body)}.following-sync__progress-fill[data-throttled=true]{opacity:.5}.following-sync__progress-track{background-color:var(--surface\/alpha\/primary);border-radius:var(--border\/radius\/round);height:var(--scale\/100);overflow:hidden;width:100%}.following-sync__progress-fill{background-color:var(--surface\/action\/default\/btn);border-radius:var(--border\/radius\/round);height:100%;transition:width var(--animation\/slow) var(--animation\/easing-enter)}.page-actions{bottom:var(--scale\/600);display:flex;gap:var(--scale\/200);position:fixed;right:var(--scale\/600);z-index:40}.shortcuts{animation:shortcuts-card-in var(--animation\/normal) var(--animation\/easing-enter);background-color:var(--surface\/default\/page);border:var(--border\/width\/sm) solid var(--border\/color\/default);box-shadow:var(--shadow\/lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--scale\/400);padding:var(--scale\/300) var(--scale\/400);position:relative;border-radius:var(--border\/radius\/lg);width:calc(var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/400))}@keyframes shortcuts-card-in{0%{opacity:0;transform:translateY(var(--scale\/200)) scale(.98)}to{opacity:1;transform:translateY(var(--scale\/0)) scale(1)}}.shortcuts__close{align-items:center;background:none;border:none;color:var(--text\/alpha\/body-alt);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--scale\/200);position:absolute;right:var(--scale\/200);top:var(--scale\/100);transition:color var(--animation\/fast) var(--animation\/easing-default)}.shortcuts__close:hover,.shortcuts__close:focus-visible{color:var(--text\/default\/body)}.shortcuts__title{color:var(--text\/default\/body);font:var(--text-style\/heading\/h5);margin:var(--scale\/0);min-width:var(--scale\/0);width:100%}.shortcuts__content,.shortcuts__section{display:flex;flex-direction:column;gap:var(--scale\/200);width:100%}.shortcuts__divider{background-color:var(--border\/color\/divider);flex-shrink:0;height:var(--border\/width\/sm);width:100%}.shortcuts__row{align-items:center;border-radius:var(--border\/radius\/md);display:flex;justify-content:space-between;width:100%}.shortcuts__label{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);white-space:nowrap}.shortcuts__keyboard{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--scale\/200)}.shortcuts__group{align-items:center;display:inline-flex;gap:var(--scale\/100)}.shortcuts__separator{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium);white-space:nowrap}[data-theme=light] .shortcuts{background-clip:padding-box}.modal-overlay{align-items:center;animation:modal-overlay-in var(--animation\/normal) var(--animation\/easing-enter);-webkit-backdrop-filter:blur(var(--scale\/400));backdrop-filter:blur(var(--scale\/400));background-color:var(--surface\/default\/overlay);display:flex;inset:0;justify-content:center;position:fixed}.modal-overlay--shortcuts{z-index:50}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-overlay--dialog{padding:var(--scale\/400);z-index:60}@keyframes modal-card-in{0%{opacity:0;transform:translateY(var(--scale\/200)) scale(.98)}to{opacity:1;transform:translateY(var(--scale\/0)) scale(1)}}.modal{animation:modal-card-in var(--animation\/normal) var(--animation\/easing-enter);background-color:var(--surface\/default\/page);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-shadow:var(--shadow\/lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--scale\/400);max-height:calc(100dvh - var(--scale\/800));overflow:hidden;padding:var(--scale\/300) var(--scale\/0) var(--scale\/300) var(--scale\/400);position:relative;width:calc(var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/400));max-width:100%}.modal--wide{width:calc(var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/1600) + var(--scale\/400))}.modal__title{color:var(--text\/default\/body);font:var(--text-style\/heading\/h5);margin:var(--scale\/0);min-width:var(--scale\/0);padding-right:calc(var(--scale\/400) + var(--scale\/500));width:100%}.modal__close{align-items:center;background:none;border:none;color:var(--text\/alpha\/body-alt);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--scale\/200);position:absolute;right:var(--scale\/200);top:var(--scale\/100);transition:color var(--animation\/fast) var(--animation\/easing-default)}.modal__close:hover,.modal__close:focus-visible{color:var(--text\/default\/body)}.modal__body{color:var(--text\/default\/body-alt);display:flex;flex-direction:column;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/300);overflow-y:auto;padding-right:var(--scale\/400);width:100%}.modal__footer{display:flex;flex-wrap:wrap;gap:var(--scale\/200);justify-content:flex-end;padding-right:var(--scale\/400);width:100%}[data-theme=light] .modal{background-clip:padding-box}.confirm-modal__message{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0)}.confirm-modal__footer{display:flex;flex-wrap:wrap;gap:var(--scale\/200);justify-content:space-between;width:100%}.confirm-modal__footer-actions{display:flex;flex-wrap:wrap;gap:var(--scale\/200);justify-content:flex-end}.help-modal__steps{counter-reset:help-step;display:flex;flex-direction:column;gap:var(--scale\/300);list-style:none;margin:var(--scale\/0);padding:var(--scale\/0)}.help-modal__step{counter-increment:help-step;display:grid;gap:var(--scale\/200);grid-template-columns:var(--scale\/600) minmax(0,1fr)}.help-modal__step:before{align-items:center;background-color:var(--surface\/alpha\/secondary);border-radius:var(--border\/radius\/round);color:var(--text\/default\/body);content:counter(help-step);display:inline-flex;font:var(--text-style\/body\/xs-medium);grid-column:1;grid-row:1;height:var(--scale\/500);justify-content:center;width:var(--scale\/500)}.help-modal__step:has(.help-modal__step-media):before{grid-row:2}.help-modal__step-content{display:flex;flex-direction:column;gap:var(--scale\/100);grid-column:2;grid-row:1;min-width:0}.help-modal__step:has(.help-modal__step-media) .help-modal__step-content{grid-row:2}.help-modal__step-title{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium)}.help-modal__step-body{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium)}.help-modal__step-media{border:var(--border\/width\/sm) solid var(--border\/color\/color-card);border-radius:var(--border\/radius\/md);display:block;grid-column:1 / -1;grid-row:1;height:auto;margin-bottom:var(--scale\/100);margin-right:calc(-1 * var(--scale\/400));width:calc(100% + var(--scale\/400))}.help-modal__shortkey{margin-inline:var(--scale\/50);vertical-align:middle}.help-modal__footer{background-color:var(--surface\/default\/page);border-top:var(--border\/width\/sm) solid var(--border\/color\/divider);bottom:var(--scale\/0);color:var(--text\/alpha\/body-disabled);font:var(--text-style\/body\/xs);margin:var(--scale\/0);margin-right:calc(-1 * var(--scale\/400));margin-top:auto;padding-bottom:var(--scale\/100);padding-right:var(--scale\/400);padding-top:var(--scale\/400);position:sticky;z-index:1}.help-modal__footer .link{--link-color: var(--text\/alpha\/body-disabled);--link-text-decoration: underline}.help-modal__footer .link[data-status=default][data-type=inline]:not([aria-disabled=true]):hover,.help-modal__footer .link[data-status=default][data-type=inline]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/alpha\/body-alt) !important}.switch-field{display:inline-flex}.switch{background:none;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;outline:none;padding:var(--scale\/0);position:relative}.switch:disabled,.switch[data-disabled],.switch[data-status=disabled]{cursor:not-allowed}.switch__indicator{display:inline-flex;overflow:visible;padding:var(--scale\/150);position:relative}.switch__track{align-items:center;background-color:var(--surface\/action\/switch\/off);border:none;border-radius:var(--border\/radius\/round);box-shadow:inset 0 0 0 var(--border\/width\/sm) var(--border\/color\/default),var(--effect\/form\/default);box-sizing:border-box;display:flex;height:var(--scale\/400);justify-content:flex-start;padding-block:calc((var(--scale\/400) - var(--scale\/250)) / 2);padding-inline:calc(var(--scale\/50) + var(--scale\/25));position:relative;transition:background-color var(--animation\/fast) var(--animation\/easing-default),box-shadow var(--animation\/fast) var(--animation\/easing-default);width:var(--scale\/700)}.switch__knob{background-color:var(--surface\/action\/switch\/indicator);border:none;border-radius:var(--border\/radius\/round);box-shadow:var(--shadow\/sm),0 0 0 var(--border\/width\/sm) var(--border\/color\/default);box-sizing:border-box;flex-shrink:0;height:var(--scale\/250);transform:translate(var(--scale\/0));transition:transform var(--animation\/fast) var(--animation\/easing-spring);width:var(--scale\/250)}.switch__focus-ring{border:var(--border\/width\/sm) solid var(--border\/color\/action);border-radius:var(--border\/radius\/round);box-shadow:0 0 0 calc(var(--scale\/50) + var(--scale\/25)) var(--surface\/alpha\/secondary);inset:var(--scale\/0);pointer-events:none;position:absolute;visibility:hidden}.switch[data-selected] .switch__track{background-color:var(--surface\/action\/switch\/on);box-shadow:inset 0 0 0 var(--border\/width\/sm) var(--border\/color\/default),var(--effect\/form\/default)}.switch[data-selected] .switch__knob{transform:translate(var(--scale\/300))}.switch:not([data-disabled]):not([data-selected]):is([data-hovered],[data-status=hover]) .switch__track,.switch:not([data-disabled]):not([data-selected])[data-status=default]:hover .switch__track{background-color:var(--surface\/action\/switch\/off\:\:hover)}.switch:not([data-disabled])[data-selected]:is([data-hovered],[data-status=hover]) .switch__track,.switch:not([data-disabled])[data-selected][data-status=default]:hover .switch__track{background-color:var(--surface\/action\/switch\/on\:\:hover)}.switch:not([data-disabled]):is([data-focus-visible],[data-status=focus]) .switch__focus-ring,.switch:not([data-disabled])[data-status=default]:focus-visible .switch__focus-ring{visibility:visible}.switch:not([data-disabled]):not([data-selected]):is([data-focus-visible],[data-status=focus]) .switch__track,.switch:not([data-disabled]):not([data-selected])[data-status=default]:focus-visible .switch__track{background-color:var(--surface\/action\/switch\/off\:\:hover);box-shadow:inset 0 0 0 var(--border\/width\/sm) var(--border\/color\/default),var(--effect\/form\/active-alpha)}.switch:not([data-disabled])[data-selected]:is([data-focus-visible],[data-status=focus]) .switch__track,.switch:not([data-disabled])[data-selected][data-status=default]:focus-visible .switch__track{background-color:var(--surface\/action\/switch\/on\:\:hover);box-shadow:inset 0 0 0 var(--border\/width\/sm) var(--border\/color\/default),var(--effect\/form\/active-alpha)}.switch:is([data-disabled],[data-status=disabled]) .switch__track{background-color:var(--surface\/action\/disabled\/btn-disabled);box-shadow:inset 0 0 0 var(--border\/width\/sm) var(--border\/color\/default)}.switch:is([data-disabled],[data-status=disabled]) .switch__knob{background-color:var(--icon\/default\/disabled);box-shadow:none}.settings-modal__section{display:flex;flex-direction:column;gap:var(--scale\/300)}.settings-modal__row{align-items:center;display:flex;gap:var(--scale\/400);justify-content:space-between}.settings-modal__row-text{display:flex;flex-direction:column;gap:var(--scale\/100);min-width:var(--scale\/0)}.settings-modal__row-title{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium)}.settings-modal__row-body{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium)}.settings-modal__actions{display:flex;flex-wrap:wrap;gap:var(--scale\/200)}.settings-modal__file-input{display:none}.modal--settings .modal__body{overflow-y:visible}.player{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/200);justify-content:center}.player__actions{align-items:center;display:flex;gap:var(--scale\/400)}.player__skip{align-items:center;background:none;border:none;color:var(--icon\/default\/secondary);cursor:pointer;display:inline-flex;height:var(--scale\/400);justify-content:center;padding:var(--scale\/0);width:var(--scale\/300)}.player__skip:disabled{color:var(--icon\/default\/disabled);cursor:not-allowed}.player__skip:hover:not(:disabled),.player__skip:focus-visible:not(:disabled){color:var(--icon\/default\/hover)}.player__play{align-items:center;background:none;border:none;color:var(--icon\/default\/primary);cursor:pointer;display:inline-flex;padding:var(--scale\/0)}.player__play:hover,.player__play:focus-visible{color:var(--icon\/default\/hover)}.tooltip{display:inline-flex}.tooltip__content{align-items:center;animation:tooltip-card-in var(--animation\/fast) var(--animation\/easing-enter);background-color:var(--surface\/default\/primary);border-radius:var(--border\/radius\/round);box-shadow:var(--shadow\/lg);box-sizing:border-box;display:inline-flex;flex-shrink:0;gap:var(--scale\/200);padding:var(--scale\/200) var(--scale\/300);pointer-events:none;position:fixed;transform:translate(-50%,calc(-100% - var(--scale\/200)));white-space:nowrap;z-index:70}@keyframes tooltip-card-in{0%{opacity:0;transform:translate(-50%,calc(-100% - var(--scale\/100))) scale(.98)}to{opacity:1;transform:translate(-50%,calc(-100% - var(--scale\/200))) scale(1)}}.tooltip__label{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium)}.tooltip__keyboard{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--scale\/200)}.tooltip__group{align-items:center;display:inline-flex;gap:var(--scale\/100)}.tooltip__separator{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium)}.playbar{background-color:var(--surface\/default\/primary);border-top:var(--border\/width\/sm) solid var(--border\/color\/default);box-sizing:border-box;display:flex;gap:var(--scale\/400);padding:calc(var(--scale\/800) + var(--scale\/600)) var(--scale\/400) var(--scale\/400);position:relative;width:100%}[data-theme=light] .playbar{background-clip:padding-box}.playbar[data-layout=mobile]{flex-direction:column}.playbar[data-layout=desktop]{align-items:center;flex-wrap:wrap}.playbar__progress{background-color:transparent;border:none;cursor:pointer;height:var(--scale\/800);left:var(--scale\/300);outline:none;padding:var(--scale\/0);position:absolute;right:var(--scale\/300);top:var(--scale\/300);z-index:1}.playbar__progress:focus,.playbar__progress:focus-visible{outline:none}.playbar__waveform{display:block;height:100%;overflow:hidden;pointer-events:none;position:relative;width:100%}.playbar__waveform-bars{align-items:center;background-color:transparent;display:flex;height:100%;justify-content:space-between;opacity:.4;transition:background-color var(--animation\/fast) var(--animation\/easing-default),opacity var(--animation\/fast) var(--animation\/easing-default);width:100%}.playbar__waveform-bars[data-loaded=false]{background-color:var(--surface\/alpha\/secondary)}.playbar__waveform-bars[data-loaded=true]{animation:playbar-waveform-in var(--animation\/normal) var(--animation\/easing-enter)}.playbar__progress[data-playing=false] .playbar__waveform-bars{opacity:.3}.playbar__waveform-point{background-color:var(--surface\/default\/active);flex:0 0 var(--scale\/50);height:max(var(--scale\/25),calc(var(--waveform-amplitude) * var(--scale\/800)));opacity:var(--waveform-energy);width:var(--scale\/50)}.playbar__playhead{background-color:var(--surface\/default\/active);bottom:var(--scale\/0);position:absolute;top:var(--scale\/0);transform:translate(-50%);width:var(--border\/width\/sm)}.playbar__artwork{flex-shrink:0}.playbar__meta{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/50);justify-content:center;min-width:var(--scale\/0)}.playbar__track{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium);min-width:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playbar__track--action{background:none;border:none;color:var(--text\/action\/action-alt\:\:active);cursor:pointer;padding:var(--scale\/0);text-align:left;transition:color var(--animation\/fast) var(--animation\/easing-default);width:100%}.playbar__track--action:hover,.playbar__track--action:focus-visible{color:var(--text\/action\/action-alt\:\:hover)}.playbar__artist-release{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playbar__title-row{align-items:baseline;display:flex;gap:var(--scale\/100);min-width:var(--scale\/0)}@keyframes playbar-bpm-in{0%{opacity:0}}@keyframes playbar-waveform-in{0%{opacity:0}}.playbar__bpm{animation:playbar-bpm-in var(--animation\/normal) var(--animation\/easing-enter);color:var(--text\/default\/body-alt);flex-shrink:0;font:var(--text-style\/body\/xs-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.playbar__bpm[data-uncertain=true]{opacity:.7}.playbar__bpm-unit{opacity:.6}.playbar__bpm-key{cursor:help;opacity:.6;transition:opacity var(--animation\/fast) var(--animation\/easing-default)}.playbar__bpm-key:hover{opacity:1}.playbar__player{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/200);justify-content:center;min-width:var(--scale\/0)}.playbar__actions{align-items:center;display:flex;flex:1 1 0;gap:var(--scale\/200);justify-content:flex-end;min-width:var(--scale\/0)}.playbar[data-layout=mobile] .playbar__actions{flex:none;width:100%}.playbar__action{align-items:center;background:none;border:var(--border\/width\/sm) solid transparent;border-radius:var(--border\/radius\/round);box-sizing:border-box;cursor:pointer;display:inline-flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/200);height:var(--scale\/1000);justify-content:center;max-width:100%;min-width:var(--scale\/0);padding:var(--scale\/0) var(--scale\/300);transition:background-color var(--animation\/fast) var(--animation\/easing-default),border-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.playbar__action:not(.playbar__action--icon-only){flex-shrink:1}.playbar__action>:not(.playbar__action-label){flex-shrink:0}.playbar__action-label{flex:1 1 auto;min-width:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playbar__action--primary{background-color:var(--surface\/action\/default\/btn);color:var(--text\/action\/on-action)}.playbar__action--buy{background-color:var(--surface\/action\/buy\/action);color:var(--text\/action\/on-action-alt)}.playbar__action--secondary{border-color:var(--border\/color\/default);color:var(--text\/action\/on-action-alt)}.playbar__action--primary:hover,.playbar__action--primary:focus-visible{background-color:var(--surface\/action\/default\/btn\:\:hover)}.playbar__action--buy:hover,.playbar__action--buy:focus-visible{background-color:var(--surface\/action\/buy\/action\:\:hover)}.playbar__action--secondary:hover,.playbar__action--secondary:focus-visible{border-color:var(--border\/color\/default\:\:hover)}.playbar__action--icon-only{padding:var(--scale\/0);width:var(--scale\/1000)}.playbar__action--hidden{pointer-events:none;visibility:hidden}.playbar__mobile-player{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/200);min-width:var(--scale\/0)}.playbar__mobile-meta{display:flex;justify-content:center;min-width:var(--scale\/0);width:100%}.playbar__title-row--mobile{justify-content:center;max-width:100%}.playbar__meta-dot{color:var(--text\/default\/body-alt);flex-shrink:0;font:var(--text-style\/body\/xs-medium)}.playbar__mobile-track{color:var(--text\/default\/body-alt);flex:0 1 auto;font:var(--text-style\/body\/xs-medium);text-align:center;width:auto}.playbar__mobile-track.playbar__track--action{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium);text-align:center;width:auto}.playbar__keyboard{background:none;border:none;color:var(--icon\/default\/secondary);cursor:pointer;display:inline-flex;flex-shrink:0;padding:var(--scale\/0);transition:color var(--animation\/fast) var(--animation\/easing-default)}.playbar__keyboard:hover,.playbar__keyboard:focus-visible{color:var(--icon\/default\/hover)}.toast{align-items:flex-start;animation:toast-in var(--animation\/normal) var(--animation\/easing-enter);background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/default);box-shadow:var(--shadow\/lg);box-sizing:border-box;display:flex;gap:var(--scale\/300);height:calc(var(--scale\/1600) + var(--scale\/150));padding:var(--scale\/300) var(--scale\/400);border-radius:var(--border\/radius\/lg);width:100%}.toast[data-type=interested] .toast__undo-link.link{--link-color: var(--text\/action\/action)}.toast[data-type=not-for-me] .toast__undo-link.link,.toast[data-type=new-releases] .toast__undo-link.link{--link-color: var(--text\/action\/action-alt)}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--scale\/400))}to{opacity:1;transform:translateY(var(--scale\/0))}}.toast__icon-wrap,.toast__close-wrap{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--scale\/25);width:var(--scale\/500)}.toast__icon-wrap,.toast__close-wrap{min-height:var(--scale\/500)}.toast__content{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/100);height:100%;min-width:var(--scale\/0)}.toast__message{align-items:center;display:flex;gap:var(--scale\/150);min-width:var(--scale\/0)}.toast__track{color:var(--text\/default\/body);font:var(--text-style\/body\/md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast__destination{color:var(--text\/default\/body);font:var(--text-style\/body\/md);min-width:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast__destination--action{background:none;border:none;color:var(--text\/action\/action-alt\:\:active);cursor:pointer;font:var(--text-style\/body\/md);padding:var(--scale\/0);text-align:left;transition:color var(--animation\/fast) var(--animation\/easing-default)}.toast__destination--action:hover,.toast__destination--action:focus-visible{color:var(--text\/action\/action-alt\:\:hover)}.toast__arrow{color:var(--icon\/default\/secondary);flex-shrink:0}.toast__undo{align-items:center;display:inline-flex;gap:var(--scale\/150)}.toast[data-type=interested] .toast__undo-link:not([aria-disabled=true]):hover,.toast[data-type=interested] .toast__undo-link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/action\/action\:\:hover) !important}.toast[data-type=not-for-me] .toast__undo-link:not([aria-disabled=true]):hover,.toast[data-type=not-for-me] .toast__undo-link:not([aria-disabled=true]):focus-visible,.toast[data-type=new-releases] .toast__undo-link:not([aria-disabled=true]):hover,.toast[data-type=new-releases] .toast__undo-link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/action\/action-alt\:\:hover) !important}.toast__close{--toast-close-icon-color: var(--icon\/alpha\/secondary);--toast-close-ring-color: var(--icon\/default\/disabled);background:none;border:none;cursor:pointer;flex-shrink:0;height:var(--scale\/500);padding:var(--scale\/0);position:relative;width:var(--scale\/500)}.toast__close:hover{--toast-close-icon-color: var(--icon\/default\/hover)}.toast__close-ring{height:100%;left:var(--scale\/0);position:absolute;top:var(--scale\/0);transform:rotate(-90deg);width:100%}.toast__close-progress{fill:none;stroke:var(--toast-close-ring-color);stroke-linecap:round;stroke-width:var(--scale\/50);transition:stroke-dasharray calc(var(--animation\/fast) / 3) linear}.toast__close-icon-wrap{align-items:center;display:flex;height:var(--scale\/400);justify-content:center;left:var(--scale\/150);position:absolute;top:var(--scale\/50);width:var(--scale\/200)}.toast__close-icon{color:var(--toast-close-icon-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}[data-theme=light] .toast{background-clip:padding-box}.snackbar{align-items:flex-start;border:var(--border\/width\/sm) solid var(--border\/color\/color-card);border-radius:var(--border\/radius\/lg);box-sizing:border-box;display:flex;gap:var(--scale\/300);min-width:calc(var(--scale\/400) * 15);padding:var(--scale\/300) var(--scale\/400)}.snackbar[data-type=default]{background-color:var(--surface\/default\/secondary)}.snackbar[data-type=success]{background-color:var(--surface\/default\/success)}.snackbar[data-type=info]{background-color:var(--surface\/default\/info)}.snackbar[data-type=error]{background-color:var(--surface\/default\/error)}.snackbar[data-type=warning]{background-color:var(--surface\/default\/warning)}.snackbar__icon{flex-shrink:0}.snackbar[data-type=default] .snackbar__icon{color:var(--icon\/default\/secondary)}.snackbar[data-type=success] .snackbar__icon{color:var(--icon\/default\/success)}.snackbar[data-type=info] .snackbar__icon{color:var(--icon\/default\/info)}.snackbar[data-type=error] .snackbar__icon{color:var(--icon\/default\/error)}.snackbar[data-type=warning] .snackbar__icon{color:var(--icon\/default\/warning)}.snackbar[data-type=default] .snackbar__link.link{--link-color: var(--text\/action\/action)}.snackbar[data-type=success] .snackbar__link.link{--link-color: var(--text\/default\/success)}.snackbar[data-type=info] .snackbar__link.link{--link-color: var(--text\/default\/info)}.snackbar[data-type=error] .snackbar__link.link{--link-color: var(--text\/default\/error)}.snackbar[data-type=warning] .snackbar__link.link{--link-color: var(--text\/default\/warning)}.snackbar__content{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--scale\/100);min-width:0}.snackbar__label{color:var(--text\/default\/body);font:var(--text-style\/body\/md);margin:0;overflow-wrap:anywhere}.snackbar__link{align-self:flex-start}.snackbar__close{align-items:center;background:none;border:none;color:var(--text\/alpha\/body-alt);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--scale\/400);justify-content:center;padding:0;width:var(--scale\/200)}.snackbar[data-type=success] .snackbar__link:not([aria-disabled=true]):hover,.snackbar[data-type=success] .snackbar__link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/success\:\:hover) !important}.snackbar[data-type=info] .snackbar__link:not([aria-disabled=true]):hover,.snackbar[data-type=info] .snackbar__link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/info\:\:hover) !important}.snackbar[data-type=error] .snackbar__link:not([aria-disabled=true]):hover,.snackbar[data-type=error] .snackbar__link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/error\:\:hover) !important}.snackbar[data-type=warning] .snackbar__link:not([aria-disabled=true]):hover,.snackbar[data-type=warning] .snackbar__link:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/default\/warning\:\:hover) !important}.snackbar__close:hover,.snackbar__close:focus-visible{color:var(--text\/default\/body)!important}.tab{align-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font:var(--text-style\/body\/sm-medium);justify-content:center;min-height:calc(var(--scale\/300) + var(--scale\/300) + var(--line-height\/body\/sm));outline:none;padding:var(--scale\/300) var(--scale\/0);position:relative;white-space:nowrap}.tab:disabled,.tab[data-status=disabled]{cursor:not-allowed}.tab[data-selected=false]{--tab-label-color: var(--text\/action\/action-alt)}.tab[data-selected=false][data-status=hover],.tab[data-selected=false][data-status=focus]{--tab-label-color: var(--text\/action\/action-alt\:\:hover)}.tab[data-selected=true]{--tab-indicator-color: var(--text\/action\/action-alt\:\:hover);--tab-label-color: var(--text\/action\/action-alt\:\:active)}.tab:disabled,.tab[data-status=disabled],.tab[data-selected=true][data-status=disabled]{--tab-indicator-color: var(--text\/default\/disabled);--tab-label-color: var(--text\/default\/disabled)}.tab__label{color:var(--tab-label-color);transition:color var(--animation\/fast) var(--animation\/easing-default)}.tab__indicator{background-color:var(--tab-indicator-color);border-radius:var(--border\/radius\/round);bottom:0;height:var(--border\/width\/md);left:0;pointer-events:none;position:absolute;right:0;transition:background-color var(--animation\/fast) var(--animation\/easing-default)}.tab__focus-ring{border:var(--border\/width\/sm) solid var(--border\/color\/action);border-radius:var(--border\/radius\/md);box-shadow:0 0 0 calc(var(--scale\/50) + var(--scale\/25)) var(--border\/color\/action-alt);inset:calc(var(--scale\/50) * -1) calc(var(--scale\/150) * -1);pointer-events:none;position:absolute;visibility:hidden}.tab[data-status=focus] .tab__focus-ring,.tab:focus-visible .tab__focus-ring{visibility:visible}.tab[data-selected=true][data-status=default]:not(:disabled):hover,.tab[data-selected=true][data-status=default]:not(:disabled):focus-visible{--tab-indicator-color: var(--text\/action\/action-alt\:\:hover);--tab-label-color: var(--text\/action\/action-alt\:\:active)}.tab[data-selected=false][data-status=default]:not(:disabled):hover,.tab[data-selected=false][data-status=default]:not(:disabled):focus-visible{--tab-label-color: var(--text\/action\/action-alt\:\:hover)}.tab-group{display:flex;flex-direction:column}.tab-group__row{align-items:center;display:flex;gap:var(--scale\/400)}.tab-group[data-variant=drawer] .tab-group__row{padding:var(--scale\/0) var(--scale\/600)}.tab-group__divider{background-color:var(--border\/color\/divider);height:var(--border\/width\/sm);width:100%}.header-item{box-sizing:border-box;display:flex;width:100%}.header-item[data-type=description]{align-items:flex-start;flex-direction:column;justify-content:center;white-space:nowrap}.header-item[data-type=description][data-description-wrap=true]{white-space:normal}.header-item[data-type=track-amount]{align-items:center;flex-direction:row}.header-item[data-gap="200"]{gap:var(--scale\/200)}.header-item[data-gap="300"]{gap:var(--scale\/300)}.header-item[data-padding=default]{padding-bottom:var(--scale\/600);padding-top:var(--scale\/1200)}.header-item[data-padding=page]{padding-bottom:var(--scale\/600);padding-top:var(--spacing\/48-32-page-top)}.header-item[data-padding=page-flush]{padding-top:var(--spacing\/48-32-page-top)}.header-item[data-padding=tall-flush]{padding-top:var(--scale\/1200)}.header-item__title{color:var(--text\/default\/heading);font:var(--text-style\/heading\/h1);margin:var(--scale\/0)}.header-item[data-type=track-amount] .header-item__title{flex:1 1 0;min-width:var(--scale\/0)}.header-item__title--nowrap{flex-shrink:0;white-space:nowrap}.header-item__description{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/md-medium);margin:var(--scale\/0)}.header-item__description--wrap{min-width:100%;width:min-content}.header-item__description-link{display:inline-flex;vertical-align:baseline}.header-item__track-count{color:var(--text\/default\/body-alt);flex-shrink:0;font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);white-space:nowrap}.header{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.header[data-type=not-for-me]>.header-item[data-padding=page]{padding-bottom:var(--scale\/0)}.header-tags{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:var(--scale\/200);width:100%}.header-import-card{background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-sizing:border-box;padding:var(--scale\/200);width:100%}.header-drop-zone{border-radius:var(--border\/radius\/md);box-sizing:border-box;padding:var(--scale\/800) var(--scale\/400);position:relative;transition:background-color var(--animation\/fast) var(--animation\/easing-default);width:100%}.header-drop-zone[data-clickable=true]{cursor:pointer}.header-drop-zone__border{color:var(--border\/color\/default);height:100%;inset:var(--scale\/0);overflow:visible;pointer-events:none;position:absolute;transition:color var(--animation\/fast) var(--animation\/easing-default);width:100%}.header-drop-zone__border rect{fill:none;height:calc(100% - var(--border\/width\/md));rx:calc(var(--border\/radius\/md) - var(--border\/width\/md) / 2);ry:calc(var(--border\/radius\/md) - var(--border\/width\/md) / 2);stroke:currentColor;stroke-dasharray:var(--scale\/100) var(--scale\/100);stroke-width:var(--border\/width\/md);vector-effect:non-scaling-stroke;width:calc(100% - var(--border\/width\/md));x:calc(var(--border\/width\/md) / 2);y:calc(var(--border\/width\/md) / 2)}.header-drop-zone[data-clickable=true]:hover:not([data-active=true]) .header-drop-zone__border,.header-drop-zone[data-clickable=true]:focus-visible:not([data-active=true]) .header-drop-zone__border{color:var(--border\/color\/default\:\:hover)}.header-drop-zone[data-active=true]{background-color:var(--surface\/alpha\/secondary)}.header-drop-zone[data-active=true] .header-drop-zone__border{color:var(--border\/color\/default\:\:active)}.header-drop-zone__content{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/400);justify-content:center;position:relative}.header-drop-zone__text-group{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/100)}.header-drop-zone__primary-text{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);white-space:nowrap}.header-drop-zone__secondary-text{color:var(--text\/default\/disabled);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);white-space:nowrap}.header-tags__toggle[data-expanded=true],.header-tags__clear{--tag-icon-color: var(--text\/action\/on-action-alt) !important;--tag-label-color: var(--text\/action\/on-action-alt) !important;--tag-surface: var(--surface\/alpha\/secondary) !important;background-color:var(--tag-surface)!important}.header-tags__tag--more{opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity var(--animation\/normal) var(--animation\/easing-enter);visibility:hidden;width:0}.header-tags[data-expanded=true] .header-tags__tag--more{opacity:1;overflow:visible;pointer-events:auto;position:static;visibility:visible;width:auto}.track-item__action-button{background:transparent;border:none;color:var(--icon\/alpha\/secondary);cursor:pointer;display:inline-flex;outline:none;padding:var(--scale\/0);transition:color var(--animation\/fast) var(--animation\/easing-default)}.track-item__action-button:hover,.track-item__action-button:focus-visible{color:var(--icon\/alpha\/hover)}.track-item__action-button--bandcamp{align-items:center;flex-shrink:0;height:var(--scale\/400);justify-content:flex-start;width:calc(var(--scale\/700) + var(--scale\/50))}.track-item__action-button--bandcamp>span{height:var(--scale\/400);width:calc(var(--scale\/700) + var(--scale\/50))}.track-item__actions{align-items:center;display:none;flex-shrink:0;gap:var(--scale\/300)}.track-item__indicator-play,.track-item__indicator-dot{display:none}.track-item{align-items:center;background-color:transparent;border:none;border-radius:var(--border\/radius\/md);box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--scale\/200);outline:none;padding:var(--scale\/300);text-align:left;width:100%}.track-item[data-variant=solo]{flex-wrap:nowrap}.track-item[data-variant=solo]>.track-item__artwork-handle{flex-shrink:0;margin-inline-end:var(--scale\/200);position:relative}.track-item__artwork-grip{align-items:center;color:var(--alpha\/white\/a100);display:flex;inset:var(--scale\/0);justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--animation\/normal) var(--animation\/easing-default)}@media(hover:hover)and (pointer:fine){.track-item[data-reorderable=true] .track-item__artwork-handle{cursor:grab;touch-action:none}.track-item[data-reorderable=true] .track-item__artwork-handle:hover .artwork,.track-item[data-reorderable=true] .track-item__artwork-handle:focus-visible .artwork{opacity:.7;transition:opacity var(--animation\/normal) var(--animation\/easing-default)}.track-item[data-reorderable=true] .track-item__artwork-handle:hover .track-item__artwork-grip,.track-item[data-reorderable=true][data-dragging=true] .track-item__artwork-grip{opacity:1}.track-item[data-reorderable=true][data-dragging=true] .track-item__artwork-handle{cursor:grabbing}}.track-item[data-variant=solo]>.track-item__artwork-handle>.artwork{transition:opacity var(--animation\/normal) var(--animation\/easing-default)}.track-item__indicator{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:var(--scale\/600)}.track-item__indicator-number{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium)}.track-item__title-wrap{align-items:center;display:flex;flex:1 1 0;min-width:var(--scale\/0)}.track-item__text{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/50);min-width:var(--scale\/0);overflow:hidden}.track-item__title,.track-item__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.track-item__title{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium)}.track-item[data-variant=solo] .track-item__title{font:var(--text-style\/body\/md-medium)}.track-item__subtitle{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium)}.track-item__duration-wrap{align-items:center;display:flex;flex-shrink:0;gap:var(--scale\/200);justify-content:flex-end}.track-item__duration{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium);text-align:right;width:var(--scale\/1000)}.track-item__progress{color:var(--text\/default\/placeholder);font:var(--text-style\/body\/xs-medium);text-align:right;width:var(--scale\/1000)}.track-item[data-state=disabled] .track-item__indicator-number,.track-item[data-state=disabled] .track-item__title,.track-item[data-state=disabled] .track-item__subtitle,.track-item[data-state=disabled] .track-item__duration{color:var(--text\/default\/disabled)}.track-item[data-state=disabled]{cursor:not-allowed}.track-item[data-state=default]:hover,.track-item[data-state=default]:focus-visible{background-color:var(--surface\/alpha\/secondary)}.track-item[data-state=default]:hover .track-item__indicator-number,.track-item[data-state=default]:focus-visible .track-item__indicator-number{display:none}.track-item[data-state=default]:hover .track-item__indicator-play,.track-item[data-state=default]:focus-visible .track-item__indicator-play{display:inline-flex}.track-item[data-variant=solo][data-state=default]:hover .track-item__actions,.track-item[data-variant=solo][data-state=default]:focus-visible .track-item__actions{display:flex}.track-item[data-state=hover],.track-item[data-state=active],.track-item[data-state=active]:hover,.track-item[data-state=active]:focus-visible{background-color:var(--surface\/alpha\/secondary)}.track-item[data-state=hover] .track-item__indicator-number,.track-item[data-state=hover] .track-item__indicator-dot{display:none}.track-item[data-state=hover] .track-item__indicator-play{display:inline-flex}.track-item[data-state=active] .track-item__indicator-number,.track-item[data-state=active] .track-item__indicator-play{display:none}.track-item[data-state=active] .track-item__indicator-dot{display:inline-flex}.track-item[data-variant=solo][data-state=hover] .track-item__actions{display:flex}.track-item[data-state=active]:hover .track-item__progress,.track-item[data-state=active]:focus-visible .track-item__progress{display:none}.track-item[data-variant=solo][data-state=active]:hover .track-item__actions,.track-item[data-variant=solo][data-state=active]:focus-visible .track-item__actions{display:flex}.track-item[data-page-context=interesting-done] .track-item__title,.track-item[data-page-context=interesting-done] .track-item__subtitle{color:var(--text\/default\/placeholder)}.track-item[data-page-context=interesting-done][data-state=default]:hover .track-item__title,.track-item[data-page-context=interesting-done][data-state=default]:focus-visible .track-item__title,.track-item[data-page-context=interesting-done][data-state=default]:hover .track-item__subtitle,.track-item[data-page-context=interesting-done][data-state=default]:focus-visible .track-item__subtitle,.track-item[data-page-context=interesting-done][data-state=active] .track-item__title,.track-item[data-page-context=interesting-done][data-state=active] .track-item__subtitle,.track-item[data-page-context=interesting-done][data-state=hover] .track-item__title,.track-item[data-page-context=interesting-done][data-state=hover] .track-item__subtitle{color:var(--text\/default\/body-alt)}.track-item[data-page-context=interesting-done] .track-item__actions{align-items:center;display:flex;gap:var(--scale\/300)}.release-item__toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;gap:var(--scale\/200);outline:none;padding:var(--scale\/0)}.release-item{align-items:center;background-color:transparent;border-radius:var(--border\/radius\/md);box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:var(--scale\/400);min-width:var(--scale\/0);overflow:hidden;padding:var(--scale\/300);width:100%}.release-item__text{display:flex;flex:1 1 0;flex-direction:column;gap:var(--scale\/50);min-width:var(--scale\/0);overflow:hidden}.release-item__title{color:var(--text\/default\/body);font:var(--text-style\/body\/md-medium);margin:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.release-item__artist{color:var(--text\/alpha\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.release-item__label{color:var(--text\/alpha\/body-alt);font:var(--text-style\/body\/xs-medium);margin:var(--scale\/0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.release-item__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--scale\/400);justify-content:flex-end}.release-item__track-count{color:var(--text\/action\/action-alt);font:var(--text-style\/body\/xs-medium);text-align:right;white-space:nowrap}.release-item:hover,.release-item:focus-within{background-color:var(--surface\/alpha\/secondary)}.release-item__toggle-icon{align-items:center;color:var(--icon\/alpha\/secondary);display:inline-flex;transition:color var(--animation\/fast) var(--animation\/easing-default)}.release-item__toggle:hover .release-item__toggle-icon,.release-item__toggle:focus-visible .release-item__toggle-icon{color:var(--icon\/alpha\/hover)}.release-item__action-button{align-items:center;background:transparent;border:none;color:var(--icon\/alpha\/secondary);cursor:pointer;display:inline-flex;outline:none;padding:var(--scale\/0);transition:color var(--animation\/fast) var(--animation\/easing-default)}.release-item__action-button:hover,.release-item__action-button:focus-visible{color:var(--icon\/alpha\/hover)}.release-item__action-button--bandcamp{align-items:center;flex-shrink:0;height:var(--scale\/400);justify-content:flex-start;width:calc(var(--scale\/700) + var(--scale\/50))}.release-item__action-button--bandcamp>span{height:var(--scale\/400);width:calc(var(--scale\/700) + var(--scale\/50))}.release-item__action-button:disabled{cursor:not-allowed}.release-item[data-blurred=true]{-webkit-backdrop-filter:blur(calc(var(--scale\/1000) - var(--scale\/50)));backdrop-filter:blur(calc(var(--scale\/1000) - var(--scale\/50)))}.release{background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:auto 160px;display:flex;flex-direction:column;overflow:hidden;padding:var(--scale\/200);position:relative;transition:background-color var(--animation\/normal) var(--animation\/easing-default);width:100%}.release[data-open=true]{background-color:var(--surface\/alpha\/active)}.release__blur{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:var(--border\/radius\/sm);filter:blur(var(--scale\/300));height:calc(var(--scale\/2000) + var(--scale\/200));left:calc(var(--scale\/150) + var(--scale\/25));opacity:calc(var(--scale\/300) / var(--scale\/2400));overflow:hidden;pointer-events:none;position:absolute;right:calc(var(--scale\/150) + var(--scale\/25));top:var(--scale\/150);z-index:0}.release__content{display:flex;flex-direction:column;position:relative;width:100%;z-index:1}.release__collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--animation\/normal) var(--animation\/easing-default)}.release__collapse[data-open=false]{grid-template-rows:0fr}.release__collapse-inner{display:flex;flex-direction:column;gap:var(--scale\/400);min-height:var(--scale\/0);opacity:1;overflow:hidden;transition:opacity var(--animation\/fast) var(--animation\/easing-default)}.release__collapse-inner>:first-child{margin-top:var(--scale\/200)}.release__collapse[data-open=false] .release__collapse-inner{opacity:0;visibility:hidden;transition:opacity var(--animation\/fast) var(--animation\/easing-default),visibility calc(var(--animation\/fast) * 0) linear var(--animation\/normal)}.release__header{position:relative;width:100%;z-index:1}.release__header--open{border-radius:var(--border\/radius\/sm)}.release__header--closed{border-radius:var(--border\/radius\/md)}.release__tracks{display:flex;flex-direction:column;gap:var(--scale\/50);position:relative;width:100%;z-index:1}.release__tags{display:flex;padding:var(--scale\/0) var(--scale\/300) var(--scale\/300);position:relative;width:100%;z-index:1}.release__tags-row{align-items:center;display:flex;flex:1 1 0;flex-wrap:wrap;gap:var(--scale\/200);min-width:var(--scale\/0)}.track{background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--scale\/50);padding:var(--scale\/200);width:100%}.page-empty-state,.page-loading{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--scale\/300);justify-content:center;padding-block:var(--scale\/1200);width:100%}.page-empty-state__icon{color:var(--icon\/default\/disabled)}.page-empty-state__text{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/200)}.page-empty-state__title{color:var(--text\/default\/body);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);text-align:center}.page-empty-state__hint{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);text-align:center}.page-empty-state__hint-link{display:inline-flex;vertical-align:baseline}.page-empty-state__actions{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/600)}.page-empty-state__example-feed{align-items:center;background:none;border:none;border-radius:var(--border\/radius\/round);color:var(--text\/default\/body-alt);cursor:pointer;display:inline-flex;font:var(--text-style\/body\/sm-medium);gap:var(--scale\/200);min-height:var(--scale\/1000);outline:none;padding:var(--scale\/200) var(--scale\/300);transition:background-color var(--animation\/fast) var(--animation\/easing-default),color var(--animation\/fast) var(--animation\/easing-default)}.page-empty-state__example-feed:hover,.page-empty-state__example-feed:focus-visible{background-color:var(--surface\/alpha\/secondary);color:var(--text\/default\/body)}.page-empty-state__example-feed-icon{color:var(--icon\/default\/secondary);flex-shrink:0}.page-empty-state__example-feed:hover .page-empty-state__example-feed-icon,.page-empty-state__example-feed:focus-visible .page-empty-state__example-feed-icon{color:var(--text\/default\/body)}.page-empty-state__example-feed-label{white-space:nowrap}.interesting-done-section{display:flex;flex-direction:column;gap:var(--scale\/400);width:100%}.interesting-done-section__toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--scale\/400);outline:none;padding:var(--scale\/0);width:100%}.interesting-done-section__toggle:focus-visible .interesting-done-section__label{color:var(--text\/default\/body-alt)}.interesting-done-section__line{background-color:var(--border\/color\/divider);flex:1 1 auto;height:var(--border\/width\/sm)}.interesting-done-section__label{color:var(--text\/default\/placeholder);flex-shrink:0;font:var(--text-style\/body\/xs-medium);letter-spacing:calc(var(--scale\/100) / 8);text-transform:uppercase}.interesting-done-section__toggle:hover .interesting-done-section__label,.interesting-done-section__toggle:focus-visible .interesting-done-section__label{color:var(--text\/default\/body-alt)}.interesting-open-empty{align-items:center;justify-content:center;min-height:var(--scale\/1600)}.interesting-open-empty__label{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0);text-align:center}.interesting-snackbar__emphasis{font:var(--text-style\/body\/md-medium)}.import-page__section{display:flex;flex-direction:column;gap:var(--scale\/400);width:100%}.import-page__or-divider{align-items:center;display:flex;gap:var(--scale\/400);width:100%}.import-page__or-divider-line{background-color:var(--border\/color\/divider);flex:1 1 auto;height:var(--border\/width\/sm)}.import-page__or-divider-label{color:var(--text\/default\/placeholder);flex-shrink:0;font:var(--text-style\/body\/xs-medium);letter-spacing:calc(var(--scale\/100) / 8);text-transform:uppercase}.import-page__duplicates-description,.import-page__empty-tab{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:var(--scale\/0)}.import-page__import-all{align-self:flex-start}.import-page__import-all--mobile{align-self:stretch;width:100%}b{font-weight:var(--font-weight\/medium)}.landing{position:fixed;inset:0;overflow-y:auto;background-color:var(--surface\/default\/page);color:var(--text\/default\/body);font:var(--text-style\/body\/md)}.landing__inner{box-sizing:border-box;margin:0 auto;max-width:1040px;padding:var(--scale\/1200) var(--scale\/500) var(--scale\/1600);display:flex;flex-direction:column;gap:var(--scale\/1600)}@keyframes landing-block-in{0%{opacity:0;transform:translateY(var(--scale\/200)) scale(.98)}to{opacity:1;transform:translateY(var(--scale\/0)) scale(1)}}.lp-reveal{opacity:0}.lp-reveal--visible{animation:landing-block-in var(--animation\/slow) var(--animation\/easing-enter) forwards}@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1}.lp-reveal--visible{animation:none;transform:none}}.lp-header{align-items:center;display:flex;flex-direction:column;gap:var(--scale\/400);padding:var(--scale\/1200) 0 var(--scale\/600);text-align:center}.lp-title{font:var(--text-style\/heading\/h1-xl);margin:0;max-width:18ch}.lp-subtitle{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/lg);margin:0;max-width:58ch}.lp-header>.lp-cta{margin-top:var(--scale\/300)}.landing .lp-cta.button{font:var(--text-style\/body\/md-medium);height:var(--scale\/1200);padding:var(--scale\/0) var(--scale\/500)}.lp-feature{align-items:center;display:grid;gap:var(--scale\/800);grid-template-columns:1fr 1fr}.lp-feature--reverse .lp-feature__text{order:2}.lp-feature__title{font:var(--text-style\/heading\/h3);margin:var(--scale\/200) 0 var(--scale\/300)}.lp-feature__body{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/md);margin:0;max-width:46ch}.lp-frame{background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/lg);box-shadow:var(--shadow\/md);overflow:hidden}.lp-frame__body{padding:var(--scale\/400)}.lp-frame:has(.lp-playbar-showcase) .lp-frame__body{padding:var(--scale\/0)}[data-theme=light] .lp-frame{background-clip:padding-box}.lp-artwork{aspect-ratio:1;background:linear-gradient(135deg,var(--color\/teal\/70),var(--color\/purple\/70));border-radius:var(--border\/radius\/sm);flex-shrink:0;width:72px}.lp-artwork--sm{width:40px}.lp-tags{display:flex;padding-top:var(--scale\/200);width:100%}.lp-tags-row{align-items:center;display:flex;flex:1 1 0;flex-wrap:wrap;gap:var(--scale\/200);min-width:var(--scale\/0)}.lp-tags .tag{cursor:default;pointer-events:none}.lp-import{display:flex;flex-direction:column;gap:var(--scale\/300)}.lp-import__drop{align-items:center;border:var(--border\/width\/md) dashed var(--border\/color\/default);border-radius:var(--border\/radius\/md);display:flex;flex-direction:column;gap:var(--scale\/100);padding:var(--scale\/500) var(--scale\/300);text-align:center}.lp-import__drop-icon{align-items:center;color:var(--icon\/default\/primary);display:flex;margin-bottom:var(--scale\/100)}.lp-import__drop-title{font:var(--text-style\/body\/sm-medium);margin:0}.lp-import__drop-sub{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs);margin:0}.lp-or{align-items:center;color:var(--text\/default\/body-alt);display:flex;font:var(--text-style\/body\/xs);gap:var(--scale\/200)}.lp-or:before,.lp-or:after{background-color:var(--border\/color\/divider);content:"";flex:1;height:1px}.lp-field{align-items:stretch;display:flex;gap:var(--scale\/200)}.lp-input{align-items:center;background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/md);display:flex;flex:1;font:var(--text-style\/body\/sm);gap:2px;padding:var(--scale\/150) var(--scale\/250)}.lp-input__prefix{color:var(--text\/default\/body-alt)}.lp-import__status{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs);margin:0}.lp-import__status b{color:var(--text\/default\/body)}.lp-feed{display:flex;flex-direction:column;gap:var(--scale\/300)}.lp-release{background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/md);padding:var(--scale\/300)}.lp-release__head{display:flex;gap:var(--scale\/300)}.lp-release__meta{display:flex;flex-direction:column;gap:var(--scale\/50);min-width:0}.lp-release__title{color:var(--text\/default\/body);font:var(--text-style\/body\/md-medium);margin:0}.lp-release__artist{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm-medium);margin:0}.lp-release__label{color:var(--text\/default\/placeholder);font:var(--text-style\/body\/xs-medium);margin:0}.lp-tracks{display:flex;flex-direction:column;gap:var(--scale\/50);margin-top:var(--scale\/300)}.lp-tracks .track-item{cursor:default;pointer-events:none;padding:var(--scale\/300) var(--scale\/200)}.lp-playbar{align-items:center;background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/md);display:flex;gap:var(--scale\/300);padding:var(--scale\/300)}.lp-playbar--listen{justify-content:center}.lp-playbar__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--scale\/200)}.lp-playbar--listen .lp-playbar__actions .button{cursor:default;pointer-events:none}.lp-playbar-showcase{overflow:hidden;padding-top:var(--scale\/200);pointer-events:none}.lp-playbar-showcase .playbar{border-top:none;width:100%}.lp-playbar-showcase .playbar__progress{top:var(--scale\/200)}.lp-playbar-showcase .playbar__meta{flex:1 1 auto}.lp-playbar-showcase .playbar__title-row{width:100%}.lp-playbar-showcase .playbar__bpm{margin-inline-start:auto}.lp-mark{display:flex;flex-direction:column;gap:var(--scale\/300)}.lp-mark__nav{display:flex;flex-wrap:wrap;gap:var(--scale\/200)}.lp-mark__nav .navigation-item{cursor:default;pointer-events:none}.lp-mark__rows{display:flex;flex-direction:column;gap:var(--scale\/200)}.lp-mark__row{align-items:center;background-color:var(--surface\/default\/primary);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/md);display:flex;gap:var(--scale\/300);padding:var(--scale\/300)}.lp-mark__row--interesting{background-color:var(--surface\/alpha\/active);border-color:var(--border\/color\/default\:\:active)}.lp-mark__row--dismissed{opacity:.55}.lp-mark__meta{display:flex;flex:1;flex-direction:column;min-width:0}.lp-mark__bandcamp{align-items:center;color:var(--icon\/default\/secondary);cursor:default;display:inline-flex;flex-shrink:0;height:var(--scale\/400);justify-content:flex-start;pointer-events:none;width:calc(var(--scale\/700) + var(--scale\/50))}.lp-mark__row--interesting .lp-mark__bandcamp{color:var(--icon\/default\/primary)}.lp-mark__bandcamp>.icon{height:var(--scale\/400);width:calc(var(--scale\/700) + var(--scale\/50))}.lp-mark__title{font:var(--text-style\/body\/sm-medium)}.lp-mark__artist{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs)}.lp-tagfilter{display:flex;flex-direction:column;gap:var(--scale\/300)}.lp-tagfilter__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--scale\/200)}.lp-tagfilter__tags .tag{cursor:default;pointer-events:none}.lp-tagfilter__status{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs);margin:0}.lp-tagfilter__status b{color:var(--text\/default\/body)}.lp-listen-shortcuts{display:flex;flex-direction:column;gap:var(--scale\/500)}.lp-listenexp{display:flex;flex-direction:column;gap:var(--scale\/300)}.lp-setting{align-items:center;background-color:var(--surface\/alpha\/active);border:var(--border\/width\/sm) solid var(--border\/color\/default);border-radius:var(--border\/radius\/md);display:flex;gap:var(--scale\/400);justify-content:space-between;padding:var(--scale\/300)}.lp-setting .switch-field{cursor:default;flex-shrink:0;pointer-events:none}.lp-setting__text{display:flex;flex-direction:column;gap:var(--scale\/50);min-width:var(--scale\/0)}.lp-setting__title{font:var(--text-style\/body\/sm-medium)}.lp-setting__body{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs)}.lp-playbar__progress--forty{overflow:visible;position:relative}.lp-playbar__fill--forty{border-radius:var(--border\/radius\/round);width:40%}.lp-playbar__marker{background-color:var(--surface\/default\/active);border-radius:var(--border\/radius\/round);height:10px;left:40%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.lp-listenexp__caption{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs);margin:0}.lp-listenexp__caption b{color:var(--text\/default\/body)}.lp-shortcuts{column-gap:var(--scale\/500);display:grid;grid-template-columns:1fr 1fr;row-gap:var(--scale\/200)}.lp-shortcut{align-items:center;display:flex;gap:var(--scale\/400);justify-content:space-between;min-width:var(--scale\/0);width:100%}.lp-shortcut__label{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/sm);min-width:var(--scale\/0)}.lp-shortcut__keys{align-items:center;display:flex;flex-shrink:0;gap:var(--scale\/150);margin-inline-start:var(--scale\/200)}.lp-shortcut__group{align-items:center;display:inline-flex;gap:var(--scale\/50)}.lp-shortcut__or{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs-medium);white-space:nowrap}.lp-buy__caption{align-items:center;color:var(--text\/default\/body-alt);font:var(--text-style\/body\/xs)}.lp-buy__caption b{color:var(--text\/default\/body)}.lp-footer{align-items:center;border-top:var(--border\/width\/sm) solid var(--border\/color\/divider);display:flex;flex-direction:column;gap:var(--scale\/500);padding:var(--scale\/2000) 0 var(--scale\/1000);text-align:center}.lp-footer__title-wrap{display:inline-block;position:relative}.lp-footer__title{font:var(--text-style\/heading\/h2);margin:0}.lp-footer__pill{pointer-events:none;position:absolute;right:0;top:0;transform:translate(calc(100% + var(--scale\/200)),calc(var(--scale\/300) * -1));white-space:nowrap}.lp-footer__tagline{color:var(--text\/default\/body-alt);font:var(--text-style\/body\/md);margin:0 auto;max-width:52ch}.lp-footer__sub{color:var(--text\/alpha\/body-disabled);font:var(--text-style\/body\/xs);margin:var(--scale\/400) 0 0}.lp-footer__sub .link{--link-color: var(--text\/alpha\/body-disabled);--link-text-decoration: underline}.lp-footer__sub .link[data-status=default][data-type=inline]:not([aria-disabled=true]):hover,.lp-footer__sub .link[data-status=default][data-type=inline]:not([aria-disabled=true]):focus-visible{--link-color: var(--text\/alpha\/body-alt) !important}@media(max-width:760px){.lp-feature{grid-template-columns:1fr;gap:var(--scale\/400)}.lp-feature--reverse .lp-feature__text{order:0}.lp-shortcuts{grid-template-columns:1fr}}