@charset "UTF-8";

/*
 * SHIMA BUILDER v5 — SNOWFIELD DAYLIGHT
 * Contrast-safe appearance layer loaded last.
 * White Shima-enaga body + pale snow + blue-black feather-tip controls.
 * Prompt data, shelf structure, selection logic, and output logic are untouched.
 */

:root {
  color-scheme: light !important;

  --primary-color: #397aa6 !important;
  --accent-gradient: linear-gradient(102deg, #18384a 0%, #286b8e 48%, #2b8f83 100%) !important;
  --bg-color: #f3f8fb !important;
  --card-bg: #ffffff !important;
  --text-color: #173444 !important;

  --day-snow: #ffffff;
  --day-snow-soft: #f7fbfd;
  --day-ice: #edf6fa;
  --day-ice-strong: #e1f0f5;
  --day-mint: #dff5ef;
  --day-mint-strong: #bceade;
  --day-ink: #173444;
  --day-ink-2: #274b5d;
  --day-muted: #557180;
  --day-line: #c9dde6;
  --day-line-strong: #9fc5d3;
  --day-blue: #397aa6;
  --day-blue-soft: #deeff8;
  --day-green: #247b70;
  --day-gold: #9b6711;
  --day-danger: #a43c53;
  --day-feather: #0c2232;
  --day-shadow: 0 14px 34px rgba(35, 73, 92, 0.11);
  --day-shadow-small: 0 7px 18px rgba(35, 73, 92, 0.09);
  --day-inner: inset 0 1px 0 rgba(255, 255, 255, 0.92);

  /* Runtime panels from ZERO Assist inherit the same daylight palette. */
  --zero-bg: var(--day-snow-soft) !important;
  --zero-bg-soft: var(--day-ice) !important;
  --zero-panel: #ffffff !important;
  --zero-panel-2: #f4f9fb !important;
  --zero-panel-3: #e7f3f7 !important;
  --zero-line: var(--day-line) !important;
  --zero-line-strong: var(--day-line-strong) !important;
  --zero-text: var(--day-ink) !important;
  --zero-text-soft: var(--day-ink-2) !important;
  --zero-muted: var(--day-muted) !important;
  --zero-mint: var(--day-green) !important;
  --zero-mint-soft: var(--day-mint) !important;
  --zero-blue: var(--day-blue) !important;
  --zero-blue-soft: var(--day-blue-soft) !important;
  --zero-amber: var(--day-gold) !important;
  --zero-red: var(--day-danger) !important;
  --zero-shadow: var(--day-shadow) !important;

  /* Keep legacy snow tokens readable for components that consume them. */
  --snow-night: var(--day-snow-soft) !important;
  --snow-night-2: var(--day-ice) !important;
  --snow-panel: rgba(255, 255, 255, 0.97) !important;
  --snow-panel-soft: rgba(247, 251, 253, 0.96) !important;
  --snow-panel-bright: rgba(235, 246, 250, 0.98) !important;
  --snow-white: var(--day-ink) !important;
  --snow-ice: var(--day-ice) !important;
  --snow-blue: var(--day-blue) !important;
  --snow-muted: var(--day-muted) !important;
  --snow-line: rgba(72, 117, 139, 0.22) !important;
  --snow-line-strong: rgba(57, 122, 166, 0.42) !important;
  --snow-aurora: var(--day-green) !important;
  --snow-aurora-soft: rgba(43, 143, 131, 0.12) !important;
  --snow-sky: var(--day-blue) !important;
  --snow-sky-soft: rgba(57, 122, 166, 0.12) !important;
  --snow-gold: var(--day-gold) !important;
  --snow-danger: var(--day-danger) !important;
  --snow-shadow: var(--day-shadow) !important;
  --snow-inner: var(--day-inner) !important;
}

html {
  background-color: #eef6f9 !important;
  background-image: linear-gradient(180deg, #f8fcfe, #edf6f9) !important;
  scrollbar-color: #91b9c8 #edf5f8 !important;
}

body {
  background-color: var(--day-snow-soft) !important;
  background-image:
    radial-gradient(760px 330px at 5% -2%, rgba(109, 196, 219, 0.15), transparent 70%),
    radial-gradient(620px 310px at 102% 4%, rgba(126, 180, 228, 0.13), transparent 72%),
    linear-gradient(180deg, #f9fdff 0%, #f3f9fb 34%, #edf5f8 100%) !important;
  color: var(--day-ink) !important;
}

body::before {
  opacity: 0.62 !important;
  background-image:
    radial-gradient(circle at 8% 16%, rgba(71, 141, 168, 0.18) 0 1px, transparent 1.5px),
    radial-gradient(circle at 35% 10%, rgba(76, 146, 169, 0.13) 0 1px, transparent 1.6px),
    radial-gradient(circle at 76% 21%, rgba(70, 136, 164, 0.16) 0 1.1px, transparent 1.7px),
    radial-gradient(circle at 92% 8%, rgba(70, 136, 164, 0.12) 0 1px, transparent 1.5px),
    linear-gradient(155deg, transparent 0 69%, rgba(78, 146, 170, 0.025) 69.2%, transparent 69.5%) !important;
  background-size: 210px 210px, 260px 260px, 238px 238px, 300px 300px, auto !important;
}

::selection {
  background: #bceade !important;
  color: #102f3e !important;
}

.shima-noise {
  opacity: 0.1 !important;
  mix-blend-mode: multiply !important;
  background-image:
    radial-gradient(circle, rgba(62, 132, 157, 0.38) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(87, 159, 181, 0.28) 0 1.1px, transparent 1.55px),
    radial-gradient(circle, rgba(69, 137, 163, 0.22) 0 0.8px, transparent 1.2px) !important;
}

/* Header — white plumage, with only a slim blue-black feather edge. */
body > header {
  background-color: #ffffff !important;
  background-image:
    radial-gradient(460px 150px at 8% -16%, rgba(122, 211, 215, 0.22), transparent 72%),
    radial-gradient(520px 170px at 96% -20%, rgba(111, 175, 226, 0.2), transparent 72%),
    linear-gradient(180deg, #ffffff 0%, #f5fbfd 100%) !important;
  border-bottom: 3px solid var(--day-feather) !important;
  box-shadow: 0 10px 30px rgba(38, 76, 94, 0.12) !important;
}

body > header::before {
  opacity: 0.15 !important;
  filter: sepia(0.1) saturate(0.75) !important;
}

body > header::after {
  opacity: 0.45 !important;
  background:
    radial-gradient(70px 13px at 8% 0%, rgba(90, 159, 181, 0.18) 48%, transparent 52%),
    radial-gradient(95px 15px at 29% 0%, rgba(90, 159, 181, 0.14) 48%, transparent 52%),
    radial-gradient(82px 14px at 53% 0%, rgba(90, 159, 181, 0.16) 48%, transparent 52%),
    radial-gradient(110px 15px at 79% 0%, rgba(90, 159, 181, 0.13) 48%, transparent 52%),
    radial-gradient(72px 13px at 97% 0%, rgba(90, 159, 181, 0.16) 48%, transparent 52%) !important;
}

body > header h1 {
  color: var(--day-ink) !important;
  text-shadow: none !important;
}

.title-text {
  background: linear-gradient(98deg, #173444 0%, #27647f 52%, #247b70 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0 transparent !important;
}

.subtitle {
  color: var(--day-muted) !important;
  text-shadow: none !important;
}

.subtitle::after {
  content: "  /  DAYLIGHT SNOW EDITION" !important;
  color: var(--day-green) !important;
}

.shima-face,
.shima-start-deck__crest {
  border-color: #9fc5d3 !important;
  box-shadow: 0 0 0 6px rgba(159, 197, 211, 0.17), 0 9px 21px rgba(37, 72, 90, 0.16) !important;
}

.title-icon::before {
  color: #397aa6 !important;
  text-shadow: 0 2px 8px rgba(57, 122, 166, 0.18) !important;
}

.shima-mascot {
  display: block;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(37, 72, 90, 0.14));
}

@media (max-width: 700px) {
  .shima-mascot {
    width: 44px;
    height: 44px;
  }
}

/* Search, progress, and form surfaces. */
#loading-wrapper,
#log-wrapper {
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #f5fafc) !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: var(--day-shadow-small), var(--day-inner) !important;
}

#log {
  background: #eef6f9 !important;
  color: #214b5f !important;
  border-color: var(--day-line) !important;
}

.progress-outer {
  background: #dfeef3 !important;
  border-color: var(--day-line) !important;
}

.progress-inner {
  background: linear-gradient(90deg, #75b9d2, #4aa6ae 50%, #43a995) !important;
  box-shadow: 0 0 13px rgba(60, 146, 153, 0.22) !important;
}

#ui-search-bar {
  background-color: rgba(250, 253, 254, 0.97) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 251, 0.97)) !important;
  border-bottom-color: var(--day-line) !important;
  box-shadow: 0 10px 22px rgba(37, 73, 91, 0.1) !important;
}

