/* Long cloud drive · Burgundy glass · 2026-10-10
   Append after the existing browser, splash and authentication styles.
   The same standalone patch covers all three page types and both saved themes.
   Preserve original fonts, weights, dimensions, permissions and visibility rules.
   Rollback: remove the complete marked block. */
/* LONG DRIVE BURGUNDY V1 START */

html:root,
html:root.y,
html:root#ht_spl,
html:root#ht_spl.y {
  --lb-ink: #f2eded !important;
  --lb-muted: #c0b4b8 !important;
  --lb-accent: #dea1ad !important;
  --lb-surface: rgba(35, 30, 33, .48) !important;
  --lb-solid: rgba(30, 25, 29, .94) !important;
  --lb-glaze: linear-gradient(120deg, rgba(255, 244, 247, .09), rgba(255, 255, 255, .025) 54%, rgba(141, 53, 73, .09)) !important;
  --lb-line: rgba(231, 203, 212, .21) !important;
  --lb-line-strong: rgba(222, 161, 173, .43) !important;
  --lb-shadow: 0 16px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 242, 246, .14), inset 0 -1px 0 rgba(255, 255, 255, .035) !important;
  --lb-blur: blur(22px) saturate(115%) !important;
  --lb-hover: rgba(147, 61, 83, .24) !important;
  --lb-active: linear-gradient(125deg, rgba(126, 43, 66, .64), rgba(151, 73, 96, .46)) !important;
  --lb-button: linear-gradient(110deg, #7e2b42, #a4526a) !important;
  --lb-page: radial-gradient(ellipse at 9% 34%, rgba(110, 30, 51, .38), transparent 51%), radial-gradient(ellipse at 93% 88%, rgba(109, 29, 52, .26), transparent 50%), linear-gradient(125deg, #181418 0%, #111215 52%, #181216 100%) !important;

  /* Existing Long tokens; the original echo and mono font tokens are untouched. */
  --ld-text: var(--lb-ink) !important;
  --ld-text-strong: #fff5f8 !important;
  --ld-text-soft: var(--lb-muted) !important;
  --ld-text-dim: #b0a1a8 !important;
  --ld-cyan: #bf7789 !important;
  --ld-blue: #dea1ad !important;
  --ld-purple: #bf7789 !important;
  --ld-pink: #e2a9b7 !important;
  --ld-theme: #a65067 !important;
  --ld-accent: linear-gradient(90deg, #7e2b42, #c48595) !important;
  --ld-page-1: #101013 !important;
  --ld-page-2: #111215 !important;
  --ld-page-3: #181216 !important;
  --ld-glass: var(--lb-surface) !important;
  --ld-glass-strong: rgba(31, 25, 30, .88) !important;
  --ld-card: var(--lb-surface) !important;
  --ld-card-strong: var(--lb-solid) !important;
  --ld-panel: var(--lb-surface) !important;
  --ld-panel-hover: var(--lb-hover) !important;
  --ld-field: rgba(14, 12, 16, .46) !important;
  --ld-field-focus: rgba(49, 31, 42, .66) !important;
  --ld-line: var(--lb-line) !important;
  --ld-line-strong: var(--lb-line-strong) !important;
  --ld-border: var(--lb-line) !important;
  --ld-border-strong: var(--lb-line-strong) !important;
  --ld-shadow: var(--lb-shadow) !important;
  --ld-shadow-soft: 0 8px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 242, 246, .1) !important;
  --ld-focus: #dea1ad !important;
  --ld-chevron: rgba(211, 180, 193, .65) !important;
  --ld-image-bg: rgba(28, 23, 29, .72) !important;

  /* Copyparty's native dialogs, upload controls, player and menus share these. */
  --fg: var(--lb-ink) !important;
  --fg-max: #fff5f8 !important;
  --fg2-max: #fff5f8 !important;
  --fg-weak: var(--lb-muted) !important;
  --bg: rgba(30, 25, 29, .88) !important;
  --bgg: #101013 !important;
  --bg-u1: #241e24 !important;
  --bg-u2: #2b232b !important;
  --bg-u3: #30262f !important;
  --bg-u4: #3b2e39 !important;
  --bg-u5: #5c4653 !important;
  --bg-u6: #735566 !important;
  --bg-d1: #1d171e !important;
  --bg-d2: #171319 !important;
  --bg-d3: #100d12 !important;
  --bg-max: #0b090e !important;
  --row-alt: rgba(255, 240, 246, .025) !important;
  --a: var(--lb-accent) !important;
  --a-b: #c48595 !important;
  --a-hil: #f0c4ce !important;
  --a-dark: #c48595 !important;
  --a-gray: #947a87 !important;
  --tab-alt: #dfa8b6 !important;
  --sel-fg: #fff5f7 !important;
  --sel-bg: #753149 !important;
  --btn-fg: #edcdd7 !important;
  --btn-bg: rgba(158, 85, 107, .14) !important;
  --btn-h-fg: #fff5f8 !important;
  --btn-h-bg: rgba(158, 85, 107, .3) !important;
  --btn-1-fg: #fff5f8 !important;
  --btn-1-bg: #8e4059 !important;
  --btn-1h-fg: #fff5f8 !important;
  --btn-1h-bg: #a65067 !important;
  --btn-bs: inset 0 1px 0 rgba(255, 242, 246, .08) !important;
  --btn-h-bs: inset 0 1px 0 rgba(255, 242, 246, .13) !important;
  --btn-1-bs: inset 0 1px 0 rgba(255, 242, 246, .16) !important;
  --btn-1h-bs: var(--btn-1-bs) !important;
  --btn-bb: 1px solid rgba(231, 203, 212, .12) !important;
  --btn-h-bb: 1px solid var(--lb-line-strong) !important;
  --btn-1-bb: 1px solid var(--lb-line-strong) !important;
  --btn-1h-bb: var(--btn-1-bb) !important;
  --chk-fg: var(--lb-accent) !important;
  --txt-bg: var(--ld-field) !important;
  --txt-sh: rgba(0, 0, 0, .2) !important;
  --op-aa-fg: var(--lb-ink) !important;
  --op-aa-bg: var(--lb-hover) !important;
  --op-a-sh: rgba(0, 0, 0, .2) !important;
  --op-aa-sh: inset 0 1px 0 rgba(255, 242, 246, .1) !important;
  --u2-btn-b1: var(--lb-line-strong) !important;
  --u2-sbtn-b1: var(--lb-accent) !important;
  --u2-txt-bg: var(--ld-field) !important;
  --u2-tab-bg: var(--lb-glaze) !important;
  --u2-tab-b1: var(--lb-line) !important;
  --u2-tab-1-fg: #fff5f8 !important;
  --u2-tab-1-bg: var(--lb-active) !important;
  --u2-tab-1-b1: var(--lb-line-strong) !important;
  --u2-tab-1-b2: #8d465e !important;
  --u2-tab-1-sh: rgba(141, 70, 94, .22) !important;
  --u2-b-fg: #fff5f8 !important;
  --u2-b1-bg: #91415e !important;
  --u2-b2-bg: #b8778b !important;
  --u2-inf-bg: #4a293c !important;
  --u2-inf-b1: #be8399 !important;
  --u2-ok-bg: #294638 !important;
  --u2-ok-b1: #a5cdb6 !important;
  --u2-err-bg: #632b3e !important;
  --u2-err-b1: #e29bae !important;
  --ud-b1: var(--lb-line) !important;
  --sort-1: var(--lb-accent) !important;
  --sort-2: #c48595 !important;
  --sz-b: #b3a3ac !important;
  --sz-k: #d4b6c2 !important;
  --sz-m: #e1a6b7 !important;
  --sz-g: #e6bdc9 !important;
  --sz-t: #ecced7 !important;
  --sz-p: #f2dde4 !important;
  --srv-1: var(--lb-muted) !important;
  --srv-2: var(--lb-muted) !important;
  --srv-3: var(--lb-accent) !important;
  --srv-3b: rgba(222, 161, 173, .5) !important;
  --tree-bg: var(--ld-glass-strong) !important;
  --scroll: #986274 !important;
  --g-bg: var(--lb-surface) !important;
  --g-b1: var(--lb-line) !important;
  --g-b2: var(--lb-line) !important;
  --g-g1: #30242f !important;
  --g-g2: #49323f !important;
  --g-f-bg: var(--lb-hover) !important;
  --g-f-b1: var(--lb-line-strong) !important;
  --g-f-fg: var(--lb-ink) !important;
  --g-fg: var(--lb-ink) !important;
  --g-dfg: var(--lb-accent) !important;
  --g-sh: rgba(0, 0, 0, .18) !important;
  --g-sel-fg: #fff5f8 !important;
  --g-sel-bg: #6d2e47 !important;
  --g-sel-b1: #c48595 !important;
  --g-sel-sh: rgba(126, 43, 66, .35) !important;
  --g-fsel-bg: #8d405a !important;
  --g-fsel-b1: #dfa8b6 !important;
  --g-fsel-ts: #301421 !important;
  --g-play-bg: #573244 !important;
  --g-play-b1: #c48595 !important;
  --g-play-b2: #dea1ad !important;
  --g-play-sh: rgba(126, 43, 66, .22) !important;
  --f-h-b1: var(--lb-line) !important;
  --f-play-bg: #8e4059 !important;
  --f-play-fg: #fff5f8 !important;
  --f-sel-sh: transparent !important;
  --f-gray: #a18a97 !important;
  --fm-off: #b98298 !important;
  --mp-sh: rgba(0, 0, 0, .25) !important;
  --mp-b-bg: rgba(16, 12, 18, .35) !important;
  --err-fg: #ffd7e1 !important;
  --err-bg: #632b3e !important;
  --err-b1: #e29bae !important;
  --err-ts: transparent !important;
  color-scheme: dark !important;
  color: var(--lb-ink) !important;
  background-color: #101013 !important;
  background-image: var(--lb-page) !important;
  background-size: 100% 100vh !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  scrollbar-color: #986274 #19151a !important;
}

html:root body,
html:root#ht_spl body {
  color: var(--lb-ink) !important;
  background: transparent !important;
  accent-color: #b97589;
}
html:root ::selection { color: #fff5f7 !important; background: #753149 !important; }
html:root ::-webkit-scrollbar-thumb,
html:root #tree::-webkit-scrollbar-thumb { background: rgba(179, 119, 140, .53) !important; }
html:root ::-webkit-scrollbar-thumb:hover { background: rgba(206, 142, 164, .7) !important; }

/* Shared surfaces; no geometry or hidden/readonly rules are replaced. */
html:root #ops,
html:root #path,
html:root #tree,
html:root #treeh,
html:root .opbox,
html:root #doc,
html:root .ghead,
html:root #srch_form,
html:root #wtoggle,
html:root #widgeti,
html:root #modalc,
html:root #rcm,
html:root #shui,
html:root #rui,
html:root#ht_spl #wrap {
  color: var(--lb-ink) !important;
  background: var(--lb-glaze), var(--lb-surface) !important;
  border-color: var(--lb-line) !important;
  box-shadow: var(--lb-shadow) !important;
  -webkit-backdrop-filter: var(--lb-blur) !important;
  backdrop-filter: var(--lb-blur) !important;
}
/* Floating menus/dialogs need extra opacity over filenames or media. */
html:root #modalc,
html:root #rcm,
html:root #shui,
html:root #rui { background: var(--lb-glaze), rgba(31, 25, 30, .86) !important; }
html:root #modal,
html:root #hkhelp { background: rgba(8, 6, 10, .6) !important; }
html:root #files { -webkit-backdrop-filter: var(--lb-blur); backdrop-filter: var(--lb-blur); }
html:root #files thead th {
  color: var(--lb-muted) !important;
  background: rgba(31, 25, 30, .88) !important;
  border-color: var(--lb-line) !important;
}
html:root #files tbody td,
html:root #files tbody tr:nth-child(2n) td {
  color: var(--lb-muted) !important;
  /* A vertical glaze aligns across equal-height cells, without restarting a
     horizontal highlight at every column boundary. */
  background: linear-gradient(180deg, rgba(255, 244, 247, .065), rgba(255, 244, 247, .015)), var(--lb-surface) !important;
  border-color: var(--lb-line) !important;
}
html:root #files tbody tr:hover td,
html:root #files tbody tr:hover td + td {
  background: var(--lb-hover) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .08), inset 0 -1px 0 rgba(222, 161, 173, .08) !important;
}
html:root #files tbody tr.play td,
html:root #files tbody tr.play:hover td {
  color: var(--lb-ink) !important;
  background: linear-gradient(180deg, rgba(126, 54, 77, .4), rgba(86, 43, 65, .35)) !important;
  border-color: var(--lb-line-strong) !important;
}
html:root #files tbody tr.sel td,
html:root #files tbody tr.sel:hover td,
html:root #files tbody tr.sel:focus td,
html:root #files tbody tr.sel:focus-visible td {
  color: #fff5f8 !important;
  background: linear-gradient(180deg, rgba(126, 43, 66, .64), rgba(151, 73, 96, .46)) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .13), inset 0 -1px 0 rgba(222, 161, 173, .16) !important;
  text-shadow: none !important;
}
html:root #files tbody tr:focus td,
html:root #files tbody tr:focus td + td,
html:root #files tbody tr:focus-visible td,
html:root #files tbody tr:focus-visible td + td,
html:root #files tbody tr.sel:focus td,
html:root #files tbody tr.sel:focus td + td {
  box-shadow: inset 0 1px 0 rgba(222, 161, 173, .26), inset 0 -1px 0 rgba(222, 161, 173, .23) !important;
}
html:root #files tbody tr.sel td:first-child,
html:root #files tbody tr.sel:focus td:first-child,
html:root #files tbody tr.sel:focus-visible td:first-child {
  border-left-color: var(--lb-line-strong) !important;
  box-shadow: inset 1px 0 0 rgba(222, 161, 173, .3), inset 0 1px 0 rgba(255, 242, 246, .13), inset 0 -1px 0 rgba(222, 161, 173, .16) !important;
}
html:root #files tbody tr.sel td:last-child,
html:root #files tbody tr.sel:focus td:last-child,
html:root #files tbody tr.sel:focus-visible td:last-child {
  border-right-color: var(--lb-line-strong) !important;
  box-shadow: inset -1px 0 0 rgba(222, 161, 173, .3), inset 0 1px 0 rgba(255, 242, 246, .13), inset 0 -1px 0 rgba(222, 161, 173, .16) !important;
}
html:root #files tbody tr.sel a,
html:root #files tbody tr.sel a:hover,
html:root #files tbody tr.sel a:focus { color: #fff5f8 !important; }
html:root #ggrid > a,
html:root #ggrid > a[tt] {
  color: var(--lb-ink) !important;
  background: var(--lb-glaze), var(--lb-surface) !important;
  border-color: var(--lb-line) !important;
  box-shadow: var(--ld-shadow-soft) !important;
  -webkit-backdrop-filter: var(--lb-blur) !important;
  backdrop-filter: var(--lb-blur) !important;
}
html:root #ggrid > a:is(:hover, :focus-visible),
html:root #ggrid > a[tt]:is(:hover, :focus-visible) { background: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root #ggrid > a.sel,
html:root #ggrid > a[tt].sel,
html:root #ggrid > a.sel:is(:hover, :focus, :focus-visible),
html:root #ggrid > a[tt].sel:is(:hover, :focus, :focus-visible) {
  color: #fff5f8 !important;
  background: var(--lb-active) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: 0 9px 25px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 242, 246, .14) !important;
}

