@layer components {html[data-theme="dark"] .taildo-layout-row :where(.border-gray-100, .border-slate-100, .border-gray-200, .border-slate-200, .border-blue-100, .border-blue-200, .border-emerald-100, .border-emerald-200, .border-orange-100, .border-orange-200, .border-violet-100, .border-violet-200, .border-rose-100, .border-rose-200, .border-amber-100, .border-amber-200) {
    border-color: #253246;
  }
}

.taildo-theme-toggle {
  position: relative;
  overflow: hidden;
}

.taildo-theme-toggle svg {
  transition: opacity 160ms ease, transform 180ms ease;
}

.taildo-theme-toggle [data-theme-icon="moon"] {
  opacity: 0;
  transform: rotate(-45deg) scale(0.72);
  position: absolute;
}

html[data-theme="dark"] .taildo-theme-toggle [data-theme-icon="sun"] {
  opacity: 0;
  transform: rotate(45deg) scale(0.72);
}

html[data-theme="dark"] .taildo-theme-toggle [data-theme-icon="moon"] {
  opacity: 1;
  transform: rotate(0) scale(1);
}

/* Global responsive guardrails for user-facing pages. */
html {
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}body,
button,
input,
select,
textarea {
  letter-spacing: 0;
}

:where(main, header, footer, nav, section, article, aside, div, form, ul, ol, li, dl, dt, dd) {
  min-width: 0;
}

:where(.taildo-layout-row, .taildo-layout-content, .taildo-header-shell) {
  max-width: 100%;
  min-width: 0;
}

:where(.taildo-layout-content, .taildo-layout-content *) {
  overflow-wrap: anywhere;
}

:where(img, video, canvas, iframe, svg) {
  max-width: 100%;
}

:where(iframe, video, canvas) {
  display: block;
}

:where(input, select, textarea, button) {
  max-width: 100%;
}

:where(textarea) {
  resize: vertical;
}

:where(table) {
  max-width: 100%;
}

:where(.taildo-layout-content table) {
  border-collapse: separate;
  border-spacing: 0;
}

:where(.taildo-layout-content .overflow-x-auto, .taildo-layout-content .no-scrollbar) {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

:where([id$="modal"], [id$="Modal"], [id*="-modal"], [id*="Modal"]) {
  max-width: 100vw;
}

:where(
  #help-detail-modal,
  #edit-modal,
  #delete-modal,
  #gallery-post-modal,
  #qnaWriteModal,
  #voteCreateModal,
  #voteResultModal,
  #pollEditModal,
  #socialEditModal,
  #edit-post-modal,
  #edit-comment-modal,
  #report-process-modal,
  #report-history-modal,
  #crew-manage-modal,
  #composeModal,
  #blockModal,
  #replyModal,
  #taildo-report-modal,
  #region-picker-modal,
  #region-modal,
  #dev-notice-modal,
  #taildo-site-popup
) {
  --taildo-modal-panel-width: 520px;
  --taildo-modal-panel-max-height: 88dvh;
}

#region-picker-modal {
  --taildo-modal-panel-width: 360px;
}

:where(#qnaWriteModal, #socialEditModal, #edit-post-modal, #edit-comment-modal) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) {
  border: 1px solid #d6dee8;
}

#qnaWriteModal {
  --taildo-modal-panel-max-height: 94dvh;
}

#qnaWriteModal > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) {
  max-height: min(94dvh, calc(100dvh - 1rem));
}

#qnaWriteModal > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) > :first-child {
  padding-top: 1rem;
  padding-bottom: 0.85rem;
}

#qnaWriteModal > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) > :last-child {
  padding-bottom: 1rem;
}#qnaWriteModal .taildo-editor-shell {
  margin-bottom: 0;
  border-radius: 0.72rem;
  padding: 0.4rem;
}

#qnaWriteModal .taildo-editor-toolbar {
  gap: 0.28rem;
  border-radius: 0.58rem;
  padding: 0.28rem;
}

#qnaWriteModal .taildo-editor-button,
#qnaWriteModal .taildo-editor-select {
  height: 2rem;
  border-radius: 0.52rem;
}

#qnaWriteModal .taildo-editor-button {
  min-width: 2rem;
  padding: 0 0.5rem;
}

#qnaWriteModal .taildo-editor-surface {
  margin-top: 0.35rem;
  height: clamp(8.5rem, calc(100dvh - 36rem), 15rem);
  min-height: 8.5rem;
  max-height: 15rem;
  border-radius: 0.58rem;
  padding: 0.68rem;
  font-size: 0.86rem;
  line-height: 1.55;
}

@media (max-width: 720px) {#qnaWriteModal .taildo-editor-surface {
    height: clamp(7rem, calc(100dvh - 34rem), 11rem);
    min-height: 7rem;
    max-height: 11rem;
    resize: none;
  }
}

:where(#edit-post-modal, #edit-comment-modal) {
  --taildo-modal-panel-max-height: 94dvh;
}

:where(#edit-post-modal, #edit-comment-modal) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) {
  display: flex;
  max-height: min(94dvh, calc(100dvh - 1rem));
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
}

:where(#edit-post-modal, #edit-comment-modal) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) > :first-child {
  flex-shrink: 0;
  padding-top: 1rem;
  padding-bottom: 0.85rem;
}

:where(#edit-post-modal, #edit-comment-modal) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) > * + * {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0.85rem 1.25rem;
}

:where(#edit-post-modal, #edit-comment-modal) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel) > :last-child {
  flex-shrink: 0;
  padding: 0.85rem 1.25rem 1rem;
}:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-shell {
  margin-bottom: 0;
  border-radius: 0.72rem;
  padding: 0.4rem;
}

:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-toolbar {
  gap: 0.28rem;
  border-radius: 0.58rem;
  padding: 0.28rem;
}

:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-button,
:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-select {
  height: 2rem;
  border-radius: 0.52rem;
}

:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-button {
  min-width: 2rem;
  padding: 0 0.5rem;
}

:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-surface {
  margin-top: 0.35rem;
  height: clamp(8.5rem, calc(100dvh - 36rem), 15rem);
  min-height: 8.5rem;
  max-height: 15rem;
  border-radius: 0.58rem;
  padding: 0.68rem;
  font-size: 0.86rem;
  line-height: 1.55;
}

@media (max-width: 720px) {:where(#edit-post-modal, #edit-comment-modal) .taildo-editor-surface {
    height: clamp(7rem, calc(100dvh - 34rem), 11rem);
    min-height: 7rem;
    max-height: 11rem;
    resize: none;
  }
}

#region-modal,
#dev-notice-modal,
#delete-modal {
  --taildo-modal-panel-width: 420px;
}

#help-detail-modal,
#taildo-site-popup {
  --taildo-modal-panel-width: 640px;
}

#edit-modal,
#crew-manage-modal {
  --taildo-modal-panel-width: 680px;
}

#gallery-post-modal {
  --taildo-modal-panel-width: 960px;
}

:where(
  #help-detail-modal,
  #gallery-post-modal,
  #qnaWriteModal,
  #voteCreateModal,
  #voteResultModal,
  #pollEditModal,
  #socialEditModal,
  #edit-post-modal,
  #edit-comment-modal,
  #report-process-modal,
  #report-history-modal,
  #crew-manage-modal,
  #composeModal,
  #blockModal,
  #replyModal,
  #taildo-report-modal,
  #region-picker-modal,
  #region-modal,
  #dev-notice-modal,
  #taildo-site-popup
) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel, .taildo-region-modal-panel, .taildo-site-popup-card) {
  box-sizing: border-box;
  width: min(var(--taildo-modal-panel-width, 520px), calc(100vw - 2rem));
  max-width: min(var(--taildo-modal-panel-width, 520px), calc(100vw - 2rem));
  max-height: min(var(--taildo-modal-panel-max-height, 88dvh), calc(100dvh - 2rem));
}

#edit-modal > .absolute.inset-0 > div,
#delete-modal > .absolute.inset-0 > div {
  box-sizing: border-box;
  width: min(var(--taildo-modal-panel-width, 520px), calc(100vw - 2rem));
  max-width: min(var(--taildo-modal-panel-width, 520px), calc(100vw - 2rem));
  max-height: min(var(--taildo-modal-panel-max-height, 88dvh), calc(100dvh - 2rem));
}

:where(
  #inline-image-modal,
  #taildo-inline-image-modal,
  #socialImageModal
) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-photo-modal-frame) {
  max-width: calc(100vw - 1rem);
  max-height: calc(100dvh - 1rem);
}

.taildo-photo-modal-frame {
  --taildo-photo-image-max-width: min(1280px, calc(100vw - 4rem));
  --taildo-photo-image-max-height: min(86dvh, 900px);
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: min(1320px, calc(100vw - 2rem));
  max-height: min(92dvh, 960px);
  padding: clamp(0.25rem, 0.65vw, 0.5rem);
  overflow: visible;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.98);
}

.taildo-photo-modal-image {
  display: block;
  width: var(--taildo-photo-image-width, auto);
  height: auto;
  max-width: min(var(--taildo-photo-image-max-width), calc(100vw - 4rem));
  max-height: min(var(--taildo-photo-image-max-height), calc(100dvh - 5rem));
  object-fit: contain;
  border-radius: 0.75rem;
  background: #f8fafc;
}

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] {
  align-items: flex-start;
  max-height: min(92dvh, 960px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: clamp(0.35rem, 0.75vw, 0.55rem);
}

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] .taildo-photo-modal-image {
  width: var(--taildo-photo-image-width, auto);
  max-width: min(var(--taildo-photo-image-max-width), calc(100vw - 4rem));
  max-height: none;
}

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] .taildo-photo-modal-close {
  top: -2.65rem;
  right: 0.15rem;
  transform: none;
}

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] .taildo-photo-modal-close:active {
  transform: none;
}

.taildo-photo-modal-button {
  display: inline-flex;
  box-sizing: border-box;
  width: 2.35rem;
  height: 2.35rem;
  min-width: 2.35rem;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(203, 213, 225, 0.96);
  border-radius: 999px;
  background: #fff;
  color: #1f2937;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.taildo-photo-modal-button.hidden,
.taildo-photo-modal-chip.hidden {
  display: none;
}

.taildo-photo-modal-button svg {
  display: block;
  flex: 0 0 auto;
}



.taildo-photo-modal-button:active {
  transform: none;
}

.taildo-photo-modal-close {
  position: absolute;
  top: -2.65rem;
  right: 0.15rem;
  z-index: 30;
  border-color: rgba(255, 255, 255, 0.96);
  background: #ffffff;
  color: #1f2937;
  transform: none;
}



.taildo-photo-modal-close:active {
  transform: none;
}

.taildo-photo-modal-prev,
.taildo-photo-modal-next {
  position: absolute;
  top: 50%;
  bottom: auto;
  z-index: 20;
}

.taildo-photo-modal-prev {
  left: -0.8rem;
  transform: translate(-100%, -50%);
}

.taildo-photo-modal-prev:active {
  transform: translate(-100%, -50%);
}

.taildo-photo-modal-next {
  right: -0.8rem;
  transform: translate(100%, -50%);
}

.taildo-photo-modal-next:active {
  transform: translate(100%, -50%);
}

.taildo-photo-modal-chip {
  position: absolute;
  z-index: 20;
  max-width: calc(100% - 5rem);
  border: 1px solid rgba(203, 213, 225, 0.96);
  border-radius: 999px;
  background: #fff;
  color: #475569;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.taildo-photo-modal-title {
  top: 0.75rem;
  left: 0.75rem;
}

.taildo-photo-modal-hint {
  font-size: 0.75rem;
  font-weight: 800;
}

.taildo-photo-modal-counter {
  bottom: -2.45rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 760px) {.taildo-photo-modal-frame {
    --taildo-photo-image-max-width: calc(100vw - 1.5rem);
    --taildo-photo-image-max-height: calc(100dvh - 5.75rem);
    width: fit-content;
    max-width: calc(100vw - 1rem);
    max-height: calc(100dvh - 4.5rem);
    padding: 0.35rem;
    border-radius: 0.95rem;
  }

.taildo-photo-modal-image {
    max-width: calc(100vw - 1.5rem);
    max-height: calc(100dvh - 5.75rem);
    border-radius: 0.7rem;
  }

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] {
    max-height: calc(100dvh - 6rem);
    padding: 0.35rem;
  }

.taildo-photo-modal-frame[data-taildo-photo-mode="scroll-y"] .taildo-photo-modal-image {
    max-width: calc(100vw - 2rem);
    max-height: none;
  }

.taildo-photo-modal-button {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
  }

.taildo-photo-modal-close {
    top: -2.45rem;
    right: 0.15rem;
    transform: none;
  }

.taildo-photo-modal-close:active {
    transform: none;
  }

.taildo-photo-modal-prev,
.taildo-photo-modal-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }

.taildo-photo-modal-prev:active,
.taildo-photo-modal-next:active {
    transform: translateY(-50%);
  }

.taildo-photo-modal-prev {
    left: 0.55rem;
  }

.taildo-photo-modal-next {
    right: 0.55rem;
  }

.taildo-photo-modal-hint {
    max-width: calc(100% - 4.5rem);
  }

.taildo-photo-modal-counter {
    bottom: -3rem;
  }
}@supports (padding: max(0px)) {.taildo-page-shell {
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
  }
}

@media (max-width: 1023px) {.taildo-layout-row {
    display: flex;
    width: 100%;
  }

.taildo-layout-content {
    width: 100%;
  }

.taildo-header-shell {
    grid-template-columns: minmax(0, 1fr);
  }

.taildo-layout-content :where(.lg\:grid-cols-2, .lg\:grid-cols-3, .lg\:grid-cols-4, .xl\:grid-cols-2, .xl\:grid-cols-3, .xl\:grid-cols-4) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {html {
    scrollbar-gutter: auto;
  }body {
    min-height: 100dvh;
  }

.taildo-page-shell {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
  }

.taildo-layout-row {
    gap: 0.75rem;
  }

.taildo-layout-content > :where(div, section, article) {
    max-width: 100%;
  }

.taildo-layout-content :where(.max-w-\[920px\], .xl\:max-w-\[980px\], .max-w-\[680px\], .max-w-\[600px\], .max-w-2xl, .max-w-3xl, .max-w-4xl, .max-w-5xl, .max-w-6xl) {
    max-width: 100%;
  }

.taildo-layout-content :where(.w-\[88vw\], .w-\[78\%\], .w-\[72\%\], .w-\[68px\], .w-\[32\%\], .w-\[34\%\]) {
    max-width: 100%;
  }

.taildo-layout-content :where(.min-w-\[180px\], .min-w-\[220px\], .min-w-\[14rem\], .min-w-\[15rem\], .min-w-\[16rem\]) {
    min-width: 0;
  }

.taildo-layout-content :where(form.flex) > :where(input, select, textarea, button, a, div) {
    min-width: 0;
  }

.taildo-layout-content :where(input, select, textarea) {
    font-size: 16px;
  }

.taildo-layout-content :where(table) {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

.taildo-layout-content :where(table) :where(td, th) {
    white-space: nowrap;
  }

.taildo-layout-content :where(table) :where(td p, td span, td a, td div) {
    white-space: normal;
  }

:where([id$="modal"], [id$="Modal"], [id*="-modal"], [id*="Modal"]) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

:where(
    #help-detail-modal,
    #gallery-post-modal,
    #qnaWriteModal,
    #voteCreateModal,
    #voteResultModal,
    #pollEditModal,
    #socialEditModal,
    #edit-post-modal,
    #edit-comment-modal,
    #report-process-modal,
    #report-history-modal,
    #crew-manage-modal,
    #composeModal,
    #blockModal,
    #replyModal,
    #taildo-report-modal,
    #region-picker-modal,
    #region-modal,
    #dev-notice-modal,
    #taildo-site-popup
  ) > :where(div.relative, section.relative, article.relative, form.relative, .taildo-report-panel, .taildo-region-modal-panel, .taildo-site-popup-card),
#edit-modal > .absolute.inset-0 > div,
#delete-modal > .absolute.inset-0 > div {
    width: calc(100vw - 1.25rem);
    max-width: calc(100vw - 1.25rem);
    max-height: calc(100dvh - 1.25rem);
  }
}

@media (max-width: 420px) {.taildo-page-shell {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

.taildo-layout-content :where(.grid.grid-cols-3, .grid.grid-cols-4) {
    grid-template-columns: repeat(auto-fit, minmax(min(8.25rem, 100%), 1fr));
  }

.taildo-layout-content :where(.grid.grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.taildo-layout-content :where(a.inline-flex, button) {
    min-width: 0;
  }

}

/* UI density and visual polish pass for public pages. */
.taildo-layout-content {
  font-feature-settings: "kern";
}

.taildo-layout-content :where(.shadow-xl, .shadow-2xl) {
}

[data-taildo-header-root] .taildo-theme-toggle {
  min-width: var(--td-control-h-sm);
  min-height: var(--td-control-h-sm);
}

[data-taildo-header-root] .taildo-header-region {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

/* Global interaction polish shared by every public layout. */
:root {
  --taildo-progress-color: var(--td-logo-action);
  --taildo-floating-panel: rgba(255, 255, 255, 0.96);
  --taildo-floating-border: rgba(203, 213, 225, 0.92);
  --taildo-floating-text: #0f172a;
}

html {
  scroll-padding-top: 88px;
}@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {html.taildo-smooth-scroll {
    scroll-behavior: smooth;
  }
}::selection {
  background: rgba(0, 136, 207, 0.16);
  color: #0f172a;
}

:where(button, [role="button"], a.inline-flex, input[type="submit"], input[type="button"]) {
  touch-action: manipulation;
}

.taildo-skip-link {
  position: fixed;
  top: max(0.75rem, env(safe-area-inset-top));
  left: max(0.75rem, env(safe-area-inset-left));
  z-index: 10050;
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #0088cf;
  border-radius: 999px;
  background: #ffffff;
  color: #0072ad;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transform: translateY(calc(-100% - 1.25rem));
}

.taildo-skip-link:focus,
.taildo-skip-link:focus-visible {
  transform: translateY(0);
}

.taildo-page-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10040;
  width: 100%;
  height: 3px;
  pointer-events: none;
  background: var(--taildo-progress-color);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 260ms ease, opacity 140ms ease;
}

html[data-taildo-navigating="1"] .taildo-page-progress {
  opacity: 1;
  transform: scaleX(0.88);
}

.taildo-scroll-top-button {
  position: fixed;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(5.4rem, calc(1rem + env(safe-area-inset-bottom)));
  z-index: 90;
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--taildo-floating-border);
  border-radius: 999px;
  background: var(--taildo-floating-panel);
  color: var(--taildo-floating-text);
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.75rem) scale(0.98);
}

.taildo-scroll-top-button.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}



