:root {

  --anka-gold: #E8B923;

  --anka-gold-bright: #FFE7A3;

  --anka-gold-deep: #C9920A;

  --anka-gold-mid: #D4A017;

  --anka-ink: #0a0a0c;

  --anka-chat: #f4f4f8;

  --smoke-a: #2e2e36;

  --smoke-b: #35353d;

  --smoke-c: #3d3d45;

}



.anka-word {

  font-weight: 800;

  letter-spacing: -0.03em;

}



.anka-gold {

  background: linear-gradient(180deg, var(--anka-gold-bright) 0%, var(--anka-gold) 42%, var(--anka-gold-deep) 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

}



.anka-chat {

  color: var(--anka-chat);

  -webkit-text-fill-color: var(--anka-chat);

  font-weight: 500;

}



.anka-logo {

  image-rendering: auto;

  -ms-interpolation-mode: bicubic;

}



.empty-state-brand {

  text-align: center;

  padding: 40px 24px;

  background: #0a0a0c;

}



.empty-state-logo {

  width: 96px;

  height: 96px;

  object-fit: contain;

  display: block;

  margin: 0 auto 14px;

}



.empty-state-brand .anka-word {

  font-size: 1.625rem;

  line-height: 1.15;

  letter-spacing: -0.02em;

}



.empty-state-hint {

  margin-top: 10px;

  font-size: 0.875rem;

  color: #a1a1aa;

}



.empty-state-sub {

  margin-top: 4px;

  font-size: 0.75rem;

  color: #71717a;

}



.brand-mark {

  display: inline-flex;

  flex-direction: column;

  align-items: center;

  gap: 6px;

  text-align: center;

}



.brand-mark img {

  width: 40px;

  height: 40px;

  object-fit: contain;

  display: block;

}



.brand-mark-inline {

  display: inline-flex;

  align-items: center;

  gap: 10px;

}



.brand-mark-inline img {

  width: 32px;

  height: 32px;

  object-fit: contain;

  display: block;

}