/* Navigation, breadcrumbs, badges and directory tree. */
html:root #opa_up { background: transparent !important; }
html:root #ops > a:is(:hover, :focus-visible),
html:root.b #ops > a:is(:hover, :focus-visible) {
  color: var(--lb-ink) !important;
  background: var(--lb-hover) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .1), 0 6px 18px rgba(0, 0, 0, .13) !important;
}
html:root #ops > a.act,
html:root #ops > a.act:is(:hover, :focus),
html:root.b #ops > a.act,
html:root.b #ops > a.act:is(:hover, :focus) {
  color: #fff5f8 !important;
  background: var(--lb-active) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .13), 0 7px 20px rgba(0, 0, 0, .16) !important;
}
html:root #ops > a:active,
html:root.b #ops > a:active {
  background: rgba(137, 58, 84, .5) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .18) !important;
}
/* Mouse focus survives a closed tool panel. Only .act, hover, or keyboard
   focus should retain a highlight; override the old theme's :focus fill. */
html:root #ops > a:not(.act):not(:hover):not(:focus-visible):not(:active),
html:root.b #ops > a:not(.act):not(:hover):not(:focus-visible):not(:active) {
  color: var(--lb-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
html:root .ld-access-badge,
html:root .ld-access-badge.ld-admin {
  color: #e6becd !important;
  background: rgba(147, 61, 83, .15) !important;
  border-color: var(--lb-line) !important;
}
html:root #acc_info > a,
html:root #blogout {
  color: var(--lb-accent) !important;
  background: rgba(147, 61, 83, .13) !important;
  border-color: var(--lb-line) !important;
}
html:root #acc_info > a:hover,
html:root #blogout:hover { color: var(--lb-ink) !important; background: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root #path #entree,
html:root #detree.long-drive-detree { background-color: rgba(147, 61, 83, .14) !important; }
html:root .long-drive-tree-title-icon { background: rgba(147, 61, 83, .14) !important; }
html:root #path #entree:hover,
html:root #detree.long-drive-detree:hover,
html:root #path > a:not(#entree):hover { background-color: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root #tree .ntree li > a + a::before,
html:root #files .ld-folder-icon { background-color: var(--lb-accent) !important; }
html:root #tree .ntree li > a + a:hover,
html:root #tree.nowrap .ntree a + a:hover { color: var(--lb-ink) !important; background: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root #tree .ntree a.hl { background: var(--lb-active) !important; border-color: var(--lb-line-strong) !important; box-shadow: inset 0 1px 0 rgba(255, 242, 246, .1) !important; }
html:root #tree .ntree a.hl::before,
html:root #treeul > li > a + a::before { background-color: var(--lb-accent) !important; }
html:root #tree .ntree li > a.ld::before { background: transparent !important; border-top-color: var(--lb-accent) !important; }