#ui-search-bar input,
input[type="text"],
input[type="search"],
input[type="number"],
select,
textarea:not(#out) {
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line-strong) !important;
  box-shadow: inset 0 1px 2px rgba(28, 68, 87, 0.04) !important;
}

#ui-search-bar input {
  background-color: #ffffff !important;
  border-color: #a8cad6 !important;
  box-shadow: 0 6px 16px rgba(36, 76, 95, 0.08) !important;
}

input::placeholder,
textarea::placeholder {
  color: #5d7684 !important;
  opacity: 1 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #397aa6 !important;
  box-shadow: 0 0 0 3px rgba(57, 122, 166, 0.14) !important;
  outline: none !important;
}

option {
  background: #ffffff !important;
  color: var(--day-ink) !important;
}

/* Shelves — every depth stays light, so inherited v5 ink remains legible. */
#sections > .section {
  background-color: #ffffff !important;
  background-image:
    radial-gradient(280px 100px at 100% 0%, rgba(80, 167, 189, 0.08), transparent 72%),
    linear-gradient(180deg, #ffffff, #f8fcfd) !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
  border-top-color: #a9ccd8 !important;
  box-shadow: var(--day-shadow), var(--day-inner) !important;
}

#sections > .section:has(> details[open]) {
  border-color: #9fc5d3 !important;
  border-top-color: #79adbf !important;
  box-shadow: 0 17px 40px rgba(35, 73, 92, 0.13), 0 0 0 1px rgba(43, 143, 131, 0.05), var(--day-inner) !important;
}

