/* AUTOMATISCH ERZEUGT von tools/light.js aus den Stylesheets von index.html (läuft mit node tools/restamp.js).
   Nicht von Hand ändern, Korrekturen für den hellen Modus gehören nach css/light.css. */

/* ── backdrop-fallback.css ── */
html[data-theme="light"].no-backdrop .account-settings-dialog,
html[data-theme="light"].no-backdrop #news-popup-overlay,
html[data-theme="light"].no-backdrop .feedback-overlay,
html[data-theme="light"].no-backdrop .background-selection-overlay,
html[data-theme="light"].no-backdrop .auth-overlay[style*="flex"],
html[data-theme="light"].no-backdrop .auth-overlay[style*="block"],
html[data-theme="light"].no-backdrop .modern-dialog-overlay,
html[data-theme="light"].no-backdrop .slider-warning-overlay,
html[data-theme="light"].no-backdrop #pme-addpage-modal > div:first-child,
html[data-theme="light"].no-backdrop #pme-delete-modal > div:first-child {
  background: rgba(var(--a-f1f0f9,241,240,249),0.97) !important;
}
html[data-theme="light"].no-backdrop #news-popup,
html[data-theme="light"].no-backdrop .account-settings-content,
html[data-theme="light"].no-backdrop .feedback-container,
html[data-theme="light"].no-backdrop .background-selection-dialog,
html[data-theme="light"].no-backdrop #pme-addpage-box,
html[data-theme="light"].no-backdrop #pme-delete-box {
  background: linear-gradient(160deg,rgba(var(--a-edecf8,237,236,248),0.99) 0%,rgba(var(--a-eae9f7,234,233,247),0.99) 100%) !important;
}

/* ── offline.css ── */
html[data-theme="light"] .gg-net {
  color: rgb(11,11,12);
  background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0.011) 100%),
    rgba(var(--a-eae8f6,234,232,246),0.86);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.24);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.25), 0 10px 26px -10px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gg-net small {
  color: rgba(11,11,12,0.7);
}
html[data-theme="light"] .gg-net.is-off > svg {
  color: rgb(106,78,0);
}
html[data-theme="light"] .gg-net.is-ok > svg {
  color: rgb(0,103,49);
}
html[data-theme="light"] .gg-net.is-warn > svg {
  color: rgb(106,78,0);
}
html[data-theme="light"] .gg-net.is-update > svg {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .gg-net-count {
  color: #fff;
  background: linear-gradient(180deg, rgb(var(--a-b86bff,184,107,255)), rgb(var(--a-9333ea,147,51,234)));
  box-shadow: 0 2px 6px rgba(28,27,34,0.088), 0 0 0 1.5px rgba(28,27,34,0.198);
}
html[data-theme="light"] .gg-net-spin {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .gg-net button {
  border: 0;
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.165) 0%, rgba(28,27,34,0.028) 50%, rgba(28,27,34,0) 100%), linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 100%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 6px 14px -6px rgba(var(--a-9333ea,147,51,234),0.24);
}

/* ── main.css ── */
html[data-theme="light"] {
  --bg: rgb(var(--a-f0f0f6,240,240,246));
  --bg2: rgb(var(--a-ecedf5,236,237,245));
  --glass: rgba(28,27,34,0.018);
  --glass-hover: rgba(28,27,34,0.034);
  --glass-active: rgba(28,27,34,0.048);
  --glass-border: rgba(28,27,34,0.061);
  --glass-border-strong: rgba(28,27,34,0.109);
  --glass-inset: rgba(28,27,34,0.01);
  --blur: blur(20px) saturate(160%);
  --blur-sm: blur(12px) saturate(140%);
  --purple-1: rgb(var(--a-a855f7,168,85,247));
  --purple-2: rgb(var(--a-c084fc,192,132,252));
  --purple-3: rgb(var(--a-c084fc,192,132,252));
  --purple-4: rgb(var(--a-d8b4fe,216,180,254));
  --primary: var(--purple-1);
  --primary-glass: rgba(var(--a-a855f7,168,85,247),0.18);
  --primary-border: rgba(var(--a-a855f7,168,85,247),0.42);
  --accent: var(--purple-3);
  --accent-glass: rgba(var(--a-c084fc,192,132,252),0.15);
  --success: rgb(48,209,88);
  --success-glass: rgba(48,209,88,0.18);
  --error: rgb(255,69,58);
  --error-glass: rgba(255,69,58,0.18);
  --warn: rgb(255,214,10);
  --text: #F5F5F7;
  --text-2: rgba(245,245,247,0.68);
  --text-3: rgba(245,245,247,0.42);
  --text-4: rgba(245,245,247,0.24);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 100px;
  --shadow-glass: 0 8px 32px rgba(28,27,34,0.11), inset 0 1px 0 rgba(255,255,255,0.09);
  --shadow-float: 0 24px 72px rgba(28,27,34,0.158), 0 4px 16px rgba(28,27,34,0.088);
  --surface: rgba(28,27,34,0.039);
  --surface-light: rgba(28,27,34,0.061);
  --border: rgba(28,27,34,0.068);
}
html[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}
html[data-theme="light"] body::after {
  background: url("/assets/noise.png") repeat;
  background-size: 128px 128px;
}
html[data-theme="light"] .glass {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-glass);
}
html[data-theme="light"] .glass-sm {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-glass);
}
html[data-theme="light"] #pme-eraser-cursor {
  background: rgba(var(--a-a855f7,168,85,247),0.12);
  border: 1.5px solid rgba(var(--a-9458cc,148,88,204),0.85);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.077),
    inset 0 0 0 1px rgba(255,255,255,0.06);
}
html[data-theme="light"] #pme-eraser-cursor::after {
  background: rgba(var(--a-c084fc,192,132,252),0.95);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.088);
}
html[data-theme="light"] #pme-barrel-toast {
  background: rgba(var(--a-e9e5f4,233,229,244),0.92);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.45);
  border-top-color: rgba(28,27,34,0.135);
  color: rgba(11,11,12,0.92);
  box-shadow: 0 4px 20px rgba(28,27,34,0.099), 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .navbar {
  background: linear-gradient(
    135deg,
    rgba(28,27,34,0.026) 0%,
    rgba(var(--a-a855f7,168,85,247),0.055) 35%,
    rgba(28,27,34,0.012) 60%,
    rgba(var(--a-c084fc,192,132,252),0.038) 100%
  );
  border: 1px solid rgba(28,27,34,0);
  border-top: 1px solid rgba(28,27,34,0.165);
  border-bottom: 1px solid rgba(28,27,34,0.09);
  border-left: 1px solid rgba(var(--a-a855f7,168,85,247),0.14);
  border-right: 1px solid rgba(var(--a-9458cc,148,88,204),0.12);
  box-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.108),

    0 8px 32px rgba(28,27,34,0.084),
    0 2px 8px rgba(28,27,34,0.048),

    inset 0 1px 0 rgba(255,255,255,0.28),

    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .navbar::before {
  background: none;
}
html[data-theme="light"] .navbar::after {
  background: linear-gradient(
    160deg,
    rgba(28,27,34,0.036) 0%,
    rgba(28,27,34,0) 40%,
    rgba(var(--a-a855f7,168,85,247),0.03) 70%,
    rgba(28,27,34,0.01) 100%
  );
}
html[data-theme="light"] .nav-logo {
  color: var(--text);
}
html[data-theme="light"] .nav-links {
  background: rgba(28,27,34,0.018);
  border: 1px solid rgba(28,27,34,0.054);
  border-top-color: rgba(28,27,34,0.098);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),
    inset 0 -1px 0 rgba(28,27,34,0),
    0 2px 8px rgba(28,27,34,0.033);
}
html[data-theme="light"] .nav-indicator {
  background: linear-gradient(
    145deg,
    rgba(var(--a-a855f7,168,85,247),0.52) 0%,
    rgba(var(--a-c084fc,192,132,252),0.38) 40%,
    rgba(var(--a-a855f7,168,85,247),0.44) 100%
  );
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.5);
  border-top-color: rgba(28,27,34,0.285);
  border-bottom-color: rgba(var(--a-a855f7,168,85,247),0.28);
  box-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.132),
    0 3px 16px rgba(var(--a-a855f7,168,85,247),0.108),
    0 1px 4px rgba(28,27,34,0.044),
    inset 0 1px 0 rgba(255,255,255,0.35),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .nav-indicator::before {
  background: linear-gradient(90deg,
    transparent,
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.85),
    rgba(255,255,255,0.6),
    transparent
  );
}
html[data-theme="light"] .nav-indicator::after {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.099) 0%,
    rgba(28,27,34,0) 100%
  );
}
html[data-theme="light"] .nav-link {
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] .nav-link:hover {
  color: rgba(11,11,12,0.88);
}
html[data-theme="light"] .nav-link.active {
  color: rgb(var(--a-120e1c,18,14,28));
  text-shadow: none;
}
html[data-theme="light"] .nav-button {
  background: rgba(28,27,34,0.03);
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.135);
  color: var(--text);
  box-shadow: 0 2px 10px rgba(28,27,34,0.048),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .nav-button::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.055) 0%, transparent 100%);
}
html[data-theme="light"] .nav-button:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.15);
  border-top-color: rgba(28,27,34,0.225);
  box-shadow: 0 5px 20px rgba(28,27,34,0.066),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(28,27,34,0);
  filter: none;
}
html[data-theme="light"] .nav-button.login-btn {
  background: rgba(28,27,34,0.017);
  border-color: rgba(28,27,34,0.053);
  color: var(--text-2);
  box-shadow: none;
}
html[data-theme="light"] .nav-button.login-btn:hover {
  background: rgba(28,27,34,0.039);
  color: var(--text);
}
html[data-theme="light"] .nav-button.register-btn {
  background: linear-gradient(
    145deg,
    rgba(var(--a-b964ff,185,100,255),0.75) 0%,
    rgba(var(--a-a855f7,168,85,247),0.65) 50%,
    rgba(var(--a-9333ea,147,51,234),0.6) 100%
  );
  border-color: rgba(var(--a-c064ff,192,100,255),0.52);
  border-top-color: rgba(28,27,34,0.24);
  color: white;
  box-shadow: 
    0 3px 12px rgba(28,27,34,0.055),
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .nav-button.register-btn:hover {
  background: linear-gradient(
    145deg,
    rgba(var(--a-c878ff,200,120,255),0.88) 0%,
    rgba(var(--a-b964ff,185,100,255),0.78) 50%,
    rgba(var(--a-a855f7,168,85,247),0.72) 100%
  );
  box-shadow: 
    0 5px 20px rgba(28,27,34,0.07),
    inset 0 1px 0 rgba(255,255,255,0.34);
  filter: none;
}
html[data-theme="light"] .hamburger-menu {
  background: rgba(28,27,34,0.022);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .hamburger-menu:hover {
  background: rgba(28,27,34,0.044);
}
html[data-theme="light"] .hamburger-menu span {
  background: rgba(245,245,247,0.7);
}
@media (max-width: 768px) {
  html[data-theme="light"] .nav-links {
    background: linear-gradient(
      160deg,
      rgba(var(--a-e3def6,227,222,246),0.97) 0%,
      rgba(var(--a-eeedf7,238,237,247),0.98) 50%,
      rgba(var(--a-ebe4f5,235,228,245),0.97) 100%
    );
    border: 1px solid rgba(28,27,34,0.09);
    border-top-color: rgba(28,27,34,0.15);
    box-shadow: 0 20px 50px rgba(28,27,34,0.121),
      0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.072),
      inset 0 1px 0 rgba(255,255,255,0.14);
  }
  html[data-theme="light"] .nav-link.active {
    background: rgba(var(--a-a855f7,168,85,247),0.18);
    border: 1px solid rgba(var(--a-a855f7,168,85,247),0.22);
  }
}
html[data-theme="light"] .eye-icon {
  color: var(--text-3);
}
html[data-theme="light"] #nav-logged-in-user {
  color: var(--text-2);
}
html[data-theme="light"] .auth-overlay[style*="flex"],
html[data-theme="light"] .auth-overlay[style*="block"] {
  background: rgba(28,27,34,0.12);
}
html[data-theme="light"] .auth-dialog {
  background: linear-gradient(160deg,
    rgba(28,27,34,0.025) 0%,
    rgba(var(--a-a855f7,168,85,247),0.06) 40%,
    rgba(28,27,34,0.014) 100%);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.21);
  border-bottom-color: rgba(28,27,34,0.045);
  box-shadow: 0 32px 96px rgba(28,27,34,0.176),
    0 8px 24px rgba(28,27,34,0.099),
    0 0 0 0.5px rgba(255,255,255,0.06),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .auth-dialog::before {
  background: none;
}
html[data-theme="light"] .auth-dialog::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.022) 0%, transparent 40%);
}
html[data-theme="light"] .auth-header h2 {
  color: var(--text);
}
html[data-theme="light"] .auth-close-btn {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.09);
  color: var(--text-2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .auth-close-btn:hover {
  background: rgba(28,27,34,0.077);
  border-color: rgba(28,27,34,0.15);
  color: var(--text);
  filter: none;
}
html[data-theme="light"] .auth-input {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text);
  box-shadow: inset 0 1px 3px rgba(28,27,34,0), inset 0 -1px 0 rgba(255,255,255,0.04);
}
html[data-theme="light"] .auth-input:focus {
  border-color: rgba(var(--a-a855f7,168,85,247),0.55);
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 3px rgba(28,27,34,0);
  background: rgba(var(--a-a855f7,168,85,247),0.06);
  outline: none;
}
html[data-theme="light"] .auth-input::placeholder {
  color: var(--text-3);
}
html[data-theme="light"] .password-toggle {
  color: var(--text-3);
}
html[data-theme="light"] .auth-button {
  border: none;
}
html[data-theme="light"] .auth-button-primary {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.82) 0%, rgba(var(--a-a855f7,168,85,247),0.72) 50%, rgba(var(--a-9333ea,147,51,234),0.68) 100%);
  color: white;
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.45);
  box-shadow: 0 4px 24px rgba(var(--a-a855f7,168,85,247),0.12), inset 0 1px 0 rgba(255,255,255,0.25);
}
html[data-theme="light"] .auth-button-primary::before {
  background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, transparent 100%);
}
html[data-theme="light"] .auth-button-primary:hover {
  background: linear-gradient(160deg, rgba(var(--a-c878ff,200,120,255),0.92) 0%, rgba(var(--a-b964ff,185,100,255),0.82) 50%, rgba(var(--a-a855f7,168,85,247),0.78) 100%);
  box-shadow: 0 8px 32px rgba(var(--a-a855f7,168,85,247),0.168), inset 0 1px 0 rgba(255,255,255,0.3);
  filter: none;
}
html[data-theme="light"] .auth-button-secondary {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .auth-button-secondary:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.12);
  color: var(--text);
  filter: none;
}
html[data-theme="light"] .auth-link {
  color: var(--primary);
}
html[data-theme="light"] .auth-text {
  color: var(--text-2);
}
html[data-theme="light"] .auth-loader {
  border: 2px solid var(--glass-border);
  border-top-color: var(--primary);
}
html[data-theme="light"] .verification-box {
  background: var(--glass-inset);
  border: 1px solid var(--glass-border);
  color: var(--text);
}
html[data-theme="light"] .verification-box:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-glass);
}
html[data-theme="light"] .vf-icon {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.154), rgba(28,27,34,0) 60%), linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-9333ea,147,51,234)));
  border: 1px solid rgba(28,27,34,0.165);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35), 0 10px 24px -10px rgba(var(--a-a855f7,168,85,247),0.54);
}
html[data-theme="light"] .vf-icon::after {
  background: rgb(34,197,94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px no-repeat;
  border: 2px solid rgb(var(--a-c0bbd4,192,187,212));
}
html[data-theme="light"] .vf-sent-label {
  color: var(--text-2);
}
html[data-theme="light"] .vf-mail {
  color: var(--text);
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.09);
}
html[data-theme="light"] .vf-edit {
  color: var(--primary);
  background: none;
  border: 1px solid transparent;
}
html[data-theme="light"] .vf-edit:hover,
html[data-theme="light"] .vf-edit:focus-visible {
  background: rgba(var(--a-a855f7,168,85,247),0.12);
  border-color: rgba(var(--a-a855f7,168,85,247),0.3);
}
html[data-theme="light"] .vf-typo {
  color: rgb(91,76,0);
  background: rgba(250,204,21,0.1);
  border: 1px solid rgba(198,160,0,0.28);
}
html[data-theme="light"] .vf-typo-btn {
  border: 0;
  background: none;
  color: rgb(6,6,6);
}
html[data-theme="light"] .vf-typo-btn b {
  color: rgb(91,76,0);
}
html[data-theme="light"] .vf-help {
  color: var(--text-2);
}
html[data-theme="light"] .hero-badge {
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.15), rgba(var(--a-c084fc,192,132,252),0.08));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.25);
  border-top-color: rgba(28,27,34,0.105);
  color: var(--purple-4);
  box-shadow: 0 2px 16px rgba(var(--a-a855f7,168,85,247),0.06), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .hero-title {
  color: var(--text);
}
html[data-theme="light"] .gradient-text {
  background: linear-gradient(135deg, rgb(var(--a-bf7fff,191,127,255)) 0%, rgb(var(--a-a855f7,168,85,247)) 35%, rgb(var(--a-d8b4fe,216,180,254)) 65%, rgb(var(--a-c084fc,192,132,252)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .hero-description {
  color: var(--text-2);
}
html[data-theme="light"] .cta-button {
  border: none;
}
html[data-theme="light"] .cta-button.primary {
  background: linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 60%, rgb(var(--a-c084fc,192,132,252)) 100%);
  color: white;
  box-shadow: 0 4px 28px rgba(var(--a-a855f7,168,85,247),0.15), inset 0 1px 0 rgba(255,255,255,0.25);
  border: 1px solid rgba(28,27,34,0.112);
  text-shadow: 0 1px 3px rgba(28,27,34,0.044);
}
html[data-theme="light"] .cta-button.primary:hover {
  background: linear-gradient(135deg, rgb(var(--a-b370f9,179,112,249)) 0%, rgb(var(--a-9333ea,147,51,234)) 60%, rgb(var(--a-c084fc,192,132,252)) 100%);
  box-shadow: 0 10px 40px rgba(var(--a-a855f7,168,85,247),0.18), inset 0 1px 0 rgba(255,255,255,0.3);
}
html[data-theme="light"] .cta-button.secondary {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--text-2);
}
html[data-theme="light"] .cta-button.secondary:hover {
  background: var(--glass-hover);
  color: var(--text);
}
html[data-theme="light"] .feature-pill {
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.1), rgba(28,27,34,0.014));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.18);
  border-top-color: rgba(28,27,34,0.09);
  color: var(--text-2);
  box-shadow: 0 2px 10px rgba(28,27,34,0.066), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .feature-pill svg {
  color: var(--primary);
}
html[data-theme="light"] .stat-item {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.055) 0%, rgba(28,27,34,0.009) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.16);
  border-top-color: rgba(28,27,34,0.12);
  box-shadow: 0 4px 20px rgba(28,27,34,0.088), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .stat-item:hover {
  background: linear-gradient(160deg, rgba(28,27,34,0.055) 0%, rgba(28,27,34,0.028) 100%);
  box-shadow: 0 8px 32px rgba(28,27,34,0.099), inset 0 1px 0 rgba(255,255,255,0.15);
}
html[data-theme="light"] .stat-number {
  color: var(--text);
}
html[data-theme="light"] .stat-label {
  color: var(--text-3);
}
html[data-theme="light"] .section-divider-line {
  background: none;
}
html[data-theme="light"] .section-divider-label {
  background: linear-gradient(135deg,
    rgba(var(--a-a855f7,168,85,247),0.18) 0%,
    rgba(var(--a-c084fc,192,132,252),0.1) 50%,
    rgba(var(--a-a855f7,168,85,247),0.14) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.32);
  border-top-color: rgba(28,27,34,0.195);
  border-bottom-color: rgba(var(--a-a855f7,168,85,247),0.16);
  color: rgb(var(--a-634182,99,65,130));
  box-shadow: 0 2px 16px rgba(var(--a-a855f7,168,85,247),0.06),
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .section-divider-label::before {
  background: none;
}
html[data-theme="light"] #app-section {
  background: linear-gradient(160deg,
    rgba(var(--a-a855f7,168,85,247),0.065) 0%,
    rgba(28,27,34,0.01) 50%,
    rgba(var(--a-c084fc,192,132,252),0.04) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.16);
  border-top-color: rgba(28,27,34,0.105);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.036),
    0 20px 60px rgba(28,27,34,0.132),
    inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] #app-section::before {
  background: none;
}
html[data-theme="light"] #app-section img {
  box-shadow: 0 8px 24px rgba(28,27,34,0.088);
}
html[data-theme="light"] #app-section p {
  color: var(--text-2);
}
html[data-theme="light"] .fast-scan-btn {
  background: var(--accent-glass);
  border: 1px solid rgba(var(--a-bf5af2,191,90,242),0.35);
  color: rgb(var(--a-78309d,120,48,157));
}
html[data-theme="light"] .fast-scan-btn:hover {
  background: rgba(var(--a-bf5af2,191,90,242),0.35);
  filter: none;
  box-shadow: 0 4px 20px rgba(var(--a-bf5af2,191,90,242),0.18);
}
html[data-theme="light"] #letter-select {
  background: transparent;
  border: none;
  box-shadow: none;
}
html[data-theme="light"] .lp-shell {
  background: linear-gradient(160deg,
    rgba(var(--a-a855f7,168,85,247),0.1) 0%,
    rgba(28,27,34,0.013) 45%,
    rgba(var(--a-c084fc,192,132,252),0.058) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.2);
  border-top-color: rgba(28,27,34,0.128);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.042),
    0 8px 48px rgba(28,27,34,0.114),
    inset 0 1px 0 rgba(255,255,255,0.13),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .lp-shell::before {
  background: none;
}
html[data-theme="light"] .lp-preview {
  background: linear-gradient(145deg, rgba(var(--a-a855f7,168,85,247),0.38), rgba(var(--a-9333ea,147,51,234),0.22));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.55);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.108),
    inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .lp-preview-letter {
  color: rgb(6,6,6);
  text-shadow: none;
}
html[data-theme="light"] .lp-progress-label {
  color: var(--text-3);
}
html[data-theme="light"] .lp-progress-track {
  background: rgba(var(--a-a855f7,168,85,247),0.1);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .lp-progress-fill {
  background: linear-gradient(90deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-c084fc,192,132,252)), rgb(var(--a-c084fc,192,132,252)));
  background-size: 200% 100%;
  box-shadow: none;
}
html[data-theme="light"] .lp-progress-count {
  color: var(--purple-2);
}
html[data-theme="light"] .lp-tabs {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.068);
  border-top-color: rgba(28,27,34,0.105);
  box-shadow: inset 0 1px 3px rgba(28,27,34,0), inset 0 -1px 0 rgba(255,255,255,0.04);
}
html[data-theme="light"] .lp-tab-indicator {
  background: linear-gradient(135deg,
    rgba(var(--a-a855f7,168,85,247),0.22) 0%,
    rgba(var(--a-c084fc,192,132,252),0.14) 50%,
    rgba(var(--a-a855f7,168,85,247),0.18) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.38);
  border-top-color: rgba(28,27,34,0.225);
  border-bottom-color: rgba(var(--a-a855f7,168,85,247),0.2);
  box-shadow: 0 2px 16px rgba(var(--a-a855f7,168,85,247),0.066),
    0 1px 4px rgba(28,27,34,0.04),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .lp-tab-indicator::before {
  background: none;
}
html[data-theme="light"] .lp-tab {
  border: none;
  background: transparent;
  color: var(--text-3);
}
html[data-theme="light"] .lp-tab-active {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .lp-tab:hover:not(.lp-tab-active) {
  color: var(--text-2);
}
html[data-theme="light"] .lp-grid::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme="light"] .lp-grid::-webkit-scrollbar-thumb {
  background: rgba(var(--a-a855f7,168,85,247),0.28);
}
html[data-theme="light"] .lp-pill {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.052) 0%,
    rgba(28,27,34,0.023) 100%);
  border: 1px solid rgba(28,27,34,0.083);
  border-bottom-color: rgba(28,27,34,0.09);
  color: var(--text);
  box-shadow: 0 1px 0 rgba(28,27,34,0.077),
    0 2px 6px rgba(28,27,34,0.048),
    inset 0 1px 0 rgba(255,255,255,0.13);
}
html[data-theme="light"] .lp-pill:hover {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.083) 0%,
    rgba(28,27,34,0.039) 100%);
  border-color: rgba(28,27,34,0.15);
  box-shadow: 0 5px 14px rgba(28,27,34,0.077), inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .lp-pill.lp-selected {
  background: linear-gradient(145deg,
    rgba(var(--a-a855f7,168,85,247),0.54) 0%,
    rgba(var(--a-9333ea,147,51,234),0.34) 100%) !important;
  border-color: rgba(var(--a-a855f7,168,85,247),0.72) !important;
  color: rgb(6,6,6) !important;
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.228),
    0 4px 10px rgba(28,27,34,0.084),
    inset 0 1px 0 rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] .lp-pill.lp-saved {
  background: linear-gradient(160deg,
    rgba(52,211,122,0.22) 0%,
    rgba(16,185,129,0.13) 100%) !important;
  border-color: rgba(0,163,87,0.45) !important;
  color: rgb(0,95,53) !important;
  box-shadow: 0 1px 0 rgba(28,27,34,0.077),
    0 2px 8px rgba(52,211,122,0.18),
    inset 0 1px 0 rgba(52,211,122,0.25) !important;
}
html[data-theme="light"] .lp-pill.lp-saved:hover {
  background: linear-gradient(160deg,
    rgba(52,211,122,0.32) 0%,
    rgba(16,185,129,0.2) 100%) !important;
  border-color: rgba(0,163,87,0.65) !important;
  box-shadow: 0 5px 16px rgba(52,211,122,0.3), inset 0 1px 0 rgba(52,211,122,0.3) !important;
}
html[data-theme="light"] .lp-pill.lp-saved::after {
  color: rgb(0,106,54);
  text-shadow: none;
}
html[data-theme="light"] .lp-pill.lp-selected.lp-saved {
  background: linear-gradient(145deg,
    rgba(var(--a-a855f7,168,85,247),0.54) 0%,
    rgba(var(--a-9333ea,147,51,234),0.34) 100%) !important;
  border-color: rgba(var(--a-a855f7,168,85,247),0.72) !important;
  color: rgb(6,6,6) !important;
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.228),
    0 4px 10px rgba(28,27,34,0.084),
    inset 0 1px 0 rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] .lp-pill.lp-selected.lp-saved::after {
  color: rgba(6,6,6,0.85);
  text-shadow: 0 0 5px rgba(255,255,255,0.6);
}
html[data-theme="light"] .show-more-link:hover {
  color: rgb(var(--a-7731b8,119,49,184));
  filter: none;
  background: transparent;
}
html[data-theme="light"] #saved-letters-container {
  background: linear-gradient(155deg, rgba(var(--a-a855f7,168,85,247),0.04), rgba(28,27,34,0.007));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.12);
  border-top-color: rgba(28,27,34,0.068);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