/* Tint only decorative SVG background icons, never file thumbnails or media. */
html:root #ops > a::before,
html:root #ops > a:is(:hover, :focus, .act)::before,
html:root #path > a[href="/"]:not(#entree)::before,
html:root #ggrid > a.dir::before {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(732%) hue-rotate(299deg) brightness(91%) contrast(91%) !important;
}
/* These icons share the button background; retain their luminance contrast. */
html:root #path #entree,
html:root :is(#zip1, #wtgrid, #wtico) { filter: grayscale(1) sepia(.35) saturate(1.6) hue-rotate(294deg) !important; }
html:root :is(#zip1, #wtgrid, #wtico):is(:hover, :focus-visible) { background-color: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root #files .ld-folder-row .ld-col-ext { color: #d5b3c0 !important; }
html:root .dumb_loader_thing { border-color: rgba(222, 161, 173, .18) !important; border-top-color: #dea1ad !important; border-right-color: #a65067 !important; }

/* File action links have their own late, high-specificity legacy rules. */
html:root #files .ld-col-lead a.ld-zip,
html:root #files tbody .ld-col-lead > a:not(.ld-zip),
html:root #files tbody .ld-col-lead > a:not(.ld-zip):is(:link, :visited),
html:root #files tbody tr.sel .ld-col-lead > a:not(.ld-zip) {
  color: #e6bdcc !important;
  background: rgba(23, 15, 23, .3) !important;
  border-color: var(--lb-line) !important;
  box-shadow: none !important;
}
html:root #files .ld-col-lead a.ld-zip:hover,
html:root #files tbody .ld-col-lead > a:not(.ld-zip):is(:hover, :focus),
html:root #files tbody tr.sel .ld-col-lead > a:not(.ld-zip):is(:hover, :focus) {
  color: #fff5f8 !important;
  background: var(--lb-active) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .1), 0 5px 15px rgba(0, 0, 0, .14) !important;
}

