/* Long の PDF · Burgundy Glass · 2026-10-10
   Append after the original /assets/style.css.
   Appearance only: retain layout, typography, element IDs, visibility and state behavior.
   Rollback: remove the complete LONG PDF BURGUNDY START/END block. */
/* LONG PDF BURGUNDY START */

:root {
  --long-pdf-ink: #f2eded;
  --long-pdf-muted: #c0b4b8;
  --long-pdf-accent: #dea1ad;
  --long-pdf-surface: rgba(35, 30, 33, .48);
  --long-pdf-glaze: linear-gradient(120deg, rgba(255, 244, 247, .09), rgba(255, 255, 255, .025) 54%, rgba(141, 53, 73, .09));
  --long-pdf-line: rgba(231, 203, 212, .21);
  --long-pdf-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);
  --long-pdf-blur: blur(22px) saturate(115%);
  --ink: var(--long-pdf-ink);
  --muted: var(--long-pdf-muted);
  --blue: #a65067;
  --violet: #c48595;
  --success: #aad0ba;
  --danger: #e0a0af;
  color-scheme: dark;
}

html,
body {
  color: var(--long-pdf-ink);
  background: #101013;
}

::selection {
  color: #f2eded;
  background: #753149;
}

/* Two subdued wine glows replace the blue grid and auroras. */
.app-shell {
  background-color: #101013;
  background-image:
    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%);
  background-size: 100% 100%;
}

.aurora-one,
.aurora-two {
  background: none;
}

.brand {
  color: var(--long-pdf-ink);
}

.brand-mark {
  color: #f2eded;
  background: linear-gradient(135deg, #7e2b42, #a76b7d);
  box-shadow: 0 8px 22px rgba(46, 10, 25, .3), inset 0 1px 0 rgba(255, 230, 238, .18);
}

.privacy-pill {
  color: var(--success);
  border-color: rgba(149, 190, 167, .22);
  background: rgba(67, 93, 79, .16);
}

.eyebrow {
  color: var(--long-pdf-accent);
}

.intro h1,
.auth-gate > strong,
.drop-zone strong,
.file-meta strong {
  color: var(--long-pdf-ink);
}

.intro p,
.auth-gate,
.drop-zone,
.drop-zone small,
.file-meta small,
.progress-caption,
.footnotes,
footer {
  color: var(--long-pdf-muted);
}

/* One glass shell, with quiet inset surfaces for the active workspace. */
.converter-card {
  border-color: var(--long-pdf-line);
  background: var(--long-pdf-glaze), var(--long-pdf-surface);
  box-shadow: var(--long-pdf-shadow);
  backdrop-filter: var(--long-pdf-blur);
  -webkit-backdrop-filter: var(--long-pdf-blur);
}

.auth-gate,
.drop-zone {
  border-color: rgba(214, 167, 182, .2);
  background: rgba(18, 15, 19, .3);
}

.drop-zone:hover,
.drop-zone.is-dragging {
  border-color: rgba(222, 161, 173, .66);
  background: rgba(102, 47, 66, .24);
}

.key-icon,
.upload-icon {
  color: var(--long-pdf-accent);
  background: linear-gradient(145deg, rgba(157, 73, 98, .18), rgba(198, 135, 154, .08));
  box-shadow: inset 0 0 0 1px rgba(216, 169, 185, .17), 0 10px 24px rgba(0, 0, 0, .14);
}

.auth-form input {
  color: var(--long-pdf-ink);
  caret-color: var(--long-pdf-accent);
  border-color: rgba(211, 172, 186, .24);
  background: rgba(17, 14, 19, .58);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.auth-form input::placeholder {
  color: #b3a3aa;
  opacity: 1;
}

.auth-form input:focus {
  border-color: rgba(222, 161, 173, .66);
  box-shadow: 0 0 0 3px rgba(184, 97, 123, .16);
}

.auth-form input:-webkit-autofill {
  -webkit-text-fill-color: var(--long-pdf-ink);
  caret-color: var(--long-pdf-accent);
  -webkit-box-shadow: 0 0 0 1000px #231e21 inset;
  box-shadow: 0 0 0 1000px #231e21 inset;
}

.auth-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #231e21 inset, 0 0 0 3px rgba(184, 97, 123, .16);
  box-shadow: 0 0 0 1000px #231e21 inset, 0 0 0 3px rgba(184, 97, 123, .16);
}

button:focus-visible,
a:focus-visible {
  outline-color: rgba(222, 161, 173, .66);
}

.auth-form button,
.primary-action {
  color: #f2eded;
  background: linear-gradient(120deg, #7e2b42, #92516a);
  box-shadow: 0 10px 24px rgba(45, 8, 24, .28), inset 0 1px 0 rgba(255, 222, 234, .18);
}

.auth-form button:hover:not(:disabled),
.primary-action:hover:not(:disabled) {
  background: linear-gradient(120deg, #8a344e, #9c5a73);
  box-shadow: 0 12px 28px rgba(45, 8, 24, .32), inset 0 1px 0 rgba(255, 222, 234, .22);
}

.file-row {
  border-color: rgba(216, 179, 191, .18);
  background: rgba(20, 17, 22, .38);
}

.file-icon {
  color: var(--long-pdf-accent);
  background: rgba(153, 65, 94, .2);
}

.icon-button {
  color: var(--long-pdf-muted);
  background: transparent;
}

.icon-button:hover:not(:disabled) {
  color: var(--danger);
  background: rgba(152, 63, 88, .19);
}

.progress-track {
  background: rgba(214, 180, 194, .12);
}

.progress-track span {
  background: linear-gradient(90deg, #a65067, #d99dad);
}

.status-message.converting {
  color: #d8bac8;
  background: rgba(143, 82, 107, .16);
}

.status-message.success {
  color: var(--success);
  background: rgba(68, 114, 88, .19);
}

.status-message.error {
  color: var(--danger);
  background: rgba(145, 54, 77, .2);
}

.auth-error,
.standalone-error {
  color: var(--danger);
}

.secondary-action {
  color: #e2cbd5;
  background: rgba(174, 123, 145, .12);
  box-shadow: inset 0 0 0 1px rgba(216, 179, 191, .18);
}

.secondary-action:hover {
  color: var(--long-pdf-ink);
  background: rgba(174, 123, 145, .2);
}

.footnotes b {
  color: var(--success);
}

@media (max-width: 640px) {
  :root {
    --long-pdf-blur: blur(16px) saturate(110%);
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --long-pdf-surface: rgba(38, 30, 37, .97);
  }
}

/* LONG PDF BURGUNDY END */