.taildo-scroll-top-button svg {
  width: 1.25rem;
  height: 1.25rem;
}

[data-taildo-form-busy="1"] {
  cursor: progress;
}

[data-taildo-form-busy="1"] :where(button[type="submit"], input[type="submit"]) {
  cursor: wait;
  opacity: 0.72;
}

[data-taildo-scrollable="1"] {
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
}

[data-taildo-scrollable="1"]:focus-visible {
  border-radius: 0.75rem;
}

html[data-theme="dark"] {
  --taildo-floating-panel: rgba(16, 24, 39, 0.96);
  --taildo-floating-border: rgba(60, 79, 106, 0.92);
  --taildo-floating-text: #e8eef8;
}

html[data-theme="dark"] ::selection {
  background: rgba(93, 214, 205, 0.24);
  color: #f8fafc;
}

html[data-theme="dark"] .taildo-skip-link {
  border-color: #5dd6cd;
  background: #101827;
  color: #ccfbf1;
}

@media (max-width: 640px) {.taildo-scroll-top-button {
    right: max(0.85rem, env(safe-area-inset-right));
    bottom: max(5.85rem, calc(1rem + env(safe-area-inset-bottom)));
    width: 2.55rem;
    height: 2.55rem;
  }
}

.taildo-sidebar-clock-widget {
  overflow: hidden;
  background: #ffffff;
}

.taildo-sidebar-clock-face {
  position: relative;
  flex: 0 0 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f8fafc;
}

.taildo-sidebar-clock-face::before {
  content: "";
  position: absolute;
  top: 0.42rem;
  left: 50%;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 999px;
  background: #94a3b8;
  transform: translateX(-50%);
}

.taildo-sidebar-clock-face::after {
  content: "";
  position: absolute;
  right: 0.42rem;
  top: 50%;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 999px;
  background: #cbd5e1;
  transform: translateY(-50%);
}

.taildo-sidebar-clock-hand {
  position: absolute;
  left: 50%;
  bottom: 50%;
  z-index: 2;
  border-radius: 999px;
  transform: translateX(-50%) rotate(0deg);
  transform-origin: 50% 100%;
}

.taildo-sidebar-clock-hour {
  width: 0.16rem;
  height: 1rem;
  background: #172033;
}

.taildo-sidebar-clock-minute {
  width: 0.11rem;
  height: 1.35rem;
  background: #334155;
}

.taildo-sidebar-clock-second {
  width: 0.06rem;
  height: 1.48rem;
  background: #64748b;
}

.taildo-sidebar-clock-pin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 0.36rem;
  height: 0.36rem;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #334155;
  transform: translate(-50%, -50%);
}

/* Messages area visual system. */
.taildo-messages-page,
.taildo-message-modal {
  --td-message-ink: #172033;
  --td-message-muted: #526173;
  --td-message-faint: #7b8898;
  --td-message-line: #ccd8e5;
  --td-message-line-strong: #b8c7d6;
  --td-message-panel: #ffffff;
  --td-message-panel-soft: #f7fafc;
  --td-message-panel-tint: #f4faf9;
  --td-message-accent: #247681;
  --td-message-accent-strong: #1c5f68;
  --td-message-accent-soft: #eef8f7;
  --td-message-accent-muted: #dcefed;
  --td-message-ok: #27745e;
  --td-message-ok-soft: #f1f8f5;
  --td-message-warm: #8a641b;
  --td-message-warm-soft: #fff8ea;
  --td-message-danger: #a24355;
  --td-message-danger-soft: #fff5f6;
  --td-message-danger-line: #efcbd2;
  --td-message-radius: 10px;
  --td-message-radius-lg: 14px;
  --td-message-shadow: 0 10px 26px rgba(23, 32, 51, 0.06);
  color: var(--td-message-ink);
}

.taildo-messages-page :where(.rounded-2xl, .rounded-3xl),
.taildo-message-modal :where(.rounded-2xl, .rounded-3xl) {
  border-radius: var(--td-message-radius-lg);
}

.taildo-messages-page :where(a.inline-flex, button),
.taildo-message-modal :where(a.inline-flex, button) {
  border-radius: var(--td-message-radius);
  letter-spacing: 0;
}

.taildo-messages-page :where(input, textarea, select),
.taildo-message-modal :where(input, textarea, select) {
  border-radius: var(--td-message-radius);
  background-color: #ffffff;
  color: var(--td-message-ink);
}

.taildo-messages-page :where(.bg-sky-600, .bg-blue-600),
.taildo-message-modal :where(.bg-sky-600, .bg-blue-600) {
  background-color: var(--td-message-accent);
}