html[data-theme="light"] #saved-letters-container h2 {
  color: var(--text-2);
}
html[data-theme="light"] #saved-letters img {
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] .canvas-section {
  background: linear-gradient(170deg, rgba(var(--a-a855f7,168,85,247),0.05) 0%, rgba(28,27,34,0.008) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.14);
  border-top-color: rgba(28,27,34,0.09);
  box-shadow: 0 4px 24px rgba(28,27,34,0.084), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .canvas-wrapper {
  background: transparent;
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.3);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.084),
    0 8px 40px rgba(28,27,34,0.121),
    inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] .canvas-wrapper:hover {
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.132),
    0 10px 44px rgba(28,27,34,0.128),
    inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .canvas-wrapper canvas {
  background: transparent !important;
}
html[data-theme="light"] .canvas-info {
  color: var(--text-3);
}
html[data-theme="light"] .canvas-header-label {
  color: var(--text-3);
  background: rgba(var(--a-a855f7,168,85,247),0.08);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.18);
}
html[data-theme="light"] .canvas-btn {
  border: 1px solid rgba(28,27,34,0.09);
  color: rgb(6,6,6);
  box-shadow: 0 4px 16px rgba(28,27,34,0.077), inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .canvas-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, transparent 100%);
}
html[data-theme="light"] .canvas-btn-clear {
  background: linear-gradient(160deg, rgba(255,69,58,0.22) 0%, rgba(200,30,20,0.12) 100%);
  border-color: rgba(255,69,58,0.35);
  color: rgb(180,0,8);
  box-shadow: 0 4px 16px rgba(255,69,58,0.108), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .canvas-btn-clear::before {
  background: none;
}
html[data-theme="light"] .canvas-btn-clear:hover {
  background: linear-gradient(160deg, rgba(255,69,58,0.35) 0%, rgba(200,30,20,0.22) 100%);
  border-color: rgba(255,69,58,0.58);
  box-shadow: 0 6px 22px rgba(255,69,58,0.168), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(28,27,34,0);
  filter: none;
}
html[data-theme="light"] .canvas-btn-save {
  background: linear-gradient(160deg, rgba(48,209,88,0.22) 0%, rgba(30,160,60,0.12) 100%);
  border-color: rgba(0,160,57,0.35);
  color: rgb(0,107,36);
  box-shadow: 0 4px 16px rgba(48,209,88,0.18), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .canvas-btn-save::before {
  background: none;
}
html[data-theme="light"] .canvas-btn-save:hover {
  background: linear-gradient(160deg, rgba(48,209,88,0.35) 0%, rgba(30,160,60,0.22) 100%);
  border-color: rgba(0,160,57,0.58);
  box-shadow: 0 6px 22px rgba(48,209,88,0.28), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(28,27,34,0);
  filter: none;
}
html[data-theme="light"] .brush-controls {
  background: var(--glass-inset);
  border: 1px solid var(--glass-border);
}
html[data-theme="light"] .brush-label {
  color: var(--text-2);
}
html[data-theme="light"] .brush-preview {
  background: var(--text);
}
html[data-theme="light"] .brush-btn {
  border: 1px solid rgba(28,27,34,0.075);
  background: rgba(28,27,34,0.033);
  color: var(--text-2);
  box-shadow: 0 2px 8px rgba(28,27,34,0.033), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .brush-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, transparent 100%);
}
html[data-theme="light"] .brush-btn:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.12);
  color: var(--text);
  filter: none;
  box-shadow: 0 4px 12px rgba(28,27,34,0.044), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .brush-btn:nth-child(1) {
  background: linear-gradient(160deg, rgba(48,209,88,0.22) 0%, rgba(30,160,60,0.12) 100%);
  border-color: rgba(0,160,57,0.35);
  color: rgb(0,107,36);
  box-shadow: 0 2px 8px rgba(48,209,88,0.15), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .brush-btn:nth-child(1):hover {
  background: linear-gradient(160deg, rgba(48,209,88,0.35) 0%, rgba(30,160,60,0.22) 100%);
  border-color: rgba(0,160,57,0.58);
  box-shadow: 0 4px 16px rgba(48,209,88,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .brush-btn:nth-child(2) {
  background: linear-gradient(160deg, rgba(255,69,58,0.22) 0%, rgba(200,30,20,0.12) 100%);
  border-color: rgba(255,69,58,0.35);
  color: rgb(180,0,8);
  box-shadow: 0 2px 8px rgba(255,69,58,0.09), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .brush-btn:nth-child(2):hover {
  background: linear-gradient(160deg, rgba(255,69,58,0.35) 0%, rgba(200,30,20,0.22) 100%);
  border-color: rgba(255,69,58,0.58);
  box-shadow: 0 4px 16px rgba(255,69,58,0.168), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .brush-btn:nth-child(3) {
  background: linear-gradient(160deg, rgba(10,132,255,0.22) 0%, rgba(0,90,200,0.12) 100%);
  border-color: rgba(10,132,255,0.35);
  color: rgb(0,94,168);
  box-shadow: 0 2px 8px rgba(10,132,255,0.09), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .brush-btn:nth-child(3):hover {
  background: linear-gradient(160deg, rgba(10,132,255,0.35) 0%, rgba(0,90,200,0.22) 100%);
  border-color: rgba(10,132,255,0.58);
  box-shadow: 0 4px 16px rgba(10,132,255,0.168), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] #pdf-section {
  background: linear-gradient(160deg,
    rgba(var(--a-a855f7,168,85,247),0.06) 0%,
    rgba(28,27,34,0.009) 55%,
    rgba(var(--a-c084fc,192,132,252),0.03) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.15);
  border-top-color: rgba(28,27,34,0.098);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.03),
    0 16px 56px rgba(28,27,34,0.128),
    inset 0 1px 0 rgba(255,255,255,0.11),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] #userText {
  background: var(--glass-inset) !important;
  border: 1px solid var(--glass-border);
  color: var(--text);
}
html[data-theme="light"] #userText:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-glass);
  outline: none;
}
html[data-theme="light"] #userText::placeholder {
  color: var(--text-4);
}
html[data-theme="light"] .char-counter {
  color: var(--text-3);
}
html[data-theme="light"] .btn-clear-text {
  color: var(--text-3);
  background: rgba(28,27,34,0.021);
  border: 1px solid rgba(28,27,34,0.061);
  border-top-color: rgba(28,27,34,0.105);
  box-shadow: 0 2px 6px rgba(28,27,34,0.04),
    inset 0 1px 0 rgba(255,255,255,0.1),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .btn-clear-text::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, transparent 100%);
}
html[data-theme="light"] .btn-clear-text:hover {
  background: rgba(255,69,58,0.18);
  border-color: rgba(255,69,58,0.38);
  border-top-color: rgba(205,75,71,0.45);
  color: rgb(163,32,33);
  box-shadow: 0 3px 12px rgba(255,69,58,0.132),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .btn-text-hist:hover:not(:disabled) {
  background: rgba(var(--a-a855f7,168,85,247),0.18);
  border-color: rgba(var(--a-a855f7,168,85,247),0.38);
  border-top-color: rgba(var(--a-9458cc,148,88,204),0.45);
  color: rgb(var(--a-574568,87,69,104));
  box-shadow: 0 3px 12px rgba(var(--a-a855f7,168,85,247),0.066), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .btn-text-hist:disabled:hover {
  background: rgba(28,27,34,0.021);
  border-color: rgba(28,27,34,0.061);
  color: var(--text-3);
  box-shadow: none;
}
html[data-theme="light"] .pdf-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.044) 0%, transparent 100%);
}
html[data-theme="light"] .pdf-btn-bg {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.09);
  color: var(--text-2);
  box-shadow: 0 2px 8px rgba(28,27,34,0.04), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .pdf-btn-bg:hover {
  background: rgba(28,27,34,0.066);
  border-color: rgba(28,27,34,0.15);
  color: var(--text);
  filter: none;
  box-shadow: 0 4px 14px rgba(28,27,34,0.057), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .pdf-btn-generate {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.8) 0%, rgba(var(--a-a855f7,168,85,247),0.7) 50%, rgba(var(--a-9333ea,147,51,234),0.65) 100%);
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.5);
  border-top-color: rgba(28,27,34,0.165);
  color: white;
  box-shadow: 0 4px 20px rgba(var(--a-a855f7,168,85,247),0.114), inset 0 1px 0 rgba(255,255,255,0.26);
}
html[data-theme="light"] .pdf-btn-generate:hover {
  background: linear-gradient(160deg, rgba(var(--a-c878ff,200,120,255),0.9) 0%, rgba(var(--a-b964ff,185,100,255),0.8) 50%, rgba(var(--a-a855f7,168,85,247),0.75) 100%);
  box-shadow: 0 8px 28px rgba(var(--a-a855f7,168,85,247),0.156), inset 0 1px 0 rgba(255,255,255,0.3);
  filter: none;
}
html[data-theme="light"] .pdf-placeholder {
  background: var(--glass-inset);
  border: 1px dashed var(--glass-border);
}
html[data-theme="light"] .pdf-placeholder-text {
  color: var(--text-4);
}
html[data-theme="light"] #generation-canvas-container {
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-glass) !important;
  background: rgb(255,255,255) !important;
}
html[data-theme="light"] #pdf-gen-overlay {
  background: rgba(var(--a-f0f0f6,240,240,246),0.72);
}
html[data-theme="light"] .gen-spinner {
  border: 2px solid rgba(var(--a-a855f7,168,85,247),0.18);
  border-top-color: var(--purple-1);
  border-right-color: var(--purple-3);
  box-shadow: none;
}
html[data-theme="light"] .gen-step-text {
  color: var(--text-2);
}
html[data-theme="light"] .gen-percent {
  color: var(--text);
}
html[data-theme="light"] .gen-bar-track {
  background: rgba(28,27,34,0.05);
}
html[data-theme="light"] .gen-bar-fill {
  background: linear-gradient(90deg, var(--purple-1), var(--purple-3));
  box-shadow: none;
}
html[data-theme="light"] .gen-bar-fill::after {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.248), transparent);
}
html[data-theme="light"] .page-nav-btn {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--text-2);
}
html[data-theme="light"] .page-nav-btn:hover {
  background: var(--glass-hover);
  color: var(--text);
  filter: none;
}
html[data-theme="light"] #page-info {
  color: var(--text-3);
}
html[data-theme="light"] #download-pdf-button {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.8) 0%, rgba(var(--a-a855f7,168,85,247),0.7) 50%, rgba(var(--a-9333ea,147,51,234),0.65) 100%) !important;
  color: white !important;
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.5) !important;
  border-top-color: rgba(28,27,34,0.165) !important;
  box-shadow: 0 4px 20px rgba(var(--a-a855f7,168,85,247),0.114), inset 0 1px 0 rgba(255,255,255,0.26) !important;
}
html[data-theme="light"] #download-pdf-button::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, transparent 100%);
}
html[data-theme="light"] #download-pdf-button:hover {
  background: linear-gradient(160deg, rgba(var(--a-c878ff,200,120,255),0.9) 0%, rgba(var(--a-b964ff,185,100,255),0.8) 50%, rgba(var(--a-a855f7,168,85,247),0.75) 100%) !important;
  box-shadow: 0 8px 28px rgba(var(--a-a855f7,168,85,247),0.156), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  filter: none !important;
}
html[data-theme="light"] #text-info-button,
html[data-theme="light"] #history-button {
  background: var(--glass) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-2) !important;
}
html[data-theme="light"] #text-info-button:hover,
html[data-theme="light"] #history-button:hover {
  background: var(--glass-hover) !important;
  color: var(--text) !important;
  filter: none;
}
html[data-theme="light"] #settings-section {
  background: linear-gradient(160deg,
    rgba(var(--a-a855f7,168,85,247),0.062) 0%,
    rgba(28,27,34,0.009) 55%,
    rgba(var(--a-c084fc,192,132,252),0.032) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.16);
  border-top-color: rgba(28,27,34,0.098);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.03),
    0 16px 56px rgba(28,27,34,0.128),
    inset 0 1px 0 rgba(255,255,255,0.11),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .settings-btn-item {
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.25);
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.14) 0%, rgba(var(--a-c084fc,192,132,252),0.07) 100%);
  color: var(--purple-4);
  box-shadow: 0 2px 8px rgba(28,27,34,0.033), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .settings-btn-item::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.044) 0%, transparent 100%);
}
html[data-theme="light"] .settings-btn-item:hover {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.25) 0%, rgba(var(--a-c084fc,192,132,252),0.15) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.48);
  box-shadow: 0 6px 20px rgba(var(--a-a855f7,168,85,247),0.084), inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] #reset-settings-button {
  background: linear-gradient(135deg, rgba(255,69,58,0.22), rgba(200,30,20,0.12));
  border-color: rgba(255,69,58,0.35);
  color: rgb(180,0,8);
}
html[data-theme="light"] #reset-settings-button:hover {
  background: linear-gradient(135deg, rgba(255,69,58,0.35), rgba(200,30,20,0.22));
  border-color: rgba(255,69,58,0.58);
  box-shadow: 0 4px 16px rgba(255,69,58,0.168);
}
html[data-theme="light"] .color-picker-wrapper {
  background: var(--glass-inset);
  border: 1px solid var(--glass-border);
}
html[data-theme="light"] .color-picker-wrapper label {
  color: var(--text-2);
}
html[data-theme="light"] input[type="color"] {
  border: none;
  background: none;
}
html[data-theme="light"] input[type="color"]::-webkit-color-swatch {
  border: none;
}
html[data-theme="light"] .slider-container {
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.04), rgba(28,27,34,0.007));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.11);
}
html[data-theme="light"] .slider-container:hover {
  border-color: rgba(var(--a-a855f7,168,85,247),0.22);
}
html[data-theme="light"] .slider-label-text {
  color: var(--text-2);
}
html[data-theme="light"] .slider-value {
  color: var(--purple-4);
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.22), rgba(var(--a-c084fc,192,132,252),0.12));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.25);
}
html[data-theme="light"] .faq-item {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.045), rgba(28,27,34,0.008));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.12);
  border-top-color: rgba(28,27,34,0.075);
}
html[data-theme="light"] .faq-item.active {
  border-color: var(--primary-border);
  background: rgba(10,132,255,0.06);
}
html[data-theme="light"] .faq-question h3 {
  color: var(--text);
}
html[data-theme="light"] .faq-toggle {
  color: var(--primary);
}
html[data-theme="light"] .faq-answer p {
  color: var(--text-2);
}
html[data-theme="light"] .redirect-button {
  color: var(--text-2);
}
html[data-theme="light"] .redirect-button:hover {
  color: var(--text-2);
  background: var(--glass);
}
html[data-theme="light"] .feedback-overlay {
  background: rgba(var(--a-f3f3fa,243,243,250),0.62);
}
html[data-theme="light"] .feedback-container {
  background: linear-gradient(175deg,
      rgba(28,27,34,0.04) 0%,
      rgba(var(--a-a855f7,168,85,247),0.1)  18%,
      rgba(var(--a-f0eff9,240,239,249),0.88)      48%,
      rgba(var(--a-a855f7,168,85,247),0.055) 100%);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.195);
  border-bottom: none;
  box-shadow: 0 -8px 80px rgba(28,27,34,0.158),

    0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.06),

    inset 0 1.5px 0 rgba(255,255,255,0.2),

    inset 0 -1px 0 rgba(28,27,34,0),

    inset 1px 0 0 rgba(255,255,255,0.05),
    inset -1px 0 0 rgba(255,255,255,0.05);
}
@media (min-width: 600px) {
  html[data-theme="light"] .feedback-container {
    border-bottom: 1px solid rgba(28,27,34,0.068);
  }
}
html[data-theme="light"] .feedback-container::before {
  background: none;
}
html[data-theme="light"] .feedback-container::after {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.03) 0%,
    rgba(28,27,34,0.008) 60%,
    transparent 100%);
}
html[data-theme="light"] .feedback-handle {
  background: rgba(28,27,34,0.121);
}
html[data-theme="light"] .fb-tabs {
  background: rgba(28,27,34,0.029);
  border: 1px solid rgba(28,27,34,0.068);
  border-top-color: rgba(28,27,34,0.12);
  box-shadow: inset 0 1px 0 rgba(28,27,34,0), 0 1px 0 rgba(255,255,255,0.04);
}
html[data-theme="light"] .fb-tab {
  color: rgba(11,11,12,0.48);
  background: none;
  border: none;
}
html[data-theme="light"] .fb-tab.active {
  color: rgb(6,6,6);
}
html[data-theme="light"] .fb-indicator {
  background: linear-gradient(
    145deg,
    rgba(var(--a-a855f7,168,85,247),0.52) 0%,
    rgba(var(--a-c084fc,192,132,252),0.38) 40%,
    rgba(var(--a-a855f7,168,85,247),0.44) 100%
  );
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.5);
  border-top-color: rgba(28,27,34,0.285);
  border-bottom-color: rgba(var(--a-a855f7,168,85,247),0.28);
  box-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.132),
    0 3px 16px rgba(var(--a-a855f7,168,85,247),0.108),
    0 1px 4px rgba(28,27,34,0.044),
    inset 0 1px 0 rgba(255,255,255,0.35),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .fb-indicator::before {
  background: linear-gradient(90deg,
    transparent,
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.85),
    rgba(255,255,255,0.6),
    transparent
  );
}
html[data-theme="light"] .fb-indicator::after {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.099) 0%,
    rgba(28,27,34,0) 100%
  );
}
html[data-theme="light"] .fb-write-title {
  background: linear-gradient(135deg, rgb(var(--a-634182,99,65,130)) 0%, rgb(var(--a-634182,99,65,130)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .fb-close-btn {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.165);
  color: rgba(11,11,12,0.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 2px 8px rgba(28,27,34,0.062);
}
html[data-theme="light"] .fb-close-btn:hover {
  background: rgba(28,27,34,0.083);
  color: rgb(6,6,6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 4px 12px rgba(28,27,34,0.07);
}
html[data-theme="light"] .fb-subtitle {
  color: rgba(11,11,12,0.42);
}
html[data-theme="light"] .fb-star {
  color: rgba(6,6,6,0.1);
}
html[data-theme="light"] .fb-star.active {
  color: rgb(95,78,0);
  filter: none;
}
html[data-theme="light"] #feedback-text {
  background: rgba(28,27,34,0.021);
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.045);
  color: var(--text);
  box-shadow: inset 0 2px 6px rgba(28,27,34,0),
    inset 0 1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] #feedback-text::placeholder {
  color: rgba(11,11,12,0.26);
}
html[data-theme="light"] #feedback-text:focus {
  border-color: rgba(var(--a-a855f7,168,85,247),0.58);
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.084),
    inset 0 2px 6px rgba(28,27,34,0),
    inset 0 1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .btn-cancel {
  background: rgba(28,27,34,0.037);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.135);
  color: rgba(11,11,12,0.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 8px rgba(28,27,34,0.053);
}
html[data-theme="light"] .btn-cancel:hover {
  background: rgba(28,27,34,0.061);
  color: rgb(6,6,6);
  filter: none;
}
html[data-theme="light"] .btn-submit {
  background: linear-gradient(140deg,
    rgba(var(--a-a855f7,168,85,247),0.92) 0%,
    rgba(var(--a-9333ea,147,51,234),0.78) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.55);
  border-top-color: rgba(28,27,34,0.18);
  color: white;
  box-shadow: 0 4px 24px rgba(var(--a-a855f7,168,85,247),0.126),
    inset 0 1.5px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .btn-submit:hover:not(:disabled) {
  filter: brightness(1.1);
  box-shadow: 0 8px 32px rgba(var(--a-a855f7,168,85,247),0.168),
    inset 0 1.5px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .fb-reviews-title {
  background: linear-gradient(135deg, rgb(var(--a-634182,99,65,130)) 0%, rgb(var(--a-634182,99,65,130)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .average-rating {
  background: rgba(var(--a-a855f7,168,85,247),0.1);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.22);
  border-top-color: rgba(28,27,34,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 -1px 0 rgba(28,27,34,0),
    0 4px 24px rgba(var(--a-a855f7,168,85,247),0.042);
}
html[data-theme="light"] .average-rating::before {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.22), transparent);
}
html[data-theme="light"] .average-rating-label {
  color: rgba(11,11,12,0.38);
}
html[data-theme="light"] .average-rating-stars {
  color: rgb(95,78,0);
  filter: none;
}
html[data-theme="light"] .average-rating-number {
  background: linear-gradient(135deg, rgb(var(--a-d8b4fe,216,180,254)) 0%, rgb(var(--a-d8b4fe,216,180,254)) 55%, rgb(var(--a-c084fc,192,132,252)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .average-rating-count {
  color: rgba(11,11,12,0.36);
}
html[data-theme="light"] .feedback-item {
  background: rgba(28,27,34,0.023);
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}
html[data-theme="light"] .feedback-item:hover {
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] .feedback-username {
  color: rgba(11,11,12,0.52);
}
html[data-theme="light"] .feedback-stars {
  color: rgb(95,78,0);
  filter: none;
}
html[data-theme="light"] .feedback-comment {
  color: rgba(11,11,12,0.78);
}
html[data-theme="light"] .feedback-date {
  color: rgba(11,11,12,0.28);
}
html[data-theme="light"] .no-feedbacks {
  color: rgba(11,11,12,0.32);
}
html[data-theme="light"] .fb-own-tag {
  color: rgb(var(--a-7335a7,115,53,167));
  background: rgba(var(--a-a855f7,168,85,247),0.16);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.3);
}
html[data-theme="light"] .fb-react-chip {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.075);
  color: rgba(11,11,12,0.7);
}
html[data-theme="light"] .fb-react-chip:hover {
  background: rgba(28,27,34,0.055);
}
html[data-theme="light"] .fb-react-chip.mine {
  background: rgba(var(--a-a855f7,168,85,247),0.2);
  border-color: rgba(var(--a-a855f7,168,85,247),0.55);
  color: rgb(var(--a-7335a7,115,53,167));
  box-shadow: none;
}
html[data-theme="light"] .fb-react-add {
  background: transparent;
  border: 1px dashed rgba(28,27,34,0.12);
  color: rgba(11,11,12,0.42);
}
html[data-theme="light"] .fb-react-add:hover,
html[data-theme="light"] .fb-reactions.open .fb-react-add {
  color: var(--text, rgb(11,11,12));
  background: rgba(28,27,34,0.044);
  border-color: rgba(28,27,34,0.21);
}
html[data-theme="light"] .fb-react-tray {
  background: rgba(229,229,232,0.72);
  border: 1px solid rgba(28,27,34,0.105);
  box-shadow: 0 6px 20px rgba(28,27,34,0.077), inset 0 1px 0 rgba(255,255,255,0.08);
}
html[data-theme="light"] .fb-react-pick {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .fb-react-pick:hover {
  background: rgba(28,27,34,0.044);
}
html[data-theme="light"] .fb-reply {
  background: linear-gradient(135deg,
    rgba(var(--a-a855f7,168,85,247),0.1) 0%,
    rgba(var(--a-c084fc,192,132,252),0.07) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.28);
  border-top-color: rgba(28,27,34,0.105);
}
html[data-theme="light"] .fb-reply::before {
  background: linear-gradient(180deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-c084fc,192,132,252)));
}
html[data-theme="light"] .fb-reply-badge {
  background: rgba(var(--a-a855f7,168,85,247),0.2);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.38);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .fb-reply-badge-dot {
  background: rgb(var(--a-a855f7,168,85,247));
  box-shadow: none;
}
html[data-theme="light"] .fb-reply-author {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .fb-reply-date {
  color: rgba(11,11,12,0.28);
}
html[data-theme="light"] .fb-reply-text {
  color: rgba(11,11,12,0.78);
}
html[data-theme="light"] .fb-reply-textarea {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.28);
  border-top-color: rgba(28,27,34,0.075);
  color: var(--text);
  outline: none;
}
html[data-theme="light"] .fb-reply-textarea:focus {
  border-color: rgba(var(--a-a855f7,168,85,247),0.6);
}
html[data-theme="light"] .fb-reply-textarea::placeholder {
  color: rgba(11,11,12,0.3);
}
html[data-theme="light"] .fb-reply-submit {
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.8), rgba(var(--a-c084fc,192,132,252),0.7));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.5);
  color: #fff;
  box-shadow: 0 2px 12px rgba(var(--a-a855f7,168,85,247),0.084), inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .fb-reply-submit:hover {
  background: linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)), rgba(var(--a-c084fc,192,132,252),0.9));
  box-shadow: 0 4px 18px rgba(var(--a-a855f7,168,85,247),0.126);
}
html[data-theme="light"] .fb-reply-edit-btn {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.09);
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .fb-reply-edit-btn:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.18);
  border-color: rgba(var(--a-a855f7,168,85,247),0.38);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .fb-reply-cancel-btn {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.09);
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .fb-reply-cancel-btn:hover {
  background: rgba(28,27,34,0.055);
  color: var(--text);
}
html[data-theme="light"] .toast {
  background: rgba(var(--a-e8e9f1,232,233,241),0.95);
  border: 1px solid var(--glass-border);
  color: var(--text);
}
html[data-theme="light"] .toast.success {
  border-color: rgba(0,160,57,0.4);
  box-shadow: none;
}
html[data-theme="light"] .toast.error {
  border-color: rgba(255,69,58,0.4);
  box-shadow: none;
}
html[data-theme="light"] .modern-dialog-overlay {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .modern-dialog {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.1) 0%, rgba(28,27,34,0.012) 55%, rgba(var(--a-c084fc,192,132,252),0.06) 100%);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: var(--shadow-float);
}
html[data-theme="light"] .modern-dialog-message {
  color: var(--text-2);
}
html[data-theme="light"] .dialog-btn {
  border: none;
}
html[data-theme="light"] .dialog-btn.primary {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.75) 0%, rgba(var(--a-a855f7,168,85,247),0.65) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.45);
  color: white;
  box-shadow: 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .dialog-btn.primary:hover {
  background: linear-gradient(160deg, rgba(var(--a-c878ff,200,120,255),0.85) 0%, rgba(var(--a-b964ff,185,100,255),0.75) 100%);
  filter: none;
  box-shadow: 0 6px 24px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .dialog-btn.secondary {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .dialog-btn.secondary:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.12);
  color: var(--text);
  filter: none;
}
html[data-theme="light"] .dialog-btn.danger {
  background: linear-gradient(135deg, rgba(255,69,58,0.22), rgba(200,30,20,0.12));
  border: 1px solid rgba(255,69,58,0.35);
  color: rgb(180,0,8);
  box-shadow: 0 2px 8px rgba(255,69,58,0.09), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .dialog-btn.danger:hover {
  background: linear-gradient(135deg, rgba(255,69,58,0.35), rgba(200,30,20,0.22));
  border-color: rgba(255,69,58,0.58);
  filter: none;
  box-shadow: 0 4px 16px rgba(255,69,58,0.168), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .account-settings-dialog {
  background: rgba(28,27,34,0.12);
}
html[data-theme="light"] .account-settings-content {
  background: linear-gradient(160deg,
    rgba(28,27,34,0.036) 0%,
    rgba(var(--a-a855f7,168,85,247),0.08) 50%,
    rgba(28,27,34,0.019) 100%);
  border: 1px solid rgba(28,27,34,0.12);
  border-top-color: rgba(28,27,34,0.21);
  border-bottom-color: rgba(28,27,34,0.053);
  box-shadow: 0 32px 96px rgba(28,27,34,0.172),
    0 8px 24px rgba(28,27,34,0.092),
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .account-settings-content::before {
  background: none;
}
html[data-theme="light"] .close-button {
  color: var(--text-3);
}
html[data-theme="light"] .close-button:hover {
  color: var(--text);
}
html[data-theme="light"] .email-section {
  background: var(--glass-inset);
  border: 1px solid var(--glass-border);
}
html[data-theme="light"] .email-label {
  color: var(--text-3);
}
html[data-theme="light"] .email-value {
  color: var(--text);
}
html[data-theme="light"] .edit-icon {
  color: var(--primary);
}
html[data-theme="light"] .language-section {
  background: var(--glass-inset);
  border: 1px solid var(--glass-border);
}
html[data-theme="light"] .language-section label {
  color: var(--text-2);
}
html[data-theme="light"] .language-select {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  color: var(--text);
}
html[data-theme="light"] .custom-arrow {
  color: var(--text-3);
}
html[data-theme="light"] .action-button {
  background: linear-gradient(160deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0.017) 100%);
  border: 1px solid rgba(28,27,34,0.09);
  color: var(--text-2);
  box-shadow: 0 2px 8px rgba(28,27,34,0.04), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .action-button::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, transparent 100%);
}
html[data-theme="light"] .action-button:hover {
  background: linear-gradient(160deg, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0.033) 100%);
  border-color: rgba(28,27,34,0.15);
  color: var(--text);
  filter: none;
  box-shadow: 0 4px 14px rgba(28,27,34,0.057), inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] .stats-button {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.16) 0%, rgba(var(--a-a855f7,168,85,247),0.07) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.35);
  color: var(--purple-4);
  box-shadow: 0 2px 8px rgba(var(--a-a855f7,168,85,247),0.048), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .stats-button:hover {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.28) 0%, rgba(var(--a-a855f7,168,85,247),0.14) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.55);
  box-shadow: 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.084), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .action-button.danger {
  background: linear-gradient(160deg, rgba(255,69,58,0.22) 0%, rgba(200,30,20,0.12) 100%);
  border-color: rgba(255,69,58,0.35);
  color: rgb(180,0,8);
  box-shadow: 0 2px 8px rgba(255,69,58,0.09), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .action-button.danger:hover {
  background: linear-gradient(160deg, rgba(255,69,58,0.35) 0%, rgba(200,30,20,0.22) 100%);
  border-color: rgba(255,69,58,0.58);
  box-shadow: 0 4px 16px rgba(255,69,58,0.168), inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] .action-button.cancel {
  background: linear-gradient(160deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0.017) 100%);
  border-color: rgba(28,27,34,0.105);
  color: var(--text-3);
}
html[data-theme="light"] .action-button.purple {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.22) 0%, rgba(var(--a-a855f7,168,85,247),0.1) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.4);
  color: var(--purple-4);
  box-shadow: 0 2px 8px rgba(var(--a-a855f7,168,85,247),0.054), inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] .action-button.purple:hover {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.36) 0%, rgba(var(--a-a855f7,168,85,247),0.2) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.58);
  box-shadow: 0 4px 18px rgba(var(--a-a855f7,168,85,247),0.096), inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .fast-scan-overlay {
  background: rgba(28,27,34,0.17);
}
html[data-theme="light"] .background-selector-overlay {
  background: rgba(28,27,34,0.16);
}
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
  outline: none;
}
html[data-theme="light"] #nav-guest-info {
  color: var(--text-3);
  background: var(--glass);
  border: 1px solid var(--glass-border);
}
html[data-theme="light"] #loading-screen {
  background: rgb(var(--a-f1f1f6,241,241,246));
}
html[data-theme="light"] .ls-glow {
  background: none;
}
html[data-theme="light"] .ls-tile::before {
  background: none;
}
html[data-theme="light"] .ls-owl {
  filter: drop-shadow(0 10px 18px rgba(28,27,34,0.099));
}
html[data-theme="light"] .ls-wordmark {
  color: rgb(11,11,12);
}
html[data-theme="light"] .ls-wordmark span {
  background: linear-gradient(120deg, rgb(var(--a-c084fc,192,132,252)) 0%, rgb(var(--a-d8b4fe,216,180,254)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="light"] #ls-pen {
  filter: drop-shadow(0 3px 4px rgba(28,27,34,0.099));
}
html[data-theme="light"] .ls-tagline {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .text-formatting-popup {
  background: linear-gradient(160deg, rgba(28,27,34,0.033) 0%, rgba(var(--a-a855f7,168,85,247),0.07) 50%, rgba(28,27,34,0.017) 100%);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.18);
  border-bottom-color: rgba(28,27,34,0.045);
  box-shadow: var(--shadow-float), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--glass-border);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--glass-border-strong);
}
html[data-theme="light"] .email-input,
html[data-theme="light"] .styled-input {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text);
  box-shadow: inset 0 1px 3px rgba(28,27,34,0), inset 0 -1px 0 rgba(255,255,255,0.04);
}
html[data-theme="light"] .email-input:focus,
html[data-theme="light"] .styled-input:focus {
  border-color: rgba(var(--a-a855f7,168,85,247),0.55);
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 3px rgba(28,27,34,0);
  background: rgba(var(--a-a855f7,168,85,247),0.06);
  outline: none;
}
html[data-theme="light"] .email-input::placeholder,
html[data-theme="light"] .styled-input::placeholder {
  color: var(--text-4);
}
html[data-theme="light"] .email-input[readonly] {
  color: var(--text-3);
}
html[data-theme="light"] .email-change-button {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.52) 0%, rgba(var(--a-a855f7,168,85,247),0.36) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.5);
  color: rgb(6,6,6);
  box-shadow: 0 4px 18px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .email-change-button::before {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.248), transparent);
}
html[data-theme="light"] .email-change-button:hover {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.72) 0%, rgba(var(--a-a855f7,168,85,247),0.54) 100%);
  border-color: rgba(var(--a-a855f7,168,85,247),0.7);
  box-shadow: 0 6px 24px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .email-label {
  color: var(--text-3);
}
html[data-theme="light"] .confirmation-text {
  color: var(--text-2);
}
html[data-theme="light"] .warning-text {
  color: rgba(180,0,8,0.85);
  background: rgba(255,69,58,0.08);
  border: 1px solid rgba(255,69,58,0.22);
}
html[data-theme="light"] #confirm-delete-btn.enabled {
  background: linear-gradient(135deg, rgba(255,69,58,0.22), rgba(200,30,20,0.12));
  border-color: rgba(255,69,58,0.35);
  color: rgb(180,0,8);
  box-shadow: 0 4px 16px rgba(255,69,58,0.108), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .canvas-wrapper canvas {
  background: transparent !important;
}
html[data-theme="light"] .background-selection-overlay {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .background-selection-dialog {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.1) 0%, rgba(28,27,34,0.014) 50%, rgba(var(--a-c084fc,192,132,252),0.06) 100%);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.15);
  box-shadow: 0 24px 72px rgba(28,27,34,0.158), 0 4px 16px rgba(28,27,34,0.088), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .background-selection-dialog::before {
  background: none;
}
html[data-theme="light"] .bg-dialog-header h3 {
  color: var(--text);
}
html[data-theme="light"] .bg-close-btn {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.09);
  color: var(--text);
}
html[data-theme="light"] .bg-close-btn:hover {
  background: rgba(28,27,34,0.088);
}
html[data-theme="light"] .bg-section-title {
  color: var(--text-3);
}
html[data-theme="light"] .bg-item {
  border: 2px solid transparent;
  background: rgba(28,27,34,0.028);
  box-shadow: 0 2px 10px rgba(28,27,34,0.077);
}
html[data-theme="light"] .bg-item:hover {
  border-color: rgba(var(--a-a855f7,168,85,247),0.5);
  box-shadow: 0 4px 18px rgba(var(--a-a855f7,168,85,247),0.078);
}
html[data-theme="light"] .bg-item.selected {
  border-color: rgb(var(--a-a855f7,168,85,247));
  box-shadow: 0 0 0 2px rgba(var(--a-a855f7,168,85,247),0.27), 0 4px 18px rgba(var(--a-a855f7,168,85,247),0.09);
}
html[data-theme="light"] .bg-item-overlay {
  background: rgba(28,27,34,0.07);
}
html[data-theme="light"] .bg-item-check {
  background: rgb(var(--a-a855f7,168,85,247));
  color: white;
}
html[data-theme="light"] .bg-delete-btn {
  background: rgba(255,69,58,0.8);
  border: none;
  color: white;
}
html[data-theme="light"] .custom-bg-placeholder {
  border: 2px dashed rgba(var(--a-a855f7,168,85,247),0.35);
  background: rgba(var(--a-a855f7,168,85,247),0.05);
}
html[data-theme="light"] .custom-bg-placeholder:hover {
  border-color: rgba(var(--a-a855f7,168,85,247),0.65);
  background: rgba(var(--a-a855f7,168,85,247),0.1);
}
html[data-theme="light"] .bg-upload-btn {
  border: 2px dashed rgba(var(--a-a855f7,168,85,247),0.35);
  background: rgba(var(--a-a855f7,168,85,247),0.05);
  color: var(--text-2);
}
html[data-theme="light"] .bg-upload-btn:hover {
  border-color: rgba(var(--a-a855f7,168,85,247),0.65);
  background: rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .bg-upload-info {
  color: var(--text-3);
}
html[data-theme="light"] .slider-warning-overlay {
  background: rgba(28,27,34,0.12);
}
html[data-theme="light"] .slider-warning-dialog {
  --popup-accent: var(--a-a855f7,168,85,247);
  background: linear-gradient(160deg,
    rgba(28,27,34,0.026) 0%,
    rgba(var(--popup-accent),0.07) 50%,
    rgba(28,27,34,0.015) 100%);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.195);
  border-bottom-color: rgba(28,27,34,0.045);
  box-shadow: 0 32px 96px rgba(28,27,34,0.176),
    0 8px 24px rgba(28,27,34,0.099),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .slider-warning-dialog::before {
  background: linear-gradient(90deg,transparent,rgba(var(--popup-accent),0.75),rgba(28,27,34,0.3),rgba(var(--popup-accent),0.75),transparent);
}
html[data-theme="light"] .slider-warning-icon {
  background: rgba(var(--popup-accent),0.15);
  border: 1px solid rgba(var(--popup-accent),0.30);
}
html[data-theme="light"] .slider-warning-title {
  color: rgb(11,11,12);
}
html[data-theme="light"] .slider-warning-msg {
  color: rgba(11,11,12,0.65);
}
html[data-theme="light"] .slider-btn-cancel {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.105);
  color: rgba(11,11,12,0.8);
  box-shadow: 0 2px 8px rgba(28,27,34,0.044), inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .slider-btn-cancel::after {
  background: linear-gradient(180deg,rgba(28,27,34,0.044) 0%,transparent 100%);
}
html[data-theme="light"] .slider-btn-cancel:hover {
  background: rgba(28,27,34,0.072);
  border-color: rgba(28,27,34,0.15);
  color: rgb(11,11,12);
  box-shadow: 0 4px 14px rgba(28,27,34,0.062),inset 0 1px 0 rgba(255,255,255,0.16);
}
html[data-theme="light"] .slider-btn-confirm {
  background: linear-gradient(135deg,rgba(var(--popup-accent),0.60),rgba(var(--popup-accent),0.40));
  border: 1px solid rgba(var(--popup-accent),0.52);
  color: rgb(6,6,6);
  box-shadow: 0 4px 16px rgba(var(--popup-accent),0.30), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .slider-btn-confirm::before {
  background: linear-gradient(90deg,transparent,rgba(28,27,34,0.3),transparent);
}
html[data-theme="light"] .slider-btn-confirm::after {
  background: linear-gradient(180deg,rgba(28,27,34,0.072) 0%,transparent 100%);
}
html[data-theme="light"] .slider-btn-confirm:hover {
  filter: brightness(1.15);
  box-shadow: 0 6px 22px rgba(var(--popup-accent),0.48), inset 0 1px 0 rgba(255,255,255,0.28);
}

/* ── letter-grid.css ── */
html[data-theme="light"] .lp-preview {
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.096), 0 6px 20px rgba(var(--a-a855f7,168,85,247),0.084), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
html[data-theme="light"] .lp-preview-letter {
  text-shadow: none !important;
}
html[data-theme="light"] .lp-progress-fill {
  background-size: 100% 100% !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-lang-btn {
  background: linear-gradient(180deg, rgba(28,27,34,0.044), rgba(28,27,34,0.017));
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 4px 14px rgba(28,27,34,0.055);
  color: var(--text);
}
html[data-theme="light"] .lp-lang-btn:hover,
html[data-theme="light"] .lp-lang-btn[aria-expanded="true"] {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.28), rgba(var(--a-c084fc,192,132,252),0.12));
  border-color: rgba(var(--a-a855f7,168,85,247),0.45);
}
html[data-theme="light"] .lp-lang-btn > svg:first-child {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .lp-lang-btn-sub {
  color: var(--text-3);
}
html[data-theme="light"] .lp-chev {
  color: var(--text-3);
}
html[data-theme="light"] .lp-lang-pop {
  background: linear-gradient(170deg, rgba(var(--a-dfdbf4,223,219,244),0.96) 0%, rgba(var(--a-eceaf6,236,234,246),0.97) 30%, rgba(var(--a-eeedf7,238,237,247),0.98) 100%);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.18);
  box-shadow: 0 24px 60px rgba(28,27,34,0.132), inset 0 1px 0 rgba(255,255,255,0.16), 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .lp-lang-search-wrap {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-3);
}
html[data-theme="light"] .lp-lang-search-wrap:focus-within {
  border-color: rgba(var(--a-a855f7,168,85,247),0.55);
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.096);
}
html[data-theme="light"] .lp-lang-search {
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
}
html[data-theme="light"] .lp-lang-group {
  color: rgba(var(--a-634182,99,65,130),0.7);
}
html[data-theme="light"] .lp-lang-item {
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
}
html[data-theme="light"] .lp-lang-item:hover {
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .lp-lang-item.active {
  background: linear-gradient(150deg, rgba(var(--a-a855f7,168,85,247),0.3), rgba(var(--a-c084fc,192,132,252),0.12));
  border-color: rgba(var(--a-a855f7,168,85,247),0.4);
}
html[data-theme="light"] .lp-li-sub {
  color: var(--text-3);
}
html[data-theme="light"] .lp-li-sample {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .lp-li-pct {
  color: rgb(0,95,53);
}
html[data-theme="light"] .lp-tab-count {
  color: rgba(0,95,53,0.85);
}
html[data-theme="light"] .lp-missing-toggle {
  color: var(--text-3);
}
html[data-theme="light"] .lp-rtl-badge {
  color: rgb(98,77,0);
  background: rgba(251,191,36,0.1);
  border: 1px solid rgba(198,148,0,0.3);
}
html[data-theme="light"] .lp-note {
  color: var(--text-3);
}
html[data-theme="light"] .lp-pill.lp-saved::after {
  background: rgb(52,211,122);
  box-shadow: none;
}
html[data-theme="light"] .lp-pill.lp-selected.lp-saved::after {
  background: rgb(255,255,255);
  box-shadow: none;
}
html[data-theme="light"] .lp-pill.lp-saved.lp-multi::after {
  color: #052e1a;
  text-shadow: none;
  background: linear-gradient(180deg, rgb(111,240,166), rgb(47,207,120));
  box-shadow: 0 0 0 1.5px rgba(28,27,34,0.187), 0 1px 4px rgba(52,211,122,0.5);
}
html[data-theme="light"] .lp-pill.lp-selected.lp-saved.lp-multi::after {
  color: rgb(var(--a-6d28d9,109,40,217));
  background: rgb(255,255,255);
  box-shadow: 0 0 0 1.5px rgba(var(--a-4c1d95,76,29,149),0.36), 0 1px 4px rgba(28,27,34,0.077);
}
html[data-theme="light"] .lp-pill:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .lp-empty {
  color: var(--text-3);
}
@media (max-width: 600px) {
  html[data-theme="light"] .lp-pill.lp-saved.lp-multi::after {
    box-shadow: 0 0 0 1px rgba(28,27,34,0.187), 0 1px 3px rgba(52,211,122,0.5);
  }
  html[data-theme="light"] .lp-pill.lp-selected.lp-saved.lp-multi::after {
    box-shadow: 0 0 0 1px rgba(var(--a-4c1d95,76,29,149),0.36), 0 1px 3px rgba(28,27,34,0.077);
  }
}
html[data-theme="light"] .lp-pill.lp-pill-add {
  color: rgb(var(--a-634182,99,65,130)) !important;
  background: rgba(var(--a-a855f7,168,85,247),0.08) !important;
  border: 1.5px dashed rgba(var(--a-9458cc,148,88,204),0.55) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-pill.lp-pill-add:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.18) !important;
}
html[data-theme="light"] .lp-add-input {
  color: rgb(11,11,12);
  background: rgba(28,27,34,0.033);
  border: 1.5px solid rgba(var(--a-9458cc,148,88,204),0.5);
  outline: none;
}
html[data-theme="light"] .lp-add-input:focus {
  border-color: rgb(var(--a-9458cc,148,88,204));
  box-shadow: 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .lp-add-err {
  color: rgb(152,45,42);
}
html[data-theme="light"] .lp-add-own-t {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .lp-add-own-chip {
  color: rgb(11,11,12);
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.105);
}
html[data-theme="light"] .lp-add-own-chip span {
  color: rgb(152,45,42);
}
html[data-theme="light"] .lp-add-own-chip:hover {
  background: rgba(255,69,58,0.16);
  border-color: rgba(205,57,55,0.4);
}

/* ── presets.css ── */
html[data-theme="light"] .presets-overlay {
  --presets-accent: var(--a-a855f7,168,85,247);
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .presets-panel {
  --presets-accent: var(--a-a855f7,168,85,247);
  background: linear-gradient(160deg,
    rgba(28,27,34,0.026) 0%,
    rgba(var(--presets-accent),0.07) 50%,
    rgba(28,27,34,0.015) 100%);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.195);
  border-bottom-color: rgba(28,27,34,0.045);
  box-shadow: 0 32px 96px rgba(28,27,34,0.176),
    0 8px 24px rgba(28,27,34,0.099),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .presets-panel::before {
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--presets-accent),0.75),
    rgba(28,27,34,0.3),
    rgba(var(--presets-accent),0.75),
    transparent);
}
html[data-theme="light"] .presets-title-row {
  color: rgb(11,11,12);
}
html[data-theme="light"] .presets-title-row svg {
  color: rgba(var(--presets-accent),1);
}
html[data-theme="light"] .presets-close-btn {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.098);
  color: rgba(11,11,12,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .presets-close-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.05) 0%, transparent 100%);
}
html[data-theme="light"] .presets-close-btn:hover {
  background: rgba(28,27,34,0.077);
  color: rgb(11,11,12);
}
html[data-theme="light"] .presets-subheader {
  border-bottom: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .presets-count {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .presets-save-new-btn {
  background: linear-gradient(135deg, rgba(var(--presets-accent),0.55), rgba(var(--presets-accent),0.38));
  border: 1px solid rgba(var(--presets-accent),0.52);
  color: rgb(6,6,6);
  box-shadow: 0 4px 14px rgba(var(--presets-accent),0.28), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .presets-save-new-btn::before {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.3), transparent);
}
html[data-theme="light"] .presets-save-new-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.072) 0%, transparent 100%);
}
html[data-theme="light"] .presets-save-new-btn:hover {
  filter: brightness(1.15);
  box-shadow: 0 6px 22px rgba(var(--presets-accent),0.48), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .presets-save-new-btn:disabled {
  filter: none;
}
html[data-theme="light"] .presets-list::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme="light"] .presets-list::-webkit-scrollbar-thumb {
  background: rgba(var(--presets-accent),0.3);
}
html[data-theme="light"] .presets-empty p {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .presets-empty span {
  color: rgba(11,11,12,0.35);
}
html[data-theme="light"] .preset-card {
  background: linear-gradient(145deg,
    rgba(28,27,34,0.029) 0%,
    rgba(var(--presets-accent),0.048) 100%);
  border: 1px solid rgba(28,27,34,0.068);
  border-top-color: rgba(28,27,34,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 8px rgba(28,27,34,0.044);
}
html[data-theme="light"] .preset-card::before {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.154), transparent);
}
html[data-theme="light"] .preset-card:hover {
  border-color: rgba(var(--presets-accent),0.28);
  border-top-color: rgba(28,27,34,0.165);
  background: linear-gradient(145deg,
    rgba(28,27,34,0.037) 0%,
    rgba(var(--presets-accent),0.072) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 4px 16px rgba(28,27,34,0.062);
}
html[data-theme="light"] .preset-card-name {
  color: rgb(11,11,12);
}
html[data-theme="light"] .preset-action-btn {
  border: 1px solid;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .preset-action-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.055) 0%, transparent 100%);
}
html[data-theme="light"] .preset-action-btn.load {
  background: linear-gradient(135deg, rgba(var(--presets-accent),0.48), rgba(var(--presets-accent),0.32));
  border-color: rgba(var(--presets-accent),0.52);
  color: rgb(6,6,6);
  box-shadow: 0 2px 10px rgba(var(--presets-accent),0.22), inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .preset-action-btn.load:hover {
  filter: brightness(1.15);
  box-shadow: 0 4px 16px rgba(var(--presets-accent),0.40), inset 0 1px 0 rgba(255,255,255,0.26);
}
html[data-theme="light"] .preset-action-btn.rename {
  background: rgba(28,27,34,0.033);
  border-color: rgba(28,27,34,0.09);
  color: rgba(11,11,12,0.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09);
}
html[data-theme="light"] .preset-action-btn.rename:hover {
  background: rgba(28,27,34,0.066);
  border-color: rgba(28,27,34,0.15);
  color: rgb(11,11,12);
}
html[data-theme="light"] .preset-action-btn.del {
  background: rgba(255,69,58,0.12);
  border-color: rgba(255,69,58,0.28);
  color: rgba(174,6,20,0.95);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
html[data-theme="light"] .preset-action-btn.del:hover {
  background: rgba(255,69,58,0.24);
  border-color: rgba(255,69,58,0.5);
  box-shadow: 0 3px 12px rgba(255,69,58,0.132), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .preset-chip {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.064);
  border-top-color: rgba(28,27,34,0.105);
  color: rgba(11,11,12,0.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .preset-chip span {
  color: rgba(var(--presets-accent),1);
}
html[data-theme="light"] .preset-rename-dialog {
  --presets-accent: var(--a-a855f7,168,85,247);
  background: linear-gradient(160deg,
    rgba(28,27,34,0.026) 0%,
    rgba(var(--presets-accent),0.07) 55%,
    rgba(28,27,34,0.015) 100%);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.195);
  border-bottom-color: rgba(28,27,34,0.045);
  box-shadow: 0 32px 96px rgba(28,27,34,0.176),
    0 8px 24px rgba(28,27,34,0.099),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .preset-rename-dialog::before {
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--presets-accent),0.75),
    rgba(28,27,34,0.3),
    rgba(var(--presets-accent),0.75),
    transparent);
}
html[data-theme="light"] .preset-rename-dialog h4 {
  color: rgb(11,11,12);
}
html[data-theme="light"] .preset-rename-input {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.135);
  color: rgb(11,11,12);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 2px 6px rgba(28,27,34,0.044);
}
html[data-theme="light"] .preset-rename-input::placeholder {
  color: rgba(11,11,12,0.35);
}
html[data-theme="light"] .preset-rename-input:focus {
  border-color: rgba(var(--presets-accent),0.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 0 0 3px rgba(var(--presets-accent),0.15), 0 2px 6px rgba(28,27,34,0.044);
}
html[data-theme="light"] .preset-rename-cancel::after,
html[data-theme="light"] .preset-rename-confirm::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.055) 0%, transparent 100%);
}
html[data-theme="light"] .preset-rename-cancel {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.098);
  color: rgba(11,11,12,0.8);
  box-shadow: 0 2px 8px rgba(28,27,34,0.044), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .preset-rename-cancel:hover {
  background: rgba(28,27,34,0.072);
  border-color: rgba(28,27,34,0.15);
  color: rgb(11,11,12);
  box-shadow: 0 4px 14px rgba(28,27,34,0.062), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .preset-rename-confirm {
  background: linear-gradient(135deg, rgba(var(--presets-accent),0.60), rgba(var(--presets-accent),0.40));
  border: 1px solid rgba(var(--presets-accent),0.52);
  color: rgb(6,6,6);
  box-shadow: 0 4px 16px rgba(var(--presets-accent),0.30), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .preset-rename-confirm:hover {
  filter: brightness(1.15);
  box-shadow: 0 6px 22px rgba(var(--presets-accent),0.48), inset 0 1px 0 rgba(255,255,255,0.28);
}

/* ── ink-picker.css ── */
html[data-theme="light"] .gg-ink .gg-ink-hex {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-ink-swatch {
  background: var(--c, rgba(28,27,34,0.2));
  border: 2px solid rgba(28,27,34,0.12);
  box-shadow: inset 0 0 0 2px rgba(28,27,34,0);
}
html[data-theme="light"] .gg-ink-swatch:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.9);
}
html[data-theme="light"] .gg-ink-swatch.active {
  border-color: rgba(28,27,34,0.75);
  box-shadow: 0 0 0 2px rgba(var(--a-a855f7,168,85,247),0.45);
}
html[data-theme="light"] .gg-ink-custom {
  background: radial-gradient(circle closest-side, rgba(255,255,255,0.95) 0%, rgba(28,27,34,0.3) 35%, rgba(28,27,34,0) 75%), conic-gradient(from 0deg, rgb(106,232,74), rgb(245,243,74), rgb(249,160,60), rgb(242,69,61), rgb(228,60,138), rgb(166,70,230), rgb(84,70,239), rgb(47,155,232), rgb(63,220,200), rgb(106,232,74)); /* accent-keep */
  background-origin: border-box;
  background-repeat: no-repeat;
}
html[data-theme="light"] .gg-ink-custom.has-color::after {
  background: var(--cc, rgba(28,27,34,0.2));
  box-shadow: 0 0 0 1.5px rgba(28,27,34,0.121);
}
html[data-theme="light"] .gg-ink-custom.open {
  border-color: rgba(var(--a-9458cc,148,88,204),0.95);
}
html[data-theme="light"] .gg-cp-sv {
  outline: none;
  background: linear-gradient(to top, rgba(28,27,34,0.2), rgba(28,27,34,0)),
    linear-gradient(to right, rgb(255,255,255), rgba(28,27,34,0)),
    hsl(var(--hue, 0), 100%, 50%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
html[data-theme="light"] .gg-cp-sv-thumb {
  background: var(--col, rgba(28,27,34,0.2));
  border: 2px solid rgba(28,27,34,0.75);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.077), 0 2px 6px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gg-cp-hue {
  outline: none;
  background: linear-gradient(to right, rgb(255,0,0) 0%, rgb(255,255,0) 16.66%, rgb(0,255,0) 33.33%, rgb(0,255,255) 50%, rgb(0,0,255) 66.66%, rgb(255,0,255) 83.33%, rgb(255,0,0) 100%); /* accent-keep */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
html[data-theme="light"] .gg-cp-hue-thumb {
  background: hsl(var(--hue, 0), 100%, 50%);
  border: 2px solid rgba(28,27,34,0.75);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.077), 0 2px 6px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gg-cp-sv:focus-visible,
html[data-theme="light"] .gg-cp-hue:focus-visible {
  box-shadow: 0 0 0 2px rgba(var(--a-c084fc,192,132,252),0.51);
}
html[data-theme="light"] .gg-cp-row {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.075);
}
html[data-theme="light"] .gg-cp-row:focus-within {
  border-color: rgba(var(--a-9458cc,148,88,204),0.6);
}
html[data-theme="light"] .gg-cp-prev {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}
html[data-theme="light"] .gg-cp-hash {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-cp .gg-cp-hex {
  background: none !important;
  border: none !important;
  outline: none;
  color: rgb(11,11,12) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .gg-cp .gg-cp-hex.bad {
  color: rgb(164,33,45) !important;
}
html[data-theme="light"] .gg-cp-recent-title {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-cp-chip {
  background: var(--c, rgba(28,27,34,0.2));
  border: 1px solid rgba(28,27,34,0.12);
}
html[data-theme="light"] .gg-cp-chip:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.85);
}

/* ── pdf-editor.css ── */
html[data-theme="light"] #pdf-editor-overlay {
  --pme-accent: var(--a-a855f7,168,85,247);
  background: rgba(var(--a-f1f1f8,241,241,248),0.78);
}
html[data-theme="light"] #pme-page-panel {
  background: rgba(var(--a-f3f2fa,243,242,250),0.55);
  border-right: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] #pme-page-panel::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme="light"] #pme-page-panel::-webkit-scrollbar-thumb {
  background: rgba(var(--a-a855f7,168,85,247),0.3);
}
html[data-theme="light"] .pme-page-thumb {
  border: 2px solid transparent;
  background: transparent;
}
html[data-theme="light"] .pme-page-thumb:hover {
  border-color: rgba(var(--a-a855f7,168,85,247),0.45);
}
html[data-theme="light"] .pme-page-thumb.active {
  border-color: rgba(var(--a-a855f7,168,85,247),0.9);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.24), 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.09);
}
html[data-theme="light"] .pme-page-thumb canvas {
  background: rgb(255,255,255);
}
html[data-theme="light"] .pme-thumb-label {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .pme-page-thumb.active .pme-thumb-label {
  color: rgba(var(--a-7335a7,115,53,167),0.9);
}
html[data-theme="light"] .pme-thumb-delete {
  background: rgba(255,69,58,0.85);
  border: 1.5px solid rgba(28,27,34,0.188);
  color: #fff;
  box-shadow: 0 2px 8px rgba(28,27,34,0.088);
}
html[data-theme="light"] .pme-thumb-delete:hover {
  background: rgb(255,59,48);
}
html[data-theme="light"] .pme-thumb-arrow {
  background: rgba(28,27,34,0.05);
  border: 1px solid rgba(28,27,34,0.098);
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .pme-thumb-arrow:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.25);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] #pme-add-page-btn {
  border: 1.5px dashed rgba(var(--a-a855f7,168,85,247),0.4);
  background: rgba(var(--a-a855f7,168,85,247),0.06);
  color: rgba(var(--a-7335a7,115,53,167),0.8);
}
html[data-theme="light"] #pme-add-page-btn:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.14);
  border-color: rgba(var(--a-a855f7,168,85,247),0.7);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] #pme-addpage-box,
