/* Long image host · Burgundy glass · 2026-10-10
   Append after the existing PictShare and boot styles.
   Appearance only: preserve the original fonts, weights, geometry and lifecycle.
   Rollback: remove the complete marked block. */
/* LONG IMG BURGUNDY V1 START */

html:root {
  --lb-ink: #f2eded;
  --lb-muted: #c0b4b8;
  --lb-accent: #dea1ad;
  --lb-surface: rgba(35, 30, 33, .48);
  --lb-solid: rgba(30, 25, 29, .94);
  --lb-glaze: linear-gradient(120deg, rgba(255, 244, 247, .09), rgba(255, 255, 255, .025) 54%, rgba(141, 53, 73, .09));
  --lb-line: rgba(231, 203, 212, .21);
  --lb-line-strong: rgba(222, 161, 173, .43);
  --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);
  --lb-blur: blur(22px) saturate(115%);
  --lb-field: rgba(14, 12, 16, .46);
  --lb-hover: rgba(147, 61, 83, .24);
  --lb-active: linear-gradient(125deg, rgba(126, 43, 66, .64), rgba(151, 73, 96, .46));
  --lb-button: linear-gradient(110deg, #7e2b42, #a4526a);
  --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%);
  --long-bg: #101013;
  --long-card: var(--lb-surface);
  --long-text: var(--lb-ink);
  --long-muted: var(--lb-muted);
  --long-line: var(--lb-line);
  --long-cyan: #bf7789;
  --long-blue: #a65067;
  --long-violet: #bf7789;
  --long-pink: #dea1ad;
  --long-brand-gradient: var(--lb-button);
  --long-shadow: var(--lb-shadow);
  --bs-body-color: var(--lb-ink);
  --bs-body-color-rgb: 242, 237, 237;
  --bs-body-bg: #101013;
  --bs-body-bg-rgb: 16, 16, 19;
  --bs-primary: #a65067;
  --bs-primary-rgb: 166, 80, 103;
  --bs-secondary-color: var(--lb-muted);
  --bs-tertiary-color: var(--lb-muted);
  --bs-border-color: var(--lb-line);
  --bs-link-color: var(--lb-accent);
  --bs-link-color-rgb: 222, 161, 173;
  --bs-link-hover-color: #f0c4ce;
  --bs-link-hover-color-rgb: 240, 196, 206;
  --bs-emphasis-color: var(--lb-ink);
  --bs-emphasis-color-rgb: 242, 237, 237;
  --bs-secondary-bg: #241e23;
  --bs-tertiary-bg: #1b171c;
  color-scheme: dark;
  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;
}

html:root body,
html:root body.long-home {
  color: var(--lb-ink) !important;
  background: transparent !important;
  accent-color: #b97589;
}
html:root body.long-home::before,
html:root body.long-home::after { background: none !important; }
html:root ::selection { color: #fff5f7; background: #753149; }
html:root a { color: var(--lb-accent); }
html:root a:hover { color: #f0c4ce; }
html:root :is(.text-muted, .text-secondary) { color: var(--lb-muted) !important; }

/* Main glass surfaces. Nested galleries use a lighter coating, without another blur. */
html:root body .well,
html:root body.long-home #main > .well,
html:root .modal-content,
html:root .long-delete-dialog,
html:root #long-boot .long-boot-card {
  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;
}
html:root body.long-home #main > .well::before {
  background: linear-gradient(90deg, transparent, rgba(222, 161, 173, .52), rgba(255, 239, 245, .26), transparent) !important;
}
html:root .long-brand-mark,
html:root .long-drop-icon,
html:root .long-gallery-login-icon {
  color: #f2d6dd !important;
  background: linear-gradient(145deg, rgba(240, 202, 215, .12), rgba(128, 47, 69, .52)) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 242, 246, .16) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .14) !important;
}
html:root .long-brand:hover .long-brand-mark { box-shadow: var(--lb-shadow) !important; }
html:root :is(.long-brand, .long-brand-title, .long-hero h1, .long-drop-title, .long-gallery-heading, .long-gallery-login-title, .long-gallery-empty-title, .long-gallery-name, .long-delete-title) {
  color: var(--lb-ink) !important;
}
html:root :is(.long-brand-subtitle, .long-hero p, .long-drop-hint, .long-gallery-subtitle, .long-gallery-status, .long-gallery-login-desc, .long-gallery-empty-desc, .long-gallery-meta, .long-delete-desc) {
  color: var(--lb-muted) !important;
}

