[data-ds-part="root"] {
  background-color: var(--ds-theme-color-background);
  color: var(--ds-theme-color-text);
}

[data-ds-part="sidebar"] {
  background-color: rgba(37, 35, 41, 0.76);
  border-right-color: rgba(255, 218, 176, 0.18);
  border-right-width: 1px;
  border-right-style: solid;
  box-shadow: 4px 0 20px rgba(18, 15, 19, 0.22);
  backdrop-filter: blur(18px) saturate(1.12) brightness(1.03);
  transition-property: background-color, border-color;
  transition-duration: 180ms;
}

[data-ds-part="sidebar"]:hover {
  background-color: rgba(45, 41, 47, 0.82);
  border-right-color: rgba(242, 184, 121, 0.30);
}

[data-ds-part="main"] {
  background-color: rgba(23, 24, 31, 0.14);
}

[data-ds-part="header"] {
  background-color: rgba(37, 35, 41, 0.54);
  border-bottom-color: rgba(255, 218, 176, 0.16);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  backdrop-filter: blur(16px) saturate(1.10);
}

[data-ds-part="home"] {
  background-color: rgba(23, 24, 31, 0.08);
}

[data-ds-part="home-hero"] {
  background-color: rgba(51, 46, 51, 0.32);
  border-color: rgba(255, 241, 214, 0.16);
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgba(18, 15, 19, 0.18);
  backdrop-filter: blur(14px) saturate(1.10);
}

[data-ds-part="project-list"] {
  background-color: rgba(37, 35, 41, 0.46);
  border-color: rgba(145, 184, 200, 0.16);
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  backdrop-filter: blur(14px) saturate(1.08);
}

[data-ds-part="thread"] {
  background-color: rgba(23, 24, 31, 0.10);
}

[data-ds-part="message"] {
  background-color: rgba(51, 46, 51, 0.54);
  border-color: rgba(255, 218, 176, 0.14);
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(18, 15, 19, 0.20);
  backdrop-filter: blur(12px) saturate(1.08);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="message"]:hover {
  background-color: rgba(51, 46, 51, 0.66);
  border-color: rgba(242, 184, 121, 0.30);
  box-shadow: 0 6px 22px rgba(18, 15, 19, 0.26);
}

[data-ds-part="composer"] {
  background-color: rgba(37, 35, 41, 0.84);
  border-color: rgba(242, 184, 121, 0.32);
  border-width: 1px;
  border-style: solid;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(18, 15, 19, 0.30);
  backdrop-filter: blur(20px) saturate(1.14) brightness(1.03);
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 180ms;
}

[data-ds-part="composer"]:focus-visible {
  border-color: rgba(255, 218, 176, 0.58);
  box-shadow: 0 8px 30px rgba(242, 184, 121, 0.20);
}

[data-ds-part="composer-toolbar"] {
  background-color: rgba(51, 46, 51, 0.42);
  border-color: rgba(145, 184, 200, 0.16);
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
}

[data-ds-part="dialog"] {
  background-color: rgba(37, 35, 41, 0.90);
  border-color: rgba(255, 218, 176, 0.26);
  border-width: 1px;
  border-style: solid;
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(18, 15, 19, 0.42);
  backdrop-filter: blur(22px) saturate(1.14);
}