/* ====================================================== тема «Diablo» === */

html[data-theme="reliquary"] {
  color-scheme: dark;
  --font-display: Georgia, "Times New Roman", serif;
  --font-title: Georgia, "Times New Roman", serif;
  --font-numeric: "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  --display-weight: 620;
  --display-spacing: 0.038em;
  --title-weight: 590;
  --label-spacing: 0.13em;
  --radius-lg: 3px;
  --radius-md: 2px;
  --radius-sm: 2px;
  --radius-chip: 2px;
  --rail-width: 2px;
  --bg: #030507;
  --surface-1: rgb(8 10 12 / 90%);
  --surface-2: rgb(14 16 18 / 88%);
  --surface-3: rgb(27 28 29 / 84%);
  --sunken: rgb(2 4 6 / 84%);
  --line: rgb(139 130 117 / 27%);
  --line-strong: rgb(183 169 149 / 48%);
  --reliquary-basalt: var(--reliquary-basalt-texture-asset, url("./basalt-texture.webp"));
  --reliquary-iron: var(--reliquary-iron-texture-asset, url("./forged-iron-texture.webp"));
  --reliquary-panel-frame: var(--reliquary-panel-frame-asset, url("./waypoint-panel-frame.webp"));
  --reliquary-panel-frame-2k: var(--reliquary-panel-frame-2k-asset, url("./waypoint-panel-frame-symmetric.png"));
  --reliquary-card-frame: var(--reliquary-card-frame-asset, url("./waypoint-card-frame.webp"));
  --reliquary-message-flourish: var(--reliquary-message-flourish-asset, url("./message-flourish.webp"));
  --reliquary-message-star: var(--reliquary-message-star-asset, url("./message-star.png"));
  --reliquary-stream-divider: var(--reliquary-stream-divider-asset, url("./stream-divider.webp"));
  --reliquary-panel-corner-tl: var(--reliquary-panel-corner-tl-asset, url("./panel-corner-tl.webp"));
  --reliquary-panel-corner-tr: var(--reliquary-panel-corner-tr-asset, url("./panel-corner-tr.webp"));
  --reliquary-panel-corner-bl: var(--reliquary-panel-corner-bl-asset, url("./panel-corner-bl.webp"));
  --reliquary-panel-corner-br: var(--reliquary-panel-corner-br-asset, url("./panel-corner-br.webp"));
  --reliquary-panel-corners-triangle: var(--reliquary-panel-corners-triangle-asset, url("./panel-corners-triangle.png"));
  --reliquary-panel-corner-anchor-x: 1.01rem;
  --reliquary-panel-corner-anchor-y: 1.03rem;
  --reliquary-panel-corner-star-size: 143px;
  --reliquary-panel-corner-star-sheet-size: 309px;
  --reliquary-panel-corner-triangle-size: 99px;
  --reliquary-panel-corner-triangle-sheet-size: 214px;
  --reliquary-header-edge-inset: 0.64rem;
  --reliquary-stream-divider-half-gap: 0.175rem;
  --reliquary-stone:
    linear-gradient(rgb(3 5 7 / 76%), rgb(7 8 9 / 80%)),
    var(--reliquary-basalt) center / 38rem 38rem;
  --reliquary-stone-soft:
    linear-gradient(rgb(12 13 14 / 70%), rgb(4 5 6 / 80%)),
    var(--reliquary-basalt) center / 32rem 32rem;
  --reliquary-iron-surface:
    linear-gradient(rgb(5 6 7 / 70%), rgb(2 3 4 / 82%)),
    var(--reliquary-iron) center / 44rem 44rem;
  --reliquary-crimson:
    linear-gradient(180deg, rgb(91 31 24 / 88%), rgb(39 13 12 / 94%)),
    var(--reliquary-basalt) center / 26rem 26rem;
  --reliquary-shadow:
    inset 0 1px 0 rgb(230 222 210 / 8%),
    inset 0 -1px 0 rgb(0 0 0 / 88%),
    inset 0 0 28px rgb(0 0 0 / 25%),
    0 18px 38px -30px #000;
  --card-bg: var(--reliquary-stone-soft);
  --card-bg-open: var(--reliquary-crimson);
  --card-texture: none;
  --card-border: rgb(143 133 119 / 34%);
  --card-border-open: rgb(177 79 57 / 66%);
  --card-shadow: var(--reliquary-shadow);
  --plate-bg: var(--reliquary-iron-surface);
  --plate-texture: none;
  --plate-shadow: inset 0 1px 0 rgb(225 218 205 / 7%), inset 0 -1px 0 #000;
  --turn-shadow: 0 20px 44px -32px #000;
  --text: #dfd8ca;
  --text-soft: #bab2a5;
  --text-muted: #85817a;
  --text-faint: #5e6264;
  --accent: #b54532;
  --accent-soft: rgb(181 69 50 / 15%);
  --accent-line: rgb(196 76 55 / 56%);
  --accent-glow: 0 0 22px -10px rgb(190 62 42 / 82%);
  --selection: rgb(123 162 180 / 28%);
  --brand-gradient: linear-gradient(145deg, rgb(113 145 159 / 17%), rgb(83 26 21 / 24%));
  --brand-shadow: 0 0 22px -12px rgb(113 160 180 / 48%);
  --provider-none: #868681;
  --provider-codex: #86b9cc;
  --provider-claude: #b66c4b;
  --provider-tone-lightness: 0.75;
  --provider-tone-chroma: 0.075;
  --provider-tone-alpha: 0.17;
  --ok: #8fa67d;
  --pending: #b88d5b;
  --dot-input: #89bbce;
  --dot-cache: #8da07c;
  --dot-output: #b75a41;
  --dot-think: #9d91aa;
  --space-glow-a: rgb(102 154 177 / 8%);
  --space-glow-b: rgb(153 66 42 / 6%);
  --space-base: #030507;
  --space-star: transparent;
  --star-opacity: 0;
  --task-rail-width: clamp(15.5rem, 16.5vw, 18rem);
  --activity-rail-width: clamp(15.5rem, 16.5vw, 18rem);
  --shell-header-background: var(--reliquary-iron-surface);
  --shell-header-border: 0;
  --shell-header-frame-border: 0;
  --shell-header-frame-content: none;
  --shell-header-frame-filter: none;
  --shell-header-frame-image: none;
  --shell-header-gap: 0.55rem;
  --shell-header-height: 4.25rem;
  --shell-header-content-padding-left: var(--reliquary-header-edge-inset);
  --shell-header-content-padding-right: var(--reliquary-header-edge-inset);
  --shell-header-padding-left: 0.32rem;
  --shell-header-padding-right: 0.32rem;
  --shell-header-rule: linear-gradient(90deg, transparent 3%, #5d5e5e 15%, #a54432 50%, #5d5e5e 85%, transparent 97%);
  --shell-header-rule-opacity: 0.66;
  --shell-header-shadow: var(--reliquary-shadow);
  --shell-control-background: var(--reliquary-stone-soft);
  --shell-control-border: 1px solid rgb(145 135 121 / 36%);
  --shell-control-radius: 3px;
  --shell-control-shadow: inset 0 1px 0 rgb(226 219 207 / 6%), inset 0 -1px 0 #000;
  --shell-view-switch-background: rgb(3 5 7 / 58%);
  --shell-view-switch-border: 1px solid rgb(138 128 116 / 26%);
  --shell-view-switch-radius: 3px;
  --shell-view-switch-shadow: inset 0 1px 0 rgb(225 218 204 / 4%);
  --shell-tab-border: 1px solid transparent;
  --shell-tab-radius: 3px;
  --shell-tab-active-background: var(--reliquary-crimson);
  --shell-tab-active-border: 1px solid rgb(176 74 54 / 58%);
  --shell-tab-active-shadow: inset 0 -2px 0 #c55139, 0 14px 26px -22px rgb(178 54 37 / 78%);
  --shell-workspace-gap: 0.28rem;
  --shell-workspace-padding-bottom: 0.28rem;
  --shell-workspace-padding-top: 0.28rem;
  --shell-panel-border: 14px solid transparent;
  --shell-panel-border-image: var(--reliquary-panel-frame-2k) 36 / 14px stretch;
  --shell-panel-border-width: 14px;
  --shell-panel-border-image-width: 14px;
  --shell-task-panel-border-width: 14px;
  --shell-task-panel-border-image-width: 14px;
  --shell-chat-panel-border-width: 14px;
  --shell-chat-panel-border-image-width: 14px;
  --shell-activity-panel-border-width: 14px;
  --shell-activity-panel-border-image-width: 14px;
  --shell-panel-radius: 2px;
  --shell-chat-border: 14px solid transparent;
  --shell-chat-border-image: var(--reliquary-panel-frame-2k) 36 / 14px stretch;
  --shell-chat-gap: 0.28rem;
  --shell-chat-radius: 2px;
  --shell-stream-tabs-background: var(--reliquary-iron-surface);
  --shell-stream-tabs-border: 1px solid rgb(135 128 117 / 34%);
  --shell-stream-tabs-border-bottom: 1px solid rgb(135 128 117 / 34%);
  --shell-stream-tabs-border-image: none;
  --shell-stream-tabs-padding: 0.1rem 0.14rem;
  --shell-stream-tabs-radius: 2px;
  --shell-stream-tab-background: transparent;
  --shell-stream-tab-border: 1px solid transparent;
  --shell-stream-tab-hover-background: rgb(24 25 26 / 76%);
  --shell-stream-tab-active-background: rgb(67 24 20 / 72%);
  --shell-stream-tab-radius: 2px;
  --shell-stream-card-background: var(--reliquary-stone-soft);
  --shell-stream-card-border: 11px solid transparent;
  --shell-stream-card-border-image: var(--reliquary-card-frame) 118 / 11px stretch;
  --shell-stream-card-radius: 1px;
  --shell-stream-card-shadow: var(--reliquary-shadow);
}

html[data-theme="reliquary"] body::after {
  background-color: #030507;
  background-image:
    linear-gradient(180deg, rgb(1 3 5 / 54%), transparent 20% 72%, rgb(1 2 3 / 55%)),
    radial-gradient(105% 88% at 50% 52%, transparent 40%, rgb(0 0 0 / 55%) 100%),
    var(--reliquary-image);
  background-position: center, center, 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  mask-image: none;
  opacity: 1;
}

@keyframes reliquary-waypoint-breathe {
  0%, 100% { opacity: 0.24; transform: scale(1); }
  50% { opacity: 0.42; transform: scale(1.03); }
}

html[data-theme="reliquary"] body::before {
  animation: reliquary-waypoint-breathe 6.8s ease-in-out infinite;
  background-image:
    radial-gradient(20% 24% at 50% 70%, rgb(102 169 195 / 18%), transparent 72%),
    radial-gradient(9% 18% at 50% 69%, rgb(188 228 240 / 18%), transparent 78%),
    radial-gradient(circle at 18% 67%, rgb(177 67 36 / 20%) 0 0.8px, transparent 1.3px),
    radial-gradient(circle at 82% 61%, rgb(177 67 36 / 17%) 0 0.7px, transparent 1.2px);
  background-position: center, center, center, center;
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-size: cover, cover, 12rem 16rem, 15rem 19rem;
  content: "";
  mask-image: linear-gradient(180deg, transparent 8%, #000 38%, #000 86%, transparent 100%);
  mix-blend-mode: screen;
  opacity: 0.28;
}

html[data-background-override="true"][data-background="reliquary"] {
  --hub-background-color: #030507;
  --hub-background-image:
    linear-gradient(180deg, rgb(1 3 5 / 54%), transparent 20% 72%, rgb(1 2 3 / 55%)),
    radial-gradient(105% 88% at 50% 52%, transparent 40%, rgb(0 0 0 / 55%) 100%),
    var(--reliquary-image, url("./forgotten-waypoint.webp"));
  --hub-background-position: center, center, 50% 55%;
}

html[data-background-override="true"][data-background="reliquary-reliquary"] {
  --hub-background-color: #030303;
  --hub-background-image:
    linear-gradient(180deg, rgb(2 2 2 / 34%), transparent 24% 76%, rgb(0 0 0 / 48%)),
    radial-gradient(96% 86% at 50% 48%, transparent 44%, rgb(0 0 0 / 52%) 100%),
    var(--reliquary-reliquary-image, url("./cinder-reliquary.webp"));
  --hub-background-position: center, center, 50% 52%;
}

html[data-background-override="true"][data-background="reliquary-cathedral"] {
  --hub-background-color: #020304;
  --hub-background-image:
    linear-gradient(180deg, rgb(1 2 3 / 38%), transparent 24% 76%, rgb(0 0 0 / 46%)),
    radial-gradient(96% 88% at 50% 48%, transparent 46%, rgb(0 0 0 / 50%) 100%),
    var(--reliquary-cathedral-image, url("./blood-cathedral.webp"));
  --hub-background-position: center, center, 50% 50%;
}

html[data-background-override="true"][data-background="reliquary-archive"] {
  --hub-background-color: #050403;
  --hub-background-image:
    linear-gradient(180deg, rgb(3 3 3 / 28%), transparent 25% 74%, rgb(0 0 0 / 44%)),
    radial-gradient(96% 86% at 50% 48%, transparent 45%, rgb(0 0 0 / 46%) 100%),
    var(--reliquary-archive-image, url("./ashen-reliquary.jpg"));
  --hub-background-position: center, center, 50% 50%;
}

html[data-background-override="true"][data-background="reliquary-seal"] {
  --hub-background-color: #030507;
  --hub-background-image:
    linear-gradient(180deg, rgb(1 3 5 / 52%), transparent 20% 72%, rgb(1 2 3 / 55%)),
    radial-gradient(105% 88% at 50% 52%, transparent 40%, rgb(0 0 0 / 55%) 100%),
    var(--reliquary-seal-image, url("./frozen-seal.webp"));
  --hub-background-position: center, center, 50% 58%;
}

html[data-background-override="true"][data-background="reliquary-reliquary"] body::before,
html[data-background-override="true"][data-background="reliquary-cathedral"] body::before,
html[data-background-override="true"][data-background="reliquary-archive"] body::before {
  display: none;
}

html[data-theme="reliquary"] .task-rail,
html[data-theme="reliquary"] .activity-rail,
html[data-theme="reliquary"] .stream-tabs,
html[data-theme="reliquary"] .composer,
html[data-theme="reliquary"] .dialog-settings,
html[data-theme="reliquary"] .settings-panel {
  background: var(--reliquary-stone);
  border: 10px solid transparent;
  border-image: var(--reliquary-panel-frame) 125 / 10px stretch;
  box-shadow: var(--reliquary-shadow);
}

html[data-theme="reliquary"] .task-rail,
html[data-theme="reliquary"] .activity-rail,
html[data-theme="reliquary"] .composer,
html[data-theme="reliquary"] .stream-chat-columns {
  overflow: hidden;
}

html[data-theme="reliquary"] .stream-tabs {
  overflow-x: auto;
  overflow-y: hidden;
}

html[data-theme="reliquary"] .chat {
  background: rgb(1 3 5 / 7%);
  box-shadow: inset 0 0 80px rgb(0 0 0 / 13%);
}

html[data-theme="reliquary"] .stream-chat-columns {
  background: rgb(1 3 5 / 7%);
  box-shadow: inset 0 0 54px rgb(0 0 0 / 14%);
}

html[data-theme="reliquary"] .task-workspace-item,
html[data-theme="reliquary"] .activity-stream-item {
  background: var(--reliquary-stone-soft);
  border: 7px solid transparent;
  border-image: var(--reliquary-card-frame) 118 / 7px stretch;
  border-radius: 1px;
  box-shadow: var(--reliquary-shadow);
}

html[data-theme="reliquary"] .stream-tab-card,
html[data-theme="reliquary"] .msg {
  background: var(--reliquary-stone-soft);
  border: 9px solid transparent;
  border-image: var(--reliquary-card-frame) 118 / 9px stretch;
  border-radius: 1px;
  box-shadow: var(--reliquary-shadow);
}

html[data-theme="reliquary"] .msg {
  border-width: 10px;
  border-image-width: 10px;
}

html[data-theme="reliquary"] .msg-agent .msg-head {
  padding-left: 1.4rem;
  position: relative;
}

html[data-theme="reliquary"] .msg-agent .msg-head::before {
  background: var(--reliquary-message-star) center / 150% 150% no-repeat;
  content: "";
  height: 1.2rem;
  left: -0.22rem;
  pointer-events: none;
  position: absolute;
  top: -0.22rem;
  width: 1.2rem;
}

html[data-theme="reliquary"] .stream-tabs > .stream-tab:not(:last-child)::after {
  background: var(--reliquary-stream-divider) center / contain no-repeat;
  content: "";
  height: calc(100% + 0.7rem);
  pointer-events: none;
  position: absolute;
  right: calc(-0.56rem - var(--reliquary-stream-divider-half-gap));
  top: -0.35rem;
  width: 1.12rem;
  z-index: 5;
}

@media (min-width: 860px) {
  html[data-theme="reliquary"] .task-rail,
  html[data-theme="reliquary"] .activity-rail,
  html[data-theme="reliquary"] .chat {
    box-shadow: inset 0 1px 0 rgb(230 222 210 / 6%), inset 0 -1px 0 rgb(0 0 0 / 82%), inset 0 0 28px rgb(0 0 0 / 18%);
    isolation: isolate;
    overflow: visible;
    position: relative;
  }

  html[data-theme="reliquary"] .reliquary-panel-corner {
    background-repeat: no-repeat;
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 3;
  }

  html[data-theme="reliquary"] .task-rail > .reliquary-panel-corner,
  html[data-theme="reliquary"] .chat > .reliquary-panel-corner,
  html[data-theme="reliquary"] .activity-rail > .reliquary-panel-corner {
    background-image: var(--reliquary-panel-corners-triangle);
    background-size: var(--reliquary-panel-corner-triangle-sheet-size) var(--reliquary-panel-corner-triangle-sheet-size);
    height: var(--reliquary-panel-corner-triangle-size);
    width: var(--reliquary-panel-corner-triangle-size);
    z-index: 60;
  }

  html[data-theme="reliquary"] .task-rail > .reliquary-panel-corner--tl,
  html[data-theme="reliquary"] .chat > .reliquary-panel-corner--tl,
  html[data-theme="reliquary"] .activity-rail > .reliquary-panel-corner--tl {
    left: -21px;
    top: -21px;
  }

  html[data-theme="reliquary"] .task-rail > .reliquary-panel-corner--tr,
  html[data-theme="reliquary"] .chat > .reliquary-panel-corner--tr,
  html[data-theme="reliquary"] .activity-rail > .reliquary-panel-corner--tr {
    right: -21px;
    top: -21px;
  }

  html[data-theme="reliquary"] .task-rail > .reliquary-panel-corner--bl,
  html[data-theme="reliquary"] .chat > .reliquary-panel-corner--bl,
  html[data-theme="reliquary"] .activity-rail > .reliquary-panel-corner--bl {
    bottom: -21px;
    left: -21px;
  }

  html[data-theme="reliquary"] .task-rail > .reliquary-panel-corner--br,
  html[data-theme="reliquary"] .chat > .reliquary-panel-corner--br,
  html[data-theme="reliquary"] .activity-rail > .reliquary-panel-corner--br {
    bottom: -21px;
    right: -21px;
  }

  html[data-theme="reliquary"] .reliquary-panel-corner--tl {
    background-position: left top;
  }

  html[data-theme="reliquary"] .reliquary-panel-corner--tr {
    background-position: right top;
  }

  html[data-theme="reliquary"] .reliquary-panel-corner--bl {
    background-position: left bottom;
  }

  html[data-theme="reliquary"] .reliquary-panel-corner--br {
    background-position: right bottom;
  }

  html[data-theme="reliquary"]:not([data-surface="mobile"]) .task-new,
  html[data-theme="reliquary"]:not([data-surface="mobile"]) .task-search {
    background-color: rgb(10 12 14 / 94%);
    background-image: none;
  }

  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .stream-tabs,
  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer {
    background: rgb(5 7 9 / 88%);
    border: 1px solid rgb(135 128 117 / 34%);
    border-image: none;
    box-shadow: inset 0 1px 0 rgb(229 220 205 / 4%), 0 10px 28px -26px #000;
  }

  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-input,
  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-main > .chip-button,
  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-main > .icon-button,
  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-send,
  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .context-usage {
    background-color: rgb(10 12 14 / 94%);
    background-image: none;
    border-color: rgb(135 128 117 / 34%);
    box-shadow: inset 0 1px 0 rgb(229 220 205 / 4%);
  }

  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-input:focus-within {
    border-color: var(--accent-line);
    box-shadow: 0 0 0 1px rgb(181 69 50 / 14%);
  }

  html[data-theme="reliquary"][data-view="chat"]:not([data-surface="mobile"]) .composer-send:not(:disabled) {
    background-color: rgb(58 22 18 / 94%);
    background-image: none;
    border-color: #8d3d31;
  }

}

html[data-theme="reliquary"] .task-workspace-item:hover,
html[data-theme="reliquary"] .task-workspace-item:focus-visible,
html[data-theme="reliquary"] .activity-stream-item:hover,
html[data-theme="reliquary"] .activity-stream-item:focus-visible {
  background:
    linear-gradient(rgb(24 25 26 / 74%), rgb(5 6 7 / 84%)),
    var(--reliquary-basalt) center / 24rem 24rem;
  filter: brightness(1.1);
}

html[data-theme="reliquary"] .task-workspace-item[data-selected],
html[data-theme="reliquary"] .activity-stream-item[data-current],
html[data-theme="reliquary"] .stream-tab[aria-pressed="true"] .stream-tab-card {
  background: var(--reliquary-crimson);
  border-color: rgb(181 74 54 / 58%);
  box-shadow: inset 0 0 0 1px rgb(203 83 59 / 25%), inset 0 -2px 0 var(--accent), var(--reliquary-shadow);
}

html[data-theme="reliquary"] .msg {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: rgb(6 8 10 / 94%);
  background-image:
    linear-gradient(rgb(12 14 16 / 94%), rgb(3 5 7 / 96%)),
    var(--reliquary-basalt);
  background-size: auto, 34rem 34rem;
}

html[data-theme="reliquary"] .msg-user {
  background-image:
    linear-gradient(90deg, rgb(108 35 27 / 31%), rgb(6 8 10 / 84%) 58%),
    var(--reliquary-basalt);
  background-size: auto, 34rem 34rem;
  border-color: rgb(176 72 53 / 54%);
}

html[data-theme="reliquary"] .msg-system,
html[data-theme="reliquary"] .queue-item {
  background: rgb(5 8 10 / 78%);
  border-color: rgb(113 145 157 / 31%);
}

html[data-theme="reliquary"] .composer-input,
html[data-theme="reliquary"] .chip-button,
html[data-theme="reliquary"] .option-chip,
html[data-theme="reliquary"] .view-settings,
html[data-theme="reliquary"] .icon-button,
html[data-theme="reliquary"] .task-search {
  background: var(--reliquary-iron-surface);
  border-color: rgb(143 133 119 / 38%);
  box-shadow: inset 0 1px 0 rgb(225 218 205 / 6%), inset 0 -1px 0 #000;
}

html[data-theme="reliquary"] .composer-send:not(:disabled) {
  background: linear-gradient(180deg, #7d3027, #3b1512);
  border-color: #a64c3b;
  color: #eadfd0;
  box-shadow: inset 0 1px 0 rgb(255 219 199 / 15%), 0 0 18px -10px rgb(178 61 43 / 84%);
}

html[data-theme="reliquary"] .task-rail-title,
html[data-theme="reliquary"] .activity-rail-toggle,
html[data-theme="reliquary"] .eyebrow,
html[data-theme="reliquary"] .msg-author {
  color: #c7bcaa;
  font-family: var(--font-display);
  letter-spacing: 0.1em;
  text-shadow: 0 1px 0 #000;
}

html[data-theme="reliquary"] .provider-dot,
html[data-theme="reliquary"] .live-dot {
  box-shadow: 0 0 0 2px rgb(71 106 119 / 18%), 0 0 10px currentColor;
}

html[data-theme="reliquary"] pre,
html[data-theme="reliquary"] code,
html[data-theme="reliquary"] .tool-call {
  background-color: rgb(2 5 8 / 78%);
  border-color: rgb(108 140 153 / 27%);
  color: #d8d5ce;
}

html[data-theme="reliquary"] .journal details[data-work-log-day-section],
html[data-theme="reliquary"] .journal details[data-work-log-turn-details] {
  backdrop-filter: blur(7px) saturate(90%);
  -webkit-backdrop-filter: blur(7px) saturate(90%);
  background: var(--reliquary-stone-soft);
  border-color: rgb(136 127 115 / 36%);
}

html[data-theme="reliquary"] * {
  scrollbar-color: rgb(111 115 114 / 48%) rgb(2 4 6 / 45%);
}

html[data-theme="reliquary"] *::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #777976, #303333);
  border: 1px solid #0b0d0e;
}

@media (max-width: 720px) {
  html[data-theme="reliquary"] {
    --task-rail-width: 100%;
    --shell-workspace-gap: 0.22rem;
    --shell-workspace-padding-bottom: 0.22rem;
    --shell-workspace-padding-top: 0.22rem;
    --shell-header-height: auto;
  }

  html[data-theme="reliquary"] body::after,
  html[data-background-override="true"][data-background="reliquary"] {
    --hub-background-position: center, center, 50% 54%;
  }

  html[data-theme="reliquary"] .msg {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-color: rgb(4 7 9 / 91%);
  }

  html[data-theme="reliquary"] .stream-tabs > .stream-tab::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="reliquary"] body::before {
    animation: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-theme="reliquary"] .chat,
  html[data-theme="reliquary"] .msg,
  html[data-theme="reliquary"] .queue-item {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-color: #080a0c;
  }
}