html[data-theme="light"] #pme-delete-box {
  background: linear-gradient(
    145deg,
    rgba(28,27,34,0.04) 0%,
    rgba(var(--a-a855f7,168,85,247),0.065) 40%,
    rgba(28,27,34,0.018) 100%
  );
  border: 1px solid transparent;
  border-top: 1px solid rgba(28,27,34,0.18);
  border-bottom: 1px solid rgba(28,27,34,0.11);
  border-left: 1px solid rgba(var(--a-a855f7,168,85,247),0.18);
  border-right: 1px solid rgba(var(--a-9458cc,148,88,204),0.12);
  box-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.132),
    0 32px 90px rgba(28,27,34,0.158),
    0 8px 24px rgba(28,27,34,0.092),
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .pme-modal-shimmer {
  background: none;
}
html[data-theme="light"] .pme-modal-sheen {
  background: linear-gradient(155deg,
    rgba(28,27,34,0.041) 0%,
    rgba(28,27,34,0) 45%,
    rgba(var(--a-a855f7,168,85,247),0.03) 100%
  );
}
html[data-theme="light"] .pme-modal-icon {
  background: linear-gradient(145deg, rgba(var(--a-a855f7,168,85,247),0.22), rgba(var(--a-c084fc,192,132,252),0.14));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.4);
  border-top-color: rgba(28,27,34,0.21);
  box-shadow: 0 4px 14px rgba(var(--a-a855f7,168,85,247),0.066), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .pme-modal-icon-danger {
  background: linear-gradient(145deg, rgba(255,69,58,0.22), rgba(220,38,38,0.14));
  border-color: rgba(255,69,58,0.4);
  box-shadow: 0 4px 14px rgba(255,69,58,0.132), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .pme-addpage-opt {
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.105);
  background: rgba(28,27,34,0.025);
}
html[data-theme="light"] .pme-addpage-opt::before {
  background: linear-gradient(135deg, rgba(28,27,34,0.03) 0%, transparent 60%);
}
html[data-theme="light"] .pme-addpage-opt:hover {
  background: rgba(28,27,34,0.047);
  border-color: rgba(var(--a-a855f7,168,85,247),0.35);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: 0 4px 16px rgba(28,27,34,0.044), inset 0 1px 0 rgba(255,255,255,0.14);
}
html[data-theme="light"] .pme-addpage-opt-icon {
  border: 1px solid rgba(28,27,34,0.105);
}
html[data-theme="light"] .pme-apo-blank {
  background: linear-gradient(145deg,rgb(248,248,248),rgb(232,232,232));
}
html[data-theme="light"] .pme-apo-same {
  background: linear-gradient(145deg,rgba(var(--a-a855f7,168,85,247),0.2),rgba(var(--a-c084fc,192,132,252),0.12));
  border-color: rgba(var(--a-a855f7,168,85,247),0.3);
}
html[data-theme="light"] .pme-apo-bg {
  background: linear-gradient(145deg,rgba(96,165,250,0.18),rgba(59,130,246,0.1));
  border-color: rgba(53,121,203,0.3);
}
html[data-theme="light"] .pme-apo-photo {
  background: linear-gradient(145deg,rgba(52,211,153,0.16),rgba(16,185,129,0.09));
  border-color: rgba(0,163,114,0.28);
}
html[data-theme="light"] .pme-addpage-opt-title {
  color: var(--text);
}
html[data-theme="light"] .pme-addpage-opt-sub {
  color: rgba(11,11,12,0.42);
}
html[data-theme="light"] .pme-opt-arrow {
  color: rgba(11,11,12,0.28);
}
html[data-theme="light"] .pme-addpage-opt:hover .pme-opt-arrow {
  color: rgba(var(--a-7335a7,115,53,167),0.8);
}
html[data-theme="light"] #pme-inline-bgpicker {
  border: 1px solid rgba(53,121,203,0.2);
  background: rgba(var(--a-eeeef9,238,238,249),0.55);
}
html[data-theme="light"] .pme-bg-thumb-item {
  border: 2px solid transparent;
}
html[data-theme="light"] .pme-bg-thumb-item:hover {
  border-color: rgba(53,121,203,0.6);
  box-shadow: 0 4px 12px rgba(28,27,34,0.088);
}
html[data-theme="light"] .pme-bg-thumb-item.pme-bg-selected {
  border-color: rgb(53,121,203);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.3), 0 4px 12px rgba(96,165,250,0.15);
}
html[data-theme="light"] .pme-bg-thumb-item .pme-bg-check {
  background: rgba(59,130,246,0.35);
  color: rgb(6,6,6);
}
html[data-theme="light"] .pme-modal-cancel-btn {
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.098);
  background: rgba(28,27,34,0.028);
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .pme-modal-cancel-btn:hover {
  background: rgba(28,27,34,0.05);
  color: rgba(11,11,12,0.7);
}
html[data-theme="light"] #pme-toolbar {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.032) 0%,
    rgba(28,27,34,0.012) 100%);
  border-bottom: 1px solid rgba(28,27,34,0.075);
  border-bottom-color: rgba(28,27,34,0.06);
  box-shadow: 0 1px 0 rgba(var(--pme-accent),0.10),
    inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] #pme-toolbar::after {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--pme-accent),0.35) 25%,
    rgba(28,27,34,0.099) 50%,
    rgba(var(--pme-accent),0.35) 75%,
    transparent 100%);
}
html[data-theme="light"] .pme-divider {
  background: linear-gradient(180deg, transparent, rgba(28,27,34,0.077), transparent);
}
html[data-theme="light"] .pme-tool {
  background: transparent;
  border: 1px solid transparent;
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .pme-tool:hover {
  background: rgba(28,27,34,0.044);
  color: rgba(11,11,12,0.9);
  border-color: rgba(28,27,34,0.075);
}
html[data-theme="light"] .pme-tool.active {
  background: linear-gradient(135deg, rgba(var(--pme-accent),0.50), rgba(var(--pme-accent),0.32));
  color: rgb(var(--a-7335a7,115,53,167));
  border-color: rgba(var(--pme-accent),0.52);
  box-shadow: 0 2px 10px rgba(var(--pme-accent),0.22), inset 0 1px 0 rgba(255,255,255,0.2);
}
html[data-theme="light"] .pme-tool.active::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, transparent 100%);
}
html[data-theme="light"] .pme-icon-btn {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.083);
  border-top-color: rgba(28,27,34,0.12);
  color: rgba(11,11,12,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), 0 1px 4px rgba(28,27,34,0.055);
}
html[data-theme="light"] .pme-icon-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.05) 0%, transparent 100%);
}
html[data-theme="light"] .pme-icon-btn:hover {
  background: rgba(28,27,34,0.077);
  color: rgb(11,11,12);
  border-color: rgba(28,27,34,0.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 3px 10px rgba(28,27,34,0.077);
}
html[data-theme="light"] .pme-btn-danger-icon {
  border-color: rgba(255,69,58,0.32) !important;
  color: rgba(170,18,28,0.9) !important;
  background: rgba(255,69,58,0.08) !important;
}
html[data-theme="light"] .pme-btn-danger-icon:hover {
  background: rgba(255,69,58,0.2) !important;
  color: rgb(170,18,28) !important;
  border-color: rgba(255,69,58,0.55) !important;
  box-shadow: 0 3px 12px rgba(255,69,58,0.132), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
html[data-theme="light"] .pme-btn {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.083);
  border-top-color: rgba(28,27,34,0.12);
  color: rgba(11,11,12,0.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), 0 1px 4px rgba(28,27,34,0.048);
}
html[data-theme="light"] .pme-btn::after {
  background: linear-gradient(180deg, rgba(28,27,34,0.044) 0%, transparent 100%);
}
html[data-theme="light"] .pme-btn:hover {
  background: rgba(28,27,34,0.072);
  color: rgb(11,11,12);
  border-color: rgba(28,27,34,0.135);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.13), 0 3px 10px rgba(28,27,34,0.066);
}
html[data-theme="light"] .pme-btn-success {
  background: linear-gradient(135deg, rgba(var(--pme-accent),0.55), rgba(var(--pme-accent),0.36)) !important;
  border-color: rgba(var(--pme-accent),0.52) !important;
  color: rgb(6,6,6) !important;
  box-shadow: 0 4px 16px rgba(var(--pme-accent),0.28), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
html[data-theme="light"] .pme-btn-success::before {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.275), transparent);
}
html[data-theme="light"] .pme-btn-success:hover {
  filter: brightness(1.15) !important;
  box-shadow: 0 6px 22px rgba(var(--pme-accent),0.48), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}
html[data-theme="light"] #pme-viewport {
  background: radial-gradient(ellipse at 30% 20%, rgba(var(--pme-accent),0.06) 0%, transparent 55%),
    rgba(var(--a-f3f2fa,243,242,250),0.65);
}
html[data-theme="light"] #pme-page {
  box-shadow: 0 20px 64px rgba(28,27,34,0.187),
    0 4px 16px rgba(28,27,34,0.11),
    0 0 0 1px rgba(255,255,255,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}