#sections summary.section-summary {
  background-color: #eef6f9 !important;
  background-image: linear-gradient(105deg, #f6fbfd, #e9f4f7) !important;
  color: var(--day-ink) !important;
  border-left-color: #6c9eb3 !important;
  border-bottom-color: transparent !important;
  text-shadow: none !important;
}

#sections summary.section-summary:hover {
  background-color: #e6f2f6 !important;
  background-image: linear-gradient(105deg, #eef8fa, #deedf2) !important;
  color: #102f3e !important;
  border-left-color: var(--day-blue) !important;
}

#sections details[open] > summary.section-summary {
  background-color: var(--day-mint) !important;
  background-image: linear-gradient(105deg, #effbf8, #dcefe9) !important;
  color: #15493f !important;
  border-left-color: var(--day-green) !important;
  border-bottom-color: #b9dcd4 !important;
  box-shadow: inset 0 -1px 0 rgba(36, 123, 112, 0.06) !important;
}

.category-reset-btn,
.reload-btn {
  background: #ffffff !important;
  color: #4f6978 !important;
  border-color: var(--day-line) !important;
  box-shadow: 0 3px 10px rgba(36, 73, 90, 0.06) !important;
}

.category-reset-btn:hover,
.reload-btn:hover {
  background: #fff0f3 !important;
  color: #94364c !important;
  border-color: #e6a7b4 !important;
}

.section-content {
  background-color: rgba(246, 251, 252, 0.74) !important;
  color: var(--day-ink) !important;
}

#sections details {
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: none !important;
}

#sections details[open] {
  background-color: #fafdfe !important;
  background-image: none !important;
  color: var(--day-ink) !important;
  border-color: #aecdd8 !important;
  box-shadow: 0 6px 16px rgba(39, 78, 96, 0.07), var(--day-inner) !important;
}

#sections details > summary {
  background-color: #eef6f9 !important;
  background-image: linear-gradient(100deg, #f5fafc, #e9f3f6) !important;
  color: #274b5d !important;
  border-color: transparent !important;
  text-shadow: none !important;
}

#sections details > summary:hover {
  background-color: #e4f1f5 !important;
  background-image: linear-gradient(100deg, #edf7f9, #dcecf1) !important;
  color: #173b4d !important;
}

