@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/inter-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html[data-design="new"] {
  --nd-bg: #07050c;
  --nd-backdrop:
    radial-gradient(70% 45% at 50% -14%, rgba(124, 58, 237, .2), transparent 70%),
    linear-gradient(180deg, #0b0815 0%, #08060f 50%, #06040b 100%);
  --nd-panel: #0d0b12;
  --nd-panel-2: rgba(22, 17, 36, .72);
  --nd-raised: #1b1724;
  --nd-sink: #09080d;
  --nd-pop: #16131f;
  --nd-line: #1d1926;
  --nd-line-2: #2a2437;
  --nd-line-3: #3b3350;
  --nd-text: #f1eef8;
  --nd-text-2: #aca5bd;
  --nd-text-3: #736b86;
  --nd-accent: #a78bfa;
  --nd-accent-strong: #7c3aed;
  --nd-accent-hover: #8b5cf6;
  --nd-accent-soft: rgba(139, 92, 246, .16);
  --nd-chip-on: #ede9fe;
  --nd-r: 14px;
  --nd-r-sm: 10px;
  --nd-side-w: 244px;
  --nd-wrap: 1280px;
  --nd-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nd-i-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.5-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E");
  --nd-i-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='11' width='15' height='10' rx='2'/%3E%3Cpath d='M8 11V7.5a4 4 0 0 1 8 0V11'/%3E%3C/svg%3E");
  --nd-i-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.4 3.6a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
  --nd-i-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 15s1-1 4-1 5 2 8 2 3-1 3-1V4s-1 1-3 1-5-2-8-2-4 1-4 1'/%3E%3C/svg%3E");
  --nd-i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z'/%3E%3C/svg%3E");
  --nd-i-heart-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z'/%3E%3C/svg%3E");
  --nd-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 15 8.6l6.7 1-4.9 4.7 1.2 6.7L12 17.8 6 21l1.2-6.7-4.9-4.7 6.7-1z'/%3E%3C/svg%3E");
  --nd-i-star-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 15 8.6l6.7 1-4.9 4.7 1.2 6.7L12 17.8 6 21l1.2-6.7-4.9-4.7 6.7-1z'/%3E%3C/svg%3E");
  --nd-i-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='13' height='13' rx='2.5'/%3E%3Cpath d='M16 8V5.5A2.5 2.5 0 0 0 13.5 3h-8A2.5 2.5 0 0 0 3 5.5v8A2.5 2.5 0 0 0 5.5 16H8'/%3E%3C/svg%3E");
  --nd-i-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
  --bg: var(--nd-bg);
  --text: var(--nd-text);
  --text-muted: var(--nd-text-2);
  --text-soft: var(--nd-text-3);
  --line: var(--nd-line);
  --line-strong: var(--nd-line-2);
  --glass: var(--nd-panel-2);
  --glass-hover: var(--nd-raised);
  --chip: var(--nd-raised);
  --chip-active: rgba(139, 92, 246, .22);
  --primary: var(--nd-accent-strong);
  --primary-glow: rgba(124, 58, 237, .18);
  --accent: #a855f7;
  --accent-glow: rgba(168, 85, 247, .16);
  --grad-1: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 55%, #a855f7 100%);
  --grad-2: linear-gradient(135deg, #6d28d9 0%, #7c3aed 55%, #9333ea 100%);
  color-scheme: dark;
  background: var(--nd-bg);
}
html[data-design="new"] body {
  min-height: 100vh;
  font-family: var(--nd-font);
  color: var(--nd-text);
  background: transparent;
  -webkit-font-smoothing: antialiased;
}
html[data-design="new"] body::before,
html[data-design="new"] body::after {
  content: "";
  position: fixed;
  z-index: -2;
  pointer-events: none;
}
html[data-design="new"] body::before { inset: 0; z-index: -3; background: var(--nd-backdrop); }
html[data-design="new"] body::after {
  inset: 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E"),
    radial-gradient(130% 110% at 50% 35%, transparent 60%, rgba(3, 2, 7, .35) 100%);
}
html[data-design="new"].author-themed body::before,
html[data-design="new"].author-themed body::after,
html[data-design="new"].page-bg-media body::before,
html[data-design="new"].page-bg-media body::after { display: none; }
html[data-design="new"] .nd-bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; contain: strict; }
html[data-design="new"].author-themed .nd-bg,
html[data-design="new"].page-bg-media .nd-bg { display: none; }
html[data-design="new"] .nd-orb { position: absolute; border-radius: 50%; will-change: transform, opacity; }
html[data-design="new"] .nd-orb-1 {
  top: -30vmax;
  left: -22vmax;
  width: 80vmax;
  height: 80vmax;
  background: radial-gradient(circle closest-side, rgba(124, 58, 237, .4), rgba(124, 58, 237, .12) 45%, transparent);
}
html[data-design="new"] .nd-orb-2 {
  top: -24vmax;
  right: -26vmax;
  width: 64vmax;
  height: 64vmax;
  background: radial-gradient(circle closest-side, rgba(176, 52, 208, .26), rgba(176, 52, 208, .07) 50%, transparent);
}
html[data-design="new"] .nd-orb-3 {
  right: -16vmax;
  bottom: -34vmax;
  width: 76vmax;
  height: 76vmax;
  background: radial-gradient(circle closest-side, rgba(79, 70, 229, .32), rgba(79, 70, 229, .09) 50%, transparent);
}

html[data-design="new"] button,
html[data-design="new"] input,
html[data-design="new"] select,
html[data-design="new"] textarea { font-family: var(--nd-font); }
html[data-design="new"] ::selection { background: rgba(139, 92, 246, .45); }
html[data-design="new"] * { scrollbar-color: var(--nd-line-3) transparent; }
html[data-design="new"] input[type="text"],
html[data-design="new"] input[type="search"],
html[data-design="new"] input[type="email"],
html[data-design="new"] input[type="password"],
html[data-design="new"] input[type="number"],
html[data-design="new"] input[type="url"],
html[data-design="new"] textarea,
html[data-design="new"] select { letter-spacing: 0 !important; }
html[data-design="new"] main button,
html[data-design="new"] main .btn,
html[data-design="new"] main a[class*="btn"],
html[data-design="new"] main a[class*="button"] { text-transform: none; letter-spacing: 0; }
html:not([data-lang="en"]) :is(.nd-side, .topbar) [lang="en"],
html[data-lang="en"] :is(.nd-side, .topbar) [lang="ru"] { display: none; }

html[data-design="new"] .nd-side {
  position: fixed;
  top: 8px;
  bottom: 8px;
  left: 8px;
  z-index: 900;
  display: flex;
  flex-direction: column;
  width: var(--nd-side-w);
  padding: 14px 10px 10px;
  background: var(--nd-panel);
  border: 1px solid var(--nd-line);
  border-radius: 16px;
}
html[data-design="new"] .nd-side-head { display: flex; align-items: center; justify-content: space-between; padding: 2px 8px 16px; }
html[data-design="new"] .nd-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--nd-text); text-decoration: none; }
html[data-design="new"] .nd-brand-mark {
  display: grid;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(150deg, #9466ff 0%, #7c3aed 50%, #5b21b6 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 6px 18px -6px rgba(124, 58, 237, .9);
}
html[data-design="new"] .nd-brand-mark svg { width: 100%; height: 100%; fill: #fff; }
html[data-design="new"] .nd-brand-name { font-size: 19px; font-weight: 800; letter-spacing: -.03em; }
html[data-design="new"] .nd-side-close {
  display: none;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--nd-text-2);
  cursor: pointer;
}
html[data-design="new"] .nd-side-close:hover { background: var(--nd-raised); color: var(--nd-text); }
html[data-design="new"] .nd-side-close .nd-ic { width: 20px; height: 20px; }
html[data-design="new"] .nd-side-nav {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1px;
  min-height: 0;
  margin: 0 -4px;
  padding: 0 4px;
  overflow-y: auto;
  scrollbar-width: none;
}
html[data-design="new"] .nd-side-nav::-webkit-scrollbar { display: none; }
html[data-design="new"] .nd-side-label {
  padding: 18px 12px 6px;
  color: var(--nd-text-3);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
html[data-design="new"] .nd-link {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  color: var(--nd-text-2);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
html[data-design="new"] .nd-link[hidden] { display: none; }
html[data-design="new"] .nd-link .nd-ic { flex: none; width: 18px; height: 18px; }
html[data-design="new"] .nd-link:hover { background: rgba(255, 255, 255, .05); color: var(--nd-text); }
html[data-design="new"] .nd-link[aria-current="page"] { background: rgba(139, 92, 246, .14); color: #fff; font-weight: 600; }
html[data-design="new"] .nd-link[aria-current="page"] .nd-ic { color: var(--nd-accent); }
html[data-design="new"] .nd-link[aria-current="page"]::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: -10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--nd-accent);
}
html[data-design="new"] .nd-link .nd-out { width: 13px; height: 13px; margin-left: auto; opacity: .45; }
html[data-design="new"] .nd-link .updates-dot { width: 7px; height: 7px; margin: 0 0 0 auto; background: var(--nd-accent); box-shadow: 0 0 0 3px rgba(167, 139, 250, .2); }
html[data-design="new"] .nd-link .updates-dot[hidden] { display: none; }
html[data-design="new"] .nd-plus {
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(167, 139, 250, .22);
  border-radius: 12px;
  background: radial-gradient(120% 140% at 100% 0%, rgba(168, 85, 247, .32), transparent 60%), linear-gradient(135deg, rgba(124, 58, 237, .22), rgba(124, 58, 237, .06));
  color: var(--nd-text);
  text-decoration: none;
  transition: border-color .15s ease, transform .15s ease;
}
html[data-design="new"] .nd-plus:hover { border-color: rgba(167, 139, 250, .45); }
html[data-design="new"] .nd-plus img { flex: none; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
html[data-design="new"] .nd-plus-text b { display: block; font-size: 14px; font-weight: 700; }
html[data-design="new"] .nd-plus-text span { display: block; color: var(--nd-text-2); font-size: 12px; line-height: 1.35; }
html[data-design="new"] .nd-plus-text span span { display: inline; }
html[data-design="new"] .nd-join {
  flex: none;
  margin-top: 10px;
  padding: 14px;
  border: 1px solid var(--nd-line-2);
  border-radius: 12px;
  background: radial-gradient(120% 140% at 100% 0%, rgba(124, 58, 237, .25), transparent 60%), var(--nd-panel-2);
}
html[data-design="new"] .nd-join b { display: block; font-size: 14px; }
html[data-design="new"] .nd-join p { margin: 4px 0 12px; color: var(--nd-text-2); font-size: 12px; line-height: 1.4; }
html[data-design="new"] .nd-join-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 999px;
  background: #fff;
  color: #14091f;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
html[data-design="new"] .nd-join-btn:hover { background: var(--nd-chip-on); }
html[data-design="new"] .nd-scrim { display: none; }

html[data-design="new"] .page {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  animation: none;
}
html[data-design="new"] .shell {
  width: 100%;
  max-width: var(--nd-wrap);
  margin: 0 auto;
  padding: 30px 32px 56px;
}
html[data-design="new"] .menu-overlay,
html[data-design="new"] .nd-side { display: none; }

html[data-design="new"] .topbar {
  position: sticky;
  top: 0;
  z-index: 800;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: 64px;
  min-height: 64px;
  margin: 0;
  padding: 0 max(24px, calc((100% - var(--nd-wrap)) / 2 + 32px));
  border: 0;
  border-bottom: 1px solid var(--nd-line);
  border-radius: 0;
  background: rgba(7, 6, 10, .8);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow: none;
}
html[data-design="new"] .topbar::before,
html[data-design="new"] .topbar::after { display: none; }
html[data-design="new"] .topbar > .brand,
html[data-design="new"] .topbar > .nav { display: none; }
html[data-design="new"] .topbar > .nd-brand { flex: none; margin-right: 14px; }
html[data-design="new"] .nd-top { display: flex; align-self: stretch; align-items: stretch; gap: 2px; min-width: 0; transition: opacity .15s ease; }
html[data-design="new"] .nd-tl {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  padding: 0 12px;
  border: 0;
  background: none;
  color: var(--nd-text-2);
  font: 500 14.5px/1 var(--nd-font);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s ease;
}
html[data-design="new"] .nd-tl:hover,
html[data-design="new"] .nd-dd:hover > .nd-tl,
html[data-design="new"] .nd-dd:focus-within > .nd-tl { color: var(--nd-text); }
html[data-design="new"] .nd-tl[aria-current="page"] { color: #fff; font-weight: 600; }
html[data-design="new"] .nd-tl[aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: -1px;
  left: 12px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--nd-accent);
  box-shadow: 0 0 14px rgba(167, 139, 250, .75);
}
html[data-design="new"] .nd-tl .nd-chev { width: 14px; height: 14px; opacity: .55; transition: transform .2s ease; }
html[data-design="new"] .nd-dd:hover .nd-chev,
html[data-design="new"] .nd-dd:focus-within .nd-chev { transform: rotate(180deg); }
html[data-design="new"] .nd-tl .updates-dot { width: 6px; height: 6px; margin: -12px 0 0 2px; background: var(--nd-accent); box-shadow: 0 0 0 3px rgba(167, 139, 250, .2); }
html[data-design="new"] .nd-tl .updates-dot[hidden] { display: none; }
html[data-design="new"] .nd-dd { position: relative; display: flex; }
html[data-design="new"] .nd-dd-menu {
  position: absolute;
  top: calc(100% - 6px);
  left: 0;
  z-index: 10;
  min-width: 232px;
  padding: 6px;
  border: 1px solid var(--nd-line-2);
  border-radius: 14px;
  background: var(--nd-pop);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .65);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
html[data-design="new"] .nd-dd:hover .nd-dd-menu,
html[data-design="new"] .nd-dd:focus-within .nd-dd-menu { opacity: 1; visibility: visible; transform: none; transition: opacity .16s ease, transform .16s ease; }
html[data-design="new"] .nd-dl {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 0 12px;
  border-radius: 9px;
  color: var(--nd-text-2);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
html[data-design="new"] .nd-dl[hidden] { display: none; }
html[data-design="new"] .nd-dl .nd-ic { flex: none; width: 18px; height: 18px; }
html[data-design="new"] .nd-dl:hover { background: rgba(255, 255, 255, .06); color: var(--nd-text); }
html[data-design="new"] .nd-dl[aria-current="page"] { background: rgba(139, 92, 246, .14); color: #fff; }
html[data-design="new"] .nd-dl[aria-current="page"] .nd-ic { color: var(--nd-accent); }
html[data-design="new"] .nd-dl .nd-out { width: 13px; height: 13px; margin-left: auto; opacity: .45; }

html[data-design="new"] .nd-search {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--nd-text-2);
  transition: background-color .15s ease, color .15s ease;
}
html[data-design="new"] .nd-search:hover { background: rgba(255, 255, 255, .11); color: var(--nd-text); }
html[data-design="new"] .nd-search .nd-ic { width: 19px; height: 19px; pointer-events: none; }
html[data-design="new"] .nd-search input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  outline: none;
  background: transparent;
  box-shadow: none;
  color: var(--nd-text);
  font-size: 15px;
  opacity: 0;
  cursor: pointer;
}
html[data-design="new"] .nd-search input::placeholder { color: var(--nd-text-3); }
html[data-design="new"] .nd-search input::-webkit-search-cancel-button { filter: invert(.55); cursor: pointer; }
html[data-design="new"] .nd-search kbd { display: none; }
html[data-design="new"] .nd-search:focus-within {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-start;
  gap: 12px;
  width: auto;
  max-width: 680px;
  height: 44px;
  margin: 0 auto;
  padding: 0 16px;
  border-color: rgba(167, 139, 250, .7);
  background: #08070c;
  color: var(--nd-accent);
  box-shadow: 0 0 0 4px rgba(139, 92, 246, .16);
}
html[data-design="new"] .nd-search:focus-within input { position: static; flex: 1 1 auto; min-width: 0; opacity: 1; cursor: text; }
html[data-design="new"] .topbar:has(.nd-search:focus-within) :is(.nd-top, .nd-plus-btn) { display: none; }
html[data-design="new"][data-page="library"] .nd-search { visibility: hidden; }
html[data-design="new"] .nd-plus-btn {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px 0 9px;
  border: 1px solid rgba(167, 139, 250, .3);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(124, 58, 237, .32), rgba(168, 85, 247, .14));
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .15s ease, opacity .15s ease;
}
html[data-design="new"] .nd-plus-btn:hover { border-color: rgba(196, 181, 253, .65); }
html[data-design="new"] .nd-plus-btn img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
html[data-design="new"] .nd-plus-btn b { color: var(--nd-accent); font-weight: 800; }

html[data-design="new"] .top-actions,
html[data-design="new"] .topbar > .nav.right ~ .top-actions { display: flex; align-items: center; gap: 8px; margin-left: 0; transition: opacity .25s ease; }
html[data-design="new"] .lang-btn,
html[data-design="new"] .profile-btn,
html[data-design="new"] .lylib-bell,
html[data-design="new"] .menu-toggle,
html[data-design="new"] .search-btn,
html[data-design="new"] .at-trigger-btn {
  height: 40px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--nd-text);
  box-shadow: none;
  transform: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html[data-design="new"] .lang-btn,
html[data-design="new"] .lylib-bell,
html[data-design="new"] .menu-toggle,
html[data-design="new"] .search-btn { width: 40px; min-width: 40px; padding: 0; }
html[data-design="new"] .lang-btn { color: var(--nd-text-2); font-size: 12px; font-weight: 700; letter-spacing: .02em; }
html[data-design="new"] .lang-btn::before,
html[data-design="new"] .profile-btn::before,
html[data-design="new"] .at-trigger-btn::before { display: none; }
html[data-design="new"] .lang-btn:hover,
html[data-design="new"] .profile-btn:hover,
html[data-design="new"] .lylib-bell:hover,
html[data-design="new"] .menu-toggle:hover,
html[data-design="new"] .search-btn:hover { background: rgba(255, 255, 255, .11); color: var(--nd-text); box-shadow: none; transform: none; }
html[data-design="new"] .menu-toggle { display: none; font-size: 18px; }
html[data-design="new"] .at-trigger-btn {
  padding: 0 18px 0 14px;
  background: #fff;
  color: #14091f;
  font-size: 14px;
  font-weight: 700;
}
html[data-design="new"] .at-trigger-btn:hover { background: var(--nd-chip-on); color: #14091f; box-shadow: none; transform: none; }
html[data-design="new"] .at-trigger-icon,
html[data-design="new"] .at-trigger-btn:hover .at-trigger-icon { color: #7c3aed; font-weight: 800; }
html[data-design="new"] .profile-btn { gap: 8px; padding: 0 14px 0 5px; font-size: 14px; font-weight: 600; }
html[data-design="new"] .profile-avatar { width: 30px; height: 30px; border: 0; background: var(--nd-raised); box-shadow: none; }
html[data-design="new"] .profile-avatar.has-image { background-size: cover; background-position: center; background-repeat: no-repeat; }
html[data-design="new"] .profile-btn:hover .profile-avatar { box-shadow: none; }
html[data-design="new"] .lylib-bell-badge { border: 2px solid var(--nd-panel); background: #e0566a; box-shadow: none; }
html[data-design="new"] .lylib-bell-icon {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0;
  background: currentColor;
  transform-origin: 50% 10%;
  -webkit-mask: var(--nd-i-bell) center / contain no-repeat;
  mask: var(--nd-i-bell) center / contain no-repeat;
}
html[data-design="new"] .profile-btn .profile-name { display: inline; }
@media (min-width: 1180px) and (max-width: 1365px) {
  html[data-design="new"] .profile-btn { width: 40px; padding: 0; justify-content: center; gap: 0; }
  html[data-design="new"] .profile-btn :is(.profile-name, .profile-label) { display: none; }
  html[data-design="new"] .nd-plus-btn { width: 40px; padding: 0; justify-content: center; }
  html[data-design="new"] .nd-plus-btn span { display: none; }
}

html[data-design="new"] .dropdown-menu {
  min-width: 210px;
  margin-top: 8px;
  padding: 6px;
  border: 1px solid var(--nd-line-2);
  border-radius: 12px;
  background: var(--nd-pop);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .65);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-design="new"] .dropdown-menu a {
  padding: 9px 11px;
  border-left: 0;
  border-radius: 8px;
  color: var(--nd-text-2);
  font-size: 14px;
  text-transform: none;
}
html[data-design="new"] .dropdown-menu a:hover { background: var(--nd-raised); color: var(--nd-text); }

html[data-design="new"] .site-footer {
  margin: 48px 0 0;
  padding: 44px 32px 28px;
  border: 0;
  border-top: 1px solid var(--nd-line);
  border-radius: 0;
  background: rgba(9, 8, 13, .7);
  font-family: var(--nd-font);
}
html[data-design="new"] .footer-inner { max-width: 1120px; }
html[data-design="new"] .footer-brand-name { background: none; -webkit-text-fill-color: var(--nd-text); color: var(--nd-text); font-weight: 800; letter-spacing: -.02em; }
html[data-design="new"] .footer-col-title { color: var(--nd-text-3); letter-spacing: .09em; }
html[data-design="new"] .footer-col a { color: var(--nd-text-2); }
html[data-design="new"] .footer-col a:hover { color: var(--nd-text); }
html[data-design="new"] .footer-bot-link { border: 1px solid var(--nd-line-2); border-radius: 999px; background: rgba(255, 255, 255, .05); }
html[data-design="new"] .footer-bot-link:hover { border-color: var(--nd-line-3); background: rgba(255, 255, 255, .09); }
html[data-design="new"] .footer-bottom { border-top-color: var(--nd-line); }

html[data-design="new"] .panel {
  border: 1px solid var(--nd-line);
  border-radius: var(--nd-r);
  background: var(--nd-panel-2);
  box-shadow: none;
}
html[data-design="new"] .panel h3,
html[data-design="new"] .panel h4 { font-weight: 700; letter-spacing: -.01em; }
html[data-design="new"] :is(.library-head, .favs-header, .top-page-header, .upd-head, .groups-head, .invite-head, .od-intro-head, .settings-main > .favs-header, .ep-header) h1 {
  margin: 0;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.035em;
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--nd-text);
}
html[data-design="new"] :is(.library-head, .favs-header, .top-page-header, .upd-head, .groups-head, .invite-head, .od-intro-head) p { color: var(--nd-text-2); font-size: 15px; }

html[data-design="new"] :is(.favs-header, .top-page-header, .upd-head, .groups-head, .invite-head) {
  margin-bottom: 18px;
  padding: 8px 0 6px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: left;
}
html[data-design="new"] :is(.settings-section, .settings-side-card, .top-stat-tile, .groups-card, .invite-card) {
  border: 1px solid var(--nd-line);
  background: var(--nd-panel-2);
  box-shadow: none;
}
html[data-design="new"] .settings-section,
html[data-design="new"] .settings-side-card { border-radius: 18px; }
html[data-design="new"] :is(.settings-toggle-group, .top-tabs) { gap: 6px; padding: 0; border: 0; background: none; box-shadow: none; }
html[data-design="new"] :is(.settings-toggle-btn, .top-tab-btn) {
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: var(--nd-text);
  font-weight: 500;
  box-shadow: none;
  transform: none;
}
html[data-design="new"] :is(.settings-toggle-btn, .top-tab-btn):hover { background: rgba(255, 255, 255, .12); color: var(--nd-text); }
html[data-design="new"] :is(.settings-toggle-btn, .top-tab-btn).active,
html[data-design="new"] :is(.settings-toggle-btn, .top-tab-btn).active:hover { background: var(--nd-chip-on); color: #14091f; font-weight: 600; box-shadow: none; }
html[data-design="new"] .settings-badge-chip { border: 1px solid transparent; border-radius: 999px; background: rgba(255, 255, 255, .06); box-shadow: none; }
html[data-design="new"] .settings-badge-chip:hover { background: rgba(255, 255, 255, .1); }
html[data-design="new"] .settings-badge-chip.active { border-color: rgba(167, 139, 250, .55); background: rgba(139, 92, 246, .18); color: #fff; }
html[data-design="new"] .settings-link-btn { border: 0; border-radius: 999px; background: #fff; color: #14091f; box-shadow: none; }
html[data-design="new"] .settings-link-btn:hover { background: var(--nd-chip-on); transform: none; box-shadow: none; }
html[data-design="new"] .settings-save-btn { border-radius: 999px; }
html[data-design="new"] .top-stat-tile { border-radius: 16px; background: rgba(255, 255, 255, .035); }
html[data-design="new"] .top-stat-value { color: #fff; font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
html[data-design="new"] .top-stat-label { color: var(--nd-text-2); font-size: 13px; letter-spacing: 0; text-transform: none; }
html[data-design="new"] .top-authors-page-list { gap: 2px; }
html[data-design="new"] .top-author-card { border: 1px solid transparent; border-radius: 14px; background: transparent; box-shadow: none; }
html[data-design="new"] .top-author-card:hover { border-color: transparent; background: rgba(255, 255, 255, .045); box-shadow: none; transform: none; }
html[data-design="new"] .top-author-card.plus-slot { border-color: rgba(167, 139, 250, .22); background: linear-gradient(90deg, rgba(124, 58, 237, .2), rgba(124, 58, 237, .04)); }
html[data-design="new"] .top-plus-note { border: 1px solid rgba(167, 139, 250, .22); border-radius: 14px; background: linear-gradient(90deg, rgba(124, 58, 237, .2), rgba(124, 58, 237, .04)); }
html[data-design="new"] .top-show-more-btn { border: 0; border-radius: 999px; background: rgba(255, 255, 255, .08); box-shadow: none; }
html[data-design="new"] .top-show-more-btn:hover { background: rgba(255, 255, 255, .13); transform: none; }

html[data-design="new"] .chip,
html[data-design="new"] .kind-chip {
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: var(--nd-text);
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: none;
  transform: none;
  transition: background-color .15s ease, color .15s ease;
}
html[data-design="new"] .chip:hover,
html[data-design="new"] .kind-chip:hover { background: rgba(255, 255, 255, .12); border-color: transparent; color: var(--nd-text); transform: none; }
html[data-design="new"] .chip.active,
html[data-design="new"] .seg .chip.active,
html[data-design="new"] .tag-bar .chip.active,
html[data-design="new"] .kind-chip.active,
html[data-design="new"] .chip.active:hover,
html[data-design="new"] .kind-chip.active:hover { background: var(--nd-chip-on); border-color: transparent; color: #14091f; font-weight: 600; box-shadow: none; }
html[data-design="new"] .seg { gap: 6px; padding: 0; border: 0; background: none; box-shadow: none; }
html[data-design="new"] .lib-pop-btn {
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: var(--nd-text);
  box-shadow: none;
}
html[data-design="new"] .lib-pop-btn:hover { background: rgba(255, 255, 255, .12); }
html[data-design="new"] .lib-pop-panel { border: 1px solid var(--nd-line-2); border-radius: 14px; background: var(--nd-pop); box-shadow: 0 24px 60px rgba(0, 0, 0, .65); }

html[data-design="new"] .library-tabs,
html[data-design="new"] .top-kind-switch,
html[data-design="new"] .toolbar-kinds {
  gap: 4px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--nd-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html[data-design="new"] .library-tab,
html[data-design="new"] .top-kind-btn {
  position: relative;
  margin-bottom: -1px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: var(--nd-text-2);
  font-size: 15px;
  font-weight: 600;
  box-shadow: none;
}
html[data-design="new"] :is(.library-tab, .top-kind-btn):hover { background: none; color: var(--nd-text); }
html[data-design="new"] :is(.library-tab, .top-kind-btn).active { border-bottom-color: var(--nd-accent); background: none; color: #fff; box-shadow: none; }

html[data-design="new"] .ai-open-btn,
html[data-design="new"] .modal-btn.primary {
  border: 1px solid transparent;
  background: var(--nd-accent-strong);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 26px -12px rgba(124, 58, 237, .95);
}
html[data-design="new"] .ai-open-btn:hover,
html[data-design="new"] .modal-btn.primary:hover { background: var(--nd-accent-hover); border-color: transparent; transform: none; }
html[data-design="new"] .ai-open-btn { border-radius: 999px; }
html[data-design="new"] .page-btn { border: 1px solid var(--nd-line-2); border-radius: 999px; background: rgba(255, 255, 255, .05); box-shadow: none; }
html[data-design="new"] .page-btn:hover:not(:disabled) { background: rgba(255, 255, 255, .1); transform: none; }
html[data-design="new"] .modal-box { border: 1px solid var(--nd-line-2); border-radius: 18px; background: var(--nd-pop); box-shadow: 0 30px 80px rgba(0, 0, 0, .7); }
html[data-design="new"] .modal-overlay { background: rgba(3, 2, 6, .74); }

html[data-design="new"] .library-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
  padding: 8px 0 0;
}
html[data-design="new"] .library-head > div:first-child { min-width: 0; }
html[data-design="new"] .library-head h1 { font-size: clamp(32px, 3.2vw, 46px); letter-spacing: -.04em; }
html[data-design="new"] .library-head p { margin-top: 8px; color: var(--nd-text-2); font-size: 15px; }
html[data-design="new"] .library-search-group { display: flex; flex: 0 1 600px; gap: 10px; min-width: 0; margin: 0; }
html[data-design="new"] .library-search {
  flex: 1 1 auto;
  min-width: 0;
  height: 52px;
  padding: 0 12px 0 18px;
  border: 1px solid var(--nd-line-2);
  border-radius: 16px;
  background: rgba(10, 8, 17, .7);
  box-shadow: none;
}
html[data-design="new"] .library-search:hover { border-color: var(--nd-line-3); }
html[data-design="new"] .library-search input { font-size: 15.5px; }
html[data-design="new"] .library-search:focus-within { border-color: rgba(167, 139, 250, .7); box-shadow: 0 0 0 4px rgba(139, 92, 246, .16); }
html[data-design="new"] .library-search-group .ai-open-btn { flex: none; height: 52px; padding: 0 22px; border-radius: 16px; font-size: 15px; font-weight: 700; }
html[data-design="new"] .library-tabs.library-tabs {
  display: inline-flex;
  gap: 4px;
  width: auto;
  padding: 5px;
  border: 1px solid var(--nd-line-2);
  border-radius: 16px;
  background: rgba(12, 9, 20, .62);
}
html[data-design="new"] .library-tabs .library-tab {
  height: 42px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  color: var(--nd-text-2);
  font-size: 15px;
}
html[data-design="new"] .library-tabs .library-tab:hover { background: rgba(255, 255, 255, .06); color: var(--nd-text); }
html[data-design="new"] .library-tabs .library-tab.active { background: #fff; color: #14091f; box-shadow: 0 6px 18px -8px rgba(255, 255, 255, .45); }
html[data-design="new"] .lib-filters {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--nd-line);
  border-radius: 18px;
  background: var(--nd-panel-2);
  box-shadow: none;
}
html[data-design="new"] .lib-filter-row { gap: 10px; }
html[data-design="new"] .lib-filter-row .seg + .seg,
html[data-design="new"] .lib-filter-row .seg + .lib-pop { padding-left: 10px; border-left: 1px solid var(--nd-line-2); }
html[data-design="new"] .lib-filters .lib-scroller:not(.is-empty) { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--nd-line); }
html[data-design="new"] .lib-scroll-btn { border: 1px solid var(--nd-line-2); border-radius: 50%; background: var(--nd-pop); color: var(--nd-text); box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
html[data-design="new"] .lib-scroll-btn:hover { background: var(--nd-raised); }
html[data-design="new"] .library-count { color: var(--nd-text-3); font-variant-numeric: tabular-nums; }
html[data-design="new"] .artist-card {
  border: 1px solid var(--nd-line);
  border-radius: 18px;
  background: var(--nd-panel-2);
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
html[data-design="new"] .artist-card:hover { border-color: rgba(167, 139, 250, .45); background: rgba(139, 92, 246, .12); transform: translateY(-2px); box-shadow: none; }

html[data-design="new"] .list-panel { padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-design="new"] .track-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(470px, 100%), 1fr));
  gap: 12px;
  min-height: 120px;
  padding: 18px 0 6px;
  container-type: inline-size;
}
html[data-design="new"] .track-list > :not(.track-row:not(.empty-state-row):not(.loading-state-row)) { grid-column: 1 / -1; }
html[data-design="new"] .track-row {
  position: relative;
  display: grid;
  grid-template-columns: 22px 64px minmax(0, 1fr) auto;
  grid-template-areas: "index cover meta meta" "index cover likes actions";
  align-items: center;
  column-gap: 14px;
  row-gap: 10px;
  min-height: 0;
  padding: 14px 14px 14px 12px;
  border: 1px solid var(--nd-line);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(30, 23, 47, .66), rgba(17, 13, 28, .66));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
  animation: ndRowIn .4s cubic-bezier(.2, .7, .2, 1) backwards;
}
html[data-design="new"] .track-row:hover {
  border-color: rgba(167, 139, 250, .4);
  background: linear-gradient(180deg, rgba(40, 30, 64, .76), rgba(22, 17, 37, .76));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 36px -20px rgba(91, 33, 182, .9);
  transform: translateY(-1px);
}
html[data-design="new"] .track-row:hover .track-cover { transform: none; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .9); }
html[data-design="new"] .track-cover.has-image { background-size: cover; background-position: center; background-repeat: no-repeat; }
html[data-design="new"] .track-row.skeleton { background: rgba(255, 255, 255, .02); }
html[data-design="new"] .track-row .skeleton-block { background: rgba(255, 255, 255, .06); }
html[data-design="new"] .track-index { grid-area: index; color: var(--nd-text-3); font-size: 13px; font-variant-numeric: tabular-nums; text-align: center; }
html[data-design="new"] .track-cover,
html[data-design="new"] .track-row .track-cover:not(.drawn) {
  grid-area: cover;
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 12px;
  background-color: var(--nd-raised);
  background-position: center;
  background-size: cover;
  box-shadow: 0 8px 20px -12px rgba(0, 0, 0, .8);
  transition: box-shadow .2s ease;
}
html[data-design="new"] .track-row.empty-state-row,
html[data-design="new"] .track-row.loading-state-row { display: block; padding: 22px 20px; border: 1px dashed var(--nd-line-2); border-radius: 16px; background: none; box-shadow: none; transform: none; }
html[data-design="new"] .track-row.empty-state-row .track-meta,
html[data-design="new"] .track-row.loading-state-row .track-meta { display: block; }
html[data-design="new"] .track-meta { grid-area: meta; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; }
html[data-design="new"] .track-titles { flex: 1 1 auto; min-width: 0; }
html[data-design="new"] .track-name { color: var(--nd-text); font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
html[data-design="new"] a.track-name:hover { color: #fff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-underline-offset: 3px; }
html[data-design="new"] .track-sub { margin-top: 3px; color: var(--nd-text-2); font-size: 13px; }
html[data-design="new"] .track-lyric { color: var(--nd-text-3); }
html[data-design="new"] .track-uploader {
  flex: 0 1 auto;
  max-width: 150px;
  padding: 3px 10px 3px 3px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--nd-text-2);
  font-size: 12px;
  font-weight: 500;
}
html[data-design="new"] .track-uploader:hover { background: rgba(255, 255, 255, .12); color: var(--nd-text); }
html[data-design="new"] .track-duration { grid-area: likes; gap: 6px; min-width: 0; color: var(--nd-text-2); font-size: 13px; font-weight: 600; }
html[data-design="new"] .track-tag { border-color: transparent; background: rgba(255, 255, 255, .07); color: var(--nd-text-2); font-weight: 500; }
html[data-design="new"] .track-actions { grid-area: actions; flex-wrap: nowrap; justify-content: flex-end; gap: 2px; }
html[data-design="new"] .track-button {
  min-width: 0;
  min-height: 0;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--nd-text-2);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  transform: none;
}
html[data-design="new"] .track-button:hover { background: rgba(255, 255, 255, .1); color: var(--nd-text); border-color: transparent; box-shadow: none; transform: none; }
html[data-design="new"] .track-actions > .track-button:first-child,
html[data-design="new"] .song-id-copy {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 15px 0 13px;
  margin-right: 4px;
  background: rgba(139, 92, 246, .2);
  color: #ddd6fe;
}
html[data-design="new"] .track-actions > .track-button:first-child::before {
  content: "";
  position: static;
  width: 15px;
  height: 15px;
  background: currentColor;
  transform: none;
  transition: none;
  -webkit-mask: var(--nd-i-copy) center / contain no-repeat;
  mask: var(--nd-i-copy) center / contain no-repeat;
}
html[data-design="new"] .track-actions > .track-button:first-child:hover,
html[data-design="new"] .song-id-copy:hover { background: var(--nd-accent-strong); color: #fff; }
html[data-design="new"] .track-button.copied,
html[data-design="new"] .track-actions > .track-button.copied:first-child { background: rgba(52, 199, 140, .18); color: #a7f3d0; }
html[data-design="new"] .track-row :is(.play-inline-button, .edit-song-button, .edit-sound-button, .report-button, .sound-like-button, .sound-favorite-button) {
  position: relative;
  width: 36px;
  min-width: 36px;
  padding: 0;
  font-size: 0;
}
html[data-design="new"] .track-row :is(.play-inline-button, .edit-song-button, .edit-sound-button, .report-button, .sound-like-button, .sound-favorite-button)::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 17px;
  height: 17px;
  margin: auto;
  background: currentColor;
  transform: none;
  transition: none;
  -webkit-mask: var(--nd-ic) center / contain no-repeat;
  mask: var(--nd-ic) center / contain no-repeat;
}
html[data-design="new"] .track-row .play-inline-button { --nd-ic: var(--nd-i-play); color: var(--nd-text); }
html[data-design="new"] .track-row .play-inline-button:hover:not(:disabled) { background: #fff; color: #14091f; }
html[data-design="new"] .track-row .play-inline-button:disabled { --nd-ic: var(--nd-i-lock); opacity: .4; cursor: not-allowed; background: none; }
html[data-design="new"] .track-row :is(.edit-song-button, .edit-sound-button) { --nd-ic: var(--nd-i-edit); }
html[data-design="new"] .track-row .report-button { --nd-ic: var(--nd-i-flag); color: var(--nd-text-3); }
html[data-design="new"] .track-row .report-button:hover { background: rgba(224, 86, 106, .14); color: #fb7185; }
html[data-design="new"] .track-row .sound-like-button { --nd-ic: var(--nd-i-heart); }
html[data-design="new"] .track-row .sound-like-button.active { --nd-ic: var(--nd-i-heart-on); color: #fb7185; }
html[data-design="new"] .track-row .sound-favorite-button { --nd-ic: var(--nd-i-star); }
html[data-design="new"] .track-row .sound-favorite-button.active { --nd-ic: var(--nd-i-star-on); color: #fbbf24; }
html[data-design="new"] .track-list > .adv-slot { margin: 0; }
@media (hover: hover) and (pointer: fine) {
  html[data-design="new"] .track-row .play-inline-button {
    position: absolute;
    top: 50%;
    left: 48px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    margin-top: -32px;
    border-radius: 12px;
    background: rgba(8, 6, 14, .55);
    color: #fff;
    opacity: 0;
    transition: opacity .15s ease, background-color .15s ease, color .15s ease;
  }
  html[data-design="new"] .track-row .play-inline-button::before { width: 22px; height: 22px; }
  html[data-design="new"] .track-row:hover .play-inline-button:not(:disabled),
  html[data-design="new"] .track-row .play-inline-button:focus-visible { opacity: 1; }
  html[data-design="new"] .track-row .play-inline-button:hover:not(:disabled) { background: rgba(124, 58, 237, .8); color: #fff; }
  html[data-design="new"] .track-row .play-inline-button:disabled { opacity: 0; background: rgba(8, 6, 14, .55); }
  html[data-design="new"] .track-row:hover .play-inline-button:disabled { opacity: .7; }
  html[data-design="new"] .track-row :is(.edit-song-button, .edit-sound-button, .report-button) { opacity: 0; transition: opacity .15s ease, background-color .15s ease, color .15s ease; }
  html[data-design="new"] .track-row:hover :is(.edit-song-button, .edit-sound-button, .report-button),
  html[data-design="new"] .track-row :is(.edit-song-button, .edit-sound-button, .report-button):focus-visible { opacity: 1; }
  @container (max-width: 520px) {
    html[data-design="new"] .track-row .play-inline-button { left: 12px; width: 52px; min-width: 52px; height: 52px; margin-top: 0; top: 14px; }
  }
}

@container (max-width: 520px) {
  html[data-design="new"] .track-row {
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-areas: "cover meta" "cover likes" "actions actions";
    column-gap: 12px;
    row-gap: 8px;
    padding: 14px 12px 12px;
  }
  html[data-design="new"] .track-index { display: none; }
  html[data-design="new"] .track-cover,
  html[data-design="new"] .track-row .track-cover:not(.drawn) { width: 52px; height: 52px; border-radius: 10px; }
  html[data-design="new"] .track-uploader .uploader-name { display: none; }
  html[data-design="new"] .track-uploader { padding: 3px; }
  html[data-design="new"] .track-actions { justify-content: flex-start; }
  html[data-design="new"] .track-actions > .track-button:first-child { flex: 1 1 auto; justify-content: center; }
}

@media (min-width: 1280px) {
  html[data-design="new"] .track-list:not(:has(> .sound-row)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) > .track-row {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-areas: "cover meta meta" "cover likes actions";
    column-gap: 10px;
    padding: 12px;
  }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-index {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 7px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(8, 6, 14, .72);
    color: var(--nd-text-2);
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    pointer-events: none;
  }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-uploader { padding: 3px; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-uploader .uploader-name { display: none; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-duration { overflow: hidden; white-space: nowrap; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-duration .track-tag { display: none; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-actions > .track-button:first-child { gap: 6px; padding: 0 12px 0 10px; margin-right: 2px; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-row :is(.play-inline-button, .edit-song-button, .report-button) { width: 30px; min-width: 30px; }
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-row .play-inline-button { left: 12px; }
}
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  html[data-design="new"] .track-list:not(:has(> .sound-row)) .track-row .play-inline-button { width: 64px; min-width: 64px; }
}

html[data-design="new"] .main { gap: 22px; }
html[data-design="new"] .hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  min-height: 0;
  padding: 44px 44px 40px;
  overflow: hidden;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 24px;
  background:
    radial-gradient(70% 110% at 100% 0%, rgba(192, 132, 252, .38), transparent 60%),
    radial-gradient(60% 90% at 0% 100%, rgba(91, 33, 182, .45), transparent 65%),
    linear-gradient(135deg, #1d1034 0%, #120b22 55%, #0d0918 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 30px 60px -30px rgba(76, 29, 149, .6);
}
html[data-design="new"] .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 64px);
  -webkit-mask: linear-gradient(90deg, transparent, #000 70%);
  mask: linear-gradient(90deg, transparent, #000 70%);
}
html[data-design="new"] .hero-copy { position: relative; z-index: 1; padding: 0; }
html[data-design="new"] .hero-copy h1 {
  max-width: 13ch;
  font-size: clamp(38px, 4.4vw, 62px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
  color: #fff;
}
html[data-design="new"] .hero-copy p { margin-top: 18px; color: rgba(241, 238, 248, .72); font-size: 16.5px; line-height: 1.55; }
html[data-design="new"] .stats-row { gap: 0; margin-top: 28px; }
html[data-design="new"] .stat-pill {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 0 24px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html[data-design="new"] .stat-pill:first-child { padding-left: 0; border-left: 0; }
html[data-design="new"] .stat-pill:hover,
html[data-design="new"] a.stat-pill:hover { background: none; border-color: rgba(255, 255, 255, .12); transform: none; box-shadow: none; }
html[data-design="new"] .hero .stat-value { color: #fff; font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
html[data-design="new"] .hero .stat-label { color: rgba(241, 238, 248, .6); font-size: 13px; }
html[data-design="new"] a.stat-pill:hover .stat-label { color: #fff; }
html[data-design="new"] .ai-entry {
  display: flex;
  max-width: 640px;
  height: 58px;
  margin-top: 30px;
  padding: 6px;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(5, 4, 8, .55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
html[data-design="new"] .ai-entry:focus-within { border-color: rgba(221, 214, 254, .6); }
html[data-design="new"] .ai-entry input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  outline: none;
  background: transparent;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
}
html[data-design="new"] .ai-entry input:focus { border: 0; box-shadow: none; }
html[data-design="new"] .ai-entry button {
  height: 100%;
  padding: 0 22px;
  border: 0;
  border-radius: 13px;
  background: #fff;
  color: #14091f;
  font-size: 15px;
  font-weight: 700;
  box-shadow: none;
}
html[data-design="new"] .ai-entry button:hover { background: var(--nd-chip-on); transform: none; box-shadow: none; }
html[data-design="new"] .hero-visual {
  position: relative;
  z-index: 1;
  min-height: 280px;
  border: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}
html[data-design="new"] .hero-drop { border-color: rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(5, 4, 8, .45); }

html[data-design="new"] .toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html[data-design="new"] .toolbar-kinds { border-bottom: 0; }
html[data-design="new"] .toolbar .kind-chip { min-height: 38px; padding: 0 16px; font-size: 14px; }

html[data-design="new"] .song-back-link { color: var(--nd-text-2); font-weight: 500; }
html[data-design="new"] .song-back-link:hover { color: var(--nd-text); }
html[data-design="new"] .song-card {
  gap: 40px;
  padding: 36px;
  border: 1px solid var(--nd-line);
  border-radius: 24px;
  background: radial-gradient(80% 120% at 0% 0%, rgba(124, 58, 237, .24), transparent 60%), var(--nd-panel-2);
  box-shadow: 0 30px 60px -34px rgba(0, 0, 0, .9);
}
html[data-design="new"] .song-cover { width: 264px; height: 264px; border-radius: 16px; background-color: var(--nd-raised); box-shadow: 0 26px 50px -18px rgba(0, 0, 0, .9); }
html[data-design="new"] .song-title {
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.02;
  letter-spacing: -.04em;
  background: none;
  -webkit-text-fill-color: currentColor;
  color: #fff;
}
html[data-design="new"] .song-artist { margin-top: -6px; color: var(--nd-text-2); font-size: 18px; }
html[data-design="new"] .song-uploader { border: 0; background: rgba(255, 255, 255, .07); }
html[data-design="new"] .song-id-row {
  width: fit-content;
  max-width: 100%;
  gap: 12px;
  padding: 6px 6px 6px 16px;
  border: 1px solid var(--nd-line-2);
  border-radius: 16px;
  background: rgba(5, 4, 8, .55);
}
html[data-design="new"] .song-id-label { color: var(--nd-text-3); letter-spacing: .08em; }
html[data-design="new"] .song-id-value {
  padding: 2px 4px;
  border: 0;
  background: none;
  color: #fff;
  font: 600 18px/1.3 ui-monospace, "SFMono-Regular", Consolas, monospace;
}
html[data-design="new"] .song-id-row:has(.song-id-copy) .song-id-value:hover { border: 0; background: none; color: var(--nd-accent); }
html[data-design="new"] .song-id-row .song-id-copy {
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 20px;
  border-radius: 12px;
  background: #fff;
  color: #14091f;
  font-size: 14px;
  font-weight: 700;
}
html[data-design="new"] .song-id-row .song-id-copy:hover { background: var(--nd-chip-on); color: #14091f; }
html[data-design="new"] .song-id-row .song-id-copy.copied { background: #34d399; color: #04261a; }
html[data-design="new"] .song-actions .track-button { height: 38px; padding: 0 15px; background: rgba(255, 255, 255, .07); color: var(--nd-text); }
html[data-design="new"] .song-actions .track-button:hover { background: rgba(255, 255, 255, .13); }
html[data-design="new"] .song-more-card { border: 1px solid var(--nd-line); border-radius: 16px; background: var(--nd-panel-2); box-shadow: none; }
html[data-design="new"] .song-more-card:hover { border-color: var(--nd-line-3); background: var(--nd-raised); transform: none; box-shadow: none; }
html[data-design="new"] .song-more-cover { background-color: var(--nd-raised); }

html[data-design="new"] .author-header { border: 1px solid var(--nd-line); border-radius: 24px; box-shadow: 0 30px 60px -34px rgba(0, 0, 0, .9); }
html[data-design="new"] .author-stat-card {
  border: 1px solid var(--nd-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  transform: none;
}
html[data-design="new"] .author-stat-card:hover { border-color: var(--nd-line-3); background: rgba(255, 255, 255, .06); transform: none; box-shadow: none; }
html[data-design="new"] .author-stat-card .stat-value { color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -.03em; }
html[data-design="new"] .author-stat-card .stat-label { color: var(--nd-text-2); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html[data-design="new"] :is(.author-follow-btn, .author-edit-btn) {
  height: 40px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #14091f;
  font-weight: 700;
  box-shadow: none;
  transform: none;
}
html[data-design="new"] :is(.author-follow-btn, .author-edit-btn):hover { background: var(--nd-chip-on); color: #14091f; box-shadow: none; transform: none; }
html[data-design="new"] .author-follow-btn.following { background: rgba(255, 255, 255, .08); color: var(--nd-text); }
html[data-design="new"] .author-report-btn { height: 40px; border: 1px solid rgba(251, 113, 133, .3); border-radius: 999px; background: transparent; box-shadow: none; }
html[data-design="new"] .author-report-btn:hover { background: rgba(251, 113, 133, .12); transform: none; box-shadow: none; }
html[data-design="new"] .author-mod-btn { border-radius: 999px; }
html[data-design="new"] .author-banner {
  -webkit-mask-image: linear-gradient(180deg, #000 20%, rgba(0, 0, 0, .9) 40%, rgba(0, 0, 0, .64) 60%, rgba(0, 0, 0, .3) 80%, transparent);
  mask-image: linear-gradient(180deg, #000 20%, rgba(0, 0, 0, .9) 40%, rgba(0, 0, 0, .64) 60%, rgba(0, 0, 0, .3) 80%, transparent);
}
html[data-design="new"] .author-username { color: var(--nd-text-2); }
html[data-design="new"] .author-joined { color: var(--nd-text-3); }
html[data-design="new"] :is(.author-follow-btn, .author-edit-btn, .author-report-btn) { position: relative; z-index: 1; }
@media (max-width: 760px) {
  html[data-design="new"] .author-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html[data-design="new"] .author-stat-card { min-width: 0; padding: 10px 12px; }
  html[data-design="new"] .author-stat-card .stat-value { font-size: 22px; }
  html[data-design="new"] .author-stat-card .stat-label { font-size: 12px; line-height: 1.25; }
}
html[data-design="new"] .edit-song-detail-button { min-width: 0; width: 40px; padding: 0; }

html[data-design="new"] .updates-dot { background: var(--nd-accent); box-shadow: 0 0 0 3px rgba(167, 139, 250, .22); }
html[data-design="new"] .upd-pop-shade { background: rgba(3, 2, 6, .72); }
html[data-design="new"] .upd-pop {
  border: 1px solid var(--nd-line-2);
  border-radius: 18px;
  background: radial-gradient(120% 90% at 0% 0%, rgba(124, 58, 237, .18), transparent 60%), var(--nd-pop);
}
html[data-design="new"] .upd-pop-badge { border-radius: 12px; background: var(--nd-accent-strong); box-shadow: none; }
html[data-design="new"] .upd-pop-item.kind-bot .upd-pop-icon { background: rgba(41, 169, 235, .14); }
html[data-design="new"] .upd-pop-item.kind-plus .upd-pop-icon { background: var(--nd-accent-soft); }
html[data-design="new"] .upd-pop-foot a,
html[data-design="new"] .upd-pop-foot button { border-radius: 999px; }
html[data-design="new"] .upd-pop-ok { border-color: transparent; background: rgba(255, 255, 255, .08); }
html[data-design="new"] .upd-pop-all { background: #fff; color: #14091f; box-shadow: none; }
html[data-design="new"] .upd-pop-all:hover,
html[data-design="new"] .upd-pop-all:focus-visible { background: var(--nd-chip-on); box-shadow: none; }

@media (max-width: 1179px) {
  html[data-design="new"] .nd-side {
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2100;
    width: min(300px, 86vw);
    border-width: 0 1px 0 0;
    border-radius: 0 18px 18px 0;
    transform: translateX(-104%);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .3s;
    visibility: hidden;
  }
  html[data-design="new"].nd-side-open .nd-side { transform: none; visibility: visible; transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
  html[data-design="new"] .nd-side-close { display: grid; }
  html[data-design="new"] .nd-scrim {
    position: fixed;
    inset: 0;
    z-index: 2099;
    display: block;
    background: rgba(2, 1, 4, .66);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s linear .3s;
  }
  html[data-design="new"].nd-side-open .nd-scrim { opacity: 1; visibility: visible; transition: opacity .3s ease; }
  html[data-design="new"].nd-side-open body { overflow: hidden; }
  html[data-design="new"] .nd-top { display: none; }
  html[data-design="new"] .topbar { height: 60px; min-height: 60px; padding: 0 14px; gap: 6px; }
  html[data-design="new"] .menu-toggle { display: grid; place-items: center; }
  html[data-design="new"] .shell { padding: 20px 16px 40px; }
}
@media (max-width: 720px) {
  html[data-design="new"] .topbar:has(.nd-search:focus-within) :is(.nd-brand, .top-actions) { display: none; }
  html[data-design="new"] .topbar > .nd-brand { margin-right: 0; }
  html[data-design="new"] .nd-brand-name { font-size: 18px; }
  html[data-design="new"] .nd-plus-btn { display: none; }
  html[data-design="new"] .top-actions { gap: 6px; }
  html[data-design="new"] .at-trigger-btn { width: 40px; min-width: 40px; padding: 0; justify-content: center; }
  html[data-design="new"] .at-trigger-label { display: none; }
  html[data-design="new"] .profile-btn { width: 40px; padding: 0; justify-content: center; }
  html[data-design="new"] .profile-btn :is(.profile-name, .profile-label) { display: none; }
  html[data-design="new"] .lang-btn { display: none; }
  html[data-design="new"] .hero { grid-template-columns: 1fr; padding: 28px 22px 24px; border-radius: 20px; }
  html[data-design="new"] .hero-visual { display: none; }
  html[data-design="new"] .hero-copy h1 { font-size: 38px; }
  html[data-design="new"] .stats-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
  html[data-design="new"] .stat-pill { padding: 0 0 0 14px; border-left: 2px solid rgba(167, 139, 250, .35); }
  html[data-design="new"] .stat-pill:first-child { padding-left: 14px; border-left: 2px solid rgba(167, 139, 250, .35); }
  html[data-design="new"] .library-head { flex-direction: column; align-items: stretch; gap: 16px; }
  html[data-design="new"] .library-search-group { flex: none; flex-direction: column; width: 100%; }
  html[data-design="new"] .library-search { flex: none; height: 52px; min-width: 0; }
  html[data-design="new"] .library-search-group .ai-open-btn { height: 48px; }
  html[data-design="new"] .library-tabs.library-tabs { display: flex; }
  html[data-design="new"] .library-tabs .library-tab { flex: 1 1 auto; min-width: 0; padding: 0 8px; overflow: hidden; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
  html[data-design="new"] .lib-filter-row .seg + .seg,
  html[data-design="new"] .lib-filter-row .seg + .lib-pop { padding-left: 0; border-left: 0; }
  html[data-design="new"] .lib-filters { padding: 12px; }
  html[data-design="new"] .hero .stat-value { font-size: 22px; }
  html[data-design="new"] .ai-entry { height: auto; flex-direction: column; }
  html[data-design="new"] .ai-entry input { height: 46px; }
  html[data-design="new"] .ai-entry button { height: 46px; }
  html[data-design="new"] .toolbar { flex-direction: column; align-items: stretch; }
}

@keyframes ndRowIn { from { opacity: 0; transform: translateY(6px); } }
@keyframes ndWave { from { transform: scaleY(.72); } to { transform: scaleY(1); } }
@keyframes ndSpin { to { transform: rotate(1turn); } }

html[data-design="new"] .site-loader {
  --nd-load-delay: 0s;
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  background: radial-gradient(30% 34% at 50% 46%, rgba(124, 58, 237, .22), transparent 75%);
  transition: opacity .4s ease .12s, visibility 0s linear .52s;
}
html[data-design="new"].nd-warm .site-loader { --nd-load-delay: .5s; background: transparent; }
html[data-design="new"][data-nd-loader].nd-js:not(.nd-ready) body > :not(.site-loader, .nd-bg, .page, .nd-side, .nd-scrim, script, style, link, noscript) { opacity: 0 !important; }
html[data-design="new"][data-nd-loader].nd-js:not(.nd-warm):not(.nd-ready) .page { opacity: 0; }
html[data-design="new"][data-nd-loader].nd-js.nd-warm:not(.nd-ready) .page > :not(.topbar) { opacity: 0; }
html[data-design="new"][data-nd-loader] .page { transition: opacity .45s ease; }
html[data-design="new"] .site-loader.hidden { opacity: 0; visibility: hidden; transform: none; }
html[data-design="new"] .nd-load-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: 184px;
  height: 184px;
  transition: transform .55s cubic-bezier(.3, .7, .2, 1), opacity .4s ease .05s;
}
html[data-design="new"] .site-loader.hidden .nd-load-stage { transform: scale(1.12); opacity: 0; }
html[data-design="new"] .nd-load-stage::before {
  content: "";
  position: absolute;
  inset: -50px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(139, 92, 246, .3), rgba(124, 58, 237, .1) 45%, transparent);
  animation: ndLoadFade .8s ease var(--nd-load-delay) backwards, ndLoadBreathe 2.4s ease-in-out calc(var(--nd-load-delay) + .8s) infinite alternate;
}
html[data-design="new"] .nd-load-lyli {
  position: relative;
  width: 160px;
  height: auto;
  transform-origin: 50% 100%;
  filter: drop-shadow(0 14px 26px rgba(124, 58, 237, .45));
  animation: ndLoadPop .65s cubic-bezier(.2, .9, .3, 1.2) var(--nd-load-delay) backwards, ndLyliHop 1s cubic-bezier(.3, .7, .4, 1) calc(var(--nd-load-delay) + .65s) infinite;
}
html[data-design="new"] .nd-load-shadow {
  position: absolute;
  bottom: 34px;
  left: 50%;
  width: 124px;
  height: 16px;
  margin-left: -62px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(4, 2, 10, .55), transparent);
  animation: ndLoadFade .6s ease var(--nd-load-delay) backwards, ndLyliShadow 1s cubic-bezier(.3, .7, .4, 1) calc(var(--nd-load-delay) + .65s) infinite;
}
@keyframes ndLyliHop {
  0% { transform: translateY(0) scale(1.06, .94); }
  35% { transform: translateY(-26px) scale(.97, 1.04); }
  65% { transform: translateY(0) scale(1.08, .92); }
  80%, 100% { transform: translateY(0) scale(1, 1); }
}
@keyframes ndLyliShadow {
  0%, 65%, 100% { transform: scale(1); opacity: 1; }
  35% { transform: scale(.68); opacity: .5; }
}
html[data-design="new"] .nd-load-word {
  color: var(--nd-text-2);
  font: 700 12px/1 var(--nd-font);
  letter-spacing: .5em;
  margin-right: -.5em;
  transition: opacity .3s ease;
  animation: ndLoadWord .9s cubic-bezier(.2, .7, .2, 1) calc(var(--nd-load-delay) + .2s) backwards;
}
html[data-design="new"] .site-loader.hidden .nd-load-word { opacity: 0; }
html[data-design="new"] .nd-load-bar,
html[data-design="new"] .nd-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483600;
  width: 0;
  height: 2px;
  border-radius: 0 2px 2px 0;
  background: linear-gradient(90deg, #6d28d9, #8b5cf6 60%, #ddd6fe);
  box-shadow: 0 0 10px rgba(139, 92, 246, .8), 0 0 3px rgba(221, 214, 254, .7);
  pointer-events: none;
}
html[data-design="new"] .nd-load-bar { display: none; }
html[data-design="new"].nd-warm .nd-load-bar { display: block; animation: ndLoadBar 2.4s cubic-bezier(.1, .6, .2, 1) forwards; }
html[data-design="new"] .nd-nav-bar { animation: ndNavBar 9s cubic-bezier(.05, .7, .1, 1) forwards; }
html[data-design="new"] .site-loader.hidden ~ .page > main,
html[data-design="new"] .site-loader.hidden ~ .site-footer { animation: ndLoadRise .55s cubic-bezier(.2, .7, .2, 1) .1s backwards; }
html[data-design="new"].nd-warm .site-loader { top: 64px; }
html[data-design="new"].nd-warm .topbar { z-index: 10001; }
html[data-design="new"].nd-warm:not(.nd-ready) .top-actions { opacity: 0; }
@media (max-width: 1179px) {
  html[data-design="new"].nd-warm .site-loader { top: 60px; }
}
@media (max-width: 720px) {
  html[data-design="new"] .nd-load-stage { width: 160px; height: 160px; }
  html[data-design="new"] .nd-load-lyli { width: 136px; }
}

@keyframes ndLoadFade { from { opacity: 0; } }
@keyframes ndLoadPop { from { opacity: 0; transform: scale(.7); } }
@keyframes ndLoadBreathe { to { opacity: .55; transform: scale(1.12); } }
@keyframes ndLoadWord { from { opacity: 0; letter-spacing: 1em; margin-right: -1em; } }
@keyframes ndLoadBar { from { width: 45%; } to { width: 86%; } }
@keyframes ndNavBar { 0% { width: 0; } 3% { width: 26%; } 22% { width: 58%; } 100% { width: 86%; } }
@keyframes ndLoadRise { from { opacity: 0; transform: translateY(12px); } }

@media (prefers-reduced-motion: reduce) {
  html[data-design="new"] .nd-load-lyli,
  html[data-design="new"] .nd-load-shadow,
  html[data-design="new"] .nd-load-stage::before { animation: ndLoadFade .4s ease var(--nd-load-delay) backwards; }
  html[data-design="new"] .nd-load-word { animation: ndLoadFade .4s ease var(--nd-load-delay) backwards; }
  html[data-design="new"] .site-loader.hidden .nd-load-stage { transform: none; }
  html[data-design="new"] .site-loader.hidden ~ .page > main,
  html[data-design="new"] .site-loader.hidden ~ .site-footer { animation: ndLoadFade .3s ease backwards; }
  html[data-design="new"] .track-row { animation: none; }
  html[data-design="new"] .nd-side,
  html[data-design="new"] .nd-scrim { transition: none; }
}