html[data-theme="light"] #pme-props {
  background: linear-gradient(180deg,
    rgba(28,27,34,0.021) 0%,
    rgba(var(--pme-accent),0.028) 100%);
  border-left: 1px solid rgba(28,27,34,0.06);
  border-left-color: rgba(28,27,34,0.053);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.04);
  color: rgba(11,11,12,0.65);
}
html[data-theme="light"] #pme-props-none {
  color: rgba(11,11,12,0.28) !important;
}
html[data-theme="light"] .pme-prop-row label {
  color: rgba(11,11,12,0.38);
}
html[data-theme="light"] .pme-prop-input {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.112);
  color: rgb(11,11,12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 4px rgba(28,27,34,0.044);
  outline: none;
}
html[data-theme="light"] .pme-prop-input:focus {
  border-color: rgba(var(--pme-accent),0.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 0 2px rgba(var(--pme-accent),0.15), 0 1px 4px rgba(28,27,34,0.044);
}
html[data-theme="light"] .pme-word-el {
  outline: 1.5px solid transparent;
}
html[data-theme="light"] .pme-word-el:hover {
  outline-color: rgba(var(--pme-accent),0.40);
}
html[data-theme="light"] .pme-word-el.selected {
  background: rgba(var(--pme-accent),0.06);
  outline-color: rgba(var(--pme-accent),0.55);
  box-shadow: 0 0 0 2px rgba(var(--pme-accent),0.12);
}
html[data-theme="light"] .pme-word-delete {
  background: linear-gradient(135deg, rgba(255,69,58,0.9), rgba(200,30,20,0.8));
  border: 1px solid rgba(28,27,34,0.188);
  color: #fff;
  box-shadow: 0 2px 8px rgba(255,69,58,0.27);
}
html[data-theme="light"] .pme-word-delete:hover {
  box-shadow: 0 4px 14px rgba(255,69,58,0.36);
}
html[data-theme="light"] .pme-word-resize {
  background: linear-gradient(135deg, rgba(var(--pme-accent),0.90), rgba(var(--pme-accent),0.70));
  border: 1.5px solid rgba(28,27,34,0.262);
  box-shadow: 0 2px 8px rgba(var(--pme-accent),0.40);
}
html[data-theme="light"] .pme-word-resize:hover {
  box-shadow: 0 4px 14px rgba(var(--pme-accent),0.55);
}

/* ── pdf-editor-v2.css ── */
html[data-theme="light"] #pdf-editor-overlay {
  --pme-bg: rgb(239,239,244);
  --pme-panel: rgba(28,27,34,0.019);
  --pme-line: rgba(28,27,34,0.06);
  --pme-text: rgba(11,11,12,0.92);
  --pme-text-2: rgba(11,11,12,0.58);
  --pme-text-3: rgba(11,11,12,0.36);
  background: var(--pme-bg) !important;
  color: var(--pme-text);
}
html[data-theme="light"] #pme-toolbar {
  background: rgba(28,27,34,0.017) !important;
  border-bottom: 1px solid var(--pme-line) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pme-title-main {
  color: var(--pme-text);
}
html[data-theme="light"] .pme-title-sub {
  color: var(--pme-text-3);
}
html[data-theme="light"] #pme-page-indicator {
  color: inherit !important;
}
html[data-theme="light"] .pme-tools {
  background: rgba(28,27,34,0.025);
  border: 1px solid var(--pme-line);
}
html[data-theme="light"] .pme-tools-sep {
  background: var(--pme-line);
}
html[data-theme="light"] .pme-tool {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--pme-text-2) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pme-tool:hover {
  background: rgba(28,27,34,0.039) !important;
  color: var(--pme-text) !important;
}
html[data-theme="light"] .pme-tool.active {
  background: rgba(var(--pme-accent),0.22) !important;
  color: rgb(var(--a-574568,87,69,104)) !important;
  border-color: rgba(var(--pme-accent),0.45) !important;
}
html[data-theme="light"] .pme-tool:focus-visible,
html[data-theme="light"] .pme-icon-btn:focus-visible,
html[data-theme="light"] .pme-btn:focus-visible,
html[data-theme="light"] .pme-swatch:focus-visible {
  outline: 2px solid rgba(var(--pme-accent),0.8);
}
html[data-theme="light"] .pme-btn-group {
  background: rgba(28,27,34,0.022);
  border: 1px solid var(--pme-line);
}
html[data-theme="light"] .pme-btn-group .pme-icon-btn {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pme-icon-btn {
  background: rgba(28,27,34,0.028) !important;
  border: 1px solid var(--pme-line) !important;
  color: var(--pme-text-2) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pme-icon-btn:hover {
  background: rgba(28,27,34,0.055) !important;
  color: var(--pme-text) !important;
}
html[data-theme="light"] .pme-close-btn {
  background: rgba(28,27,34,0.033) !important;
}
html[data-theme="light"] .pme-zoom-label {
  border: none;
  background: transparent;
  color: var(--pme-text-2);
}
html[data-theme="light"] .pme-zoom-label:hover {
  background: rgba(28,27,34,0.044);
  color: var(--pme-text);
}
html[data-theme="light"] #pme-viewport {
  background: radial-gradient(ellipse at 50% 0%, rgba(var(--pme-accent),0.07), transparent 60%), rgb(var(--a-f1f1f6,241,241,246)) !important;
}
html[data-theme="light"] #pme-page {
  box-shadow: 0 18px 60px rgba(28,27,34,0.154), 0 0 0 1px rgba(255,255,255,0.06) !important;
}
html[data-theme="light"] .pme-tool-hint {
  background: rgba(var(--a-ebe9f4,235,233,244),0.92);
  border: 1px solid rgba(var(--pme-accent),0.4);
  color: rgb(var(--a-574568,87,69,104));
  box-shadow: 0 8px 28px rgba(28,27,34,0.11);
}
html[data-theme="light"] .pme-word-el:hover {
  outline-color: rgba(var(--pme-accent),0.45) !important;
}
html[data-theme="light"] .pme-word-el.selected {
  background: rgba(var(--pme-accent),0.08) !important;
}
html[data-theme="light"] .pme-word-el.pme-photo.selected {
  outline: 2px solid rgba(var(--pme-accent),0.8) !important;
}
html[data-theme="light"] .pme-selbar {
  background: rgba(var(--a-ecebf3,236,235,243),0.96);
  border: 1px solid rgba(var(--pme-accent),0.38);
  box-shadow: 0 8px 24px rgba(28,27,34,0.11);
}
html[data-theme="light"] .pme-selbar button {
  border: none;
  background: transparent;
  color: rgba(11,11,12,0.85);
}
html[data-theme="light"] .pme-selbar button:hover {
  background: rgba(var(--pme-accent),0.22);
}
html[data-theme="light"] .pme-selbar button.danger {
  color: rgb(161,35,37);
}
html[data-theme="light"] .pme-selbar button.danger:hover {
  background: rgba(255,69,58,0.18);
}
html[data-theme="light"] .pme-selbar .pme-selbar-count {
  color: rgba(var(--a-574568,87,69,104),0.8);
}
html[data-theme="light"] #pme-page-panel {
  background: rgba(28,27,34,0.011) !important;
  border-right: 1px solid var(--pme-line) !important;
}
html[data-theme="light"] #pme-props {
  background: rgba(28,27,34,0.014) !important;
  border-left: 1px solid var(--pme-line) !important;
  box-shadow: none !important;
  color: var(--pme-text-2);
}
html[data-theme="light"] .pme-props-head {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-sec {
  background: rgba(28,27,34,0.019);
  border: 1px solid var(--pme-line);
}
html[data-theme="light"] .pme-sec-title {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-val {
  color: var(--pme-text);
}
html[data-theme="light"] .pme-hex {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-sel-title {
  color: var(--pme-text);
}
html[data-theme="light"] .pme-swatch {
  background: var(--c, rgba(28,27,34,0.2)) !important;
  border: 2px solid rgba(28,27,34,0.105) !important;
  box-shadow: inset 0 0 0 2px rgba(28,27,34,0);
}
html[data-theme="light"] .pme-swatch.active {
  border-color: rgba(28,27,34,0.75) !important;
  box-shadow: 0 0 0 2px rgba(var(--pme-accent),0.7);
}
html[data-theme="light"] .pme-swatch-custom {
  background: radial-gradient(circle closest-side, rgba(255,255,255,0.95) 0%, rgba(28,27,34,0.3) 35%, rgba(28,27,34,0) 75%), conic-gradient(from 0deg, rgb(106,232,74), rgb(245,243,74), rgb(249,160,60), rgb(242,69,61), rgb(228,60,138), rgb(166,70,230), rgb(84,70,239), rgb(47,155,232), rgb(63,220,200), rgb(106,232,74)) !important; /* accent-keep */
  background-origin: border-box !important;
  background-repeat: no-repeat !important;
}
html[data-theme="light"] .pme-swatch-custom input {
  border: none;
}
html[data-theme="light"] .pme-swatch-custom.pme-has-color::after {
  background: var(--cc, rgba(28,27,34,0.2));
  box-shadow: 0 0 0 1.5px rgba(28,27,34,0.121);
}
html[data-theme="light"] .pme-swatch-custom.open {
  border-color: rgba(var(--pme-accent),0.9) !important;
}
html[data-theme="light"] .pme-cp-sv {
  outline: none;
  background: linear-gradient(to top, rgba(28,27,34,0.2), rgba(28,27,34,0)),
    linear-gradient(to right, rgb(255,255,255), rgba(28,27,34,0)),
    hsl(var(--hue, 0), 100%, 50%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
html[data-theme="light"] .pme-cp-sv-thumb {
  background: var(--col, rgba(28,27,34,0.2));
  border: 2px solid rgba(28,27,34,0.75);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.077), 0 2px 6px rgba(28,27,34,0.088);
}
html[data-theme="light"] .pme-cp-hue {
  outline: none;
  background: linear-gradient(to right, rgb(255,0,0) 0%, rgb(255,255,0) 16.66%, rgb(0,255,0) 33.33%, rgb(0,255,255) 50%, rgb(0,0,255) 66.66%, rgb(255,0,255) 83.33%, rgb(255,0,0) 100%); /* accent-keep */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}
html[data-theme="light"] .pme-cp-hue-thumb {
  background: hsl(var(--hue, 0), 100%, 50%);
  border: 2px solid rgba(28,27,34,0.75);
  box-shadow: 0 0 0 1px rgba(28,27,34,0.077), 0 2px 6px rgba(28,27,34,0.088);
}
html[data-theme="light"] .pme-cp-sv:focus-visible,
html[data-theme="light"] .pme-cp-hue:focus-visible {
  box-shadow: 0 0 0 2px rgba(var(--pme-accent),0.8);
}
html[data-theme="light"] .pme-cp-row {
  background: rgba(28,27,34,0.044);
  border: 1px solid var(--pme-line);
}
html[data-theme="light"] .pme-cp-row:focus-within {
  border-color: rgba(var(--pme-accent),0.6);
}
html[data-theme="light"] .pme-cp-prev {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}
html[data-theme="light"] .pme-cp-hash {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-cp-hex {
  background: none !important;
  border: none !important;
  outline: none;
  color: var(--pme-text) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pme-cp-hex.bad {
  color: rgb(164,33,45) !important;
}
html[data-theme="light"] .pme-cp-recent-title {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-cp-chip {
  background: var(--c, rgba(28,27,34,0.2));
  border: 1px solid rgba(28,27,34,0.12);
}
html[data-theme="light"] .pme-cp-chip:focus-visible {
  outline: 2px solid rgba(var(--pme-accent),0.8);
}
html[data-theme="light"] .pme-preview-box {
  background: rgb(247,247,242);
}
html[data-theme="light"] .pme-brush-dot {
  background: rgb(236,236,236);
}
html[data-theme="light"] .pme-marker-prev {
  background: rgb(255,230,0);
}
html[data-theme="light"] .pme-eraser-prev {
  border: 2px solid rgba(var(--a-a855f7,168,85,247),0.8);
  background: rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] #pme-eraser-props .pme-preview-box {
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] .pme-check {
  color: var(--pme-text-2);
}
html[data-theme="light"] .pme-note {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-danger-btn {
  border: 1px solid rgba(255,69,58,0.32);
  background: rgba(255,69,58,0.1);
  color: rgb(161,35,37);
}
html[data-theme="light"] .pme-danger-btn:hover {
  background: rgba(255,69,58,0.18);
}
html[data-theme="light"] .pme-empty {
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-lock {
  border: 1px solid var(--pme-line);
  background: transparent;
  color: var(--pme-text-3);
}
html[data-theme="light"] .pme-lock.active {
  color: rgb(var(--a-634182,99,65,130));
  border-color: rgba(var(--pme-accent),0.45);
  background: rgba(var(--pme-accent),0.14);
}
html[data-theme="light"] .pme-mini {
  border: 1px solid var(--pme-line);
  background: rgba(28,27,34,0.022);
  color: var(--pme-text-2);
}
html[data-theme="light"] .pme-mini:hover {
  background: rgba(var(--pme-accent),0.18);
  color: rgb(6,6,6);
}
html[data-theme="light"] .pme-action {
  border: 1px solid var(--pme-line);
  background: rgba(28,27,34,0.028);
  color: var(--pme-text);
}
html[data-theme="light"] .pme-action:hover {
  background: rgba(var(--pme-accent),0.18);
  border-color: rgba(var(--pme-accent),0.4);
}
html[data-theme="light"] .pme-action-danger {
  color: rgb(161,35,37);
}
html[data-theme="light"] .pme-action-danger:hover {
  background: rgba(255,69,58,0.14);
  border-color: rgba(255,69,58,0.4);
}
html[data-theme="light"] .pme-help {
  background: rgba(var(--a-f3f3fa,243,243,250),0.6);
}
html[data-theme="light"] .pme-help-box {
  background: rgb(var(--a-ebebf2,235,235,242));
  border: 1px solid rgba(var(--pme-accent),0.35);
  box-shadow: 0 24px 70px rgba(28,27,34,0.132);
}
html[data-theme="light"] .pme-help-grid {
  color: var(--pme-text-2);
}
html[data-theme="light"] .pme-help-grid kbd {
  border: 1px solid rgba(28,27,34,0.135);
  background: rgba(28,27,34,0.033);
  color: var(--pme-text);
}
@media (hover: none) {
  html[data-theme="light"] .pme-help-tips {
    border-top: none;
  }
}
html[data-theme="light"] .pme-help-tips {
  border-top: 1px solid var(--pme-line);
  color: var(--pme-text-2);
}
@media (max-width: 700px) {
  html[data-theme="light"] .pme-tools {
    background: rgba(var(--a-ecebf3,236,235,243),0.96);
    border-color: rgba(28,27,34,0.09);
    box-shadow: 0 10px 34px rgba(28,27,34,0.132);
  }
  html[data-theme="light"] #pme-page-panel {
    border-right: none !important;
    border-bottom: 1px solid var(--pme-line) !important;
  }
  html[data-theme="light"] #pme-props {
    border-left: none !important;
    border-top: 1px solid rgba(28,27,34,0.105) !important;
    background: rgb(var(--a-ebebf2,235,235,242)) !important;
    box-shadow: 0 -10px 36px rgba(28,27,34,0.121) !important;
  }
  html[data-theme="light"] .pme-sheet-close {
    border: 1px solid rgba(28,27,34,0.09);
    background: rgba(28,27,34,0.044);
    color: rgba(11,11,12,0.85);
  }
  html[data-theme="light"] #pme-props::before {
    background: rgba(28,27,34,0.121);
  }
}
html[data-theme="light"] #pdf-editor-overlay {
  --lg-bg: linear-gradient(135deg, rgba(28,27,34,0.03) 0%, rgba(var(--a-a855f7,168,85,247),0.06) 38%, rgba(28,27,34,0.013) 62%, rgba(var(--a-c084fc,192,132,252),0.042) 100%);
  --lg-border: rgba(28,27,34,0.075);
  --lg-border-top: rgba(28,27,34,0.165);
  --lg-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.096), 0 10px 36px rgba(28,27,34,0.092), 0 2px 8px rgba(28,27,34,0.048), inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(28,27,34,0);
  background: 
    rgb(var(--a-f0f0f6,240,240,246)) !important;
}
html[data-theme="light"] .pme-glass,
html[data-theme="light"] #pme-toolbar,
html[data-theme="light"] #pme-page-panel,
html[data-theme="light"] #pme-props {
  background: var(--lg-bg) !important;
  border: 1px solid var(--lg-border) !important;
  border-top-color: var(--lg-border-top) !important;
  border-left-color: rgba(var(--a-a855f7,168,85,247),0.16) !important;
  border-right-color: rgba(var(--a-9458cc,148,88,204),0.13) !important;
  box-shadow: var(--lg-shadow) !important;
}
html[data-theme="light"] #pme-viewport {
  background: transparent !important;
}
html[data-theme="light"] #pme-page {
  box-shadow: 0 24px 70px rgba(28,27,34,0.143), 0 6px 18px rgba(28,27,34,0.077), 0 0 0 1px rgba(255,255,255,0.08) !important;
}
html[data-theme="light"] .pme-tools {
  background: linear-gradient(180deg, rgba(28,27,34,0.028), rgba(28,27,34,0.011)) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(28,27,34,0);
}
html[data-theme="light"] .pme-tool.active {
  background: linear-gradient(150deg, rgba(var(--a-b964ff,185,100,255),0.5) 0%, rgba(var(--a-a855f7,168,85,247),0.36) 55%, rgba(var(--a-9333ea,147,51,234),0.32) 100%) !important;
  border-color: rgba(var(--a-c064ff,192,100,255),0.5) !important;
  border-top-color: rgba(28,27,34,0.24) !important;
  color: rgb(6,6,6) !important;
  box-shadow: 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 0 rgba(255,255,255,0.26) !important;
}
html[data-theme="light"] .pme-btn-group {
  background: linear-gradient(180deg, rgba(28,27,34,0.028), rgba(28,27,34,0.011));
  border-color: rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.112);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .pme-icon-btn {
  background: linear-gradient(180deg, rgba(28,27,34,0.039), rgba(28,27,34,0.017)) !important;
  border-color: rgba(28,27,34,0.068) !important;
  border-top-color: rgba(28,27,34,0.128) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
html[data-theme="light"] .pme-btn-group .pme-icon-btn {
  border-top-color: transparent !important;
}
html[data-theme="light"] .pme-export-btn {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.85) 0%, rgba(var(--a-a855f7,168,85,247),0.75) 50%, rgba(var(--a-9333ea,147,51,234),0.7) 100%) !important;
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.5) !important;
  border-top-color: rgba(28,27,34,0.262) !important;
  box-shadow: 0 4px 22px rgba(var(--a-a855f7,168,85,247),0.126), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}
html[data-theme="light"] .pme-export-btn:hover {
  box-shadow: 0 8px 30px rgba(var(--a-a855f7,168,85,247),0.168), inset 0 1px 0 rgba(255,255,255,0.32) !important;
}
html[data-theme="light"] .pme-sec {
  background: linear-gradient(160deg, rgba(28,27,34,0.025), rgba(var(--a-a855f7,168,85,247),0.035)) !important;
  border: 1px solid rgba(28,27,34,0.056) !important;
  border-top-color: rgba(28,27,34,0.105) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 10px rgba(28,27,34,0.04);
}
html[data-theme="light"] .pme-action,
html[data-theme="light"] .pme-mini,
html[data-theme="light"] .pme-lock,
html[data-theme="light"] .pme-prop-input {
  background: linear-gradient(180deg, rgba(28,27,34,0.036), rgba(28,27,34,0.017)) !important;
  border-color: rgba(28,27,34,0.068) !important;
  border-top-color: rgba(28,27,34,0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
html[data-theme="light"] .pme-action:hover,
html[data-theme="light"] .pme-mini:hover {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.3), rgba(var(--a-c084fc,192,132,252),0.16)) !important;
  border-color: rgba(var(--a-a855f7,168,85,247),0.45) !important;
}
html[data-theme="light"] .pme-action-danger {
  color: rgb(152,45,44) !important;
}
html[data-theme="light"] .pme-action-danger:hover,
html[data-theme="light"] .pme-danger-btn:hover {
  background: linear-gradient(160deg, rgba(255,69,58,0.24), rgba(255,69,58,0.1)) !important;
  border-color: rgba(255,69,58,0.45) !important;
}
html[data-theme="light"] .pme-danger-btn {
  background: linear-gradient(180deg, rgba(255,69,58,0.12), rgba(255,69,58,0.06));
  border-top-color: rgba(206,96,89,0.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
html[data-theme="light"] .pme-preview-box {
  box-shadow: inset 0 1px 3px rgba(28,27,34,0);
}
html[data-theme="light"] .pme-page-thumb canvas {
  box-shadow: 0 4px 14px rgba(28,27,34,0.088);
}
html[data-theme="light"] .pme-page-thumb.active canvas {
  box-shadow: 0 0 0 2px rgba(var(--a-c084fc,192,132,252),0.54), 0 6px 20px rgba(var(--a-a855f7,168,85,247),0.108);
}
html[data-theme="light"] #pme-add-page-btn {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.14), rgba(28,27,34,0.017)) !important;
  border: 1px dashed rgba(var(--a-9458cc,148,88,204),0.4) !important;
}
html[data-theme="light"] .pme-selbar,
html[data-theme="light"] .pme-tool-hint {
  background: linear-gradient(145deg, rgba(var(--a-e3e0f3,227,224,243),0.72), rgba(var(--a-ebe9f7,235,233,247),0.78)) !important;
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.3) !important;
  border-top-color: rgba(28,27,34,0.195) !important;
  box-shadow: 0 10px 30px rgba(28,27,34,0.099), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
html[data-theme="light"] .pme-help {
  background: rgba(var(--a-f3f3fa,243,243,250),0.55);
}
html[data-theme="light"] .pme-help-box,
html[data-theme="light"] #pme-at-box {
  background: linear-gradient(170deg, rgba(28,27,34,0.041) 0%, rgba(var(--a-a855f7,168,85,247),0.11) 20%, rgba(var(--a-eeedf8,238,237,248),0.92) 55%, rgba(var(--a-a855f7,168,85,247),0.07) 100%) !important;
  border: 1px solid rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.195) !important;
  box-shadow: 0 30px 80px rgba(28,27,34,0.143), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
html[data-theme="light"] #pme-at-overlay {
  background: rgba(var(--a-f3f3fa,243,243,250),0.55) !important;
}
html[data-theme="light"] #pme-at-input {
  background: linear-gradient(180deg, rgba(28,27,34,0.033), rgba(28,27,34,0.017)) !important;
  border: 1px solid rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.15) !important;
  box-shadow: inset 0 1px 3px rgba(28,27,34,0);
}
html[data-theme="light"] #pme-at-input:focus {
  border-color: rgba(var(--a-a855f7,168,85,247),0.6) !important;
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.108), inset 0 1px 3px rgba(28,27,34,0);
}
html[data-theme="light"] #pme-at-ok {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.82), rgba(var(--a-a855f7,168,85,247),0.72) 50%, rgba(var(--a-9333ea,147,51,234),0.68)) !important;
  border-top-color: rgba(28,27,34,0.24) !important;
  box-shadow: 0 4px 20px rgba(var(--a-a855f7,168,85,247),0.114), inset 0 1px 0 rgba(255,255,255,0.25);
}
html[data-theme="light"] #pme-at-cancel {
  background: linear-gradient(180deg, rgba(28,27,34,0.039), rgba(28,27,34,0.017)) !important;
  border-top-color: rgba(28,27,34,0.12) !important;
}
html[data-theme="light"].no-backdrop .pme-selbar,
html[data-theme="light"].no-backdrop .pme-tool-hint,
html[data-theme="light"].no-backdrop .pme-help-box,
html[data-theme="light"].no-backdrop #pme-at-box {
  background: rgb(var(--a-ebe9f4,235,233,244)) !important;
}
@media (max-width: 700px) {
  html[data-theme="light"] .pme-tools {
    background: linear-gradient(145deg, rgba(var(--a-e2def4,226,222,244),0.7), rgba(var(--a-eceaf7,236,234,247),0.8)) !important;
    border: 1px solid rgba(var(--a-9458cc,148,88,204),0.26) !important;
    border-top-color: rgba(28,27,34,0.195) !important;
    box-shadow: 0 12px 36px rgba(28,27,34,0.121), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  }
  html[data-theme="light"] #pme-props {
    background: linear-gradient(175deg, rgba(var(--a-e1ddf4,225,221,244),0.9) 0%, rgba(var(--a-ebe9f7,235,233,247),0.93) 22%, rgba(var(--a-eeedf8,238,237,248),0.95) 60%, rgba(var(--a-efeef7,239,238,247),0.96) 100%) !important;
  }
  html[data-theme="light"].no-backdrop .pme-tools,
html[data-theme="light"].no-backdrop #pme-props {
    background: rgb(var(--a-ebeaf4,235,234,244)) !important;
  }
}
html[data-theme="light"] .pme-slot {
  background: rgb(255,255,255);
  box-shadow: 0 24px 70px rgba(28,27,34,0.143), 0 6px 18px rgba(28,27,34,0.077), 0 0 0 1px rgba(255,255,255,0.08);
}
html[data-theme="light"] .pme-slot.active {
  background: transparent;
  box-shadow: none;
}
html[data-theme="light"] .pme-slot.pme-xp-drop {
  box-shadow: 0 0 0 2px rgba(var(--a-a855f7,168,85,247),0.51), 0 24px 70px rgba(28,27,34,0.143);
}
html[data-theme="light"] .pme-xp-ghost {
  outline: 1.5px dashed rgba(var(--a-a855f7,168,85,247),0.9);
  background: rgba(var(--a-a855f7,168,85,247),0.06);
}
html[data-theme="light"] .pme-slot + .pme-slot::before {
  color: rgba(var(--a-574568,87,69,104),0.45);
}