/* Native forms, input validation, modal prompts and context menu. */
html:root .opview :is(input[type="text"], input[type="password"], input[type="number"], select),
html:root textarea,
html:root #modali,
html:root #rui input {
  color: var(--lb-ink) !important;
  background: var(--ld-field) !important;
  border-color: var(--lb-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .035) !important;
  caret-color: var(--lb-accent);
}
html:root .opview input:focus,
html:root .opview select:focus,
html:root textarea:focus,
html:root #modali:focus {
  background: var(--ld-field-focus) !important;
  border-color: var(--lb-accent) !important;
  box-shadow: 0 0 0 3px rgba(185, 107, 129, .18) !important;
}
html:root .opview input.err,
html:root #rn_f .err input[readonly],
html:root #rui .ng input[readonly] {
  color: var(--err-fg) !important;
  background: var(--err-bg) !important;
  border-color: var(--err-b1) !important;
}
html:root :is(input, textarea)::placeholder { color: var(--lb-muted) !important; }
html:root option { color: var(--lb-ink); background: #251e24; }
html:root #modalc a { color: var(--lb-accent) !important; }
html:root #modalc :is(h6, code) { color: var(--lb-ink) !important; border-color: var(--lb-line) !important; }
html:root #modalb a { color: var(--lb-ink) !important; background: var(--lb-hover) !important; }
html:root #modalb a:is(:hover, :focus) { color: #fff5f8 !important; background: var(--lb-active) !important; }
html:root #rcm > a { color: var(--lb-ink) !important; }
html:root #rcm > a:hover { background: var(--lb-hover) !important; }
html:root #tt,
html:root #toast {
  color: var(--lb-ink) !important;
  background: var(--lb-solid) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: var(--lb-shadow) !important;
  text-shadow: none !important;
}
html:root #toast.inf { background: #422b3b !important; border-color: #c18b9f !important; }
html:root #toast.ok { background: #294638 !important; border-color: #a5cdb6 !important; }
html:root #toast.warn { background: #51402d !important; border-color: #d0b28a !important; }
html:root #toast.err { background: #632b3e !important; border-color: #e29bae !important; }
html:root #toast.inf :is(#toastc, #toastt) { background: #c18b9f !important; }
html:root #toast.ok :is(#toastc, #toastt) { background: #a5cdb6 !important; }
html:root #toast.warn :is(#toastc, #toastt) { background: #d0b28a !important; }
html:root #toast.err :is(#toastc, #toastt) { background: #e29bae !important; }
html:root #tt em { color: #edb5c5 !important; }
/* Native text/Markdown preview chrome; content typography and images stay intact. */
html:root .mdo :is(pre, code, blockquote) { color: #e4d8df; background-color: rgba(18, 13, 20, .6) !important; border-color: var(--lb-line) !important; }
html:root .mdo :is(h1, h2, h3) { color: var(--lb-ink) !important; background-color: rgba(255, 239, 245, .04) !important; border-color: var(--lb-line) !important; }
html:root .mdo strong { color: var(--lb-ink) !important; }
html:root .mdo a { color: var(--lb-accent) !important; background-color: rgba(126, 43, 66, .15) !important; border-color: var(--lb-line) !important; }
html:root .mdo :is(pre, code):hover { background-color: rgba(61, 34, 49, .56) !important; }

/* Keyboard focus remains visible, with the same geometry as the current theme. */
html:root :focus,
html:root :focus + label { outline-color: var(--lb-accent) !important; box-shadow: 0 0 0 2px rgba(185, 107, 129, .18) !important; }
html:root #ops > a:focus-visible,
html:root.b #ops > a:focus-visible,
html:root #ggrid > a:focus-visible,
html:root #ggrid > a.sel:focus-visible,
html:root #files tbody .ld-col-lead > a:not(.ld-zip):focus-visible {
  outline-color: var(--lb-accent) !important;
  box-shadow: 0 0 0 3px rgba(185, 107, 129, .18) !important;
}

