:root {
  --bg: #06070a;
  --panel: #10121b;
  --panel-dark: #090a10;
  --line: #27324c;
  --line-strong: #4f8bff;
  --text: #f7f8ff;
  --muted: #a4acc0;
  --quiet: #656d82;
  --accent: #4f8bff;
  --accent-2: #59e6ba;
  --danger: #ff5f75;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--bg);
  scroll-behavior: smooth;
  scrollbar-width: none;
  min-height: 100%;
  overflow-x: hidden;
}
html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.dashboard-shell::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.dashboard-main::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
body {
  min-height: 100vh;
  color: var(--text);
  font-family: var(--font-manrope), sans-serif;
  background: var(--bg);
  margin: 0;
  overflow-x: hidden;
}
button,
a {
  font: inherit;
}
button {
  border: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
.home-shell {
  background: var(--bg);
  min-height: 100vh;
}
.topbar {
  z-index: 20;
  background: #05060a;
  border-bottom: 1px solid #ffffff0a;
  justify-content: space-between;
  align-items: center;
  min-height: 90px;
  padding: 14px max(24px, 50vw - 540px);
  animation: 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) both topbarDrop;
  display: flex;
  position: sticky;
  top: 0;
}
.brand-link {
  width: 230px;
  display: block;
}
.brand-link img {
  width: 100%;
  height: auto;
  display: block;
}
.nav-links {
  color: #d9e3ff;
  align-items: center;
  gap: 28px;
  font-weight: 800;
  display: flex;
}
.nav-links a {
  color: var(--muted);
  padding: 8px 0;
  transition: color 0.18s;
  position: relative;
}
.nav-links a:not(.nav-login):after {
  content: "";
  transform-origin: 0;
  background: var(--line-strong);
  height: 2px;
  transition: transform 0.18s;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}