/* ── news.css ── */
html[data-theme="light"] #news-popup-overlay {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] #news-popup {
  --np-acc: rgb(var(--a-c084fc,192,132,252));
  color: #f5f5f7;
}
html[data-theme="light"] #news-popup::after {
  background: none;
}
html[data-theme="light"] .np-hero {
  color: #fff;
  background: linear-gradient(145deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-a855f7,168,85,247)) 100%);
  box-shadow: 0 10px 26px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.35);
}
html[data-theme="light"] .news-popup-badge {
  background: rgba(var(--a-a855f7,168,85,247),0.18);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.35);
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .news-popup-badge::before {
  background: rgb(var(--a-c084fc,192,132,252));
  box-shadow: none;
}
html[data-theme="light"] .news-popup-title {
  background: linear-gradient(120deg, rgb(6,6,6) 0%, rgb(var(--a-160e20,22,14,32)) 45%, rgb(var(--a-634182,99,65,130)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .np-sub {
  color: rgba(6,6,6,0.55);
}
html[data-theme="light"] .news-popup-close {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.09);
  color: rgba(6,6,6,0.6);
}
html[data-theme="light"] .np-scroll {
  --np-ft: 0px;
  --np-fb: 0px;
}
html[data-theme="light"] .np-scroll.np-fade-top {
  --np-ft: 22px;
}
html[data-theme="light"] .np-scroll.np-fade-bottom {
  --np-fb: 36px;
}
html[data-theme="light"] .np-highlights,
html[data-theme="light"] .np-list {
  background: rgba(28,27,34,0.022);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .np-highlights {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.2), rgba(var(--a-a855f7,168,85,247),0.07) 70%, rgba(28,27,34,0.011));
  border-color: rgba(var(--a-9458cc,148,88,204),0.28);
  border-top-color: rgba(var(--a-bca8d1,188,168,209),0.38);
}
html[data-theme="light"] .np-row + .np-row {
  border-top: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .np-icon {
  color: rgb(var(--a-574568,87,69,104));
  background: linear-gradient(145deg, rgba(var(--a-a855f7,168,85,247),0.3), rgba(var(--a-a855f7,168,85,247),0.16));
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.28);
}
html[data-theme="light"] .np-highlights .np-icon {
  color: #fff;
  background: linear-gradient(145deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-a855f7,168,85,247)));
  border-color: rgba(28,27,34,0.188);
  box-shadow: 0 4px 12px rgba(var(--a-a855f7,168,85,247),0.108);
}
html[data-theme="light"] .np-row-title {
  color: rgb(6,6,6);
}
html[data-theme="light"] .np-row-desc {
  color: rgba(6,6,6,0.62);
}
html[data-theme="light"] .np-row-hint {
  color: rgb(var(--a-63448c,99,68,140));
}
html[data-theme="light"] .np-label {
  color: rgba(6,6,6,0.42);
}
html[data-theme="light"] .np-note {
  color: rgba(6,6,6,0.38);
}
html[data-theme="light"] .news-popup-footer {
  border-top: 1px solid rgba(28,27,34,0.045);
}
html[data-theme="light"] .news-dismiss-btn {
  background: linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-c084fc,192,132,252)) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.55);
  color: #fff;
}
@media (max-width: 560px) {
  html[data-theme="light"] #news-popup-overlay #news-popup {
    border-bottom: 0 !important;
  }
  html[data-theme="light"] .np-grabber {
    background: rgba(28,27,34,0.138);
  }
}
html[data-theme="light"] .news-settings-dot {
  background: rgb(var(--a-a855f7,168,85,247));
  box-shadow: none;
}
html[data-theme="light"] .news-tab-item {
  background: rgba(28,27,34,0.023);
  border: 1px solid rgba(28,27,34,0.061);
  border-top-color: rgba(28,27,34,0.09);
}
html[data-theme="light"] .news-tab-emoji {
  background: linear-gradient(145deg, rgba(var(--a-a855f7,168,85,247),0.22), rgba(var(--a-c084fc,192,132,252),0.14));
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.24);
}
html[data-theme="light"] .news-tab-title {
  color: rgb(11,11,12);
}
html[data-theme="light"] .news-tab-desc {
  color: rgba(6,6,6,0.55);
}
html[data-theme="light"] .news-tab-hint {
  color: rgba(var(--a-7b34bb,123,52,187),0.8);
}
html[data-theme="light"] .news-tab-update-badge {
  background: rgba(var(--a-a855f7,168,85,247),0.18);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.35);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .news-acc-toggle {
  background: rgba(28,27,34,0.022);
  border: 1px solid rgba(28,27,34,0.068);
  border-top-color: rgba(28,27,34,0.112);
  color: rgb(11,11,12);
}
html[data-theme="light"] .news-acc-toggle:hover {
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] .news-acc-toggle.is-open {
  border-bottom-color: transparent;
}
html[data-theme="light"] .news-acc-badge.new {
  background: rgba(var(--a-a855f7,168,85,247),0.22);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.42);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .news-acc-badge.old {
  background: rgba(28,27,34,0.039);
  border: 1px solid rgba(28,27,34,0.09);
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .news-acc-chevron {
  color: rgba(6,6,6,0.4);
}
html[data-theme="light"] .news-acc-body {
  background: rgba(28,27,34,0.014);
  border: 1px solid rgba(28,27,34,0.068);
  border-top: none;
}

/* ── cookie-banner.css ── */
html[data-theme="light"] #cookie-banner {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.08) 0%, rgba(28,27,34,0.012) 55%, rgba(var(--a-c084fc,192,132,252),0.05) 100%);
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: 0 24px 72px rgba(28,27,34,0.158), 0 4px 16px rgba(28,27,34,0.088), inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] #cookie-banner-title {
  color: var(--text, rgb(11,11,12));
}
html[data-theme="light"] #cookie-banner-text {
  color: var(--text-2, rgba(11,11,12,0.68));
}
html[data-theme="light"] #cookie-banner-text a {
  color: rgba(var(--a-7c2fb4,124,47,180),0.9);
  border-bottom: 1px solid rgba(var(--a-b964ff,185,100,255),0.3);
}
html[data-theme="light"] #cookie-banner-text a:hover {
  border-color: rgba(var(--a-b964ff,185,100,255),0.8);
}
html[data-theme="light"] .cb-toggle {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.06);
  color: var(--text-2, rgba(11,11,12,0.68));
}
html[data-theme="light"] .cb-toggle:hover {
  background: rgba(28,27,34,0.05);
  border-color: rgba(28,27,34,0.105);
}
html[data-theme="light"] .cb-btn {
  border: none;
}
html[data-theme="light"] .cb-btn-accept {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.75) 0%, rgba(var(--a-a855f7,168,85,247),0.65) 100%);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.45);
  color: #fff;
  box-shadow: 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.09), inset 0 1px 0 rgba(255,255,255,0.22);
}
html[data-theme="light"] .cb-btn-accept:hover {
  background: linear-gradient(160deg, rgba(var(--a-c878ff,200,120,255),0.85) 0%, rgba(var(--a-b964ff,185,100,255),0.75) 100%);
  box-shadow: 0 6px 24px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .cb-btn-save {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-2, rgba(11,11,12,0.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .cb-btn-save:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.12);
  color: var(--text, rgb(11,11,12));
}
html[data-theme="light"] .cb-btn-reject {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-2, rgba(11,11,12,0.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}
html[data-theme="light"] .cb-btn-reject:hover {
  background: rgba(28,27,34,0.055);
  border-color: rgba(28,27,34,0.12);
  color: var(--text, rgb(11,11,12));
}
html[data-theme="light"] body:not(#gg-tabnav-page) #cookie-banner {
  background-color: rgba(var(--a-edeaf5,237,234,245),0.94);
}
html[data-theme="light"] .cb-switch:not(.gg-sw) {
  background: rgba(28,27,34,0.088);
}
html[data-theme="light"] .cb-switch:not(.gg-sw)::after {
  background: rgb(255,255,255);
}
html[data-theme="light"] .cb-toggle.cb-on .cb-switch:not(.gg-sw) {
  background: rgb(var(--a-a855f7,168,85,247));
}

/* ── tweaks.css ── */
html[data-theme="light"] .canvas-btn-undo {
  background: rgba(28,27,34,0.033);
  border-color: rgba(28,27,34,0.105);
  color: rgba(11,11,12,0.85);
}
html[data-theme="light"] .canvas-btn-undo:hover:not(:disabled) {
  background: rgba(28,27,34,0.061);
  border-color: rgba(28,27,34,0.165);
}
html[data-theme="light"] .fs-options {
  color: rgba(11,11,12,0.65);
}
html[data-theme="light"] .fs-hint {
  color: rgba(11,11,12,0.4);
}
html[data-theme="light"] .fs-hint kbd {
  border: 1px solid rgba(28,27,34,0.135);
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .fs-saved-badge {
  background: rgba(48,209,88,0.16);
  color: rgb(0,107,36);
  border: 1px solid rgba(0,160,57,0.35);
}
html[data-theme="light"] .missing-chars-list span {
  background: rgba(255,159,10,0.12);
  border: 1px solid rgba(197,121,0,0.35);
  color: rgb(115,74,0);
}
html[data-theme="light"] .char-counter .text-stats {
  color: var(--text-3);
}
html[data-theme="light"] #download-pdf-button.pdf-outdated::after {
  background: rgb(255,159,10);
  color: #1a1206;
  box-shadow: 0 2px 8px rgba(255,159,10,0.4);
}
html[data-theme="light"] .nav-button:disabled {
  box-shadow: none !important;
}
html[data-theme="light"] .gg-width-hint {
  background: rgba(252,211,77,0.1);
  border: 1px solid rgba(205,166,0,0.38);
  color: rgba(11,11,12,0.86);
}
html[data-theme="light"] .gg-width-hint button {
  box-shadow: none !important;
}
html[data-theme="light"] .gg-width-hint .gg-width-fix {
  color: rgb(28,25,23) !important;
  background: rgb(252,211,77) !important;
  border: 0 !important;
}
html[data-theme="light"] .gg-width-hint .gg-width-fix:hover {
  background: rgb(253,230,138) !important;
}
html[data-theme="light"] .gg-width-hint .gg-width-close {
  color: rgba(11,11,12,0.6) !important;
  background: transparent !important;
  border: 0 !important;
}
html[data-theme="light"] .gg-width-hint .gg-width-close:hover {
  color: rgb(6,6,6) !important;
  background: rgba(28,27,34,0.055) !important;
}

/* ── fast-scan.css ── */
html[data-theme="light"] #fast-scan-ui {
  background: rgba(var(--a-f3f2fa,243,242,250),0.62);
}
html[data-theme="light"] #fast-scan-ui .fast-scan-container {
  --fs-tile: clamp(118px, min(calc((100vw - 84px) / 2), calc(100vh - 400px)), 252px);
  color: var(--text);
  background: linear-gradient(180deg, rgba(28,27,34,0.05) 0%, rgba(28,27,34,0.011) 22%, rgba(28,27,34,0) 45%),
    linear-gradient(160deg, rgba(var(--a-ddd8f3,221,216,243),0.78) 0%, rgba(var(--a-eae8f5,234,232,245),0.86) 42%, rgba(var(--a-eeedf6,238,237,246),0.92) 100%);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.225);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.22),
    inset 0 -1px 1px rgba(255,255,255,0.05),
    0 30px 80px -20px rgba(28,27,34,0.165),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15);
}
html[data-theme="light"] #fast-scan-ui .fast-scan-title {
  color: rgb(6,6,6);
  background: none;
  -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] #fast-scan-ui .fs-head-sub {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] #fast-scan-ui .fs-lang {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] #fast-scan-ui .fs-done-btn {
  color: rgb(6,6,6);
  background: linear-gradient(180deg, rgba(28,27,34,0.11), rgba(28,27,34,0.044));
  border: 1px solid rgba(28,27,34,0.12);
  border-top-color: rgba(28,27,34,0.27);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.25), 0 4px 14px -4px rgba(28,27,34,0.11);
}
html[data-theme="light"] #fast-scan-ui .fs-done-btn:hover {
  background: linear-gradient(180deg, rgba(28,27,34,0.143), rgba(28,27,34,0.066));
}
html[data-theme="light"] #fast-scan-ui .fs-progress {
  background: rgba(28,27,34,0.044);
  box-shadow: inset 0 1px 1px rgba(28,27,34,0);
}
html[data-theme="light"] #fast-scan-ui .progress-bar-fill {
  background: linear-gradient(90deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-c084fc,192,132,252)));
  box-shadow: none;
}
html[data-theme="light"] #fast-scan-ui .fast-scan-subtitle {
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] #fast-scan-ui .fs-options {
  color: rgba(11,11,12,0.72);
}
html[data-theme="light"] #fast-scan-ui .canvas-section {
  background: none;
  border: none;
  box-shadow: none;
}
html[data-theme="light"] #fast-scan-ui .fast-scan-container {
  --fs-k: .7;
  --fs-kb: .7;
  --fs-t: max(calc(var(--fs-tile) * var(--fs-k)), min(var(--fs-tile), 140px));
}
html[data-theme="light"] #fast-scan-ui .fs-tile-label {
  color: rgba(var(--a-634182,99,65,130),0.8);
}
html[data-theme="light"] #fast-scan-ui .fs-form-label {
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] #fast-scan-ui .fs-form-label b {
  color: rgb(98,77,0);
}
html[data-theme="light"] #fast-scan-ui .letter-guide-container,
html[data-theme="light"] #fast-scan-ui .canvas-wrapper {
  background: rgb(var(--a-e8e6f4,232,230,244));
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.18);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.12), 0 14px 34px -12px rgba(28,27,34,0.154);
}
html[data-theme="light"] #fast-scan-ui .canvas-wrapper {
  border-color: rgba(var(--a-9458cc,148,88,204),0.55);
  border-top-color: rgba(var(--a-bca8d1,188,168,209),0.6);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.14), 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.072), 0 14px 34px -12px rgba(28,27,34,0.154);
}
html[data-theme="light"] #fast-scan-ui #fastScanCanvas {
  background: transparent !important;
}
html[data-theme="light"] #fast-scan-ui .fs-clear-btn {
  color: rgb(152,45,42);
  background: linear-gradient(180deg, rgba(255,69,58,0.28), rgba(255,69,58,0.12)), rgba(var(--a-e8e6f4,232,230,244),0.85);
  border: 1px solid rgba(205,57,55,0.35);
  border-top-color: rgba(207,117,108,0.5);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.14), 0 4px 12px -4px rgba(28,27,34,0.132);
}
html[data-theme="light"] #fast-scan-ui .fs-clear-btn:hover {
  background: linear-gradient(180deg, rgba(255,69,58,0.4), rgba(255,69,58,0.2)), rgba(var(--a-e8e6f4,232,230,244),0.85);
}
html[data-theme="light"] #fast-scan-ui #current-fast-scan-letter {
  fill: rgb(6,6,6);
  stroke: rgba(var(--a-15101f,21,16,31),0.85);
  filter: none;
}
html[data-theme="light"] #fast-scan-ui .fs-join line {
  stroke: rgb(98,77,0);
}
html[data-theme="light"] #fast-scan-ui .fs-join circle {
  fill: rgb(98,77,0);
}
html[data-theme="light"] #fast-scan-ui .fs-controls {
  background: linear-gradient(180deg, rgba(28,27,34,0.044), rgba(28,27,34,0.017));
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.15);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.12);
}
html[data-theme="light"] #fast-scan-ui .fs-brush {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] #fast-scan-ui .fs-brush-val {
  color: rgba(11,11,12,0.7);
}
html[data-theme="light"] #fast-scan-ui .fs-brush-dot {
  background: rgb(255,255,255);
  box-shadow: 0 0 6px rgba(255,255,255,0.4);
}
html[data-theme="light"] #fast-scan-ui .fs-icon-btn {
  color: rgba(11,11,12,0.9);
  background: linear-gradient(180deg, rgba(28,27,34,0.077), rgba(28,27,34,0.028));
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.21);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18), 0 3px 10px -3px rgba(28,27,34,0.11);
}
html[data-theme="light"] #fast-scan-ui .fs-icon-btn:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(28,27,34,0.11), rgba(28,27,34,0.044));
}
html[data-theme="light"] #fast-scan-ui .fs-icon-btn.clear-button {
  color: rgb(162,34,34);
  background: linear-gradient(180deg, rgba(255,69,58,0.22), rgba(255,69,58,0.08));
  border-color: rgba(205,57,55,0.3);
  border-top-color: rgba(207,117,108,0.45);
}
html[data-theme="light"] #fast-scan-ui .fs-icon-btn.clear-button:hover {
  background: linear-gradient(180deg, rgba(255,69,58,0.32), rgba(255,69,58,0.14));
}
html[data-theme="light"] #fast-scan-ui .nav-button {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.154) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0) 100%),
    linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 100%);
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35);
  border-top-color: rgba(28,27,34,0.413);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 10px 26px -10px rgba(var(--a-9333ea,147,51,234),0.24);
}
html[data-theme="light"] #fast-scan-ui .nav-button:hover {
  filter: brightness(1.08);
  background: linear-gradient(180deg, rgba(28,27,34,0.154) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0) 100%),
    linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 100%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 12px 28px -10px rgba(var(--a-9333ea,147,51,234),0.27);
}
html[data-theme="light"] #fast-scan-ui .nav-button.secondary {
  color: rgba(11,11,12,0.92);
  background: linear-gradient(180deg, rgba(28,27,34,0.077), rgba(28,27,34,0.028));
  border-color: rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.21);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18), 0 6px 18px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] #fast-scan-ui .nav-button.secondary:hover {
  filter: none;
  background: linear-gradient(180deg, rgba(28,27,34,0.11), rgba(28,27,34,0.044));
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18), 0 6px 18px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] #fast-scan-ui .nav-button:disabled {
  filter: none;
}
html[data-theme="light"] #fast-scan-ui .fs-hint {
  color: rgba(11,11,12,0.38);
}
html[data-theme="light"] #fast-scan-ui .fs-hint kbd {
  border: 1px solid rgba(28,27,34,0.12);
  background: rgba(28,27,34,0.033);
}
@media (max-width: 560px) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-tile: clamp(118px, min(calc((100vw - 56px) / 2), calc(100vh - 380px)), 240px);
  }
}
@media (min-width: 700px) and (min-height: 700px) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-tile: clamp(118px, min(calc((100vw - 110px) / 2), calc(100vh - 420px)), 400px);
  }
}
@supports (height: 1dvh) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-tile: clamp(118px, min(calc((100vw - 84px) / 2), calc(100dvh - 400px)), 252px);
  }
  @media (max-width: 560px) {
    html[data-theme="light"] #fast-scan-ui .fast-scan-container {
      --fs-tile: clamp(118px, min(calc((100vw - 56px) / 2), calc(100dvh - 380px)), 240px);
    }
  }
  @media (min-width: 700px) and (min-height: 700px) {
    html[data-theme="light"] #fast-scan-ui .fast-scan-container {
      --fs-tile: clamp(118px, min(calc((100vw - 110px) / 2), calc(100dvh - 420px)), 400px);
    }
  }
}
html[data-theme="light"] #fast-scan-ui .fast-scan-container {
  --fs-h: calc(100vh - 400px);
}
@media (max-width: 560px) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-h: calc(100vh - 380px);
  }
}
@media (min-width: 700px) and (min-height: 700px) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-h: calc(100vh - 420px);
  }
}
@supports (height: 1dvh) {
  html[data-theme="light"] #fast-scan-ui .fast-scan-container {
    --fs-h: calc(100dvh - 400px);
  }
  @media (max-width: 560px) {
    html[data-theme="light"] #fast-scan-ui .fast-scan-container {
      --fs-h: calc(100dvh - 380px);
    }
  }
  @media (min-width: 700px) and (min-height: 700px) {
    html[data-theme="light"] #fast-scan-ui .fast-scan-container {
      --fs-h: calc(100dvh - 420px);
    }
  }
}
html[data-theme="light"] #fast-scan-ui .fs-ghost-on {
  --fs-big: clamp(118px, min(calc(var(--fs-tile) * 2 + 14px), var(--fs-h, 400px)), 560px);
}
html[data-theme="light"] #fast-scan-ui .fs-ghost-on #fs-ghost-letter {
  fill: rgba(6,6,6,0.1);
  stroke: rgba(var(--a-574568,87,69,104),0.42);
}
@media (min-width: 700px) and (min-height: 700px) {
  html[data-theme="light"] #fast-scan-ui .fs-ghost-on {
    --fs-big: clamp(118px, min(calc(var(--fs-tile) * 2 + 20px), var(--fs-h, 400px)), 820px);
  }
}
html[data-theme="light"] #fast-scan-ui .fs-resize {
  border: 0;
  background: none;
  color: rgba(var(--a-574568,87,69,104),0.55);
}
html[data-theme="light"] #fast-scan-ui .fs-resize:hover,
html[data-theme="light"] #fast-scan-ui .fs-resize:focus-visible,
html[data-theme="light"] #fast-scan-ui .fs-resizing .fs-resize {
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] #fast-scan-ui .fs-resize:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] #fast-scan-ui .fs-size-pill {
  color: rgb(6,6,6);
  background: rgba(var(--a-e8e6f4,232,230,244),0.85);
  border: 1px solid rgba(28,27,34,0.12);
}
html[data-theme="light"] #fast-scan-ui .fs-resize.gg-tour-mark {
  color: rgb(6,6,6);
}

/* ── tour.css ── */
html[data-theme="light"] .gg-tour-hole {
  box-shadow: 0 0 0 9999px rgba(28,27,34,0.15), 0 0 0 2px rgba(var(--a-d8b4fe,216,180,254),0.9);
}
html[data-theme="light"] .gg-tour-nohole .gg-tour-hole {
  box-shadow: 0 0 0 9999px rgba(28,27,34,0.15);
}
html[data-theme="light"] .gg-tour-tip {
  color: rgb(6,6,6);
  background: linear-gradient(180deg, rgba(28,27,34,0.055), rgba(28,27,34,0) 40%), rgb(var(--a-e8e6f5,232,230,245));
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.225);
  box-shadow: 0 18px 44px -12px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gg-tour-step {
  color: rgba(var(--a-574568,87,69,104),0.75);
}
html[data-theme="light"] .gg-tour-skip {
  border: 0;
  background: none;
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .gg-tour-skip:hover {
  color: rgb(6,6,6);
}
html[data-theme="light"] .gg-tour-title {
  color: rgb(6,6,6);
}
html[data-theme="light"] .gg-tour-desc {
  color: rgba(11,11,12,0.82);
}
html[data-theme="light"] .gg-tour-dots i {
  background: rgba(28,27,34,0.138);
}
html[data-theme="light"] .gg-tour-dots i.on {
  background: rgb(var(--a-d8b4fe,216,180,254));
}
html[data-theme="light"] .gg-tour-next {
  border: 1px solid rgba(28,27,34,0.135);
  border-top-color: rgba(28,27,34,0.27);
  color: #fff;
  background: linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-9333ea,147,51,234)));
}
html[data-theme="light"] .gg-tour-next:focus-visible,
html[data-theme="light"] .gg-tour-skip:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}

/* ── glass26.css ── */
html[data-theme="light"] {
  --lg-radius-xl: 32px;
  --lg-radius-lg: 24px;
  --lg-radius: 18px;
  --lg-card: linear-gradient(180deg, rgba(28,27,34,0.041) 0%, rgba(28,27,34,0.01) 18%, rgba(28,27,34,0) 40%, rgba(var(--a-a855f7,168,85,247),0) 80%, rgba(var(--a-a855f7,168,85,247),0.08) 100%),
    linear-gradient(160deg, rgba(var(--a-e1ddf5,225,221,245),0.52) 0%, rgba(var(--a-ebe9f5,235,233,245),0.58) 45%, rgba(var(--a-edecf6,237,236,246),0.62) 100%);
  --lg-panel: linear-gradient(180deg, rgba(28,27,34,0.033) 0%, rgba(28,27,34,0.008) 40%, rgba(28,27,34,0.006) 100%);
  --lg-rim: rgba(28,27,34,0.075);
  --lg-rim-top: rgba(28,27,34,0.195);
  --lg-edge: inset 0 1px 1px rgba(255,255,255,0.16),
    inset 0 -1px 1px rgba(255,255,255,0.03);
  --lg-card-shadow: inset 0 1px 1px rgba(255,255,255,0.14),
    inset 0 -1px 1px rgba(255,255,255,0.03),
    0 14px 30px -18px rgba(28,27,34,0.165),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.108);
  --lg-btn: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.033) 55%, rgba(28,27,34,0.022) 100%);
  --lg-btn-hover: linear-gradient(180deg, rgba(28,27,34,0.121) 0%, rgba(28,27,34,0.05) 55%, rgba(28,27,34,0.033) 100%);
  --lg-btn-shadow: inset 0 1px 1px rgba(255,255,255,0.22),
    inset 0 -1px 2px rgba(28,27,34,0),
    0 6px 16px -8px rgba(28,27,34,0.132);
  --lg-primary: linear-gradient(180deg, rgba(28,27,34,0.15) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0) 100%),
    linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 100%);
  --lg-primary-shadow: inset 0 1px 1px rgba(255,255,255,0.42),
    0 10px 26px -10px rgba(var(--a-9333ea,147,51,234),0.258);
  --lg-ease: cubic-bezier(.3,1.25,.55,1);
}
html[data-theme="light"] body::before {
  background: rgb(var(--a-f1f1f6,241,241,246)) var(--gg-ambient, url("/assets/ambient.png")) center / 100% 100% no-repeat;
}
html[data-theme="light"] body {
  background: rgb(var(--a-f1f1f6,241,241,246));
}
html[data-theme="light"] .navbar {
  background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0.017) 45%, rgba(28,27,34,0.011) 100%),
    rgba(var(--a-ebe9f6,235,233,246),0.42) !important;
  border: 1px solid rgba(28,27,34,0.075) !important;
  border-top-color: rgba(28,27,34,0.21) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
    inset 0 -1px 1px rgba(255,255,255,0.04),
    0 12px 36px -12px rgba(28,27,34,0.143),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.12) !important;
}
html[data-theme="light"] .nav-links {
  background: rgba(28,27,34,0.025) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  box-shadow: inset 0 1px 1px rgba(28,27,34,0) !important;
}
html[data-theme="light"] .nav-indicator {
  background: linear-gradient(180deg, rgba(28,27,34,0.121), rgba(28,27,34,0.033)), rgba(var(--a-a855f7,168,85,247),0.35) !important;
  border: 1px solid rgba(28,27,34,0.105) !important;
  border-top-color: rgba(28,27,34,0.3) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 4px 14px -4px rgba(var(--a-a855f7,168,85,247),0.21) !important;
}
html[data-theme="light"] .navbar .nav-button {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .navbar .nav-button:hover {
  background: var(--lg-btn-hover) !important;
}
html[data-theme="light"] .navbar .nav-button.register-btn {
  background: var(--lg-primary) !important;
  border-color: rgba(var(--a-bca8d1,188,168,209),0.35) !important;
  border-top-color: rgba(28,27,34,0.413) !important;
  box-shadow: var(--lg-primary-shadow) !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  html[data-theme="light"] .nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.044) 0%, rgba(28,27,34,0.011) 40%),
      rgba(var(--a-eae8f6,234,232,246),0.96) !important;
    border-top-color: rgba(28,27,34,0.18) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.14), 0 24px 50px -16px rgba(28,27,34,0.154) !important;
  }
}
html[data-theme="light"] .hero-badge {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
}
html[data-theme="light"] .cta-button.primary {
  background: var(--lg-primary) !important;
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35) !important;
  border-top-color: rgba(28,27,34,0.413) !important;
  box-shadow: var(--lg-primary-shadow) !important;
}
html[data-theme="light"] .cta-button.primary:hover {
  filter: brightness(1.08);
}
html[data-theme="light"] .cta-button.secondary {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .cta-button.secondary:hover {
  background: var(--lg-btn-hover) !important;
}
html[data-theme="light"] .feature-pill {
  background: var(--lg-panel) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.135) !important;
  box-shadow: var(--lg-edge) !important;
}
html[data-theme="light"] .stat-item {
  background: var(--lg-card) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-card-shadow) !important;
}
html[data-theme="light"] #app-section,
html[data-theme="light"] #pdf-section,
html[data-theme="light"] #settings-section {
  background: var(--lg-card) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-card-shadow) !important;
}
html[data-theme="light"] .gg-step-num {
  color: #fff;
  background: var(--lg-primary);
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35);
  border-top-color: rgba(28,27,34,0.413);
  box-shadow: var(--lg-primary-shadow);
}
html[data-theme="light"] .gg-step-text h2,
html[data-theme="light"] .gg-step-text h3 {
  color: var(--text);
  background: none;
  -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .gg-step-text p {
  color: var(--text-3) !important;
}
html[data-theme="light"] .gg-chip,
html[data-theme="light"] #text-info-button.gg-chip,
html[data-theme="light"] #history-button.gg-chip {
  color: var(--text-2) !important;
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
}
html[data-theme="light"] .gg-chip:hover {
  background: var(--lg-btn-hover) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .canvas-btn,
html[data-theme="light"] .pdf-btn,
html[data-theme="light"] .settings-btn-item,
html[data-theme="light"] .page-nav-btn,
html[data-theme="light"] .fast-scan-btn,
html[data-theme="light"] #download-pdf-button,
html[data-theme="light"] #edit-pdf-button {
  color: var(--text) !important;
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  text-shadow: none !important;
  filter: none;
}
html[data-theme="light"] .canvas-btn:hover:not(:disabled),
html[data-theme="light"] .pdf-btn:hover:not(:disabled),
html[data-theme="light"] .settings-btn-item:hover,
html[data-theme="light"] .page-nav-btn:hover:not(:disabled),
html[data-theme="light"] #download-pdf-button:hover:not(:disabled),
html[data-theme="light"] #edit-pdf-button:hover:not(:disabled) {
  background: var(--lg-btn-hover) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  filter: none !important;
}
html[data-theme="light"] .canvas-btn:disabled,
html[data-theme="light"] .pdf-btn:disabled,
html[data-theme="light"] .page-nav-btn:disabled,
html[data-theme="light"] #download-pdf-button:disabled,
html[data-theme="light"] #edit-pdf-button:disabled {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.1) !important;
}
html[data-theme="light"] .canvas-btn:focus-visible,
html[data-theme="light"] .pdf-btn:focus-visible,
html[data-theme="light"] .settings-btn-item:focus-visible,
html[data-theme="light"] .gg-chip:focus-visible,
html[data-theme="light"] .fast-scan-btn:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .canvas-btn-save,
html[data-theme="light"] .pdf-btn-generate,
html[data-theme="light"] .fast-scan-btn,
html[data-theme="light"] #download-pdf-button:not(:disabled) {
  color: #fff !important;
  background: var(--lg-primary) !important;
  border-color: rgba(var(--a-bca8d1,188,168,209),0.35) !important;
  border-top-color: rgba(28,27,34,0.413) !important;
  box-shadow: var(--lg-primary-shadow) !important;
}
html[data-theme="light"] .canvas-btn-save:hover,
html[data-theme="light"] .pdf-btn-generate:hover:not(:disabled),
html[data-theme="light"] .fast-scan-btn:hover,
html[data-theme="light"] #download-pdf-button:not(:disabled):hover {
  background: var(--lg-primary) !important;
  box-shadow: var(--lg-primary-shadow) !important;
  filter: brightness(1.1) !important;
}
html[data-theme="light"] .canvas-btn-clear {
  color: rgb(162,34,34) !important;
  background: linear-gradient(180deg, rgba(255,69,58,0.2), rgba(255,69,58,0.07)) !important;
  border-color: rgba(205,57,55,0.26) !important;
  border-top-color: rgba(207,117,108,0.42) !important;
}
html[data-theme="light"] .canvas-btn-clear:hover {
  background: linear-gradient(180deg, rgba(255,69,58,0.28), rgba(255,69,58,0.12)) !important;
}
html[data-theme="light"] .fs-cta {
  background: linear-gradient(180deg, rgba(28,27,34,0.05) 0%, rgba(28,27,34,0.011) 45%),
    linear-gradient(120deg, rgba(var(--a-a855f7,168,85,247),0.26) 0%, rgba(var(--a-9333ea,147,51,234),0.12) 55%, rgba(var(--a-4f46e5,79,70,229),0.12) 100%);
  border: 1px solid rgba(var(--a-ab88cf,171,136,207),0.22);
  border-top-color: rgba(28,27,34,0.24);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18), 0 10px 22px -14px rgba(var(--a-a855f7,168,85,247),0.24);
}
html[data-theme="light"] .fs-cta-icon {
  color: #fff;
  background: var(--lg-primary);
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35);
  border-top-color: rgba(28,27,34,0.413);
  box-shadow: var(--lg-primary-shadow);
}
html[data-theme="light"] .fs-cta-title {
  color: rgb(6,6,6);
}
html[data-theme="light"] .fs-cta-count {
  color: rgb(0,95,53);
}
html[data-theme="light"] .fs-cta-sub {
  color: rgba(11,11,12,0.68);
}
html[data-theme="light"] .fs-cta-bar {
  background: rgba(28,27,34,0.055);
}
html[data-theme="light"] .fs-cta-bar-fill {
  background: linear-gradient(90deg, rgb(52,211,122), rgb(110,250,170));
}
html[data-theme="light"] .fs-cta.fs-cta-done .fs-cta-icon {
  background: linear-gradient(180deg, rgba(28,27,34,0.165), rgba(28,27,34,0) 60%), linear-gradient(135deg, rgb(34,197,94), rgb(22,163,74));
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 8px 20px -8px rgba(34,197,94,0.48);
  border-color: rgba(142,201,164,0.4);
}
html[data-theme="light"] .fs-cta.fs-cta-done .fast-scan-btn {
  background: var(--lg-btn) !important;
  border-color: var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
}
html[data-theme="light"] .lp-shell {
  background: var(--lg-panel) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.135) !important;
  box-shadow: var(--lg-edge) !important;
}
html[data-theme="light"] .lp-tabs {
  background: rgba(28,27,34,0.044) !important;
  border: 1px solid rgba(28,27,34,0.045) !important;
  box-shadow: inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] .lp-tab-indicator,