/* Splash/login page: its own CSS has stronger ID-based light-theme rules. */
html:root#ht_spl #wrap::before {
  color: var(--lb-ink) !important;
  background-image: linear-gradient(90deg, #7e2b42, #c48595) !important;
  text-shadow: 0 2px 18px rgba(126, 43, 66, .18) !important;
}
html:root#ht_spl #wrap::after { color: var(--lb-muted) !important; border-color: var(--lb-line) !important; }
html:root#ht_spl #f + ul a,
html:root#ht_spl #g + ul a,
html:root#ht_spl.y #f + ul a,
html:root#ht_spl.y #g + ul a {
  color: var(--lb-accent) !important;
  background: rgba(147, 61, 83, .13) !important;
  border-color: var(--lb-line) !important;
}
html:root#ht_spl #f + ul a:hover,
html:root#ht_spl #g + ul a:hover,
html:root#ht_spl.y #f + ul a:hover,
html:root#ht_spl.y #g + ul a:hover { color: var(--lb-ink) !important; background: var(--lb-hover) !important; border-color: var(--lb-line-strong) !important; }
html:root#ht_spl :is(#lu, #lp) { color: var(--lb-ink) !important; background: var(--ld-field) !important; border-color: var(--lb-line) !important; }
html:root#ht_spl :is(#lu, #lp):hover { border-color: var(--lb-line-strong) !important; }
html:root#ht_spl :is(#lu, #lp):focus {
  border-color: var(--lb-accent) !important;
  box-shadow: 0 0 0 3px rgba(185, 107, 129, .18), inset 0 1px 0 rgba(255, 242, 246, .05) !important;
}
html:root#ht_spl #ls {
  color: #fff5f8 !important;
  background: var(--lb-button) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: 0 8px 20px rgba(42, 8, 19, .26), inset 0 1px 0 rgba(255, 242, 246, .14) !important;
}
html:root#ht_spl #ls:hover { box-shadow: 0 10px 24px rgba(42, 8, 19, .32), inset 0 1px 0 rgba(255, 242, 246, .17) !important; }
html:root#ht_spl :is(#lu, #lp, #ls, a):focus-visible { outline-color: var(--lb-accent) !important; }
html:root#ht_spl :is(#x, #w) { color: var(--lb-accent) !important; }
html:root#ht_spl #c.logout { color: var(--lb-accent) !important; background: rgba(147, 61, 83, .13) !important; border-color: var(--lb-line) !important; }
html:root#ht_spl #c.logout:hover { color: var(--lb-ink) !important; background: var(--lb-hover) !important; }
html:root#ht_spl #msg { color: var(--lb-ink) !important; background: rgba(147, 61, 83, .15) !important; border-color: var(--lb-line) !important; }
html:root#ht_spl #lm { color: #f1afbd !important; }