#sections details[open] > summary {
  background-color: #e3f4ef !important;
  background-image: linear-gradient(100deg, #eefaf7, #dcefe9) !important;
  color: #195247 !important;
  border-bottom-color: #bddbd4 !important;
}

#sections details > summary::before {
  color: #6590a3 !important;
}

#sections details[open] > summary::before {
  color: var(--day-green) !important;
  text-shadow: none !important;
}

/* Item cards, including deeply generated quality and attire rows. */
#sections label,
#sections .builder-chip,
#sections [class$="-row"] {
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--day-ink) !important;
  border-color: #c6dbe4 !important;
  box-shadow: 0 2px 7px rgba(35, 73, 92, 0.045), var(--day-inner) !important;
  text-shadow: none !important;
}

#sections label:hover,
#sections .builder-chip:hover,
#sections [class$="-row"]:hover {
  background-color: #f1f8fa !important;
  background-image: none !important;
  color: #12374a !important;
  border-color: #77aabd !important;
  box-shadow: var(--day-shadow-small), var(--day-inner) !important;
}

#sections label:has(input:checked),
#sections .builder-chip:has(input:checked),
#sections [class$="-row"]:has(input:checked) {
  background-color: var(--day-mint) !important;
  background-image: linear-gradient(105deg, #effbf8, #d8efe9) !important;
  color: #133f38 !important;
  border-color: #5aa99c !important;
  box-shadow: inset 0 0 0 1px rgba(36, 123, 112, 0.08), 0 7px 17px rgba(35, 96, 86, 0.11) !important;
}

/* Generated bundles often set their own dark descendant ink. Normalize text only. */
#sections label :is(span, strong, b, em, small, p, div),
#sections .builder-chip :is(span, strong, b, em, small, p, div),
#sections [class$="-row"] :is(span, strong, b, em, small, p, div) {
  color: inherit !important;
  text-shadow: none !important;
}

#sections label :is([class*="desc"], [class*="sub"], [class*="note"], [class*="guide"], small),
#sections .builder-chip :is([class*="desc"], [class*="sub"], [class*="note"], small),
#sections [class$="-row"] :is([class*="desc"], [class*="sub"], [class*="note"], small) {
  color: var(--day-muted) !important;
}

#sections input[type="checkbox"],
#sections input[type="radio"] {
  accent-color: var(--day-green) !important;
  filter: none !important;
}

#sections [class$="-head"],
#sections [class$="-guide"],
#sections [class$="-note"],
#sections .builder-card-head,
#sections .bg-section,
#sections .qp-subacc-box,
#sections .qp-section-content,
#sections .visualsync-trial-header {
  background-color: #f3f9fb !important;
  background-image: none !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: none !important;
}

#sections [class$="-note"],
#sections [class$="-guide"] {
  color: var(--day-muted) !important;
}

#sections hr,
.floater-divider {
  background: linear-gradient(90deg, transparent, #aecdd8, #a9d9cd, transparent) !important;
}

/* Character memo, floating menus, and dialogs. */
#ext-char-input-container {
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
  box-shadow: var(--day-shadow-small), var(--day-inner) !important;
}

#ext-char-details {
  background: linear-gradient(105deg, #f5fafc, #eaf4f7) !important;
  color: var(--day-ink) !important;
  border-color: #a9cad6 !important;
}

#ext-char-details > summary,
#ext-char-details > summary span,
#ext-char-details div {
  color: var(--day-ink-2) !important;
}

#floater-btn {
  background: linear-gradient(110deg, #ffffff, #dff2f7 48%, #ccece4) !important;
  color: #173b49 !important;
  border-color: #8ab8c7 !important;
  box-shadow: 0 10px 24px rgba(37, 76, 93, 0.15) !important;
}

#floater-list,
#history-popup-menu,
#search-popup-menu,
#yakuguid_panel,
#i18nToolsPanel,
dialog,
[role="dialog"] {
  background-color: rgba(255, 255, 255, 0.99) !important;
  background-image: none !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line-strong) !important;
  box-shadow: 0 24px 70px rgba(26, 62, 80, 0.24) !important;
}

.floater-header,
#history-popup-menu > div:first-child,
#search-popup-menu > div:first-child {
  background: #eaf4f7 !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
}