html[data-theme="light"] .lp-tab.active {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.28), 0 3px 10px -3px rgba(var(--a-a855f7,168,85,247),0.21) !important;
}
html[data-theme="light"] #app-section .canvas-section {
  background: var(--lg-panel) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.135) !important;
  box-shadow: var(--lg-edge) !important;
}
html[data-theme="light"] #app-section .canvas-wrapper {
  background: rgb(var(--a-e8e6f4,232,230,244)) !important;
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.5) !important;
  border-top-color: rgba(var(--a-bca8d1,188,168,209),0.55) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.14), 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.06), 0 16px 36px -14px rgba(28,27,34,0.165) !important;
}
html[data-theme="light"] #app-section .canvas-wrapper img {
  box-shadow: none !important;
}
html[data-theme="light"] #app-section .canvas-header-label {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  color: var(--text-2) !important;
}
html[data-theme="light"] #canvas-letter-label {
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] #app-section .canvas-info {
  color: var(--text-3) !important;
}
html[data-theme="light"] #app-section .brush-controls {
  background: rgba(28,27,34,0.036) !important;
  border: 1px solid rgba(28,27,34,0.053) !important;
  box-shadow: inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] #app-section .brush-label {
  color: var(--text-3);
}
html[data-theme="light"] #app-section .brush-val {
  color: var(--text-2);
}
html[data-theme="light"] #app-section .brush-preview {
  background: rgb(255,255,255) !important;
  box-shadow: 0 0 6px rgba(255,255,255,0.35);
}
html[data-theme="light"] #app-section #saved-letters-container {
  background: rgba(28,27,34,0.032) !important;
  border: 1px solid rgba(28,27,34,0.045) !important;
  box-shadow: inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] #app-section #saved-letters-container h2 {
  color: var(--text-3) !important;
}
html[data-theme="light"] #app-section #current-letter {
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] #userText {
  background: rgba(28,27,34,0.04) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  box-shadow: inset 0 1px 3px rgba(28,27,34,0) !important;
}
html[data-theme="light"] #userText:focus {
  border-color: rgba(var(--a-9458cc,148,88,204),0.55) !important;
  box-shadow: inset 0 1px 3px rgba(28,27,34,0), 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.096) !important;
}
html[data-theme="light"] .btn-clear-text {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
}
html[data-theme="light"] #download-pdf-button.pdf-outdated:not(:disabled) {
  background: linear-gradient(180deg, rgba(28,27,34,0.165), rgba(28,27,34,0) 55%), linear-gradient(135deg, rgb(245,158,11), rgb(217,119,6)) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 10px 24px -10px rgba(245,158,11,0.8) !important;
}
html[data-theme="light"] .pdf-placeholder {
  background: rgba(28,27,34,0.028) !important;
  border: 1.5px dashed rgba(28,27,34,0.075) !important;
}
html[data-theme="light"] .settings-button-group .settings-btn-item {
  color: var(--text) !important;
}
html[data-theme="light"] #presets-button {
  color: #fff !important;
  background: var(--lg-primary) !important;
  border-color: rgba(var(--a-bca8d1,188,168,209),0.35) !important;
  border-top-color: rgba(28,27,34,0.413) !important;
  box-shadow: var(--lg-primary-shadow) !important;
}
html[data-theme="light"] #presets-button:hover {
  filter: brightness(1.1) !important;
  background: var(--lg-primary) !important;
  box-shadow: var(--lg-primary-shadow) !important;
}
html[data-theme="light"] #reset-settings-button {
  color: rgb(152,45,42) !important;
}
html[data-theme="light"] .settings-group {
  background: var(--lg-panel);
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.135);
  box-shadow: var(--lg-edge);
}
html[data-theme="light"] .settings-group-title {
  color: rgba(var(--a-634182,99,65,130),0.8);
}
html[data-theme="light"] .settings-save-state {
  color: var(--text-3);
  background: rgba(28,27,34,0.022);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .settings-save-state::before {
  background: rgb(48,209,88);
  --ss-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 12.3l2.7 2.7L16.2 9.5'/%3E%3C/svg%3E");
}
html[data-theme="light"] .settings-save-state[data-state="saving"]::before {
  background: var(--text-3);
  --ss-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.2-8.6'/%3E%3C/svg%3E");
}
html[data-theme="light"] .settings-save-state[data-state="error"] {
  color: rgb(152,45,42);
}
html[data-theme="light"] .settings-save-state[data-state="error"]::before {
  background: rgb(255,138,128);
  --ss-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E");
}
html[data-theme="light"] .settings-preview {
  background: var(--lg-panel);
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.135);
  box-shadow: var(--lg-edge);
}
html[data-theme="light"] .settings-preview-zoom {
  color: var(--text-2);
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.09);
}
html[data-theme="light"] .settings-preview-zoom:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.22);
  color: rgb(6,6,6);
}
html[data-theme="light"] .settings-preview-zoom:focus-visible,
html[data-theme="light"] .settings-preview-page:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.9);
}
html[data-theme="light"] .settings-preview-page {
  border: 0;
  background: rgb(255,255,255);
  box-shadow: 0 6px 22px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .settings-preview-note {
  color: rgb(85,85,85);
  background: rgb(250,250,250);
}
@media (max-width: 980px) {
  html[data-theme="light"] .settings-preview {
    background: rgb(var(--a-eceaf6,236,234,246));
    box-shadow: var(--lg-edge), 0 12px 30px -10px rgba(28,27,34,0.176);
  }
  html[data-theme="light"] .settings-preview-page::after {
    background: linear-gradient(rgba(28,27,34,0), rgba(28,27,34,0.024));
  }
}
html[data-theme="light"] .gg-pv-overlay {
  background: rgba(var(--a-f4f3f9,244,243,249),0.86);
}
html[data-theme="light"] .gg-pv-title {
  color: var(--text);
}
html[data-theme="light"] .gg-pv-btn {
  color: var(--text);
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.105);
}
html[data-theme="light"] .gg-pv-btn:hover:not(:disabled) {
  background: rgba(28,27,34,0.088);
}
html[data-theme="light"] .gg-pv-btn:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.9);
}
html[data-theme="light"] .gg-pv-level {
  color: var(--text-2);
}
html[data-theme="light"] .gg-pv-side .settings-group {
  background: rgb(var(--a-eceaf6,236,234,246));
}
html[data-theme="light"] .gg-pv-page {
  background: rgb(255,255,255);
  box-shadow: 0 18px 50px -12px rgba(28,27,34,0.176);
}
html[data-theme="light"] .gg-help-btn {
  border: 1px solid rgba(28,27,34,0.135);
  background: rgba(28,27,34,0.033);
  color: var(--text-2);
}
html[data-theme="light"] .gg-help-btn:hover,
html[data-theme="light"] .gg-help-btn[aria-expanded="true"] {
  background: rgba(var(--a-a855f7,168,85,247),0.28);
  color: rgb(6,6,6);
  border-color: rgba(var(--a-9458cc,148,88,204),0.5);
}
html[data-theme="light"] .gg-help-btn:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.9);
}
html[data-theme="light"] .gg-help-text {
  color: var(--text-2);
  background: rgba(var(--a-a855f7,168,85,247),0.1);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.18);
}
html[data-theme="light"] .settings-group .slider-container,
html[data-theme="light"] .settings-group .color-picker-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .settings-group .slider-container + .slider-container::before,
html[data-theme="light"] .settings-group .color-picker-container + .slider-container::before {
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .settings-group .slider-container:hover {
  background: rgba(28,27,34,0.017) !important;
}
html[data-theme="light"] .settings-group .slider-label-text {
  color: var(--text-2) !important;
}
html[data-theme="light"] .slider-value {
  background: rgba(var(--a-a855f7,168,85,247),0.18) !important;
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.28) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.14) !important;
  color: rgb(var(--a-140c1b,20,12,27)) !important;
}
html[data-theme="light"] .color-picker-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .color-picker-wrapper label {
  color: var(--text-2);
}
html[data-theme="light"] #letterColor {
  border: 2px solid rgba(28,27,34,0.525) !important;
  box-shadow: 0 0 0 1px rgba(28,27,34,0.088), 0 4px 12px -4px rgba(28,27,34,0.132) !important;
}
html[data-theme="light"] .faq-eyebrow {
  color: rgb(var(--a-634182,99,65,130));
  background: rgba(var(--a-a855f7,168,85,247),0.12);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.18);
}
html[data-theme="light"] .faq-title {
  background: none;
  -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .faq-sub {
  color: var(--text-2);
}
html[data-theme="light"] .faq-list {
  background: var(--lg-card);
  border: 1px solid rgba(28,27,34,0.06);
  border-top-color: rgba(28,27,34,0.12);
  box-shadow: var(--lg-card-shadow);
}
html[data-theme="light"] .faq-list .faq-item {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .faq-list .faq-item + .faq-item::before {
  background: rgba(28,27,34,0.05);
}
@media (hover: hover) {
  html[data-theme="light"] .faq-list .faq-item:not(.active):hover {
    background: rgba(28,27,34,0.019) !important;
  }
  html[data-theme="light"] .faq-list .faq-item:not(.active):hover .faq-toggle {
    background: var(--lg-btn-hover);
    color: rgb(6,6,6);
  }
}
html[data-theme="light"] .faq-list .faq-item.active {
  background: linear-gradient(180deg, rgba(28,27,34,0.039), rgba(28,27,34,0.011)), rgba(var(--a-a855f7,168,85,247),0.07) !important;
  border-color: rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.105) !important;
}
html[data-theme="light"] .faq-list .faq-question {
  outline: none;
}
html[data-theme="light"] .faq-list .faq-question:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(var(--a-d8b4fe,216,180,254),0.7);
}
html[data-theme="light"] .faq-toggle {
  color: rgba(11,11,12,0.8);
  background: var(--lg-btn);
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 4px 10px -6px rgba(28,27,34,0.132);
}
html[data-theme="light"] .faq-toggle::before,
html[data-theme="light"] .faq-toggle::after {
  background: currentColor;
}
html[data-theme="light"] .faq-item.active .faq-toggle {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.099), rgba(28,27,34,0.022)), rgba(var(--a-a855f7,168,85,247),0.55);
  border-color: rgba(var(--a-bca8d1,188,168,209),0.25);
}
html[data-theme="light"] .faq-list .faq-answer > p {
  color: var(--text-2);
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"] .navbar {
    background: rgba(var(--a-ebe9f6,235,233,246),0.96) !important;
  }
}
html[data-theme="light"] .nav-links .nav-indicator.gl-lifted,
html[data-theme="light"] .fb-tabs .fb-indicator.gl-lifted,
html[data-theme="light"] .lp-tabs .lp-tab-indicator.gl-lifted,
html[data-theme="light"] .bgs-tabs .bgs-tabs-lens.gl-lifted {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0) 45%, rgba(28,27,34,0.017) 100%),
    rgba(var(--a-a855f7,168,85,247),0.03) !important;
  border-color: rgba(28,27,34,0.21) !important;
  border-top-color: rgba(28,27,34,0.525) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -1px 2px rgba(255,255,255,0.2),
    inset 0 0 12px rgba(255,255,255,0.1),
    inset 0 0 0 0.5px rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] .hero-features .feature-pill #avg-rating-display {
  color: rgb(98,77,0);
}
html[data-theme="light"] .how-step {
  background: var(--lg-card);
  border: 1px solid var(--lg-rim);
  border-top-color: var(--lg-rim-top);
  box-shadow: var(--lg-card-shadow);
}
html[data-theme="light"] .how-step strong {
  color: var(--text);
}
html[data-theme="light"] .how-step span:not(.how-num) {
  color: var(--text-3);
}
html[data-theme="light"] .how-num {
  color: #fff;
  background: var(--lg-primary);
  box-shadow: var(--lg-primary-shadow);
}
html[data-theme="light"] .guide-sub {
  color: var(--text-2);
}
html[data-theme="light"] .guide-all {
  color: rgb(6,6,6);
  background: linear-gradient(180deg, rgba(28,27,34,0.077), rgba(28,27,34,0.017)), rgba(var(--a-a855f7,168,85,247),0.28);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 6px 20px rgba(28,27,34,0.055);
}
html[data-theme="light"] .guide-all:hover {
  background: linear-gradient(180deg, rgba(28,27,34,0.099), rgba(28,27,34,0.028)), rgba(var(--a-a855f7,168,85,247),0.38);
}
html[data-theme="light"] .guide-card {
  background: var(--lg-card);
  border: 1px solid var(--lg-rim);
  border-top-color: var(--lg-rim-top);
  box-shadow: var(--lg-card-shadow);
}
html[data-theme="light"] .guide-card:hover {
  border-color: rgba(var(--a-9458cc,148,88,204),0.4);
}
html[data-theme="light"] .guide-card .gc-title {
  color: var(--text);
}
html[data-theme="light"] .guide-card .gc-text {
  color: var(--text-3);
}
html[data-theme="light"] .canvas-btn.canvas-btn-save:hover:not(:disabled) {
  background: var(--lg-primary) !important;
  box-shadow: var(--lg-primary-shadow) !important;
  filter: brightness(1.1) !important;
}
html[data-theme="light"] .canvas-btn.canvas-btn-clear:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(255,69,58,0.3), rgba(255,69,58,0.13)) !important;
}
html[data-theme="light"] .feedback-container {
  background: linear-gradient(180deg, rgba(28,27,34,0.05) 0%, rgba(28,27,34,0.011) 22%, rgba(28,27,34,0) 45%),
    linear-gradient(160deg, rgba(var(--a-dfdbf4,223,219,244),0.94) 0%, rgba(var(--a-eae9f5,234,233,245),0.97) 45%, rgba(var(--a-eeedf6,238,237,246),0.98) 100%) !important;
  border-color: rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.225) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), 0 30px 80px -20px rgba(28,27,34,0.176), 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15) !important;
}
html[data-theme="light"] .fb-top .fb-tabs {
  background: rgba(28,27,34,0.05) !important;
  border-color: rgba(28,27,34,0.053) !important;
  box-shadow: inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] .fb-indicator {
  background: linear-gradient(180deg, rgba(28,27,34,0.143), rgba(28,27,34,0.028) 60%), linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.85), rgba(var(--a-9333ea,147,51,234),0.75)) !important;
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.3) !important;
  border-top-color: rgba(28,27,34,0.375) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35), 0 6px 16px -6px rgba(var(--a-9333ea,147,51,234),0.21) !important;
}
html[data-theme="light"] .fb-top-close {
  color: var(--text-2);
  background: var(--lg-btn);
  border: 1px solid var(--lg-rim);
  border-top-color: var(--lg-rim-top);
  box-shadow: var(--lg-btn-shadow);
}
html[data-theme="light"] .fb-top-close:hover {
  background: var(--lg-btn-hover);
  color: rgb(6,6,6);
}
html[data-theme="light"] .fb-subtitle {
  color: var(--text-2) !important;
}
html[data-theme="light"] .fb-star {
  color: rgba(6,6,6,0.12) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .fb-star.active {
  color: rgb(106,78,0) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .fb-star-hint {
  color: var(--text-3);
}
html[data-theme="light"] .fb-star-hint.on {
  color: rgb(98,77,0);
}
html[data-theme="light"] #feedback-text {
  background: rgba(28,27,34,0.044) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  box-shadow: inset 0 1px 3px rgba(28,27,34,0) !important;
}
html[data-theme="light"] #feedback-text:focus {
  border-color: rgba(var(--a-9458cc,148,88,204),0.55) !important;
  box-shadow: inset 0 1px 3px rgba(28,27,34,0), 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.096) !important;
}
html[data-theme="light"] .btn-cancel {
  background: var(--lg-btn) !important;
  border: 1px solid var(--lg-rim) !important;
  border-top-color: var(--lg-rim-top) !important;
  box-shadow: var(--lg-btn-shadow) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .btn-submit {
  background: var(--lg-primary) !important;
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35) !important;
  border-top-color: rgba(28,27,34,0.413) !important;
  box-shadow: var(--lg-primary-shadow) !important;
  color: #fff !important;
}
html[data-theme="light"] .btn-submit:hover:not(:disabled) {
  filter: brightness(1.08);
}
html[data-theme="light"] .btn-submit:disabled {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
html[data-theme="light"] .average-rating {
  background: linear-gradient(180deg, rgba(28,27,34,0.044), rgba(28,27,34,0.011)), rgba(var(--a-a855f7,168,85,247),0.12) !important;
  border: 1px solid rgba(var(--a-ab88cf,171,136,207),0.2) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.16) !important;
}
html[data-theme="light"] .feedback-item {
  background: linear-gradient(180deg, rgba(28,27,34,0.033), rgba(28,27,34,0.008)) !important;
  border: 1px solid rgba(28,27,34,0.06) !important;
  border-top-color: rgba(28,27,34,0.12) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.1) !important;
}
html[data-theme="light"] .feedback-comment {
  color: var(--text) !important;
}
html[data-theme="light"] {
  --hv-ease: cubic-bezier(.2,.8,.2,1);
}
@media (hover: hover) {
  html[data-theme="light"] body .canvas-btn:not(.canvas-btn-save):not(.canvas-btn-clear):hover:not(:disabled),
html[data-theme="light"] body .pdf-btn-bg:hover,
html[data-theme="light"] body #edit-pdf-button:hover:not(:disabled),
html[data-theme="light"] body .settings-btn-item:not(#presets-button):hover,
html[data-theme="light"] body .gg-chip:hover,
html[data-theme="light"] body .cta-button.secondary:hover,
html[data-theme="light"] body .navbar .nav-button:not(.register-btn):hover,
html[data-theme="light"] body .btn-cancel:hover {
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.32), inset 0 -1px 2px rgba(28,27,34,0), 0 10px 22px -10px rgba(28,27,34,0.154), 0 0 0 1px rgba(var(--a-d8b4fe,216,180,254),0.12) !important;
  }
  html[data-theme="light"] body .canvas-btn-save:hover:not(:disabled),
html[data-theme="light"] body .pdf-btn-generate:hover:not(:disabled),
html[data-theme="light"] body .fast-scan-btn:hover,
html[data-theme="light"] body #download-pdf-button:not(:disabled):hover,
html[data-theme="light"] body #presets-button:hover,
html[data-theme="light"] body .cta-button.primary:hover,
html[data-theme="light"] body .navbar .nav-button.register-btn:hover,
html[data-theme="light"] body .btn-submit:hover:not(:disabled) {
    filter: brightness(1.08) saturate(1.05) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.45), 0 14px 30px -10px rgba(var(--a-9333ea,147,51,234),0.288) !important;
  }
  html[data-theme="light"] body .guide-card:hover {
    border-color: rgba(var(--a-ab88cf,171,136,207),0.35) !important;
    box-shadow: var(--lg-card-shadow), 0 18px 34px -18px rgba(var(--a-a855f7,168,85,247),0.168) !important;
  }
  html[data-theme="light"] body .how-step:hover {
    border-color: rgba(var(--a-ab88cf,171,136,207),0.25) !important;
  }
}
html[data-theme="light"] .pdf-placeholder-icon {
  color: rgba(var(--a-634182,99,65,130),0.38);
  filter: drop-shadow(0 6px 18px rgba(var(--a-a855f7,168,85,247),0.078));
}
html[data-theme="light"] :where(button, a, select, [tabindex]:not(input):not(textarea)):focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.85) !important;
}
html[data-theme="light"] #pdf-gen-overlay {
  background: rgba(var(--a-f1f0f7,241,240,247),0.55) !important;
}
html[data-theme="light"] .gen-card {
  background: linear-gradient(180deg, rgba(28,27,34,0.055), rgba(28,27,34,0.014) 55%),
    rgba(var(--a-ebe9f7,235,233,247),0.55);
  border: 1px solid rgba(28,27,34,0.075);
  border-top-color: rgba(28,27,34,0.195);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18), 0 24px 60px -24px rgba(28,27,34,0.176), 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15);
}
html[data-theme="light"] .gen-bar-track {
  background: rgba(28,27,34,0.044) !important;
}
html[data-theme="light"] .gen-step-text {
  color: var(--text-3, rgba(11,11,12,0.5)) !important;
}
html[data-theme="light"] #app-section.gg-hw-collapsed .gg-step-head:hover .gg-hw-toggle {
  background: var(--lg-btn-hover) !important;
  color: rgb(6,6,6) !important;
}
html[data-theme="light"] .gg-hw-toggle:hover {
  color: rgb(6,6,6) !important;
}
html[data-theme="light"] .gg-hw-count {
  color: var(--text-2);
  background: rgba(28,27,34,0.044);
}
html[data-theme="light"] .gg-hw-count.is-done {
  color: rgb(0,95,53);
  background: rgba(52,211,122,0.14);
}
html[data-theme="light"] .gg-pen-lens {
  background: linear-gradient(180deg, rgba(var(--a-a855f7,168,85,247),0.55), rgba(var(--a-a855f7,168,85,247),0.3));
  border: 1px solid rgba(var(--a-bca8d1,188,168,209),0.35);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.25), 0 4px 12px -4px rgba(var(--a-a855f7,168,85,247),0.36);
}
html[data-theme="light"] .gg-pen-lens.gl-lifted {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0) 45%, rgba(28,27,34,0.017) 100%),
    rgba(var(--a-a855f7,168,85,247),0.03) !important;
  border-color: rgba(28,27,34,0.21) !important;
  border-top-color: rgba(28,27,34,0.525) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -1px 2px rgba(255,255,255,0.2),
    inset 0 0 12px rgba(255,255,255,0.1),
    inset 0 0 0 0.5px rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] .gg-pen-tool {
  border: 1px solid transparent;
  background: none;
  color: var(--text-3, rgba(11,11,12,0.6));
}
html[data-theme="light"] .gg-pen-tool:hover {
  color: var(--text, rgb(6,6,6));
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] .gg-pen-tool.active {
  color: rgb(6,6,6);
  background: none;
}
html[data-theme="light"] .gg-pen-tool:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .gg-pen-name {
  color: var(--text-2, rgba(11,11,12,0.8));
}
html[data-theme="light"] #app-section .gg-pen-row {
  background: rgba(28,27,34,0.036);
  border: 1px solid rgba(28,27,34,0.053);
  box-shadow: inset 0 1px 2px rgba(28,27,34,0);
}
html[data-theme="light"] .fn-lens {
  background: linear-gradient(135deg, rgba(var(--a-b964ff,185,100,255),0.8), rgba(var(--a-a855f7,168,85,247),0.7) 50%, rgba(var(--a-9333ea,147,51,234),0.65));
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.5);
  box-shadow: 0 4px 16px rgba(var(--a-a855f7,168,85,247),0.192), inset 0 1px 0 rgba(255,255,255,0.25);
}
html[data-theme="light"] .fn-lens.gl-lifted {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0) 45%, rgba(28,27,34,0.017) 100%),
    rgba(var(--a-a855f7,168,85,247),0.03) !important;
  border-color: rgba(28,27,34,0.21) !important;
  border-top-color: rgba(28,27,34,0.525) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -1px 2px rgba(255,255,255,0.2),
    inset 0 0 12px rgba(255,255,255,0.1),
    inset 0 0 0 0.5px rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] .gg-fine-btn {
  color: rgb(var(--a-140c1b,20,12,27));
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.105);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.1);
}
html[data-theme="light"] .gg-fine-btn:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.22);
}
html[data-theme="light"] .gg-fine-btn:focus-visible {
  outline: 2px solid rgba(var(--a-9458cc,148,88,204),0.8);
}
html[data-theme="light"] .gg-paper-hint {
  color: var(--text-2);
}
html[data-theme="light"] .gg-snap-sub {
  color: var(--text-2);
}

/* ── liquid.css ── */
html[data-theme="light"] {
  --gl-tint: rgba(var(--a-e8e6f5,232,230,245),0.72);
  --gl-sheen: linear-gradient(180deg, rgba(28,27,34,0.055) 0%, rgba(28,27,34,0.019) 34%, rgba(28,27,34,0.008) 100%);
  --gl-blur: blur(26px) saturate(180%);
  --gl-rim: rgba(28,27,34,0.09);
  --gl-rim-top: rgba(28,27,34,0.225);
  --gl-shadow: inset 0 1px 0.5px rgba(255,255,255,0.26),
    inset 0 -1px 1px rgba(255,255,255,0.04),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.132),
    0 34px 90px -30px rgba(28,27,34,0.187),
    0 10px 30px -14px rgba(28,27,34,0.121);
  --gl-radius: 30px;
  --gl-radius-sm: 16px;
  --gl-well: rgba(28,27,34,0.03);
  --gl-well-rim: rgba(28,27,34,0.06);
  --gl-scrim: rgba(220,218,229,0.52);
  --gl-spring: cubic-bezier(.32, 1.26, .54, 1);
  --gl-out: cubic-bezier(.4, 0, .6, .2);
  --gl-btn: linear-gradient(180deg, rgba(28,27,34,0.094) 0%, rgba(28,27,34,0.039) 42%, rgba(28,27,34,0.028) 68%, rgba(28,27,34,0.061) 100%);
  --gl-btn-hover: linear-gradient(180deg, rgba(28,27,34,0.127) 0%, rgba(28,27,34,0.055) 42%, rgba(28,27,34,0.044) 68%, rgba(28,27,34,0.083) 100%);
  --gl-rim3d: inset 0 1px 0 0 rgba(255,255,255,0.42),
    inset 0 -1px 0 0 rgba(255,255,255,0.14),
    inset 1px 0 1px -0.5px rgba(255,255,255,0.1),
    inset -1px 0 1px -0.5px rgba(255,255,255,0.1),
    inset 0 10px 14px -12px rgba(255,255,255,0.32),
    inset 0 -12px 16px -14px rgba(255,255,255,0.26);
  --gl-rim3d-hover: inset 0 1px 0 0 rgba(255,255,255,0.52),
    inset 0 -1px 0 0 rgba(255,255,255,0.18),
    inset 1px 0 1px -0.5px rgba(255,255,255,0.14),
    inset -1px 0 1px -0.5px rgba(255,255,255,0.14),
    inset 0 10px 14px -12px rgba(255,255,255,0.4),
    inset 0 -12px 16px -14px rgba(255,255,255,0.32);
  --gl-rim3d-press: inset 0 1px 0 0 rgba(255,255,255,0.55),
    inset 0 -1px 0 0 rgba(255,255,255,0.22),
    inset 1px 0 1px -0.5px rgba(255,255,255,0.16),
    inset -1px 0 1px -0.5px rgba(255,255,255,0.16),
    inset 0 0 18px 0 rgba(255,255,255,0.16),
    inset 0 -12px 16px -14px rgba(255,255,255,0.36);
  --gl-drop3d: 0 1px 1.5px rgba(28,27,34,0.066), 0 8px 18px -8px rgba(28,27,34,0.121);
  --gl-btn-shadow: var(--gl-rim3d), var(--gl-drop3d);
  --gl-primary: radial-gradient(120% 90% at 50% -10%, rgba(28,27,34,0.165) 0%, rgba(28,27,34,0.03) 48%, rgba(28,27,34,0) 70%), linear-gradient(180deg, rgba(28,27,34,0) 60%, rgba(28,27,34,0.105) 100%), linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)) 0%, rgb(var(--a-9333ea,147,51,234)) 100%);
  --gl-rim3d-primary: inset 0 1px 0 0 rgba(255,255,255,0.58),
    inset 0 -1px 0 0 rgba(255,255,255,0.24),
    inset 1px 0 1px -0.5px rgba(255,255,255,0.16),
    inset -1px 0 1px -0.5px rgba(255,255,255,0.16),
    inset 0 10px 14px -12px rgba(255,255,255,0.45),
    inset 0 -12px 16px -14px rgba(255,255,255,0.34);
  --gl-drop3d-primary: 0 1px 1.5px rgba(28,27,34,0.062), 0 10px 22px -10px rgba(var(--a-9333ea,147,51,234),0.234);
  --gl-primary-shadow: var(--gl-rim3d-primary), var(--gl-drop3d-primary);
  --gl-danger: linear-gradient(180deg, rgba(28,27,34,0.143) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0.066) 100%), linear-gradient(135deg, rgb(255,90,79) 0%, rgb(217,45,32) 100%);
  --gl-danger-shadow: var(--gl-rim3d-primary), 0 1px 1.5px rgba(28,27,34,0.062), 0 10px 22px -10px rgba(255,69,58,0.45);
}
html[data-theme="light"] .auth-overlay,
html[data-theme="light"] .account-settings-dialog,
html[data-theme="light"] .modern-dialog-overlay,
html[data-theme="light"] .feedback-overlay,
html[data-theme="light"] #news-popup-overlay,
html[data-theme="light"] .presets-overlay,
html[data-theme="light"] .background-selection-overlay,
html[data-theme="light"] .slider-warning-overlay,
html[data-theme="light"] #history-overlay,
html[data-theme="light"] #pme-addpage-backdrop,
html[data-theme="light"] #pme-delete-backdrop,
html[data-theme="light"] #pme-at-overlay,
html[data-theme="light"] .pme-help,
html[data-theme="light"] #fast-scan-ui {
  background: var(--gl-scrim) !important;
}
html[data-theme="light"] .auth-dialog,
html[data-theme="light"] .account-settings-content,
html[data-theme="light"] .modern-dialog-content,
html[data-theme="light"] .sd-wrap,
html[data-theme="light"] .feedback-container,
html[data-theme="light"] #news-popup,
html[data-theme="light"] .presets-panel,
html[data-theme="light"] .background-selection-dialog,
html[data-theme="light"] .slider-warning-dialog,
html[data-theme="light"] #history-panel,
html[data-theme="light"] #pme-addpage-box,
html[data-theme="light"] #pme-delete-box,
html[data-theme="light"] #pme-at-box,
html[data-theme="light"] .pme-help-box,
html[data-theme="light"] .preset-rename-dialog,
html[data-theme="light"] #fast-scan-ui .fast-scan-container {
  background: var(--gl-sheen), var(--gl-tint) !important;
  border: 1px solid var(--gl-rim) !important;
  border-top-color: var(--gl-rim-top) !important;
  box-shadow: var(--gl-shadow) !important;
  color: rgb(11,11,12);
}
html[data-theme="light"] #fast-scan-ui .fast-scan-container {
  background: var(--gl-sheen), rgba(var(--a-e9e7f5,233,231,245),0.88) !important;
}
html[data-theme="light"] #pme-at-input {
  background: var(--gl-well) !important;
  border: 1px solid var(--gl-well-rim) !important;
}
html[data-theme="light"] #pme-at-input:focus {
  border-color: rgba(var(--a-9458cc,148,88,204),0.65) !important;
  box-shadow: 0 0 0 3.5px rgba(var(--a-a855f7,168,85,247),0.132) !important;
}
html[data-theme="light"] .settings-header h3,
html[data-theme="light"] .auth-header h2,
html[data-theme="light"] .sd-title,
html[data-theme="light"] .bg-dialog-header h3,
html[data-theme="light"] .presets-title-row h3,
html[data-theme="light"] .fb-write-title,
html[data-theme="light"] .fb-reviews-title,
html[data-theme="light"] .slider-warning-title,
html[data-theme="light"] .gl-title {
  color: rgb(11,11,12) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] .auth-close-btn,
html[data-theme="light"] .settings-header .close-button,
html[data-theme="light"] .sd-close,
html[data-theme="light"] .fb-top-close,
html[data-theme="light"] .presets-close-btn,
html[data-theme="light"] .bg-close-btn,
html[data-theme="light"] .news-popup-close,
html[data-theme="light"] .fb-close-btn,
html[data-theme="light"] .gl-close {
  color: rgba(11,11,12,0.78) !important;
  background: var(--gl-btn) !important;
  border: 1px solid rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.165) !important;
  box-shadow: var(--gl-btn-shadow) !important;
}
html[data-theme="light"] .auth-close-btn:hover,
html[data-theme="light"] .settings-header .close-button:hover,
html[data-theme="light"] .sd-close:hover,
html[data-theme="light"] .fb-top-close:hover,
html[data-theme="light"] .presets-close-btn:hover,
html[data-theme="light"] .bg-close-btn:hover,
html[data-theme="light"] .news-popup-close:hover,
html[data-theme="light"] .fb-close-btn:hover,
html[data-theme="light"] .gl-close:hover {
  background: var(--gl-btn-hover) !important;
  color: rgb(6,6,6) !important;
}
@supports selector(:has(a)) {
  html[data-theme="light"] :is(.auth-close-btn, .sd-close, .bg-close-btn, .fb-close-btn, .gl-close):not(:has(svg))::before {
    background: currentColor;
  }
}
html[data-theme="light"] .auth-button-primary,
html[data-theme="light"] .action-button.purple,
html[data-theme="light"] .sd-close-btn,
html[data-theme="light"] .btn-submit,
html[data-theme="light"] .slider-btn-confirm,
html[data-theme="light"] .news-dismiss-btn,
html[data-theme="light"] .presets-save-new-btn,
html[data-theme="light"] .gl-btn-primary {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border: 1px solid rgba(28,27,34,0.135) !important;
  border-top-color: rgba(28,27,34,0.27) !important;
  box-shadow: var(--gl-primary-shadow) !important;
  text-shadow: 0 1px 1px rgba(28,27,34,0.066);
  filter: none;
}
html[data-theme="light"] .auth-button-primary:hover:not(:disabled),
html[data-theme="light"] .action-button.purple:hover,
html[data-theme="light"] .sd-close-btn:hover,
html[data-theme="light"] .btn-submit:hover:not(:disabled),
html[data-theme="light"] .slider-btn-confirm:hover,
html[data-theme="light"] .news-dismiss-btn:hover,
html[data-theme="light"] .presets-save-new-btn:hover:not(:disabled),
html[data-theme="light"] .gl-btn-primary:hover:not(:disabled) {
  filter: brightness(1.1) !important;
}
html[data-theme="light"] .auth-button-primary:disabled,
html[data-theme="light"] .btn-submit:disabled,
html[data-theme="light"] .presets-save-new-btn:disabled,
html[data-theme="light"] .gl-btn-primary:disabled {
  filter: saturate(.6) !important;
}
html[data-theme="light"] .auth-button-secondary,
html[data-theme="light"] .action-button.cancel,
html[data-theme="light"] .btn-cancel,
html[data-theme="light"] .slider-btn-cancel,
html[data-theme="light"] .pme-modal-cancel-btn,
html[data-theme="light"] .gl-btn {
  background: var(--gl-btn) !important;
  color: rgba(11,11,12,0.88) !important;
  border: 1px solid rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.165) !important;
  box-shadow: var(--gl-btn-shadow) !important;
}
html[data-theme="light"] .auth-button-secondary:hover,
html[data-theme="light"] .action-button.cancel:hover,
html[data-theme="light"] .btn-cancel:hover,
html[data-theme="light"] .slider-btn-cancel:hover,
html[data-theme="light"] .pme-modal-cancel-btn:hover,
html[data-theme="light"] .gl-btn:hover {
  background: var(--gl-btn-hover) !important;
  color: rgb(6,6,6) !important;
}
html[data-theme="light"] .action-button.danger,
html[data-theme="light"] .gl-btn-danger {
  background: var(--gl-danger) !important;
  color: #fff !important;
  border: 1px solid rgba(28,27,34,0.12) !important;
  border-top-color: rgba(28,27,34,0.24) !important;
  box-shadow: var(--gl-danger-shadow) !important;
}
html[data-theme="light"] .action-button.danger:hover:not(:disabled),
html[data-theme="light"] .gl-btn-danger:hover:not(:disabled) {
  filter: brightness(1.08);
}
html[data-theme="light"] .action-button.danger:disabled {
  filter: saturate(.7);
}
html[data-theme="light"] .auth-input,
html[data-theme="light"] .styled-input,
html[data-theme="light"] .language-select,
html[data-theme="light"] #feedback-text,
html[data-theme="light"] .preset-rename-dialog input,
html[data-theme="light"] .verification-box {
  background: var(--gl-well) !important;
  border: 1px solid var(--gl-well-rim) !important;
  color: rgb(11,11,12) !important;
  box-shadow: inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] .auth-input:focus,
