#editWordOverlay .ciyu-word-fields {
  display: grid;
  gap: 5px;
  margin-bottom: 12px;
  text-align: start;
}

#editWordOverlay .ciyu-word-fields label {
  font-weight: 600;
  font-size: 14px;
}

#editWordOverlay .ciyu-word-fields input,
#editWordOverlay .ciyu-word-fields textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  margin: 0 0 8px;
  padding: 10px 11px;
  border: 1px solid var(--gray-200);
  border-radius: 9px;
  background: var(--gray-50);
  color: var(--gray-900);
  font: inherit;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

#editWordOverlay .ciyu-word-fields textarea { overflow-y: hidden; }

#editWordOverlay .ciyu-word-note summary {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 2px;
  color: var(--gray-600);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
#editWordOverlay .ciyu-word-note summary::-webkit-details-marker { display: none; }
#editWordOverlay .ciyu-word-note:not([open]) .ciyu-note-label,
#editWordOverlay .ciyu-word-note[open] .ciyu-note-add { display: none; }
#editWordOverlay .ciyu-word-note textarea {
  margin: 4px 0 0;
  overflow-y: auto;
  text-align: start;
}

#editWordOverlay .ciyu-word-fields input:focus,
#editWordOverlay .ciyu-word-fields textarea:focus {
  outline: 2px solid var(--brand-500);
  outline-offset: 1px;
}

#editWordOverlay [hidden] { display: none !important; }
#editWordOverlay .ciyu-word-status,
#editWordOverlay .ciyu-word-deck {
  margin: 0 0 6px;
  color: var(--gray-500);
  font-size: 13px;
}
#editWordOverlay .ciyu-word-deck { text-align: start; }
#editWordOverlay .ciyu-word-status:empty { display: none; }
#ciyuWordSave:disabled { opacity: .5; }

#screen-word-editor .editor-word-item {
  --ciyu-card-rule: color-mix(in srgb, var(--gray-200) 80%, transparent);
}
#screen-word-editor .ew-inner {
  padding-block: 0;
}
#screen-word-editor .ew-content::after {
  content: none;
}
#screen-word-editor .ew-text-row {
  display: grid;
  grid-template-columns: 56% minmax(0, 1fr);
  align-items: stretch;
}
#screen-word-editor .ew-text-row > * {
  min-width: 0;
  text-align: left;
  overflow-wrap: anywhere;
}
#screen-word-editor .ew-eng,
#screen-word-editor .ciyu-card-ipa {
  align-content: center;
  padding-block: 11px 10px;
  line-height: 1.4;
}
#screen-word-editor .ew-eng {
  padding-right: 12px;
  letter-spacing: .012em;
}
#screen-word-editor .ciyu-card-ipa {
  padding-left: 12px;
  border-left: 1px solid var(--ciyu-card-rule);
  color: var(--gray-500);
  font-size: .875rem;
  letter-spacing: .015em;
}
#screen-word-editor .ew-text-row:has(.ew-eng.hidden-question) .ciyu-card-ipa {
  color: transparent;
}
#screen-word-editor .ew-jpn {
  grid-column: 1 / -1;
  padding: 7px 0 9px;
  border-top: 1px solid var(--ciyu-card-rule);
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.5;
}
#screen-word-editor .ew-eng.hidden-question::before {
  inset: 5px 8px 5px 0;
}
#screen-word-editor .ew-jpn.hidden-answer::before {
  inset: 3px 0 4px;
}
#screen-word-editor .ew-eng.hidden-question::after {
  right: 8px;
}
#screen-word-editor .ew-jpn.hidden-answer::after {
  left: 0;
}
#screen-word-editor .ew-note {
  margin-bottom: 0;
  padding-bottom: 10px;
}
#screen-word-editor .ew-content > :is(.ew-thumbs, .ew-deck-badge):last-child {
  margin-bottom: 10px;
}
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1023px) {
  #screen-word-editor .ciyu-card-ipa,
  #screen-word-editor .ew-jpn {
    font-size: 1.125rem;
  }
}
.ciyu-missing-meaning { color: var(--gray-500); font-weight: 400; }
.hidden-answer .ciyu-missing-meaning { visibility: hidden; }