/* Compatibility entrypoint for the Phase 5 page bundle. */
@import url("../themes/pages.css?v=theme-phase8-20260711");

/* API, Monitor and Theme use the page canvas directly. The generic module
   shell must not paint a second full-height gradient card underneath them. */
body[data-app-theme][data-view="api"] main.module-shell,
body[data-app-theme][data-view="monitor"] main.module-shell,
body[data-app-theme][data-view="theme"] main.module-shell {
  background: transparent !important;
  box-shadow: none !important;
}

/* The renderer wraps every module in a generic .panel.main. Later legacy
   panel rules repaint that wrapper as one huge rounded card, so clearing only
   the page component above is insufficient. API, Monitor and Theme are canvas
   pages: their outer panel stays transparent while their real child cards
   keep their own surfaces. */
body[data-app-theme][data-view="api"] main.module-shell > .app-page > .panel.main,
body[data-app-theme][data-view="monitor"] main.module-shell > .app-page > .panel.main,
body[data-app-theme][data-view="theme"] main.module-shell > .app-page > .panel.main {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Intro copy belongs to the page flow. These shells must never inherit the
   generic card treatment used by the real content below them. */
body[data-app-theme] .monitor-observation-room,
body[data-app-theme] .theme-room,
body[data-app-theme] .api-config-page {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .monitor-observation-room > .monitor-intro,
body[data-app-theme] .theme-room > .monitor-intro,
body[data-app-theme] .api-config-page > .api-config-intro,
body[data-app-theme] .photo-studio-intro,
body[data-app-theme] .door-tray-hero {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Cloud mode is one compact paper flow: field, caption, then filters.  The
   legacy absolute toolbar made the outer stage depend on viewport height;
   extending that stage only produced a large empty gap. */
.memory-palace-v3 .interest-drawer-stage.cloud-mode {
  min-height: var(--interest-cloud-stage-min-height) !important;
}

.memory-palace-v3 .interest-drawer-stage.cloud-mode .interest-drawer-cloud {
  min-height: 0 !important;
  padding-bottom: 16px !important;
  background: var(--color-surface-raised) !important;
}

.memory-palace-v3 .interest-drawer-stage.cloud-mode .interest-drawer-cloud-caption {
  position: static !important;
  margin: 12px 2px 0 !important;
}

.memory-palace-v3 .interest-drawer-stage.cloud-mode .interest-drawer-stage-tools {
  position: relative !important;
  inset: auto !important;
  padding: 0 18px 20px !important;
  background: var(--color-surface-raised) !important;
}

/* Between Us is a four-colour product legend, not theme decoration.  These
   icon identities intentionally remain lavender, rose, gold and blue in all
   current and future themes; only the More-page launchers are scoped here. */
body[data-view="more"] .more-line-card.accent-lavender .more-card-icon {
  border-color: var(--between-us-lavender-line) !important;
  background: var(--between-us-lavender-soft) !important;
  color: var(--between-us-lavender) !important;
  -webkit-text-fill-color: var(--between-us-lavender) !important;
}

body[data-view="more"] .more-line-card.accent-rose .more-card-icon {
  border-color: var(--between-us-rose-line) !important;
  background: var(--between-us-rose-soft) !important;
  color: var(--between-us-rose) !important;
  -webkit-text-fill-color: var(--between-us-rose) !important;
}

body[data-view="more"] .more-line-card.accent-gold .more-card-icon {
  border-color: var(--between-us-gold-line) !important;
  background: var(--between-us-gold-soft) !important;
  color: var(--between-us-gold) !important;
  -webkit-text-fill-color: var(--between-us-gold) !important;
}

body[data-view="more"] .more-line-card.accent-blue .more-card-icon {
  border-color: var(--between-us-blue-line) !important;
  background: var(--between-us-blue-soft) !important;
  color: var(--between-us-blue) !important;
  -webkit-text-fill-color: var(--between-us-blue) !important;
}

/* Fiction create is one editorial form, not a card inside another card. */
body[data-app-theme] .fiction-mode-create > .fiction-section-card,
body[data-app-theme] .fiction-mode-create .fiction-book-form {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-mode-create .fiction-actions,
body[data-app-theme] .fiction-mode-create .fiction-actions button,
body[data-app-theme] .fiction-mode-create .fiction-actions button:not(.ghost) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

/* Little Fund keeps the original paper language per theme. Income follows the
   active accent; expense keeps a separate brass identity. */
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) {
  background: var(--piggy-paper) !important;
  color: var(--piggy-paper-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .piggy-chat-card-income {
  border-color: var(--piggy-income) !important;
}

body[data-app-theme] .piggy-chat-card-expense {
  border-color: var(--piggy-expense) !important;
}

body[data-app-theme] .piggy-chat-card-receipt {
  border-color: var(--piggy-receipt-border) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-kicker,
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) time {
  color: var(--piggy-paper-muted) !important;
  -webkit-text-fill-color: var(--piggy-paper-muted) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) > strong,
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .amount,
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-footer {
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}

body[data-app-theme] .piggy-chat-card-expense > strong,
body[data-app-theme] .piggy-chat-card-expense .amount,
body[data-app-theme] .piggy-chat-card-expense .piggy-footer {
  color: var(--piggy-expense) !important;
  -webkit-text-fill-color: var(--piggy-expense) !important;
}

body[data-app-theme] .piggy-chat-card-expense .amount {
  color: var(--piggy-expense-amount) !important;
  -webkit-text-fill-color: var(--piggy-expense-amount) !important;
}

body[data-app-theme] .piggy-chat-card-income .piggy-label {
  background: var(--piggy-income-soft) !important;
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}

body[data-app-theme] .piggy-chat-card-expense .piggy-label {
  background: var(--piggy-expense-soft) !important;
  color: var(--piggy-expense) !important;
  -webkit-text-fill-color: var(--piggy-expense) !important;
}

body[data-app-theme] .piggy-chat-card-receipt .piggy-label {
  background: var(--piggy-income-soft) !important;
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-content,
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-note,
body[data-app-theme] .piggy-chat-card-receipt > strong {
  color: var(--piggy-paper-text) !important;
  -webkit-text-fill-color: var(--piggy-paper-text) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-label {
  background: var(--piggy-paper-soft) !important;
  color: var(--piggy-paper-text) !important;
  -webkit-text-fill-color: var(--piggy-paper-text) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-note,
body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-card-meta {
  border-color: var(--piggy-paper-line) !important;
}

body[data-app-theme] .piggy-chat-card:not(.piggy-chat-card-wish) .piggy-note {
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}

/* Final Little Fund ownership rules. The legacy Chat bundle has selectors
   scoped through .chat-shell, so the semantic layer intentionally matches
   that scope and remains the authoritative source of card colour. */
body[data-app-theme] .chat-shell .piggy-chat-card:not(.piggy-chat-card-wish) {
  background: var(--piggy-paper) !important;
  color: var(--piggy-paper-text) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-income {
  border-color: var(--piggy-income) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-income > strong,
body[data-app-theme] .chat-shell .piggy-chat-card-income .amount,
body[data-app-theme] .chat-shell .piggy-chat-card-income .piggy-label,
body[data-app-theme] .chat-shell .piggy-chat-card-income .piggy-note,
body[data-app-theme] .chat-shell .piggy-chat-card-income .piggy-footer {
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-income .piggy-label {
  background: var(--piggy-income-soft) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-expense {
  border-color: var(--piggy-expense) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-expense > strong,
body[data-app-theme] .chat-shell .piggy-chat-card-expense .amount,
body[data-app-theme] .chat-shell .piggy-chat-card-expense .piggy-label,
body[data-app-theme] .chat-shell .piggy-chat-card-expense .piggy-note,
body[data-app-theme] .chat-shell .piggy-chat-card-expense .piggy-footer {
  color: var(--piggy-expense) !important;
  -webkit-text-fill-color: var(--piggy-expense) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-expense .piggy-label {
  background: var(--piggy-expense-soft) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-receipt {
  border-color: var(--piggy-receipt-border) !important;
}

body[data-app-theme] .chat-shell .piggy-chat-card-receipt .piggy-label {
  background: var(--piggy-income-soft) !important;
  color: var(--piggy-income) !important;
  -webkit-text-fill-color: var(--piggy-income) !important;
}
/* Let the active theme canvas show through on Home. The legacy stylesheet
   carries a baked-in Night gradient here, which would otherwise mask every
   future palette. */
body[data-app-theme][data-view="home"] .home-shell {
  background: transparent !important;
  color: var(--color-text) !important;
}

body[data-app-theme][data-view="home"] .home-shell::before {
  background: none !important;
}

body[data-app-theme][data-view="home"] .lair-hero,
body[data-app-theme][data-view="home"] .lair-kicker,
body[data-app-theme][data-view="home"] .gq-stage,
body[data-app-theme][data-view="home"] .gq-symbol,
body[data-app-theme][data-view="home"] .anniversary-meta strong,
body[data-app-theme][data-view="home"] .welcome-card footer,
body[data-app-theme][data-view="home"] .calendar-mark {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme][data-view="home"] .anniversary-script {
  background: var(--brand-gradient) !important;
  color: var(--color-accent-strong) !important;
  -webkit-text-fill-color: var(--color-accent-strong) !important;
  filter: drop-shadow(0 0 20px var(--color-accent-soft)) !important;
}

body[data-app-theme][data-view="home"] .anniversary-meta,
body[data-app-theme][data-view="home"] .anniversary-meta span,
body[data-app-theme][data-view="home"] .anniversary-meta small,
body[data-app-theme][data-view="home"] .proactive-home-top,
body[data-app-theme][data-view="home"] .proactive-home-top small,
body[data-app-theme][data-view="home"] .proactive-home-foot,
body[data-app-theme][data-view="home"] .proactive-home-foot small,
body[data-app-theme][data-view="home"] .today-empty-row,
body[data-app-theme][data-view="home"] .memo-time,
body[data-app-theme][data-view="home"] .today-add {
  color: var(--color-text-muted) !important;
  -webkit-text-fill-color: var(--color-text-muted) !important;
}

body[data-app-theme][data-view="home"] .proactive-home-top i,
body[data-app-theme][data-view="home"] .today-group-label {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme][data-view="home"] .proactive-paper-home,
body[data-app-theme][data-view="home"] .proactive-home-card,
body[data-app-theme][data-view="home"] .proactive-envelope-home {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme][data-view="home"] .proactive-paper-home p {
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

body[data-app-theme][data-view="home"] .proactive-envelope-home p {
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

/* Phase 8: page families consume the same opaque panel and chrome tokens.
   These selectors intentionally out-rank the frozen, theme-specific legacy
   rules while keeping layout and DOM untouched. */
body[data-app-theme] main.module-shell,
body[data-app-theme] .daybook-shell,
body[data-app-theme] .memory-palace-v3,
body[data-app-theme] .memo-control-shell,
body[data-app-theme] .calendar-control-shell,
body[data-app-theme] .photo-studio-shell,
body[data-app-theme] .piggy-bank-shell,
body[data-app-theme] .door-tray-shell,
body[data-app-theme] .senses-control-shell,
body[data-app-theme] .fiction-shell,
body[data-app-theme] .favorite-shell {
  background-color: var(--color-page) !important;
  color: var(--color-text) !important;
}

body[data-app-theme][data-view="daybook"] .daybook-shell.home-shell {
  --db-bg: var(--color-page);
  --db-surface: var(--color-panel-solid);
  --db-ink: var(--color-text);
  --db-muted: var(--color-text-muted);
  --db-dim: var(--color-text-dim);
  --db-pink: var(--color-accent);
  --db-pink-deep: var(--color-accent-strong);
  --db-g: var(--color-accent);
  --db-g-deep: var(--color-accent-strong);
  --db-g-soft: var(--color-accent-soft);
  --db-line: var(--color-border);
  --db-plum: var(--color-panel-solid);
  background: var(--color-page) !important;
}

body[data-app-theme] .daybook-date-head button,
body[data-app-theme] .daybook-float-add,
body[data-app-theme] .daybook-filter button {
  border-color: var(--color-border) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .daybook-g-plan-body,
body[data-app-theme] .daybook-todo-main,
body[data-app-theme] .daybook-todo-main > * {
  background: transparent !important;
  color: var(--color-text) !important;
}

body[data-app-theme] .daybook-shell::before,
body[data-app-theme] .memory-palace-v3::before,
body[data-app-theme] .theme-preset-card::before,
body[data-app-theme] .theme-preset-card::after {
  background: none !important;
  box-shadow: none !important;
}

body[data-app-theme] .theme-preset-card,
body[data-app-theme] .theme-preset-card.active,
body[data-app-theme] .theme-future-card {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .daybook-topbar,
body[data-app-theme] .calendar-control-head,
body[data-app-theme] .memo-control-head,
body[data-app-theme] .memory-control-head,
body[data-app-theme] .more-control-head,
body[data-app-theme] .setting-control-head {
  background: var(--color-chrome) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
  box-shadow: none !important;
}

body[data-app-theme] .daybook-date-head,
body[data-app-theme] .daybook-event-card,
body[data-app-theme] .daybook-g-plan-card,
body[data-app-theme] .daybook-week-panel,
body[data-app-theme] .daybook-composer-card,
body[data-app-theme] .memo-editor,
body[data-app-theme] .memo-board,
body[data-app-theme] .memo-task,
body[data-app-theme] .calendar-preview,
body[data-app-theme] .calendar-editor,
body[data-app-theme] .calendar-agenda,
body[data-app-theme] .calendar-agenda-item,
body[data-app-theme] .memory-palace-v3 .mem-maint-panel,
body[data-app-theme] .memory-palace-v3 .mem-maint-card,
body[data-app-theme] .memory-palace-v3 .memory-room-card,
body[data-app-theme] .memory-palace-v3 .thought-seed,
body[data-app-theme] .memory-palace-v3 .thought-echo,
body[data-app-theme] .memory-palace-v3 .dream-wisp,
body[data-app-theme] .memory-palace-v3 .dream-stat,
body[data-app-theme] .memory-palace-v3 .interest-drawer-stage,
body[data-app-theme] .memory-palace-v3 .interest-drawer-card,
body[data-app-theme] .favorite-card,
body[data-app-theme] .favorite-note-card,
body[data-app-theme] .fiction-hero-card,
body[data-app-theme] .fiction-section-card,
body[data-app-theme] .fiction-reader-card,
body[data-app-theme] .fiction-book-card,
body[data-app-theme] .fiction-editor-card,
body[data-app-theme] .fiction-generate-card,
body[data-app-theme] .photo-camera-card,
body[data-app-theme] .photo-shelf-card,
body[data-app-theme] .photo-prompt-drawer,
body[data-app-theme] .photo-result-view,
body[data-app-theme] .photo-failure-view,
body[data-app-theme] .piggy-bank-shell .home-card,
body[data-app-theme] .piggy-bank-shell .more-square-card,
body[data-app-theme] .door-tray-card,
body[data-app-theme] .door-tray-echo,
body[data-app-theme] .door-tray-jar-detail,
body[data-app-theme] .xhs-panel-card,
body[data-app-theme] .arcade-panel-card,
body[data-app-theme] .spicy-panel-card {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .photo-detail-panel,
body[data-app-theme] .photo-result-view > .photo-detail-panel,
body[data-app-theme] .fiction-mode-read .fiction-reader-card,
body[data-app-theme] .fiction-reader-card .fiction-generate-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 h1,
body[data-app-theme] .memory-palace-v3 h2,
body[data-app-theme] .memory-palace-v3 h3,
body[data-app-theme] .memory-palace-v3 strong,
body[data-app-theme] .daybook-shell h2,
body[data-app-theme] .daybook-shell strong,
body[data-app-theme] .favorite-shell h2,
body[data-app-theme] .favorite-shell strong,
body[data-app-theme] .fiction-shell h2,
body[data-app-theme] .fiction-shell strong,
body[data-app-theme] .photo-studio-shell strong,
body[data-app-theme] .piggy-bank-shell strong,
body[data-app-theme] .door-tray-shell strong,
body[data-app-theme] .senses-control-shell strong {
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

body[data-app-theme] .memory-palace-v3 p,
body[data-app-theme] .memory-palace-v3 small,
body[data-app-theme] .memory-palace-v3 em,
body[data-app-theme] .daybook-shell p,
body[data-app-theme] .daybook-shell small,
body[data-app-theme] .favorite-shell p,
body[data-app-theme] .favorite-shell small,
body[data-app-theme] .fiction-shell p,
body[data-app-theme] .fiction-shell small,
body[data-app-theme] .photo-studio-shell p,
body[data-app-theme] .photo-studio-shell small,
body[data-app-theme] .piggy-bank-shell p,
body[data-app-theme] .piggy-bank-shell small,
body[data-app-theme] .door-tray-shell p,
body[data-app-theme] .door-tray-shell small,
body[data-app-theme] .senses-control-shell p,
body[data-app-theme] .senses-control-shell small {
  color: var(--color-text-muted) !important;
  -webkit-text-fill-color: var(--color-text-muted) !important;
  opacity: 1 !important;
}

body[data-app-theme] .memory-palace-v3 button,
body[data-app-theme] .memory-palace-v3 [class*="kicker"],
body[data-app-theme] .memory-palace-v3 [class*="label"],
body[data-app-theme] .photo-studio-shell button,
body[data-app-theme] .photo-studio-shell .material-symbols-outlined,
body[data-app-theme] .piggy-bank-shell .material-symbols-outlined,
body[data-app-theme] .door-tray-shell .material-symbols-outlined,
body[data-app-theme] .senses-control-shell .material-symbols-outlined,
body[data-app-theme] .fiction-shell button,
body[data-app-theme] .favorite-shell button {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .api-vector-status span,
body[data-app-theme] .api-config-page .memory-vector-status-line span {
  border-color: var(--color-border) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .photo-primary-button,
body[data-app-theme] .photo-shutter-button,
body[data-app-theme] .door-tray-primary-action,
body[data-app-theme] .fiction-actions button:not(.ghost),
body[data-app-theme] .fiction-read-now,
body[data-app-theme] .favorite-tabs button.active,
body[data-app-theme] .memo-add,
body[data-app-theme] .memo-edit-actions .send {
  border-color: var(--color-accent-strong) !important;
  background: var(--color-accent) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
}

body[data-app-theme] .memo-calendar-mode .calendar-chip-picker button,
body[data-app-theme] .memo-calendar-mode .calendar-switches > button,
body[data-app-theme] .memo-edit-modal .memory-choice,
body[data-app-theme] .memo-edit-modal .memory-choice span,
body[data-app-theme] .diary-view-tabs button {
  border-color: var(--color-border) !important;
  background: transparent !important;
  color: var(--color-text-muted) !important;
  -webkit-text-fill-color: var(--color-text-muted) !important;
  box-shadow: none !important;
}

body[data-app-theme] .memo-calendar-mode .calendar-chip-picker button.active,
body[data-app-theme] .memo-calendar-mode .calendar-switches > button.active,
body[data-app-theme] .memo-edit-modal .memory-choice:has(input:checked),
body[data-app-theme] .memo-edit-modal .memory-choice input:checked + span,
body[data-app-theme] .diary-view-tabs button.active {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

/* Phase 8: keep ornamental memory paths semantic instead of inheriting Night pink. */
body[data-app-theme] .memory-palace-v3 .spectrum-rail::before {
  background: linear-gradient(
    180deg,
    var(--color-accent) 0%,
    color-mix(in srgb, var(--color-accent) 66%, transparent) 38%,
    color-mix(in srgb, var(--color-accent) 24%, transparent) 72%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 22px color-mix(in srgb, var(--color-accent) 16%, transparent) !important;
}

body[data-app-theme] .memory-palace-v3 .spectrum-gate {
  border-bottom-color: var(--color-border) !important;
}

body[data-app-theme] .memory-palace-v3 .spectrum-gate::before {
  border-color: var(--color-accent) !important;
  background: var(--color-page) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--color-accent) 8%, transparent),
    0 0 20px color-mix(in srgb, var(--color-accent) 18%, transparent) !important;
}

body[data-app-theme] .memory-palace-v3 .spectrum-gate-copy small,
body[data-app-theme] .memory-palace-v3 .spectrum-gate-arrow,
body[data-app-theme] .memory-palace-v3 .spectrum-overview-closing {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .memory-palace-v3 .spectrum-gate-copy strong {
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

body[data-app-theme] .memory-palace-v3 .spectrum-gate-copy p,
body[data-app-theme] .memory-palace-v3 .spectrum-overview-closing p {
  color: var(--color-text-muted) !important;
  -webkit-text-fill-color: var(--color-text-muted) !important;
}

/* Old decorative page veils must never reintroduce black or pink canvases. */
body[data-app-theme] :is(
  .favorite-shell,
  .fiction-shell,
  .photo-studio-shell,
  .piggy-bank-shell,
  .door-tray-shell,
  .senses-control-shell
)::before {
  background: none !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-stage,
body[data-app-theme] .memory-palace-v3 .interest-drawer-stage.cloud-mode {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  box-shadow: var(--shadow-card) !important;
}

/* Phase 9: legacy Night internals become reusable semantic component states. */
body[data-app-theme][data-view="home"] .proactive-home-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme][data-view="home"] .proactive-envelope-home::before {
  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-strong)) !important;
  opacity: .7 !important;
}

body[data-app-theme][data-view="daybook"] .daybook-date-head,
body[data-app-theme][data-view="daybook"] .daybook-week-panel {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .memo-editor .memo-controls,
body[data-app-theme] .memo-editor .memo-controls > label,
body[data-app-theme] .memo-edit-modal .memo-edit-grid,
body[data-app-theme] .memo-edit-modal .memory-chip-grid,
body[data-app-theme] .memo-edit-modal .memory-choice:has(input:checked) {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .memo-edit-modal .memory-choice,
body[data-app-theme] .memo-edit-modal .memory-choice span {
  border-radius: 999px !important;
}

body[data-app-theme] .memo-edit-modal .memory-choice input:checked + span {
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 999px !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] :is(.memo-picker-trigger, .calendar-chip-picker button, .calendar-month-actions button, .calendar-agenda-edit) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  border-color: var(--color-border) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] :is(.memo-picker-trigger .material-symbols-outlined, .calendar-preview .home-icon, .calendar-editor .home-icon, .calendar-agenda .home-icon) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .calendar-editor input[type="checkbox"] + span,
body[data-app-theme] .senses-switch-row i {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
}

body[data-app-theme] .calendar-editor input[type="checkbox"]:checked + span,
body[data-app-theme] .senses-switch-row[aria-pressed="true"] i {
  border-color: var(--color-accent) !important;
  background: var(--color-accent-strong) !important;
}

body[data-app-theme] .calendar-form-actions .memo-add,
body[data-app-theme] .calendar-editor .memo-add {
  border-color: var(--color-accent-strong) !important;
  background: var(--color-accent-strong) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme][data-view="memo"] .memo-calendar-mode .calendar-form-actions .memo-add,
body[data-app-theme][data-view="calendar"] .calendar-control-shell .calendar-form-actions .memo-add {
  border-color: var(--color-accent-strong) !important;
  background: var(--color-accent-strong) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .cycle-control-shell.home-shell {
  --more-eraser: var(--color-accent);
  --more-eraser-bright: var(--color-accent-strong);
  --cycle-rubber: var(--color-accent-strong);
  --cycle-rubber-soft: var(--color-accent);
  --cycle-ink: var(--color-text);
  --cycle-muted: var(--color-text-muted);
  --cycle-dim: var(--color-text-dim);
  --cycle-line: var(--color-border);
  background: var(--color-page) !important;
  color: var(--color-text) !important;
}

body[data-app-theme] .cycle-control-shell :is(.cycle-hero, .cycle-prediction, .cycle-history) {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .cycle-control-shell :is(.cycle-hero b, .cycle-hero span i, .cycle-wheel-center b, .cycle-wheel-tag strong) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .cycle-control-shell .cycle-action.is-active {
  border-color: var(--color-accent) !important;
  background: var(--color-accent-strong) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .cycle-control-shell .cycle-action.is-dark {
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text-muted) !important;
}

body[data-app-theme] .memory-palace-v3 :is(.interest-drawer-overview, .interest-drawer-detail-copy, .interest-drawer-card, .interest-drawer-thought-seeds) {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .memory-palace-v3 :is(.interest-drawer-overview, .interest-drawer-detail-copy) :is(h2,h3,strong,p,small,span,blockquote) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body[data-app-theme] .memory-palace-v3 .thought-echo {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .thought-echo-head {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .thought-echo::before {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .dream-stat {
  background: var(--color-surface-raised) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .favorites-control-shell.home-shell {
  --fav-bg: var(--color-page);
  --fav-surface: var(--color-surface);
  --fav-card: var(--color-panel-solid);
  --fav-ink: var(--color-text);
  --fav-muted: var(--color-text-muted);
  --fav-dim: var(--color-text-dim);
  --fav-pink: var(--color-accent);
  --fav-hot: var(--color-accent-strong);
  --fav-line: var(--color-border);
  background: var(--color-page) !important;
}

body[data-app-theme] .favorites-control-shell :is(.favorites-summary small, .favorite-tabs) {
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text-muted) !important;
  box-shadow: none !important;
}

body[data-app-theme] .favorites-control-shell .favorite-tabs button.active {
  background: var(--color-accent-strong) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
}

body[data-app-theme] .favorites-control-shell :is(.favorite-card, .favorite-note-card) {
  border-color: var(--color-border) !important;
  background: var(--color-panel-solid) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .fiction-hero-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-actions {
  background: color-mix(in srgb, var(--color-surface-raised) 72%, transparent) !important;
  border-color: var(--color-border) !important;
  box-shadow: none !important;
}

body[data-app-theme] :is(.fiction-book-form, .fiction-preset-box, .fiction-preset-list article) {
  background: color-mix(in srgb, var(--color-surface-raised) 74%, transparent) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body[data-app-theme] :is(.fiction-book-form input, .fiction-book-form textarea, .fiction-book-form select, .fiction-preset-picker summary, .fiction-preset-menu, .fiction-preset-form input, .fiction-preset-form textarea) {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-preset-menu button.active {
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
}

body[data-app-theme] .fiction-mode-settings > .fiction-section-card,
body[data-app-theme] .fiction-mode-create > .fiction-section-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .photo-camera-card.active .photo-camera-icon,
body[data-app-theme] .photo-camera-card.active .photo-camera-icon svg,
body[data-app-theme] .photo-camera-card.active .photo-camera-icon svg * {
  color: var(--color-accent) !important;
  stroke: var(--color-accent) !important;
  fill: none !important;
}

body[data-app-theme] .photo-prompt-trigger {
  border: 0 !important;
  background: transparent !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .photo-shutter-button {
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
}

body[data-app-theme] :is(.piggy-bank-shell .piggy-summary-card, .piggy-bank-shell .piggy-action-card, .piggy-bank-shell .piggy-wish-card, .piggy-bank-shell .piggy-record-card, .piggy-bank-shell .piggy-print-card) {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .piggy-bank-shell :is(.piggy-label, .piggy-form-toggle, .piggy-select-trigger, button) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .piggy-bank-shell :is(
  .piggy-balance-card,
  .piggy-bonus-card,
  .piggy-action-card,
  .piggy-jar-grid button,
  .piggy-wish-card,
  .piggy-wish-empty,
  .piggy-record-list article,
  .piggy-receipt-entry
) {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

body[data-app-theme] .piggy-bank-shell :is(
  .piggy-balance-icon,
  .piggy-bonus-card > span,
  .piggy-action-card .material-symbols-outlined,
  .piggy-jar-grid .material-symbols-outlined,
  .piggy-record-dot,
  .piggy-receipt-entry > span
) {
  border-color: var(--color-border) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .piggy-bank-shell :is(.piggy-record-list article em, .piggy-record-list article header b, .piggy-receipt-entry > i) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .piggy-receipt-shell {
  background: var(--color-page) !important;
  color: var(--color-text) !important;
}

body[data-app-theme] .piggy-receipt-shell:not(.is-printing) :is(.piggy-receipt-select, .memo-picker-trigger) {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

body[data-app-theme] .door-tray-hero-orb,
body[data-app-theme] .door-tray-row i,
body[data-app-theme] .door-tray-card-count {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .door-tray-hero-orb svg,
body[data-app-theme] .door-tray-hero-orb svg * {
  stroke: var(--color-accent) !important;
}

body[data-app-theme] .senses-control-shell :is(.senses-card, .xhs-panel-card, .arcade-panel-card, .spicy-panel-card) {
  background: var(--color-panel-solid) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
}

/* Phase 9.3 — shared semantic fixes found during Blue Night acceptance. */
body[data-app-theme] :is(
  .simple-head .chat-back,
  .more-control-head .more-back,
  .memory-control-head .more-back,
  .setting-back,
  .calendar-back,
  .fiction-back,
  .photo-polaroid-back,
  .piggy-receipt-back
) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .cycle-control-head + .cycle-hero {
  margin-top: 18px !important;
}

body[data-app-theme] .cycle-control-shell .cycle-history {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .cycle-control-shell .cycle-history .memo-section-head {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--color-text) !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-map-summary {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-topic-card {
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .dream-fragments-materials {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .memory-palace-v3 .dream-fragments-materials article {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-bonus-card > .material-symbols-outlined {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-record-list {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-record-list article > div {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell :is(
  .piggy-balance-card strong,
  .piggy-bonus-card button,
  .piggy-action-card button,
  .piggy-jar-grid button .material-symbols-outlined,
  .piggy-record-list em,
  .piggy-print-card button
) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .door-tray-shell :is(
  .door-tray-hero-orb,
  .door-tray-row i,
  .door-tray-card-count,
  .door-tray-card-chevron,
  button,
  .material-symbols-outlined
) {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .door-tray-shell .door-tray-row i {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
}

body[data-app-theme] .photo-shutter-button {
  border-color: var(--color-accent-strong) !important;
  background: var(--color-accent) !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-app-theme] .photo-shutter-button .photo-shutter-icon,
body[data-app-theme] .photo-shutter-button .photo-shutter-icon * {
  color: var(--color-on-accent) !important;
  stroke: var(--color-on-accent) !important;
}

body[data-app-theme] .senses-control-shell :is(input, select, textarea) {
  background: var(--color-surface-raised) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

body[data-app-theme] .bottom-nav .chat-orb .material-symbols-outlined,
body[data-app-theme] .bottom-nav .chat-orb.active .material-symbols-outlined {
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
}

body[data-app-theme] .calendar-all-day-toggle i {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
}

body[data-app-theme] .calendar-all-day-toggle i::after {
  background: var(--color-accent) !important;
}

body[data-app-theme] .calendar-all-day-toggle.active i {
  border-color: var(--color-accent) !important;
  background: var(--color-accent-strong) !important;
}

body[data-app-theme] .calendar-all-day-toggle.active i::after {
  background: var(--color-text-inverse) !important;
}

/* Phase 9.4 — transparent hosts, stable source identities and text actions. */
body[data-app-theme] .memory-palace-v3 .interest-drawer-stage.cloud-mode,
body[data-app-theme] .memory-palace-v3 .interest-drawer-stage.cloud-mode .interest-drawer-cloud {
  min-height: var(--interest-cloud-stage-min-height) !important;
  height: auto !important;
  box-sizing: border-box !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-stage.cloud-mode .interest-drawer-cloud {
  background: var(--color-surface-raised) !important;
  border-color: var(--color-border) !important;
  border-radius: inherit !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-cloud-word {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

body[data-app-theme] .memory-palace-v3 .interest-drawer-cloud-word[data-tone="github"] { color: var(--source-github) !important; }
body[data-app-theme] .memory-palace-v3 .interest-drawer-cloud-word[data-tone="paper"] { color: var(--source-paper) !important; }
body[data-app-theme] .memory-palace-v3 .interest-drawer-cloud-word[data-tone="huggingface"] { color: var(--source-huggingface) !important; }
body[data-app-theme] .memory-palace-v3 .interest-drawer-cloud-word[data-tone="xhs"] { color: var(--source-xhs) !important; }

body[data-app-theme] .fiction-shelf-dock,
body[data-app-theme] .fiction-book-form,
body[data-app-theme] .fiction-settings-grid,
body[data-app-theme] .fiction-preset-box,
body[data-app-theme] .fiction-summary-panel,
body[data-app-theme] .fiction-generate-card {
  border-color: var(--color-border) !important;
  background: color-mix(in srgb, var(--color-chrome) 82%, transparent) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body[data-app-theme] :is(.fiction-book-form, .fiction-settings-grid, .fiction-preset-box) :is(input, textarea, select, summary),
body[data-app-theme] .fiction-summary-panel textarea,
body[data-app-theme] .fiction-generate-card textarea {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  -webkit-text-fill-color: var(--color-text) !important;
}

body[data-app-theme] .fiction-detail-actions,
body[data-app-theme] .fiction-text-actions {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-app-theme] .fiction-summary-panel .field,
body[data-app-theme] .fiction-generate-card > div:not(.fiction-actions) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-summary-panel .fiction-text-actions button,
body[data-app-theme] .fiction-summary-panel .fiction-text-actions button:not(.ghost),
body[data-app-theme] .fiction-generate-card .fiction-text-actions button,
body[data-app-theme] .fiction-generate-card .fiction-text-actions button:not(.ghost) {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body[data-app-theme] .door-tray-wallet-card .door-tray-jar-line > i {
  border-color: var(--color-border-strong) !important;
  background: var(--color-accent-soft) !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-text-actions button,
body[data-app-theme] .fiction-text-actions button.ghost {
  border: 0 !important;
  background: transparent !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .photo-shutter-button > span {
  display: inline !important;
  color: var(--color-on-accent) !important;
  -webkit-text-fill-color: var(--color-on-accent) !important;
  font-size: inherit !important;
  opacity: 1 !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-jar-grid .material-symbols-outlined,
body[data-app-theme] .piggy-bank-shell .piggy-form-toggle,
body[data-app-theme] .piggy-bank-shell .piggy-form-toggle .material-symbols-outlined {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-record-list article,
body[data-app-theme] .piggy-bank-shell .piggy-record-list article > div {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-app-theme] .piggy-bank-shell .piggy-record-more {
  border: 0 !important;
  background: transparent !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .door-tray-wallet-card .door-tray-card-head > b,
body[data-app-theme] .door-tray-wallet-card .door-tray-jar-line :is(b, i),
body[data-app-theme] .door-tray-wallet-card .door-tray-jar-line button {
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
}

body[data-app-theme] .door-tray-echo > span,
body[data-app-theme] .door-tray-debug-link {
  border: 0 !important;
  background: transparent !important;
  color: var(--color-accent) !important;
  -webkit-text-fill-color: var(--color-accent) !important;
  box-shadow: none !important;
}

body[data-app-theme] .senses-control-shell .senses-planned-card {
  border-color: var(--color-border) !important;
  background: var(--color-surface-raised) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

body[data-app-theme] .fiction-summary-panel,
body[data-app-theme] .fiction-generate-card {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}