.taildo-messages-page :where(.bg-sky-400, .bg-sky-500, .bg-blue-500),
.taildo-message-modal :where(.bg-sky-400, .bg-sky-500, .bg-blue-500) {
  background-color: var(--td-message-accent);
}

.taildo-messages-page :where(.bg-sky-50, .bg-sky-50\/30, .bg-sky-50\/50, .bg-sky-50\/60, .bg-blue-50, .bg-blue-50\/50),
.taildo-message-modal :where(.bg-sky-50, .bg-sky-50\/30, .bg-sky-50\/50, .bg-sky-50\/60, .bg-blue-50, .bg-blue-50\/50) {
  background-color: var(--td-message-accent-soft);
}

.taildo-messages-page :where(.bg-sky-100, .bg-blue-100),
.taildo-message-modal :where(.bg-sky-100, .bg-blue-100) {
  background-color: var(--td-message-accent-muted);
}



.taildo-messages-page :where(.border-sky-100, .border-sky-200, .border-blue-100, .border-blue-200, .ring-sky-100, .ring-blue-100),
.taildo-message-modal :where(.border-sky-100, .border-sky-200, .border-blue-100, .border-blue-200, .ring-sky-100, .ring-blue-100) {
  --tw-ring-color: var(--td-message-line-strong);
}

.taildo-messages-page :where(.text-sky-500, .text-sky-600, .text-sky-700, .text-blue-500, .text-blue-600, .text-blue-700),
.taildo-message-modal :where(.text-sky-500, .text-sky-600, .text-sky-700, .text-blue-500, .text-blue-600, .text-blue-700) {
  color: var(--td-message-accent);
}



.taildo-messages-page :where(.bg-emerald-50, .bg-emerald-50\/50, .bg-emerald-100, .bg-green-50),
.taildo-message-modal :where(.bg-emerald-50, .bg-emerald-50\/50, .bg-emerald-100, .bg-green-50) {
  background-color: var(--td-message-ok-soft);
}

.taildo-messages-page :where(.border-emerald-100, .border-emerald-200, .ring-emerald-100),
.taildo-message-modal :where(.border-emerald-100, .border-emerald-200, .ring-emerald-100) {
  --tw-ring-color: #d7e8de;
}

.taildo-messages-page :where(.text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700),
.taildo-message-modal :where(.text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700) {
  color: var(--td-message-ok);
}

.taildo-messages-page :where(.bg-amber-50, .bg-amber-50\/20, .bg-amber-50\/50, .bg-amber-100, .bg-orange-50),
.taildo-message-modal :where(.bg-amber-50, .bg-amber-50\/20, .bg-amber-50\/50, .bg-amber-100, .bg-orange-50) {
  background-color: var(--td-message-warm-soft);
}

.taildo-messages-page :where(.text-amber-600, .text-amber-700, .text-orange-600, .text-orange-700),
.taildo-message-modal :where(.text-amber-600, .text-amber-700, .text-orange-600, .text-orange-700) {
  color: var(--td-message-warm);
}

.taildo-messages-page :where(.bg-rose-50, .bg-rose-50\/20, .bg-rose-50\/40, .bg-rose-50\/50, .bg-rose-50\/70, .bg-rose-100, .bg-red-50),
.taildo-message-modal :where(.bg-rose-50, .bg-rose-50\/20, .bg-rose-50\/40, .bg-rose-50\/50, .bg-rose-50\/70, .bg-rose-100, .bg-red-50) {
  background-color: var(--td-message-danger-soft);
}

.taildo-messages-page :where(.border-rose-100, .border-rose-200, .border-rose-300, .border-red-200, .ring-rose-100),
.taildo-message-modal :where(.border-rose-100, .border-rose-200, .border-rose-300, .border-red-200, .ring-rose-100) {
  --tw-ring-color: var(--td-message-danger-line);
}

.taildo-messages-page :where(.text-rose-400, .text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800, .text-red-600, .text-red-700),
.taildo-message-modal :where(.text-rose-400, .text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800, .text-red-600, .text-red-700) {
  color: var(--td-message-danger);
}

.taildo-messages-page :where(.bg-rose-500, .bg-rose-600, .bg-red-600),
.taildo-message-modal :where(.bg-rose-500, .bg-rose-600, .bg-red-600) {
  background-color: var(--td-message-danger);
}



.taildo-messages-page #message-composer-section .taildo-message-quick-reply-row {
  align-items: center;
}

.taildo-messages-page #message-composer-section #quick-reply-text.taildo-message-quick-reply-text {
  height: 2.5rem;
  min-height: 2.5rem;
  max-height: 5.5rem;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  line-height: 1.25rem;
  overflow-y: auto;
}

.taildo-messages-page #message-composer-section .taildo-message-quick-reply-send {
  height: 2.5rem;
  min-height: 2.5rem;
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}

.taildo-messages-page .taildo-message-thread-card,
.taildo-messages-page .taildo-message-thread-card:focus-visible {
  transform: none;
  transition: none;
}

.taildo-messages-page :where(.shadow-sm, .shadow-md, .shadow-lg),
.taildo-message-modal :where(.shadow-sm, .shadow-md, .shadow-lg, .shadow-2xl) {
}

@media (prefers-reduced-motion: reduce) {*,
*::before,
*::after {
    animation-duration: 0.001ms;
    animation-iteration-count: 1;
    scroll-behavior: auto;
    transition-duration: 0.001ms;
  }
}

:where(
  .bg-gradient-to-br,
  .bg-gradient-to-r,
  .from-orange-100,
  .from-slate-100,
  .from-white\/45,
  .via-slate-100,
  .via-violet-50,
  .via-white\/15,
  .to-sky-100,
  .to-white\/5,
  [style*="linear-gradient"],
  [style*="radial-gradient"],
  [style*="repeating-linear-gradient"],
  .taildo-editor-toolbar,
  .taildo-rich-theme,
  .taildo-rich-divider
) {
  background-image: none;
}