/* Chips, key disclosure and tabs retain all existing open/closed state rules. */
html:root :is(.long-meta-chip, .long-format-chip, .long-key-toggle, .long-gallery-btn, .long-gallery-action, .long-delete-cancel) {
  color: var(--lb-muted) !important;
  background: rgba(255, 240, 246, .055) !important;
  border-color: var(--lb-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .04) !important;
}
html:root :is(.long-key-toggle, .long-gallery-btn, .long-gallery-action, .long-delete-cancel):is(:hover, :focus-visible),
html:root .long-key-disclosure.is-open .long-key-toggle,
html:root .long-key-toggle[aria-expanded="true"] {
  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, .09) !important;
}
html:root .long-key-disclosure.is-open .long-key-toggle-text { color: var(--lb-accent) !important; }
html:root body.long-home #uploadTabs {
  background: rgba(10, 8, 12, .22) !important;
  border-color: rgba(231, 203, 212, .1) !important;
}
html:root body.long-home #uploadTabs .nav-link {
  color: var(--lb-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:root body.long-home #uploadTabs .nav-link:hover {
  color: var(--lb-ink) !important;
  background: var(--lb-hover) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .08) !important;
}
html:root body.long-home #uploadTabs .nav-link.active {
  color: #fff4f7 !important;
  background: var(--lb-active) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 242, 246, .12) !important;
}
html:root body.long-home #uploadTabs .nav-link::after {
  background: linear-gradient(90deg, #a65067, #dea1ad) !important;
  box-shadow: 0 2px 7px rgba(140, 52, 78, .18) !important;
}
html:root body.long-home :is(#long-gallery-count, #my-uploads-count) {
  color: #fff1f5 !important;
  background: var(--lb-button) !important;
  box-shadow: none !important;
}
html:root body.long-home #uploadTabs .nav-link:hover :is(#long-gallery-count, #my-uploads-count) {
  box-shadow: 0 4px 10px rgba(0, 0, 0, .18) !important;
}