.floater-item,
.floater-subgroup-btn,
.floater-leaf-btn,
.floater-empty,
.floater-checked-card,
.floater-subgroup-details,
#history-popup-menu > div:last-child > div,
#yakuguid_list > div {
  background: #ffffff !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
}

.floater-item:hover,
.floater-subgroup-btn:hover,
.floater-leaf-btn:hover,
.floater-item.active {
  background: #e8f4f7 !important;
  color: var(--day-ink) !important;
  border-color: #82afbf !important;
}

.floater-item-status,
.floater-subgroup-status {
  color: var(--day-muted) !important;
}

.floater-item.is-open .floater-item-status,
.floater-item-status.has-checks,
.floater-sort-btn.active {
  background: var(--day-mint) !important;
  color: #1b665b !important;
  border-color: #8ccabe !important;
}

/* ZERO Assist and selected-parts tray. */
.zero-assist-toolbar,
.zero-selection-tray {
  background-color: #ffffff !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
  border-top-color: #a6c9d5 !important;
  box-shadow: var(--day-shadow), var(--day-inner) !important;
}

.zero-assist-toolbar {
  background-image:
    radial-gradient(250px 100px at 100% 0%, rgba(84, 161, 193, 0.1), transparent 72%),
    linear-gradient(105deg, #ffffff, #f1f8fa) !important;
}

.zero-selection-tray {
  background-image:
    radial-gradient(220px 90px at 100% 0%, rgba(75, 163, 145, 0.08), transparent 72%),
    linear-gradient(180deg, #ffffff, #f6fafb) !important;
}

.zero-assist-toolbar__title strong,
.zero-selection-tray__title strong {
  color: var(--day-ink) !important;
}

.zero-assist-eyebrow {
  color: var(--day-green) !important;
  text-shadow: none !important;
}

.zero-filter-button,
.zero-preset-button {
  background: #ffffff !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: 0 3px 9px rgba(37, 75, 93, 0.05) !important;
}

.zero-filter-button:hover,
.zero-preset-button:hover {
  background: #eaf4f7 !important;
  color: var(--day-ink) !important;
  border-color: #7aa9bb !important;
}

.zero-filter-button.is-active {
  background: var(--day-mint) !important;
  color: #195247 !important;
  border-color: #6ab2a5 !important;
  box-shadow: inset 0 0 0 1px rgba(36, 123, 112, 0.05) !important;
}

.zero-preset-button {
  background: var(--day-blue-soft) !important;
  color: #225b78 !important;
  border-color: #9fc8dc !important;
}

.zero-filter-empty {
  background: #f1f7f9 !important;
  color: var(--day-muted) !important;
  border-color: var(--day-line) !important;
}

.zero-selection-tray__header {
  border-color: var(--day-line) !important;
}

.zero-selection-tray__header small,
.zero-selection-chip__jump small {
  color: var(--day-muted) !important;
}

.zero-selection-count {
  background: #dff2f0 !important;
  color: #195c53 !important;
  border-color: #a4d4cb !important;
}

.zero-selection-chip {
  background-color: #ffffff !important;
  background-image: linear-gradient(110deg, #ffffff, #f1f8fa) !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
  border-top-color: #aacbd7 !important;
  box-shadow: 0 3px 10px rgba(36, 73, 91, 0.06), var(--day-inner) !important;
}

.zero-selection-chip:hover {
  background: #eaf5f7 !important;
  border-color: #75a8b9 !important;
  box-shadow: var(--day-shadow-small) !important;
}

.zero-selection-chip__jump {
  color: var(--day-ink) !important;
}

.zero-favorite-star {
  color: #587787 !important;
  border-color: #b5d0da !important;
  background: #f6fafb !important;
}

.zero-favorite-star:hover,
.zero-favorite-star:focus-visible {
  color: #8a5a0c !important;
  border-color: #d4ad65 !important;
  background: #fff8e8 !important;
}

/* The shelf text normalizer above is intentionally strong; restore star semantics. */
#sections label .zero-favorite-star {
  color: #587787 !important;
  border-color: #b5d0da !important;
  background: #f6fafb !important;
}

#sections label .zero-favorite-star:hover,
#sections label .zero-favorite-star:focus-visible {
  color: #8a5a0c !important;
  border-color: #d4ad65 !important;
  background: #fff8e8 !important;
}

.zero-selection-chip__favorite.is-favorite,
.zero-favorite-star.is-favorite {
  color: var(--day-gold) !important;
  filter: none !important;
}

#sections label .zero-favorite-star.is-favorite {
  color: var(--day-gold) !important;
}

