.acf-write-page {
  display: grid;
  gap: var(--write-page-gap, 12px);
  padding: var(--write-panel-padding, 16px);
  border: var(--write-panel-border-width, 1px) solid var(--write-panel-border-color, rgba(255,255,255,.10));
  border-radius: var(--write-panel-radius, 24px);
  background: var(--write-panel-bg, rgba(15,23,42,.72));
  box-shadow: var(--write-panel-shadow, 0 20px 50px rgba(0,0,0,.22));
}

.acf-write-head {
  display: grid;
  gap: var(--write-head-gap, 6px);
}

.acf-write-head h1 {
  margin: 0;
  color: var(--write-title-color, #fff);
  font-size: var(--write-title-size, 25px);
  line-height: var(--write-title-line-height, 1.35);
  letter-spacing: -.35px;
  font-weight: var(--write-title-weight, 900);
  text-align: var(--write-title-align, right);
}

.acf-write-head p {
  margin: 0;
  color: var(--write-description-color, #aab5c8);
  font-size: var(--write-description-size, 14px);
  line-height: var(--write-description-line-height, 1.8);
  text-align: var(--write-description-align, right);
}

.acf-write-policy-strip {
  padding: var(--write-policy-padding, 10px);
  border: 1px solid var(--write-policy-border-color, rgba(6,182,212,.25));
  border-radius: var(--write-policy-radius, 18px);
  background: var(--write-policy-bg, rgba(6,182,212,.10));
  color: var(--write-policy-color, #dff7ff);
  font-size: var(--write-policy-size, 13px);
  line-height: 1.8;
}

.acf-write-danger {
  border-radius: var(--write-policy-radius, 18px);
}

.acf-daily-question {
  position: relative;
  display: grid;
  gap: var(--write-question-gap, 11px);
  padding: var(--write-question-padding, 13px);
  border: 1px solid var(--write-question-border-color, rgba(255,255,255,.11));
  border-radius: var(--write-question-radius, 22px);
  background: var(--write-question-bg, linear-gradient(145deg, rgba(124,58,237,.16), rgba(15,23,42,.58)));
  overflow: hidden;
}

.acf-daily-question:after {
  content: "";
  position: absolute;
  inset: auto -48px -62px auto;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(124,58,237,.20), transparent 68%);
  pointer-events: none;
}

.acf-daily-question-top {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  align-items: center;
}

.acf-write-svg {
  flex: 0 0 var(--write-question-icon-size, 28px);
  width: var(--write-question-icon-size, 28px);
  height: var(--write-question-icon-size, 28px);
  object-fit: contain;
}

.acf-daily-question-top div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.acf-daily-question-top b {
  color: var(--write-question-title-color, #fff);
  font-size: var(--write-question-title-size, 14px);
  font-weight: 950;
}

.acf-daily-question-top span {
  color: var(--write-question-subtitle-color, #aab5c8);
  line-height: 1.65;
  font-size: var(--write-question-subtitle-size, 12px);
}

.acf-daily-question-text {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--write-question-text-color, #f8fafc);
  font-size: var(--write-question-text-size, 17px);
  line-height: var(--write-question-text-line-height, 1.95);
  font-weight: var(--write-question-text-weight, 800);
}

.acf-write-form {
  gap: var(--write-form-gap, 12px);
}

.acf-write-field {
  display: grid;
  gap: var(--write-field-gap, 7px);
}

.acf-write-field > span {
  color: var(--write-label-color, #fff);
  font-size: var(--write-label-size, 14px);
  font-weight: var(--write-label-weight, 950);
}

.acf-write-field textarea {
  min-height: var(--write-textarea-min-height, 240px);
  padding: var(--write-textarea-padding, 14px);
  border: 1px solid var(--write-textarea-border-color, rgba(255,255,255,.12));
  border-radius: var(--write-textarea-radius, 20px);
  background: var(--write-textarea-bg, rgba(2,6,23,.46));
  color: var(--write-textarea-color, #fff);
  font-size: var(--write-textarea-size, 16px);
  line-height: var(--write-textarea-line-height, 1.9);
}

.acf-write-field textarea:focus {
  border-color: var(--write-textarea-focus-border-color, rgba(124,58,237,.55));
}

.acf-write-field textarea::placeholder {
  color: var(--write-textarea-placeholder-color, #64748b);
}

.acf-write-counter {
  display: flex;
  justify-content: flex-start;
  gap: 3px;
  margin-top: -5px;
  direction: ltr;
  text-align: left;
  color: var(--write-counter-color, #aab5c8);
  line-height: 1.65;
  font-size: var(--write-counter-size, 12px);
}

.acf-write-counter.is-warning {
  color: var(--write-counter-warning-color, #fbbf24);
}

.acf-write-counter.is-danger {
  color: var(--write-counter-danger-color, #fecaca);
}

.acf-write-feedback {
  padding: var(--write-feedback-padding, 10px 12px);
  border: 1px solid var(--write-feedback-border-color, rgba(248,113,113,.32));
  border-radius: var(--write-feedback-radius, 16px);
  background: var(--write-feedback-bg, rgba(127,29,29,.20));
  color: var(--write-feedback-color, #fecaca);
  font-size: var(--write-feedback-size, 12px);
  line-height: 1.8;
}

.acf-write-feedback[hidden] {
  display: none;
}

.acf-write-footer {
  align-items: flex-end;
  gap: var(--write-footer-gap, 10px);
}

.acf-write-safe-note {
  max-width: var(--write-safe-note-max-width, 260px);
  color: var(--write-safe-note-color, #aab5c8);
  line-height: 1.65;
  font-size: var(--write-safe-note-size, 12px);
}

.acf-submit-actions {
  display: grid;
  gap: var(--write-actions-gap, 8px);
  justify-content: stretch;
}

.acf-submit-actions.has-dual-submit {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, var(--write-actions-max-width, 360px));
}

.acf-submit-actions.has-single-submit {
  grid-template-columns: minmax(0, 1fr);
}

.acf-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--write-button-gap, 8px);
  width: 100%;
  min-height: var(--write-button-height, 42px);
  border-radius: var(--write-button-radius, 16px);
  font-size: var(--write-button-font-size, 14px);
  font-weight: var(--write-button-font-weight, 900);
  white-space: nowrap;
}

.acf-submit-btn.primary,
.acf-submit-guest-anonymous.primary {
  background: var(--write-primary-button-bg, linear-gradient(135deg, #7c3aed, #06b6d4));
  color: var(--write-primary-button-color, #fff);
}

.acf-submit-anonymous {
  border: 1px solid var(--write-anonymous-button-border-color, rgba(255,255,255,.14));
  background: var(--write-anonymous-button-bg, rgba(255,255,255,.06));
  color: var(--write-anonymous-button-color, #fff);
}

.acf-submit-anonymous:hover {
  border-color: var(--write-anonymous-button-hover-border-color, rgba(124,58,237,.50));
  background: var(--write-anonymous-button-hover-bg, linear-gradient(135deg, rgba(124,58,237,.18), rgba(6,182,212,.08)));
}

.acf-button-svg {
  flex: 0 0 var(--write-button-icon-size, 19px);
  width: var(--write-button-icon-size, 19px);
  height: var(--write-button-icon-size, 19px);
  object-fit: contain;
}

@media (max-width: 520px) {
  .acf-write-field textarea {
    min-height: min(var(--write-textarea-min-height, 240px), 220px);
  }

  .acf-write-safe-note {
    max-width: 100%;
  }

  .acf-write-footer {
    align-items: stretch;
  }

  .acf-submit-actions,
  .acf-submit-actions.has-dual-submit,
  .acf-submit-actions.has-single-submit {
    width: 100%;
  }

  .acf-submit-actions.has-dual-submit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}