/* One material base; lace and bows remain independent decorative layers. */
[data-material="paper"] {
  --material-base: #fff9ef;
  --material-texture: repeating-linear-gradient(0deg, #bfa17b08 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, #bfa17b06 0 1px, transparent 1px 5px);
  --material-blur: none;
  --material-edge: rgba(198, 176, 156, .55);
  --material-shadow: inset 0 0 0 5px #fffdf880, inset 0 0 0 6px #d9c7b03b, 0 4px 18px #8c687a12;
}
[data-material="glass"] {
  --material-base: rgba(255, 250, 252, .42);
  --material-texture: none;
  --material-blur: blur(12px) saturate(140%);
  --material-edge: rgba(255, 255, 255, .8);
  --material-shadow: inset 0 1px 0 #ffffffc2, 0 4px 18px #8c687a12;
}
[data-material="frosted"] {
  --material-base: rgba(253, 246, 249, .68);
  --material-texture: none;
  --material-blur: blur(24px);
  --material-edge: rgba(235, 213, 223, .7);
  --material-shadow: inset 0 0 18px #ffffff73, inset 0 -2px 8px #d9aab726, 0 4px 18px #8c687a12;
}
[data-material="transparent"] {
  --material-base: rgba(255, 255, 255, .14);
  --material-texture: none;
  --material-blur: none;
  --material-edge: rgba(255, 255, 255, .3);
  --material-shadow: inset 0 1px 0 #ffffff30;
}
[data-theme="dark"] [data-material="paper"] { --material-base: #30272b; --material-edge: #b895a440; }
[data-theme="dark"] [data-material="glass"] { --material-base: rgba(38, 30, 35, .42); --material-edge: #eedce670; }
[data-theme="dark"] [data-material="frosted"] { --material-base: rgba(48, 38, 44, .68); --material-edge: #b895a466; --material-shadow: inset 0 0 18px #b895a41a, 0 4px 18px #00000020; }
[data-theme="dark"] [data-material="transparent"] { --material-base: rgba(38, 30, 35, .14); --material-edge: #eedce630; }
.theme-scope[data-material] :is(.material-surface, .skin-card.lace-outer-card) {
  background-color: var(--material-base) !important;
  background-image: var(--material-texture) !important;
  background-size: auto !important;
  background-blend-mode: normal;
  backdrop-filter: var(--material-blur) !important;
  -webkit-backdrop-filter: var(--material-blur) !important;
  border-color: var(--material-edge) !important;
  box-shadow: var(--material-shadow) !important;
}
.theme-scope[data-material] .lace-inner-paper {
  background: transparent !important;
  box-shadow: inset 0 1px 0 #ffffff26 !important;
  border-color: var(--material-edge);
}
.theme-scope[data-material] :is(.step, .chapter-index) {
  padding: 20px 18px;
  border: 1px solid var(--material-edge);
  border-radius: 6px;
}
.theme-scope[data-material] .step { margin-bottom: 16px; }
.theme-scope[data-material] .toolbar > :is(input, .ornate-dialog-box),
.theme-scope[data-material] .reader-filter > :is(input, .ornate-dialog-box) {
  flex: 1 1 240px;
  width: 100%;
  min-width: 0;
  max-width: 360px;
  margin: 0;
}
/* Search controls have a single native border, without an embossed outer box. */
.theme-scope[data-material] :is(.toolbar, .reader-filter) > .ornate-dialog-box {
  padding: 0;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  outline: none;
  backdrop-filter: none;
}
.theme-scope[data-material] :is(.toolbar, .reader-filter) input {
  background: #ffffff24 !important;
  border: 1px solid var(--border-paper);
  border-radius: 4px;
  box-shadow: none;
  padding: 12px;
  min-height: 46px;
}
@media (max-width: 760px) {
  .theme-scope[data-material] :is(.toolbar, .reader-filter) > :is(input, .ornate-dialog-box) { max-width: none; flex-basis: 100%; }
}