.zero-assist-jump-highlight {
  outline-color: #3d9b8e !important;
  box-shadow: 0 0 0 5px rgba(43, 143, 131, 0.15), 0 0 25px rgba(57, 122, 166, 0.15) !important;
}

.zero-diagnostics-button {
  background: #edf5f8 !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
}

.zero-diagnostics-button[data-level="ok"] {
  background: #e4f5ef !important;
  color: #1c665b !important;
  border-color: #a2d3c8 !important;
}

.zero-diagnostics-button[data-level="warning"] {
  background: #fff6df !important;
  color: #80530c !important;
  border-color: #e2c27c !important;
}

.zero-diagnostics-button[data-level="error"] {
  background: #fff0f3 !important;
  color: #923349 !important;
  border-color: #e3a7b4 !important;
}

/* Preset and diagnostic windows. */
.zero-assist-dialog {
  background: #ffffff !important;
  color: var(--day-ink) !important;
  border-color: #a8c8d5 !important;
  border-top-color: #7eacbd !important;
  box-shadow: 0 30px 86px rgba(24, 59, 77, 0.28), var(--day-inner) !important;
}

.zero-assist-dialog::backdrop {
  background: rgba(15, 39, 52, 0.48) !important;
}

.zero-assist-dialog__header {
  background: linear-gradient(110deg, #f4fafc, #e5f1f5) !important;
  border-color: var(--day-line) !important;
}

.zero-assist-dialog__header h2,
.zero-preset-card__meta strong,
.zero-diagnostics-summary__item strong,
.zero-diagnostic-card strong {
  color: var(--day-ink) !important;
}

.zero-assist-dialog__header p,
.zero-preset-selected,
.zero-preset-card__meta p,
.zero-diagnostic-card p,
.zero-diagnostics-summary__item span {
  color: var(--day-muted) !important;
}

.zero-dialog-close,
.zero-preset-save,
.zero-diagnostics-summary,
.zero-preset-card,
.zero-diagnostics-summary__item,
.zero-diagnostic-card {
  background: #f7fbfc !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
}

.zero-preset-input {
  background: #ffffff !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line-strong) !important;
}

.zero-primary-button,
.zero-preset-apply {
  background: linear-gradient(110deg, #397aa6, #2b8f83) !important;
  color: #ffffff !important;
  border-color: #2d7280 !important;
}

.zero-diagnostic-card[data-severity="warning"] {
  background: #fff8e8 !important;
  border-color: #e1c487 !important;
}

.zero-diagnostic-card[data-severity="error"] {
  background: #fff1f4 !important;
  border-color: #e4aab7 !important;
}

.zero-diagnostic-card--ok {
  background: #e7f6f1 !important;
  border-color: #a5d4ca !important;
}

.zero-diagnostic-card--ok strong {
  color: #195d53 !important;
}

.zero-assist-toast,
#linkage-toast,
#commercial-suggest-toast,
#core-loaded-toast,
#history-restore-toast {
  background: #173444 !important;
  color: #f4fbfd !important;
  border-color: #43677a !important;
}

/* Start Deck and seven-stage route. */
.shima-start-deck,
.shima-route-navigation {
  background-color: #ffffff !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line) !important;
  border-top-color: #a7c9d5 !important;
  box-shadow: var(--day-shadow), var(--day-inner) !important;
}

.shima-start-deck {
  background-image:
    radial-gradient(390px 145px at 100% -12%, rgba(90, 165, 206, 0.13), transparent 72%),
    radial-gradient(260px 130px at -4% 112%, rgba(71, 170, 150, 0.1), transparent 72%),
    linear-gradient(115deg, #ffffff, #f2f8fa) !important;
}

.shima-start-deck::before {
  opacity: 0.2 !important;
  filter: sepia(0.1) saturate(0.65) !important;
}

.shima-start-deck__header {
  background: linear-gradient(100deg, rgba(231, 243, 247, 0.78), rgba(248, 252, 253, 0.72)) !important;
  border-bottom-color: var(--day-line) !important;
}

.shima-nav-eyebrow {
  color: var(--day-green) !important;
  text-shadow: none !important;
}

.shima-start-deck__heading h2,
.shima-route-navigation__title strong {
  color: var(--day-ink) !important;
}

.shima-start-deck__heading p,
.shima-start-status,
.shima-route-navigation__hint {
  color: var(--day-muted) !important;
}

.shima-start-deck__current {
  background: var(--day-mint) !important;
  color: #195b51 !important;
  border-color: #9dd0c5 !important;
}

.shima-deck-toggle,
.shima-start-quick__button {
  background: #ffffff !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: 0 3px 10px rgba(35, 73, 91, 0.05) !important;
}

.shima-deck-toggle:hover,
.shima-start-quick__button:hover:not(:disabled) {
  background: #e8f3f6 !important;
  color: var(--day-ink) !important;
  border-color: #79a9bb !important;
}

.shima-start-quick__button span {
  color: var(--day-green) !important;
}

.shima-route-card {
  background-color: #ffffff !important;
  background-image: linear-gradient(110deg, #ffffff, #f2f8fa) !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  border-top-color: #aecdd8 !important;
  box-shadow: 0 3px 10px rgba(35, 73, 91, 0.05), var(--day-inner) !important;
}

.shima-route-card:hover {
  background: #eaf4f7 !important;
  color: var(--day-ink) !important;
  border-color: #73a5b7 !important;
}

.shima-route-card.is-active {
  background-color: var(--day-mint) !important;
  background-image: linear-gradient(110deg, #effbf8, #d8eee8) !important;
  color: #143f38 !important;
  border-color: #61aa9d !important;
  box-shadow: inset 0 0 0 1px rgba(36, 123, 112, 0.07), 0 7px 18px rgba(35, 96, 86, 0.1) !important;
}

.shima-route-card__icon {
  background: #e8f3f7 !important;
  color: #28647f !important;
  border-color: #b1d0db !important;
}

.shima-route-card.is-active .shima-route-card__icon {
  background: #cceae3 !important;
  color: #1d6c60 !important;
  border-color: #91cbbf !important;
}

.shima-route-card__copy strong {
  color: var(--day-ink) !important;
}

.shima-route-card__copy small,
.shima-route-card.is-active .shima-route-card__copy small,
.shima-route-card__marker {
  color: var(--day-muted) !important;
}

.shima-route-card.is-active .shima-route-card__marker {
  color: #1d6d61 !important;
}

.shima-route-navigation {
  background-image:
    radial-gradient(280px 100px at 100% 0%, rgba(68, 151, 187, 0.1), transparent 72%),
    linear-gradient(110deg, #ffffff, #f2f8fa) !important;
}

.shima-route-navigation__header {
  border-bottom-color: var(--day-line) !important;
}

.shima-route-progress {
  background: #edf5f8 !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
}

.shima-route-progress.is-complete {
  background: var(--day-mint) !important;
  color: #195b51 !important;
  border-color: #91cbbf !important;
}

.shima-route-stage {
  background: #ffffff !important;
  color: var(--day-ink-2) !important;
  border-color: var(--day-line) !important;
  box-shadow: 0 2px 7px rgba(35, 73, 91, 0.04) !important;
}

.shima-route-stage:hover {
  background: #eaf4f7 !important;
  color: var(--day-ink) !important;
  border-color: #7caabb !important;
}

.shima-route-stage.is-complete {
  background: #edf8f4 !important;
  color: #205d55 !important;
  border-color: #a2d0c7 !important;
}

.shima-route-stage.is-current {
  background-color: var(--day-blue-soft) !important;
  background-image: linear-gradient(110deg, #edf7fb, #dcecf4) !important;
  color: #173f54 !important;
  border-color: #79abc0 !important;
  box-shadow: inset 0 0 0 1px rgba(57, 122, 166, 0.06), 0 5px 14px rgba(47, 107, 137, 0.1) !important;
}

.shima-route-stage__number {
  background: #edf5f8 !important;
  color: #436779 !important;
  border-color: #b5d0da !important;
}

.shima-route-stage.is-complete .shima-route-stage__number {
  background: #d5eee8 !important;
  color: #1d675c !important;
  border-color: #99cec3 !important;
}

.shima-route-stage.is-current .shima-route-stage__number {
  background: #cfe6f1 !important;
  color: #205d78 !important;
  border-color: #8ab8ca !important;
}

.shima-route-stage__copy small,
.shima-route-stage.is-current .shima-route-stage__copy small,
.shima-route-stage.is-complete .shima-route-stage__copy small {
  color: var(--day-muted) !important;
}

#sections > .section.shima-route-target {
  outline-color: rgba(57, 122, 166, 0.17) !important;
}

#sections > .section.shima-route-current {
  outline-color: #5f9db4 !important;
  box-shadow: 0 16px 38px rgba(35, 73, 92, 0.14), 0 0 22px rgba(57, 122, 166, 0.1), var(--day-inner) !important;
}

.shima-route-current > details > summary.section-summary::after {
  background: #dceff5 !important;
  color: #235c75 !important;
  border-color: #9ec7d7 !important;
}

/* Output console stays blue-black: the Shima-enaga's feather tip. */
#mini-ui-fixed {
  background-color: var(--day-feather) !important;
  background-image:
    radial-gradient(520px 150px at 90% 0%, rgba(110, 188, 215, 0.13), transparent 72%),
    linear-gradient(180deg, rgba(17, 48, 68, 0.985), rgba(7, 25, 38, 0.995)) !important;
  color: #f2f9fc !important;
  border-top-color: #8eb9c8 !important;
  box-shadow: 0 -18px 48px rgba(16, 43, 57, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#prompt-stats {
  background: rgba(4, 20, 31, 0.82) !important;
  color: #b4cad5 !important;
  border-color: rgba(192, 226, 239, 0.25) !important;
}

#prompt-stats #prompt-word-count {
  color: #f2f9fc !important;
}

textarea#out {
  background: #ffffff !important;
  color: #173444 !important;
  caret-color: #247b70 !important;
  border-color: #9fc5d3 !important;
  box-shadow: inset 0 2px 8px rgba(25, 63, 82, 0.08) !important;
}

textarea#out:focus {
  border-color: #69a4ba !important;
  box-shadow: 0 0 0 3px rgba(113, 184, 205, 0.16), inset 0 2px 8px rgba(25, 63, 82, 0.08) !important;
}

#smart-edit-toolbar,
#smart-edit-toolbar > span {
  color: #bdd0d9 !important;
}