/* Upload, preview and gallery. Images retain their original colors. */
html:root body.long-home #dropzone,
html:root body.long-home #paste-pane > .well,
html:root .long-gallery-shell,
html:root .uploads-card {
  color: var(--lb-ink) !important;
  background: rgba(15, 12, 17, .24) !important;
  border-color: var(--lb-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 242, 246, .045) !important;
}
html:root body.long-home #dropzone:is(:hover, .dz-drag-hover) {
  background: linear-gradient(130deg, rgba(115, 39, 62, .26), rgba(44, 30, 38, .38)) !important;
  border-color: var(--lb-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(222, 161, 173, .08), 0 10px 28px rgba(0, 0, 0, .14) !important;
}
html:root :is(.long-drop-action, .long-gallery-login-btn, .long-delete-confirm),
html:root .btn-primary,
html:root body.long-home .btn-primary {
  color: #fff6f8 !important;
  background: var(--lb-button) !important;
  border-color: var(--lb-line-strong) !important;
  box-shadow: 0 7px 20px rgba(42, 8, 19, .26), inset 0 1px 0 rgba(255, 242, 246, .13) !important;
}
html:root :is(.long-drop-action, .long-gallery-login-btn, .long-delete-confirm):hover,
html:root .btn-primary:hover,
html:root body.long-home .btn-primary:hover {
  background: linear-gradient(110deg, #8c344d, #ad5b73) !important;
  box-shadow: 0 9px 24px rgba(42, 8, 19, .3), inset 0 1px 0 rgba(255, 242, 246, .16) !important;
}
html:root .long-gallery-head {
  background: rgba(255, 239, 245, .035) !important;
  border-color: var(--lb-line) !important;
}
html:root .long-gallery-card {
  background: var(--lb-glaze), rgba(35, 30, 33, .48) !important;
  border-color: var(--lb-line) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .13), inset 0 1px 0 rgba(255, 242, 246, .07) !important;
}
html:root :is(.long-gallery-thumb, .uploads-thumb),
html:root .dropzone .dz-preview.dz-image-preview {
  background: #211c21 !important;
}
html:root .dropzone .dz-preview .dz-image { box-shadow: 0 8px 22px rgba(0, 0, 0, .2) !important; }
html:root .dropzone .dz-preview .dz-details { color: var(--lb-ink) !important; }
html:root .dropzone .dz-preview .dz-details :is(.dz-size, .dz-filename) span {
  color: var(--lb-ink) !important;
  background: rgba(25, 20, 26, .9) !important;
  border-color: var(--lb-line) !important;
}
html:root .dropzone .dz-preview .dz-progress { background: rgba(18, 14, 20, .72) !important; }
html:root .dropzone .dz-preview .dz-progress .dz-upload { background: var(--lb-button) !important; }
html:root .dropzone .dz-preview .dz-error-message { color: #ffe4e9 !important; background: #683044 !important; }
html:root .dropzone .dz-preview .dz-error-message::after { border-bottom-color: #683044 !important; }
html:root .long-gallery-spinner { border-color: var(--lb-line) !important; border-top-color: var(--lb-accent) !important; }
html:root .long-gallery-action.is-success {
  color: #bcddcc !important;
  background: rgba(52, 89, 70, .26) !important;
  border-color: rgba(165, 207, 185, .32) !important;
}
html:root .long-gallery-delete,
html:root .long-gallery-login-error { color: #f1afbd !important; }
html:root .long-gallery-delete:hover {
  color: #ffdbe4 !important;
  background: rgba(140, 48, 74, .32) !important;
  border-color: rgba(235, 159, 177, .44) !important;
}

/* Inputs, dialogs and notices: leave disabled/hidden behavior untouched. */
html:root body :is(.form-control, .form-select),
html:root .long-key-panel input,
html:root .long-gallery-key-input,
html:root .long-delete-input {
  color: var(--lb-ink) !important;
  background-color: var(--lb-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 body :is(.form-control, .form-select):focus,
html:root .long-key-panel input:focus,
html:root .long-gallery-key-input:focus,
html:root .long-delete-input:focus {
  border-color: var(--lb-accent) !important;
  box-shadow: 0 0 0 3px rgba(185, 107, 129, .18) !important;
}
html:root :is(input, textarea)::placeholder { color: var(--lb-muted) !important; }
html:root body .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dea1ad' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
}
html:root option { color: var(--lb-ink); background: #251e24; }
html:root .long-delete-overlay { background: rgba(8, 6, 10, .56) !important; }
html:root :is(.modal-header, .modal-footer) { border-color: var(--lb-line) !important; }
html:root .btn-close { filter: invert(1) grayscale(1) brightness(1.5); }
html:root body.long-home #uploadinfo .alert,
html:root .alert-info {
  color: #ecd8e0 !important;
  background: rgba(101, 50, 70, .31) !important;
  border-color: var(--lb-line-strong) !important;
}
html:root body.long-home #uploadinfo .alert.alert-success,
html:root .alert-success { color: #bcddcc !important; background: rgba(45, 79, 62, .35) !important; }
html:root body.long-home #uploadinfo .alert.alert-danger,
html:root .alert-danger { color: #ffd4de !important; background: rgba(116, 41, 64, .38) !important; }
html:root body.long-home #uploadinfo .alert.alert-warning,
html:root .alert-warning { color: #e6ceaa !important; background: rgba(91, 65, 37, .34) !important; }
html:root :is(.long-key-toggle, .long-gallery-btn, .long-gallery-action, .long-gallery-login-btn, .long-delete-buttons button, .long-drop-action):focus-visible,
html:root body.long-home #uploadTabs .nav-link:focus-visible {
  outline-color: var(--lb-accent) !important;
  box-shadow: 0 0 0 3px rgba(185, 107, 129, .22) !important;
}
html:root body .footer,
html:root body.long-home .footer {
  color: var(--lb-muted) !important;
  background: rgba(20, 16, 22, .7) !important;
  border-color: var(--lb-line) !important;
  -webkit-backdrop-filter: var(--lb-blur) !important;
  backdrop-filter: var(--lb-blur) !important;
}
html:root body.long-home .footer a { color: var(--lb-accent) !important; }

/* Boot overlay is included in this same patch; preserve its exit animation. */
html:root #long-boot { background: var(--lb-page), #101013 !important; }
html:root #long-boot .long-loader {
  background: conic-gradient(from 0deg, #7e2b42 0deg, #a65067 90deg, #c48595 180deg, #e1a6b4 270deg, transparent 342deg, transparent 360deg) !important;
  filter: drop-shadow(0 0 8px rgba(190, 103, 128, .22)) !important;
}
html:root #long-boot .long-boot-title { color: var(--lb-ink) !important; }
html:root #long-boot .long-boot-subtitle { color: var(--lb-muted) !important; }
html:root #long-boot .long-boot-dots i { background: var(--lb-accent) !important; }

@media (max-width: 700px) {
  html:root { --lb-blur: blur(16px) saturate(115%); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:root body .well,
  html:root body.long-home #main > .well,
  html:root .modal-content,
  html:root .long-delete-dialog,
  html:root #long-boot .long-boot-card { background: var(--lb-solid) !important; }
}
/* LONG IMG BURGUNDY V1 END */