/* POST login/logout transition, including existing light preference. */
html:root body.ld-POST,
html:root.y body.ld-POST { color: var(--lb-ink) !important; background: var(--lb-page), #101013 !important; }
html:root body.ld-POST::before,
html:root.y body.ld-POST::before {
  background: var(--lb-glaze), var(--lb-surface) !important;
  border-color: var(--lb-line) !important;
  box-shadow: var(--lb-shadow) !important;
  -webkit-backdrop-filter: var(--lb-blur) !important;
  backdrop-filter: var(--lb-blur) !important;
}
html:root body.ld-POST h1 { background-image: linear-gradient(90deg, #7e2b42, #c48595) !important; }
html:root body.ld-POST h1::after,
html:root.y body.ld-POST h1::after { color: var(--lb-ink) !important; text-shadow: 0 2px 18px rgba(126, 43, 66, .18) !important; }
html:root body.ld-POST::after,
html:root.y body.ld-POST::after,
html:root body.ld-POST a::after,
html:root.y body.ld-POST a::after { color: var(--lb-muted) !important; }
html:root body.ld-POST a::before {
  border-color: rgba(222, 161, 173, .16) !important;
  border-top-color: #dea1ad !important;
  border-right-color: #a65067 !important;
  box-shadow: 0 0 20px rgba(126, 43, 66, .15) !important;
}
html:root body.ld-POST a:focus-visible { outline-color: var(--lb-accent) !important; }

@media (max-width: 700px) {
  html:root,
  html:root.y,
  html:root#ht_spl,
  html:root#ht_spl.y { --lb-blur: blur(16px) saturate(115%) !important; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:root #ops,
  html:root #path,
  html:root #tree,
  html:root #treeh,
  html:root .opbox,
  html:root #doc,
  html:root .ghead,
  html:root #srch_form,
  html:root #wtoggle,
  html:root #widgeti,
  html:root #ggrid > a,
  html:root#ht_spl #wrap,
  html:root body.ld-POST::before,
  html:root.y body.ld-POST::before { background: var(--lb-solid) !important; }
}
/* LONG DRIVE BURGUNDY V1 END */