.nav-links a:hover {
  color: var(--text);
}
.nav-links a:not(.nav-login):hover:after,
.nav-links a:not(.nav-login).active:after {
  transform: scaleX(1);
}
.nav-links a.active {
  color: var(--text);
}
.nav-login {
  border: 1px solid var(--line);
  background: 0 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-width: 112px;
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  color: #fff !important;
}
.nav-login svg,
.primary-action svg,
.secondary-action svg {
  width: 20px;
  height: 20px;
}
.hero-panel {
  place-items: center;
  min-height: calc(100vh - 90px);
  padding: 72px 20px 96px;
  display: grid;
}
.hero-copy-block {
  text-align: center;
  width: min(860px, 100%);
  min-width: 0;
}
.hero-mobile-logo {
  width: min(230px, 72vw);
  height: auto;
  margin: 0 auto 34px;
  display: none;
}
.eyebrow {
  color: #9fbcff;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
}
.intro-eyebrow {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(18px);
}
.intro-eyebrow.show {
  animation: 0.62s cubic-bezier(0.2, 0.8, 0.2, 1) both riseReveal;
}
.eyebrow span {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
h1,
h2,
p {
  margin-top: 0;
}
.hero-copy-block h1 {
  font-family: var(--font-display), sans-serif;
  justify-items: center;
  margin-bottom: 28px;
  font-size: 5.7rem;
  line-height: 0.96;
  display: grid;
}
.intro-headline {
  opacity: 0;
  filter: blur(18px);
  transform: translateY(22px) scale(0.985);
}
.intro-headline.show {
  animation: 0.78s cubic-bezier(0.2, 0.8, 0.2, 1) both headlineBlurReveal;
}
.headline-line {
  max-width: 100%;
  display: block;
}
.accent-word {
  min-width: 10ch;
  color: var(--accent);
  text-align: center;
  transition: filter 0.16s, opacity 0.16s;
  display: inline-block;
}
.accent-word.is-erasing {
  opacity: 0.72;
  filter: blur(0.8px);
}
.accent-word:after {
  content: "";
  vertical-align: -0.06em;
  background: var(--accent);
  width: 3px;
  height: 0.85em;
  margin-left: 8px;
  animation: 0.9s steps(2, start) infinite blink;
  display: inline-block;
}
.hero-text {
  color: #eef1ff;
  width: min(680px, 100%);
  margin: 0 auto 32px;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.75;
}
.typed-text {
  opacity: 0;
  min-height: 4.1em;
  transition: color 0.18s, opacity 0.22s;
  transform: translateY(18px);
}
.typed-text.show {
  animation: 0.48s cubic-bezier(0.2, 0.8, 0.2, 1) both copyReveal;
}
.typed-text.show.is-complete {
  opacity: 1;
  animation: none;
  transform: translateY(0);
}
.typed-tail {
  filter: blur(2.2px);
  opacity: 0.82;
  display: inline-block;
}
.typed-text.is-typing:after {
  content: "";
  vertical-align: -0.12em;
  background: #eef1ff;
  width: 2px;
  height: 1.05em;
  margin-left: 5px;
  animation: 0.9s steps(2, start) infinite blink;
  display: inline-block;
}
.hero-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  display: flex;
}
.primary-action,
.secondary-action {
  cursor: pointer;
  opacity: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 206px;
  min-height: 48px;
  padding: 0 24px;
  font-weight: 800;
  transition: transform 0.18s, border-color 0.18s, background 0.18s;
  display: inline-flex;
  translate: 0 -18px;
}
.primary-action {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 18px 34px #4f8bff2e;
}
.secondary-action {
  border: 1px solid var(--line);
  color: var(--text);
  background: 0 0;
}
.primary-action:hover,
.secondary-action:hover,
.nav-login:hover {
  transform: translateY(-2px);
}
.discord-icon {
  fill: currentColor;
  width: 22px;
  height: 18px;
}
.intro-actions .primary-action,
.intro-actions .secondary-action {
  opacity: 0;
  translate: 0 -18px;
}
.intro-actions.show .primary-action {
  animation: 0.62s cubic-bezier(0.2, 0.8, 0.2, 1) both buttonDrop;
}
.intro-actions.show .secondary-action {
  animation: 0.62s cubic-bezier(0.2, 0.8, 0.2, 1) 0.14s both buttonDrop;
}
.feedback-wall-section {
  opacity: 0;
  min-height: 820px;
  padding: 64px 0 0;
  transition: opacity 0.68s, transform 0.68s;
  position: relative;
  overflow: hidden;
  transform: translateY(30px);
}
.feedback-wall-section.unlocked {
  opacity: 1;
  transform: translateY(0);
}
.feedback-wall-section:before,
.feedback-wall-section:after {
  content: "";
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.feedback-wall-section:before {
  background: linear-gradient(
      180deg,
      var(--bg) 0%,
      #06070a57 18%,
      transparent 38%,
      #06070ac7 92%,
      var(--bg) 100%
    ),
    radial-gradient(circle at 50% 8%, #4f8bff1a, transparent 38%);
}
.feedback-wall-section:after {
  background: linear-gradient(
    90deg,
    var(--bg) 0%,
    transparent 18%,
    transparent 82%,
    var(--bg) 100%
  );
}
.feedback-wall-heading {
  z-index: 5;
  opacity: 0;
  text-align: center;
  filter: blur(8px);
  justify-items: center;
  gap: 10px;
  margin-bottom: 0;
  transition: opacity 0.62s, filter 0.62s, transform 0.62s;
  display: grid;
  position: relative;
  transform: translateY(24px);
}
.feedback-wall-section.in-view .feedback-wall-heading {
  opacity: 1;
  filter: blur();
  transform: translateY(0);
}
.feedback-wall-heading p {
  color: #7c8495;
  margin: 0;
  font-size: 0.86rem;
  font-weight: 800;
}
.feedback-wall-heading h2 {
  color: #f8f9ff;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  font-weight: 900;
}
.feedback-perspective {
  z-index: 2;
  perspective: 2100px;
  perspective-origin: 50% 0;
  width: min(1480px, 100vw - 80px);
  height: 700px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
.feedback-depth-grid {
  transform-origin: top;
  width: max-content;
  transform-style: preserve-3d;
  grid-template-columns: repeat(4, 310px);
  gap: 24px;
  display: grid;
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translate(-50%) rotateX(34deg) rotate(-3deg);
}
.feedback-column {
  min-width: 0;
  height: 980px;
  transform: translateY(var(--feedback-column-offset, 0));
  will-change: transform;
  position: relative;
}
.feedback-column-track {
  height: var(--feedback-track-height, 980px);
  min-height: 100%;
  position: relative;
}
.feedback-column-loop {
  height: 100%;
  position: relative;
}
.feedback-column.column-1,
.feedback-column.column-4 {
  --feedback-column-offset: 34px;
}
.feedback-column.column-1 .feedback-column-track,
.feedback-column.column-4 .feedback-column-track {
  animation: none;
}
.feedback-column.column-2,
.feedback-column.column-3 {
  --feedback-column-offset: -18px;
}
.feedback-column.column-2 .feedback-column-track,
.feedback-column.column-3 .feedback-column-track {
  animation: none;
}
.feedback-column.column-1 {
  --feedback-column-offset: 34px;
}
.feedback-column.column-2 {
  --feedback-column-offset: -18px;
}
.feedback-column.column-3 {
  --feedback-column-offset: 18px;
}
.feedback-column.column-4 {
  --feedback-column-offset: -34px;
}
.feedback-card {
  color: #f6f7fb;
  background: linear-gradient(#ffffff0e, #ffffff06), #111215;
  border: 1px solid #ffffff13;
  border-radius: 12px;
  min-height: 0;
  padding: 15px 17px 14px;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
  box-shadow: 0 22px 42px #00000057, inset 0 1px #ffffff0a;
}
.feedback-card:hover {
  z-index: 8;
  border-color: #ffffff2e;
  box-shadow: 0 28px 62px #00000080, 0 0 32px #4f8bff1a;
}
.feedback-stars {
  color: #ffc10747;
  gap: 4px;
  margin-bottom: 10px;
  font-size: 0;
  line-height: 1;
  display: flex;
}
.feedback-stars span {
  place-items: center;
  width: 0.92rem;
  height: 0.92rem;
  font-size: 0;
  line-height: 1;
  display: grid;
}
.feedback-stars svg {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.feedback-stars .filled {
  color: #ffc107;
  text-shadow: 0 0 14px #ffc10729;
}
.feedback-card p {
  color: #c8ccd7;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.45;
}
.feedback-card footer {
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
  margin-top: 11px;
  display: grid;
}
.feedback-card footer > img,
.feedback-card footer > span:not(.feedback-user-line) {
  object-fit: cover;
  background: radial-gradient(circle at 35% 30%, #ffffff29, #0000 34%), #20232b;
  border-radius: 50%;
  grid-row: span 2;
  width: 30px;
  height: 30px;
}
.feedback-card footer strong,
.feedback-card footer small,
.feedback-user-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.feedback-card footer strong {
  color: #f8f9ff;
  font-size: 0.82rem;
  font-weight: 900;
}
.feedback-card footer small {
  color: #808899;
  font-size: 0.7rem;
  font-weight: 750;
}
.feedback-user-line {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
.feedback-user-badges {
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  max-width: 128px;
  display: flex;
}
.feedback-user-badges img {
  object-fit: contain;
  filter: drop-shadow(0 0 8px #ffffff14);
  flex: none;
  width: 15px;
  height: 15px;
}
.info-page-shell {
  min-height: 100vh;
}
.devs-page,
.docs-page,
.download-page {
  width: min(1100px, 100% - 40px);
  margin: 0 auto;
  padding: 72px 0 96px;
}
.devs-page {
  place-items: center;
  min-height: calc(100vh - 90px);
  display: grid;
}
.dev-profile-card {
  width: min(520px, 100%);
  min-height: 520px;
  transform: perspective(900px) rotateX(var(--tilt-x, 0deg))
    rotateY(var(--tilt-y, 0deg));
  transform-style: preserve-3d;
  background: #070708;
  border-radius: 8px;
  transition: box-shadow 0.18s, transform 0.18s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px #0000006b;
}
.dev-profile-card:before,
.dev-profile-card:after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.dev-profile-card:before {
  z-index: 2;
  background: radial-gradient(
    circle at var(--spot-x, 50%) var(--spot-y, 50%),
    #ffffff2e,
    transparent 34%
  );
  opacity: 0;
  transition: opacity 0.18s;
}
.dev-profile-card:after {
  z-index: 5;
  opacity: 0;
  background: linear-gradient(100deg, #0000, #ffffff47, #0000);
  width: 46%;
  transform: translate(-150%) skew(-18deg);
}
.dev-profile-card:hover {
  box-shadow: 0 34px 78px #00000085, 0 0 42px #4f8bff1a;
}
.dev-profile-card:hover:before {
  opacity: 1;
}
.dev-profile-card:hover:after {
  animation: 0.96s both devCardShine;
}
.dev-profile-card > * {
  z-index: 4;
  position: relative;
}
.dev-banner {
  background: linear-gradient(90deg, #ffffff0a, #0000 52%), #030304;
  height: 112px;
}
.dev-profile-main {
  padding: 0 24px 26px;
  position: relative;
}
.dev-avatar-wrap {
  width: 118px;
  height: 118px;
  margin-top: -58px;
  position: relative;
}
.dev-avatar-wrap > img {
  object-fit: cover;
  border: 6px solid #070708;
  border-radius: 50%;
  width: 116px;
  height: 116px;
  display: block;
}
.dev-offline-dot {
  background: #555b68;
  border: 2px solid #070708;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 36px;
  right: -10px;
}
.dev-status-badge {
  color: #070708;
  background: #ff4d64;
  border: 5px solid #070708;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  bottom: 18px;
  right: 0;
}
.dev-status-badge svg {
  stroke-width: 3px;
  width: 18px;
  height: 18px;
}
.dev-off-tooltip {
  color: #f2f3f5;
  background: #444852;
  border-radius: 18px;
  padding: 12px 14px;
  font-size: 0.86rem;
  font-weight: 800;
  position: absolute;
  top: 48px;
  right: -68px;
  box-shadow: inset 0 0 0 1px #ffffff26, 0 12px 22px #00000047;
}
.dev-profile-main h1 {
  color: #f2f3f5;
  letter-spacing: 0;
  margin: 22px 0 8px;
  font-size: 1.7rem;
  font-weight: 850;
}
.dev-username-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 12px;
  display: flex;
}
.dev-profile-main p {
  color: #f2f3f5;
  margin: 0;
  font-size: 0.92rem;
  font-weight: 750;
}
.dev-profile-main p em {
  color: #b8bdc9;
  font-style: italic;
}
.dev-badges,
.dev-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.dev-badges img {
  object-fit: contain;
  width: 18px;
  height: 18px;
}
.dev-connections {
  gap: 10px;
  margin-top: 24px;
  display: grid;
}
.dev-connections > span {
  color: #b8bdc9;
  font-size: 0.74rem;
  font-weight: 850;
}
.dev-connections a {
  color: #f2f3f5;
  background: 0 0;
  border-radius: 0;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 34px;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}
.dev-connections a:hover {
  color: #f2f3f5;
  background: 0 0;
}
.dev-tiktok-icon,
.dev-connections a svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.dev-tags {
  margin-top: 22px;
}
.dev-tags span {
  color: #dce3f7;
  background: #ffffff0e;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 11px;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
}
.dev-tags svg {
  color: #4f8bff;
  width: 14px;
  height: 14px;
}
.docs-head {
  max-width: 680px;
  margin-bottom: 28px;
}
.docs-head p,
.download-page > p {
  color: #9fbcff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 0.78rem;
  font-weight: 850;
}
.docs-head h1,
.download-page h1 {
  color: #f7f8ff;
  font-family: var(--font-display), sans-serif;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(2.4rem, 7vw, 5.2rem);
  line-height: 0.98;
}
.docs-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.docs-card {
  background: #ffffff06;
  border-radius: 8px;
  min-height: 220px;
  padding: 18px;
}
.docs-card > span,
.download-icon {
  color: #f2f3f5;
  background: #4f8bff2e;
  border-radius: 8px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}
.docs-card svg,
.download-icon svg {
  width: 19px;
  height: 19px;
}
.docs-card h2 {
  color: #f2f3f5;
  margin: 18px 0 10px;
  font-size: 0.96rem;
  font-weight: 850;
}
.docs-card p {
  color: #8f96a6;
  margin: 0;
  font-size: 0.84rem;
  font-weight: 590;
  line-height: 1.55;
}
.download-page {
  text-align: center;
  align-content: center;
  place-items: center;
  min-height: calc(100vh - 90px);
  display: grid;
}
.download-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 18px;
}
.download-icon svg {
  width: 28px;
  height: 28px;
}
.download-page button {
  color: #ffffff94;
  cursor: not-allowed;
  background: #ffffff12;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 230px;
  min-height: 48px;
  margin-top: 28px;
  font-weight: 850;
  display: inline-flex;
}
.download-page button svg {
  width: 18px;
  height: 18px;
}
.login-shell {
  background: #09090b;
  place-items: center;
  min-height: 100vh;
  padding: 32px 24px;
  display: grid;
}
.login-card {
  justify-items: center;
  width: 100%;
  min-width: 0;
  max-width: 520px;
  transition: filter 0.18s, opacity 0.18s, transform 0.18s;
  display: grid;
}
.login-shell.has-modal .login-card {
  filter: blur(8px);
  opacity: 0.68;
  pointer-events: none;
  transform: scale(0.985);
}
.login-logo {
  filter: drop-shadow(0 0 22px #ffffff24);
  width: min(204px, 62vw);
  height: auto;
  margin-bottom: 16px;
}
.connected-panel {
  background: #0d0d10;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 24px;
  box-shadow: 0 20px 48px #00000042, inset 0 1px #ffffff06;
}
.connected-head {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}
.connected-head span {
  color: #8f94a3;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  display: block;
}
.connected-head strong {
  color: #f4f4f5;
  font-size: 1.08rem;
  font-weight: 600;
  display: block;
}
.empty-accounts {
  color: #ededf1;
  text-align: center;
  background: #121217;
  border: 1px solid #ffffff13;
  border-radius: 14px;
  align-content: center;
  justify-items: center;
  min-height: 220px;
  padding: 40px 24px;
  display: grid;
}
.empty-accounts h2 {
  margin-bottom: 8px;
  font-size: 1.02rem;
  font-weight: 600;
}
.empty-accounts p {
  color: #8c90a0;
  width: min(30ch, 100%);
  margin-bottom: 0;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.55;
}
.login-account-list {
  align-content: start;
  gap: 8px;
  min-height: 220px;
  display: grid;
}
.login-account {
  color: #ededf1;
  text-align: left;
  background: #121217;
  border: 1px solid #ffffff13;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 72px;
  padding: 12px;
  transition: transform 0.18s, border-color 0.18s, background 0.18s;
  display: grid;
}
.login-account:hover {
  background: #16161c;
  border-color: #ffffff24;
  transform: translateY(-1px);
}
.login-account-open {
  min-width: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}
.login-account img {
  object-fit: cover;
  background: #18181c;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: block;
}
.login-account-main {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.login-account-main strong,
.login-account-main small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.login-account-main strong {
  color: #f4f4f5;
  font-size: 0.95rem;
  font-weight: 600;
}
.login-account-main small {
  color: #8c90a0;
  font-size: 0.78rem;
  font-weight: 500;
}
.login-account svg {
  color: #8f94a3;
  width: 18px;
  height: 18px;
}
.login-account-logout {
  color: #8f94a3;
  cursor: pointer;
  background: 0 0;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 46px;
  display: grid;
}
.login-account-logout:hover {
  color: #ff6f7f;
  background: #ff5f751f;
}
.add-account-button {
  color: #09090b;
  cursor: pointer;
  background: #fafafa;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 48px;
  margin-top: 16px;
  font-weight: 600;
  transition: transform 0.18s, background 0.18s, box-shadow 0.18s;
  display: inline-flex;
}
.add-account-button:hover {
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px #00000038;
}
.add-account-button:focus-visible,
.modal-cancel:focus-visible,
.modal-confirm:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ffffff52;
}
.add-account-button svg {
  width: 18px;
  height: 18px;
}
.token-help-button {
  color: #f4f4f5;
  text-align: center;
  background: #ffffff0b;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin-top: 10px;
  padding: 0 14px;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.18s, border-color 0.18s, background 0.18s;
  display: inline-flex;
}
.token-help-button:hover {
  background: #ffffff12;
  border-color: #ffffff26;
  transform: translateY(-1px);
}
.youtube-logo-icon {
  flex: none;
  width: 25px;
  height: 18px;
}
.app-toast {
  width: min(390px, 100% - 32px);
  min-height: 46px;
  color: var(--text);
  opacity: 0;
  pointer-events: none;
  background: #111115;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: 12px 16px;
  transition: opacity 0.18s, transform 0.18s;
  position: fixed;
  bottom: 22px;
  left: 50%;
  transform: translate(-50%, 12px);
}
.app-toast.visible {
  opacity: 1;
  transform: translate(-50%);
}
.modal-backdrop {
  z-index: 160;
  -webkit-backdrop-filter: blur(18px) saturate(0.82);
  scrollbar-width: none;
  background: #00000094;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: auto;
}
.modal-backdrop::-webkit-scrollbar {
  display: none;
}
.dashboard-shell[data-theme] .modal-backdrop {
  background: #0000008a;
}
.token-modal {
  width: min(440px, 100%);
  color: var(--text);
  background: #0d0d10;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 22px 52px #00000057;
}
.token-modal h2 {
  margin-bottom: 20px;
  font-size: 1.18rem;
  font-weight: 600;
}
.token-modal > form {
  gap: 20px;
  display: grid;
}
.token-field {
  gap: 8px;
  display: grid;
}
.token-field span {
  color: #a2a7b5;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 500;
}
.token-field input,
.token-field select,
.token-field textarea {
  width: 100%;
  min-height: 48px;
  color: var(--text);
  resize: vertical;
  background: #09090b;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  outline: none;
  padding: 0 14px;
  font-weight: 400;
  transition: border-color 0.17s, box-shadow 0.17s, background 0.17s;
}
.token-field textarea {
  min-height: 132px;
  padding: 13px 14px;
  line-height: 1.45;
}
.token-field select {
  appearance: none;
  background-image: linear-gradient(45deg, #0000 50%, #8b92a2 50%),
    linear-gradient(135deg, #8b92a2 50%, #0000 50%);
  background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
}
.token-field input:focus,
.token-field select:focus,
.token-field textarea:focus {
  box-shadow: none;
  background-color: #09090b;
  border-color: #ffffff1a;
}
.token-security-note {
  color: #ffd43b;
  font-size: 0.76rem;
  font-weight: 700;
}
.token-tutorial-link {
  color: #4f8bff;
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}
.token-tutorial-link:hover {
  color: #75a7ff;
  text-decoration: underline;
}
.feedback-modal {
  border: 1px solid var(--dash-border, #ffffff17);
  width: min(520px, 100%);
  color: var(--dash-text, var(--text));
  background: linear-gradient(135deg, #ffffff09, transparent 46%),
    var(--dash-card, #0d0d10);
  border-radius: 16px;
  gap: 18px;
  padding: 26px;
  display: grid;
  box-shadow: 0 22px 52px #00000057;
}
.feedback-modal-head {
  gap: 8px;
  display: grid;
}
.feedback-modal-head h2 {
  margin: 0 0 6px;
  font-size: 1.2rem;
  font-weight: 800;
}
.feedback-modal-head p {
  color: var(--dash-muted, #8b92a2);
  margin: 0;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
}
.feedback-star-picker {
  justify-self: center;
  align-items: center;
  gap: 16px;
  width: max-content;
  padding: 8px 0 6px;
  display: flex;
}
.feedback-star-picker button {
  color: #ffffff57;
  background: 0 0;
  border: 0;
  border-radius: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  transition: transform 0.16s, color 0.16s;
  display: inline-grid;
}
.feedback-star-picker button:before {
  content: "★";
  transform-origin: 50% 58%;
  font-size: 2.08rem;
  transition: filter 0.16s, transform 0.16s;
}
.feedback-star-picker button:hover,
.feedback-star-picker button.active,
:is(.feedback-star-picker:has(button:first-child:hover)
    button:nth-child(-n
      + 1), .feedback-star-picker:has(button:nth-child(2):hover)
    button:nth-child(-n
      + 2), .feedback-star-picker:has(button:nth-child(3):hover)
    button:nth-child(-n
      + 3), .feedback-star-picker:has(button:nth-child(4):hover)
    button:nth-child(-n
      + 4), .feedback-star-picker:has(button:nth-child(5):hover)
    button:nth-child(-n + 5)) {
  color: #ffc33d;
  transform: translateY(-1px);
}
.feedback-star-picker button:hover:before {
  filter: drop-shadow(0 0 12px #ffc33d57);
  animation: 0.43s cubic-bezier(0.2, 0.9, 0.2, 1) feedbackStarPop;
}
.feedback-star-picker:has(button:first-child:hover)
  button:nth-child(-n + 1):before {
  filter: drop-shadow(0 0 12px #ffc33d4d);
}
.feedback-star-picker:has(button:nth-child(2):hover)
  button:nth-child(-n + 2):before {
  filter: drop-shadow(0 0 12px #ffc33d4d);
}
.feedback-star-picker:has(button:nth-child(3):hover)
  button:nth-child(-n + 3):before {
  filter: drop-shadow(0 0 12px #ffc33d4d);
}
.feedback-star-picker:has(button:nth-child(4):hover)
  button:nth-child(-n + 4):before {
  filter: drop-shadow(0 0 12px #ffc33d4d);
}
.feedback-star-picker:has(button:nth-child(5):hover)
  button:nth-child(-n + 5):before {
  filter: drop-shadow(0 0 12px #ffc33d4d);
}
.feedback-star-picker button.active:before {
  filter: drop-shadow(0 0 10px #ffc33d2e);
}
.feedback-message-field {
  gap: 8px;
  display: grid;
}
.feedback-message-field span {
  color: var(--dash-muted, #a2a7b5);
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
}
.feedback-message-field textarea {
  resize: vertical;
  border: 1px solid var(--dash-border, #ffffff1a);
  width: 100%;
  min-height: 116px;
  color: var(--dash-text, var(--text));
  background: var(--dash-card-strong, #09090b);
  font: inherit;
  border-radius: 12px;
  outline: none;
  padding: 13px 14px;
  font-size: 0.9rem;
  line-height: 1.45;
  transition: border-color 0.17s, box-shadow 0.17s, background 0.17s;
}
.feedback-message-field textarea:focus {
  border-color: #4f8bff80;
  box-shadow: 0 0 0 3px #4f8bff1f;
}
.feedback-anonymous-toggle {
  width: max-content;
  max-width: 100%;
  color: var(--dash-muted, #aeb4c1);
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: 11px;
  padding: 0;
  font-size: 0.86rem;
  font-weight: 700;
  transition: border-color 0.17s, background 0.17s, color 0.17s;
  display: inline-flex;
}
.feedback-anonymous-toggle input {
  appearance: none;
  cursor: pointer;
  background: #ffffff0e;
  border: 1px solid #ffffff38;
  border-radius: 6px;
  place-items: center;
  width: 18px;
  height: 18px;
  margin: 0;
  transition: border-color 0.17s, background 0.17s, box-shadow 0.17s;
  display: inline-grid;
  position: relative;
}
.feedback-anonymous-toggle input:after {
  content: "";
  opacity: 0;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 9px;
  height: 5px;
  transition: opacity 0.14s, transform 0.14s;
  transform: translateY(-1px) rotate(-45deg) scale(0.74);
}
.feedback-anonymous-toggle input:checked {
  background: #4f8bff;
  border-color: #4f8bff;
  box-shadow: 0 0 0 4px #4f8bff24;
}
.feedback-anonymous-toggle input:checked:after {
  opacity: 1;
  transform: translateY(-1px) rotate(-45deg) scale(1);
}
.feedback-anonymous-toggle:hover {
  color: var(--dash-text, #f5f5f7);
  background: 0 0;
}
.feedback-modal-error {
  color: #ff8c98;
  margin: -2px 0 0;
  font-size: 0.82rem;
  font-weight: 700;
  display: none;
}
.feedback-modal-error.visible {
  display: block;
}
.feedback-modal-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  display: grid;
}
.token-error {
  color: #ff8c98;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 500;
  display: none;
}
.token-error.visible {
  margin: -6px 0 0;
  display: block;
}
.kosame-proxy-modal {
  width: min(540px, 100%);
}
.kosame-proxy-modal-head {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  display: flex;
}
.kosame-proxy-modal-account {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}
.kosame-proxy-modal-account > div {
  min-width: 0;
}
.kosame-proxy-modal-account h2 {
  margin: 0;
}
.kosame-proxy-modal-account small {
  color: #8b92a2;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 650;
  display: block;
  overflow: hidden;
}
.kosame-proxy-field-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  display: grid;
}
.kosame-proxy-field-grid .token-field {
  min-width: 0;
}
.kosame-proxy-feedback {
  opacity: 1;
}
.kosame-proxy-feedback.success {
  color: #74d680;
}
.kosame-proxy-actions {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}
.kosame-proxy-actions .modal-cancel,
.kosame-proxy-actions .modal-confirm {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
  display: inline-flex;
}
.kosame-proxy-actions svg {
  width: 15px;
  height: 15px;
}
.modal-cancel.danger {
  color: #ff8c98;
  background: #ff8c9814;
  border-color: #ff8c984d;
}
.modal-confirm.secondary {
  color: var(--text);
  background: #18191d;
  border: 1px solid #ffffff1a;
}
@media (max-width: 560px) {
  .kosame-proxy-field-grid,
  .kosame-proxy-actions {
    grid-template-columns: 1fr;
  }
}
.modal-actions {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.modal-actions.kosame-proxy-actions {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}
@media (max-width: 560px) {
  .modal-actions.kosame-proxy-actions {
    grid-template-columns: 1fr;
  }
}
.modal-cancel,
.modal-confirm {
  cursor: pointer;
  border-radius: 12px;
  height: 44px;
  font-weight: 600;
  transition: transform 0.17s, border-color 0.17s, background 0.17s;
}
.modal-cancel {
  color: var(--text);
  background: 0 0;
  border: 1px solid #ffffff1a;
}
.modal-confirm {
  color: #fff;
  background: var(--accent);
}
.modal-cancel:hover,
.modal-confirm:hover {
  transform: translateY(-1px);
}
.modal-cancel:hover {
  background: #ffffff09;
  border-color: #ffffff2e;
}
.modal-confirm:hover {
  background: #5d96ff;
}
.dashboard-shell {
  --dash-bg: #050506;
  --dash-card: #080809;
  --dash-card-strong: #ffffff0b;
  --dash-modal-solid: #0d0d10;
  --dash-sidebar: #080809;
  --dash-border: #ffffff0e;
  --dash-border-strong: #ffffff18;
  --dash-text: #f5f5f7;
  --dash-muted: #747987;
  --dash-accent: #2f8cff;
  --dash-accent-2: #59e6ba;
  --dash-accent-soft: #2f8cff2e;
  --dash-accent-strong: #2f8cff57;
  --dash-danger: #ff5f75;
  --dash-bg-art: none;
  --dash-bg-art-opacity: 0;
  height: 100dvh;
  min-height: 100vh;
  color: var(--dash-text);
  background: var(--dash-bg);
  isolation: isolate;
  grid-template-columns: 244px minmax(0, 1fr);
  gap: 14px;
  padding: 4px 8px 8px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.dashboard-shell:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: var(--dash-bg-art);
  opacity: var(--dash-bg-art-opacity);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  inset: 0;
}
.dashboard-shell > :not(.modal-backdrop) {
  z-index: 1;
  position: relative;
}
.dashboard-shell > .modal-backdrop {
  z-index: 160;
  position: fixed;
}
.dashboard-shell[data-theme="hello-kitty"] {
  --dash-bg: #15070c;
  --dash-card: #31101d94;
  --dash-card-strong: #ff75aa2e;
  --dash-modal-solid: #200812;
  --dash-sidebar: #0e0409eb;
  --dash-border: #ff75aa2e;
  --dash-border-strong: #ff75aa5c;
  --dash-text: #fff5fa;
  --dash-muted: #d795b6;
  --dash-accent: #ff75aa;
  --dash-accent-2: #ffd7e9;
  --dash-accent-soft: #ff75aa33;
  --dash-accent-strong: #ff75aa66;
  --dash-bg-art: linear-gradient(90deg, #15070ce6, #2d0d1ba8),
    url(/assets/themes/hello-kitty.png);
  --dash-bg-art-opacity: 1;
}
.dashboard-shell[data-theme="hello-kitty"]:after {
  content: none;
}
.dashboard-shell[data-theme="hello-kitty"]:before {
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, cover;
}
.dashboard-shell[data-theme="bob-esponja"] {
  --dash-bg: #fff0a8;
  --dash-card: #fff7c3f0;
  --dash-card-strong: #ffcc0052;
  --dash-modal-solid: #fff2ae;
  --dash-sidebar: #ffec8ef5;
  --dash-border: #4e441842;
  --dash-border-strong: #4e441875;
  --dash-text: #29240f;
  --dash-muted: #675d31;
  --dash-accent: #fc0;
  --dash-accent-2: #18a9d8;
  --dash-accent-soft: #ffcc0042;
  --dash-accent-strong: #18a9d847;
  --dash-bg-art: linear-gradient(90deg, #fff2abdb, #fff2ab7a),
    url(/assets/themes/bob-esponja.png);
  --dash-bg-art-opacity: 1;
}
.dashboard-shell[data-theme="bob-esponja"]:before {
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, cover;
}
.dashboard-shell[data-theme="bob-esponja"]:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: 0.42;
  background: radial-gradient(circle, #18a9d838 0 10px, #0000 11px) 8% 96%/240px
      240px,
    radial-gradient(circle, #18a9d829 0 6px, #0000 7px) 28% 84%/180px 180px,
    radial-gradient(circle, #ffffff85 0 4px, #0000 5px) 58% 100%/140px 140px,
    radial-gradient(circle, #18a9d833 0 13px, #0000 14px) 82% 88%/260px 260px;
  height: calc(100vh + 170px);
  animation: 18s linear infinite bobBubbleRise;
  position: fixed;
  inset: auto 0 -170px;
}
.dashboard-shell[data-theme="kuromi"] {
  --dash-bg: #090311;
  --dash-card: #180a2294;
  --dash-card-strong: #bb6aeb29;
  --dash-modal-solid: #12071b;
  --dash-sidebar: #09040feb;
  --dash-border: #bb6aeb2b;
  --dash-border-strong: #bb6aeb5c;
  --dash-text: #f9eeff;
  --dash-muted: #bfa3d1;
  --dash-accent: #c374e8;
  --dash-accent-2: #ef8dff;
  --dash-accent-soft: #c374e833;
  --dash-accent-strong: #ef8dff57;
  --dash-bg-art: linear-gradient(90deg, #090311e6, #23103185),
    url(/assets/themes/kuromi.png);
  --dash-bg-art-opacity: 1;
}
.dashboard-shell[data-theme="kuromi"]:before {
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, cover;
}
.dashboard-shell[data-theme="manga"] {
  --dash-bg: #f4f1e9;
  --dash-card: #e8e2d3f5;
  --dash-card-strong: #16161624;
  --dash-modal-solid: #eee9dd;
  --dash-sidebar: #ded8c7fa;
  --dash-border: #151515;
  --dash-border-strong: #151515;
  --dash-text: #171717;
  --dash-muted: #403d36;
  --dash-accent: #171717;
  --dash-accent-2: #c52b2b;
  --dash-accent-soft: #16161614;
  --dash-accent-strong: #16161638;
  --dash-bg-art: radial-gradient(
      circle at 22px 22px,
      #0000000d 0 1px,
      transparent 1.4px
    ),
    repeating-linear-gradient(
      12deg,
      transparent 0 96px,
      #0000000b 96px 97px,
      transparent 97px 168px
    );
  --dash-bg-art-opacity: 1;
}
.dashboard-shell[data-theme="cyberpunk"] {
  --dash-bg: #02050d;
  --dash-card: #070d20b8;
  --dash-card-strong: #00f5d421;
  --dash-modal-solid: #030917;
  --dash-sidebar: #030712f0;
  --dash-border: #00f5d421;
  --dash-border-strong: #ff2a7f3d;
  --dash-text: #effcff;
  --dash-muted: #8ab8c8;
  --dash-accent: #00f5d4;
  --dash-accent-2: #ff2a7f;
  --dash-accent-soft: #00f5d429;
  --dash-accent-strong: #ff2a7f52;
  --dash-bg-art: linear-gradient(90deg, #00f5d40e 1px, transparent 1px),
    linear-gradient(0deg, #ff2a7f0b 1px, transparent 1px),
    radial-gradient(circle at 78% 18%, #ff2a7f2e, transparent 22%);
  --dash-bg-art-opacity: 1;
  background-size: 44px 44px, 44px 44px, auto;
}
.dashboard-shell.empty {
  grid-template-columns: 1fr;
  place-items: center;
}
.dashboard-shell.loading {
  background: var(--dash-bg);
  min-height: 100vh;
  display: block;
}
.dashboard-shell[data-theme] .dashboard-sidebar {
  border-color: var(--dash-border);
  background: var(--dash-sidebar);
}
.dashboard-shell[data-theme] .dashboard-profile,
.dashboard-shell[data-theme] .dash-stat,
.dashboard-shell[data-theme] .badge-progress-card,
.dashboard-shell[data-theme] .clean-config-card,
.dashboard-shell[data-theme] .clean-task-profile,
.dashboard-shell[data-theme] .clean-task-stats,
.dashboard-shell[data-theme] .clean-task-actions,
.dashboard-shell[data-theme] .soon-card,
.dashboard-shell[data-theme] .close-dms-card,
.dashboard-shell[data-theme] .profile-hero-panel,
.dashboard-shell[data-theme] .profile-info-card,
.dashboard-shell[data-theme] .profile-badges-panel,
.dashboard-shell[data-theme] .top-ranking-card,
.dashboard-shell[data-theme] .dashboard-empty-state,
.dashboard-shell[data-theme] .backup-card,
.dashboard-shell[data-theme] .settings-card,
.dashboard-shell[data-theme] .clean-backup-row,
.dashboard-shell[data-theme] .clean-media-row,
.dashboard-shell[data-theme] .ranking-filter,
.dashboard-shell[data-theme] .backup-search,
.dashboard-shell[data-theme] .backups-toolbar select,
.dashboard-shell[data-theme] .clean-delay-select,
.dashboard-shell[data-theme] .clean-delay-menu,
.dashboard-shell[data-theme] .clean-delay-menu-item,
.dashboard-shell[data-theme] .clean-config-field input {
  border-color: var(--dash-border);
  background: var(--dash-card);
}
.dashboard-shell[data-theme] .sidebar-nav-item.active,
.dashboard-shell[data-theme] .sidebar-nav-item:hover,
.dashboard-shell[data-theme] .sidebar-subnav-item.active,
.dashboard-shell[data-theme] .sidebar-subnav-item:hover,
.dashboard-shell[data-theme] .sidebar-current:hover,
.dashboard-shell[data-theme] .sidebar-current.open,
.dashboard-shell[data-theme] .account-menu button:hover,
.dashboard-shell[data-theme] .ranking-filter button.active,
.dashboard-shell[data-theme] .ranking-filter button:hover,
.dashboard-shell[data-theme] .clean-delay-menu-item.active,
.dashboard-shell[data-theme] .clean-delay-menu-item:hover {
  background: var(--dash-card-strong);
}
.dashboard-shell[data-theme] .clean-start-button,
.dashboard-shell[data-theme] .clean-switch.on,
.dashboard-shell[data-theme] .modal-confirm {
  background: var(--dash-accent);
}
.dashboard-shell[data-theme] .clean-task-stat.accent strong,
.dashboard-shell[data-theme] .settings-theme-row:hover > svg,
.dashboard-shell[data-theme] .settings-head-icon svg,
.dashboard-shell[data-theme]:not([data-theme="default"]) .dash-stat-value {
  color: var(--dash-accent);
}
.dashboard-shell[data-theme] .sidebar-nav-item svg,
.dashboard-shell[data-theme] .sidebar-nav-trigger svg,
.dashboard-shell[data-theme] .sidebar-subnav-item svg,
.dashboard-shell[data-theme] .mobile-drawer-group-trigger svg,
.dashboard-shell[data-theme] .mobile-drawer-link svg {
  color: var(--dash-muted);
}
.dashboard-shell[data-theme] .sidebar-nav-item.active svg,
.dashboard-shell[data-theme] .sidebar-subnav-item.active svg,
.dashboard-shell[data-theme] .sidebar-nav-item:hover svg,
.dashboard-shell[data-theme] .sidebar-subnav-item:hover svg,
.dashboard-shell[data-theme] .mobile-drawer-link.active svg,
.dashboard-shell[data-theme] .mobile-drawer-link:hover svg,
.dashboard-shell[data-theme]
  .mobile-drawer-group.open
  > .mobile-drawer-group-trigger
  svg,
.dashboard-shell[data-theme] .mobile-drawer-group-trigger:hover svg {
  color: var(--dash-accent);
}
.dashboard-shell.has-modal > .dashboard-sidebar,
.dashboard-shell.has-modal > .dashboard-main,
.dashboard-shell.has-modal > .dashboard-empty-state {
  opacity: 0.42;
  filter: blur(6px);
  transition: opacity 0.15s, filter 0.15s;
}
.dashboard-sidebar {
  z-index: 20;
  background: #080809;
  border: 1px solid #ffffff0e;
  border-radius: 14px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-self: start;
  gap: 12px;
  width: auto;
  min-width: 0;
  height: calc(100dvh - 8px);
  max-height: calc(100dvh - 8px);
  padding: 10px;
  display: grid;
  position: sticky;
  top: 4px;
  overflow: hidden;
}
.sidebar-nav-item,
.sidebar-nav-trigger,
.sidebar-subnav-item,
.sidebar-current,
.account-menu button {
  width: 100%;
  color: inherit;
  cursor: pointer;
  background: 0 0;
  border-radius: 10px;
  transition: background 0.17s, border-color 0.17s, transform 0.17s;
}
.sidebar-brand {
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 2px 8px 6px;
  display: flex;
}
.sidebar-logo {
  width: 112px;
  height: auto;
}
.sidebar-nav {
  scrollbar-width: thin;
  scrollbar-color: color-mix(
      in srgb,
      var(--dash-accent, #4f8bff) 42%,
      transparent
    )
    transparent;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 6px;
  min-height: 0;
  padding-right: 2px;
  display: grid;
  overflow-y: auto;
}
.sidebar-nav::-webkit-scrollbar {
  width: 4px;
}
.sidebar-nav::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dash-accent, #4f8bff) 38%, transparent);
  border-radius: 999px;
}
.sidebar-nav-item {
  color: #d7dae2;
  text-align: left;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  font-size: 0.82rem;
  font-weight: 600;
  display: inline-flex;
}
.sidebar-nav-item svg,
.sidebar-nav-trigger svg,
.sidebar-subnav-item svg {
  color: #8f96a6;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45px;
  width: 16px;
  height: 16px;
}
.sidebar-nav-item.active,
.sidebar-nav-item:hover {
  background: #ffffff0b;
}
.sidebar-nav-item.muted {
  color: #7d818b;
}
.sidebar-nav-group {
  gap: 4px;
  margin-top: 6px;
  display: grid;
}
.sidebar-nav-trigger {
  color: #7d818b;
  text-align: left;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  font-size: 0.82rem;
  font-weight: 600;
  display: inline-flex;
}
.sidebar-nav-trigger svg:last-child {
  color: #777c89;
  width: 14px;
  height: 14px;
  margin-left: auto;
}
.nav-image-icon,
.kosame-image-icon,
.brand-image-icon {
  opacity: 1;
  flex: none;
  width: 20px;
  height: 20px;
  display: block;
}
.nav-image-icon,
.kosame-image-icon {
  place-items: center;
  display: inline-grid;
}
.nav-image-icon img,
.kosame-image-icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}
.nav-image-icon svg,
.kosame-image-icon svg {
  color: currentColor;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45px;
  width: 16px;
  height: 16px;
  display: block;
}
.brand-image-icon {
  -webkit-mask: var(--brand-icon) center / contain no-repeat;
  -webkit-mask: var(--brand-icon) center / contain no-repeat;
  mask: var(--brand-icon) center / contain no-repeat;
  background: currentColor;
}
.nav-image-icon:not(.native) img {
  filter: brightness(0) invert();
  opacity: 0.76;
}
.sidebar-nav-item.active .nav-image-icon:not(.native) img,
.sidebar-subnav-item.active .nav-image-icon:not(.native) img,
.mobile-drawer-link.active .nav-image-icon:not(.native) img {
  opacity: 1;
}
.sidebar-nav-trigger > .kosame-image-icon,
.sidebar-nav-trigger > .nav-image-icon,
.sidebar-subnav-item > .kosame-image-icon,
.sidebar-nav-item > .nav-image-icon,
.sidebar-subnav-item > .nav-image-icon,
.sidebar-nav-item > .brand-image-icon {
  width: 16px;
  height: 16px;
}
.sidebar-external-link {
  text-decoration: none;
}
.sidebar-nav-trigger:hover,
.sidebar-nav-group.open .sidebar-nav-trigger {
  color: #a8adba;
}
.sidebar-subnav {
  gap: 0;
  margin: -2px 0 2px 20px;
  padding: 2px 0 4px 18px;
  display: grid;
  position: relative;
}
.sidebar-subnav:before {
  content: "";
  background: #9197a438;
  border-radius: 999px;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 4px;
  left: 0;
}
.sidebar-subnav-item {
  color: #777c89;
  text-align: left;
  align-items: center;
  gap: 0;
  min-height: 29px;
  padding: 0 6px;
  font-size: 0.79rem;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}
.sidebar-subnav-item > svg,
.sidebar-subnav-item > .nav-image-icon,
.sidebar-subnav-item > .kosame-image-icon,
.sidebar-subnav-item > .brand-image-icon {
  display: none;
}
.sidebar-subnav-item.active {
  color: #dce0e9;
  box-shadow: none;
  background: 0 0;
}
.sidebar-subnav-item:hover,
.sidebar-nav-item.muted:hover {
  color: #c5c9d3;
  background: 0 0;
}
.sidebar-spacer {
  min-height: 0;
  display: none;
}
.sidebar-current:hover,
.sidebar-current.open {
  background: #ffffff0b;
}
.sidebar-current strong,
.account-menu-account strong {
  color: #f7f7f8;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}
.sidebar-current small,
.account-menu-account small {
  color: #737887;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 0.72rem;
  font-weight: 400;
  display: block;
  overflow: hidden;
}
.sidebar-current-main,
.account-menu-account > span {
  min-width: 0;
}
.sidebar-current,
.sidebar-current-main,
.sidebar-current .account-name-row,
.account-menu-account .account-name-row {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar-current::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.sidebar-current-main::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.sidebar-current .account-name-row::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.account-menu-account .account-name-row::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.account-name-row {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}
.account-name-row strong {
  width: auto;
  min-width: 0;
}
.sidebar-current {
  text-align: left;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
  overflow: hidden;
}
.sidebar-account-menu {
  gap: 8px;
  display: grid;
  position: relative;
}
.sidebar-account-menu.open {
  z-index: 35;
}
.account-menu {
  background: #0e0e10fa;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  gap: 6px;
  max-height: min(420px, 100vh - 150px);
  padding: 8px;
  display: grid;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 16px 36px #00000042;
}
.dashboard-shell[data-theme] .account-menu,
.dashboard-shell[data-theme] .token-modal,
.dashboard-shell[data-theme] .feedback-modal,
.dashboard-shell[data-theme] .theme-modal,
.dashboard-shell[data-theme] .ranking-details-modal {
  border-color: var(--dash-border-strong);
  color: var(--dash-text);
  background: var(--dash-card);
}
.dashboard-shell[data-theme] .token-modal h2,
.dashboard-shell[data-theme] .feedback-modal h2,
.dashboard-shell[data-theme] .theme-modal-head h2,
.dashboard-shell[data-theme] .ranking-details-identity h2,
.dashboard-shell[data-theme] .settings-theme-row strong,
.dashboard-shell[data-theme] .settings-danger-row strong,
.dashboard-shell[data-theme] .theme-card-meta strong {
  color: var(--dash-text);
}
.dashboard-shell[data-theme] .token-field span,
.dashboard-shell[data-theme] .feedback-modal-head p,
.dashboard-shell[data-theme] .feedback-message-field span,
.dashboard-shell[data-theme] .feedback-anonymous-toggle,
.dashboard-shell[data-theme] .theme-modal-head p,
.dashboard-shell[data-theme] .ranking-details-identity p,
.dashboard-shell[data-theme] .ranking-details-stats span,
.dashboard-shell[data-theme] .ranking-details-badges > span,
.dashboard-shell[data-theme] .ranking-details-badges p,
.dashboard-shell[data-theme] .account-menu-account small {
  color: var(--dash-muted);
}
.dashboard-shell[data-theme] .token-field input,
.dashboard-shell[data-theme] .feedback-message-field textarea,
.dashboard-shell[data-theme] .theme-card,
.dashboard-shell[data-theme] .ranking-details-stats > div,
.dashboard-shell[data-theme] .ranking-details-badge,
.dashboard-shell[data-theme] .feedback-modal-close,
.dashboard-shell[data-theme] .ranking-details-close,
.dashboard-shell[data-theme] .theme-modal-close {
  border-color: var(--dash-border);
  background: var(--dash-card-strong);
}
.dashboard-shell[data-theme] .ranking-details-stats strong,
.dashboard-shell[data-theme] .ranking-details-badge,
.dashboard-shell[data-theme] .feedback-modal-close:hover,
.dashboard-shell[data-theme] .theme-modal-close:hover,
.dashboard-shell[data-theme] .ranking-details-close:hover {
  color: var(--dash-text);
}
.account-menu-list,
.account-menu-actions {
  gap: 4px;
  display: grid;
}
.account-menu-list {
  border-bottom: 1px solid #ffffff0e;
  max-height: 286px;
  padding-bottom: 8px;
  overflow-y: auto;
}
.account-menu button {
  color: #aeb4c1;
  text-align: left;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 0 9px;
  font-size: 0.78rem;
  font-weight: 500;
  display: inline-flex;
}
.account-menu-account {
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 66px;
  padding: 10px;
  display: grid;
}
.account-menu-account .dash-avatar.md,
.account-menu-account .dash-avatar.sm {
  width: 40px;
  height: 40px;
}
.account-menu-account.active,
.account-menu button:hover {
  background: #ffffff0b;
}
.account-menu button.danger {
  color: #c5c8d0;
}
.account-menu button svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 15px;
  height: 15px;
}
.sidebar-current > svg {
  color: #7a7f8d;
  width: 15px;
  height: 15px;
}
.dash-avatar {
  object-fit: cover;
  background: #18181c;
  border-radius: 50%;
  flex: none;
  display: block;
}
.dash-avatar.sm {
  width: 32px;
  height: 32px;
}
.dash-avatar.md {
  width: 34px;
  height: 34px;
}
.dash-avatar.lg {
  width: 48px;
  height: 48px;
}
.dash-avatar.xl {
  width: 64px;
  height: 64px;
}
.avatar-status {
  --presence-cutout: #080809;
  --presence-dot: #00d26a;
  --presence-size: 10px;
  --presence-border: 2px;
  --presence-offset: -1px;
  display: inline-flex;
  position: relative;
}
.avatar-status:before {
  content: none;
}
.avatar-status:after {
  content: "";
  right: var(--presence-offset);
  bottom: var(--presence-offset);
  width: var(--presence-size);
  height: var(--presence-size);
  border: var(--presence-border) solid var(--presence-cutout);
  background: var(--presence-dot);
  border-radius: 50%;
  position: absolute;
}
.avatar-status.online {
  --presence-dot: #00d26a;
}
.avatar-status.checking {
  --presence-dot: #697180;
}
.avatar-status.checking:after {
  animation: 1.15s ease-in-out infinite presenceStatusChecking;
}
.avatar-status.offline {
  --presence-dot: #7c8495;
}
.avatar-status.offline:after {
  background: radial-gradient(
      circle,
      var(--presence-cutout) 0 27%,
      transparent 30%
    ),
    var(--presence-dot);
}
.avatar-status.idle {
  --presence-dot: #f0b232;
}
.avatar-status.idle:after {
  box-shadow: none;
}
.avatar-status.idle:before {
  content: "";
  z-index: 1;
  background: var(--presence-cutout);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 5px;
  right: 0;
}
.avatar-status.dnd {
  --presence-dot: #f23f43;
}
.avatar-status.dnd:after {
  background: linear-gradient(var(--presence-cutout), var(--presence-cutout))
      center / 52% 18% no-repeat,
    var(--presence-dot);
}
.ranking-details-head .avatar-status {
  --presence-cutout: #0d0d10;
  --presence-size: 16px;
  --presence-border: 4px;
  --presence-offset: -2px;
}
.ranking-details-head .avatar-status.idle:before {
  width: 12px;
  height: 12px;
  bottom: 7px;
  right: 0;
}
@keyframes presenceStatusChecking {
  0%,
  to {
    opacity: 0.42;
    transform: scale(0.78);
  }
  50% {
    opacity: 0.9;
    transform: scale(1);
  }
}
.dashboard-main {
  scrollbar-width: thin;
  scrollbar-color: color-mix(
      in srgb,
      var(--dash-accent, #4f8bff) 42%,
      transparent
    )
    transparent;
  align-content: start;
  gap: 14px;
  min-width: 0;
  max-width: 100%;
  max-height: calc(100dvh - 18px);
  padding-right: 2px;
  display: grid;
  overflow: hidden auto;
}
.dashboard-main.automation-main {
  grid-template-rows: minmax(0, 1fr);
  align-content: stretch;
  height: calc(100dvh - 18px);
  min-height: 0;
  padding-right: 0;
  overflow: hidden;
}
.dashboard-shell * {
  scrollbar-width: thin;
  scrollbar-color: #8f96a66b transparent;
}
.dashboard-shell ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display: block;
}
.dashboard-shell ::-webkit-scrollbar-track {
  background: 0 0;
}
.dashboard-shell ::-webkit-scrollbar-thumb {
  background: #8f96a66b padding-box content-box;
  border: 2px solid #0000;
  border-radius: 999px;
  min-height: 48px;
}
.dashboard-shell ::-webkit-scrollbar-thumb:hover {
  background: #aeb4c19e padding-box content-box;
}
.dashboard-shell ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.dashboard-shell ::-webkit-scrollbar-corner {
  background: 0 0;
}
.dashboard-profile,
.dash-stat,
.badge-progress-card,
.clean-config-card,
.clean-task-profile,
.clean-task-stats,
.clean-task-actions,
.soon-card,
.profile-hero-panel,
.profile-info-card,
.profile-badges-panel,
.top-ranking-card,
.dashboard-empty-state {
  background: #080809;
  border: 1px solid #fff1;
  border-radius: 14px;
  box-shadow: 0 18px 42px #00000038;
}
.dashboard-profile {
  justify-content: space-between;
  align-items: center;
  min-height: 76px;
  padding: 14px 18px;
  display: flex;
}
.clean-task-view {
  gap: 24px;
  display: grid;
}
.clean-task-profile {
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 104px;
  padding: 18px 24px;
  display: grid;
}
.clean-task-avatar {
  place-items: center;
  display: inline-grid;
  position: relative;
}
.clean-task-avatar:after {
  content: none;
}
.clean-target-image,
.clean-target-fallback {
  border-radius: 50%;
  width: 58px;
  height: 58px;
}
.clean-target-image {
  object-fit: cover;
  background: #111214;
}
.clean-target-fallback {
  color: #d8dbe2;
  background: #ffffff0b;
  border: 1px solid #ffffff1a;
  place-items: center;
  display: inline-grid;
}
.clean-target-fallback svg {
  width: 25px;
  height: 25px;
}
.clean-task-profile h1 {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 520px;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.15;
  overflow: hidden;
}
.clean-task-profile p {
  color: #747987;
  margin: 6px 0 0;
  font-size: 0.82rem;
  font-weight: 500;
}
.clean-task-phase {
  color: #747987;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  justify-items: end;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  display: grid;
}
.clean-task-phase strong {
  color: #2f8cff;
  letter-spacing: 0;
  text-transform: none;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  display: inline-flex;
}
.clean-task-phase svg {
  width: 15px;
  height: 15px;
}
.clean-task-progress {
  gap: 12px;
  padding: 0 24px 8px;
  display: grid;
}
.clean-task-progress-bar {
  background: #ffffff12;
  border-radius: 999px;
  height: 5px;
  overflow: hidden;
}
.clean-task-progress-bar span {
  border-radius: inherit;
  background: #f2f3f5;
  height: 100%;
  transition: width 0.18s;
  display: block;
}
.clean-task-progress.scanning .clean-task-progress-bar span,
.clean-task-progress.resolving .clean-task-progress-bar span {
  background: linear-gradient(90deg, #f2f3f540, #f2f3f5, #f2f3f540);
  width: 34% !important;
}
.clean-task-progress.error .clean-task-progress-bar span {
  background: #ff5c6c;
}
.clean-task-progress > div:last-child {
  color: #737887;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 0.82rem;
  font-weight: 650;
  display: flex;
}
.clean-task-progress > div:last-child strong,
.clean-task-progress > div:last-child span {
  min-width: 0;
}
.clean-task-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-height: 112px;
  padding: 26px 24px;
  display: grid;
}
.clean-task-stats.compact {
  min-height: 96px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.clean-task-stat {
  align-content: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}
.clean-task-stat span {
  color: #747987;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  display: inline-flex;
}
.clean-task-stat span svg {
  width: 15px;
  height: 15px;
}
.clean-task-stat strong {
  color: #f2f3f5;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
}
.clean-task-stat.accent strong {
  color: #2f8cff;
  align-items: center;
  gap: 8px;
  font-size: 0.86rem;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}
.clean-task-stat.accent strong:before {
  content: none;
}
.clean-task-actions {
  padding: 16px;
}
.clean-task-actions button {
  color: #737887;
  cursor: pointer;
  background: #0a0a0ceb;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 36px;
  font-size: 0.86rem;
  font-weight: 650;
  display: inline-flex;
}
.clean-task-actions button:hover {
  color: #d8dbe2;
  background: #ffffff0a;
}
.clean-task-actions button svg {
  width: 16px;
  height: 16px;
}
.backups-view,
.backups-detail,
.settings-view {
  gap: 24px;
  min-width: 0;
  display: grid;
}
.backups-head,
.backup-detail-head,
.settings-head {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.backups-head-icon,
.settings-head-icon,
.backup-detail-head > button,
.backup-avatar {
  flex: none;
  place-items: center;
  display: inline-grid;
}
.backups-head-icon,
.settings-head-icon {
  color: #f0f1f5;
  background: #ffffff14;
  border-radius: 12px;
  width: 40px;
  height: 40px;
}
.backups-head-icon svg,
.settings-head-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  color: #f0f1f5;
  stroke: #f0f1f5;
}
.dashboard-shell[data-theme] .get-badges-head-icon svg,
.dashboard-shell[data-theme] .appearance-head-icon svg {
  color: #f0f1f5;
}
.get-badges-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}
.get-badge-card {
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  display: grid;
}
.get-badge-preview {
  background: #ffffff0b;
  border-radius: 14px;
  place-items: center;
  width: 64px;
  height: 64px;
  display: grid;
}
.get-badge-preview img {
  object-fit: contain;
  width: 52px;
  height: 52px;
  display: block;
}
.get-badge-card > span {
  gap: 5px;
  min-width: 0;
  display: grid;
}
.get-badge-card strong {
  color: #f4f5f7;
  font-size: 0.95rem;
  line-height: 1.2;
}
.get-badge-card small {
  color: #8d94a6;
  font-size: 0.78rem;
}
.get-badge-actions {
  flex-wrap: wrap;
  grid-column: 1/-1;
  gap: 8px;
  display: flex;
}
.get-badge-feedback {
  color: var(--dash-muted);
  margin: -2px 0 0;
  font-size: 0.84rem;
  font-weight: 750;
}
.get-badge-feedback.visible.success {
  color: var(--dash-accent-2);
}
.get-badge-feedback.visible.error {
  color: var(--dash-danger);
}
.get-badge-actions button {
  color: #8d94a6;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 0.78rem;
  font-weight: 800;
  transition: border-color 0.18s, color 0.18s, background 0.18s;
  display: inline-flex;
}
.get-badge-actions button:hover:not(:disabled) {
  color: #f2f3f5;
  background: #ffffff12;
  border-color: #ffffff29;
}
.get-badge-actions button:disabled {
  cursor: wait;
  opacity: 0.58;
}
.get-badge-actions button svg {
  width: 14px;
  height: 14px;
}
.quest-sim-card {
  gap: 18px;
}
.quest-sim-head-icon {
  color: #f0f1f5;
  background: #ffffff14;
}
.dashboard-shell[data-theme] .quest-sim-head-icon svg {
  color: #f0f1f5;
  stroke: currentColor;
}
.quest-sim-layout {
  grid-template-columns: minmax(260px, 0.92fr) minmax(0, 1.08fr);
  gap: 14px;
  min-width: 0;
  display: grid;
}
.quest-sim-panel {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  display: grid;
}
.quest-sim-panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.quest-sim-panel-head > span {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.quest-sim-panel-head strong {
  color: #f2f3f5;
  font-size: 0.9rem;
  font-weight: 850;
}
.quest-sim-panel-head small {
  color: #858b99;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
  font-weight: 650;
  overflow: hidden;
}
.quest-sim-options {
  gap: 8px;
  display: grid;
}
.quest-sim-option {
  color: #8b92a2;
  text-align: left;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px;
  transition: border-color 0.18s, color 0.18s, background 0.18s;
  display: grid;
}
.quest-sim-option:hover,
.quest-sim-option.active {
  color: #f2f3f5;
  background: #23d98014;
  border-color: #23d98052;
}
.quest-sim-option svg {
  justify-self: center;
  width: 18px;
  height: 18px;
}
.quest-sim-option span {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.quest-sim-option strong {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 850;
  overflow: hidden;
}
.quest-sim-option small {
  color: #7f8798;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 700;
  overflow: hidden;
}
.quest-sim-option em {
  color: #a0a7b6;
  white-space: nowrap;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}
.quest-sim-state {
  color: #a0a7b6;
  white-space: nowrap;
  background: #ffffff0e;
  border-radius: 999px;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  display: inline-flex;
}
.quest-sim-state.running {
  color: #ffd38a;
  background: #ffb94821;
}
.quest-sim-state.done {
  color: #23d980;
  background: #23d98021;
}
.quest-sim-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.quest-sim-stat {
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 8px;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  display: grid;
}
.quest-sim-stat small,
.quest-sim-progress span {
  color: #7c8392;
  text-transform: uppercase;
  font-size: 0.68rem;
  font-weight: 800;
}
.quest-sim-stat strong {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  font-weight: 850;
  overflow: hidden;
}
.quest-sim-progress {
  gap: 9px;
  display: grid;
}
.quest-sim-progress > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.quest-sim-progress strong {
  color: #f2f3f5;
  font-size: 0.84rem;
  font-weight: 850;
}
.quest-sim-meter {
  background: #ffffff12;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}
.quest-sim-meter span {
  border-radius: inherit;
  background: linear-gradient(90deg, #23d980, #ffd166);
  height: 100%;
  transition: width 0.28s;
  display: block;
}
.quest-sim-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}
.quest-sim-actions button {
  color: #a0a7b6;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  font-size: 0.78rem;
  font-weight: 850;
  display: inline-flex;
}
.quest-sim-actions button:hover:not(:disabled) {
  color: #f2f3f5;
  background: #ffffff12;
}
.quest-sim-actions button:disabled {
  cursor: wait;
  opacity: 0.58;
}
.quest-sim-actions button svg {
  width: 15px;
  height: 15px;
}
.quest-sim-start {
  color: #0d1511 !important;
  background: linear-gradient(#38e28e, #21c978) !important;
  border-color: #23d9806b !important;
}
.quest-sim-console {
  background: #0b0d12;
  border: 1px solid #fff1;
  border-radius: 8px;
  gap: 0;
  display: grid;
  overflow: hidden;
}
.quest-sim-console header {
  color: #8b92a2;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  font-size: 0.74rem;
  font-weight: 850;
  display: flex;
}
.quest-sim-console header svg {
  width: 14px;
  height: 14px;
}
.quest-sim-console > div {
  gap: 6px;
  min-height: 132px;
  padding: 14px;
  display: grid;
}
.quest-sim-console p {
  color: #9ba3b3;
  min-width: 0;
  font-family: var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;
  gap: 8px;
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.45;
  display: flex;
}
.quest-sim-console p span {
  color: #23d980;
  flex: none;
}
.quest-sim-console p.done {
  color: #23d980;
}
@media (max-width: 980px) {
  .get-badges-grid,
  .quest-sim-layout,
  .quest-sim-status-grid {
    grid-template-columns: 1fr;
  }
}
.backups-head h1,
.backup-detail-head h1,
.settings-head h1 {
  color: #f2f3f5;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.1;
}
.backups-head p,
.backup-detail-head p,
.settings-head p {
  color: #747987;
  margin: 5px 0 0;
  font-size: 0.82rem;
  font-weight: 550;
}
.settings-card {
  background: #ffffff06;
  border: 1px solid #ffffff0e;
  border-radius: 8px;
  gap: 20px;
  padding: 24px;
  display: grid;
}
.settings-card.danger,
.dashboard-shell[data-theme] .settings-card.danger {
  background: #ff1a3314;
  border-color: #ff5f7538;
}
.settings-head-icon.danger {
  color: #ff7070;
  background: #ff475724;
}
.settings-label {
  color: var(--dash-muted);
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 850;
}
.settings-theme-row,
.settings-language-row,
.settings-danger-row {
  background: #ffffff05;
  border: 1px solid #fff1;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  display: grid;
}
.settings-theme-row {
  text-align: left;
  cursor: pointer;
  grid-template-columns: 96px minmax(0, 1fr) 18px;
}
.settings-language-row {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  margin-top: 10px;
}
.settings-theme-row > span:not(.theme-preview),
.settings-language-row > span:not(.settings-language-icon) {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.settings-theme-row strong,
.settings-language-row strong,
.settings-danger-row strong,
.theme-card-meta strong {
  color: #f2f3f5;
  font-size: 0.9rem;
  font-weight: 850;
}
.settings-theme-row small,
.settings-language-row small,
.settings-danger-row small,
.theme-card-meta small {
  color: var(--dash-muted);
  font-size: 0.76rem;
  font-weight: 580;
}
.settings-theme-row > svg {
  width: 18px;
  height: 18px;
  color: var(--dash-muted);
  justify-self: end;
}
.settings-language-icon {
  color: #f0f1f5;
  background: #ffffff12;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}
.settings-language-icon svg {
  width: 18px;
  height: 18px;
}
.settings-language-picker {
  justify-self: end;
  min-width: 190px;
  position: relative;
}
.settings-language-select {
  color: #f1f3f7;
  width: 100%;
  min-height: 42px;
  font: inherit;
  cursor: pointer;
  background: linear-gradient(#ffffff12, #ffffff09);
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 12px 0 14px;
  font-size: 0.84rem;
  font-weight: 850;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
  display: flex;
  box-shadow: inset 0 1px #ffffff0d;
}
.settings-language-select:hover,
.settings-language-select[aria-expanded="true"] {
  background: #ffffff14;
  border-color: #fff3;
  box-shadow: inset 0 1px #ffffff12, 0 10px 26px #0000002e;
}
.settings-language-select svg {
  color: #9aa1ad;
  width: 16px;
  height: 16px;
}
.settings-language-menu {
  z-index: 30;
  background: #111216;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  gap: 4px;
  width: min(280px, 72vw);
  padding: 6px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 18px 42px #00000073;
}
.settings-language-option {
  color: #f2f3f5;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px;
  display: grid;
}
.settings-language-option:hover,
.settings-language-option.active {
  background: #ffffff13;
}
.settings-language-option span {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.settings-language-option small {
  line-height: 1.25;
}
.settings-language-option svg {
  width: 15px;
  height: 15px;
  color: var(--dash-accent-2);
}
.settings-danger-row {
  background: #ff1a330e;
  border-color: #ff5f752e;
  grid-template-columns: 34px minmax(0, 1fr) auto;
}
.settings-danger-row > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.settings-danger-row small {
  line-height: 1.35;
  display: block;
}
.settings-danger-icon {
  color: #ff7070;
  place-items: center;
  width: 34px;
  height: 34px;
  display: inline-grid;
}
.settings-danger-icon svg,
.settings-danger-button svg {
  width: 16px;
  height: 16px;
}
.settings-danger-button {
  color: #ff7070;
  cursor: pointer;
  background: #ff47571a;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 138px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 0.82rem;
  font-weight: 850;
  display: inline-flex;
}
.settings-danger-button:hover {
  background: #ff475729;
}
.settings-danger-button:disabled {
  opacity: 0.62;
  cursor: wait;
}
.ai-credentials-overview {
  gap: 18px;
}
.ai-credentials-head-icon {
  color: #f0f1f5;
  background: #ffffff14;
}
.ai-provider-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  min-width: 0;
  display: grid;
}
.ai-provider-card {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  display: grid;
}
.ai-provider-card.configured {
  background: #ffffff0a;
  border-color: #ffffff24;
}
.ai-provider-head {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: grid;
}
.ai-provider-head > span {
  color: #f0f1f5;
  background: #ffffff13;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}
.ai-provider-head svg {
  width: 18px;
  height: 18px;
}
.dashboard-shell[data-theme] .ai-credentials-head-icon svg,
.dashboard-shell[data-theme] .ai-provider-head svg {
  color: currentColor;
}
.ai-provider-head div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.ai-provider-head h2 {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 0.96rem;
  font-weight: 850;
  overflow: hidden;
}
.ai-provider-head small {
  color: var(--dash-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 750;
  overflow: hidden;
}
.ai-provider-head em {
  color: #8e96a8;
  white-space: nowrap;
  background: #ffffff0f;
  border-radius: 999px;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  display: inline-flex;
}
.ai-provider-card.configured .ai-provider-head em {
  color: #f2f3f5;
  background: #ffffff1f;
}
.ai-secret-input {
  grid-template-columns: minmax(0, 1fr) 44px;
  min-width: 0;
  display: grid;
}
.token-field .ai-secret-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ai-secret-input button {
  color: #9ba3b3;
  cursor: pointer;
  background: #09090b;
  border: 1px solid #ffffff1a;
  border-left: 0;
  border-radius: 0 12px 12px 0;
  place-items: center;
  width: 44px;
  height: 48px;
  display: grid;
}
.ai-secret-input button:hover {
  color: #f2f3f5;
  background: #ffffff0e;
}
.ai-secret-input button svg,
.ai-clear-button svg,
.ai-save-button svg {
  width: 16px;
  height: 16px;
}
.ai-clear-button,
.ai-save-button {
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  font-size: 0.82rem;
  font-weight: 850;
  display: inline-flex;
}
.ai-clear-button {
  color: #ff7070;
  background: #ff47571a;
}
.ai-clear-button:hover {
  background: #ff475729;
}
.ai-credentials-actions {
  flex-wrap: wrap;
  grid-column: 1/-1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.ai-save-button {
  color: #f2f3f5;
  background: #ffffff1f;
  min-width: 172px;
  padding: 0 16px;
}
.ai-save-button:hover:not(:disabled) {
  background: #ffffff2b;
}
.ai-save-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.ai-credentials-actions p {
  color: #f2f3f5;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
}
.ai-inline-alert,
.ai-inline-success,
.ai-empty-text {
  color: var(--dash-muted);
  margin: 0;
  font-size: 0.84rem;
  font-weight: 750;
}
.ai-inline-success {
  color: #f2f3f5;
}
.sidebar-subnav-label {
  color: #6f7582;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 10px 10px 2px;
  font-size: 0.68rem;
  font-weight: 850;
}
.ai-account-grid,
.ai-question-list,
.ai-memory-list,
.ai-gallery-grid {
  gap: 12px;
  display: grid;
}
.ai-account-card,
.ai-question-card,
.ai-memory-card {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  display: grid;
}
.ai-account-card {
  grid-template-columns: 42px minmax(0, 1fr) 38px;
}
.ai-account-card.enabled {
  background: #ffffff0a;
  border-color: #ffffff24;
}
.ai-account-card > span,
.ai-question-card > div,
.ai-memory-card > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.ai-account-card strong,
.ai-question-card strong,
.ai-memory-card strong {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 850;
  overflow: hidden;
}
.ai-account-card small,
.ai-question-card small,
.ai-memory-card small,
.ai-account-card em {
  color: var(--dash-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
}
.ai-account-card button,
.ai-memory-card button {
  color: #9ba3b3;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}
.ai-account-card button:hover,
.ai-memory-card button:hover {
  color: #f2f3f5;
  background: #ffffff13;
}
.ai-account-card button svg,
.ai-memory-card button svg {
  width: 17px;
  height: 17px;
}
.ai-account-modal {
  width: min(620px, 100%);
  max-height: min(760px, 100vh - 36px);
  color: var(--text);
  background: #09090a;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  gap: 18px;
  padding: 24px;
  display: grid;
  overflow-y: auto;
  box-shadow: 0 22px 52px #00000057;
}
.ai-toggle-row {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  display: grid;
}
.ai-toggle-row div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.ai-toggle-row strong {
  color: #f2f3f5;
  font-size: 0.88rem;
  font-weight: 850;
}
.ai-toggle-row small {
  color: var(--dash-muted);
  font-size: 0.75rem;
  font-weight: 650;
  line-height: 1.35;
}
.ai-profile-panel {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  gap: 12px;
  padding: 14px;
  display: grid;
}
.ai-profile-panel-head {
  gap: 4px;
  display: grid;
}
.ai-profile-panel-head strong {
  color: #f2f3f5;
  font-size: 0.88rem;
  font-weight: 850;
}
.ai-profile-panel-head small {
  color: var(--dash-muted);
  font-size: 0.75rem;
  font-weight: 650;
  line-height: 1.35;
}
.ai-profile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
@media (max-width: 640px) {
  .ai-profile-grid {
    grid-template-columns: 1fr;
  }
}
.dashboard-shell[data-theme] .ai-toggle-row .clean-switch.on {
  background: #ffffff3d;
}
.dashboard-shell[data-theme] .ai-account-modal .settings-head-icon,
.dashboard-shell[data-theme] .ai-account-modal .settings-head-icon svg {
  color: #f0f1f5 !important;
}
.dashboard-shell[data-theme] .ai-account-modal .settings-head-icon {
  background: #ffffff14 !important;
}
.ai-training-view {
  gap: 14px;
}
.ai-training-shell-card {
  gap: 18px;
}
.ai-training-tabs {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  display: grid;
}
.ai-training-tabs button {
  color: #aeb4c1;
  text-align: left;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 2px 10px;
  min-width: 0;
  padding: 12px;
  display: grid;
}
.ai-training-tabs button:hover,
.ai-training-tabs button.active {
  color: #f2f3f5;
  background: #ffffff0e;
  border-color: #ffffff24;
}
.ai-training-tabs button > span {
  color: currentColor;
  background: #ffffff0f;
  border-radius: 8px;
  grid-row: span 2;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
.ai-training-tabs svg {
  width: 16px;
  height: 16px;
}
.ai-training-tabs strong,
.ai-training-tabs small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ai-training-tabs strong {
  color: inherit;
  font-size: 0.82rem;
  font-weight: 850;
}
.ai-training-tabs small {
  color: var(--dash-muted);
  font-size: 0.72rem;
  font-weight: 700;
}
.ai-training-panel {
  gap: 14px;
  min-width: 0;
  display: grid;
}
.ai-question-card {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}
.ai-question-avatar {
  object-fit: cover;
  background: #ffffff14;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: block;
}
.ai-question-avatar.fallback {
  color: #b9bfca;
  place-items: center;
  display: grid;
}
.ai-question-avatar svg {
  width: 20px;
  height: 20px;
}
.ai-question-card p,
.ai-memory-card p,
.ai-modal-question {
  color: #c3c8d2;
  margin: 4px 0 0;
  font-size: 0.84rem;
  line-height: 1.45;
}
.ai-question-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}
.ai-question-actions button,
.ai-clear-all-button {
  color: #b8bdc9;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 0.78rem;
  font-weight: 850;
  display: inline-flex;
}
.ai-question-actions button:hover,
.ai-clear-all-button:hover {
  color: #f2f3f5;
  background: #ffffff13;
}
.ai-memory-card {
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: start;
}
.ai-training-form,
.ai-gallery-form {
  gap: 14px;
  display: grid;
}
.ai-gallery-fields {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr);
  gap: 12px;
  display: grid;
}
.ai-gallery-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.ai-gallery-card {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: 92px minmax(0, 1fr) 38px;
  align-items: start;
  gap: 14px;
  min-width: 0;
  padding: 12px;
  display: grid;
}
.ai-gallery-preview {
  aspect-ratio: 1;
  background: #ffffff0b;
  border-radius: 8px;
  width: 92px;
  overflow: hidden;
}
.ai-gallery-preview img,
.ai-gallery-preview video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.ai-gallery-meta {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.ai-gallery-meta strong,
.ai-gallery-meta small,
.ai-gallery-meta p {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ai-gallery-meta strong {
  color: #f2f3f5;
  white-space: nowrap;
  font-size: 0.88rem;
  font-weight: 850;
}
.ai-gallery-meta small {
  color: var(--dash-muted);
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 750;
}
.ai-gallery-meta p {
  color: #c3c8d2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 2px 0 0;
  font-size: 0.8rem;
  line-height: 1.35;
  display: -webkit-box;
}
.ai-gallery-card > button {
  color: #9ba3b3;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}
.ai-gallery-card > button:hover {
  color: #f2f3f5;
  background: #ffffff13;
}
.ai-gallery-card > button svg {
  width: 17px;
  height: 17px;
}
.automation-messages-view {
  background: #ffffff05;
  border: 1px solid #ffffff0e;
  border-radius: 8px;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  min-width: 0;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: grid;
  overflow: hidden;
}
.automation-messages-sidebar {
  background: #0d0e10f0;
  border-right: 1px solid #ffffff0e;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  padding: 16px;
  display: grid;
}
.automation-messages-sidebar header {
  gap: 5px;
  display: grid;
}
.automation-messages-sidebar header strong {
  color: #e7e9ed;
  text-transform: uppercase;
  font-size: 0.76rem;
  font-weight: 900;
}
.automation-messages-sidebar header p,
.automation-conversation-list p {
  color: var(--dash-muted);
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
}
.automation-account-toggles {
  gap: 8px;
  display: grid;
}
.automation-account-toggle {
  color: #9da3af;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 0.72rem;
  font-weight: 850;
  display: flex;
}
.mini-toggle {
  background: #ffffff13;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  flex: none;
  width: 34px;
  height: 18px;
  position: relative;
}
.mini-toggle i {
  background: #8b92a2;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  transition: transform 0.16s, background 0.16s;
  position: absolute;
  top: 4px;
  left: 5px;
}
.mini-toggle.on {
  background: #ffffff29;
}
.mini-toggle.on i {
  background: #d8dbe2;
  transform: translate(15px);
}
.automation-message-search {
  color: #777e8c;
  background: #00000024;
  border: 1px solid #ffffff0e;
  border-radius: 8px;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 40px;
  padding: 0 10px;
  display: grid;
}
.automation-message-search svg {
  width: 15px;
  height: 15px;
}
.automation-message-search input,
.automation-chat-compose input,
.automation-message-filters select {
  color: #f2f3f5;
  min-width: 0;
  font: inherit;
  background: 0 0;
  border: 0;
  outline: 0;
}
.automation-message-search input::placeholder,
.automation-chat-compose input::placeholder {
  color: #6f7582;
}
.automation-message-filters {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  display: grid;
}
.automation-message-filters select {
  color: #c4c8d0;
  background: #0000002e;
  border-radius: 7px;
  height: 34px;
  padding: 0 9px;
  font-size: 0.72rem;
  font-weight: 850;
}
.automation-conversation-list {
  align-content: start;
  gap: 8px;
  min-height: 0;
  display: grid;
  overflow-y: auto;
}
.automation-account-switcher {
  color: #eef0f4;
  text-align: left;
  cursor: pointer;
  background: #ffffff0e;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 54px;
  padding: 9px;
  display: grid;
}
.automation-account-switcher:hover {
  background: #ffffff16;
}
.automation-account-switcher span {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.automation-account-switcher strong,
.automation-account-switcher small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.automation-account-switcher strong {
  color: #f2f3f5;
  font-size: 0.82rem;
  font-weight: 900;
}
.automation-account-switcher small {
  color: #a4abb8;
  font-size: 0.7rem;
  font-weight: 750;
}
.automation-account-switcher svg {
  color: #9da3af;
  width: 16px;
  height: 16px;
}
.automation-conversation-item {
  color: #aeb4c1;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 1px solid #0000;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 9px;
  display: grid;
}
.automation-conversation-item:hover,
.automation-conversation-item.active {
  background: #ffffff0e;
  border-color: #fff1;
}
.automation-conversation-item span {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.automation-conversation-item strong,
.automation-conversation-item small,
.automation-conversation-item em {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.automation-conversation-item strong {
  color: #f0f1f5;
  font-size: 0.78rem;
  font-weight: 850;
}
.automation-conversation-item small,
.automation-conversation-item em,
.automation-conversation-item time {
  color: #8b92a2;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 750;
}
.automation-chat-panel {
  background: #1b1c1f;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  display: grid;
  overflow: hidden;
}
.automation-chat-head {
  background: #0f1012f0;
  border-bottom: 1px solid #ffffff0e;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 16px;
  display: grid;
}
.automation-chat-head h1,
.automation-chat-head p {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}
.automation-chat-head h1 {
  color: #f2f3f5;
  font-size: 0.92rem;
  font-weight: 850;
}
.automation-chat-head p {
  color: #8f96a3;
  font-size: 0.72rem;
  font-weight: 750;
}
.automation-chat-notice {
  color: #c9ced8;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 0.68rem;
  font-weight: 750;
  display: block;
  overflow: hidden;
}
.automation-chat-tools {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.automation-chat-tools button {
  color: #b9bec9;
  cursor: pointer;
  background: #ffffff0b;
  border: 1px solid #ffffff13;
  border-radius: 999px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 0.68rem;
  font-weight: 900;
}
.automation-chat-tools button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.automation-chat-tools button.icon {
  width: 32px;
  padding: 0;
}
.automation-chat-tools button.icon svg,
.automation-chat-tools button.call svg {
  width: 14px;
  height: 14px;
}
.automation-chat-tools button.call {
  gap: 6px;
  padding: 0 9px;
}
.automation-chat-tools button.is-on {
  color: #e1e4ec;
  background: #ffffff1c;
}
.automation-chat-tools button.danger {
  color: #ff8a8a;
  background: #ff4f4f14;
  border-color: #ff5d5d38;
}
.automation-chat-messages {
  overscroll-behavior: contain;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  max-height: 100%;
  padding: 26px 16px 22px;
  display: flex;
  overflow-y: auto;
}
.automation-chat-message {
  gap: 4px;
  max-width: min(520px, 72%);
  display: grid;
}
.automation-chat-message.outgoing {
  align-self: flex-end;
  justify-items: end;
}
.automation-chat-message.incoming {
  align-self: flex-start;
}
.automation-chat-message p {
  color: #eff1f4;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  background: #0c0d0fb8;
  border-radius: 8px;
  max-width: 100%;
  margin: 0;
  padding: 10px 13px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
}
.automation-chat-message.outgoing p {
  background: #ffffff24;
}
.automation-chat-message small {
  color: #737a86;
  font-size: 0.66rem;
  font-weight: 750;
}
.automation-chat-footer {
  background: #0f1012f0;
  border-top: 1px solid #ffffff0e;
  min-width: 0;
  display: grid;
}
.automation-typing-indicator {
  color: #a3a9b5;
  align-items: center;
  min-height: 22px;
  padding: 6px 18px 0;
  font-size: 0.7rem;
  font-weight: 800;
  display: flex;
}
.automation-typing-indicator span:after {
  content: "";
  width: 1.2em;
  animation: 1.1s steps(4, end) infinite automationTypingDots;
  display: inline-block;
}
@keyframes automationTypingDots {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75%,
  to {
    content: "...";
  }
}
.automation-chat-compose {
  grid-template-columns: 36px minmax(0, 1fr) 36px auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px 12px;
  display: grid;
}
.automation-chat-compose button {
  color: #aeb4c1;
  cursor: pointer;
  background: #ffffff0b;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 36px;
  font-size: 0.72rem;
  font-weight: 900;
  display: inline-flex;
}
.automation-chat-compose button[type="submit"] {
  color: #101112;
  background: #d8dbe2;
  padding: 0 12px;
}
.automation-chat-compose button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.automation-chat-compose svg {
  width: 15px;
  height: 15px;
}
.automation-chat-compose input {
  background: #0000002e;
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  font-size: 0.78rem;
  font-weight: 750;
}
.automation-chat-compose.ai-writing input::placeholder {
  color: #e2e4ea;
  opacity: 1;
}
.automation-chat-empty {
  min-height: 420px;
  color: var(--dash-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 10px;
  display: grid;
}
.automation-chat-empty.inline {
  align-self: center;
  min-height: 0;
  margin: auto;
  padding: 24px;
}
.automation-chat-empty svg {
  width: 28px;
  height: 28px;
}
.automation-chat-empty h1,
.automation-chat-empty p {
  margin: 0;
}
.automation-account-picker,
.automation-filter-modal {
  width: min(520px, 100%);
  max-height: min(680px, 100vh - 36px);
  color: var(--text);
  background: #09090a;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  gap: 16px;
  padding: 24px;
  display: grid;
  overflow-y: auto;
  box-shadow: 0 22px 52px #00000057;
}
.automation-account-picker .settings-head-icon,
.automation-filter-modal .settings-head-icon,
.dashboard-shell[data-theme] .automation-account-picker .settings-head-icon,
.dashboard-shell[data-theme] .automation-filter-modal .settings-head-icon,
.dashboard-shell[data-theme] .automation-account-picker .settings-head-icon svg,
.dashboard-shell[data-theme] .automation-filter-modal .settings-head-icon svg {
  color: #f0f1f5 !important;
  background: #ffffff14 !important;
}
.automation-filter-modal .token-field textarea {
  resize: vertical;
  min-height: 108px;
}
.automation-id-filter {
  gap: 9px;
  display: grid;
}
.automation-id-filter > span {
  color: #8f96a3;
  text-transform: uppercase;
  font-size: 0.68rem;
  font-weight: 850;
}
.automation-id-chip-list {
  flex-wrap: wrap;
  gap: 6px;
  min-height: 0;
  display: flex;
}
.automation-id-chip-list button {
  color: #e2e4ea;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  min-height: 28px;
  padding: 0 8px;
  font-size: 0.68rem;
  font-weight: 850;
  display: inline-flex;
}
.automation-id-chip-list button svg {
  color: #aeb4c1;
  flex: none;
  width: 12px;
  height: 12px;
}
.automation-id-filter label {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  min-width: 0;
  display: grid;
}
.automation-id-filter input {
  color: #f2f3f5;
  width: 100%;
  min-width: 0;
  height: 38px;
  font: inherit;
  background: #00000038;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  outline: 0;
  padding: 0 11px;
  font-size: 0.78rem;
  font-weight: 750;
}
.automation-id-filter input::placeholder {
  color: #6f7582;
}
.automation-id-filter label button {
  color: #e2e4ea;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  min-height: 38px;
  padding: 0 12px;
  font-size: 0.72rem;
  font-weight: 900;
}
.automation-account-picker-list {
  gap: 8px;
  display: grid;
}
.automation-account-picker-list button {
  color: #aeb4c1;
  text-align: left;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 54px;
  padding: 9px;
  display: grid;
}
.automation-account-picker-list button:hover,
.automation-account-picker-list button.active {
  color: #f2f3f5;
  background: #ffffff0e;
  border-color: #ffffff24;
}
.automation-account-picker-list span {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.automation-account-picker-list strong,
.automation-account-picker-list small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.automation-account-picker-list strong {
  color: inherit;
  font-size: 0.82rem;
  font-weight: 900;
}
.automation-account-picker-list small {
  color: var(--dash-muted);
  font-size: 0.72rem;
  font-weight: 750;
}
.automation-account-picker-list svg {
  width: 16px;
  height: 16px;
}
.humanizer-card {
  gap: 22px;
}
.ai-advice-target-row {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  display: grid;
}
.ai-advice-target-row > button,
.ai-advice-target-row span {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  font-size: 0.76rem;
  font-weight: 900;
  display: inline-flex;
}
.ai-advice-target-row > button {
  color: #e2e4ea;
  cursor: pointer;
  background: #ffffff12;
  border: 1px solid #ffffff14;
  padding: 0 12px;
}
.ai-advice-target-row svg {
  width: 15px;
  height: 15px;
}
.ai-advice-target-row span {
  color: #d8dbe2;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff0e;
  justify-self: start;
  max-width: 100%;
  padding: 0 8px 0 12px;
  overflow: hidden;
}
.ai-advice-target-row span button {
  color: #aeb4c1;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 6px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: inline-grid;
}
.ai-advice-target-row small {
  color: #8b92a2;
  min-width: 0;
  font-size: 0.74rem;
  font-weight: 750;
}
.ai-target-modal {
  width: min(480px, 100%);
  color: var(--text);
  background: #09090a;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  gap: 16px;
  padding: 24px;
  display: grid;
  box-shadow: 0 22px 52px #00000057;
}
.humanizer-learning-panel {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 8px;
  gap: 12px;
  padding: 14px;
  display: grid;
}
.humanizer-proactive-grid {
  background: #0000001f;
  border: 1px solid #ffffff0e;
  border-radius: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
  display: grid;
}
.humanizer-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}
.humanizer-grid section {
  align-content: start;
  gap: 14px;
  min-width: 0;
  display: grid;
}
.humanizer-grid h2 {
  color: #d9dde6;
  text-transform: uppercase;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 900;
}
.humanizer-slider {
  gap: 8px;
  min-width: 0;
  display: grid;
}
.humanizer-slider > span {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  display: flex;
}
.humanizer-slider strong {
  color: #bfc4ce;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
  font-weight: 800;
  overflow: hidden;
}
.humanizer-slider em {
  color: #8b92a2;
  flex: none;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}
.humanizer-slider input {
  accent-color: #8b92a2;
  width: 100%;
}
@media (max-width: 980px) {
  .ai-provider-grid,
  .ai-gallery-fields,
  .humanizer-grid,
  .humanizer-proactive-grid,
  .ai-training-tabs,
  .automation-messages-view {
    grid-template-columns: 1fr;
  }
  .automation-messages-view {
    height: auto;
    min-height: auto;
  }
  .automation-chat-panel {
    min-height: 620px;
  }
  .automation-chat-head {
    grid-template-columns: 36px minmax(0, 1fr);
  }
  .automation-chat-tools {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
  .ai-question-card {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .ai-question-actions {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
  .ai-gallery-card {
    grid-template-columns: 74px minmax(0, 1fr) 38px;
  }
  .ai-gallery-preview {
    width: 74px;
  }
}
.theme-modal {
  width: min(680px, 100%);
  max-height: min(720px, 100vh - 36px);
  color: var(--text);
  background: #09090a;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  padding: 24px;
  overflow: hidden auto;
  box-shadow: 0 22px 52px #00000057;
}
.theme-modal-head {
  grid-template-columns: 40px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: grid;
}
.theme-modal-head > .clean-config-icon {
  grid-column: 1;
}
.theme-modal-head > div {
  grid-column: 2;
  min-width: 0;
}
.theme-modal-head h2 {
  color: #f2f3f5;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 850;
}
.theme-modal-head p {
  color: #8d93a0;
  margin: 6px 0 0;
  font-size: 0.82rem;
}
.theme-modal-close {
  color: #b8bdc9;
  cursor: pointer;
  background: #ffffff13;
  border: 0;
  border-radius: 7px;
  grid-column: 3;
  place-self: start end;
  place-items: center;
  width: 28px;
  height: 28px;
  display: inline-grid;
}
.theme-modal-close:hover {
  color: #fff;
  background: #ffffff1c;
}
.theme-modal-close svg {
  width: 17px;
  height: 17px;
}
.theme-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.theme-card {
  text-align: left;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  gap: 12px;
  min-height: 170px;
  padding: 12px;
  display: grid;
  position: relative;
}
.theme-card:hover,
.theme-card.active {
  background: #ffffff0b;
  border-color: #ffffff42;
}
.theme-card-meta {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.theme-card-meta small {
  min-height: 34px;
  line-height: 1.35;
}
.theme-swatches {
  gap: 5px;
  margin-top: 2px;
  display: inline-flex;
}
.theme-swatches i {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.theme-selected-mark {
  color: #111114;
  background: #fff;
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  display: inline-grid;
  position: absolute;
  top: 10px;
  right: 10px;
}
.theme-selected-mark svg {
  width: 15px;
  height: 15px;
}
.theme-preview {
  background: #0e1014;
  border-radius: 8px;
  grid-template-columns: 24px 1fr 1fr;
  gap: 5px;
  width: 96px;
  height: 58px;
  padding: 7px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff14;
}
.theme-preview-side,
.theme-preview-main,
.theme-preview-panel {
  align-content: start;
  gap: 5px;
  min-width: 0;
  display: grid;
}
.theme-preview-side i,
.theme-preview-main i,
.theme-preview-panel i {
  background: #ffffff57;
  border-radius: 999px;
  height: 5px;
  display: block;
}
.theme-preview-side i:first-child {
  width: 8px;
}
.theme-preview-side i:nth-child(2) {
  width: 18px;
}
.theme-preview-main,
.theme-preview-panel {
  background: #ffffff0e;
  border-radius: 4px;
  padding: 7px;
}
.theme-preview-main i:first-child,
.theme-preview-panel i:first-child {
  width: 36px;
}
.theme-preview-main i:nth-child(2),
.theme-preview-panel i:nth-child(2) {
  width: 24px;
}
.theme-preview[data-theme-preview="hello-kitty"] {
  background: linear-gradient(#2a101e14, #2a101e57),
    url(/assets/themes/hello-kitty.png) bottom/cover no-repeat;
}
.theme-preview[data-theme-preview="hello-kitty"]:after {
  content: none;
}
.theme-preview[data-theme-preview="hello-kitty"]
  .theme-preview-side
  i:first-child,
.theme-preview[data-theme-preview="hello-kitty"]
  .theme-preview-main
  i:first-child {
  background: #ff75aa;
}
.theme-preview[data-theme-preview="hello-kitty"] .theme-preview-main,
.theme-preview[data-theme-preview="hello-kitty"] .theme-preview-panel {
  background: #ff75aa29;
}
.theme-preview[data-theme-preview="bob-esponja"] {
  background: linear-gradient(90deg, #ffe8661a, #ffe8664d),
    url(/assets/themes/bob-esponja.png) 50% / cover no-repeat;
}
.theme-preview[data-theme-preview="bob-esponja"] .theme-preview-side i,
.theme-preview[data-theme-preview="bob-esponja"] .theme-preview-main i,
.theme-preview[data-theme-preview="bob-esponja"] .theme-preview-panel i {
  background: #16292b6b;
}
.theme-preview[data-theme-preview="bob-esponja"] .theme-preview-main,
.theme-preview[data-theme-preview="bob-esponja"] .theme-preview-panel {
  background: #ffffff70;
}
.theme-preview[data-theme-preview="kuromi"] {
  background: linear-gradient(#10051f0d, #10051f59),
    url(/assets/themes/kuromi.png) 50% / cover no-repeat;
}
.theme-preview[data-theme-preview="kuromi"] .theme-preview-side i:first-child,
.theme-preview[data-theme-preview="kuromi"] .theme-preview-main i:first-child {
  background: #a66bff;
}
.theme-preview[data-theme-preview="kuromi"] .theme-preview-main,
.theme-preview[data-theme-preview="kuromi"] .theme-preview-panel {
  background: #a66bff29;
}
.theme-preview[data-theme-preview="manga"] {
  background: #f4f0e8;
}
.theme-preview[data-theme-preview="manga"] .theme-preview-side i,
.theme-preview[data-theme-preview="manga"] .theme-preview-main i,
.theme-preview[data-theme-preview="manga"] .theme-preview-panel i {
  background: #00000073;
}
.theme-preview[data-theme-preview="manga"] .theme-preview-main,
.theme-preview[data-theme-preview="manga"] .theme-preview-panel {
  background: #ffffff8a;
  box-shadow: inset 0 0 0 1px #000000b8;
}
.theme-preview[data-theme-preview="cyberpunk"] {
  background: linear-gradient(135deg, #030716, #070d25);
}
.theme-preview[data-theme-preview="cyberpunk"]
  .theme-preview-side
  i:first-child,
.theme-preview[data-theme-preview="cyberpunk"]
  .theme-preview-main
  i:first-child {
  background: #00f5d4;
}
.theme-preview[data-theme-preview="cyberpunk"]
  .theme-preview-panel
  i:first-child {
  background: #ff2a7f;
}
.backups-tabs {
  background: #ffffff0b;
  border-radius: 10px;
  width: fit-content;
  padding: 3px;
  display: inline-flex;
}
.backups-tabs button {
  color: #949baa;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 136px;
  height: 34px;
  padding: 0 14px;
  font-size: 0.82rem;
  font-weight: 800;
  display: inline-flex;
}
.backups-tabs button.active,
.backups-tabs button:hover {
  color: #fff;
  background: var(--dash-accent, #2f8cff);
}
.backup-create-panel {
  gap: 35px;
  max-width: 720px;
  padding: 2px 0 0;
  display: grid;
}
.backup-create-media-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin-top: 0;
}
.backup-create-error {
  color: #ff7070;
  opacity: 0;
  min-height: 18px;
  margin: -4px 0 0;
  font-size: 0.78rem;
  font-weight: 700;
}
.backup-create-error.visible {
  opacity: 1;
}
.backup-create-error:not(.visible) {
  display: none;
}
.backup-detail-head p {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}
.backup-detail-head > button {
  color: #cfd2dc;
  cursor: pointer;
  background: 0 0;
  border-radius: 8px;
  width: 34px;
  height: 34px;
}
.backup-detail-head > button:hover {
  background: #ffffff0b;
}
.backup-detail-head > button svg {
  width: 18px;
  height: 18px;
}
.backup-avatar .clean-target-image,
.backup-avatar .clean-target-fallback {
  width: 42px;
  height: 42px;
}
.backup-avatar .clean-target-fallback svg {
  width: 20px;
  height: 20px;
}
.backups-toolbar,
.backup-detail-tools {
  grid-template-columns: minmax(0, 1fr) 158px;
  align-items: center;
  gap: 12px;
  display: grid;
}
.backup-detail-tools {
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
}
.backup-search {
  background: #ffffff05;
  border: 1px solid #ffffff13;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  display: flex;
}
.backup-search svg {
  color: #747987;
  flex: none;
  width: 16px;
  height: 16px;
}
.backup-search input {
  color: #f2f3f5;
  background: 0 0;
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
  font-size: 0.86rem;
  font-weight: 550;
}
.backup-search input::placeholder {
  color: #747987;
}
.backups-toolbar select {
  color: #f2f3f5;
  background: #080809;
  border: 1px solid #ffffff13;
  border-radius: 11px;
  height: 36px;
  padding: 0 14px;
  font-size: 0.84rem;
  font-weight: 700;
}
.backup-card-list {
  gap: 12px;
  display: grid;
}
.backup-card {
  background: #080809;
  border: 1px solid #fff1;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 12px;
  min-height: 108px;
  padding: 18px;
  display: grid;
  position: relative;
}
.backup-card-main {
  min-width: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  display: grid;
}
.backup-card-main strong {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.94rem;
  font-weight: 800;
  display: block;
  overflow: hidden;
}
.backup-card-main small {
  color: #747987;
  margin-top: 4px;
  font-size: 0.78rem;
  font-weight: 550;
  display: block;
}
.backup-card-meta {
  color: #747987;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  font-size: 0.8rem;
  font-weight: 650;
  display: flex;
}
.backup-card-meta span {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}
.backup-card-meta svg {
  width: 14px;
  height: 14px;
}
.backup-card-meta .warning {
  color: #ffd43b;
}
.backup-card-delete {
  color: #747987;
  cursor: pointer;
  background: 0 0;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: inline-grid;
}
.backup-card-delete:hover {
  color: #f2f3f5;
  background: #ffffff0b;
}
.backup-card-delete svg {
  width: 16px;
  height: 16px;
}
.backup-filter-tabs {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}
.backup-filter-tabs button {
  color: #747987;
  cursor: pointer;
  background: 0 0;
  border-radius: 10px;
  flex: none;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 10px;
  font-size: 0.82rem;
  font-weight: 700;
  display: inline-flex;
}
.backup-filter-tabs button.active {
  color: #080809;
  background: #f2f3f5;
}
.backup-filter-tabs svg {
  width: 14px;
  height: 14px;
}
.backup-message-list {
  border-top: 1px solid #ffffff0f;
  gap: 18px;
  min-height: 320px;
  padding: 10px 16px 0;
  display: grid;
}
.backup-message-group {
  gap: 14px;
  display: grid;
}
.backup-date-divider {
  color: #747987;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  font-size: 0.78rem;
  font-weight: 750;
  display: grid;
}
.backup-date-divider span {
  background: #fff1;
  height: 1px;
}
.backup-message-row {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}
.backup-message-avatar {
  background: #151519;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
}
.backup-message-avatar img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.backup-message-row header {
  color: #747987;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 0.78rem;
  display: flex;
}
.backup-message-row header strong {
  color: #f2f3f5;
  font-size: 0.9rem;
  font-weight: 800;
}
.backup-message-row p {
  color: #e6e8ee;
  white-space: pre-wrap;
  margin: 6px 0 0;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.45;
}
.backup-message-attachments {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}
.backup-message-attachments a {
  color: #d8dbe2;
  background: #ffffff06;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  max-width: 260px;
  height: 28px;
  padding: 0 9px;
  font-size: 0.78rem;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
}
.backup-message-attachments svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.backup-empty-text,
.backup-start-label {
  color: #747987;
  text-align: center;
  margin: 0;
  font-size: 0.84rem;
  font-weight: 650;
}
.backup-start-label {
  padding: 8px 0 0;
}
.clean-config-card {
  gap: 24px;
  padding: 24px;
  display: grid;
}
.clean-config-head {
  align-items: center;
  gap: 14px;
  display: flex;
}
.clean-config-icon {
  color: #f1f2f5;
  background: #ffffff16;
  border-radius: 9px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: inline-grid;
}
.clean-config-icon svg {
  width: 17px;
  height: 17px;
}
.clean-config-icon .nav-image-icon,
.clean-config-icon .kosame-image-icon {
  width: 19px;
  height: 19px;
}
.clean-config-head h1 {
  color: #f2f3f5;
  letter-spacing: 0;
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
}
.clean-config-head p {
  color: #737887;
  margin: 3px 0 0;
  font-size: 0.78rem;
  font-weight: 450;
}
.clean-config-fields {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.32fr);
  align-items: start;
  gap: 22px;
  display: grid;
}
.clean-config-field,
.clean-delay-picker {
  gap: 7px;
  min-width: 0;
  display: grid;
}
.clean-delay-picker {
  width: min(260px, 100%);
  position: relative;
}
.clean-config-field span,
.clean-delay-picker > span {
  color: #747987;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.68rem;
  font-weight: 700;
}
.clean-config-field input {
  color: #f2f3f5;
  background: #060607;
  border: 0;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 44px;
  padding: 0 13px;
  font-size: 0.86rem;
  font-weight: 600;
}
.clean-config-field input::placeholder {
  color: #747987;
  font-weight: 500;
}
.clean-config-field input:focus {
  box-shadow: none;
}
.clean-config-field small {
  color: #686d78;
  font-size: 0.68rem;
  font-weight: 500;
}
.kosame-view {
  min-width: 0;
}
.kosame-card {
  gap: 18px;
}
.kosame-asset-icon {
  overflow: hidden;
}
.kosame-asset-icon .kosame-image-icon {
  width: 32px;
  height: 32px;
}
.kosame-empty-panel {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 18px;
  display: grid;
}
.kosame-empty-panel .clean-config-icon {
  width: 42px;
  height: 42px;
}
.kosame-empty-panel div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.kosame-empty-panel strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.96rem;
  font-weight: 850;
}
.kosame-empty-panel small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.78rem;
  font-weight: 650;
}
.kosame-humanizer-master {
  background: var(--dash-card-strong, #101113);
}
.kosame-humanizer-modules {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.kosame-humanizer-modules.is-disabled {
  opacity: 0.62;
}
.kosame-humanizer-module {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  display: grid;
}
.kosame-humanizer-module.is-enabled {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 34%,
    var(--dash-border, #ffffff14)
  );
}
.kosame-humanizer-module > header,
.kosame-humanizer-setting-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}
.kosame-humanizer-module > header {
  border-bottom: 1px solid var(--dash-border, #ffffff14);
  min-height: 54px;
  padding-bottom: 12px;
}
.kosame-humanizer-module > header > div,
.kosame-humanizer-setting-head > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.kosame-humanizer-module strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.82rem;
  font-weight: 850;
}
.kosame-humanizer-module small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.67rem;
  font-weight: 650;
  line-height: 1.35;
}
.kosame-humanizer-setting {
  border: 1px solid var(--dash-border, #ffffff12);
  background: color-mix(in srgb, var(--dash-card, #080809) 72%, transparent);
  border-radius: 7px;
  gap: 11px;
  padding: 12px;
  display: grid;
}
.kosame-humanizer-time-grid,
.kosame-humanizer-duration-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.kosame-humanizer-time-grid label {
  gap: 5px;
  min-width: 0;
  display: grid;
}
.kosame-humanizer-time-grid label > span,
.kosame-humanizer-duration-grid legend {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.62rem;
  font-weight: 800;
}
.kosame-humanizer-time-grid input,
.kosame-humanizer-duration-grid input {
  border: 1px solid var(--dash-border, #ffffff14);
  width: 100%;
  min-width: 0;
  height: 38px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-input, #151517);
  font: inherit;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  border-radius: 6px;
  outline: 0;
  font-size: 0.75rem;
  font-weight: 750;
}
.kosame-humanizer-time-grid input {
  padding: 0 10px;
}
.kosame-humanizer-duration-grid fieldset {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}
.kosame-humanizer-duration-grid legend {
  grid-column: 1/-1;
  margin-bottom: 5px;
}
.kosame-humanizer-duration-grid label {
  min-width: 0;
  position: relative;
}
.kosame-humanizer-duration-grid input {
  padding: 0 28px 0 8px;
}
.kosame-humanizer-duration-grid label > span {
  color: var(--dash-muted, #8b92a2);
  pointer-events: none;
  font-size: 0.58rem;
  font-weight: 750;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
.kosame-humanizer-module .clean-switch:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media (max-width: 1180px) {
  .kosame-humanizer-modules {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  .kosame-humanizer-time-grid,
  .kosame-humanizer-duration-grid {
    grid-template-columns: 1fr;
  }
}
.kosame-rep-list {
  gap: 14px;
  display: grid;
}
.kosame-rep-card {
  gap: 16px;
}
.kosame-rep-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}
.kosame-rep-card-head > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.kosame-rep-card-head strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.92rem;
  font-weight: 850;
}
.kosame-rep-card-head small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.72rem;
  font-weight: 700;
}
.kosame-rep-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.kosame-rep-toggle-row {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  grid-column: 1/-1;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 50px;
  padding: 10px 12px;
  display: flex;
}
.kosame-rep-toggle-row > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.kosame-rep-toggle-row strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.82rem;
  font-weight: 850;
}
.kosame-rep-toggle-row small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.72rem;
  font-weight: 650;
}
.kosame-account-block {
  gap: 10px;
  display: grid;
}
.kosame-account-block > strong {
  color: var(--dash-muted, #8b92a2);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 850;
}
.kosame-account-grid,
.kosame-token-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  display: grid;
}
.kosame-account-card {
  border: 1px solid var(--dash-border, #ffffff14);
  min-height: 58px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
  font: inherit;
  text-align: left;
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr) 30px 30px;
  align-items: center;
  gap: 10px;
  padding: 10px;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: grid;
  position: relative;
}
button.kosame-account-card {
  cursor: pointer;
}
.kosame-account-card > span:not(.scraper-token-fallback) {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.kosame-account-card strong {
  min-width: 0;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-account-card small {
  min-width: 0;
  color: var(--dash-muted, #8b92a2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 650;
  overflow: hidden;
}
.kosame-account-card .kosame-proxy-status {
  color: var(--dash-accent, #2f8cff);
}
.kosame-account-card > svg {
  width: 16px;
  height: 16px;
  color: var(--dash-accent, #2f8cff);
  justify-self: end;
}
.kosame-account-card.active {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 42%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 12%,
    var(--dash-card, #080809)
  );
}
.kosame-proxy-button {
  border: 1px solid var(--dash-border, #ffffff14);
  width: 30px;
  height: 30px;
  color: var(--dash-muted, #8b92a2);
  background: var(--dash-soft, #ffffff0a);
  cursor: pointer;
  border-radius: 8px;
  place-items: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: inline-grid;
}
.kosame-proxy-button svg {
  width: 15px;
  height: 15px;
}
.kosame-proxy-button.configured {
  color: var(--dash-accent, #2f8cff);
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 36%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 10%,
    var(--dash-card, #080809)
  );
}
.kosame-proxy-button:hover {
  color: var(--dash-text, #f2f3f5);
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 42%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 14%,
    var(--dash-card, #080809)
  );
}
button.kosame-account-card:hover {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 34%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 9%,
    var(--dash-card, #080809)
  );
}
.kosame-remove-rep {
  border: 1px solid
    color-mix(in srgb, #ff5364 32%, var(--dash-border, #ffffff14));
  color: #ff7886;
  min-height: 36px;
  font: inherit;
  cursor: pointer;
  background: #ff536414;
  border-radius: 8px;
  justify-self: start;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 0.78rem;
  font-weight: 800;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: inline-flex;
}
.kosame-remove-rep:hover {
  color: #ffd9de;
  background: #ff536424;
  border-color: #ff788694;
}
.kosame-remove-rep svg {
  width: 14px;
  height: 14px;
}
.kosame-rep-actions {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  display: grid;
}
.kosame-command-panel {
  border: 1px solid var(--dash-border, #ffffff14);
  background: color-mix(
    in srgb,
    var(--dash-card-strong, #101113) 86%,
    transparent
  );
  border-radius: 8px;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  display: grid;
}
.kosame-command-panel strong {
  min-width: 0;
  color: var(--dash-text, #f2f3f5);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono,
    monospace;
  font-size: 0.84rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-command-panel small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.72rem;
  font-weight: 700;
}
.kosame-start-button {
  border: 1px solid var(--dash-border, #ffffff14);
  min-height: 42px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  font-size: 0.82rem;
  font-weight: 850;
  transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s,
    transform 0.15s;
  display: inline-flex;
}
.kosame-start-button:hover:not(:disabled) {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 38%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 12%,
    var(--dash-card, #080809)
  );
}
.kosame-start-button.stop {
  color: #ff9aa7;
  border-color: color-mix(
    in srgb,
    var(--dash-danger, #ff5364) 38%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-danger, #ff5364) 12%,
    var(--dash-card, #080809)
  );
}
.kosame-start-button.stop:hover:not(:disabled) {
  border-color: color-mix(
    in srgb,
    var(--dash-danger, #ff5364) 58%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-danger, #ff5364) 16%,
    var(--dash-card, #080809)
  );
}
.kosame-start-button:active:not(:disabled) {
  transform: translateY(1px);
}
.kosame-start-button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.kosame-start-button svg {
  width: 15px;
  height: 15px;
}
.kosame-history-button {
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
}
.kosame-history-button:hover {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 38%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 12%,
    var(--dash-card, #080809)
  );
}
.kosame-forca-live-log {
  border: 1px solid var(--dash-border, #ffffff14);
  background: color-mix(
    in srgb,
    var(--dash-card-strong, #101113) 88%,
    transparent
  );
  border-radius: 8px;
  gap: 7px;
  padding: 12px;
  display: grid;
}
.kosame-forca-live-log strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.78rem;
  font-weight: 850;
}
.kosame-forca-live-log p {
  color: var(--dash-muted, #8b92a2);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono,
    monospace;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.5;
}
.kosame-cooldown-panel {
  gap: 18px;
}
.kosame-cooldown-loading {
  color: var(--dash-muted, #8b92a2);
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
}
.kosame-cooldown-groups {
  gap: 18px;
  display: grid;
}
.kosame-cooldown-group {
  gap: 10px;
  display: grid;
}
.kosame-cooldown-group > header {
  border-bottom: 1px solid var(--dash-border, #ffffff14);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  display: flex;
}
.kosame-cooldown-group > header strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.88rem;
  font-weight: 850;
}
.kosame-cooldown-group > header small,
.kosame-cooldown-footer > small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.72rem;
  font-weight: 700;
}
.kosame-cooldown-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.kosame-cooldown-row {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 180px);
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 10px 12px;
  display: grid;
}
.kosame-cooldown-row > span {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.kosame-cooldown-row strong {
  color: var(--dash-text, #f2f3f5);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-cooldown-row small {
  color: var(--dash-muted, #8b92a2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 700;
  overflow: hidden;
}
.kosame-cooldown-row > span:first-child small {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono,
    monospace;
}
.kosame-cooldown-input-wrap input {
  border: 1px solid var(--dash-border, #ffffff14);
  width: 100%;
  height: 36px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card, #080809);
  font: inherit;
  border-radius: 7px;
  outline: 0;
  padding: 0 10px;
  font-size: 0.78rem;
  font-weight: 750;
}
.kosame-cooldown-input-wrap input:focus {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 48%,
    var(--dash-border, #ffffff14)
  );
}
.kosame-cooldown-footer {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}
.kosame-confirmed-words {
  gap: 14px;
}
.kosame-confirmed-words > header {
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 110px;
  align-items: end;
  gap: 12px;
  display: grid;
}
.kosame-confirmed-words > header > div {
  grid-column: 1/-1;
  gap: 4px;
  display: grid;
}
.kosame-words-only-view {
  padding-bottom: 24px;
}
.kosame-confirmed-word-add {
  grid-column: 1/-1;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  display: grid;
}
.kosame-confirmed-word-add > button {
  border: 1px solid var(--dash-border, #ffffff14);
  height: 42px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
}
.kosame-confirmed-word-add > button:hover:not(:disabled) {
  border-color: color-mix(
    in srgb,
    var(--dash-text, #f2f3f5) 24%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-text, #f2f3f5) 6%,
    var(--dash-card-strong, #101113)
  );
}
.kosame-confirmed-word-add > button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.kosame-confirmed-word-add > button svg {
  width: 15px;
  height: 15px;
}
.kosame-temporary-word-feedback {
  color: var(--dash-muted, #8b92a2);
  margin: -2px 0 0;
  font-size: 0.74rem;
  font-weight: 700;
}
.kosame-confirmed-words strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.9rem;
  font-weight: 850;
}
.kosame-confirmed-words small,
.kosame-confirmed-word-length > span {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.72rem;
  font-weight: 700;
}
.kosame-confirmed-word-search {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  display: flex;
}
.kosame-confirmed-word-search svg {
  width: 16px;
  height: 16px;
  color: var(--dash-muted, #8b92a2);
  flex: none;
}
.kosame-confirmed-word-search input {
  width: 100%;
  min-width: 0;
  color: var(--dash-text, #f2f3f5);
  font: inherit;
  background: 0 0;
  border: 0;
  outline: 0;
}
.kosame-confirmed-word-length {
  gap: 5px;
  display: grid;
}
.kosame-confirmed-word-length select {
  border: 1px solid var(--dash-border, #ffffff14);
  height: 42px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
  font: inherit;
  border-radius: 8px;
  padding: 0 10px;
  font-weight: 750;
}
.kosame-confirmed-word-list {
  max-height: 220px;
  color: var(--dash-text, #f2f3f5);
  overflow-wrap: anywhere;
  margin: 0;
  padding-right: 4px;
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.65;
  overflow: auto;
}
@media (max-width: 760px) {
  .kosame-cooldown-list {
    grid-template-columns: 1fr;
  }
  .kosame-cooldown-row {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 160px);
  }
  .kosame-cooldown-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .kosame-confirmed-words > header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .kosame-confirmed-word-add {
    grid-template-columns: 1fr;
  }
}
.forca-shell {
  color: #f2f3f5;
  background: #070708;
  min-height: 100vh;
}
.forca-topbar {
  background: #09090a;
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  min-height: 68px;
  padding: 0 max(24px, 50vw - 620px);
  display: flex;
}
.forca-topbar > span {
  color: #7d828d;
  font-size: 0.74rem;
  font-weight: 800;
}
.forca-brand {
  width: 126px;
}
.forca-brand img {
  width: 100%;
  height: auto;
  display: block;
}
.forca-workspace {
  gap: 20px;
  width: min(1240px, 100% - 48px);
  margin: 0 auto;
  padding: 44px 0 64px;
  display: grid;
}
.forca-heading {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  display: flex;
}
.forca-eyebrow {
  color: #777c87;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 0.68rem;
  font-weight: 850;
  display: block;
}
.forca-heading h1 {
  color: #f4f5f7;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(1.45rem, 3vw, 2.25rem);
  line-height: 1.05;
}
.forca-heading-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}
.forca-cooldown {
  background: #121214;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 13px;
  display: flex;
}
.forca-cooldown > svg {
  color: #8b909a;
  width: 16px;
  height: 16px;
}
.forca-cooldown > span {
  gap: 1px;
  display: grid;
}
.forca-cooldown small {
  color: #777c87;
  font-size: 0.58rem;
  font-weight: 800;
}
.forca-cooldown strong {
  color: #f1f2f4;
  font-variant-numeric: tabular-nums;
  font-size: 0.78rem;
}
.forca-new-round,
.forca-cooldown-start,
.forca-start-round {
  color: #0b0c0e;
  cursor: pointer;
  background: #e2e4e8;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 17px;
  font-size: 0.76rem;
  font-weight: 900;
  transition: background 0.16s, transform 0.16s;
  display: inline-flex;
}
.forca-new-round:hover:not(:disabled),
.forca-start-round:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-1px);
}
.forca-cooldown-start {
  color: #d8dade;
  background: #151517;
  border: 1px solid #ffffff1a;
}
.forca-cooldown-start:hover:not(:disabled) {
  color: #f2f3f5;
  background: #222225;
  transform: translateY(-1px);
}
.forca-cooldown-remove {
  color: #ff7c8d;
  cursor: pointer;
  background: #ff4b6214;
  border: 1px solid #ff6b7e47;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}
.forca-cooldown-remove:hover {
  background: #ff4b6226;
}
.forca-cooldown-remove svg {
  width: 16px;
  height: 16px;
}
.forca-new-round svg,
.forca-cooldown-start svg,
.forca-start-round svg {
  width: 15px;
  height: 15px;
}
.forca-toolbar {
  background: #0c0c0e;
  border: 1px solid #ffffff12;
  border-radius: 8px;
  grid-template-columns: 130px 150px minmax(200px, 1fr) minmax(220px, 1fr);
  gap: 10px;
  padding: 12px;
  display: grid;
}
.forca-round-stat,
.forca-search {
  background: #131315;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  display: flex;
}
.forca-search > span {
  gap: 2px;
  width: 100%;
  min-width: 0;
  display: grid;
}
.forca-search small {
  color: #8a8f99;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1;
  overflow: hidden;
}
.forca-round-stat svg,
.forca-search svg {
  color: #858b96;
  flex: none;
  width: 16px;
  height: 16px;
}
.forca-round-stat span {
  color: #858b96;
  align-items: baseline;
  gap: 5px;
  font-size: 0.65rem;
  font-weight: 750;
  display: flex;
}
.forca-round-stat strong {
  color: #f2f3f5;
  font-size: 0.9rem;
}
.forca-search input {
  color: #f2f3f5;
  width: 100%;
  min-width: 0;
  font: inherit;
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 0.78rem;
  font-weight: 700;
}
.forca-search input::placeholder {
  color: #686d77;
}
.forca-word-section {
  background: #0a0a0b;
  border: 1px solid #fff1;
  border-radius: 8px;
  min-height: 420px;
  padding: 20px;
}
.forca-word-grid {
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 8px;
  display: grid;
}
.forca-word {
  color: #dfe1e5;
  text-overflow: ellipsis;
  background: #121214;
  border: 1px solid #ffffff12;
  border-radius: 6px;
  place-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 9px;
  font-size: 0.78rem;
  font-weight: 850;
  display: grid;
  overflow: hidden;
}
.forca-empty-round {
  color: #f0f1f3;
  cursor: pointer;
  background: #0a0a0b;
  border: 1px dashed #ffffff1f;
  border-radius: 8px;
  align-content: center;
  place-items: center;
  gap: 8px;
  min-height: 460px;
  display: grid;
}
.forca-empty-round small {
  color: #747984;
  font-size: 0.7rem;
  font-weight: 700;
}
.forca-empty-icon {
  color: #dfe1e5;
  background: #1a1a1d;
  border-radius: 7px;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 4px;
  display: grid;
}
.forca-empty-icon svg {
  width: 17px;
  height: 17px;
}
.forca-empty {
  color: #747984;
  align-content: center;
  place-items: center;
  gap: 10px;
  min-height: 370px;
  font-size: 0.8rem;
  display: grid;
}
.forca-empty svg {
  width: 20px;
  height: 20px;
}
.forca-empty small {
  color: #8a8f99;
  text-align: center;
  max-width: 520px;
  font-size: 0.7rem;
}
.forca-spinner {
  animation: 0.8s linear infinite forcaSpin;
}
.forca-ai-results {
  gap: 16px;
  display: grid;
}
.forca-ai-results > header {
  color: #dfe1e5;
  align-items: center;
  gap: 10px;
  display: flex;
}
.forca-ai-results > header > svg {
  color: #9ca2ad;
  width: 18px;
  height: 18px;
}
.forca-ai-results > header > span {
  gap: 2px;
  display: grid;
}
.forca-ai-results > header strong {
  font-size: 0.78rem;
}
.forca-ai-results > header small {
  color: #737883;
  font-size: 0.66rem;
  font-weight: 700;
}
.forca-ai-word {
  color: #c8cbd1;
  border-style: dashed;
}
@keyframes forcaSpin {
  to {
    transform: rotate(360deg);
  }
}
.forca-modal-backdrop {
  z-index: 100;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #000000c2;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}
.forca-round-modal {
  background: #0b0b0c;
  border: 1px solid #ffffff17;
  border-radius: 8px;
  gap: 20px;
  width: min(520px, 100%);
  padding: 24px;
  animation: 0.18s both forcaModalIn;
  display: grid;
  box-shadow: 0 28px 80px #0000008c;
}
.forca-round-modal > header {
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  display: flex;
}
.forca-round-modal header span {
  color: #737883;
  text-transform: uppercase;
  font-size: 0.67rem;
  font-weight: 850;
}
.forca-round-modal h2 {
  color: #f2f3f5;
  letter-spacing: 0;
  margin: 4px 0 0;
  font-size: 1.2rem;
}
.forca-round-modal header > button {
  color: #8a8f99;
  cursor: pointer;
  background: #171719;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
.forca-round-modal header > button svg {
  width: 16px;
  height: 16px;
}
.forca-length-options {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.forca-length-options button {
  color: #777c87;
  cursor: pointer;
  background: #121214;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  place-items: center;
  gap: 2px;
  min-height: 70px;
  display: grid;
}
.forca-length-options button:hover,
.forca-length-options button.active {
  color: #f5f6f7;
  background: #1b1b1e;
  border-color: #ffffff61;
}
.forca-length-options strong {
  font-size: 1.05rem;
}
.forca-length-options span {
  font-size: 0.62rem;
  font-weight: 750;
}
.forca-start-round {
  width: 100%;
}
.forca-start-round:disabled {
  cursor: wait;
  opacity: 0.55;
}
.forca-modal-error {
  color: #ff6b7e;
  margin: -6px 0 0;
  font-size: 0.72rem;
  font-weight: 750;
}
@keyframes forcaModalIn {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 900px) {
  .forca-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .forca-topbar {
    min-height: 60px;
    padding: 0 18px;
  }
  .forca-brand {
    width: 112px;
  }
  .forca-workspace {
    width: min(100% - 28px, 1240px);
    padding: 28px 0 40px;
  }
  .forca-heading {
    flex-direction: column;
    align-items: stretch;
  }
  .forca-new-round,
  .forca-cooldown-start,
  .forca-cooldown-remove {
    width: 100%;
  }
  .forca-cooldown-remove + .forca-new-round {
    grid-column: 1/-1;
  }
  .forca-heading-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    display: grid;
  }
  .forca-cooldown {
    grid-column: 1/-1;
    justify-content: center;
  }
  .forca-toolbar {
    grid-template-columns: 1fr 1fr;
  }
  .forca-search {
    grid-column: 1/-1;
  }
  .forca-word-section {
    min-height: 360px;
    padding: 12px;
  }
  .forca-word-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .forca-empty-round {
    min-height: 380px;
  }
  .forca-round-modal {
    padding: 18px;
  }
  .forca-length-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.kosame-account-grid .scraper-token-card {
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
}
.kosame-account-grid .scraper-token-card.active {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 42%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 12%,
    var(--dash-card, #080809)
  );
}
.kosame-account-grid .scraper-token-card:hover {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 34%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 9%,
    var(--dash-card, #080809)
  );
}
.kosame-account-grid .scraper-token-select {
  min-height: 66px;
}
.kosame-farm-grid {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 14px;
  display: grid;
}
.kosame-farm-card {
  gap: 14px;
  position: relative;
}
.kosame-farm-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.kosame-farm-account {
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: grid;
}
.kosame-farm-account > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.kosame-farm-account strong {
  min-width: 0;
  color: var(--dash-text, #f2f3f5);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-farm-account small {
  min-width: 0;
  color: var(--dash-muted, #8b92a2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 650;
  overflow: hidden;
}
.kosame-farm-remove {
  flex: none;
  position: static;
  transform: none;
}
.kosame-farm-command-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.kosame-farm-command {
  border: 1px solid var(--dash-border, #ffffff14);
  min-width: 0;
  min-height: 78px;
  color: var(--dash-text, #f2f3f5);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  position: relative;
  overflow: hidden;
}
.kosame-farm-command-select {
  width: 100%;
  min-height: 78px;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-content: center;
  gap: 3px;
  padding: 11px 38px 11px 11px;
  display: grid;
}
.kosame-farm-command:has(.kosame-farm-command-config)
  .kosame-farm-command-select {
  padding-right: 42px;
}
.kosame-farm-command:hover {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 32%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 8%,
    var(--dash-card, #080809)
  );
}
.kosame-farm-command.active {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 45%,
    var(--dash-border, #ffffff14)
  );
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 13%,
    var(--dash-card, #080809)
  );
}
.kosame-farm-command.needs-config {
  border-color: color-mix(
    in srgb,
    var(--dash-danger, #ff5f75) 62%,
    var(--dash-border, #ffffff14)
  );
}
.kosame-farm-command strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 0.8rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-farm-command small {
  min-width: 0;
  color: var(--dash-muted, #8b92a2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono,
    monospace;
  font-size: 0.7rem;
  font-weight: 750;
  overflow: hidden;
}
.kosame-farm-command em {
  color: color-mix(in srgb, var(--dash-accent, #2f8cff) 84%, #fff);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}
.kosame-farm-command-check {
  color: #fff;
  background: var(--dash-accent, #2f8cff);
  opacity: 0;
  border-radius: 999px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}
.kosame-farm-command.active .kosame-farm-command-check {
  opacity: 1;
}
.kosame-farm-command-check svg {
  stroke-width: 2.4px;
  width: 14px;
  height: 14px;
}
.kosame-farm-command-config {
  border: 1px solid var(--dash-border, #ffffff14);
  width: 26px;
  height: 26px;
  color: var(--dash-muted, #8b92a2);
  cursor: pointer;
  background: #ffffff0b;
  border-radius: 8px;
  place-items: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
  display: grid;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.kosame-farm-command-config:hover,
.kosame-farm-command-config.configured {
  border-color: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 42%,
    var(--dash-border, #ffffff14)
  );
  color: var(--dash-text, #f2f3f5);
  background: color-mix(
    in srgb,
    var(--dash-accent, #2f8cff) 16%,
    var(--dash-card, #080809)
  );
}
.kosame-farm-command-config:hover {
  transform: translateY(-50%) scale(1.04);
}
.kosame-farm-command-config svg {
  stroke-width: 2.3px;
  width: 14px;
  height: 14px;
}
.kosame-farm-command-select:focus-visible,
.kosame-farm-command-config:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--dash-accent, #2f8cff) 74%, #fff);
  outline-offset: -2px;
}
.kosame-farm-actions {
  justify-content: flex-end;
  display: flex;
}
.kosame-farm-target-modal {
  gap: 18px;
  width: min(460px, 100%);
  display: grid;
}
.kosame-farm-target-preview {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #ffffff0b);
  border-radius: 8px;
  gap: 4px;
  padding: 12px;
  display: grid;
}
.kosame-farm-target-preview strong {
  min-width: 0;
  color: var(--dash-text, #f2f3f5);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono,
    monospace;
  font-size: 0.82rem;
  font-weight: 850;
  overflow: hidden;
}
.kosame-farm-target-preview small {
  color: var(--dash-muted, #8b92a2);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
}
.clean-delay-select {
  color: #f2f3f5;
  cursor: pointer;
  background: #060607;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  padding: 8px 11px 8px 13px;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: flex;
}
.clean-delay-select span {
  text-align: left;
  gap: 2px;
  display: grid;
}
.clean-delay-select strong,
.clean-delay-menu-item strong {
  color: inherit;
  font-size: 0.88rem;
  font-weight: 750;
  line-height: 1.05;
}
.clean-delay-select small,
.clean-delay-menu-item small {
  color: inherit;
  opacity: 0.78;
  font-size: 0.67rem;
  font-weight: 650;
}
.clean-delay-select svg {
  color: #858b99;
  width: 15px;
  height: 15px;
  transition: transform 0.15s;
}
.clean-delay-picker.open .clean-delay-select svg {
  transform: rotate(180deg);
}
.clean-delay-select:hover,
.clean-delay-picker.open .clean-delay-select {
  color: #d8dbe2;
  background: #ffffff09;
  border-color: #ffffff29;
}
.clean-delay-menu {
  z-index: 95;
  background: #0d0d0f;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  gap: 2px;
  width: 100%;
  padding: 6px;
  display: grid;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  box-shadow: 0 16px 34px #00000059;
}
.clean-delay-menu-item {
  color: #8f96a6;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 8px;
  display: grid;
}
.clean-delay-menu-item > svg {
  color: #f2f3f5;
  opacity: 0;
  width: 14px;
  height: 14px;
}
.clean-delay-menu-item > span {
  gap: 3px;
  display: grid;
}
.clean-delay-menu-item.active {
  color: #f2f3f5;
  background: #fff1;
}
.clean-delay-menu-item.active > svg {
  opacity: 1;
}
.clean-delay-menu-item:hover {
  color: #f2f3f5;
  background: #ffffff0b;
}
.clean-config-card button:focus,
.clean-config-card button:focus-visible,
.clean-config-card input:focus,
.clean-config-card input:focus-visible {
  outline: none;
}
.clean-backup-row,
.clean-media-row {
  background: #ffffff03;
  border: 1px solid #fff1;
  border-radius: 9px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 14px 16px;
  display: grid;
}
.clean-media-row {
  min-height: 62px;
  margin-top: -14px;
}
.bulk-clean-card {
  gap: 22px;
}
.bulk-clean-delay {
  gap: 12px;
  width: min(512px, 100%);
  display: grid;
}
.bulk-clean-delay .clean-delay-picker {
  width: 100%;
}
.bulk-clean-delay > small {
  color: #656a75;
  font-size: 0.7rem;
  font-weight: 560;
}
.bulk-clean-options {
  gap: 10px;
  display: grid;
}
.bulk-clean-options .clean-backup-row,
.bulk-clean-options .clean-media-row {
  grid-template-columns: 18px minmax(0, 1fr) auto;
}
.bulk-clean-options .clean-backup-row > svg,
.bulk-clean-options .clean-media-row > svg {
  color: #b8bdc9;
  width: 16px;
  height: 16px;
}
.bulk-clean-media-row {
  width: calc(100% - 34px);
  margin-top: 0;
  margin-left: 34px;
}
.bulk-clean-warning {
  color: #ff6f7a;
  background: #ff32441c;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 14px 16px;
  font-size: 0.82rem;
  font-weight: 650;
  display: flex;
}
.bulk-clean-warning svg {
  flex: none;
  width: 16px;
  height: 16px;
}
.bulk-clean-warning strong {
  color: #ff7883;
}
.bulk-clean-warning span {
  min-width: 0;
}
.clean-backup-row strong,
.clean-media-row strong {
  color: #f1f2f5;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.clean-backup-row small,
.clean-media-row small {
  color: #747987;
  margin-top: 4px;
  font-size: 0.72rem;
  font-weight: 500;
  display: block;
}
.clean-switch {
  cursor: pointer;
  background: #5b5d69;
  border: 0;
  border-radius: 999px;
  align-items: center;
  width: 42px;
  height: 24px;
  padding: 2px;
  transition: background 0.16s;
  display: inline-flex;
}
.clean-switch span {
  background: #f4f5f6;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: transform 0.16s;
  box-shadow: 0 2px 8px #00000047;
}
.clean-switch.on {
  background: var(--dash-accent, #2f8cff);
}
.clean-switch.on span {
  transform: translate(18px);
}
.clean-start-button {
  color: #fff;
  background: var(--dash-accent, #2f8cff);
  cursor: pointer;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 44px;
  font-size: 0.9rem;
  font-weight: 650;
  display: inline-flex;
}
.clean-start-button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dash-accent, #2f8cff) 86%, white);
}
.clean-start-button svg {
  fill: none;
  stroke-width: 1.8px;
  width: 16px;
  height: 16px;
}
.clean-start-button:disabled {
  color: #ffffff94;
  background: color-mix(in srgb, var(--dash-accent, #2f8cff) 38%, transparent);
  cursor: not-allowed;
}
.soon-card {
  align-items: center;
  gap: 14px;
  min-height: 132px;
  padding: 24px;
  display: flex;
}
.soon-card h1 {
  color: #f2f3f5;
  margin: 0;
  font-size: 0.98rem;
  font-weight: 800;
}
.soon-card p {
  color: #8faeff;
  margin: 4px 0 0;
  font-size: 0.82rem;
  font-weight: 750;
}
.scraper-view {
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  display: grid;
  overflow-x: hidden;
}
.scraper-head,
.scraper-metric-card,
.scraper-feature-card,
.scraper-list-card,
.scraper-panel-card,
.scraper-search,
.scraper-accounts-table {
  border: 1px solid var(--dash-border);
  color: var(--dash-text);
  background: var(--dash-card);
  border-radius: 14px;
  box-shadow: 0 18px 42px #0000002e;
}
.scraper-head {
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
}
.scraper-head h1 {
  color: var(--dash-text);
  margin: 0;
  font-size: 1rem;
  font-weight: 850;
}
.scraper-head p {
  color: var(--dash-muted);
  margin: 2px 0 0;
  font-size: 0.78rem;
  font-weight: 600;
}
.scraper-head strong {
  color: var(--dash-accent);
}
.scraper-head-action {
  border: 1px solid var(--dash-border);
  min-height: 36px;
  color: var(--dash-text);
  background: var(--dash-soft);
  font: inherit;
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 0 14px;
  font-size: 0.78rem;
  font-weight: 850;
  transition: opacity 0.16s, border-color 0.16s, background 0.16s;
  display: inline-flex;
}
.scraper-head-action svg {
  width: 15px;
  height: 15px;
}
.scraper-head-action.danger {
  color: var(--dash-danger);
  background: color-mix(in srgb, var(--dash-danger) 10%, var(--dash-card));
  border-color: color-mix(in srgb, var(--dash-danger) 28%, var(--dash-border));
}
.scraper-head-action:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dash-accent) 12%, var(--dash-card));
  border-color: color-mix(in srgb, var(--dash-accent) 36%, var(--dash-border));
}
.scraper-head-action.danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dash-danger) 16%, var(--dash-card));
  border-color: color-mix(in srgb, var(--dash-danger) 42%, var(--dash-border));
}
.scraper-head-action:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.scraper-inline-action {
  color: var(--dash-accent);
  cursor: pointer;
  font-size: inherit;
  background: 0 0;
  margin-left: 8px;
  padding: 0;
  font-weight: 800;
  display: inline;
}
.scraper-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.scraper-metric-card {
  gap: 12px;
  min-height: 132px;
  padding: 22px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.scraper-metric-card span,
.scraper-feature-card > span {
  color: var(--dash-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 850;
}
.scraper-metric-card strong {
  color: var(--dash-text);
  font-size: clamp(2rem, 4vw, 3.05rem);
  font-weight: 900;
  line-height: 0.95;
}
.scraper-feature-card svg {
  color: currentColor;
  stroke: currentColor;
  width: 21px;
  height: 21px;
}
.scraper-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.scraper-feature-card {
  align-content: center;
  gap: 18px;
  min-height: 126px;
  padding: 22px;
  display: grid;
}
.scraper-feature-card div {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  column-gap: 14px;
  display: grid;
}
.scraper-feature-card div > small {
  color: var(--dash-muted);
  grid-column: 2;
  font-size: 0.84rem;
  font-weight: 600;
}
.scraper-feature-card strong {
  color: var(--dash-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.08rem;
  font-weight: 850;
  overflow: hidden;
}
.scraper-feature-card p,
.scraper-empty-text {
  color: var(--dash-muted);
  margin: 0;
  font-size: 0.9rem;
  font-weight: 650;
}
.scraper-list-card {
  gap: 12px;
  padding: 16px;
  display: grid;
}
.scraper-list-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}
.scraper-list-card h2 {
  color: var(--dash-text);
  margin: 0;
  font-size: 1.05rem;
  font-weight: 850;
}
.scraper-list-card p {
  color: var(--dash-muted);
  margin: 4px 0 0;
  font-size: 0.82rem;
  font-weight: 600;
}
.scraper-list-card > header button {
  color: var(--dash-accent);
  cursor: pointer;
  background: 0 0;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 850;
  display: inline-flex;
}
.scraper-list-card > header svg {
  width: 15px;
  height: 15px;
}
.scraper-badge-list {
  gap: 10px;
  display: grid;
}
.scraper-badge-list.tall {
  gap: 12px;
}
.scraper-badge-row {
  border: 1px solid var(--dash-border);
  min-height: 72px;
  color: var(--dash-text);
  background: var(--dash-card-strong);
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  grid-template-columns: 48px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 14px;
  padding: 12px;
  transition: border-color 0.17s, background 0.17s, transform 0.17s;
  display: grid;
}
.scraper-badge-row:hover {
  border-color: var(--dash-border-strong);
  background: var(--dash-accent-soft);
  transform: translateY(-1px);
}
.scraper-badge-row strong {
  color: var(--dash-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.98rem;
  font-weight: 850;
  display: block;
  overflow: hidden;
}
.scraper-badge-row small {
  color: var(--dash-muted);
  margin-top: 3px;
  font-size: 0.82rem;
  font-weight: 650;
  display: block;
}
.scraper-badge-row > svg {
  width: 18px;
  height: 18px;
  color: var(--dash-muted);
  justify-self: end;
}
.scraper-badge-icon {
  width: 42px;
  height: 42px;
  color: var(--dash-accent);
  background: var(--dash-accent-soft);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: inline-grid;
}
.scraper-badge-icon img {
  object-fit: contain;
  max-width: 27px;
  max-height: 27px;
  display: block;
}
.scraper-search {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  display: grid;
}
.scraper-search svg {
  width: 18px;
  height: 18px;
  color: var(--dash-muted);
}
.scraper-search input,
.scraper-field input,
.scraper-field select {
  width: 100%;
  min-width: 0;
  color: var(--dash-text);
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 0.92rem;
  font-weight: 650;
}
.scraper-search input::placeholder,
.scraper-field input::placeholder {
  color: color-mix(in srgb, var(--dash-muted) 76%, transparent);
}
.scraper-filters {
  gap: 10px;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
}
.scraper-filters .scraper-search {
  flex: 1 1 240px;
  min-width: 0;
}
.scraper-length-pill {
  color: var(--dash-accent);
  border-color: color-mix(in srgb, var(--dash-accent) 55%, transparent);
  background: color-mix(in srgb, var(--dash-accent-soft) 70%, var(--dash-card-strong));
}
.scraper-accounts-table {
  display: grid;
  overflow: hidden;
}
.scraper-accounts-table > .scraper-empty-text {
  text-align: center;
  place-items: center;
  min-height: 76px;
  padding: 18px;
  display: grid;
}
.scraper-accounts-table > header,
.scraper-account-row {
  grid-template-columns: minmax(190px, 1.05fr) minmax(170px, 0.85fr) minmax(
      180px,
      0.95fr
    ) minmax(240px, 1.2fr) 132px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: grid;
}
.scraper-accounts-table > header {
  border-bottom: 1px solid var(--dash-border);
  min-height: 42px;
  color: var(--dash-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 16px;
  font-size: 0.7rem;
  font-weight: 850;
}

@media (min-width: 761px) {
  .scraper-accounts-table {
    max-height: min(560px, 62vh);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--dash-accent, #4f8bff) 42%, transparent) transparent;
  }
  .scraper-accounts-table::-webkit-scrollbar {
    width: 6px;
  }
  .scraper-accounts-table::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--dash-accent, #4f8bff) 38%, transparent);
    border-radius: 999px;
  }
  .scraper-accounts-table > header {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--dash-card);
  }
}
.scraper-account-row {
  border-bottom: 1px solid var(--dash-border);
  min-height: 64px;
  padding: 9px 16px;
}
.scraper-account-row:last-child {
  border-bottom: 0;
}
.scraper-account-user {
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: inline-grid;
}
.scraper-account-user img {
  object-fit: cover;
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.scraper-account-guild {
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-grid;
}
.scraper-account-guild-avatar {
  background: color-mix(in srgb, var(--dash-text) 8%, transparent);
  width: 32px;
  height: 32px;
  color: var(--dash-muted);
  border-radius: 8px;
  place-items: center;
  display: grid;
}
.scraper-account-guild-avatar img {
  object-fit: cover;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.scraper-account-guild-avatar svg {
  width: 17px;
  height: 17px;
}
.scraper-account-guild-avatar > span {
  color: var(--dash-text);
  font-size: 0.72rem;
  font-weight: 900;
}
.scraper-account-user strong,
.scraper-account-guild strong {
  color: var(--dash-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 850;
  display: block;
  overflow: hidden;
}
.scraper-account-user small,
.scraper-account-guild small,
.scraper-account-row time,
.scraper-account-row code {
  color: var(--dash-muted);
  font-size: 0.8rem;
  font-weight: 650;
}
.scraper-account-row code {
  font-family: var(--font-manrope), sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.scraper-pagination {
  color: var(--dash-muted);
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  font-size: 0.82rem;
  font-weight: 750;
  display: flex;
}
.scraper-pagination button {
  border: 1px solid var(--dash-border);
  background: color-mix(in srgb, var(--dash-panel) 88%, var(--dash-text) 6%);
  min-width: 94px;
  min-height: 36px;
  color: var(--dash-text);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
}
.scraper-pagination button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
.scraper-badge-pills {
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  display: flex;
}
.scraper-badge-pill.compact {
  width: 30px;
  height: 30px;
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  justify-content: center;
  padding: 0;
}
.scraper-badge-pill.compact .scraper-badge-icon {
  background: 0 0;
  border-radius: 0;
  width: 24px;
  height: 24px;
}
.scraper-badge-pill.compact .scraper-badge-icon img {
  max-width: 24px;
  max-height: 24px;
}
.scraper-job-status {
  grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
  align-items: stretch;
  gap: 8px;
  display: grid;
}
.scraper-job-status div,
.scraper-job-status button {
  border: 1px solid var(--dash-border);
  background: color-mix(in srgb, var(--dash-card-strong) 82%, transparent);
  border-radius: 10px;
  min-height: 48px;
  padding: 9px 12px;
}
.scraper-job-status span {
  color: var(--dash-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.66rem;
  font-weight: 850;
  display: block;
}
.scraper-job-status strong {
  color: var(--dash-text);
  margin-top: 3px;
  font-size: 1rem;
  font-weight: 900;
  display: block;
}
.scraper-job-status button {
  min-width: 118px;
  color: var(--dash-danger);
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 850;
  display: inline-flex;
}
.scraper-job-status button svg {
  width: 16px;
  height: 16px;
}
.scraper-badge-pill,
.scraper-empty-pill,
.scraper-selected-row span {
  border: 1px solid var(--dash-border);
  min-height: 24px;
  color: var(--dash-text);
  background: var(--dash-card-strong);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  font-size: 0.72rem;
  font-weight: 800;
  display: inline-flex;
}
.scraper-badge-pill .scraper-badge-icon {
  background: 0 0;
  border-radius: 0;
  width: 15px;
  height: 15px;
}
.scraper-badge-pill .scraper-badge-icon img {
  max-width: 15px;
  max-height: 15px;
}
.scraper-empty-pill {
  width: max-content;
  color: var(--dash-muted);
}
.scraper-panel-card {
  gap: 20px;
  min-width: 0;
  max-width: 100%;
  padding: 20px;
  display: grid;
}
.scraper-token-block {
  border: 1px solid var(--dash-border);
  background: var(--dash-card-strong);
  border-radius: 12px;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  display: grid;
}
.scraper-token-block header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.scraper-token-block header div,
.scraper-token-meta {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.scraper-token-block header strong {
  color: var(--dash-text);
  font-size: 0.9rem;
  font-weight: 850;
}
.scraper-token-block header small,
.scraper-token-select small {
  color: var(--dash-muted);
  font-size: 0.75rem;
  font-weight: 650;
}
.scraper-token-block header button {
  min-height: 34px;
  color: var(--dash-text);
  background: var(--dash-card);
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 0.78rem;
  font-weight: 850;
  display: inline-flex;
}
.scraper-token-block header button:hover {
  color: var(--dash-text);
  background: var(--dash-card);
  box-shadow: none;
}
.scraper-token-block header button svg {
  width: 15px;
  height: 15px;
}
.scraper-token-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  display: grid;
}
.scraper-token-card {
  border: 1px solid var(--dash-border);
  background: var(--dash-card);
  border-radius: 11px;
  min-width: 0;
  position: relative;
}
.scraper-token-card.active {
  border-color: var(--dash-border);
  box-shadow: none;
}
.scraper-token-select {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  color: var(--dash-text);
  text-align: left;
  cursor: pointer;
  background: 0 0;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 38px 9px 9px;
  display: grid;
  overflow: hidden;
}
.scraper-token-card:has(.scraper-token-remove) .scraper-token-select {
  padding-right: 72px;
}
.scraper-token-meta {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.scraper-token-name-row {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.scraper-token-name-row strong {
  min-width: 0;
}
.scraper-token-ratelimit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border: 1px solid color-mix(in srgb, var(--danger, #ff5f75) 55%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--danger, #ff5f75) 16%, transparent);
  color: var(--danger, #ff5f75);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
}
.scraper-token-ratelimit::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--danger, #ff5f75);
  animation: scraper-rl-pulse 1.2s ease-in-out infinite;
}
@keyframes scraper-rl-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.scraper-head-ratelimit {
  flex-shrink: 0;
  margin-left: auto;
}
.scraper-token-select strong {
  color: var(--dash-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  font-weight: 850;
  overflow: hidden;
}
.scraper-token-select .profile-badges.compact {
  flex-wrap: nowrap;
  flex: none;
  max-width: min(110px, 42%);
  display: inline-flex;
  overflow: hidden;
}
.scraper-token-select .profile-badge {
  flex: none;
}
.scraper-token-check {
  color: #fff;
  background: var(--dash-accent);
  width: 22px;
  height: 22px;
  box-shadow: none;
  border-radius: 999px;
  place-items: center;
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.scraper-token-card.active .scraper-token-check {
  display: grid;
}
.scraper-token-card:has(.scraper-token-remove) .scraper-token-check {
  right: 42px;
}
.scraper-token-check svg {
  stroke-width: 2.4px;
  width: 14px;
  height: 14px;
}
.scraper-token-remove {
  border: 1px solid var(--dash-border);
  width: 28px;
  height: 28px;
  color: var(--dash-muted);
  background: color-mix(in srgb, var(--dash-card-strong) 82%, transparent);
  cursor: pointer;
  border-radius: 8px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.scraper-token-remove:hover {
  color: var(--dash-danger);
  background: color-mix(in srgb, var(--dash-danger) 14%, transparent);
}
.scraper-token-remove svg {
  width: 15px;
  height: 15px;
}
.scraper-token-fallback {
  width: 34px;
  height: 34px;
  color: var(--dash-text);
  background: var(--dash-accent-soft);
  border-radius: 50%;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 900;
  display: grid;
}
.scraper-manual-row {
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.scraper-token-modal-backdrop {
  z-index: 220;
  -webkit-backdrop-filter: blur(24px) saturate(0.72);
  background: #000000b3;
}
.scraper-field {
  gap: 8px;
  display: grid;
}
.scraper-field span,
.scraper-filter-block header strong {
  color: var(--dash-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 850;
}
.scraper-field input,
.scraper-field select {
  border: 1px solid var(--dash-border);
  background: var(--dash-card-strong);
  border-radius: 12px;
  min-height: 50px;
  padding: 0 14px;
}
.scraper-field select {
  appearance: none;
}
.scraper-field input:focus,
.scraper-field select:focus {
  border-color: var(--dash-border-strong);
}
.scraper-filter-block {
  gap: 12px;
  display: grid;
}
.scraper-filter-block header {
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  display: flex;
}
.scraper-filter-block header small {
  color: var(--dash-muted);
  font-size: 0.78rem;
  font-weight: 650;
}
.scraper-filter-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.scraper-filter-chip {
  border: 1px solid var(--dash-border);
  min-height: 64px;
  color: var(--dash-muted);
  background: var(--dash-card-strong);
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}
.scraper-filter-chip:hover,
.scraper-filter-chip.active {
  border-color: var(--dash-border-strong);
  color: var(--dash-text);
  background: var(--dash-accent-soft);
}
.scraper-filter-modal .scraper-filter-chip {
  background: color-mix(
    in srgb,
    var(--dash-modal-solid) 86%,
    var(--dash-accent) 14%
  );
}
.scraper-filter-modal .scraper-filter-chip:hover,
.scraper-filter-modal .scraper-filter-chip.active {
  background: color-mix(
    in srgb,
    var(--dash-modal-solid) 72%,
    var(--dash-accent) 28%
  );
}
.scraper-filter-chip img {
  object-fit: contain;
  max-width: 24px;
  max-height: 24px;
  display: block;
}
.scraper-filter-chip svg {
  color: currentColor;
  width: 22px;
  height: 22px;
}
.scraper-filter-chip strong,
.scraper-filter-chip small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.scraper-filter-chip strong {
  color: currentColor;
  font-size: 0.83rem;
  font-weight: 850;
}
.scraper-filter-chip small {
  color: var(--dash-muted);
  margin-top: 3px;
  font-size: 0.7rem;
  font-weight: 650;
}
.scraper-selected-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  display: flex;
}
.scraper-selected-row > strong {
  color: var(--dash-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 850;
}
.scraper-selected-row span img,
.scraper-selected-row span svg {
  object-fit: contain;
  color: currentColor;
  flex: none;
  width: 16px;
  height: 16px;
}
.scraper-selected-row span em {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  overflow: hidden;
}
.scraper-clear-filters {
  border: 1px solid var(--dash-border);
  min-height: 24px;
  color: var(--dash-danger);
  background: color-mix(in srgb, var(--dash-danger) 12%, transparent);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  font-size: 0.72rem;
  font-weight: 850;
  display: inline-flex;
}
.scraper-clear-filters svg {
  width: 14px;
  height: 14px;
}
.scraper-filter-modal-backdrop {
  z-index: 190;
  -webkit-backdrop-filter: blur(22px) saturate(0.78);
  background: #000000bd;
}
.scraper-filter-modal {
  border: 1px solid var(--dash-border);
  width: min(720px, 100%);
  max-height: min(82vh, 760px);
  color: var(--dash-text);
  background: var(--dash-modal-solid);
  -webkit-backdrop-filter: none;
  background-image: none;
  border-radius: 16px;
  gap: 16px;
  padding: 18px;
  display: grid;
  overflow: auto;
  box-shadow: 0 24px 70px #0000006b;
}
:is(.scraper-view:has(.scraper-filter-modal-backdrop)
    > :not(.modal-backdrop), .scraper-view:has(.scraper-token-modal-backdrop)
    > :not(.modal-backdrop)) {
  opacity: 0.32;
  filter: blur(8px);
  transition: opacity 0.15s, filter 0.15s;
}
.dashboard-shell:has(.scraper-token-modal-backdrop) {
  overflow: hidden;
}
:is(.dashboard-shell:has(.scraper-token-modal-backdrop)
    > :not(.dashboard-main):not(.modal-backdrop), .dashboard-shell:has(.scraper-filter-modal-backdrop)
    > :not(.dashboard-main):not(.modal-backdrop)) {
  opacity: 0.22;
  filter: blur(8px);
  pointer-events: none;
  transition: opacity 0.15s, filter 0.15s;
}
.scraper-server-card {
  gap: 18px;
  padding: 20px;
  display: grid;
}
.scraper-server-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}
.scraper-server-actions .clean-start-button.danger {
  color: #fff;
  background: var(--dash-danger);
}
.scraper-server-actions .clean-start-button.danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dash-danger) 86%, white);
}
.scraper-server-message {
  min-height: 20px;
  color: var(--dash-accent-2);
  font-size: 0.84rem;
  font-weight: 800;
}
.scraper-server-message.error {
  color: var(--dash-danger);
}
.scraper-server-results {
  gap: 8px;
  display: grid;
}
.scraper-server-result {
  border: 1px solid var(--dash-border);
  background: var(--dash-card);
  border-radius: 11px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  display: grid;
}
.scraper-server-result-status {
  width: 30px;
  height: 30px;
  color: var(--dash-muted);
  background: var(--dash-card-strong);
  border-radius: 9px;
  place-items: center;
  display: grid;
}
.scraper-server-result.success .scraper-server-result-status {
  color: var(--dash-accent-2);
  background: color-mix(in srgb, var(--dash-accent-2) 13%, transparent);
}
.scraper-server-result.captcha .scraper-server-result-status {
  color: #ffd166;
  background: #ffd1661f;
}
.scraper-server-result.error .scraper-server-result-status {
  color: var(--dash-danger);
  background: color-mix(in srgb, var(--dash-danger) 13%, transparent);
}
.scraper-server-result svg {
  width: 16px;
  height: 16px;
}
.scraper-server-result div {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.scraper-server-result strong {
  color: var(--dash-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 850;
  overflow: hidden;
}
.scraper-server-result small {
  color: var(--dash-muted);
  overflow-wrap: anywhere;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
}
.kosame-forca-history-modal {
  gap: 14px;
  width: min(860px, 100vw - 28px);
  max-height: min(760px, 100vh - 40px);
  display: grid;
  overflow: auto;
}
.kosame-history-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.kosame-history-summary article {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card-strong, #101113);
  border-radius: 8px;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  display: grid;
}
.kosame-history-summary span {
  color: var(--dash-muted, #8b92a2);
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 800;
}
.kosame-history-summary strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 1rem;
  font-weight: 900;
}
.kosame-history-words {
  gap: 6px;
  display: grid;
}
.kosame-history-words strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.82rem;
  font-weight: 850;
}
.kosame-history-word-list {
  overflow-wrap: anywhere;
  line-height: 1.55;
  color: var(--dash-text, #f2f3f5) !important;
  font-weight: 650 !important;
}
.kosame-history-words p,
.kosame-history-empty {
  color: var(--dash-muted, #8b92a2);
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
}
.kosame-history-list {
  gap: 8px;
  max-height: 320px;
  padding-right: 3px;
  display: grid;
  overflow: auto;
}
.kosame-history-list article {
  border: 1px solid var(--dash-border, #ffffff14);
  background: var(--dash-card, #080809);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  display: grid;
}
.kosame-history-list article.win {
  border-color: color-mix(
    in srgb,
    var(--dash-accent-2, #31e6a1) 24%,
    var(--dash-border, #ffffff14)
  );
}
.kosame-history-list article.loss {
  border-color: color-mix(
    in srgb,
    var(--dash-danger, #ff5364) 20%,
    var(--dash-border, #ffffff14)
  );
}
.kosame-history-list article > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.kosame-history-list strong {
  color: var(--dash-text, #f2f3f5);
  font-size: 0.86rem;
  font-weight: 900;
}
.kosame-history-list small {
  min-width: 0;
  color: var(--dash-muted, #8b92a2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 700;
  overflow: hidden;
}
.kosame-history-list article > span {
  color: var(--dash-muted, #8b92a2);
  background: var(--dash-card-strong, #101113);
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 0.72rem;
  font-weight: 850;
}
.kosame-history-list article.win > span {
  color: var(--dash-accent-2, #31e6a1);
}
.kosame-history-list article.loss > span {
  color: var(--dash-danger, #ff5364);
}
.scraper-filter-modal > header {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}
.scraper-filter-modal > header span {
  color: var(--dash-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 850;
  display: block;
}
.scraper-filter-modal h2 {
  color: var(--dash-text);
  margin: 3px 0 0;
  font-size: 1.14rem;
  font-weight: 900;
}
.scraper-filter-modal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.scraper-filter-modal-done {
  min-height: 44px;
}
.scraper-feedback {
  min-height: 20px;
  color: var(--dash-muted);
  margin: -4px 0 0;
  font-size: 0.84rem;
  font-weight: 700;
}
.scraper-feedback.visible {
  color: var(--dash-accent-2);
}
.scraper-feedback.error {
  color: var(--dash-danger);
}
.scraper-run-button:disabled {
  opacity: 0.62;
  cursor: progress;
}
@media (max-width: 1120px) {
  .scraper-metric-grid,
  .scraper-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scraper-feature-grid {
    grid-template-columns: 1fr;
  }
  .scraper-token-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scraper-accounts-table > header,
  .scraper-account-row {
    grid-template-columns: minmax(190px, 1fr) minmax(150px, 0.7fr) minmax(
        170px,
        0.8fr
      ) minmax(220px, 1fr);
  }
  .scraper-accounts-table > header span:last-child,
  .scraper-account-row time {
    display: none;
  }
}
@media (max-width: 760px) {
  .scraper-view {
    gap: 12px;
  }
  .scraper-head,
  .scraper-panel-card,
  .scraper-list-card {
    border-radius: 13px;
  }
  .scraper-head {
    flex-wrap: wrap;
    padding: 14px;
  }
  .scraper-head-action {
    width: 100%;
    margin-left: 0;
  }
  .scraper-head h1 {
    font-size: 1rem;
  }
  .scraper-head p {
    font-size: 0.76rem;
  }
  .scraper-metric-grid,
  .scraper-feature-grid,
  .scraper-filter-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .scraper-filter-modal {
    border-radius: 14px;
    width: 100%;
    max-height: calc(100vh - 20px);
    padding: 14px;
  }
  .scraper-filter-modal-grid {
    grid-template-columns: 1fr;
  }
  .scraper-metric-card {
    min-height: 104px;
    padding: 18px;
  }
  .scraper-metric-card strong {
    font-size: 2.1rem;
  }
  .scraper-feature-card {
    min-height: 108px;
    padding: 18px;
  }
  .scraper-list-card > header {
    flex-direction: column;
    align-items: flex-start;
  }
  .scraper-badge-row {
    grid-template-columns: 42px minmax(0, 1fr) 16px;
    gap: 10px;
    min-height: 64px;
  }
  .scraper-badge-icon {
    width: 38px;
    height: 38px;
  }
  .scraper-accounts-table {
    box-shadow: none;
    background: 0 0;
    border: 0;
    gap: 10px;
    overflow: visible;
    max-height: none;
  }
  .scraper-accounts-table > header {
    display: none;
  }
  .scraper-account-row {
    border: 1px solid var(--dash-border);
    background: var(--dash-card);
    border-radius: 13px;
    grid-template-columns: 1fr;
    gap: 10px;
    min-height: 0;
    padding: 14px;
    display: grid;
  }
  .scraper-account-row code,
  .scraper-account-row time {
    white-space: normal;
    word-break: break-word;
    display: block;
  }
  .scraper-pagination {
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .scraper-pagination span {
    text-align: center;
    order: -1;
    width: 100%;
  }
  .scraper-pagination button {
    flex: 120px;
  }
  .scraper-filter-block header {
    flex-direction: column;
    align-items: flex-start;
  }
  .scraper-token-block header {
    flex-direction: column;
    align-items: stretch;
  }
  .scraper-token-grid {
    grid-template-columns: 1fr;
  }
  .scraper-token-select {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .scraper-token-select .profile-badges.compact {
    max-width: min(104px, 44%);
  }
  .scraper-filter-chip {
    min-height: 58px;
  }
  .scraper-server-actions {
    grid-template-columns: 1fr;
  }
}
.close-dms-card {
  gap: 24px;
  padding: 24px;
  display: grid;
}
.close-dms-mode {
  gap: 8px;
  display: grid;
}
.close-dms-mode > span {
  color: #747987;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.68rem;
  font-weight: 700;
}
.close-dms-mode-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.close-dms-mode-card {
  color: #dfe2ec;
  text-align: left;
  cursor: pointer;
  min-height: 66px;
  box-shadow: none;
  background: #ffffff05;
  border-radius: 8px;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 14px;
  display: grid;
}
.close-dms-mode-card.active {
  box-shadow: none;
  background: #4e8bff38;
}
.close-dms-mode-card:hover {
  background: #ffffff13;
}
.close-dms-mode-card.active:hover {
  background: #4e8bff47;
}
.close-dms-mode-card svg {
  color: #eef1ff;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.close-dms-mode-card span {
  gap: 5px;
  min-width: 0;
  display: grid;
}
.close-dms-mode-card strong {
  color: #f2f3f5;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.15;
}
.close-dms-mode-card small {
  color: #818796;
  font-size: 0.72rem;
  font-weight: 550;
  line-height: 1.35;
}
.close-dms-description {
  color: #8c929f;
  background: #ffffff05;
  border-radius: 8px;
  min-height: 54px;
  margin: 0;
  padding: 18px;
  font-size: 0.88rem;
  font-weight: 560;
  line-height: 1.55;
}
.profile-left {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}
.profile-open-button {
  appearance: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
.profile-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
.profile-title-row h1 {
  color: #f7f7f8;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 32ch;
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}
.profile-left p {
  color: #777c89;
  margin: 4px 0 0;
  font-size: 0.74rem;
  font-weight: 400;
}
.profile-badges {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: inline-flex;
}
.profile-badge {
  flex: 0 0 18px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: inline-flex;
}
.profile-badge img {
  object-fit: contain;
  max-width: 18px;
  max-height: 18px;
  display: block;
}
.badge-tooltip {
  position: relative;
}
.badge-tooltip:before {
  z-index: 80;
  opacity: 0;
  pointer-events: none;
  content: attr(data-tooltip);
  color: #15171b;
  text-align: center;
  white-space: nowrap;
  background: #f2f3f5;
  border-radius: 6px;
  max-width: min(280px, 82vw);
  padding: 5px 8px;
  font-size: 0.73rem;
  font-weight: 600;
  line-height: 1.25;
  transition: opacity 0.12s, transform 0.12s;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, -6px);
  box-shadow: 0 8px 22px #00000047;
}
.badge-tooltip:after {
  content: none;
  display: none;
}
.badge-tooltip:hover:before,
.badge-tooltip:focus-visible:before {
  opacity: 1;
  transform: translate(-50%);
}
.profile-badges.compact {
  flex: 0 auto;
  gap: 3px;
  overflow: visible;
}
.sidebar-current .profile-badges.compact,
.account-menu-account .profile-badges.compact {
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: 108px;
  overflow: hidden;
}
.sidebar-current .profile-badges.compact::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.account-menu-account .profile-badges.compact::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.profile-badges.compact .profile-badge {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}
.profile-badges.compact .profile-badge img {
  max-width: 16px;
  max-height: 16px;
}
.profile-status-row {
  align-items: center;
  gap: 8px;
  display: flex;
}
.connected-pill {
  color: #74f3a7;
  background: #00d26a24;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 12px;
  font-size: 0.72rem;
  font-weight: 600;
  display: inline-flex;
}
.connected-pill svg {
  width: 13px;
  height: 13px;
}
.dash-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.dash-stat {
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 72px;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.dash-stat span {
  color: #5f6470;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 0.68rem;
  font-weight: 600;
  display: block;
}
.dash-stat-value {
  color: #f4f4f5;
  font-size: 1.12rem;
  font-weight: 600;
}
.dash-stat-icon {
  color: #858b99;
  background: linear-gradient(#ffffff0e, #fff0), #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  box-shadow: inset 0 1px #ffffff14, 0 10px 24px #00000029;
}
.dash-stat-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65px;
  width: 18px;
  height: 18px;
}
.badge-progress-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.badge-progress-card {
  min-height: 166px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}
.badge-progress-card > * {
  position: relative;
}
.badge-progress-head,
.badge-progress-foot {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.badge-progress-head span {
  color: #f2f2f6;
  align-items: center;
  gap: 11px;
  font-size: 0.92rem;
  font-weight: 650;
  display: inline-flex;
}
.badge-progress-head strong,
.badge-progress-foot strong {
  color: #9aa0ad;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 600;
}
.badge-progress-title-icon {
  object-fit: contain;
  opacity: 0.82;
  filter: grayscale() saturate(0) brightness(0.68) contrast(1.08);
  width: 19px;
  height: 19px;
  display: block;
}
.badge-progress-title-icon.boost {
  width: 25px;
  height: 25px;
}
.badge-progress-main {
  grid-template-columns: 76px minmax(0, 1fr) 76px;
  align-items: center;
  gap: 14px;
  margin: 20px 0 18px;
  display: grid;
}
.badge-rank {
  justify-items: center;
  gap: 7px;
  min-width: 0;
  display: grid;
}
.badge-tier-asset {
  place-items: center;
  width: 48px;
  height: 48px;
  font-style: normal;
  display: grid;
}
.badge-tier-asset img {
  object-fit: contain;
  filter: drop-shadow(0 10px 14px #00000047);
  max-width: 48px;
  max-height: 48px;
  display: block;
}
.badge-tier-asset.empty {
  background: #ffffff09;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  width: 42px;
  height: 42px;
}
.badge-rank.next .badge-tier-asset {
  opacity: 0.72;
}
.badge-rank span {
  color: #ccd0da;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 0.72rem;
  font-weight: 650;
  overflow: hidden;
}
.badge-progress-track {
  background: #ffffff13;
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}
.badge-progress-track div {
  border-radius: inherit;
  background: #9aa0ad;
  min-width: 8px;
  height: 100%;
}
.badge-steps {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.badge-steps i {
  opacity: 0.34;
  filter: grayscale(0.65);
  place-items: center;
  width: 18px;
  height: 18px;
  transition: opacity 0.16s, filter 0.16s, transform 0.16s;
  display: grid;
  position: relative;
}
.badge-steps img {
  object-fit: contain;
  max-width: 18px;
  max-height: 18px;
  display: block;
}
.badge-steps i.active {
  opacity: 0.62;
  filter: none;
}
.badge-steps i.current {
  opacity: 1;
  transform: translateY(-1px);
}
.badge-steps i.current:after {
  content: "";
  background: #d8dbe4;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: 2px;
  right: 2px;
}
.top-ranking-card {
  gap: 12px;
  padding: 16px;
  display: grid;
}
.top-ranking-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.top-ranking-head span {
  color: #f4f4f5;
  align-items: center;
  gap: 9px;
  font-size: 0.94rem;
  font-weight: 650;
  display: inline-flex;
}
.top-ranking-icon {
  color: #8f96a6;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}
.ranking-filter {
  background: #ffffff06;
  border: 1px solid #ffffff13;
  border-radius: 9px;
  align-items: center;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}
.ranking-filter button {
  appearance: none;
  color: #8f96a6;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  font-size: 0.72rem;
  font-weight: 650;
  display: inline-flex;
}
.ranking-filter button:hover {
  color: #d8dbe4;
  background: #ffffff0a;
}
.ranking-filter button.active {
  color: #f4f4f5;
  background: #ffffff0f;
}
.ranking-list {
  gap: 2px;
  display: grid;
}
.ranking-row {
  min-height: 76px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border-radius: 9px;
  grid-template-columns: 42px minmax(0, 1fr) minmax(78px, auto);
  align-items: center;
  gap: 12px;
  padding: 10px 12px 13px;
  transition: border-color 0.16s, transform 0.16s;
  display: grid;
  position: relative;
  overflow: visible;
}
.ranking-row:hover {
  transform: translateY(-1px);
}
.ranking-row.active .ranking-rank {
  color: #f4f4f5;
  border-color: #ffffff24;
}
.ranking-rank {
  color: #d8dbe4;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-grid;
}
.ranking-account-block {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: grid;
}
.ranking-row .dash-avatar.sm {
  width: 42px;
  height: 42px;
}
.ranking-row .avatar-status:after {
  content: none;
}
.ranking-info {
  gap: 6px;
  min-width: 0;
  display: grid;
}
.ranking-name-row {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}
.ranking-name-row strong {
  color: #f7f7f8;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 0.86rem;
  font-weight: 650;
  overflow: hidden;
}
.ranking-reasons {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
  overflow: visible;
}
.ranking-reason {
  color: #b8bdc9;
  background: #ffffff09;
  border: 1px solid #ffffff13;
  border-radius: 999px;
  flex: 0 auto;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 22px;
  padding: 0 7px;
  font-size: 0.68rem;
  font-weight: 600;
  display: inline-flex;
}
.ranking-reason img {
  object-fit: contain;
  width: 13px;
  height: 13px;
  display: block;
}
.ranking-reason em {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-style: normal;
  overflow: hidden;
}
.ranking-reason.muted {
  color: #777c89;
}
.ranking-score {
  white-space: nowrap;
  justify-items: end;
  gap: 1px;
  display: grid;
}
.ranking-score strong {
  color: #f4f4f5;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1;
}
.ranking-score small {
  color: #8a909e;
  font-size: 0.68rem;
  font-weight: 650;
}
.ranking-score em {
  color: #aeb4c1;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 600;
}
.ranking-details-modal {
  color: #f7f7f8;
  background: #0d0d10;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  gap: 16px;
  width: min(860px, 100vw - 32px);
  max-height: calc(100vh - 36px);
  padding: 20px;
  display: grid;
  overflow-y: auto;
  box-shadow: 0 24px 58px #00000061;
}
.ranking-details-head {
  grid-template-columns: 64px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 13px;
  display: grid;
}
.ranking-details-identity {
  min-width: 0;
}
.ranking-details-identity h2 {
  color: #f7f7f8;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 650;
  overflow: hidden;
}
.ranking-details-identity p {
  color: #777c89;
  margin: 4px 0 0;
  font-size: 0.78rem;
}
.ranking-details-close {
  color: #9aa0ad;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff16;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 0.86rem;
  font-weight: 700;
  display: grid;
}
.ranking-details-close:hover {
  color: #f4f4f5;
  background: #ffffff0e;
}
.ranking-details-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.ranking-details-stats > div {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 10px;
  min-height: 68px;
  padding: 12px;
}
.ranking-details-stats span {
  color: #6d7380;
  text-transform: uppercase;
  margin-bottom: 9px;
  font-size: 0.66rem;
  font-weight: 650;
  display: block;
}
.ranking-details-stats strong {
  color: #f4f4f5;
  font-size: 1rem;
  font-weight: 700;
}
.ranking-details-progress {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.ranking-details-progress .badge-progress-card {
  min-height: 150px;
  box-shadow: none;
}
.ranking-details-badges {
  gap: 10px;
  display: grid;
}
.ranking-details-badges > span {
  color: #aeb4c1;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 650;
}
.ranking-details-badges > div {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}
.ranking-details-badge {
  color: #c9ced8;
  background: #ffffff08;
  border: 1px solid #ffffff13;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 0.72rem;
  font-weight: 600;
  display: inline-flex;
}
.ranking-details-badge img {
  object-fit: contain;
  width: 17px;
  height: 17px;
}
.ranking-details-badges p {
  color: #777c89;
  margin: 0;
  font-size: 0.82rem;
}
.profile-view {
  gap: 14px;
  min-width: 0;
  display: grid;
}
.profile-hero-panel {
  align-items: center;
  gap: 16px;
  min-height: 116px;
  padding: 20px 22px;
  display: flex;
}
.profile-hero-panel .profile-title-row h1 {
  max-width: 42ch;
  font-size: 1.25rem;
}
.profile-hero-panel p {
  color: #777c89;
  margin: 6px 0 0;
  font-size: 0.86rem;
}
.profile-layout-grid {
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.45fr);
  align-items: start;
  gap: 12px;
  display: grid;
}
.profile-info-grid,
.profile-progress-column {
  gap: 8px;
  min-width: 0;
  display: grid;
}
.profile-info-card {
  gap: 4px;
  min-height: 64px;
  padding: 10px 14px;
  display: grid;
}
.profile-info-label {
  color: #747987;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 0.68rem;
  font-weight: 650;
  display: inline-flex;
}
.profile-info-label svg {
  color: #858b99;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 14px;
  height: 14px;
}
.profile-info-label .profile-label-asset {
  object-fit: contain;
  opacity: 0.82;
  filter: grayscale() saturate(0.15) brightness(0.78);
  width: 16px;
  height: 16px;
}
.profile-info-label .profile-label-asset.boost {
  width: 15px;
  height: 15px;
}
.profile-info-label .profile-2fa-icon {
  stroke-width: 2.1px;
  width: 17px;
  height: 17px;
}
.profile-info-label .profile-2fa-icon text {
  fill: currentColor;
  stroke: none;
  letter-spacing: 0;
  font-family: inherit;
  font-size: 8px;
  font-weight: 800;
}
.profile-info-value {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}
.profile-info-value strong {
  color: #f2f3f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.2;
  overflow: hidden;
}
.profile-info-value button {
  appearance: none;
  color: #858b99;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 7px;
  flex: 0 0 24px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: inline-grid;
}
.profile-info-value button:hover {
  color: #f2f3f5;
  background: #ffffff0b;
}
.profile-copy-button.copied {
  color: #21d980;
  animation: 0.42s copyCheckPop;
}
.profile-info-value button svg {
  width: 14px;
  height: 14px;
}
.profile-info-card small,
.profile-info-card em {
  color: #747987;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 500;
}
.profile-info-card em.positive {
  color: #21d980;
  font-weight: 650;
}
.profile-badges-panel {
  gap: 12px;
  padding: 16px;
  display: grid;
}
.profile-badges-panel h2 {
  color: #858b99;
  text-transform: uppercase;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 650;
}
.profile-badges-panel > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.profile-badge-row {
  background: #ffffff06;
  border: 1px solid #fff1;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  display: inline-flex;
}
.profile-badge-row img {
  object-fit: contain;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: block;
}
.profile-badge-row strong {
  color: #d8dbe4;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 650;
  overflow: hidden;
}
.profile-badges-panel p {
  color: #777c89;
  margin: 0;
  font-size: 0.82rem;
}
.dashboard-empty-state h1 {
  margin: 0 0 8px;
  font-size: 1.15rem;
  font-weight: 600;
}
.dashboard-empty-state p {
  color: #7f8492;
  overflow-wrap: anywhere;
  max-width: min(42ch, 100%);
  margin: 0;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.6;
}
.dashboard-empty-state button {
  color: #f7f7f8;
  cursor: pointer;
  background: #ffffff0b;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  height: 40px;
  padding: 0 14px;
  font-weight: 600;
  transition: transform 0.17s, background 0.17s, border-color 0.17s;
  display: inline-flex;
}
.dashboard-empty-state button:hover {
  background: #ffffff12;
  border-color: #ffffff26;
  transform: translateY(-1px);
}
.dashboard-empty-state button svg {
  width: 17px;
  height: 17px;
}
.dashboard-empty-state {
  justify-items: start;
  width: min(420px, 100vw - 32px);
  max-width: 100%;
  padding: 24px;
  display: grid;
}
.dashboard-empty-state button {
  margin-top: 18px;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes copyCheckPop {
  0% {
    opacity: 0;
    transform: scale(0.74) rotate(-12deg);
  }
  55% {
    opacity: 1;
    transform: scale(1.12) rotate(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes topbarDrop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes headlineBlurReveal {
  0% {
    opacity: 0;
    filter: blur(18px);
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    filter: blur();
    transform: translateY(0) scale(1);
  }
}
@keyframes blurReveal {
  0% {
    opacity: 0;
    filter: blur(14px);
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    filter: blur();
    transform: translateY(0);
  }
}
@keyframes copyReveal {
  0% {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes riseReveal {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    filter: blur();
    transform: translateY(0);
  }
}
@keyframes buttonDrop {
  0% {
    opacity: 0;
    translate: 0 -18px;
  }
  to {
    opacity: 1;
    translate: 0;
  }
}
@keyframes feedbackColumnUp {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes feedbackColumnDown {
  0% {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes feedbackStarPop {
  0% {
    transform: scale(1) rotate(0);
  }
  38% {
    transform: scale(1.34) rotate(-8deg);
  }
  72% {
    transform: scale(0.92) rotate(5deg);
  }
  to {
    transform: scale(1) rotate(0);
  }
}
@keyframes devCardShine {
  0% {
    opacity: 0;
    transform: translate(-150%) skew(-18deg);
  }
  28% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(260%) skew(-18deg);
  }
}
.dashboard-profile,
.dash-stat,
.badge-progress-card,
.clean-config-card,
.clean-task-profile,
.clean-task-stats,
.clean-task-actions,
.soon-card,
.profile-hero-panel,
.profile-info-card,
.profile-badges-panel,
.top-ranking-card,
.dashboard-empty-state,
.backup-card,
.settings-card,
.settings-theme-row,
.settings-danger-row,
.theme-card,
.clean-backup-row,
.clean-media-row,
.ranking-filter,
.ranking-rank,
.backup-search,
.backups-toolbar select,
.clean-delay-select,
.clean-delay-menu,
.clean-delay-menu-item,
.clean-config-field input,
.clean-task-actions button {
  box-shadow: none;
  border-color: #0000;
}
.backups-toolbar select,
.clean-delay-select,
.clean-config-field input {
  outline: none;
}
.ranking-row + .ranking-row {
  box-shadow: none;
}
@media (max-width: 980px) {
  .dashboard-shell {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 100dvh;
    padding: 12px;
    overflow: visible;
  }
  .dashboard-main {
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }
  .dashboard-main.automation-main {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .dashboard-sidebar {
    z-index: auto;
    grid-template-rows: auto auto auto auto;
    width: auto;
    height: auto;
    position: static;
    top: auto;
    left: auto;
  }
  .dash-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .badge-progress-grid,
  .clean-config-fields {
    grid-template-columns: 1fr;
  }
  .clean-delay-picker {
    width: min(260px, 100%);
  }
  .bulk-clean-delay {
    width: 100%;
  }
  .clean-task-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
  .close-dms-mode-grid,
  .backups-toolbar,
  .backup-detail-tools {
    grid-template-columns: 1fr;
  }
  .theme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .backup-card {
    grid-template-columns: 1fr;
  }
  .backup-card-delete {
    justify-self: end;
  }
  .profile-layout-grid,
  .ranking-details-progress,
  .profile-badges-panel > div {
    grid-template-columns: 1fr;
  }
  .topbar,
  .nav-links,
  .secondary-action {
    display: none;
  }
  .hero-panel {
    min-height: 100vh;
    padding-top: 48px;
  }
  .hero-mobile-logo {
    display: block;
  }
  .eyebrow {
    display: none;
  }
  .hero-copy-block h1 {
    font-size: 4.1rem;
  }
  .feedback-wall-section {
    min-height: 700px;
    padding-top: 48px;
  }
  .feedback-wall-heading {
    margin-bottom: 6px;
    padding: 0 18px;
  }
  .feedback-perspective {
    width: 118vw;
    height: 610px;
  }
  .feedback-depth-grid {
    grid-template-columns: repeat(2, minmax(220px, 270px));
    gap: 16px;
    top: 78px;
    transform: translate(-50%) rotateX(48deg) rotate(-4deg);
  }
  .feedback-column.column-3,
  .feedback-column.column-4 {
    display: none;
  }
  .feedback-card {
    min-height: 132px;
    padding: 16px;
  }
  .docs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1120px) {
  .scraper-job-status {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .scraper-job-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scraper-job-status button {
    grid-column: 1/-1;
  }
}
@media (max-width: 560px) {
  .clean-delay-picker {
    width: 100%;
  }
  .clean-task-profile {
    grid-template-columns: 52px minmax(0, 1fr);
  }
  .clean-task-phase {
    grid-column: 1/-1;
    justify-items: start;
  }
  .clean-task-stats {
    grid-template-columns: 1fr;
  }
  .settings-theme-row,
  .settings-language-row,
  .settings-danger-row {
    grid-template-columns: 1fr;
    justify-items: start;
  }
  .settings-theme-row > svg,
  .settings-language-picker,
  .settings-danger-button {
    justify-self: stretch;
  }
  .settings-language-picker,
  .settings-language-menu {
    width: 100%;
  }
  .theme-grid {
    grid-template-columns: 1fr;
  }
  .bulk-clean-options .clean-backup-row,
  .bulk-clean-options .clean-media-row {
    grid-template-columns: 18px minmax(0, 1fr);
  }
  .bulk-clean-options .clean-switch {
    grid-column: 1/-1;
    justify-self: end;
  }
  .bulk-clean-media-row {
    width: 100%;
    margin-left: 0;
  }
  .dashboard-profile {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .profile-status-row {
    justify-content: flex-start;
  }
  .profile-hero-panel {
    flex-direction: column;
    align-items: flex-start;
  }
  .dash-stats-grid {
    grid-template-columns: 1fr;
  }
  .ranking-row {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }
  .ranking-score {
    grid-column: 2;
    grid-template-columns: auto auto auto;
    place-items: baseline start;
    gap: 5px;
  }
  .ranking-reasons {
    flex-wrap: wrap;
  }
  .top-ranking-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .ranking-filter {
    width: 100%;
  }
  .ranking-filter button {
    flex: 1;
    padding: 0 8px;
  }
  .ranking-details-head {
    grid-template-columns: 52px minmax(0, 1fr) 34px;
  }
  .ranking-details-head .dash-avatar.xl {
    width: 52px;
    height: 52px;
  }
  .ranking-details-stats,
  .profile-info-grid {
    grid-template-columns: 1fr;
  }
  .hero-mobile-logo {
    width: min(215px, 78vw);
    margin-bottom: 30px;
  }
  .hero-copy-block h1 {
    font-size: 2.45rem;
    line-height: 1.06;
  }
  .info-page-shell,
  .devs-page,
  .docs-page,
  .download-page {
    width: min(100% - 28px, 1100px);
    padding: 42px 0 72px;
  }
  .dev-profile-card {
    min-height: 460px;
  }
  .dev-off-tooltip {
    right: -48px;
  }
  .docs-grid {
    grid-template-columns: 1fr;
  }
  .hero-copy-block {
    width: calc(100vw - 40px);
    max-width: 350px;
  }
  .accent-word {
    min-width: 0;
  }
  .hero-text {
    overflow-wrap: break-word;
    width: 100%;
    max-width: 27ch;
    font-size: 1rem;
  }
  .hero-actions {
    width: min(296px, 100%);
    margin-inline: auto;
  }
  .primary-action,
  .secondary-action {
    width: 100%;
    min-width: 0;
  }
  .connected-panel {
    width: 100%;
    padding: 20px;
  }
  .login-shell {
    padding: 32px 16px;
  }
  .login-card {
    max-width: min(360px, 100vw - 32px);
  }
  .login-logo {
    width: min(190px, 72vw);
    margin-bottom: 14px;
  }
  .empty-accounts {
    min-height: 200px;
    padding: 32px 18px;
  }
}
@media (max-width: 760px) {
  .modal-backdrop {
    padding: 10px;
  }
  .kosame-rep-actions {
    grid-template-columns: 1fr;
  }
  .kosame-start-button,
  .kosame-history-button {
    width: 100%;
  }
  .kosame-history-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kosame-forca-history-modal {
    max-height: calc(100vh - 20px);
  }
  .dashboard-shell {
    gap: 10px;
    width: 100%;
    max-width: 100vw;
    padding: 8px;
    overflow-x: hidden;
  }
  .dashboard-shell[data-theme="hello-kitty"]:after {
    opacity: 0.16;
    width: min(310px, 78vw);
    bottom: 10vh;
    right: -54px;
  }
  .dashboard-sidebar {
    border-radius: 10px;
    padding: 8px;
  }
  .sidebar-brand {
    justify-content: flex-start;
    min-height: 42px;
    padding: 6px 8px;
  }
  .sidebar-logo {
    width: 112px;
  }
  .sidebar-nav {
    gap: 4px;
  }
  .sidebar-nav-group {
    margin-top: 2px;
  }
  .sidebar-subnav {
    padding-left: 0;
  }
  .sidebar-nav-item,
  .sidebar-nav-trigger,
  .sidebar-subnav-item {
    min-height: 40px;
    padding: 0 9px;
    font-size: 0.82rem;
  }
  .dashboard-main {
    gap: 12px;
    min-width: 0;
  }
  .dashboard-profile,
  .dash-stat,
  .badge-progress-card,
  .clean-config-card,
  .clean-task-profile,
  .clean-task-stats,
  .clean-task-actions,
  .soon-card,
  .profile-hero-panel,
  .profile-info-card,
  .profile-badges-panel,
  .top-ranking-card,
  .dashboard-empty-state,
  .backup-card,
  .settings-card {
    border-radius: 8px;
  }
  .dashboard-profile {
    padding: 14px;
  }
  .profile-left,
  .profile-title-row {
    min-width: 0;
  }
  .profile-title-row {
    flex-wrap: wrap;
  }
  .profile-title-row h1 {
    overflow-wrap: anywhere;
    max-width: 100%;
  }
  .profile-status-row {
    flex-wrap: wrap;
  }
  .dash-stat {
    min-height: 88px;
    padding: 16px;
  }
  .dash-stat-value {
    font-size: 1.6rem;
  }
  .clean-config-card {
    gap: 18px;
    padding: 16px;
  }
  .kosame-rep-fields,
  .kosame-account-grid,
  .kosame-farm-command-grid,
  .kosame-farm-grid,
  .kosame-token-grid,
  .kosame-rep-actions {
    grid-template-columns: 1fr;
  }
  .kosame-farm-grid {
    min-width: 0;
  }
  .kosame-start-button {
    width: 100%;
  }
  .clean-config-head,
  .backups-head,
  .backup-detail-head,
  .settings-head {
    align-items: flex-start;
  }
  .clean-config-field input,
  .clean-delay-select {
    height: 44px;
  }
  .clean-backup-row,
  .clean-media-row {
    min-height: auto;
    padding: 13px;
  }
  .backup-create-panel {
    gap: 35px;
    width: 100%;
    max-width: none;
  }
  .backup-create-media-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .clean-start-button {
    min-height: 44px;
  }
  .settings-card {
    gap: 16px;
    padding: 16px;
  }
  .settings-theme-row {
    grid-template-columns: 84px minmax(0, 1fr) 16px;
  }
  .settings-danger-row {
    grid-template-columns: 1fr;
  }
  .settings-danger-button {
    width: 100%;
  }
  .theme-modal {
    width: min(680px, 100vw - 20px);
    max-height: calc(100dvh - 20px);
    padding: 16px;
  }
  .theme-modal-head {
    grid-template-columns: 36px minmax(0, 1fr) 30px;
    align-items: start;
  }
  .theme-modal-head h2 {
    font-size: 1rem;
  }
  .theme-grid {
    grid-template-columns: 1fr;
  }
  .theme-card {
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    min-height: 0;
    padding: 12px;
  }
  .theme-card-meta small {
    min-height: 0;
  }
  .theme-selected-mark {
    top: 8px;
    right: 8px;
  }
  .ranking-details-modal {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    overflow: hidden auto;
  }
  .ranking-details-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .backup-detail-tools {
    grid-template-columns: 1fr;
  }
  .backup-filter-tabs {
    padding-bottom: 4px;
  }
  .backup-message-list {
    padding: 10px 0 0;
  }
  .backup-message-attachments a {
    max-width: 100%;
  }
  .devs-page {
    width: min(100% - 24px, 520px);
    min-height: auto;
    padding: 28px 0 56px;
  }
  .dev-profile-card {
    width: 100%;
    min-height: 0;
  }
  .dev-profile-main {
    padding: 0 18px 24px;
  }
}
@media (max-width: 420px) {
  .theme-card,
  .settings-theme-row,
  .backup-create-media-row {
    grid-template-columns: 1fr;
  }
  .theme-preview {
    width: 100%;
    max-width: none;
  }
  .settings-theme-row > svg {
    display: none;
  }
  .clean-task-progress > div:last-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden;
  }
  .dashboard-shell,
  .dashboard-main,
  .dashboard-sidebar,
  .backups-view,
  .backups-detail,
  .settings-view,
  .clean-task-view {
    min-width: 0;
  }
  .dashboard-shell {
    grid-template-columns: minmax(0, 1fr);
    min-height: 100dvh;
  }
  .dashboard-shell.empty {
    padding: 16px;
  }
  .dashboard-empty-state {
    width: 100%;
    max-width: 420px;
  }
  .modal-backdrop {
    place-items: center;
    min-width: 0;
  }
  .theme-modal,
  .feedback-modal,
  .token-modal,
  .ranking-details-modal {
    width: min(100%, 100vw - 20px);
    max-width: calc(100vw - 20px);
    margin: auto;
  }
  .theme-modal {
    max-height: calc(100dvh - 20px);
  }
  .theme-modal-head,
  .settings-head,
  .backups-head,
  .backup-detail-head,
  .clean-config-head,
  .theme-card,
  .settings-theme-row,
  .settings-language-row,
  .settings-danger-row,
  .backup-create-media-row,
  .clean-backup-row,
  .clean-media-row {
    min-width: 0;
  }
  .backup-detail-tools,
  .backups-toolbar,
  .backups-toolbar select,
  .backup-search,
  .clean-delay-picker,
  .clean-delay-select,
  .clean-config-field input {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .dashboard-shell.empty {
    place-items: center stretch;
  }
  .dashboard-empty-state {
    max-width: none;
    padding: 22px;
  }
  .settings-theme-row,
  .settings-danger-row,
  .backup-create-media-row,
  .clean-backup-row,
  .clean-media-row {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }
  .settings-theme-row {
    gap: 12px;
  }
  .settings-language-picker {
    justify-self: stretch;
    width: 100%;
  }
  .settings-theme-row > svg {
    display: none;
  }
  .settings-danger-button,
  .clean-switch {
    justify-self: end;
  }
  .backup-create-media-row .clean-switch,
  .clean-backup-row .clean-switch,
  .clean-media-row .clean-switch {
    margin-top: 2px;
  }
  .theme-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .theme-preview {
    width: 100%;
    max-width: none;
  }
  .backup-card-main {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .backup-card-meta {
    gap: 8px;
  }
  .badge-progress-head,
  .badge-progress-foot {
    flex-direction: column;
    align-items: flex-start;
  }
  .badge-progress-main {
    grid-template-columns: 54px minmax(0, 1fr) 54px;
    gap: 8px;
  }
  .badge-tier-asset,
  .badge-tier-asset img {
    width: 38px;
    height: 38px;
  }
}
.dashboard-shell[data-theme]
  :where(.sidebar-current strong, .account-menu-account
    strong, .profile-title-row h1, .dash-stat-value, .badge-progress-head
    span, .top-ranking-head span, .ranking-name-row strong, .ranking-score
    strong, .ranking-details-identity h2, .ranking-details-stats
    strong, .settings-head h1, .settings-theme-row strong, .settings-danger-row
    strong, .theme-card-meta strong, .token-modal h2, .feedback-modal
    h2, .clean-config-head h1, .clean-task-profile h1, .backups-head
    h1, .backup-detail-head h1, .backup-card-main strong, .profile-info-value
    strong, .profile-badge-row strong, .quest-sim-panel-head
    strong, .quest-sim-option strong, .quest-sim-stat
    strong, .quest-sim-progress strong) {
  color: var(--dash-text);
}
.dashboard-shell[data-theme]
  :where(.sidebar-current small, .account-menu-account small, .dashboard-profile
    p, .profile-left p, .dash-stat span, .badge-progress-head
    strong, .badge-progress-foot strong, .badge-rank
    span, .top-ranking-icon, .ranking-filter button, .ranking-score
    small, .ranking-score em, .ranking-details-identity
    p, .ranking-details-stats span, .ranking-details-badges
    > span, .ranking-details-badges p, .settings-head
    p, .settings-label, .settings-theme-row small, .settings-danger-row
    small, .theme-modal-head p, .theme-card-meta small, .token-field
    span, .feedback-modal-head p, .feedback-message-field
    span, .feedback-anonymous-toggle, .clean-config-head p, .clean-config-field
    label, .backups-head p, .backup-detail-head p, .backup-card-main
    small, .backup-card-meta, .profile-info-card small, .profile-info-card
    em, .profile-info-label, .profile-badges-panel h2, .profile-badges-panel
    p, .quest-sim-panel-head small, .quest-sim-option small, .quest-sim-option
    em, .quest-sim-stat small, .quest-sim-progress span, .quest-sim-console
    header) {
  color: var(--dash-muted);
}
.dashboard-shell[data-theme]
  :where(.account-menu, .token-modal, .feedback-modal, .theme-modal, .ranking-details-modal, .ranking-details-stats
    > div, .ranking-details-badge, .theme-card, .token-field
    input, .feedback-message-field
    textarea, .feedback-modal-close, .theme-modal-close, .ranking-details-close, .quest-sim-panel, .quest-sim-stat, .quest-sim-option, .quest-sim-console) {
  border-color: var(--dash-border);
  background: var(--dash-card);
}
.dashboard-shell[data-theme]
  :where(.ranking-filter button.active, .ranking-filter
    button:hover, .quest-sim-option.active, .quest-sim-option:hover) {
  color: var(--dash-text);
  background: var(--dash-card-strong);
}
.dashboard-shell[data-theme] :where(.token-field input, .backup-search input) {
  color: var(--dash-text);
}
.dashboard-shell[data-theme]
  :where(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item, .sidebar-current, .account-menu
    button, .mobile-tabbar button, .mobile-more-sheet button) {
  color: var(--dash-muted);
}
.dashboard-shell[data-theme]
  :where(.sidebar-nav-item.active, .sidebar-nav-item:hover, .sidebar-nav-trigger:hover, .sidebar-nav-group.open
    > .sidebar-nav-trigger, .sidebar-subnav-item.active, .sidebar-subnav-item:hover, .sidebar-current:hover, .sidebar-current.open, .account-menu
    button:hover, .mobile-tabbar button.active, .mobile-tabbar
    button:hover, .mobile-more-sheet button:hover) {
  color: var(--dash-text);
}
.dashboard-shell[data-theme="bob-esponja"] .sidebar-logo,
.dashboard-shell[data-theme="manga"] .sidebar-logo {
  filter: brightness(0) saturate();
  opacity: 0.88;
}
.dashboard-shell[data-theme="hello-kitty"]
  :where(.dashboard-profile, .dash-stat, .badge-progress-card, .top-ranking-card, .settings-card, .clean-config-card, .account-menu, .token-modal, .feedback-modal, .theme-modal, .ranking-details-modal, .quest-sim-panel, .quest-sim-stat, .quest-sim-console),
.dashboard-shell[data-theme="kuromi"]
  :where(.dashboard-profile, .dash-stat, .badge-progress-card, .top-ranking-card, .settings-card, .clean-config-card, .account-menu, .token-modal, .feedback-modal, .theme-modal, .ranking-details-modal, .quest-sim-panel, .quest-sim-stat, .quest-sim-console) {
  -webkit-backdrop-filter: blur(12px) saturate(0.86);
}
.dashboard-shell[data-theme="bob-esponja"]
  :where(.dashboard-profile, .dash-stat, .badge-progress-card, .top-ranking-card, .settings-card, .clean-config-card, .clean-task-profile, .clean-task-stats, .clean-task-actions, .backup-card, .account-menu, .token-modal, .feedback-modal, .theme-modal, .ranking-details-modal, .ranking-details-stats
    > div, .theme-card, .quest-sim-panel, .quest-sim-stat, .quest-sim-console) {
  background-color: #fff7c3f0;
  background-image: radial-gradient(
    circle at 12px 12px,
    #8a77221f 0 1.2px,
    #0000 1.6px
  );
  background-size: 18px 18px;
  box-shadow: 0 18px 32px #8a772221;
}
.dashboard-shell[data-theme="bob-esponja"]
  :where(.clean-start-button, .modal-confirm, .clean-switch.on) {
  color: #2a240f;
}
.dashboard-shell[data-theme="bob-esponja"]
  :where(.dash-stat-icon, .ranking-rank) {
  color: #2a240f;
  background: #ffcc0038;
}
.dashboard-shell[data-theme="manga"]
  :where(.dashboard-sidebar, .dashboard-profile, .dash-stat, .badge-progress-card, .top-ranking-card, .settings-card, .clean-config-card, .clean-task-profile, .clean-task-stats, .clean-task-actions, .backup-card, .account-menu, .token-modal, .feedback-modal, .theme-modal, .ranking-details-modal, .ranking-details-stats
    > div, .ranking-details-badge, .settings-theme-row, .clean-backup-row, .clean-media-row, .ranking-filter, .backup-search, .backups-toolbar
    select, .clean-delay-select, .clean-config-field
    input, .theme-card, .quest-sim-panel, .quest-sim-stat, .quest-sim-console) {
  background-color: #e8e2d3f5;
  border: 2px solid #151515;
  border-radius: 2px;
  box-shadow: 5px 5px #151515;
}
.mobile-tabbar,
.mobile-more-sheet {
  display: none;
}
@media (max-width: 760px) {
  .dashboard-shell {
    padding-bottom: 98px;
  }
  .dashboard-sidebar {
    display: none;
  }
  .mobile-tabbar {
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    left: max(10px, env(safe-area-inset-left));
    z-index: 45;
    border: 1px solid var(--dash-border);
    background: var(--dash-sidebar);
    -webkit-backdrop-filter: blur(16px) saturate(0.9);
    border-radius: 24px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    width: min(480px, 100vw - 20px);
    min-height: 66px;
    margin: 0 auto;
    padding: 7px;
    display: grid;
    position: fixed;
    box-shadow: 0 18px 42px #00000057;
  }
  .mobile-tabbar button {
    cursor: pointer;
    background: 0 0;
    border-radius: 18px;
    place-items: center;
    gap: 4px;
    min-width: 0;
    min-height: 50px;
    font-size: 0.66rem;
    font-weight: 800;
    display: grid;
  }
  .mobile-tabbar button.active {
    background: var(--dash-card-strong);
  }
  .mobile-tabbar svg {
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8px;
    width: 18px;
    height: 18px;
  }
  .mobile-tabbar button.active svg {
    color: var(--dash-accent);
  }
  .mobile-tabbar span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }
  .mobile-more-sheet {
    right: max(10px, env(safe-area-inset-right));
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 76px);
    left: max(10px, env(safe-area-inset-left));
    z-index: 44;
    border: 1px solid var(--dash-border);
    background: var(--dash-sidebar);
    -webkit-backdrop-filter: blur(16px) saturate(0.9);
    border-radius: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: min(480px, 100vw - 20px);
    margin: 0 auto;
    padding: 10px;
    display: grid;
    position: fixed;
    box-shadow: 0 18px 42px #00000052;
  }
  .mobile-more-sheet button {
    background: var(--dash-card);
    cursor: pointer;
    text-align: left;
    border-radius: 12px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 38px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 800;
    display: inline-flex;
  }
  .mobile-more-sheet button:hover {
    background: var(--dash-card-strong);
  }
  .mobile-more-sheet svg {
    color: currentColor;
    flex: none;
    width: 16px;
    height: 16px;
  }
}
.dashboard-shell[data-theme="manga"]
  :where(.clean-start-button, .modal-confirm, .clean-switch.on) {
  color: #f4f1e9;
  background: #151515;
}
.dashboard-shell[data-theme="manga"]
  :where(.sidebar-nav-item.active, .sidebar-subnav-item.active, .ranking-filter
    button.active) {
  color: #151515;
  background: #1616161f;
}
.dashboard-shell[data-theme="manga"]
  :where(.dash-stat-icon, .ranking-rank, .theme-modal-close, .ranking-details-close) {
  color: #151515;
  background: #16161614;
}
@keyframes bobBubbleRise {
  0% {
    transform: translateY(140px);
  }
  to {
    transform: translateY(-140px);
  }
}
@media (max-width: 760px) {
  .dashboard-shell > .mobile-tabbar {
    left: 50%;
    right: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    z-index: 90;
    border: 1px solid var(--dash-border);
    background: color-mix(in srgb, var(--dash-sidebar) 92%, transparent);
    -webkit-backdrop-filter: blur(18px) saturate(0.92);
    border-radius: 28px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 5px;
    width: min(430px, 100vw - 14px);
    height: 76px;
    min-height: 76px;
    max-height: 76px;
    margin: 0;
    padding: 8px;
    display: grid;
    position: fixed;
    transform: translate(-50%);
    box-shadow: 0 16px 40px #00000061;
  }
  .dashboard-shell > .mobile-tabbar button {
    width: 100%;
    height: 60px;
    min-height: 0;
    max-height: 60px;
    color: var(--dash-muted);
    background: 0 0;
    border-radius: 22px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 4px;
    line-height: 1;
    display: flex;
  }
  .dashboard-shell > .mobile-tabbar button.active {
    color: var(--dash-text);
    background: var(--dash-card-strong);
  }
  .dashboard-shell > .mobile-tabbar button span {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1;
    display: block;
    overflow: hidden;
  }
  .dashboard-shell > .mobile-tabbar button svg {
    flex: none;
    width: 20px;
    height: 20px;
  }
  .dashboard-shell > .mobile-more-sheet {
    left: 50%;
    right: auto;
    bottom: calc(100px + env(safe-area-inset-bottom, 0px));
    z-index: 89;
    border: 1px solid var(--dash-border);
    background: color-mix(in srgb, var(--dash-sidebar) 94%, transparent);
    -webkit-backdrop-filter: blur(18px) saturate(0.92);
    border-radius: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: min(430px, 100vw - 14px);
    max-height: min(330px, 100dvh - 122px);
    margin: 0;
    padding: 12px;
    display: grid;
    position: fixed;
    overflow-y: auto;
    transform: translate(-50%);
    box-shadow: 0 16px 40px #0000005c;
  }
  .dashboard-shell > .mobile-more-sheet button {
    width: 100%;
    min-width: 0;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    color: var(--dash-muted);
    background: var(--dash-card);
    border-radius: 14px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }
  .dashboard-shell > .mobile-more-sheet button:hover {
    color: var(--dash-text);
    background: var(--dash-card-strong);
  }
  .dashboard-shell > .mobile-more-sheet button svg {
    flex: none;
    width: 17px;
    height: 17px;
  }
  .dashboard-shell.has-modal > .mobile-tabbar,
  .dashboard-shell.has-modal > .mobile-more-sheet {
    opacity: 0;
    pointer-events: none;
  }
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.dashboard-profile, .dash-stat, .badge-progress-card, .top-ranking-card, .clean-config-card, .clean-task-profile, .clean-task-stats, .clean-task-actions, .settings-card, .backup-card, .profile-hero-panel, .profile-info-card, .profile-badges-panel, .soon-card) {
  color: var(--dash-text);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item, .sidebar-current, .account-menu
    button, .mobile-tabbar button, .mobile-more-sheet button, .ranking-filter
    button, .clean-delay-select, .clean-delay-menu-item, .clean-config-field
    input, .backup-search input, .backups-toolbar select) {
  color: var(--dash-muted);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.sidebar-nav-item.active, .sidebar-nav-item:hover, .sidebar-nav-trigger:hover, .sidebar-nav-group.open
    > .sidebar-nav-trigger, .sidebar-subnav-item.active, .sidebar-subnav-item:hover, .sidebar-current:hover, .sidebar-current.open, .account-menu
    button:hover, .mobile-tabbar button.active, .mobile-tabbar
    button:hover, .mobile-more-sheet button:hover, .ranking-filter
    button.active, .ranking-filter
    button:hover, .clean-delay-select:hover, .clean-delay-picker.open
    .clean-delay-select, .clean-delay-menu-item.active, .clean-delay-menu-item:hover) {
  color: var(--dash-text);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.sidebar-nav-item svg, .sidebar-nav-trigger svg, .sidebar-subnav-item
    svg, .sidebar-current > svg, .account-menu button svg, .mobile-tabbar
    button
    svg, .mobile-more-sheet
    button
    svg, .top-ranking-icon, .dash-stat-icon, .dash-stat-icon
    svg, .clean-config-icon, .clean-config-icon svg, .clean-delay-select
    svg, .clean-delay-menu-item > svg, .clean-backup-row > svg, .clean-media-row
    > svg, .bulk-clean-options .clean-backup-row > svg, .bulk-clean-options
    .clean-media-row
    > svg, .close-dms-mode-card svg, .settings-head-icon
    svg, .settings-theme-row > svg, .profile-info-label svg) {
  color: currentColor;
  stroke: currentColor;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.sidebar-current strong, .account-menu-account
    strong, .profile-title-row h1, .dash-stat-value, .badge-progress-head
    span, .badge-rank span, .top-ranking-head span, .ranking-name-row
    strong, .ranking-score strong, .clean-config-head h1, .clean-backup-row
    strong, .clean-media-row strong, .clean-task-profile h1, .clean-task-stat
    strong, .soon-card h1, .settings-head h1, .settings-theme-row
    strong, .settings-danger-row strong, .backup-card-main strong, .backups-head
    h1, .backup-detail-head h1) {
  color: var(--dash-text);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.sidebar-current small, .account-menu-account small, .dashboard-profile
    p, .profile-left p, .dash-stat span, .badge-progress-head
    strong, .badge-progress-foot strong, .ranking-score small, .ranking-score
    em, .ranking-reason, .ranking-reason em, .clean-config-head
    p, .clean-config-field span, .clean-config-field label, .clean-delay-picker
    > span, .clean-config-field small, .clean-backup-row small, .clean-media-row
    small, .clean-task-profile p, .clean-task-phase, .clean-task-progress
    > div:last-child, .soon-card p, .settings-head
    p, .settings-label, .settings-theme-row small, .settings-danger-row
    small, .backup-card-main small, .backup-card-meta, .backups-head
    p, .backup-detail-head p) {
  color: var(--dash-muted);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :where(.ranking-reason, .ranking-rank, .dash-stat-icon, .clean-config-icon) {
  border-color: color-mix(in srgb, var(--dash-text) 22%, transparent);
  color: var(--dash-text);
  background: color-mix(in srgb, var(--dash-text) 8%, transparent);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .connected-pill {
  color: #075c38;
  background: #00944f2e;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .connected-pill
  svg {
  color: currentColor;
  stroke: currentColor;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .badge-progress-track {
  background: color-mix(in srgb, var(--dash-text) 16%, transparent);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .badge-progress-track
  div {
  background: color-mix(in srgb, var(--dash-text) 46%, var(--dash-accent));
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .clean-task-progress-bar {
  background: color-mix(in srgb, var(--dash-text) 12%, transparent);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .clean-task-progress-bar
  span {
  background: color-mix(in srgb, var(--dash-text) 52%, var(--dash-accent));
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .clean-delay-select::placeholder,
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .clean-config-field
  input::placeholder,
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .backup-search
  input::placeholder {
  color: color-mix(in srgb, var(--dash-muted) 72%, transparent);
}
.dashboard-shell[data-theme="manga"] .ranking-filter button.active {
  color: #151515;
  background: #16161629;
}
.dashboard-shell[data-theme="bob-esponja"] .ranking-filter button.active {
  color: #29240f;
  background: #ffcc0061;
}
.dashboard-shell[data-theme] .account-menu {
  z-index: 36;
  -webkit-backdrop-filter: none;
  background-image: none;
}
.dashboard-shell[data-theme="default"] .account-menu {
  background: #0d0d10;
}
.dashboard-shell[data-theme="hello-kitty"] .account-menu {
  background: #1a0710;
}
.dashboard-shell[data-theme="kuromi"] .account-menu {
  background: #0f0619;
}
.dashboard-shell[data-theme="cyberpunk"] .account-menu {
  background: #030917;
}
.dashboard-shell[data-theme="bob-esponja"] .account-menu {
  background: #fff2ae;
}
.dashboard-shell[data-theme="manga"] .account-menu {
  background: #eee9dd;
}
.dashboard-shell[data-theme="hello-kitty"] .account-menu-account.active,
.dashboard-shell[data-theme="hello-kitty"] .account-menu button:hover {
  background: #351321;
}
.dashboard-shell[data-theme="kuromi"] .account-menu-account.active,
.dashboard-shell[data-theme="kuromi"] .account-menu button:hover {
  background: #251234;
}
.dashboard-shell[data-theme="cyberpunk"] .account-menu-account.active,
.dashboard-shell[data-theme="cyberpunk"] .account-menu button:hover {
  background: #07172b;
}
.dashboard-shell[data-theme="bob-esponja"] .account-menu-account.active,
.dashboard-shell[data-theme="bob-esponja"] .account-menu button:hover {
  background: #f2df89;
}
.dashboard-shell[data-theme="manga"] .account-menu-account.active,
.dashboard-shell[data-theme="manga"] .account-menu button:hover {
  background: #ddd6c6;
}
.dashboard-shell[data-theme]
  :is(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item) {
  color: var(--dash-muted);
}
.dashboard-shell[data-theme]
  :is(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item)
  svg,
.dashboard-shell[data-theme] .sidebar-nav-trigger svg:last-child {
  stroke: currentColor;
  color: currentColor !important;
}
.dashboard-shell:not([data-theme="default"]):not([data-theme="bob-esponja"]):not([data-theme="manga"])
  :is(.sidebar-nav-item.active, .sidebar-nav-item:hover, .sidebar-subnav-item.active, .sidebar-subnav-item:hover, .sidebar-nav-trigger:hover),
.dashboard-shell:not([data-theme="default"]):not([data-theme="bob-esponja"]):not([data-theme="manga"])
  .sidebar-nav-group.open
  > .sidebar-nav-trigger {
  color: var(--dash-accent);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item),
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.sidebar-nav-item.active, .sidebar-nav-item:hover, .sidebar-subnav-item.active, .sidebar-subnav-item:hover, .sidebar-nav-trigger:hover),
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .sidebar-nav-group.open
  > .sidebar-nav-trigger {
  color: var(--dash-text);
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .ranking-row.active
  .ranking-rank,
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .ranking-rank {
  border-color: color-mix(in srgb, var(--dash-text) 18%, transparent);
  color: var(--dash-text);
  background: color-mix(in srgb, var(--dash-text) 9%, transparent);
}
.dashboard-shell[data-theme="bob-esponja"] .ranking-row.active .ranking-rank,
.dashboard-shell[data-theme="bob-esponja"] .ranking-rank {
  color: #29240f;
  background: #29240f14;
}
.dashboard-shell[data-theme="manga"] .ranking-row.active .ranking-rank,
.dashboard-shell[data-theme="manga"] .ranking-rank {
  color: #151515;
  background: #16161614;
}
.mobile-appbar,
.mobile-nav-scrim,
.mobile-nav-drawer {
  display: none;
}
.sidebar-external-link .discord-logo-icon,
.mobile-drawer-external-link .discord-logo-icon {
  fill: none;
  stroke: currentColor;
}
@media (max-width: 760px) {
  .dashboard-shell {
    padding: calc(92px + env(safe-area-inset-top, 0px)) 8px 18px;
  }
  .dashboard-shell > .mobile-tabbar,
  .dashboard-shell > .mobile-more-sheet {
    display: none !important;
  }
  .dashboard-shell > .mobile-appbar {
    z-index: 90;
    border: 1px solid var(--dash-border);
    height: 74px;
    color: var(--dash-text);
    -webkit-backdrop-filter: none;
    border-radius: 18px;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    display: flex;
    box-shadow: 0 18px 38px #0000005c;
    top: max(8px, env(safe-area-inset-top, 0px)) !important;
    background: var(--dash-mobile-surface, #080809) !important;
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
  }
  .mobile-menu-button,
  .mobile-drawer-close {
    border: 1px solid var(--dash-border);
    width: 48px;
    height: 48px;
    color: var(--dash-muted);
    background: var(--dash-card);
    cursor: pointer;
    border-radius: 14px;
    flex: none;
    place-items: center;
    display: grid;
  }
  .mobile-menu-button svg,
  .mobile-drawer-close svg,
  .mobile-drawer-group-trigger svg,
  .mobile-drawer-link svg {
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.55px;
    width: 22px;
    height: 22px;
  }
  .mobile-drawer-link > .kosame-image-icon,
  .mobile-drawer-link > .nav-image-icon,
  .mobile-drawer-link > .brand-image-icon,
  .mobile-drawer-group-trigger > .nav-image-icon,
  .mobile-drawer-group-trigger > .kosame-image-icon {
    flex: 0 0 22px;
    place-items: center;
    width: 22px;
    height: 22px;
    display: inline-grid;
  }
  .mobile-drawer-link > svg,
  .mobile-drawer-link > .kosame-image-icon > svg,
  .mobile-drawer-link > .nav-image-icon > svg,
  .mobile-drawer-link > .brand-image-icon > svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .mobile-app-brand {
    align-items: center;
    min-width: 0;
    display: inline-flex;
  }
  .mobile-app-logo {
    width: 148px;
    height: auto;
    display: block;
  }
  .dashboard-shell > .mobile-nav-scrim {
    z-index: 170;
    -webkit-backdrop-filter: none;
    background: #000;
    display: block;
    position: fixed !important;
    inset: 0 !important;
  }
  .dashboard-shell > .mobile-nav-drawer {
    z-index: 171;
    width: auto;
    max-width: none;
    padding: calc(18px + env(safe-area-inset-top, 0px)) 16px
      calc(16px + env(safe-area-inset-bottom, 0px));
    color: var(--dash-text);
    box-shadow: none;
    border: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    display: grid;
    background: var(--dash-mobile-surface, #080809) !important;
    position: fixed !important;
    inset: 0 !important;
  }
  .mobile-drawer-head {
    border-bottom: 1px solid var(--dash-border);
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    display: flex;
  }
  .mobile-drawer-brand {
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: inline-flex;
  }
  .mobile-drawer-logo {
    width: 142px;
    height: auto;
    display: block;
  }
  .mobile-drawer-brand span {
    display: none;
  }
  .mobile-drawer-brand strong,
  .mobile-drawer-brand small {
    display: block;
  }
  .mobile-drawer-brand small {
    color: var(--dash-muted);
    margin-top: 3px;
    font-size: 0.78rem;
  }
  .mobile-drawer-nav {
    align-content: start;
    gap: 3px;
    padding: 12px 0;
    display: grid;
    overflow-y: auto;
  }
  .mobile-drawer-label {
    color: var(--dash-muted);
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 8px 0 3px;
    font-size: 0.68rem;
    font-weight: 850;
    display: block;
  }
  .mobile-drawer-link {
    width: 100%;
    min-height: 42px;
    color: var(--dash-muted);
    cursor: pointer;
    text-align: left;
    background: 0 0;
    border-radius: 12px;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    font-size: 0.95rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
  }
  .mobile-drawer-group,
  .mobile-drawer-section {
    gap: 3px;
    display: grid;
  }
  .mobile-drawer-group-trigger {
    width: 100%;
    min-height: 42px;
    color: var(--dash-muted);
    cursor: pointer;
    text-align: left;
    background: 0 0;
    border-radius: 12px;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    font-size: 0.95rem;
    font-weight: 800;
    display: inline-flex;
  }
  .mobile-drawer-group-trigger svg:last-child {
    width: 16px;
    height: 16px;
    margin-left: auto;
  }
  .mobile-drawer-subnav {
    gap: 3px;
    padding-left: 9px;
    display: grid;
  }
  .mobile-drawer-subnav .mobile-drawer-link {
    min-height: 38px;
    font-size: 0.88rem;
  }
  .mobile-drawer-link.active,
  .mobile-drawer-link:hover,
  .mobile-drawer-group.open > .mobile-drawer-group-trigger,
  .mobile-drawer-group-trigger:hover,
  .mobile-menu-button:hover,
  .mobile-drawer-close:hover {
    color: var(--dash-text);
    background: var(--dash-card-strong);
  }
  .mobile-drawer-footer {
    border-top: 1px solid var(--dash-border);
    gap: 10px;
    padding-top: 14px;
    display: grid;
  }
  .mobile-drawer-account {
    min-height: 54px;
    color: var(--dash-text);
    background: var(--dash-card);
    text-align: left;
    border-radius: 13px;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 8px;
    display: grid;
  }
  .mobile-drawer-account > svg {
    width: 16px;
    height: 16px;
    color: var(--dash-muted);
  }
  .mobile-drawer-account strong,
  .mobile-drawer-account small {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }
  .mobile-drawer-account-actions {
    gap: 8px;
    display: grid;
  }
  .mobile-drawer-account-actions button {
    min-height: 44px;
    color: var(--dash-text);
    background: var(--dash-card-strong);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    display: inline-flex;
  }
  .mobile-drawer-account-actions svg {
    width: 18px;
    height: 18px;
  }
  .mobile-drawer-account small {
    color: var(--dash-muted);
    margin-top: 3px;
    font-size: 0.76rem;
  }
  .mobile-drawer-signout {
    border: 1px solid var(--dash-border);
    min-height: 44px;
    color: var(--dash-muted);
    background: 0 0;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    display: inline-flex;
  }
  .mobile-drawer-signout svg {
    width: 18px;
    height: 18px;
  }
  .dashboard-shell.has-modal > .mobile-appbar {
    opacity: 0;
    pointer-events: none;
  }
  .dashboard-shell[data-theme="bob-esponja"] .mobile-app-logo,
  .dashboard-shell[data-theme="bob-esponja"] .mobile-drawer-logo,
  .dashboard-shell[data-theme="manga"] .mobile-app-logo,
  .dashboard-shell[data-theme="manga"] .mobile-drawer-logo {
    filter: brightness(0) saturate(0) opacity(0.82);
  }
  .ranking-reasons {
    display: none;
  }
}
.dashboard-shell[data-theme="default"] {
  --dash-mobile-surface: #080809;
}
.dashboard-shell[data-theme="hello-kitty"] {
  --dash-mobile-surface: #16060e;
}
.dashboard-shell[data-theme="kuromi"] {
  --dash-mobile-surface: #0b0413;
}
.dashboard-shell[data-theme="cyberpunk"] {
  --dash-mobile-surface: #030712;
}
.dashboard-shell[data-theme="bob-esponja"] {
  --dash-mobile-surface: #fff2ae;
}
.dashboard-shell[data-theme="manga"] {
  --dash-mobile-surface: #eee9dd;
}
.dashboard-shell[data-theme]:not([data-theme="default"])
  :is(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item, .mobile-drawer-group-trigger, .mobile-drawer-link, .mobile-drawer-label) {
  color: var(--dash-muted) !important;
}
.dashboard-shell[data-theme]:not([data-theme="default"])
  :is(.sidebar-nav-item svg, .sidebar-nav-trigger svg, .sidebar-subnav-item
    svg, .mobile-drawer-group-trigger svg, .mobile-drawer-link svg) {
  color: currentColor !important;
  stroke: currentColor !important;
}
.dashboard-shell[data-theme]:not([data-theme="default"]):not([data-theme="bob-esponja"]):not([data-theme="manga"])
  :is(.sidebar-nav-item.active, .sidebar-nav-item:hover, .sidebar-subnav-item.active, .sidebar-subnav-item:hover, .sidebar-nav-trigger:hover, .sidebar-nav-group.open
    > .sidebar-nav-trigger, .mobile-drawer-group.open
    > .mobile-drawer-group-trigger, .mobile-drawer-group-trigger:hover, .mobile-drawer-link.active, .mobile-drawer-link:hover) {
  color: var(--dash-accent) !important;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.sidebar-nav-item, .sidebar-nav-trigger, .sidebar-subnav-item, .mobile-drawer-group-trigger, .mobile-drawer-link, .mobile-drawer-label, .account-menu
    button, .ranking-filter
    button, .clean-delay-select, .clean-delay-menu-item, .clean-config-field
    input, .backup-search input, .backups-toolbar select),
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.clean-backup-row, .clean-media-row, .bulk-clean-options
    .clean-backup-row, .bulk-clean-options
    .clean-media-row, .close-dms-mode-card, .close-dms-description, .backup-detail-head, .backup-detail-tools, .backup-filter-tabs
    button, .backup-message-list, .backup-message-row, .backup-card-meta, .ranking-row, .ranking-rank, .ranking-reason, .connected-pill, .badge-progress-track, .clean-task-progress-bar) {
  color: var(--dash-text) !important;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.clean-backup-row > svg, .clean-media-row > svg, .bulk-clean-options
    .clean-backup-row
    > svg, .bulk-clean-options .clean-media-row > svg, .close-dms-mode-card
    svg, .backup-detail-head > button, .backup-detail-head
    > button
    svg, .backup-search svg, .backup-filter-tabs
    svg, .backup-message-attachments svg, .profile-info-label
    svg, .clean-config-icon svg) {
  color: var(--dash-text) !important;
  stroke: currentColor !important;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.clean-backup-row strong, .clean-media-row strong, .close-dms-mode-card
    strong, .backup-detail-head h1, .backup-message-row
    header
    strong, .backup-message-row p, .backup-message-attachments
    a, .ranking-name-row strong, .ranking-reason em, .ranking-score
    strong, .ranking-score small, .ranking-score
    em, .connected-pill, .badge-rank span) {
  color: var(--dash-text) !important;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  :is(.clean-backup-row small, .clean-media-row small, .close-dms-mode
    > span, .close-dms-mode-card
    small, .close-dms-description, .backup-detail-head p, .backup-message-row
    header, .backup-date-divider, .backup-start-label, .dashboard-profile
    p, .profile-left p) {
  color: var(--dash-muted) !important;
}
.dashboard-shell:is([data-theme="bob-esponja"], [data-theme="manga"])
  .close-dms-mode-card.active {
  color: var(--dash-text) !important;
  background: color-mix(
    in srgb,
    var(--dash-accent-2) 18%,
    var(--dash-card)
  ) !important;
}
.dashboard-shell[data-theme="bob-esponja"] .close-dms-mode-card.active {
  background: #f2df89 !important;
}
.dashboard-shell[data-theme="manga"] .close-dms-mode-card.active {
  background: #d8d2c1 !important;
}
.dashboard-shell[data-theme] .settings-head-icon.appearance-head-icon,
.dashboard-shell[data-theme] .settings-head-icon.appearance-head-icon svg {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none;
}
.dashboard-shell[data-theme] .settings-head-icon.accounts-head-icon,
.dashboard-shell[data-theme] .settings-head-icon.accounts-head-icon svg {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none;
}

/* Mobile polish: keep the dashboard compact, readable and thumb-friendly. */
@media (max-width: 760px) {
  body {
    -webkit-text-size-adjust: 100%;
  }

  button,
  a,
  input,
  select,
  textarea {
    touch-action: manipulation;
  }

  .dashboard-shell {
    gap: 0;
    padding: calc(76px + env(safe-area-inset-top, 0px)) 12px
      calc(20px + env(safe-area-inset-bottom, 0px));
  }

  .dashboard-shell > .mobile-appbar {
    top: max(6px, env(safe-area-inset-top, 0px)) !important;
    right: 6px !important;
    left: 6px !important;
    height: 64px;
    border-radius: 16px;
    padding: 8px 10px;
  }

  .mobile-menu-button,
  .mobile-drawer-close {
    width: 46px;
    height: 46px;
    min-width: 46px;
  }

  .mobile-app-logo {
    width: min(142px, 48vw);
  }

  .dashboard-main,
  .settings-view,
  .backups-view,
  .backups-detail,
  .clean-task-view,
  .scraper-view {
    width: 100%;
    min-width: 0;
    gap: 12px;
  }

  .dashboard-profile,
  .dash-stat,
  .badge-progress-card,
  .top-ranking-card,
  .clean-config-card,
  .clean-task-profile,
  .clean-task-stats,
  .clean-task-actions,
  .settings-card,
  .backup-card,
  .profile-hero-panel,
  .profile-info-card,
  .profile-badges-panel,
  .soon-card {
    border-radius: 14px;
  }

  .dashboard-shell > .mobile-nav-scrim {
    background: #000a;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  .dashboard-shell > .mobile-nav-drawer {
    right: auto !important;
    width: min(88vw, 360px);
    border-right: 1px solid var(--dash-border);
    padding: calc(14px + env(safe-area-inset-top, 0px)) 14px
      calc(14px + env(safe-area-inset-bottom, 0px));
    box-shadow: 24px 0 60px #0009;
  }

  .mobile-drawer-nav {
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  .mobile-drawer-link,
  .mobile-drawer-group-trigger {
    min-height: 46px;
  }

  .modal-backdrop {
    align-items: end;
    padding: 8px;
  }

  .theme-modal,
  .feedback-modal,
  .token-modal,
  .ranking-details-modal,
  .scraper-filter-modal,
  .kosame-forca-history-modal {
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - 16px);
    margin: 0;
    border-radius: 20px;
    overscroll-behavior: contain;
  }

  .token-field input,
  .feedback-message-field textarea,
  .clean-config-field input,
  .backup-search input,
  .lookup-search input,
  .clean-delay-select,
  .backups-toolbar select {
    font-size: 16px;
  }

  .backup-filter-tabs,
  .ranking-filter {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  /* Keep the open language list above the following Danger zone card. */
  .settings-view,
  .settings-card,
  .settings-language-row {
    overflow: visible;
  }

  .settings-card:has(.settings-language-select[aria-expanded="true"]) {
    z-index: 40;
    position: relative;
  }

  .settings-language-picker:has(
      .settings-language-select[aria-expanded="true"]
    ) {
    z-index: 41;
  }

  .settings-language-menu {
    z-index: 42;
    max-height: min(320px, calc(100dvh - 150px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* Every dashboard branch must be allowed to shrink inside the viewport. */
  .dashboard-main *,
  .modal-backdrop * {
    min-width: 0;
  }

  .dashboard-main img,
  .dashboard-main video,
  .dashboard-main canvas {
    max-width: 100%;
  }

  .dashboard-main :is(h1, h2, h3, p, strong, small, code),
  .modal-backdrop :is(h1, h2, h3, p, strong, small, code) {
    overflow-wrap: anywhere;
  }

  .clean-config-head,
  .scraper-head,
  .backups-head,
  .backup-detail-head,
  .settings-head,
  .ai-provider-head,
  .kosame-rep-card-head,
  .kosame-farm-card-head {
    gap: 10px;
  }

  .clean-config-head > div,
  .scraper-head > div,
  .backups-head > div,
  .backup-detail-head > div,
  .settings-head > div {
    flex: 1 1 180px;
  }

  .ai-provider-grid,
  .ai-training-tabs,
  .ai-gallery-fields,
  .ai-gallery-grid,
  .kosame-humanizer-modules,
  .kosame-rep-fields,
  .kosame-cooldown-list,
  .kosame-confirmed-words > header,
  .kosame-confirmed-word-add,
  .scraper-filter-grid,
  .scraper-filter-modal-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ai-provider-card,
  .ai-training-shell-card,
  .ai-training-panel,
  .ai-question-card,
  .ai-memory-card,
  .ai-gallery-card,
  .kosame-humanizer-module,
  .kosame-cooldown-group,
  .kosame-confirmed-words {
    width: 100%;
    max-width: 100%;
  }

  .ai-question-card,
  .ai-gallery-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .ai-question-avatar,
  .ai-gallery-preview {
    justify-self: start;
  }

  .ai-question-actions,
  .ai-credentials-actions,
  .kosame-farm-actions,
  .kosame-cooldown-footer,
  .scraper-pagination {
    flex-wrap: wrap;
  }

  .kosame-cooldown-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .kosame-cooldown-input-wrap,
  .kosame-cooldown-input-wrap input,
  .kosame-confirmed-word-search,
  .kosame-confirmed-word-length,
  .kosame-confirmed-word-length select {
    width: 100%;
  }

  .scraper-accounts-table,
  .scraper-account-row,
  .scraper-account-user,
  .scraper-account-guild {
    max-width: 100%;
  }

  .scraper-account-row code {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .modal-backdrop {
    padding: max(8px, env(safe-area-inset-top, 0px))
      max(8px, env(safe-area-inset-right, 0px))
      max(8px, env(safe-area-inset-bottom, 0px))
      max(8px, env(safe-area-inset-left, 0px));
  }

  .theme-modal,
  .feedback-modal,
  .token-modal,
  .ranking-details-modal,
  .scraper-filter-modal,
  .kosame-forca-history-modal,
  .ai-account-modal,
  .ai-target-modal,
  .kosame-proxy-modal,
  .kosame-farm-target-modal {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  :is(.dashboard-shell, .modal-backdrop)
    :is(button, [role="button"], input, select) {
    min-height: 44px;
  }

  :is(.scraper-field input, .scraper-field select, .ai-secret-input input,
    .ai-training-form input, .ai-gallery-form input,
    .kosame-humanizer-time-grid input,
    .kosame-humanizer-duration-grid input,
    .kosame-cooldown-input-wrap input,
    .kosame-confirmed-word-search input,
    .kosame-confirmed-word-length select) {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .dash-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dash-stat {
    min-height: 96px;
    padding: 14px;
  }

  .dash-stat-value {
    font-size: clamp(1.35rem, 7vw, 1.7rem);
  }

  .dashboard-profile {
    gap: 12px;
  }

  .profile-left {
    align-items: flex-start;
  }

  .ranking-row {
    padding-inline: 10px;
  }

  .theme-modal,
  .feedback-modal,
  .token-modal,
  .ranking-details-modal {
    padding: 14px;
  }

  .clean-config-card,
  .clean-task-profile,
  .clean-task-stats,
  .clean-task-actions,
  .settings-card,
  .backup-card,
  .scraper-panel-card,
  .scraper-list-card,
  .ai-provider-card,
  .ai-training-shell-card,
  .kosame-humanizer-module,
  .kosame-cooldown-group,
  .kosame-confirmed-words {
    padding: 14px;
  }

  .scraper-head-action,
  .clean-start-button,
  .kosame-start-button,
  .kosame-history-button,
  .ai-save-button,
  .ai-clear-button,
  .scraper-run-button,
  .scraper-filter-modal-done {
    width: 100%;
    justify-content: center;
  }

  .modal-actions,
  .feedback-modal-actions,
  .scraper-server-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 380px) {
  .dashboard-shell {
    padding-right: 8px;
    padding-left: 8px;
  }

  .mobile-app-logo {
    width: 124px;
  }

  .dash-stats-grid {
    grid-template-columns: 1fr;
  }

  .theme-modal-head,
  .ranking-details-head {
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell *,
  .dashboard-shell *::before,
  .dashboard-shell *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* Disclear - profile gate + custom Rich Presence */
.clean-config-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}
.clean-config-actions .clean-start-button {
  flex: 1 1 180px;
  padding: 0 18px;
  width: auto;
}
.rich-presence-clear {
  color: #8d94a6;
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  font-size: 0.9rem;
  font-weight: 650;
  display: inline-flex;
}
.rich-presence-clear:hover:not(:disabled) {
  color: #f4f5f7;
  background: #ffffff12;
  border-color: #ffffff29;
}
.rich-presence-clear:disabled {
  color: #ffffff94;
  cursor: not-allowed;
  opacity: 0.6;
}
.dev-only-block {
  align-content: center;
  justify-content: center;
  justify-items: center;
  text-align: center;
  border-style: dashed;
  border-color: #ffffff21;
  min-height: 220px;
}
.dev-only-block .settings-head {
  justify-content: center;
}
.dev-only-block h1 {
  color: #f4f5f7;
  font-size: 1.05rem;
  margin: 0;
}
.dev-only-block p {
  color: #8d94a6;
  font-size: 0.85rem;
  margin: 0;
}
.rich-presence-view .settings-card.rich-presence-card {
  gap: 16px;
}
.rich-presence-view .rich-presence-warning {
  color: #f0b232;
  background: #f0b23214;
  border: 1px solid #f0b23229;
  border-radius: 8px;
  font-size: 0.82rem;
  line-height: 1.5;
  padding: 10px 12px;
}
.rich-presence-view .rich-presence-warning strong { color: #f0b232; }
.rich-presence-preview {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  padding: 10px;
}
.rich-presence-preview-svg { display: block; max-width: 340px; width: 100%; }
.rich-presence-toggles { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.rich-presence-toggle {
  align-items: center;
  color: #dcddde;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.85rem;
  gap: 7px;
}
.rich-presence-toggle input { accent-color: #5865f2; cursor: pointer; }
.rich-presence-toggle:has(input:disabled) { cursor: not-allowed; opacity: 0.6; }

/* Disclear - onglet dev : comptes connectes + tokens */
.dev-accounts-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.dev-accounts-view .dev-accounts-card { gap: 16px; }
.dev-accounts-actions { display: flex; justify-content: flex-end; }
.dev-accounts-actions .clean-start-button { flex: 0 0 auto; min-width: 140px; padding: 0 18px; }
.dev-accounts-empty { color: #8d94a6; text-align: center; padding: 24px 0; }
.dev-accounts-table { display: flex; flex-direction: column; gap: 12px; }
.dev-accounts-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #ffffff08; border: 1px solid #ffffff14; border-radius: 8px; }
.dev-accounts-row .dev-accounts-name-row { display: flex; align-items: center; flex-wrap: wrap; column-gap: 6px; row-gap: 2px; min-width: 0; max-width: 100%; }
.dev-accounts-row .dev-accounts-name-row .dev-accounts-name { min-width: 0; overflow-wrap: anywhere; }
.dev-accounts-row .dev-accounts-name-row .dev-accounts-badges { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 3px; flex: 0 0 auto; }
.dev-accounts-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; width: 100%; }
.dev-accounts-name { color: #f4f5f7; font-size: 0.95rem; font-weight: 650; }
.dev-accounts-id { color: #8d94a6; font-family: var(--font-geist-mono), "SFMono-Regular", Consolas, monospace; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dev-accounts-meta { color: #8d94a6; font-size: 0.8rem; line-height: 1.5; overflow-wrap: anywhere; }
.dev-accounts-token { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.dev-accounts-token-text { display: block; background: #0000002e; color: #dcddde; font-family: var(--font-geist-mono), "SFMono-Regular", Consolas, monospace; font-size: 0.75rem; padding: 8px 10px; border-radius: 6px; user-select: all; overflow-wrap: anywhere; }
.dev-accounts-token-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.dev-accounts-token-actions .rich-presence-clear { min-height: 34px; padding: 0 12px; font-size: 0.8rem; }

/* Disclear - Lookup de perfil por ID */
.lookup-view { display: flex; flex-direction: column; gap: 16px; }
.lookup-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--dash-card);
  border: 1px solid var(--dash-border);
  border-radius: 14px;
  padding: 20px;
}
.lookup-head { display: flex; align-items: flex-start; gap: 14px; }
.lookup-head-icon {
  width: 44px;
  height: 44px;
  flex: none;
  color: #f4f5f7;
  background: #ffffff16;
  border-radius: 12px;
  display: inline-grid;
  place-items: center;
}
.lookup-head-icon svg {width: 22px;height: 22px;stroke: #f4f5f7;fill: none;}
.lookup-head h1 { color: var(--dash-text); font-size: 1.15rem; font-weight: 800; margin: 0; }
.lookup-head p { color: var(--dash-muted); font-size: 0.85rem; margin: 4px 0 0; }
.lookup-search { display: flex; flex-direction: column; gap: 12px; }
.lookup-search input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 50px;
  color: var(--dash-text);
  background: var(--dash-card-strong);
  border: 1px solid var(--dash-border);
  border-radius: 12px;
  font-size: 0.92rem;
  font-weight: 650;
  padding: 0 14px;
  outline: 0;
  transition: border-color 0.17s, box-shadow 0.17s, background 0.17s;
}
.lookup-search input::placeholder {
  color: color-mix(in srgb, var(--dash-muted) 76%, transparent);
}
.lookup-search input:focus {
  border-color: var(--dash-border-strong);
}
.lookup-search-button { flex: 0 0 auto; min-width: 130px; }
.lookup-feedback { min-height: 18px; color: var(--dash-muted); font-size: 0.85rem; margin: 0; }
.lookup-feedback.error { color: #f25b5b; }
.lookup-simulated {
  color: #f0b232;
  background: #f0b23214;
  border: 1px solid #f0b23233;
  border-radius: 8px;
  font-size: 0.82rem;
  margin: 0;
  padding: 8px 12px;
}
.lookup-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--dash-card-strong);
  border: 1px solid var(--dash-border);
  border-radius: 12px;
  padding: 16px;
}
.lookup-profile-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.lookup-avatar {
  width: 56px;
  height: 56px;
  flex: none;
  border-radius: 50%;
  background: var(--dash-border);
}
.lookup-identity { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lookup-identity strong { color: var(--dash-text); font-size: 1.05rem; font-weight: 800; overflow-wrap: anywhere; }
.lookup-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.lookup-username { color: var(--dash-muted); font-size: 0.85rem; }
.lookup-badges {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.lookup-badges .profile-badge img { width: 24px; height: 24px; }
.lookup-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 18px;
  margin: 0;
}
.lookup-meta div { display: flex; flex-direction: column; gap: 3px; }
.lookup-meta dt {
  color: var(--dash-muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lookup-meta dd {
  color: var(--dash-text);
  font-size: 0.9rem;
  font-weight: 650;
  margin: 0;
  overflow-wrap: anywhere;
}

/* Disclear - scraper: origem da busca (servidor x lista de amigos) */
.scraper-source-row { display: flex; gap: 8px; }
.scraper-source-option {
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--dash-muted);
  background: var(--dash-card-strong);
  border: 1px solid var(--dash-border);
  border-radius: 10px;
  min-height: 42px;
  padding: 0 12px;
  font-size: 0.88rem;
  font-weight: 750;
  cursor: pointer;
  display: inline-flex;
}
.scraper-source-option svg {width: 17px;height: 17px;color: currentColor;fill: currentColor;stroke: currentColor; fill-rule: nonzero; }
.scraper-source-option.active {
  color: var(--dash-accent);
  background: var(--dash-accent-soft);
  border-color: color-mix(in srgb, var(--dash-accent) 45%, transparent);
}
.scraper-friends-hint {
  color: var(--dash-muted);
  background: var(--dash-accent-soft);
  border: 1px dashed color-mix(in srgb, var(--dash-accent) 40%, transparent);
  border-radius: 10px;
  font-size: 0.85rem;
  line-height: 1.5;
  padding: 10px 14px;
}