#smart-edit-toolbar > button,
#weight-popup-menu button,
.hist-copy-btn,
.hist-restore-btn,
#hist-clear-btn {
  background: #173b51 !important;
  color: #eef7fa !important;
  border-color: #4f7488 !important;
}

#smart-edit-toolbar > button:first-of-type,
.hist-restore-btn {
  background: #dff5ef !important;
  color: #164d44 !important;
  border-color: #81bdb1 !important;
}

#weight-popup-menu {
  background: #ffffff !important;
  color: var(--day-ink) !important;
  border-color: var(--day-line-strong) !important;
  box-shadow: 0 20px 54px rgba(24, 59, 77, 0.22) !important;
}

/* Mobile: a dark feather-tip rail with a white active wing. */
@media (max-width: 700px) {
  .subtitle::after {
    content: " / DAYLIGHT SNOW" !important;
  }

  .shima-noise {
    opacity: 0.055 !important;
  }

  .zero-mobile-view-switch {
    background: rgba(5, 24, 37, 0.96) !important;
    border-color: #31576a !important;
    border-top-color: #6f98aa !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  }

  .zero-mobile-view-switch button {
    background: transparent !important;
    color: #b9ced8 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .zero-mobile-view-switch button.is-active {
    background: linear-gradient(110deg, #ffffff, #dff3f7 50%, #ccece4) !important;
    color: #123747 !important;
    border-color: #c9e4ec !important;
    box-shadow: 0 6px 16px rgba(0, 9, 15, 0.2), inset 0 1px 0 #ffffff !important;
  }

  .zero-mobile-view-switch span {
    background: rgba(209, 239, 247, 0.12) !important;
    color: #d5e8ef !important;
    border-color: rgba(209, 239, 247, 0.14) !important;
  }

  .zero-mobile-view-switch button.is-active span {
    background: rgba(36, 123, 112, 0.12) !important;
    color: #1b675c !important;
    border-color: rgba(36, 123, 112, 0.14) !important;
  }
}

@media (forced-colors: active) {
  #sections label,
  #sections details,
  .shima-route-card,
  .shima-route-stage,
  .zero-selection-chip {
    border: 1px solid CanvasText !important;
  }
}