html[data-theme="light"] .styled-input:focus,
html[data-theme="light"] .language-select:focus,
html[data-theme="light"] #feedback-text:focus,
html[data-theme="light"] .preset-rename-dialog input:focus,
html[data-theme="light"] .verification-box:focus {
  outline: none !important;
  background: rgba(28,27,34,0.041) !important;
  border-color: rgba(var(--a-9458cc,148,88,204),0.65) !important;
  box-shadow: 0 0 0 3.5px rgba(var(--a-a855f7,168,85,247),0.132), inset 0 1px 2px rgba(28,27,34,0) !important;
}
html[data-theme="light"] .auth-input::placeholder,
html[data-theme="light"] .styled-input::placeholder,
html[data-theme="light"] #feedback-text::placeholder {
  color: rgba(11,11,12,0.38) !important;
}
html[data-theme="light"] .gl-group {
  background: var(--gl-well);
  border: 1px solid var(--gl-well-rim);
}
html[data-theme="light"] .gl-row {
  background: transparent;
  border: 0;
  color: rgb(11,11,12);
}
html[data-theme="light"] .gl-row + .gl-row::before {
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] button.gl-row:hover {
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] button.gl-row:active {
  background: rgba(28,27,34,0.05);
}
html[data-theme="light"] .gl-row-icon {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.154), rgba(28,27,34,0) 60%), var(--gl-icon, rgb(var(--a-a855f7,168,85,247)));
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0.35), 0 2px 6px -2px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gl-row-label {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gl-row-value {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gl-row-chev {
  color: rgba(11,11,12,0.32);
}
html[data-theme="light"] .gl-row.gl-destructive {
  color: rgb(171,19,25);
}
html[data-theme="light"] .gl-text {
  color: rgba(11,11,12,0.68);
}
html[data-theme="light"] .gl-well {
  background: var(--gl-well) !important;
  border: 1px solid var(--gl-well-rim) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .gl-caption {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gl-code {
  background: rgba(28,27,34,0.056);
  border: 1px solid rgba(28,27,34,0.045);
  color: rgba(11,11,12,0.82);
}
html[data-theme="light"] .gl-code-result {
  color: rgb(11,11,12);
}
html[data-theme="light"] .sd-hero {
  background: linear-gradient(180deg, rgba(28,27,34,0.099), rgba(28,27,34,0) 60%), linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.55), rgba(var(--a-9333ea,147,51,234),0.4)) !important;
  border: 1px solid rgba(28,27,34,0.12) !important;
  border-top-color: rgba(28,27,34,0.225) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 12px 30px -14px rgba(var(--a-9333ea,147,51,234),0.21) !important;
}
html[data-theme="light"] .sd-card,
html[data-theme="light"] .sd-dates {
  background: var(--gl-well) !important;
  border: 1px solid var(--gl-well-rim) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .sd-icon {
  background: rgba(28,27,34,0.044) !important;
  border: 1px solid rgba(28,27,34,0.075) !important;
}
html[data-theme="light"] .bg-item.selected {
  box-shadow: 0 0 0 2px rgba(var(--a-c084fc,192,132,252),0.6), 0 10px 26px -12px rgba(var(--a-a855f7,168,85,247),0.24) !important;
}
html[data-theme="light"] .bg-upload-btn {
  background: var(--gl-btn) !important;
  border: 1px dashed rgba(28,27,34,0.165) !important;
  color: rgba(11,11,12,0.85) !important;
}
html[data-theme="light"] .bg-upload-btn:hover {
  background: var(--gl-btn-hover) !important;
}
html[data-theme="light"] .warning-text {
  background: rgba(255,69,58,0.1) !important;
  border: 1px solid rgba(255,69,58,0.28) !important;
  color: rgb(152,45,44) !important;
}
@media (max-width: 768px) {
  html[data-theme="light"] .nav-links {
    background: var(--gl-sheen), rgb(var(--a-eae8f6,234,232,246)) !important;
    border: 1px solid var(--gl-rim) !important;
    border-top-color: var(--gl-rim-top) !important;
    box-shadow: var(--gl-shadow) !important;
  }
}
html[data-theme="light"] #cookie-banner {
  background: var(--gl-sheen), var(--gl-tint) !important;
  border: 1px solid var(--gl-rim) !important;
  border-top-color: var(--gl-rim-top) !important;
  box-shadow: var(--gl-shadow) !important;
}
html[data-theme="light"] #cookie-banner .cb-btn-accept {
  background: var(--gl-primary) !important;
  border: 1px solid rgba(28,27,34,0.135) !important;
  border-top-color: rgba(28,27,34,0.27) !important;
  box-shadow: var(--gl-primary-shadow) !important;
  color: #fff !important;
}
html[data-theme="light"] #cookie-banner .cb-btn-save,
html[data-theme="light"] #cookie-banner .cb-btn-reject {
  background: var(--gl-btn) !important;
  border: 1px solid rgba(28,27,34,0.09) !important;
  border-top-color: rgba(28,27,34,0.165) !important;
  box-shadow: var(--gl-btn-shadow) !important;
  color: rgba(11,11,12,0.88) !important;
}
html[data-theme="light"] .lp-lang-pop {
  background: var(--gl-sheen), rgb(var(--a-e9e6f5,233,230,245)) !important;
  border: 1px solid var(--gl-rim) !important;
  border-top-color: var(--gl-rim-top) !important;
  box-shadow: var(--gl-shadow) !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="light"] {
    --gl-tint: rgba(var(--a-eae8f5,234,232,245),0.97);
  }
}
html[data-theme="light"] #app-section .lc-join line {
  stroke: rgb(98,77,0);
}
html[data-theme="light"] #app-section .lc-join circle {
  fill: rgb(98,77,0);
}
html[data-theme="light"] #app-section .canvas-form-hint {
  color: var(--text-2, rgba(11,11,12,0.72));
}
html[data-theme="light"] #app-section .canvas-form-hint b {
  color: rgb(98,77,0);
}
html[data-theme="light"] #app-section .canvas-edit-hint {
  background: rgba(var(--a-a855f7,168,85,247),0.12);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.35);
  color: var(--text-2, rgba(11,11,12,0.82));
}
html[data-theme="light"] #app-section .canvas-edit-hint svg {
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] #app-section .canvas-edit-hint b {
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] #app-section #canvas-edit-cancel {
  color: var(--text-2, rgba(11,11,12,0.82)) !important;
  background: rgba(28,27,34,0.044) !important;
  border: 1px solid rgba(28,27,34,0.105) !important;
  box-shadow: none !important;
}
html[data-theme="light"] #app-section #canvas-edit-cancel:hover {
  background: rgba(28,27,34,0.077) !important;
}
html[data-theme="light"] .gg-eraser-btn.on {
  color: rgb(6,6,6) !important;
  background: linear-gradient(180deg, rgba(251,191,36,0.55), rgba(245,158,11,0.3)) !important;
  border-color: rgba(205,166,0,0.7) !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.18), inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
html[data-theme="light"] body.gg-eraser-on #app-section .canvas-wrapper,
html[data-theme="light"] body.gg-eraser-on #fast-scan-ui .canvas-wrapper {
  border-color: rgba(205,166,0,0.75) !important;
}
html[data-theme="light"] .gl-dd-btn {
  color: rgb(11,11,12);
  background: linear-gradient(180deg, rgba(28,27,34,0.088), rgba(28,27,34,0.028));
  border: 1px solid var(--gl-rim);
  border-top-color: var(--gl-rim-top);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.16), inset 0 -1px 1px rgba(28,27,34,0), 0 4px 12px -6px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gl-dd-btn:hover {
  background: linear-gradient(180deg, rgba(28,27,34,0.121), rgba(28,27,34,0.044));
}
html[data-theme="light"] .gl-dd-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--a-a855f7,168,85,247),0.27);
}
html[data-theme="light"] .gl-dd-btn.gl-dd-active {
  background: linear-gradient(180deg, rgba(var(--a-c084fc,192,132,252),0.34), rgba(var(--a-a855f7,168,85,247),0.14));
  border-color: rgba(var(--a-9458cc,148,88,204),0.55);
}
html[data-theme="light"] .gl-dd-pop {
  background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0.022) 40%, rgba(28,27,34,0.006) 100%),
    rgba(var(--a-e6e3f4,230,227,244),0.92);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.285);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.3),
    inset 0 0 0 1px rgba(255,255,255,0.04),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15),
    0 28px 70px -22px rgba(28,27,34,0.187),
    0 10px 24px -12px rgba(28,27,34,0.121);
}
html[data-theme="light"] .gl-dd-head {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gl-dd-lens {
  background: linear-gradient(180deg, rgba(28,27,34,0.11), rgba(28,27,34,0.044));
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0.35), inset 0 -1px 1px rgba(28,27,34,0), 0 6px 16px -8px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gl-dd-item {
  border: 0;
  background: transparent;
  color: rgb(11,11,12);
}
html[data-theme="light"] .gl-dd-check {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .gl-dd-sub {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gl-dd-tag {
  color: rgba(11,11,12,0.7);
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.075);
}
html[data-theme="light"] .gl-dd-item.gl-dd-on .gl-dd-tag {
  color: rgb(var(--a-140c1b,20,12,27));
  background: rgba(var(--a-a855f7,168,85,247),0.3);
  border-color: rgba(var(--a-9458cc,148,88,204),0.45);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="light"] .gl-dd-pop {
    background: rgba(var(--a-e7e5f5,231,229,245),0.98);
  }
}
html[data-theme="light"] .gg-fmt-row code {
  background: rgba(28,27,34,0.06);
  color: rgb(var(--a-574568,87,69,104));
}
html[data-theme="light"] .gg-fmt-key {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-fmt-apply {
  color: rgb(var(--a-634182,99,65,130));
  background: rgba(var(--a-a855f7,168,85,247),0.16);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.3);
}
html[data-theme="light"] .gg-fmt-row:hover .gg-fmt-apply {
  background: rgba(var(--a-a855f7,168,85,247),0.28);
}
html[data-theme="light"] .gg-math-group {
  border-top: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .gg-math-group:first-of-type {
  border-top: 0;
}
html[data-theme="light"] .gg-math-group summary {
  color: var(--text-1, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-group summary::after {
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
html[data-theme="light"] .gg-math-count {
  background: rgba(var(--a-a855f7,168,85,247),0.16);
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .gg-math-chip {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.075);
  color: var(--text-1, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-chip span {
  color: var(--text-3, rgba(6,6,6,0.55));
}
html[data-theme="light"] .gg-math-chip:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.14);
  border-color: rgba(var(--a-a855f7,168,85,247),0.45);
}
html[data-theme="light"] #pme-export-loader {
  background: rgba(var(--a-f1f0f7,241,240,247),0.62);
}
html[data-theme="light"] #pme-export-loader .gen-percent {
  color: rgb(11,11,12);
}
html[data-theme="light"] #pme-loading-banner {
  background: rgba(var(--a-f1f0f7,241,240,247),0.62);
}
html[data-theme="light"] #pme-loading-banner .gen-percent {
  color: rgb(11,11,12);
}
html[data-theme="light"] .pme-check-txt small {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .pme-eraser-mode {
  background: rgba(28,27,34,0.056);
  border: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .pme-eraser-mode button {
  border: 0;
  background: transparent;
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .pme-eraser-mode button:hover {
  color: rgb(11,11,12);
}
html[data-theme="light"] .pme-eraser-mode button.active {
  background: rgba(var(--a-a855f7,168,85,247),0.26);
  color: rgb(var(--a-140c1b,20,12,27));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 8px rgba(28,27,34,0.055);
}
html[data-theme="light"] #pme-eraser-cursor.pressing {
  background: rgba(var(--a-a855f7,168,85,247),0.24);
  border-color: rgb(var(--a-bca8d1,188,168,209));
}
html[data-theme="light"] .lp-lang-fav {
  border: 0;
  background: transparent;
  color: rgba(11,11,12,0.32);
}
html[data-theme="light"] .lp-lang-fav svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .lp-lang-fav:hover {
  color: rgba(91,78,0,0.85);
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .lp-lang-fav.on {
  color: rgb(98,77,0);
}
html[data-theme="light"] .lp-lang-fav.on svg {
  fill: currentColor;
  filter: none;
}
html[data-theme="light"] .lp-lang-fav:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .lp-lang-group-fav {
  color: rgb(98,77,0) !important;
}
html[data-theme="light"] .lp-lang-group-fav svg {
  fill: currentColor;
  stroke: currentColor;
}
@media (hover: none) {
  html[data-theme="light"] .lp-lang-fav {
    color: rgba(11,11,12,0.4);
  }
}
html[data-theme="light"] .gg-page-head .gg-title {
  outline: none;
}
html[data-theme="light"] .gg-back {
  border: 0;
  background: transparent;
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .gg-back:hover {
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] .gg-back:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.8);
}
html[data-theme="light"] .gg-hero-ico {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.165), rgba(28,27,34,0) 60%), var(--c, rgb(var(--a-a855f7,168,85,247)));
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 10px 26px -10px var(--c, rgba(var(--a-a855f7,168,85,247),0.6));
}
html[data-theme="light"] .gg-hero-danger {
  --c: rgb(255,69,58);
}
html[data-theme="light"] .gg-lead {
  color: rgba(11,11,12,0.7);
}
html[data-theme="light"] .gg-center {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-hint {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gg-form {
  background: var(--gl-well);
  border: 1px solid var(--gl-well-rim);
}
html[data-theme="light"] .gg-field + .gg-field::before {
  background: rgba(28,27,34,0.039);
}
html[data-theme="light"] .gg-field-label {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gg-field input {
  background: transparent;
  border: 0;
  outline: none;
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-field input::placeholder {
  color: rgba(11,11,12,0.3);
}
html[data-theme="light"] .gg-field:focus-within .gg-field-label {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .gg-field:focus-within {
  background: rgba(var(--a-a855f7,168,85,247),0.08);
}
html[data-theme="light"] .gg-field-ro input {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"] .gg-eye {
  border: 0;
  background: transparent;
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-eye:hover {
  color: rgb(11,11,12);
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .gg-eye.on {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] .gg-wide.gg-loading::before {
  border: 2.2px solid rgba(28,27,34,0.262);
  border-top-color: rgba(28,27,34,0.75);
}
html[data-theme="light"] .gl-btn-danger:disabled {
  filter: saturate(.6);
}
html[data-theme="light"] .gg-spin {
  border: 3px solid rgba(var(--a-9458cc,148,88,204),0.25);
  border-top-color: rgb(var(--a-9458cc,148,88,204));
}
html[data-theme="light"] .gg-pw-meter {
  background: rgba(28,27,34,0.044);
}
html[data-theme="light"] .gg-pw-meter[data-score="1"] span {
  background: rgb(255,107,97);
}
html[data-theme="light"] .gg-pw-meter[data-score="2"] span {
  background: rgb(251,191,36);
}
html[data-theme="light"] .gg-pw-meter[data-score="3"] span {
  background: rgb(163,230,53);
}
html[data-theme="light"] .gg-pw-meter[data-score="4"] span {
  background: rgb(52,211,153);
}
html[data-theme="light"] .gg-badge-google {
  color: rgb(31,31,31);
  background: rgb(255,255,255);
  box-shadow: 0 1px 3px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gg-del-dot {
  background: rgb(255,107,97);
  box-shadow: none;
}
html[data-theme="light"] .gg-erase-stage {
  background: repeating-linear-gradient(180deg, transparent 0 25px, rgba(var(--a-c084fc,192,132,252),0.1) 25px 26px), var(--gl-well);
  border: 1px solid var(--gl-well-rim);
}
html[data-theme="light"] .gg-eraser {
  background: linear-gradient(180deg, rgba(28,27,34,0.248), rgba(28,27,34,0) 45%),
    linear-gradient(90deg, rgb(249,168,212) 0 42%, rgb(var(--a-7c3aed,124,58,237)) 42% 46%, rgb(var(--a-a855f7,168,85,247)) 46% 100%);
  box-shadow: 0 8px 16px -6px rgba(28,27,34,0.132), inset 0 -2px 0 rgba(28,27,34,0), inset 0 1px 0 rgba(255,255,255,0.5);
}
html[data-theme="light"] .gg-eraser i {
  background: rgba(255,255,255,0.7);
  box-shadow: 0 6px 0 rgba(255,255,255,0.45);
}
html[data-theme="light"] .gg-erase-stage.gg-done::after {
  color: rgb(0,104,71);
  text-shadow: none;
}
html[data-theme="light"] .gg-erase-title {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-erase-step {
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .gg-or {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-or::before,
html[data-theme="light"] .gg-or::after {
  background: linear-gradient(90deg, transparent, rgba(28,27,34,0.077), transparent);
}
html[data-theme="light"] .gg-google-btn {
  background: rgb(235,235,235);
  color: rgb(23,23,23);
  border: 1px solid rgb(142,145,143);
  box-shadow: 0 6px 16px -10px rgba(28,27,34,0.176);
}
html[data-theme="light"] .gg-google-btn:hover {
  background: rgb(229,229,230);
  border-color: rgb(180,183,181);
}
html[data-theme="light"] .gg-google-btn:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .guide-card .gc-icon {
  color: rgb(var(--a-574568,87,69,104));
  background: linear-gradient(180deg, rgba(28,27,34,0.077), rgba(28,27,34,0.017)), rgba(var(--a-a855f7,168,85,247),0.22);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .gg-h-i {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .ds-i {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .gg-star-i {
  color: rgb(122,76,0);
  fill: rgb(98,77,0);
  filter: none;
}
html[data-theme="light"] .nav-link-fb:hover .gg-star-i {
  filter: none;
}
html[data-theme="light"] .news-feature-emoji,
html[data-theme="light"] .news-tab-emoji {
  color: rgb(var(--a-634182,99,65,130));
}
html[data-theme="light"] #cookie-banner-icon {
  color: rgb(106,78,0);
}
html[data-theme="light"] .slider-warning-icon,
html[data-theme="light"] .sd-icon {
  color: rgb(11,11,12);
}
html[data-theme="light"] .lp-lang-pop {
  background: var(--gl-sheen), rgb(var(--a-e8e6f4,232,230,244)) !important;
}
html[data-theme="light"] .bgs-tabs {
  background: rgba(28,27,34,0.056);
  border: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .bgs-tabs button {
  border: 0;
  background: none;
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] .bgs-tabs button.on {
  color: rgb(6,6,6);
}
html[data-theme="light"] .bgs-tabs-lens {
  background: rgba(28,27,34,0.077);
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.195);
  box-shadow: 0 4px 14px -6px rgba(28,27,34,0.132);
}
html[data-theme="light"] .bgs-count {
  background: rgba(var(--a-a855f7,168,85,247),0.35);
  color: rgb(6,6,6);
}
html[data-theme="light"] .bgs-sheet {
  background: rgb(255,255,255);
  box-shadow: 0 22px 44px -20px rgba(28,27,34,0.187), 0 0 0 1px rgba(255,255,255,0.12);
}
html[data-theme="light"] .bgs-name {
  color: rgb(11,11,12);
}
html[data-theme="light"] .bgs-cur {
  color: rgb(var(--a-574568,87,69,104));
  background: rgba(var(--a-a855f7,168,85,247),0.22);
}
html[data-theme="light"] .bgs-tip {
  color: rgb(91,76,0);
  background: rgba(245,158,11,0.11);
  border: 1px solid rgba(188,119,0,0.28);
}
html[data-theme="light"] .bgs-tip button {
  color: rgb(28,25,23);
  background: rgb(252,211,77);
  border: 0;
}
html[data-theme="light"] .bgs-label {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .bgs-kind,
html[data-theme="light"] .bgs-tone {
  color: inherit;
  background: rgba(28,27,34,0.025);
  border: 1px solid rgba(28,27,34,0.068);
}
html[data-theme="light"] .bgs-kind-img {
  background-size: 380% auto;
  background-position: 10% 8%;
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0), 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .bgs-kind-txt b {
  color: rgb(11,11,12);
}
html[data-theme="light"] .bgs-kind-txt small {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .bgs-dot {
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0), 0 0 0 1px rgba(255,255,255,0.22);
}
html[data-theme="light"] .bgs-kind:hover,
html[data-theme="light"] .bgs-tone:hover {
  background: rgba(28,27,34,0.044);
  border-color: rgba(28,27,34,0.135);
}
html[data-theme="light"] .bgs-kind.on,
html[data-theme="light"] .bgs-tone.on {
  background: rgba(var(--a-a855f7,168,85,247),0.17);
  border-color: rgba(var(--a-9458cc,148,88,204),0.85);
  box-shadow: 0 0 0 1px rgba(var(--a-c084fc,192,132,252),0.27), 0 8px 22px -14px rgba(var(--a-a855f7,168,85,247),0.27);
}
html[data-theme="light"] .bgs-kind:focus-visible,
html[data-theme="light"] .bgs-tone:focus-visible,
html[data-theme="light"] .bgs-cust-item:focus-visible,
html[data-theme="light"] .bgs-upload:focus-visible {
  outline: 2px solid rgb(var(--a-9458cc,148,88,204));
}
html[data-theme="light"] .bgs-loading {
  background: linear-gradient(90deg, rgba(28,27,34,0.022), rgba(28,27,34,0.05), rgba(28,27,34,0.022));
  background-size: 200% 100%;
}
html[data-theme="light"] .bgs-upload {
  color: rgb(11,11,12);
  background: rgba(28,27,34,0.017);
  border: 1.5px dashed rgba(28,27,34,0.18);
}
html[data-theme="light"] .bgs-upload small {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .bgs-upload-ic {
  color: rgb(var(--a-574568,87,69,104));
  background: rgba(var(--a-a855f7,168,85,247),0.2);
}
html[data-theme="light"] .bgs-upload:hover:not(:disabled),
html[data-theme="light"] .bgs-drop .bgs-upload {
  border-color: rgba(var(--a-9458cc,148,88,204),0.8);
  background: rgba(var(--a-a855f7,168,85,247),0.12);
}
html[data-theme="light"] .bgs-spin {
  border: 2.5px solid rgba(var(--a-bca8d1,188,168,209),0.3);
  border-top-color: rgb(var(--a-bca8d1,188,168,209));
}
html[data-theme="light"] .bgs-cust-item {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12);
}
html[data-theme="light"] .bgs-cust-item.on {
  box-shadow: 0 0 0 2px rgba(var(--a-c084fc,192,132,252),0.6), 0 12px 26px -12px rgba(var(--a-a855f7,168,85,247),0.27);
}
html[data-theme="light"] .bgs-check {
  color: #fff;
  background: rgb(var(--a-a855f7,168,85,247));
  box-shadow: 0 2px 6px rgba(28,27,34,0.077);
}
html[data-theme="light"] .bgs-del {
  color: rgb(6,6,6);
  background: rgba(var(--a-efedf5,239,237,245),0.72);
  border: 1px solid rgba(28,27,34,0.15);
}
html[data-theme="light"] .bgs-del:hover {
  background: rgb(220,38,38);
}
html[data-theme="light"] .bgs-hint {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .bgs-guest {
  background: rgba(var(--a-a855f7,168,85,247),0.07);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.2);
}
html[data-theme="light"] .bgs-guest-icon {
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .bgs-guest-title {
  color: rgb(11,11,12);
}
html[data-theme="light"] .bgs-guest p {
  color: rgba(11,11,12,0.65);
}
html[data-theme="light"] .bgs-footer {
  border-top: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .bgs-btn-secondary {
  color: rgba(11,11,12,0.88);
  background: var(--gl-btn, rgba(28,27,34,0.044));
  border: 1px solid rgba(28,27,34,0.105);
  border-top-color: rgba(28,27,34,0.18);
}
html[data-theme="light"] .bgs-btn-secondary:hover {
  background: var(--gl-btn-hover, rgba(28,27,34,0.077));
  color: rgb(6,6,6);
}
html[data-theme="light"] .bg-btn-swatch {
  background-color: rgb(255,255,255);
  background-size: 300% auto;
  background-position: 10% 8%;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 1px 3px rgba(28,27,34,0.088);
}
html[data-theme="light"] .bgs {
  --bgs-ease: cubic-bezier(.32,.72,0,1);
}
html[data-theme="light"] .bgs-layer {
  filter: blur(6px);
}
html[data-theme="light"] .bgs-layer.in {
  filter: none;
}
html[data-theme="light"] .bgs-sheet.bgs-dragging {
  box-shadow: 0 26px 50px -20px rgba(28,27,34,0.198), 0 0 0 2px rgba(var(--a-c084fc,192,132,252),0.45);
}
html[data-theme="light"] .bgs-guides {
  background-image: linear-gradient(90deg, transparent 33%, rgba(255,255,255,0.6) 33%, rgba(255,255,255,0.6) calc(33% + 1px), transparent calc(33% + 1px), transparent 66.5%, rgba(255,255,255,0.6) 66.5%, rgba(255,255,255,0.6) calc(66.5% + 1px), transparent calc(66.5% + 1px)),
    linear-gradient(180deg, transparent 33%, rgba(255,255,255,0.6) 33%, rgba(255,255,255,0.6) calc(33% + 1px), transparent calc(33% + 1px), transparent 66.5%, rgba(255,255,255,0.6) 66.5%, rgba(255,255,255,0.6) calc(66.5% + 1px), transparent calc(66.5% + 1px));
}
html[data-theme="light"] .bgs-lens {
  background: linear-gradient(180deg, rgba(28,27,34,0.088), rgba(28,27,34,0.017)), rgba(var(--a-a855f7,168,85,247),0.2);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.85);
  border-top-color: rgba(var(--a-bca8d1,188,168,209),0.95);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 0 0 1px rgba(var(--a-c084fc,192,132,252),0.21), 0 10px 26px -12px rgba(var(--a-a855f7,168,85,247),0.288);
}
html[data-theme="light"] .bgs-kind.on,
html[data-theme="light"] .bgs-tone.on {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-theme="light"] .bgs-cust-item {
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] .bgs-seg {
  background: rgba(28,27,34,0.056);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .bgs-seg button {
  border: 0;
  background: none;
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] .bgs-seg button.on {
  color: rgb(6,6,6);
}
html[data-theme="light"] .bgs-seg .bgs-lens {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 6px 16px -8px rgba(var(--a-a855f7,168,85,247),0.288);
}
html[data-theme="light"] .bgs-zoom output {
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .bgs-ic,
html[data-theme="light"] .bgs-chip {
  color: rgba(11,11,12,0.88);
  background: var(--gl-btn, rgba(28,27,34,0.044));
  border: 1px solid rgba(28,27,34,0.098);
  border-top-color: rgba(28,27,34,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
html[data-theme="light"] .bgs-ic:hover:not(:disabled),
html[data-theme="light"] .bgs-chip:hover {
  background: var(--gl-btn-hover, rgba(28,27,34,0.077));
  color: rgb(6,6,6);
}
html[data-theme="light"] .bgs-smart {
  color: rgb(var(--a-574568,87,69,104));
  background: rgba(var(--a-a855f7,168,85,247),0.12);
  border: 1px solid rgba(var(--a-9458cc,148,88,204),0.3);
}
html[data-theme="light"] .bgs-smart button {
  border: 0;
  color: rgb(var(--a-1e1033,30,16,51));
  background: rgb(var(--a-e9d5ff,233,213,255));
}
html[data-theme="light"] .bgs-adj-hint {
  color: rgba(11,11,12,0.45);
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] .bgs-layer {
    filter: none;
  }
}
html[data-theme="light"] .gg-acc-now {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gg-acc-sw {
  background: transparent;
  border: 0;
  color: rgba(11,11,12,0.72);
}
html[data-theme="light"] .gg-acc-sw:hover {
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] .gg-acc-sw.on {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-acc-sw:focus-visible,
html[data-theme="light"] .gg-hue:focus-visible {
  outline: 2px solid rgba(28,27,34,0.525);
}
html[data-theme="light"] .gg-acc-dot {
  color: rgb(6,6,6);
  background: radial-gradient(circle at 32% 26%, rgba(28,27,34,0.248), rgba(28,27,34,0) 46%),
    linear-gradient(145deg, var(--sw1), var(--sw2) 55%, var(--sw3));
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35), 0 4px 14px -4px var(--sw2);
}
html[data-theme="light"] .gg-acc-sw.on .gg-acc-dot {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35), 0 0 0 2.5px rgba(28,27,34,0.198), 0 0 0 4.5px var(--sw1), 0 6px 18px -4px var(--sw2);
}
html[data-theme="light"] .gg-acc-custom-head {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-acc-hint {
  color: rgba(11,11,12,0.55);
}
html[data-theme="light"].dd-glass:not(.gg-perf) .gl-dd-pop.gl-dd-js {
  background: linear-gradient(180deg, rgba(28,27,34,0.083) 0%, rgba(28,27,34,0.022) 45%, rgba(28,27,34,0.011) 100%),
    rgba(var(--a-ebe9f7,235,233,247),0.55);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
    inset 0 -1px 1px rgba(255,255,255,0.08),
    inset 0 0 18px rgba(255,255,255,0.05);
}
html[data-theme="light"] .gl-dd-shadow {
  box-shadow: 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15),
    0 28px 70px -22px rgba(28,27,34,0.187),
    0 10px 24px -12px rgba(28,27,34,0.121);
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"].dd-glass .gl-dd-pop.gl-dd-js {
    background: rgba(var(--a-e7e5f5,231,229,245),0.98);
  }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"].dd-glass .lp-lang-pop.gl-dd-js > .gl-dd-bg {
    background: var(--gl-sheen), rgb(var(--a-e8e6f4,232,230,244));
  }
}
html[data-theme="light"].dd-glass:not(.gg-perf) .lp-lang-pop.gl-dd-js {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"].dd-glass:not(.gg-perf) .lp-lang-pop.gl-dd-js > .gl-dd-bg {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
    inset 0 -1px 1px rgba(255,255,255,0.08),
    inset 0 0 18px rgba(255,255,255,0.05);
  background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, rgba(28,27,34,0.022) 40%, rgba(28,27,34,0.011) 100%),
    rgba(var(--a-ebe9f7,235,233,247),0.72);
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap {
  background: linear-gradient(180deg, rgba(28,27,34,0.072) 0%, rgba(28,27,34,0.022) 50%, rgba(28,27,34,0.017) 100%),
    rgba(var(--a-ebe9f6,235,233,246),0.5) !important;
  border: 1px solid rgba(28,27,34,0.098) !important;
  border-top-color: rgba(28,27,34,0.225) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.28),
    inset 0 -1px 1px rgba(255,255,255,0.06),
    inset 0 0 14px rgba(255,255,255,0.04) !important;
  color: rgba(11,11,12,0.6) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search::placeholder {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap:focus-within {
  border-color: rgba(var(--a-9458cc,148,88,204),0.5) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.28),
    inset 0 -1px 1px rgba(255,255,255,0.06),
    inset 0 0 0 2px rgba(var(--a-a855f7,168,85,247),0.168) !important;
}
html[data-theme="light"].gg-perf .lp-lang-pop .lp-lang-search-wrap {
  background: rgb(var(--a-e6e3f3,230,227,243)) !important;
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap {
    background: rgb(var(--a-e6e3f3,230,227,243)) !important;
  }
}
html[data-theme="light"] :is(.nav-button:not(.register-btn), .hamburger-menu, .gg-chip, .lp-lang-btn, .canvas-btn:not(.canvas-btn-save),
    .btn-clear-text, .pdf-btn:not(.pdf-btn-generate), .page-nav-btn, .cta-button.secondary, .guide-all, .redirect-button,
    .auth-button-secondary, .action-button.cancel, .btn-cancel, .slider-btn-cancel, .preset-rename-cancel, .bgs-btn-secondary, .bgs-chip, .bgs-ic,
    .pme-modal-cancel-btn, .gl-btn, .cb-btn:not(.cb-btn-accept), .gl-dd-btn, .lp-pill,
    .auth-close-btn, .settings-header .close-button, .sd-close, .fb-top-close, .presets-close-btn, .bg-close-btn,
    .news-popup-close, .fb-close-btn, .gl-close, .settings-btn-item:not(#presets-button)):not(.active):not(.lp-selected):not(.gl-dd-active):not([aria-pressed="true"]):not(:focus-visible) {
  box-shadow: var(--gl-rim3d), var(--gl-drop3d) !important;
}
html[data-theme="light"] :is(.nav-button:not(.register-btn), .hamburger-menu, .gg-chip, .lp-lang-btn, .canvas-btn:not(.canvas-btn-save),
    .btn-clear-text, .pdf-btn:not(.pdf-btn-generate), .page-nav-btn, .cta-button.secondary, .guide-all, .redirect-button,
    .auth-button-secondary, .action-button.cancel, .btn-cancel, .slider-btn-cancel, .preset-rename-cancel, .bgs-btn-secondary, .bgs-chip, .bgs-ic,
    .pme-modal-cancel-btn, .gl-btn, .cb-btn:not(.cb-btn-accept), .gl-dd-btn, .lp-pill,
    .auth-close-btn, .settings-header .close-button, .sd-close, .fb-top-close, .presets-close-btn, .bg-close-btn,
    .news-popup-close, .fb-close-btn, .gl-close, .settings-btn-item:not(#presets-button)):not(.active):not(.lp-selected):not(.gl-dd-active):not([aria-pressed="true"]):not(:focus-visible):not(:disabled):hover {
  box-shadow: var(--gl-rim3d-hover), var(--gl-drop3d) !important;
}
html[data-theme="light"] :is(.nav-button:not(.register-btn), .hamburger-menu, .gg-chip, .lp-lang-btn, .canvas-btn:not(.canvas-btn-save),
    .btn-clear-text, .pdf-btn:not(.pdf-btn-generate), .page-nav-btn, .cta-button.secondary, .guide-all, .redirect-button,
    .auth-button-secondary, .action-button.cancel, .btn-cancel, .slider-btn-cancel, .preset-rename-cancel, .bgs-btn-secondary, .bgs-chip, .bgs-ic,
    .pme-modal-cancel-btn, .gl-btn, .cb-btn:not(.cb-btn-accept), .gl-dd-btn, .lp-pill,
    .auth-close-btn, .settings-header .close-button, .sd-close, .fb-top-close, .presets-close-btn, .bg-close-btn,
    .news-popup-close, .fb-close-btn, .gl-close, .settings-btn-item:not(#presets-button)):not(.active):not(.lp-selected):not(.gl-dd-active):not([aria-pressed="true"]):not(:focus-visible):not(:disabled):active {
  box-shadow: var(--gl-rim3d-press), var(--gl-drop3d) !important;
}
html[data-theme="light"] :is(.fast-scan-btn, .canvas-btn-save, .pdf-btn-generate, #presets-button, .presets-save-new-btn, .preset-rename-confirm,
    .cta-button:not(.secondary), .register-btn, .auth-button-primary, .btn-submit, .slider-btn-confirm, .news-dismiss-btn,
    .gl-btn-primary, .action-button.purple, .sd-close-btn, .cb-btn-accept):not(:focus-visible) {
  box-shadow: var(--gl-rim3d-primary), var(--gl-drop3d-primary) !important;
}
html[data-theme="light"] :is(.action-button.danger, .gl-btn-danger):not(:focus-visible) {
  box-shadow: var(--gl-danger-shadow) !important;
}
html[data-theme="light"].gg-perf :is(.gl-btn, .gg-chip, .lp-pill, .canvas-btn, .pdf-btn, .nav-button, .lp-lang-btn, .gl-dd-btn) {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 4px 10px -6px rgba(28,27,34,0.11) !important;
}
html[data-theme="light"] .gg-press-glow {
  background: radial-gradient(circle var(--gr, 80px) at var(--gx, 50%) var(--gy, 50%),
    rgba(28,27,34,0.165) 0%, rgba(28,27,34,0.066) 38%, rgba(28,27,34,0) 72%);
}
html[data-theme="light"] .gg-press-glow.menu {
  background: radial-gradient(circle var(--gr, 80px) at var(--gx, 50%) var(--gy, 50%),
    rgba(28,27,34,0.11) 0%, rgba(28,27,34,0.039) 40%, rgba(28,27,34,0) 72%);
}
html[data-theme="light"] #history-panel {
  background: linear-gradient(180deg, rgba(28,27,34,0.044) 0%, rgba(28,27,34,0.008) 22%), rgba(var(--a-eae8f5,234,232,245),0.92) !important;
}
html[data-theme="light"] .hp-head {
  border-bottom: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .hp-head-ico {
  color: #fff;
  background: linear-gradient(180deg, rgba(28,27,34,0.121), rgba(28,27,34,0) 70%), rgba(var(--a-a855f7,168,85,247),0.55);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35);
}
html[data-theme="light"] .hp-title {
  color: rgb(11,11,12);
}
html[data-theme="light"] .hp-sub {
  color: var(--text-3, rgba(6,6,6,0.5));
}
html[data-theme="light"] .hp-item {
  background: rgba(28,27,34,0.025);
  border: 1px solid rgba(28,27,34,0.053);
  border-top-color: rgba(28,27,34,0.09);
}
@media (hover: hover) {
  html[data-theme="light"] .hp-item:hover {
    background: rgba(28,27,34,0.039);
    border-color: rgba(var(--a-ab88cf,171,136,207),0.18);
  }
}
html[data-theme="light"] .hp-date {
  color: rgba(var(--a-634182,99,65,130),0.85);
}
html[data-theme="light"] .hp-badge {
  color: rgb(114,74,0);
  background: rgba(255,152,0,0.12);
}
html[data-theme="light"] .hp-text {
  background: none;
  border: 0;
  color: var(--text-2, rgba(6,6,6,0.8));
}
html[data-theme="light"] .hp-meta {
  color: var(--text-3, rgba(6,6,6,0.45));
}
html[data-theme="light"] .hp-use {
  color: rgb(6,6,6);
  border: 1px solid rgba(28,27,34,0.105);
  background: rgba(var(--a-a855f7,168,85,247),0.42);
}
html[data-theme="light"] .hp-use:hover {
  background: rgba(var(--a-a855f7,168,85,247),0.58);
}
html[data-theme="light"] .hp-del {
  color: rgba(6,6,6,0.6);
  border: 1px solid rgba(28,27,34,0.06);
  background: rgba(28,27,34,0.028);
}
html[data-theme="light"] .hp-del:hover {
  color: rgb(152,45,42);
  background: rgba(255,69,58,0.14);
  border-color: rgba(255,69,58,0.25);
}
html[data-theme="light"] .hp-use:focus-visible,
html[data-theme="light"] .hp-del:focus-visible,
html[data-theme="light"] .hp-clear:focus-visible,
html[data-theme="light"] .hp-text:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.8);
}
html[data-theme="light"] .hp-foot {
  border-top: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .hp-clear {
  color: rgb(152,45,42);
  border: 0;
  background: transparent;
}
html[data-theme="light"] .hp-clear:hover {
  background: rgba(255,69,58,0.12);
}
html[data-theme="light"] .hp-empty-ico {
  color: rgba(var(--a-634182,99,65,130),0.9);
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] .hp-empty p {
  color: var(--text-3, rgba(6,6,6,0.5));
}
html[data-theme="light"] .hp-empty .hp-empty-title {
  color: var(--text, rgb(11,11,12));
}
html[data-theme="light"] .hp-skel {
  background: linear-gradient(90deg, rgba(28,27,34,0.019) 0%, rgba(28,27,34,0.041) 50%, rgba(28,27,34,0.019) 100%) 0 0 / 200% 100%;
}
html[data-theme="light"] body #presets-button {
  background: linear-gradient(180deg, rgba(28,27,34,0.099) 0%, rgba(28,27,34,0.017) 55%, rgba(28,27,34,0.039) 100%),
    linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.72) 0%, rgba(var(--a-9333ea,147,51,234),0.62) 100%) !important;
  border-color: rgba(var(--a-bca8d1,188,168,209),0.28) !important;
  border-top-color: rgba(28,27,34,0.285) !important;
}
html[data-theme="light"] body #presets-button:not(:focus-visible) {
  box-shadow: var(--gl-rim3d), 0 1px 1.5px rgba(28,27,34,0.066), 0 8px 18px -10px rgba(var(--a-9333ea,147,51,234),0.21) !important;
}
@media (hover: hover) {
  html[data-theme="light"] body #presets-button:hover {
    filter: none !important;
    background: linear-gradient(180deg, rgba(28,27,34,0.121) 0%, rgba(28,27,34,0.028) 55%, rgba(28,27,34,0.05) 100%), linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.85) 0%, rgba(var(--a-9333ea,147,51,234),0.75) 100%) !important;
  }
}
html[data-theme="light"] #app-section .lc-cursive-ghost.on {
  fill: rgba(6,6,6,0.1);
  stroke: rgba(var(--a-574568,87,69,104),0.42);
}

/* ── navbar-glass.css ── */
html[data-theme="light"].nav-glass .navbar {
  background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.022) 48%, rgba(28,27,34,0.011) 100%),
    rgba(var(--a-ebe9f7,235,233,247),0.3) !important;
  border: 1px solid rgba(28,27,34,0.105) !important;
  border-top-color: rgba(28,27,34,0.255) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
    inset 0 -1px 1px rgba(255,255,255,0.08),
    inset 0 0 18px rgba(255,255,255,0.04),
    0 16px 40px -14px rgba(28,27,34,0.154),
    0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15) !important;
}
@media (max-width: 768px) {
  html[data-theme="light"]:not(.gg-perf) .navbar#gg-tabnav {
    background: transparent !important;
    box-shadow: 0 12px 36px -12px rgba(28,27,34,0.143),
      0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.12) !important;
  }
  html[data-theme="light"]:not(.gg-perf) .navbar#gg-tabnav::after {
    background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0.017) 45%, rgba(28,27,34,0.011) 100%),
      rgba(var(--a-ebe9f6,235,233,246),0.42);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(255,255,255,0.04);
  }
  html[data-theme="light"].nav-glass .navbar#gg-tabnav::after {
    background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.022) 48%, rgba(28,27,34,0.011) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.3);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
      inset 0 -1px 1px rgba(255,255,255,0.08),
      inset 0 0 18px rgba(255,255,255,0.04);
  }
  html[data-theme="light"].nav-glass .navbar#gg-tabnav {
    box-shadow: 0 16px 40px -14px rgba(28,27,34,0.154), 0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15) !important;
  }
  html[data-theme="light"]:not(.gg-perf) .nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0.017) 40%, rgba(28,27,34,0.011) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.66) !important;
    border: 1px solid rgba(28,27,34,0.105) !important;
    border-top-color: rgba(28,27,34,0.255) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
      inset 0 -1px 1px rgba(255,255,255,0.08),
      inset 0 0 18px rgba(255,255,255,0.04),
      0 24px 50px -16px rgba(28,27,34,0.165),
      0 0 0 0.5px rgba(var(--a-a855f7,168,85,247),0.15) !important;
  }
  html[data-theme="light"].nav-glass .nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, rgba(28,27,34,0.017) 45%, rgba(28,27,34,0.011) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.5) !important;
  }
  html[data-theme="light"] .nav-links .nav-link {
    border: 1px solid transparent;
  }
  html[data-theme="light"] .nav-links .nav-link.active {
    background: none;
    border-color: transparent;
  }
}
@media (max-width: 768px) and (prefers-reduced-transparency: reduce) {
  html[data-theme="light"] .navbar#gg-tabnav::after {
    background: rgba(var(--a-ebe9f6,235,233,246),0.96) !important;
  }
  html[data-theme="light"] .nav-links {
    background: rgb(var(--a-eae8f6,234,232,246)) !important;
  }
}
@media (min-width: 769px) {
  html[data-theme="light"] .navbar .nav-links {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  html[data-theme="light"] .navbar .nav-link {
    color: rgba(11,11,12,0.86);
  }
  html[data-theme="light"] .navbar .nav-link:hover {
    color: rgb(6,6,6);
  }
  html[data-theme="light"] .navbar .nav-link.active {
    color: rgb(var(--a-634182,99,65,130));
    text-shadow: none;
  }
  html[data-theme="light"] .navbar .nav-links .nav-indicator:not(.gl-lifted) {
    background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, rgba(28,27,34,0.044) 55%, rgba(28,27,34,0.061) 100%) !important;
    border: 1px solid rgba(28,27,34,0.075) !important;
    border-top-color: rgba(28,27,34,0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22),
      inset 0 -1px 0 rgba(255,255,255,0.06) !important;
  }
}
@media (max-width: 768px) {
  html[data-theme="light"]:root body .navbar#gg-tabnav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html[data-theme="light"]:not(.gg-perf) .navbar #nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.028) 48%, rgba(28,27,34,0.039) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.5) !important;
    border: 1px solid rgba(28,27,34,0.105) !important;
    border-top-color: rgba(28,27,34,0.255) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.35),
      inset 0 -1px 1px rgba(255,255,255,0.1),
      inset 0 0 18px rgba(255,255,255,0.04),
      0 12px 30px -10px rgba(28,27,34,0.154) !important;
  }
  html[data-theme="light"].nav-glass .navbar #nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.022) 48%, rgba(28,27,34,0.033) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.34) !important;
  }
  html[data-theme="light"]:not(.nav-glass):not(.gg-perf) .navbar #nav-links {
    background: linear-gradient(180deg, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0.022) 48%, rgba(28,27,34,0.033) 100%),
      rgba(var(--a-ebe9f7,235,233,247),0.34) !important;
  }
  html[data-theme="light"] .navbar #nav-links .nav-link {
    color: rgba(11,11,12,0.85) !important;
    border: 0 !important;
    background: none !important;
  }
  html[data-theme="light"] .navbar #nav-links .nav-link.active {
    color: rgb(var(--a-634182,99,65,130)) !important;
    text-shadow: none !important;
  }
  html[data-theme="light"] .navbar #nav-links .nav-link-fb .gg-star-i {
    color: rgb(106,78,0);
  }
  html[data-theme="light"] .navbar #nav-links .nav-indicator:not(.gl-lifted) {
    background: linear-gradient(180deg, rgba(28,27,34,0.083) 0%, rgba(28,27,34,0.044) 55%, rgba(28,27,34,0.061) 100%) !important;
    border: 1px solid rgba(28,27,34,0.075) !important;
    border-top-color: rgba(28,27,34,0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(255,255,255,0.06) !important;
  }
}
html[data-theme="light"] .lp-tabs .lp-tab-indicator:not(.gl-lifted),
html[data-theme="light"] .bgs-tabs .bgs-tabs-lens:not(.gl-lifted) {
  background: linear-gradient(180deg, rgba(28,27,34,0.077) 0%, rgba(28,27,34,0.044) 55%, rgba(28,27,34,0.061) 100%) !important;
  border: 1px solid rgba(28,27,34,0.075) !important;
  border-top-color: rgba(28,27,34,0.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(255,255,255,0.06) !important;
}
html[data-theme="light"] .lp-tabs .lp-tab.lp-tab-active,
html[data-theme="light"] .bgs-tabs button.on {
  color: rgb(var(--a-634182,99,65,130)) !important;
}

/* ── slider-glass.css ── */
html[data-theme="light"] input[type="range"] {
  border: 0;
  outline: none;
  background: 
    linear-gradient(to right, rgb(var(--a-9d4bf5,157,75,245)) 0, rgb(var(--a-c084fc,192,132,252)) var(--sg-stop), rgba(28,27,34,0.072) var(--sg-stop)) !important;
  --sg-stop: calc(18px + (100% - 36px) * var(--pr, 0.5));
  box-shadow: inset 0 1px 1.5px rgba(28,27,34,0), inset 0 0 0 0.5px rgba(255,255,255,0.05) !important;
}
html[data-theme="light"] input[type="range"]::-webkit-slider-thumb {
  border: 0;
  background: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(var(--a-f7f4fc,247,244,252)) 55%, rgb(var(--a-ece6f6,236,230,246)) 100%);
  box-shadow: 0 2px 7px rgba(28,27,34,0.092), 0 0 0 0.5px rgba(28,27,34,0.048);
}
html[data-theme="light"] input[type="range"]::-moz-range-thumb {
  border: 0;
  background: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(var(--a-f7f4fc,247,244,252)) 55%, rgb(var(--a-ece6f6,236,230,246)) 100%);
  box-shadow: 0 2px 7px rgba(28,27,34,0.092), 0 0 0 0.5px rgba(28,27,34,0.048);
}
html[data-theme="light"] input[type="range"]::-moz-range-track {
  background: transparent;
}
html[data-theme="light"] input[type="range"]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 2px 7px rgba(28,27,34,0.092), 0 0 0 3px rgba(var(--a-c084fc,192,132,252),0.42);
}
html[data-theme="light"] input[type="range"]:focus-visible::-moz-range-thumb {
  box-shadow: 0 2px 7px rgba(28,27,34,0.092), 0 0 0 3px rgba(var(--a-c084fc,192,132,252),0.42);
}
html[data-theme="light"] .sg-lens-sh {
  box-shadow: 0 12px 26px -8px rgba(28,27,34,0.121), 0 3px 8px -2px rgba(28,27,34,0.062);
}
html[data-theme="light"] .sg-lens-g {
  background: radial-gradient(120% 90% at 50% 0%, rgba(28,27,34,0.028) 0%, rgba(28,27,34,0) 50%);
  box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.85),
    inset 0 -1.5px 1.5px rgba(255,255,255,0.45),
    inset 1.5px 0 1.5px -0.5px rgba(255,255,255,0.35),
    inset -1.5px 0 1.5px -0.5px rgba(255,255,255,0.35),
    inset 0 0 0 0.75px rgba(255,255,255,0.45),
    inset 0 0 12px rgba(255,255,255,0.07);
}
html[data-theme="light"].sg-lens-soft .sg-lens-g {
  background: radial-gradient(120% 90% at 50% 0%, rgba(28,27,34,0.066) 0%, rgba(28,27,34,0) 55%);
}
html[data-theme="light"] .sg-lens-w {
  background: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(var(--a-f7f4fc,247,244,252)) 55%, rgb(var(--a-ece6f6,236,230,246)) 100%);
  box-shadow: 0 3.6px 12.7px rgba(28,27,34,0.092), 0 0 0 0.9px rgba(28,27,34,0.048);
}