.taildo-rich-theme-mint {
  background-color: #e7f6fd;
}

.taildo-rich-theme-sky {
  background-color: #e7f6fd;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(p, span, a, label, small, li, td, th, dd, dt, button, input, textarea, select).text-slate-600,
html[data-theme="light"] body[data-taildo-public-shell="true"] :where(p, span, a, label, small, li, td, th, dd, dt, button, input, textarea, select).text-gray-600 {
  color: #475569;
}

html[data-theme="light"] .taildo-left-sidebar > div > div {
  background: var(--td-frame-panel);
}

html[data-theme="light"] .taildo-left-sidebar nav a[aria-current="page"],
html[data-theme="light"] .taildo-left-sidebar nav a.is-active {
  background: var(--td-frame-bg-strong);
  color: #1f2937;
}

html[data-theme="dark"] header.taildo-public-frame-header[data-taildo-header-root],
html[data-theme="dark"] [data-taildo-header-root].taildo-public-frame-header {
  background: var(--td-frame-header-bg);
  background-color: var(--td-frame-header-bg);
  background-image: none;
  border-color: var(--td-frame-dark-line);
}

html[data-theme="dark"] .taildo-left-sidebar {
  background: var(--td-frame-dark-bg);
  border-right: 0;
  align-self: stretch;
  min-height: calc(100vh - 64px);
  padding: 0.75rem 0.65rem 1rem;
}

html[data-theme="dark"] .taildo-left-sidebar > div {
  background: var(--td-frame-dark-bg);
}

html[data-theme="dark"] .taildo-left-sidebar > div > div {
  background: var(--td-frame-dark-panel);
}

@media (min-width: 1280px) {[data-taildo-header-root] .taildo-header-search-grid.is-authenticated {
    grid-template-columns: minmax(17.5rem, 26rem) minmax(10rem, 11.75rem);
    width: min(100%, 38.5rem);
    column-gap: 0.75rem;
    justify-self: center;
    margin-inline: auto;
  }

[data-taildo-header-root] .taildo-header-search-grid.is-authenticated .taildo-header-search {
    width: 100%;
    max-width: 26rem;
  }
}

[data-taildo-header-root] {
  font-size: 13px;
  line-height: 1.28;
  letter-spacing: 0;
}

/* Global content design polish: align page surfaces,
list rhythm,
and mobile spacing. */
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content {
  --td-polish-panel: #ffffff;
  --td-polish-soft: #f8fafc;
  --td-polish-tint: #f6f7f8;
  --td-polish-line: #d8dee8;
  --td-polish-line-strong: #c4ccd6;
  --td-polish-blue: #0b8fca;
  --td-polish-radius: 0.82rem;
  --td-polish-radius-sm: 0.58rem;
  --td-polish-shadow: none;
  --td-polish-shadow-hover: none;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-page-shell {
  padding-top: 0.75rem;
  padding-bottom: 1.75rem;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
  .taildo-search-page > section.border-slate-200,
  .taildo-notifications-page > section.mb-4 > div,
  .taildo-notifications-page > div.rounded-2xl,
  .taildo-messages-page > section.mb-4 > div,
  .taildo-messages-page > div.rounded-2xl
) {
  border-color: var(--td-polish-line);
  border-radius: var(--td-polish-radius);
  background: var(--td-polish-panel);
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-search-page > nav {
  gap: 0.45rem;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-search-page :where(.taildo-search-filter-tab, .taildo-search-sort-tab) {
  border-color: var(--td-polish-line);
}



body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-notifications-page > section.mb-4 > div,
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > section.mb-4 > div {
  padding: 0.78rem;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-notifications-page #notifications-list [data-notification-group-items] {
  display: block;
  gap: 0;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-notifications-page #notifications-list [data-notification-group-items] > div,
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > a {
  border-radius: 0;
  transition: none;
  transform: none;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > * + * {
  border-top-width: 0;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl {
  display: block;
  gap: 0;
  padding: 0;
  border-color: #cbd6e2;
  background: #ffffff;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > a {
  padding: 0.86rem 0.95rem;
}



@media (max-width: 640px) {body[data-taildo-public-shell="true"] #taildo-main-content .taildo-page-shell {
    padding-top: 0.68rem;
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
    .taildo-search-page > section.border-slate-200,
    .taildo-notifications-page > section.mb-4 > div,
    .taildo-notifications-page > div.rounded-2xl,
    .taildo-messages-page > section.mb-4 > div,
    .taildo-messages-page > div.rounded-2xl
  ) {
    border-radius: 0.82rem;
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl {
    gap: 0;
    padding: 0;
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > a {
    min-height: 3.45rem;
    padding: 0.62rem;
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-notifications-page > section.mb-4 > div > div:first-child,
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > section.mb-4 > div > div:first-child {
    align-items: flex-start;
  }
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content {
  --td-polish-panel: var(--td-dark-panel);
  --td-polish-soft: #0f1a2b;
  --td-polish-tint: var(--td-dark-panel-2);
  --td-polish-line: var(--td-dark-line);
  --td-polish-line-strong: #3b4c64;
  --td-polish-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  --td-polish-shadow-hover: 0 18px 42px rgba(0, 0, 0, 0.36);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
  .taildo-notifications-page > section.mb-4 > div,
  .taildo-messages-page > section.mb-4 > div
) {
  border-color: var(--td-polish-line);
  background: linear-gradient(180deg, rgba(18, 29, 48, 0.98) 0%, rgba(15, 24, 39, 0.98) 100%);
}

@layer components {

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-page-shell {
    padding-top: 0.75rem;
    padding-bottom: 1.75rem;
  }

@media (min-width: 1024px) {body[data-taildo-public-shell="true"] #taildo-main-content .taildo-page-shell {
      padding-left: 0;
      padding-right: 0;
    }
  }

@media (min-width: 1280px) {body[data-taildo-public-shell="true"] #taildo-main-content .taildo-page-shell {
      padding-left: 0;
      padding-right: 0;
    }
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
    .taildo-search-page > section.border-slate-200,
    .taildo-notifications-page > section.mb-4 > div,
    .taildo-notifications-page > div.rounded-2xl,
    .taildo-messages-page > section.mb-4 > div,
    .taildo-messages-page > div.rounded-2xl
  ) {
    border-color: var(--td-polish-line);
    border-radius: var(--td-polish-radius);
    background: var(--td-polish-panel);
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl {
    gap: 0;
    padding: 0;
    background: #ffffff;
  }

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > a {
    border-color: #cbd6e2;
    border-radius: 0;
    background: #ffffff;
  transition: none;
    transform: none;
  }



@media (max-width: 640px) {body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
      .taildo-search-page > section.border-slate-200,
      .taildo-notifications-page > section.mb-4 > div,
      .taildo-notifications-page > div.rounded-2xl,
      .taildo-messages-page > section.mb-4 > div,
      .taildo-messages-page > div.rounded-2xl
    ) {
      border-radius: 0.82rem;
    }
  }

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
    .taildo-notifications-page > section.mb-4 > div,
    .taildo-messages-page > section.mb-4 > div
  ) {
    border-color: var(--td-polish-line);
    background: linear-gradient(180deg, rgba(18, 29, 48, 0.98) 0%, rgba(15, 24, 39, 0.98) 100%);
  }

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl > a {
    background: var(--td-polish-panel);
  }

}

/* Social workspace controls live in assets/css/tailwind/input.css. */

html[data-theme="light"] body[data-taildo-public-shell="true"],
html[data-theme="light"] body[data-taildo-public-shell="true"] :where(#taildo-main-content, .taildo-page-shell, .taildo-layout-row, .taildo-layout-content, .taildo-left-sidebar),
html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar > div {
  background-color: var(--td-ui-bg);
  background-image: none;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(
  #taildo-main-content,
  .taildo-left-sidebar,
  #mobile-menu-drawer,
  .taildo-message-modal,
  [data-taildo-header-root],
  [data-taildo-auth-page]
) :where(.bg-blue-50, .bg-blue-100, .bg-sky-50, .bg-sky-100, .bg-cyan-50, .bg-cyan-100, .bg-emerald-50, .bg-emerald-100, .bg-teal-50, .bg-teal-100, .bg-green-50, .bg-green-100, .bg-violet-50, .bg-violet-100, .bg-purple-50, .bg-purple-100, .bg-indigo-50, .bg-indigo-100, .bg-amber-50, .bg-amber-100, .bg-orange-50, .bg-orange-100, .bg-yellow-50, .bg-yellow-100, .bg-rose-50, .bg-rose-100, .bg-pink-50, .bg-pink-100) {
  background-color: var(--td-ui-muted);
  background-image: none;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(
  #taildo-main-content,
  .taildo-left-sidebar,
  #mobile-menu-drawer,
  .taildo-message-modal,
  [data-taildo-header-root],
  [data-taildo-auth-page]
) :where(.border-amber-100, .border-amber-200, .border-amber-300, .border-amber-400\/30, .border-amber-800, .border-blue-100, .border-blue-200, .border-blue-300, .border-blue-400, .border-blue-50, .border-blue-500, .border-blue-600, .border-cyan-100, .border-emerald-100, .border-emerald-200, .border-indigo-100, .border-orange-100, .border-orange-200, .border-orange-600, .border-rose-100, .border-rose-200, .border-rose-300, .border-rose-400, .border-sky-100, .border-sky-200, .border-sky-700, .border-teal-100, .border-violet-100, .border-violet-200, .border-violet-200\/80, .border-violet-300, .dark\:border-blue-900\/70, .dark\:border-orange-500, .dark\:border-orange-800\/70, .dark\:border-sky-500, .dark\:border-sky-800\/70, .focus\:border-blue-300, .focus\:border-blue-400, .focus\:border-blue-500, .focus\:border-cyan-400, .focus\:border-emerald-500, .focus\:border-orange-200, .focus\:border-orange-300, .focus\:border-rose-400, .focus\:border-sky-400, .focus\:border-violet-400, .hover\:\!border-orange-200, .hover\:border-amber-200, .hover\:border-blue-200, .hover\:border-blue-300, .hover\:border-blue-400, .hover\:border-blue-500, .hover\:border-emerald-200, .hover\:border-orange-200, .hover\:border-orange-300, .hover\:border-rose-200, .hover\:border-rose-300, .hover\:border-sky-300, .hover\:border-violet-200, .sm\:focus\:border-blue-400, .dark\:focus\:ring-orange-900\/50, .dark\:focus\:ring-sky-900\/50, .dark\:ring-blue-800, .focus-visible\:ring-blue-300, .focus\:ring-blue-100, .focus\:ring-blue-200, .focus\:ring-blue-50, .focus\:ring-blue-500, .focus\:ring-cyan-50, .focus\:ring-emerald-50, .focus\:ring-orange-100, .focus\:ring-orange-50, .focus\:ring-rose-50, .focus\:ring-sky-100, .focus\:ring-sky-50, .focus\:ring-violet-100, .focus\:ring-violet-50, .ring-amber-100, .ring-blue-100, .ring-cyan-100, .ring-emerald-100, .ring-emerald-200, .ring-orange-100, .ring-orange-200, .ring-rose-100, .ring-sky-100, .ring-violet-100, .sm\:focus\:ring-blue-50) {
  border-color: var(--td-ui-line);
  --tw-ring-color: var(--td-ui-line);
}

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(
  #taildo-main-content,
  .taildo-left-sidebar,
  #mobile-menu-drawer,
  .taildo-message-modal,
  [data-taildo-header-root],
  [data-taildo-auth-page]
) :where(.dark\:text-blue-100, .dark\:text-blue-200, .dark\:text-orange-200, .dark\:text-sky-200, .group-focus-within\:text-blue-700, .group-hover\:text-blue-500, .group-hover\:text-blue-600, .group-hover\:text-blue-700, .group-hover\:text-violet-700, .hover\:text-amber-400, .hover\:text-amber-600, .hover\:text-blue-500, .hover\:text-blue-600, .hover\:text-blue-700, .hover\:text-blue-800, .hover\:text-orange-700, .hover\:text-orange-900, .hover\:text-rose-500, .hover\:text-rose-600, .hover\:text-rose-700, .hover\:text-sky-600, .hover\:text-sky-700, .hover\:text-sky-900, .hover\:text-violet-700, .text-amber-400, .text-amber-400\/60, .text-amber-50, .text-amber-500, .text-amber-600, .text-amber-700, .text-amber-700\/80, .text-amber-800, .text-blue-400, .text-blue-500, .text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900, .text-cyan-500, .text-cyan-600, .text-cyan-700, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-950, .text-green-500, .text-green-600, .text-indigo-700, .text-orange-600, .text-orange-700, .text-orange-800, .text-pink-500, .text-rose-400, .text-rose-500, .text-rose-500\/90, .text-rose-600, .text-rose-700, .text-rose-700\/80, .text-rose-700\/90, .text-rose-800, .text-rose-900, .text-sky-500, .text-sky-600, .text-sky-700, .text-sky-800, .text-teal-700, .text-violet-500, .text-violet-600, .text-violet-700, .text-yellow-900) {
  color: var(--td-ui-subtle);
}

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(
  #taildo-main-content,
  #mobile-menu-drawer,
  .taildo-message-modal,
  [data-taildo-header-root],
  [data-taildo-auth-page]
) :where(button, a, input[type="submit"], input[type="button"], [role="button"]):where(.bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-sky-500, .bg-sky-600, .bg-sky-700, .bg-cyan-500, .bg-cyan-600, .bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-teal-500, .bg-teal-600, .bg-green-500, .bg-green-600, .bg-green-700, .bg-violet-500, .bg-violet-600, .bg-purple-500, .bg-purple-600, .bg-indigo-500, .bg-indigo-600, .bg-amber-500, .bg-amber-600, .bg-orange-500, .bg-orange-600, .bg-slate-700, .bg-slate-800, .bg-slate-900, .bg-slate-950, .bg-gray-700, .bg-gray-800, .bg-gray-900) {
  border-color: var(--td-ui-action);
  background: var(--td-ui-action);
  background-color: var(--td-ui-action);
  background-image: none;
  color: #ffffff;
}



body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page .taildo-message-thread-card {
  position: relative;
  border-radius: 0;
  transition: none;
  transform: none;
}


body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page .taildo-message-thread-card:focus-visible {
  transform: none;
}


html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page .taildo-message-thread-card:focus-visible {
  transform: none;
}

/* Message inbox dark-mode completion: header, empty state, text, controls, and compose modal. */
html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > section.mb-4 > div,
html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page > div.rounded-2xl {
  border-color: var(--td-dark-line, #26364f);
  background: var(--td-dark-panel, #101827);
  background-color: var(--td-dark-panel, #101827);
  color: var(--td-dark-text, #e8eef8);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page :where(.text-gray-950, .text-gray-900, .text-gray-800, .text-gray-700, .text-slate-900, .text-slate-800, .text-rose-800) {
  color: var(--td-dark-text, #e8eef8);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page :where(.text-gray-600, .text-gray-500, .text-gray-400, .text-slate-500, .text-slate-400, .text-rose-500) {
  color: var(--td-dark-muted, #a8b4c7);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page :where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-sky-50, .bg-emerald-50, .bg-red-50, .bg-rose-50, .bg-rose-100) {
  background-color: var(--td-dark-panel-2, #121d30);
  background-image: none;
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page :where(.border-gray-100, .border-gray-200, .border-slate-200, .border-sky-100, .border-emerald-100, .border-red-100, .border-rose-200) {
  border-color: var(--td-dark-line, #26364f);
  --tw-ring-color: var(--td-dark-line, #26364f);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page .taildo-message-thread-card :where(.bg-gray-100, .ring-gray-100, .ring-rose-100) {
  --tw-ring-color: var(--td-dark-line, #26364f);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-messages-page .taildo-message-thread-card .border-white {
  border-color: var(--td-dark-panel, #101827);
}

html[data-theme="dark"] #composeModal > .relative {
  border: 1px solid var(--td-dark-line, #26364f);
  background: var(--td-dark-panel, #101827);
  color: var(--td-dark-text, #e8eef8);
}

html[data-theme="dark"] #composeModal :where(.border-gray-100, .border-gray-200, .border-sky-100, .border-sky-200) {
  border-color: var(--td-dark-line, #26364f);
}

html[data-theme="dark"] #composeModal :where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-sky-50) {
  background-color: var(--td-dark-panel-2, #121d30);
  background-image: none;
}

html[data-theme="dark"] #composeModal :where(.text-gray-900, .text-gray-800, .text-gray-600, .text-gray-500, .text-sky-700, .text-sky-600, .text-sky-500) {
  color: var(--td-dark-text, #e8eef8);
}

html[data-theme="dark"] #composeModal :where(input, textarea) {
  border-color: var(--td-dark-line, #26364f);
  background: #0d1626;
  color: var(--td-dark-text, #e8eef8);
}

html[data-theme="dark"] #composeModal :where(input, textarea)::placeholder {
  color: var(--td-dark-faint, #7f8ea3);
}

/* Final list boundary guard: rows and content cards stay still on hover. */
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
  .taildo-crew-page [data-crew-card="1"],
  .taildo-crew-page article.bg-white
) {
  transition: none;
  transform: none;
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
  .taildo-crew-page [data-crew-card="1"]:focus-visible,
  .taildo-crew-page article.bg-white:focus-visible
) {
  transition: none;
  transform: none;
}