/* ── switch-glass.css ── */
html[data-theme="light"] .gg-sw {
  --sw-w: 58px;
  --sw-h: 28px;
  --sw-kw: 36px;
  --sw-kh: 24px;
  --sw-pad: 2px;
  --sw-g: 1.7;
  --sw-travel: calc(var(--sw-w) - var(--sw-kw) - 2 * var(--sw-pad));
  --sw-lens: url(#sw-lens-f);
  border: 0 !important;
  background: rgba(120,120,128,0.34);
  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.07);
}
html[data-theme="light"] input.gg-sw:checked,
html[data-theme="light"] .cb-on > .gg-sw,
html[data-theme="light"] .gg-sw.sw-preview-on {
  background: linear-gradient(90deg, rgb(var(--a-8b3ff0,139,63,240)) 0%, rgb(var(--a-a855f7,168,85,247)) 55%, rgb(var(--a-c46cf6,196,108,246)) 100%);
}
html[data-theme="light"] .gg-sw.sw-preview-off,
html[data-theme="light"] input.gg-sw.sw-preview-off:checked,
html[data-theme="light"] .cb-on > .gg-sw.sw-preview-off {
  background: rgba(120,120,128,0.34);
}
html[data-theme="light"] .gg-sw::before {
  background-color: rgb(255,255,255);
  background-image: linear-gradient(180deg, rgba(28,27,34,0.121) 0%, rgba(28,27,34,0.022) 55%, rgba(28,27,34,0.044) 100%);
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0),
    inset 0 -1px 1px rgba(255,255,255,0),
    inset 0 0 0 0.5px rgba(255,255,255,0),
    0 3px 8px rgba(28,27,34,0.04),
    0 1px 2px rgba(28,27,34,0.031);
}
html[data-theme="light"] .gg-sw.sw-press:not(.sw-ready)::before,
html[data-theme="light"] .gg-sw.sw-flip:not(.sw-ready)::before {
  background-color: rgba(255,255,255,0.9);
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0),
    inset 0 -1px 1px rgba(255,255,255,0),
    inset 0 0 0 0.5px rgba(255,255,255,0),
    0 8px 18px -6px rgba(28,27,34,0.099),
    0 1px 2px rgba(28,27,34,0.018);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-press:not(.sw-ready)::before,
html[data-theme="light"].sw-glass-on .gg-sw.sw-flip:not(.sw-ready)::before {
  background-color: rgba(28,27,34,0.028);
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0.95),
    inset 0 -1px 1px rgba(255,255,255,0.45),
    inset 0 0 0 0.5px rgba(255,255,255,0.5),
    0 8px 18px -6px rgba(28,27,34,0.11),
    0 1px 2px rgba(28,27,34,0);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready::before {
  box-shadow: 0 4px 11px rgba(28,27,34,0.057),
    inset 0 0 0 0 rgba(28,27,34,0),
    inset 0 0 0 0.5px rgba(255,255,255,0),
    0 1.4px 2.8px rgba(28,27,34,0.031);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready.sw-live::before {
  background-color: rgba(255,255,255,var(--sw-bm, var(--sw-bo))) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,calc(0.22 * var(--sw-bo))) 0%, rgba(28,27,34,0) 55%) !important;
  box-shadow: 0 calc(4px - 2.5px * var(--sw-p)) calc(11px + 4px * var(--sw-p)) rgba(0,0,0,calc(0.26 - 0.14 * var(--sw-p))),
    inset 0.7px 2.5px 8.5px rgba(0,0,0,calc(0.09 * var(--sw-p))),
    inset 0 0 0 0.5px rgba(255,255,255,calc(0.55 * var(--sw-p))),
    0 1.4px 2.8px rgba(0,0,0,calc(0.14 * (1 - var(--sw-p)))) !important;
}
html[data-theme="light"].sw-glass-on .gg-sw::before {
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0), inset 0 -1px 1px rgba(255,255,255,0), inset 0 0 0 0.5px rgba(255,255,255,0);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-press:not(.sw-ready)::before,
html[data-theme="light"].sw-glass-on .gg-sw.sw-flip:not(.sw-ready)::before {
  box-shadow: inset 0 1px 0.5px rgba(255,255,255,0.95), inset 0 -1px 1px rgba(255,255,255,0.45), inset 0 0 0 0.5px rgba(255,255,255,0.5);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready::before {
  box-shadow: inset 0 0 0 0 rgba(28,27,34,0), inset 0 0 0 0.5px rgba(255,255,255,0);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready.sw-live::before {
  box-shadow: inset 0 0 calc(var(--sw-kh) * 0.37) calc(var(--sw-kh) * 0.2) rgba(255,255,255,var(--sw-br, var(--sw-bo))),
    inset 0.7px 2.5px 8.5px rgba(0,0,0,calc(0.09 * var(--sw-p))),
    inset 0 0 0 0.5px rgba(255,255,255,calc(0.55 * var(--sw-p))) !important;
}
html[data-theme="light"].sw-glass-on .gg-sw::after {
  background: none;
  box-shadow: 0 3px 8px rgba(28,27,34,0.04), 0 1px 2px rgba(28,27,34,0.031);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-press:not(.sw-ready)::after,
html[data-theme="light"].sw-glass-on .gg-sw.sw-flip:not(.sw-ready)::after {
  box-shadow: 0 8px 18px -6px rgba(28,27,34,0.11), 0 1px 2px rgba(28,27,34,0);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready::after {
  box-shadow: 0 4px 11px rgba(28,27,34,0.057), 0 1.4px 2.8px rgba(28,27,34,0.031);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready.sw-live::after {
  box-shadow: 0 calc(4px - 2.5px * var(--sw-p)) calc(11px + 4px * var(--sw-p)) rgba(0,0,0,calc(0.26 - 0.14 * var(--sw-p))),
    0 1.4px 2.8px rgba(0,0,0,calc(0.14 * (1 - var(--sw-p)))) !important;
}
html[data-theme="light"] .gg-sw:focus-visible {
  outline: 2px solid rgba(var(--a-ab88cf,171,136,207),0.9);
}
html[data-theme="light"] .cb-switch.gg-sw {
  --sw-w: 42px;
  --sw-h: 22px;
  --sw-kw: 26px;
  --sw-kh: 18px;
  --sw-lens: url(#sw-lens-s);
}
html[data-theme="light"].sw-glass-on .gg-sw.sw-ready.sw-live {
  background: linear-gradient(90deg, rgba(var(--a-8b3ff0,139,63,240),var(--sw-fa)) 0%, rgba(var(--a-a855f7,168,85,247),var(--sw-fa)) 55%, rgba(var(--a-c46cf6,196,108,246),var(--sw-fa)) 100%) 0 0 / var(--sw-fw) 100% no-repeat,
    rgba(120,120,128,0.34) !important;
}
html[data-theme="light"].sw-glass-soft .gg-sw.sw-ready.sw-live::before {
  background-image: linear-gradient(180deg, rgba(255,255,255,calc(0.22 * var(--sw-bo) + 0.1 * var(--sw-p))) 0%, rgba(28,27,34,0) 55%, rgba(255,255,255,calc(0.06 * var(--sw-p))) 100%) !important;
  box-shadow: inset 0 0 calc(var(--sw-kh) * 0.37) calc(var(--sw-kh) * 0.2) rgba(255,255,255,var(--sw-br, var(--sw-bo))),
    inset 0 1.5px 1px rgba(255,255,255,calc(0.85 * var(--sw-p))),
    inset 0 -1.5px 1.5px rgba(255,255,255,calc(0.4 * var(--sw-p))),
    inset 0 0 0 0.75px rgba(255,255,255,calc(0.55 * var(--sw-p))),
    inset 0 0 10px rgba(255,255,255,calc(0.08 * var(--sw-p))) !important;
}

/* ── pdf-lightbox.css ── */
html[data-theme="light"] .pv-expand-btn {
  border: 1px solid rgba(28,27,34,0.165);
  background: rgba(var(--a-eceaf4,236,234,244),0.62);
  color: rgb(6,6,6);
  box-shadow: 0 4px 16px rgba(28,27,34,0.062), inset 0 1px 0 rgba(255,255,255,0.18);
}
html[data-theme="light"] .pv-expand-btn:hover,
html[data-theme="light"] #generation-canvas-container.pv-ready:hover .pv-expand-btn {
  background: rgba(var(--a-a855f7,168,85,247),0.78);
  box-shadow: 0 6px 22px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .pv-expand-btn:focus-visible {
  background: rgba(var(--a-a855f7,168,85,247),0.78);
  box-shadow: 0 6px 22px rgba(var(--a-a855f7,168,85,247),0.138), inset 0 1px 0 rgba(255,255,255,0.28);
}
html[data-theme="light"] .pv-expand-btn:focus-visible {
  outline: 2px solid rgb(var(--a-ab88cf,171,136,207));
}
html[data-theme="light"] .pv-lightbox {
  background: rgba(var(--a-f1f0f6,241,240,246),0.86);
}
html[data-theme="light"] .pv-toolbar {
  border-bottom: 1px solid rgba(28,27,34,0.06);
  background: rgba(var(--a-edecf4,237,236,244),0.72);
  color: rgb(11,11,12);
}
html[data-theme="light"] .pv-page {
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] .pv-group {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
}
html[data-theme="light"] .pv-btn {
  border: 0;
  background: transparent;
  color: rgb(11,11,12);
}
html[data-theme="light"] .pv-btn:hover {
  background: rgba(28,27,34,0.055);
}
html[data-theme="light"] .pv-btn:disabled {
  background: transparent;
}
html[data-theme="light"] .pv-btn:focus-visible {
  outline: 2px solid rgb(var(--a-ab88cf,171,136,207));
}
html[data-theme="light"] .pv-btn-primary {
  background: linear-gradient(160deg, rgba(var(--a-b964ff,185,100,255),0.85), rgba(var(--a-a855f7,168,85,247),0.75) 50%, rgba(var(--a-9333ea,147,51,234),0.7));
  border: 1px solid rgba(var(--a-c064ff,192,100,255),0.5);
  box-shadow: 0 3px 14px rgba(var(--a-a855f7,168,85,247),0.108), inset 0 1px 0 rgba(255,255,255,0.24);
}
html[data-theme="light"] .pv-btn-primary:hover {
  background: linear-gradient(160deg, rgba(var(--a-c373ff,195,115,255),0.95), rgba(var(--a-b262fa,178,98,250),0.85) 50%, rgba(var(--a-9333ea,147,51,234),0.8));
}
html[data-theme="light"] .pv-btn-edit {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.105);
}
html[data-theme="light"] .pv-btn-edit:hover {
  background: rgba(28,27,34,0.077);
}
html[data-theme="light"] .pv-close {
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.09);
}
html[data-theme="light"] .pv-thumbs {
  border-right: 1px solid rgba(28,27,34,0.06);
  background: rgba(var(--a-edecf4,237,236,244),0.5);
}
html[data-theme="light"] .pv-thumb {
  border: 0;
  background: none;
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .pv-thumb-img {
  background: rgb(255,255,255) center / cover no-repeat;
  box-shadow: 0 3px 12px rgba(28,27,34,0.088);
  outline: 2px solid transparent;
}
html[data-theme="light"] .pv-thumb.pv-active {
  color: rgb(6,6,6);
}
html[data-theme="light"] .pv-thumb.pv-active .pv-thumb-img {
  outline-color: rgb(var(--a-9458cc,148,88,204));
}
html[data-theme="light"] .pv-thumb:focus-visible {
  outline: none;
}
html[data-theme="light"] .pv-thumb:focus-visible .pv-thumb-img {
  outline-color: rgb(var(--a-ab88cf,171,136,207));
}
html[data-theme="light"] .pv-sheet {
  background: rgb(255,255,255);
  box-shadow: 0 10px 40px rgba(28,27,34,0.099), 0 0 0 1px rgba(255,255,255,0.06);
}
html[data-theme="light"] .pv-sheet-num {
  background: rgba(var(--a-eceaf4,236,234,244),0.55);
  color: rgb(6,6,6);
}
html[data-theme="light"] .pv-hint {
  background: rgba(var(--a-eceaf4,236,234,244),0.8);
  border: 1px solid rgba(28,27,34,0.09);
  color: rgba(11,11,12,0.8);
}
@media (max-width: 640px) {
  html[data-theme="light"] .pv-thumbs {
    border-right: 0;
    border-top: 1px solid rgba(28,27,34,0.06);
  }
}

/* ── perf.css ── */
html[data-theme="light"].gg-perf {
  --gl-tint: rgba(var(--a-eae8f5,234,232,245),0.97);
  --gl-blur: none;
}
html[data-theme="light"].gg-perf .navbar {
  background: linear-gradient(180deg, rgba(28,27,34,0.039) 0%, rgba(28,27,34,0.011) 45%), rgba(var(--a-ebe9f6,235,233,246),0.97) !important;
}
html[data-theme="light"].gg-perf .account-settings-dialog,
html[data-theme="light"].gg-perf #news-popup-overlay,
html[data-theme="light"].gg-perf .feedback-overlay,
html[data-theme="light"].gg-perf .background-selection-overlay,
html[data-theme="light"].gg-perf .auth-overlay,
html[data-theme="light"].gg-perf .modern-dialog-overlay,
html[data-theme="light"].gg-perf .slider-warning-overlay,
html[data-theme="light"].gg-perf #pdf-gen-overlay {
  background: rgba(var(--a-f1f0f9,241,240,249),0.9) !important;
}
html[data-theme="light"].gg-perf #news-popup,
html[data-theme="light"].gg-perf .account-settings-content,
html[data-theme="light"].gg-perf .feedback-container,
html[data-theme="light"].gg-perf .background-selection-dialog,
html[data-theme="light"].gg-perf .auth-dialog,
html[data-theme="light"].gg-perf #history-panel,
html[data-theme="light"].gg-perf .gl-dd-pop,
html[data-theme="light"].gg-perf .lp-lang-pop {
  background: linear-gradient(160deg, rgba(var(--a-e7e4f5,231,228,245),0.99) 0%, rgba(var(--a-eceaf6,236,234,246),0.99) 100%) !important;
}
html[data-theme="light"] .gg-perf-note {
  background: rgba(var(--a-e8e5f5,232,229,245),0.98);
  color: rgb(11,11,12);
  border: 1px solid rgba(28,27,34,0.09);
  border-top-color: rgba(28,27,34,0.165);
  box-shadow: 0 14px 34px -10px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gg-perf-note button {
  color: rgb(var(--a-574568,87,69,104));
  background: rgba(var(--a-a855f7,168,85,247),0.22);
  border: 1px solid rgba(var(--a-ab88cf,171,136,207),0.3);
}