/* 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 {
  border-top: 1px solid rgba(28,27,34,0.053);
}
html[data-theme="light"] .fb-reply-avatar {
  background: linear-gradient(160deg, rgb(var(--a-f3e8ff,243,232,255)), rgb(var(--a-d8b4fe,216,180,254)));
  border: 1.5px solid rgba(var(--a-a855f7,168,85,247),0.6);
  box-shadow: 0 2px 10px rgba(var(--a-a855f7,168,85,247),0.18);
}
html[data-theme="light"] .fb-reply-body {
  background: rgba(var(--a-a855f7,168,85,247),0.09);
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.2);
}
html[data-theme="light"] .fb-reply-author {
  color: var(--text);
}
html[data-theme="light"] .fb-reply-badge {
  background: rgba(var(--a-a855f7,168,85,247),0.2);
  color: rgb(var(--a-7335a7,115,53,167));
}
html[data-theme="light"] .fb-reply-date {
  color: rgba(11,11,12,0.35);
}
html[data-theme="light"] .fb-reply-text {
  color: rgba(11,11,12,0.82);
}
html[data-theme="light"] .fb-reply-act {
  background: rgba(28,27,34,0.033);
  border: 1px solid rgba(28,27,34,0.075);
  color: rgba(11,11,12,0.55);
}
@media (hover: hover) {
  html[data-theme="light"] .fb-reply-act: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));
  }
}
@media (hover: hover) {
  html[data-theme="light"] .fb-reply-act-danger:hover {
    background: rgba(255,69,58,0.14);
    border-color: rgba(255,69,58,0.4);
    color: rgb(171,19,25);
  }
}
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-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"].gg-plan-pro #loading-screen .ls-wordmark::after,
html[data-theme="light"].gg-plan-plus #loading-screen .ls-wordmark::after {
  -webkit-text-fill-color: currentColor;
  color: #2a1d02;
  background: linear-gradient(160deg, rgb(253,238,182) 0%, rgb(242,199,92) 48%, rgb(207,148,36) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -2px 0 rgba(120,78,0,0.192), 0 3px 10px rgba(207,148,36,0.18);
}
html[data-theme="light"].gg-plan-plus #loading-screen .ls-wordmark::after {
  color: rgb(28,36,48);
  background: linear-gradient(160deg, rgb(255,255,255) 0%, rgb(217,223,232) 48%, rgb(163,174,189) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -2px 0 rgba(40,52,70,0.168), 0 3px 10px rgba(120,135,160,0.18);
}
html[data-theme="light"].gg-perf #loading-screen .ls-wordmark::after {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -2px 0 rgba(28,27,34,0);
}
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-warning-never:has(input:checked) {
  background: rgba(255,159,10,0.12) !important;
  border-color: rgba(197,121,0,0.45) !important;
}
html[data-theme="light"] .slider-warning-never input:checked {
  background: linear-gradient(180deg, rgb(255,179,64), rgb(240,140,0)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 3px 10px -3px rgba(255,159,10,0.6) !important;
}
html[data-theme="light"] .slider-warning-never input:focus-visible {
  outline-color: rgba(197,121,0,0.7) !important;
}
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);
}
html[data-theme="light"] .tm-mirror {
  color: var(--text);
  border-color: transparent;
  background: transparent;
}
html[data-theme="light"] .tm-on #userText {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  caret-color: var(--text);
}
html[data-theme="light"] .tm-on #userText::selection {
  color: transparent;
  background: rgba(var(--a-a855f7,168,85,247),0.35);
}
html[data-theme="light"] .tm-hl {
  color: inherit;
  background: color-mix(in srgb, var(--c) 42%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--c) 42%, transparent);
}
html[data-theme="light"] .tm-tok {
  color: color-mix(in srgb, var(--c, currentColor) 70%, rgb(83,82,91));
  background: rgba(140,140,150,0.16);
}
html[data-theme="light"] .tm-tok.tm-b {
  --c: rgb(160,160,170);
}
html[data-theme="light"] .tm-bold {
  text-shadow: 0.35px 0 0 currentColor, -0.35px 0 0 currentColor;
}
html[data-theme="light"] .tm-meas {
  border-color: transparent;
}
html[data-theme="light"] .tm-bar {
  background: var(--ios-menu, rgb(224,224,225));
  box-shadow: 0 10px 30px -8px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(255,255,255,0.1);
}
html[data-theme="light"] .tm-bar button {
  border: 0;
}
html[data-theme="light"] .tm-bar-b {
  background: transparent;
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .tm-bar-b:hover,
html[data-theme="light"] .tm-bar-x:hover {
  background: var(--ios-fill, rgba(118,118,128,0.24));
}
html[data-theme="light"] .tm-bar-dot {
  background: var(--c);
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0), inset 0 2px 3px rgba(255,255,255,0.45);
}
html[data-theme="light"] .tm-bar-sep {
  background: var(--ios-sep, rgba(84,84,88,0.55));
}
html[data-theme="light"] .tm-bar-x {
  background: transparent;
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"][data-theme="light"] .tm-bar {
  box-shadow: 0 10px 30px -10px rgba(28,27,34,0.055), 0 0 0 0.5px rgba(28,27,34,0.018);
}
html[data-theme="light"] .tm-legend {
  color: var(--text-3);
}
html[data-theme="light"] .tm-legend .tm-lg-hl {
  background: color-mix(in srgb, rgb(255,230,0) 45%, transparent);
  color: var(--text);
}
html[data-theme="light"] .tm-legend .tm-lg-b {
  color: var(--text);
}
html[data-theme="light"] .tm-pipe {
  color: rgba(var(--a-7b34bb,123,52,187),0.95);
  text-shadow: 0 0 0.4px currentColor;
}
html[data-theme="light"] .tm-trow {
  background: rgba(140,140,150,0.07);
  box-shadow: 0 0 0 1px rgba(140,140,150,0.042);
}
html[data-theme="light"] .tm-thead {
  background: rgba(var(--a-a855f7,168,85,247),0.14);
  box-shadow: 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.084);
  color: var(--text);
}
html[data-theme="light"] .tm-tsep {
  color: rgba(var(--a-7b34bb,123,52,187),0.9);
}
html[data-theme="light"] .tm-legend .tm-lg-t {
  color: rgba(var(--a-7b34bb,123,52,187),0.95);
}

/* ── pro-plans.css ── */
html[data-theme="light"] .gg-pro-tag {
  color: #2a1d02;
  background: linear-gradient(160deg, rgb(253,238,182) 0%, rgb(242,199,92) 48%, rgb(207,148,36) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1.5px 0 rgba(120,78,0,0.192);
  -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .gg-pro-tag-plus {
  color: rgb(28,36,48);
  background: linear-gradient(160deg, rgb(255,255,255) 0%, rgb(217,223,232) 48%, rgb(163,174,189) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -1.5px 0 rgba(40,52,70,0.168);
}
html[data-theme="light"] .gg-plan-over > canvas,
html[data-theme="light"] .gg-plan-over > img,
html[data-theme="light"] .preset-card.gg-plan-over .preset-card-values {
  filter: grayscale(1);
}
html[data-theme="light"] .preset-card.gg-plan-over .preset-action-btn.load {
  filter: grayscale(1);
}
html[data-theme="light"] .gg-exp-note {
  color: var(--text-3, rgb(91,91,95));
}
html[data-theme="light"] .gg-pro-locked input[type="range"] {
  filter: grayscale(1);
}
html[data-theme="light"].gg-lock-customChars .lp-pill-add::before,
html[data-theme="light"] .lp-pill.gg-plan-custom::before {
  color: rgb(28,36,48);
  background: linear-gradient(160deg, rgb(255,255,255), rgb(217,223,232) 48%, rgb(163,174,189));
}
html[data-theme="light"] .gg-width-status {
  color: var(--text-3, rgb(91,91,95));
}
html[data-theme="light"] .gg-width-st-old {
  color: rgb(114,75,0);
}
html[data-theme="light"][data-theme="light"] .gg-width-st-old {
  color: rgb(168,106,0);
}
html[data-theme="light"] .gg-width-which {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gg-width-auto {
  border: 0;
  background: transparent;
  color: var(--text-3, rgb(91,91,95));
}
html[data-theme="light"] .gg-width-scale-locked input[type="range"],
html[data-theme="light"] .gg-width-scale-off input[type="range"] {
  filter: grayscale(1);
}
html[data-theme="light"] .gg-plan-row-plus .gg-plan-ico {
  color: rgb(28,36,48);
}
html[data-theme="light"] .gg-plan-row-pro .gg-plan-ico {
  color: rgb(42,29,2);
}
html[data-theme="light"] .gg-plan-row .gl-row-label {
  color: var(--text-3, rgb(91,91,95));
}
html[data-theme="light"] .gg-plan-cta {
  color: rgb(112,81,0);
}
html[data-theme="light"][data-theme="light"] .gg-plan-cta {
  color: rgb(160,109,0);
}
html[data-theme="light"] .gg-plan-test {
  background: rgba(127,127,140,0.18);
}
html[data-theme="light"] .gg-plan-test button {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gg-plan-test button[aria-checked="true"] {
  background: rgba(28,27,34,0.088);
  box-shadow: 0 1px 3px rgba(28,27,34,0.055);
}
html[data-theme="light"][data-theme="light"] .gg-plan-test button[aria-checked="true"] {
  background: rgb(255,255,255);
}
html[data-theme="light"] .gg-up-ov {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .gg-up {
  --up-bg: rgb(231,231,232);
  --up-card: rgb(224,224,225);
  --up-line: rgba(28,27,34,0.06);
  --up-text: #f5f5f7;
  --up-sub: rgb(152,152,159);
  --up-gold: rgb(232,184,74);
  --up-silver: rgb(201,209,220);
  --up-gold-bg: linear-gradient(160deg, rgb(253,238,182), rgb(242,199,92) 48%, rgb(207,148,36));
  --up-silver-bg: linear-gradient(160deg, rgb(255,255,255), rgb(217,223,232) 48%, rgb(163,174,189));
  color: var(--up-text);
  background: var(--up-bg);
  border: 1px solid rgba(28,27,34,0.06);
  box-shadow: 0 24px 70px rgba(28,27,34,0.121);
  outline: none !important;
}
html[data-theme="light"][data-theme="light"] .gg-up {
  --up-bg: rgb(var(--a-f2f2f7,242,242,247));
  --up-card: rgb(255,255,255);
  --up-line: rgba(28,27,34,0.035);
  --up-text: #1c1c1e;
  --up-sub: rgb(110,110,118);
  --up-gold: rgb(168,115,10);
  --up-silver: rgb(111,123,140);
  border-color: rgba(28,27,34,0.03);
  box-shadow: 0 24px 70px rgba(28,27,34,0.048);
}
html[data-theme="light"] .gg-up-x {
  border: 0;
  color: rgb(81,81,88);
  background: rgba(217,217,220,0.5);
}
html[data-theme="light"][data-theme="light"] .gg-up-x {
  color: rgb(110,110,118);
  background: rgba(229,229,234,0.8);
}
html[data-theme="light"] .gg-up-hero::before {
  background: radial-gradient(closest-side at 38% 55%, rgba(201,209,220,0.22), transparent);
}
html[data-theme="light"] .gg-up-medal.gg-pro-tag-pro {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -2px 0 rgba(120,78,0,0.192), 0 8px 20px rgba(207,148,36,0.21);
}
html[data-theme="light"] .gg-up-medal.gg-pro-tag-plus {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -2px 0 rgba(40,52,70,0.168), 0 6px 16px rgba(28,27,34,0.055);
}
html[data-theme="light"] .gg-up-title {
  color: var(--up-text);
}
html[data-theme="light"] .gg-up-why {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-cycle {
  background: rgba(118,118,128,0.2);
}
html[data-theme="light"] .gg-up-cycle::before {
  background: var(--up-card);
  box-shadow: 0 1px 4px rgba(28,27,34,0.044);
}
html[data-theme="light"]:not([data-theme="light"]) .gg-up-cycle::before {
  background: rgb(99,99,102);
}
html[data-theme="light"] .gg-up-cycle button {
  border: 0;
  color: var(--up-sub);
  background: transparent;
}
html[data-theme="light"] .gg-up-cycle button[aria-checked="true"] {
  color: var(--up-text);
}
html[data-theme="light"] .gg-up-save {
  color: rgb(42,29,2);
  background: var(--up-gold-bg);
}
html[data-theme="light"] .gg-up-plan {
  background: var(--up-card);
  border: 1.5px solid var(--up-line);
}
html[data-theme="light"] .gg-up-plan-plus {
  border-color: rgba(201,209,220,0.55);
  background: linear-gradient(180deg, rgba(201,209,220,0.08), transparent 60%), var(--up-card);
}
html[data-theme="light"] .gg-up-plan-pro {
  border-color: rgb(186,140,0);
  background: linear-gradient(180deg, rgba(242,199,92,0.2), rgba(242,199,92,0.04) 55%, transparent), var(--up-card);
  box-shadow: 0 0 0 4px rgba(242,199,92,0.1), 0 14px 40px rgba(207,148,36,0.18);
}
html[data-theme="light"] .gg-up-plan-pro::before {
  background: linear-gradient(115deg, transparent 35%, rgba(255,236,170,0.16) 47%, rgba(255,236,170,0.05) 53%, transparent 62%) no-repeat;
  background-size: 260% 100%;
  background-position: 130% 0;
}
html[data-theme="light"][data-theme="light"] .gg-up-plan-plus {
  border-color: rgba(111,123,140,0.45);
}
html[data-theme="light"][data-theme="light"] .gg-up-plan-pro {
  border-color: rgb(164,120,0);
  box-shadow: 0 0 0 4px rgba(242,199,92,0.16), 0 14px 36px rgba(176,122,10,0.132);
}
html[data-theme="light"] .gg-up-plan-cur::after {
  box-shadow: 0 0 0 2px rgba(127,127,140,0.27);
}
html[data-theme="light"] .gg-up-best {
  color: rgb(42,29,2);
  background: var(--up-gold-bg);
  box-shadow: 0 4px 12px rgba(207,148,36,0.21);
}
html[data-theme="light"] .gg-up-was {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-plan-plus .gg-up-deal {
  color: rgb(28,36,48);
  background: var(--up-silver-bg);
}
html[data-theme="light"] .gg-up-plan-pro .gg-up-deal {
  color: rgb(42,29,2);
  background: var(--up-gold-bg);
  box-shadow: 0 4px 14px rgba(207,148,36,0.18);
}
html[data-theme="light"] .gg-up-nudge {
  border: 0;
}
html[data-theme="light"] .gg-up-plan-plus .gg-up-nudge {
  color: var(--up-silver);
  background: rgba(201,209,220,0.14);
}
html[data-theme="light"] .gg-up-plan-pro .gg-up-nudge {
  color: var(--up-gold);
  background: rgba(242,199,92,0.14);
}
html[data-theme="light"] .gg-up-per {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-sub {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-plan-plus .gg-up-sub b {
  color: var(--up-silver);
}
html[data-theme="light"] .gg-up-plan-pro .gg-up-sub b {
  color: var(--up-gold);
}
html[data-theme="light"] .gg-up-cta {
  border: 0;
  color: var(--up-text);
  background: rgba(127,127,140,0.2);
}
html[data-theme="light"] .gg-up-plan-plus .gg-up-cta {
  color: rgb(28,36,48);
  background: var(--up-silver-bg);
}
html[data-theme="light"] .gg-up-plan-pro .gg-up-cta {
  color: rgb(42,29,2);
  background: var(--up-gold-bg);
  box-shadow: 0 6px 18px rgba(207,148,36,0.21);
}
html[data-theme="light"] .gg-up-cta-cur {
  background: transparent !important;
  color: var(--up-sub) !important;
  box-shadow: inset 0 0 0 1px var(--up-line);
}
html[data-theme="light"] .gg-up-table {
  background: var(--up-card);
}
html[data-theme="light"] .gg-up-tr {
  border-top: 1px solid var(--up-line);
}
html[data-theme="light"] .gg-up-tr:first-child {
  border-top: 0;
}
html[data-theme="light"] .gg-up-th > span {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-th {
  border-top-color: var(--up-bg);
}
html[data-theme="light"] .gg-up-th > .gg-up-sec {
  color: var(--up-text);
}
html[data-theme="light"] .gg-up-feat svg {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-ft small {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-col-plus {
  background: rgba(201,209,220,0.06);
}
html[data-theme="light"] .gg-up-col-pro {
  background: rgba(242,199,92,0.08);
}
html[data-theme="light"] .gg-up-yes {
  color: var(--up-text);
  background: rgba(127,127,140,0.28);
}
html[data-theme="light"] .gg-up-col-plus .gg-up-yes {
  color: rgb(28,36,48);
  background: var(--up-silver-bg);
}
html[data-theme="light"] .gg-up-col-pro .gg-up-yes {
  color: rgb(42,29,2);
  background: var(--up-gold-bg);
}
html[data-theme="light"] .gg-up-no {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-inf {
  color: var(--up-gold);
}
html[data-theme="light"] .gg-up:focus,
html[data-theme="light"] .gg-up:focus-visible {
  outline: none !important;
}
html[data-theme="light"] .gg-up-soon {
  color: var(--up-gold);
  border: 1px solid var(--up-gold);
}
html[data-theme="light"] .gg-up-trust {
  color: var(--up-sub);
}
html[data-theme="light"] .gg-up-skip {
  border: 0;
  background: transparent;
  color: var(--up-sub);
}

/* ── 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;
}

/* ── survey.css ── */
html[data-theme="light"] .ggs-ov {
  background: var(--ios-scrim, rgba(28,27,34,0.1));
}
html[data-theme="light"] .ggs-sheet {
  --ggs-acc: var(--ios-tint, rgb(var(--a-a855f7,168,85,247)));
  --ggs-line: var(--ios-sep, rgba(84,84,88,0.55));
  background: var(--ios-sheet, rgb(231,231,232));
  color: var(--ios-label, #fff);
  box-shadow: var(--ios-shadow, 0 30px 80px -20px rgba(28,27,34,0.154));
}
html[data-theme="light"] .ggs-sheet::before {
  background: none;
}
html[data-theme="light"] .ggs-x {
  border: 0;
  background: var(--ios-circle, rgb(218,218,219));
  color: var(--ios-circle-ink, rgba(6,6,6,0.88));
  box-shadow: var(--ios-circle-shadow, none);
}
html[data-theme="light"] .ggs-title {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .ggs-lead {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-stage {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .ggs-soon {
  color: #fff;
  background: linear-gradient(135deg, rgb(255,61,139), rgb(var(--a-a855f7,168,85,247)));
}
html[data-theme="light"] .ggs-ends {
  color: var(--ios-tint-ink, rgb(var(--a-7335a7,115,53,167)));
  background: var(--ios-tint-fill, rgba(var(--a-a855f7,168,85,247),0.2));
}
html[data-theme="light"] .ggs-cap {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .ggs-dots button {
  border: 0;
  background: none;
}
html[data-theme="light"] .ggs-dots button::before {
  background: var(--ios-label3, rgba(28,27,34,0.165));
}
html[data-theme="light"] .ggs-dots button[aria-selected="true"]::before {
  background: var(--ggs-acc);
}
html[data-theme="light"] .ggs-store {
  background: var(--ios-tint-fill, rgba(var(--a-a855f7,168,85,247),0.2));
}
html[data-theme="light"] .ggs-store-ic {
  color: #fff;
  background: linear-gradient(145deg, rgb(255,61,139), rgb(var(--a-a855f7,168,85,247)));
}
html[data-theme="light"] .ggs-store-t b {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .ggs-store-t small {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-store-b span {
  color: var(--ios-tint-ink, rgb(var(--a-7335a7,115,53,167)));
  background: var(--ios-sheet, rgb(231,231,232));
}
html[data-theme="light"] .ggs-feats li + li {
  border-top: 0.5px solid var(--ggs-line);
}
html[data-theme="light"] .ggs-fi {
  color: #fff;
  background: linear-gradient(145deg, rgb(var(--a-a855f7,168,85,247)), rgb(255,61,139));
}
html[data-theme="light"] .ggs-feats b {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .ggs-feats small {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-q {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .ggs-qsub {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-opt {
  border: 0;
  color: var(--ios-label, rgb(6,6,6));
  background: var(--ios-group, rgb(224,224,225));
  box-shadow: inset 0 0 0 2px transparent;
}
html[data-theme="light"] .ggs-opt.ggs-sel {
  box-shadow: inset 0 0 0 2px var(--ggs-acc);
  background: var(--ios-tint-fill, rgba(var(--a-a855f7,168,85,247),0.2));
}
html[data-theme="light"] .ggs-opt-t small {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-radio {
  box-shadow: inset 0 0 0 2px var(--ios-label3, rgba(var(--a-ebebf5,235,235,245),0.3));
}
html[data-theme="light"] .ggs-sel .ggs-radio {
  background: var(--ggs-acc);
  box-shadow: inset 0 0 0 5px var(--ggs-acc), inset 0 0 0 10px rgb(255,255,255);
}
html[data-theme="light"] .ggs-other {
  border: 0;
  color: var(--ios-label, rgb(6,6,6));
  background: var(--ios-group, rgb(224,224,225));
  box-shadow: inset 0 0 0 2px var(--ggs-acc);
  outline: none;
}
html[data-theme="light"] .ggs-other::placeholder {
  color: var(--ios-label3, rgba(16,16,23,0.3));
}
html[data-theme="light"] .ggs-err {
  color: var(--ios-red, rgb(180,0,8));
}
html[data-theme="light"] .ggs-done-ic {
  color: #fff;
  background: linear-gradient(145deg, rgb(var(--a-a855f7,168,85,247)), rgb(255,61,139));
}
html[data-theme="light"] .ggs-results h4 {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-bar-l em {
  color: var(--ios-tint-ink, rgb(var(--a-7335a7,115,53,167)));
  background: var(--ios-tint-fill, rgba(var(--a-a855f7,168,85,247),0.2));
}
html[data-theme="light"] .ggs-bar-p {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .ggs-bar-track {
  background: var(--ios-fill, rgba(118,118,128,0.24));
}
html[data-theme="light"] .ggs-bar-fill {
  background: var(--ios-label3, rgba(28,27,34,0.165));
}
html[data-theme="light"] .ggs-me .ggs-bar-fill {
  background: linear-gradient(90deg, rgb(var(--a-a855f7,168,85,247)), rgb(255,61,139));
}
html[data-theme="light"] .ggs-foot {
  border-top: 0.5px solid var(--ggs-line);
}
html[data-theme="light"] .ggs-btn {
  border: 0;
}
html[data-theme="light"] .ggs-ghost {
  color: var(--ios-label, rgb(6,6,6));
  background: var(--ios-fill, rgba(118,118,128,0.24));
}
html[data-theme="light"] .ggs-main {
  color: #fff;
  background: linear-gradient(180deg, rgb(var(--a-b86bff,184,107,255)), rgb(var(--a-9333ea,147,51,234)));
  box-shadow: 0 8px 22px -8px rgba(var(--a-9333ea,147,51,234),0.42);
}
html[data-theme="light"] .ggs-sheet button:focus-visible,
html[data-theme="light"] .ggs-other:focus-visible {
  outline: 2px solid var(--ggs-acc);
}
@media (max-width: 560px) {
  html[data-theme="light"] .ggs-grab {
    background: var(--ios-label3, rgba(28,27,34,0.165));
  }
}

/* ── 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));
}
html[data-theme="light"] {
  --cb-sheet: rgb(231,231,232);
  --cb-group: rgb(224,224,225);
  --cb-label: rgb(255,255,255);
  --cb-label2: rgba(235,235,245,0.6); /* accent-keep */
  --cb-tint: rgb(var(--a-a855f7,168,85,247));
  --cb-tint-ink: rgb(var(--a-c084fc,192,132,252));
  --cb-tint-fill: rgba(var(--a-a855f7,168,85,247),0.2);
  --cb-shadow: 0 30px 80px -20px rgba(28,27,34,0.154), 0 0 0 0.5px rgba(255,255,255,0.08);
}
html[data-theme="light"] #cookie-banner {
  background: var(--cb-sheet) !important;
  border: 0 !important;
  box-shadow: var(--cb-shadow) !important;
}
html[data-theme="light"] #cookie-banner #cookie-banner-title {
  color: var(--cb-label);
}
html[data-theme="light"] #cookie-banner #cookie-banner-text {
  color: var(--cb-label2);
}
html[data-theme="light"] #cookie-banner #cookie-banner-text a {
  color: var(--cb-tint-ink);
  border-bottom-color: transparent;
}
html[data-theme="light"] #cookie-banner .cb-toggle {
  background: var(--cb-group) !important;
  border: 0 !important;
  color: var(--cb-label);
}
html[data-theme="light"] #cookie-banner .cb-btn {
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] #cookie-banner .cb-btn-accept {
  background: var(--cb-tint) !important;
  color: #fff !important;
}
html[data-theme="light"] #cookie-banner .cb-btn-save,
html[data-theme="light"] #cookie-banner .cb-btn-reject {
  background: var(--cb-tint-fill) !important;
  color: var(--cb-tint-ink) !important;
}

/* ── ios-install.css ── */
html[data-theme="light"] #ios-install {
  background: linear-gradient(160deg, rgba(var(--a-a855f7,168,85,247),0.16) 0%, rgba(var(--a-eceaf4,236,234,244),0.95) 55%, rgba(var(--a-c084fc,192,132,252),0.1) 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.132), 0 4px 16px rgba(28,27,34,0.077), inset 0 1px 0 rgba(255,255,255,0.1);
  color: var(--text, rgb(11,11,12));
}
html[data-theme="light"] #ios-install .ii-x {
  border: 1px solid rgba(28,27,34,0.09);
  background: rgba(28,27,34,0.033);
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] #ios-install .ii-icon {
  box-shadow: 0 4px 14px rgba(28,27,34,0.077);
}
html[data-theme="light"] #ios-install .ii-sub {
  color: rgba(11,11,12,0.62);
}
html[data-theme="light"] #ios-install .ii-steps {
  background: rgba(28,27,34,0.025);
  border: 1px solid rgba(28,27,34,0.06);
}
html[data-theme="light"] #ios-install .ii-n {
  color: #fff;
  background: linear-gradient(135deg, rgb(var(--a-a855f7,168,85,247)), rgb(var(--a-c084fc,192,132,252)));
}
html[data-theme="light"] #ios-install .ii-chip {
  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"] #ios-install .ii-hint {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] #ios-install .ii-ok {
  border: 1px solid rgba(var(--a-a855f7,168,85,247),0.5);
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.85), rgba(var(--a-c084fc,192,132,252),0.75));
  color: #fff;
}

/* ── 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-group .gg-pair > .slider-container::before {
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .settings-group .gg-pair + .slider-container::before {
  background: rgba(28,27,34,0.033);
}
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"] .gl-mag {
  background: rgba(var(--a-e8e6f5,232,230,245),0.62);
}
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"] .about-body {
  color: var(--text-2);
}
html[data-theme="light"] .about-body h3 {
  color: var(--text);
}
html[data-theme="light"] .about-use {
  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"] .about-use h4 {
  color: var(--text);
}
html[data-theme="light"] .about-example {
  color: var(--text-2);
}
html[data-theme="light"] .about-example img {
  border: 1px solid var(--lg-rim);
  background: rgb(255,255,255);
}
html[data-theme="light"] .about-example:hover span {
  color: var(--text);
}
html[data-theme="light"] .about-note {
  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;
  --ar-gold: rgb(255,214,10);
  --ar-empty: rgba(28,27,34,0.088);
  --ar-track: rgba(28,27,34,0.05);
  --ar-muted: rgba(28,27,34,0.275);
}
html[data-theme="light"] .average-rating-stars {
  filter: none !important;
}
html[data-theme="light"] .ar-star {
  background: linear-gradient(90deg, var(--ar-gold) var(--f), var(--ar-empty) var(--f));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
html[data-theme="light"] .average-rating-count {
  color: var(--ar-muted) !important;
}
html[data-theme="light"] .ar-row {
  color: var(--ar-muted);
}
html[data-theme="light"] .ar-row-star {
  color: var(--ar-gold);
}
html[data-theme="light"] .ar-track {
  background: var(--ar-track);
}
html[data-theme="light"] .ar-fill {
  background: linear-gradient(90deg, rgb(255,195,0), var(--ar-gold));
}
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"] .gg-pens-3d .gg-pen-tool,
html[data-theme="light"] .gg-pens-3d .gg-pen-erase {
  border: 0;
  background: none !important;
}
html[data-theme="light"] .gg-pens-3d .gg-pm {
  filter: drop-shadow(0 1px 1.5px rgba(28,27,34,0.077));
}
html[data-theme="light"] .gg-pens-3d .gg-pen-tool:focus-visible,
html[data-theme="light"] .gg-pens-3d .gg-pen-erase:focus-visible {
  outline: 2px solid var(--gga-acc, rgb(10,132,255));
}
html[data-theme="light"] .gg-pens-3d .gg-pen-erase::before {
  background: rgba(28,27,34,0.077);
}
html[data-theme="light"] .gg-pens-3d .gg-pen-erase.on:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html[data-theme="light"] .gg-pens-3d .gg-pen-erase:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: inherit !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-pop: cubic-bezier(.22, 1, .36, 1);
  --gl-pop-in: .34s;
  --gl-pop-fade: .2s;
  --gl-pop-out: .18s;
  --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-hl-mark {
  color: rgb(28,27,34);
  background: linear-gradient(transparent 12%, rgba(255,230,0,0.85) 12%, rgba(255,230,0,0.85) 92%, transparent 92%);
}
html[data-theme="light"] .gg-hl-dot {
  background: var(--c);
  border: 2px solid rgba(28,27,34,0.135);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 2px 6px -2px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gg-hl-dot.gg-hl-dot-on {
  border-color: rgba(28,27,34,0.75);
}
html[data-theme="light"] .gg-hl-dot:focus-visible {
  outline: 2px solid rgb(var(--a-9458cc,148,88,204));
}
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"] .gg-google-btn.gg-loading::after {
  border: 2px solid currentColor;
  border-right-color: transparent;
}
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);
}
html[data-theme="light"] .gg-ud-h {
  color: rgba(11,11,12,0.45);
}
html[data-theme="light"] .gg-ud-sub {
  color: rgba(11,11,12,0.5);
}
html[data-theme="light"] .gg-ud-flag {
  color: rgb(11,11,12);
  background: rgba(28,27,34,0.044);
  border: 1px solid rgba(28,27,34,0.075);
}
html[data-theme="light"] .gg-ud-opt {
  background: rgba(28,27,34,0.028);
  border: 1px solid rgba(28,27,34,0.075);
  color: rgba(11,11,12,0.85);
}
html[data-theme="light"] .gg-ud-opt:hover {
  background: rgba(28,27,34,0.041);
}
html[data-theme="light"] .gg-ud-opt:has(input:checked) {
  background: rgba(255,69,58,0.1);
  border-color: rgba(255,69,58,0.38);
}
html[data-theme="light"] .gg-ud-opt input {
  background: rgba(28,27,34,0.033);
  border: 1.5px solid rgba(28,27,34,0.21);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .gg-ud-opt input::after {
  background: 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%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat;
}
html[data-theme="light"] .gg-ud-opt input:checked {
  background: linear-gradient(180deg, rgb(255,106,96), rgb(224,52,42));
  border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 3px 10px -3px rgba(255,69,58,0.36);
}
html[data-theme="light"] .gg-ud-opt input:focus-visible {
  outline: 2px solid rgba(255,69,58,0.7);
}
html[data-theme="light"] .gg-ud-preview {
  color: rgba(11,11,12,0.6);
}
html[data-theme="light"] .gg-ud-preview b {
  color: rgb(11,11,12);
}
html[data-theme="light"] .gg-ud-chars {
  color: rgba(11,11,12,0.85);
}
html[data-theme="light"] .gg-guest-card .gg-guest-card-top .gg-ud-sub {
  color: var(--ios-label2, rgba(11,11,12,0.6));
}
html[data-theme="light"] .bgs:not(#_b1) :is(.bgs-chip, .bgs-ic) {
  background: var(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
}
html[data-theme="light"] .bgs:not(#_b1) :is(.bgs-chip, .bgs-ic):hover:not(:disabled) {
  filter: brightness(1.12);
}

/* ── ios.css ── */
html[data-theme="light"] {
  --ios-sheet: rgb(231,231,232);
  --ios-group: rgb(224,224,225);
  --ios-group-press: rgb(218,218,219);
  --ios-sep: rgba(84,84,88,0.55);
  --ios-label: rgb(255,255,255);
  --ios-label2: rgba(235,235,245,0.6); /* accent-keep */
  --ios-label3: rgba(28,27,34,0.165); /* accent-keep */
  --ios-fill: rgba(118,118,128,0.24);
  --ios-circle: rgb(218,218,219);
  --ios-seg-on: rgb(99,99,102);
  --ios-circle-ink: rgba(255,255,255,0.88);
  --ios-scrim: rgba(28,27,34,0.25);
  --ios-tint: rgb(var(--a-a855f7,168,85,247));
  --ios-tint-ink: rgb(var(--a-c084fc,192,132,252));
  --ios-tint-fill: rgba(var(--a-a855f7,168,85,247),0.2);
  --ios-red: rgb(255,69,58);
  --ios-red-fill: rgba(255,69,58,0.18);
  --ios-shadow: 0 30px 80px -20px rgba(28,27,34,0.154), 0 0 0 0.5px rgba(255,255,255,0.08);
  --ios-circle-shadow: 0 1px 2px rgba(28,27,34,0.055);
  --ios-radius: 34px;
  --ios-group-radius: 22px;
}
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 {
  background: var(--ios-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 {
  background: var(--ios-sheet) !important;
  border: 0 !important;
  box-shadow: var(--ios-shadow) !important;
  color: var(--ios-label);
}
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: var(--ios-label) !important;
}
html[data-theme="light"] .gl-text {
  color: var(--ios-label2);
}
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: var(--ios-circle-ink) !important;
  background: var(--ios-circle) !important;
  border: 0 !important;
  box-shadow: var(--ios-circle-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(--ios-group-press) !important;
  color: var(--ios-label) !important;
}
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(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
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.08) !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: none !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(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !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(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  filter: brightness(1.12);
}
html[data-theme="light"] .action-button.danger,
html[data-theme="light"] .gl-btn-danger {
  background: var(--ios-red) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
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,
html[data-theme="light"] #pme-at-input {
  background: var(--ios-group) !important;
  border: 1px solid transparent !important;
  color: var(--ios-label) !important;
  box-shadow: none !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,
html[data-theme="light"] #pme-at-input:focus {
  background: var(--ios-group) !important;
  border-color: var(--ios-tint) !important;
  box-shadow: 0 0 0 3px var(--ios-tint-fill) !important;
}
html[data-theme="light"] .auth-input::placeholder,
html[data-theme="light"] .styled-input::placeholder,
html[data-theme="light"] #feedback-text::placeholder {
  color: var(--ios-label3) !important;
}
html[data-theme="light"] .gl-group {
  background: var(--ios-group);
  border: 0;
}
html[data-theme="light"] .gl-row {
  color: var(--ios-label);
}
html[data-theme="light"] .gl-row + .gl-row::before {
  background: var(--ios-sep);
}
html[data-theme="light"] button.gl-row:hover {
  background: var(--ios-group-press);
}
html[data-theme="light"] button.gl-row:active {
  background: var(--ios-group-press);
}
html[data-theme="light"] .gl-row-label {
  color: var(--ios-label2);
}
html[data-theme="light"] .gl-row-value {
  color: var(--ios-label);
}
html[data-theme="light"] .gl-row-chev {
  color: var(--ios-label3);
}
html[data-theme="light"] .gl-row.gl-destructive {
  color: var(--ios-red);
}
html[data-theme="light"] .gl-well {
  background: var(--ios-group) !important;
  border: 0 !important;
}
html[data-theme="light"] .gl-caption {
  color: var(--ios-label2);
}
html[data-theme="light"] .gl-code {
  background: var(--ios-fill);
  border: 0;
  color: var(--ios-label);
}
html[data-theme="light"] .fn-bar-title {
  color: var(--ios-label);
}
html[data-theme="light"] .fn-circ {
  background: var(--ios-circle);
  color: var(--ios-circle-ink);
  border: 0;
  box-shadow: var(--ios-circle-shadow);
}
html[data-theme="light"] .fn-circ:hover {
  background: var(--ios-group-press);
}
html[data-theme="light"] .fn-circ:focus-visible {
  outline: 2px solid var(--ios-tint);
}
html[data-theme="light"] .fn-sec {
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-group {
  background: var(--ios-group);
}
html[data-theme="light"] .fn-foot {
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-name-row input {
  background: transparent;
  border: 0;
  outline: none;
  color: var(--ios-label);
}
html[data-theme="light"] .fn-name-row input::placeholder {
  color: var(--ios-label3);
}
html[data-theme="light"] .fn-ext {
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-name-row:focus-within {
  box-shadow: inset 0 0 0 2px var(--ios-tint);
}
html[data-theme="light"] .fn-row {
  background: transparent;
  border: 0;
  color: var(--ios-label);
}
html[data-theme="light"] .fn-row + .fn-row::before {
  background: var(--ios-sep);
}
html[data-theme="light"] .fn-row:hover {
  background: var(--ios-group-press);
}
html[data-theme="light"] .fn-row:active {
  background: var(--ios-group-press);
}
html[data-theme="light"] .fn-row:focus-visible {
  outline: 2px solid var(--ios-tint);
}
html[data-theme="light"] .fn-tile {
  color: rgb(6,6,6);
}
html[data-theme="light"] .fn-row-ext {
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-row-val {
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-chev {
  color: var(--ios-label3);
}
html[data-theme="light"] .fn-check {
  color: var(--ios-tint-ink);
}
html[data-theme="light"] .fn-btn {
  border: 0;
}
html[data-theme="light"] .fn-btn:focus-visible {
  outline: 2px solid var(--ios-tint);
}
html[data-theme="light"] .fn-btn-primary {
  background: var(--ios-tint);
  color: #fff;
}
html[data-theme="light"] .fn-btn-primary:hover:not(:disabled) {
  filter: brightness(1.08);
}
html[data-theme="light"] .fn-btn-tinted {
  background: var(--ios-tint-fill);
  color: var(--ios-tint-ink);
}
html[data-theme="light"] .fn-btn-tinted:hover {
  filter: brightness(1.12);
}
html[data-theme="light"] .fn-ios-hint {
  background: var(--ios-group);
  color: var(--ios-label2);
}
html[data-theme="light"] .fn-ios-hint strong {
  color: var(--ios-label);
}
html[data-theme="light"] .fn-ios-hint svg {
  color: rgb(123,74,0);
}
html[data-theme="light"] .feedback-container .fb-tabs,
html[data-theme="light"] .fb-top .fb-tabs,
html[data-theme="light"] .background-selection-dialog .bgs-tabs {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .feedback-container .fb-indicator:not(.gl-lifted),
html[data-theme="light"] .background-selection-dialog .bgs-tabs-lens:not(.gl-lifted) {
  background: var(--ios-seg-on) !important;
  border: 0 !important;
  box-shadow: 0 1px 3px rgba(28,27,34,0.04) !important;
}
html[data-theme="light"] .feedback-container .fb-tab,
html[data-theme="light"] .feedback-container .fb-tab.active,
html[data-theme="light"] .background-selection-dialog .bgs-tabs button {
  background: transparent !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] .background-selection-dialog .bgs-tabs .bgs-tabs-lens:not(.gl-lifted),
html[data-theme="light"] .background-selection-dialog .bgs-tabs .bgs-tabs-lens.gl-js:not(.gl-lifted),
html[data-theme="light"] .feedback-container .fb-tabs .fb-indicator:not(.gl-lifted),
html[data-theme="light"] .feedback-container .fb-tabs .fb-indicator.gl-js:not(.gl-lifted) {
  background: var(--ios-seg-on) !important;
  border: 0 !important;
  box-shadow: 0 1px 3px rgba(28,27,34,0.04) !important;
}
html[data-theme="light"] .background-selection-dialog .bgs-tabs button.on {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .modern-dialog-content .modern-dialog-btn.gl-btn {
  background: var(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .modern-dialog-content .modern-dialog-btn.gl-btn-primary {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .modern-dialog-content .modern-dialog-btn.gl-btn-danger {
  background: var(--ios-red) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .background-selection-dialog .bgs-btn-secondary,
html[data-theme="light"] .preset-rename-dialog .preset-rename-cancel {
  background: var(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .background-selection-dialog .bgs-footer {
  border-top-color: var(--ios-sep);
}
html[data-theme="light"] .account-settings-content .gl-logout,
html[data-theme="light"] .account-settings-content .gl-logout:hover {
  background: var(--ios-group) !important;
  color: var(--ios-red) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .account-settings-content .gl-dd-btn,
html[data-theme="light"] .account-settings-content .gl-dd-btn:hover,
html[data-theme="light"] .account-settings-content .gl-dd-btn.gl-dd-active {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] :is(.sd-wrap, .modern-dialog-content) :is(.gl-btn, .gl-btn-primary, .sd-close-btn) {
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] :is(.auth-dialog, .account-settings-content, .modern-dialog-content, .sd-wrap, .feedback-container, #news-popup, .presets-panel,
    .background-selection-dialog, .slider-warning-dialog, #history-panel, #pme-addpage-box, #pme-delete-box, #pme-at-box,
    .pme-help-box, .preset-rename-dialog, #cookie-banner)
  :is(.gl-btn, .gl-btn-primary, .gl-btn-danger, .gl-dd-btn, .auth-button-secondary, .auth-button-primary, .action-button, .btn-cancel,
      .btn-submit, .slider-btn-cancel, .slider-btn-confirm, .preset-rename-cancel, .preset-rename-confirm, .presets-save-new-btn,
      .bgs-btn-secondary, .bgs-chip, .bgs-ic, .pme-modal-cancel-btn, .sd-close-btn, .news-dismiss-btn, .cb-btn, .modern-dialog-btn):not(#_ios):not(#_ios2) {
  box-shadow: none !important;
  border-color: transparent !important;
}
html[data-theme="light"] :is(.auth-dialog, .account-settings-content, .modern-dialog-content, .sd-wrap, .feedback-container, #news-popup, .presets-panel,
    .background-selection-dialog, .slider-warning-dialog, #history-panel, #pme-addpage-box, #pme-delete-box, #pme-at-box,
    .pme-help-box, .preset-rename-dialog)
  :is(.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):not(#_ios):not(#_ios2) {
  box-shadow: var(--ios-circle-shadow) !important;
  border-color: transparent !important;
}
html[data-theme="light"] {
  --ios-pill-fill: rgba(118,118,128,0.24);
}
html[data-theme="light"] :is(.auth-dialog, .account-settings-content, .modern-dialog-content, .sd-wrap, .feedback-container, #news-popup, .presets-panel,
    .background-selection-dialog, .slider-warning-dialog, #pme-addpage-box, #pme-delete-box, #pme-at-box, .preset-rename-dialog)
  :is(.modern-dialog-btn, .auth-button, .action-button, .btn-submit, .btn-cancel, .slider-btn-confirm, .slider-btn-cancel,
      .bgs-apply, .bgs-btn-secondary, .sd-close-btn, .news-dismiss-btn, .preset-rename-cancel, .preset-rename-confirm,
      .pme-modal-cancel-btn, .gl-btn-block, .gl-logout):not(#_ios):not(#_ios2) {
  border: 0 !important;
}
html[data-theme="light"] :is(.gg-fmt-apply, .presets-save-new-btn, .gl-btn-sm):not(#_ios) {
  background: var(--ios-pill-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] .gg-fmt-row:hover .gg-fmt-apply,
html[data-theme="light"] .presets-save-new-btn:hover {
  filter: brightness(1.08);
}
html[data-theme="light"] :is(.auth-dialog, .account-settings-content, .modern-dialog-content, .sd-wrap, .feedback-container, #news-popup, .presets-panel,
    .background-selection-dialog, .slider-warning-dialog, .preset-rename-dialog, .fn-dialog) :is(button, a):focus-visible {
  outline: 2.5px solid var(--ios-tint) !important;
}
html[data-theme="light"] .modern-dialog-content .gl-text {
  color: var(--ios-label2);
}
html[data-theme="light"] .modern-dialog-content .gl-well .gl-caption {
  color: var(--ios-label2);
}
html[data-theme="light"] .feedback-container .fb-tabs.single {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"].no-backdrop :is(.account-settings-dialog, #news-popup-overlay, .feedback-overlay, .background-selection-overlay,
  .auth-overlay, .modern-dialog-overlay, .slider-warning-overlay) {
  background: var(--ios-scrim) !important;
}
html[data-theme="light"].no-backdrop :is(#news-popup, .account-settings-content, .feedback-container, .background-selection-dialog,
  #pme-addpage-box, #pme-delete-box) {
  background: var(--ios-sheet) !important;
}
html[data-theme="light"] {
  --ios-page: rgba(28,27,34,0.2);
  --ios-card: rgb(231,231,232);
  --ios-inner: rgb(224,224,225);
  --ios-inner-press: rgb(218,218,219);
}
html[data-theme="light"] body#gg-tabnav-page {
  background: var(--ios-page) !important;
}
html[data-theme="light"] body#gg-tabnav-page::before {
  background: var(--ios-page) !important;
}
html[data-theme="light"] :is(#app-section, #pdf-section, #settings-section, .faq-list, .how-step, .guide-card, .stat-item, .feature-pill):not(#_ios) {
  background: var(--ios-card) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] :is(.lp-shell, #app-section .canvas-section, .settings-group, .settings-preview, .fs-cta, #userText, .pdf-preview-section .pdf-preview,
    #pdf-section .pdf-container > div:last-child):not(#_ios) {
  background: var(--ios-inner) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #userText:focus {
  box-shadow: 0 0 0 2px var(--ios-tint) !important;
}
html[data-theme="light"] .fs-cta .fs-cta-icon {
  background: var(--ios-tint) !important;
  box-shadow: none !important;
  border: 0 !important;
}
html[data-theme="light"] .gg-step-num,
html[data-theme="light"] .how-num {
  background: var(--ios-tint) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
  text-shadow: none !important;
}
html[data-theme="light"] :is(.cta-button.primary, .pdf-btn-generate, .canvas-btn-save, .fast-scan-btn, #presets-button):not(#_a):not(#_b):not(#_c) {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] :is(.cta-button.secondary, .pdf-btn:not(.pdf-btn-generate), .canvas-btn:not(.canvas-btn-save):not(.canvas-btn-clear), .guide-all, .redirect-button,
    .settings-btn-item:not(#presets-button)):not(#_a):not(#_b):not(#_c) {
  background: var(--ios-pill-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] .canvas-btn.canvas-btn-clear:not(#_a):not(#_b):not(#_c) {
  background: var(--ios-red-fill) !important;
  color: var(--ios-red) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] :is(.gg-chip, .btn-clear-text, .lp-lang-btn, .page-nav-btn, .settings-preview-zoom):not(#_a):not(#_b):not(#_c) {
  background: var(--ios-pill-fill) !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-pill:not(#_a):not(#_b) {
  background: var(--ios-card) !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-pill.lp-selected:not(#_a):not(#_b) {
  background: var(--ios-tint) !important;
  color: #fff !important;
}
html[data-theme="light"] .lp-preview {
  background: var(--ios-card) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-preview-letter {
  text-shadow: none !important;
}
html[data-theme="light"] .lp-tabs:not(#_a) {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-tabs .lp-tab-indicator:not(.gl-lifted) {
  background: var(--ios-seg-on) !important;
  border: 0 !important;
  box-shadow: 0 1px 3px rgba(28,27,34,0.04) !important;
}
html[data-theme="light"] .lp-tab {
  color: var(--ios-label) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .hero-badge {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] {
  --ios-menu: rgb(224,224,225);
  --ios-menu-press: rgba(28,27,34,0.055);
  --ios-menu-sep: rgba(84,84,88,0.6);
}
html[data-theme="light"] :is(.gl-dd-pop, .lp-lang-pop):not(#_a):not(#_b) {
  background: var(--ios-menu) !important;
  border: 0 !important;
  box-shadow: 0 18px 50px -12px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(255,255,255,0.08) !important;
}
html[data-theme="light"] .gl-dd-pop .gl-dd-head {
  color: var(--ios-label2);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-item {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .gl-dd-pop .gl-dd-item:hover,
html[data-theme="light"] .gl-dd-pop .gl-dd-item.gl-dd-press {
  background: var(--ios-menu-press);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-sub {
  color: var(--ios-label2);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-check {
  color: var(--ios-label);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-tag,
html[data-theme="light"] .gl-dd-pop .gl-dd-item.gl-dd-on .gl-dd-tag {
  background: var(--ios-fill);
  border: 0;
  color: var(--ios-label2);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-sep {
  background: var(--ios-menu-sep);
}
html[data-theme="light"] .gl-dd-pop .gl-dd-ico svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gl-dd-pop .gl-dd-item.gl-dd-danger {
  color: var(--ios-red) !important;
}
html[data-theme="light"] .gl-dd-pop .gl-dd-item:focus-visible {
  outline: none;
  background: var(--ios-menu-press);
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap:not(#_a) {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap:focus-within {
  box-shadow: 0 0 0 2px var(--ios-tint) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-group {
  color: var(--ios-label2) !important;
  border-top: 6px solid var(--ios-menu-sep);
}
html[data-theme="light"] .lp-lang-pop .lp-lang-group:first-child {
  border-top: 0;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-item:not(#_a) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-item:hover {
  background: var(--ios-menu-press) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-item.active .lp-li-name::before {
  color: var(--ios-tint-ink);
}
html[data-theme="light"] .lp-lang-pop .lp-li-sub,
html[data-theme="light"] .lp-lang-pop .lp-li-sample {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] :is(.fn-btn, .modern-dialog-btn, .gg-fmt-apply, .presets-save-new-btn, .pdf-btn, .canvas-btn, .gg-chip, .cta-button, .settings-btn-item, .fast-scan-btn, .auth-button, .bgs-apply, .bgs-btn-secondary):active:not(:disabled) {
  filter: brightness(0.82) !important;
}
html[data-theme="light"][data-theme="light"] :is(.fn-btn, .modern-dialog-btn, .gg-fmt-apply, .presets-save-new-btn, .pdf-btn, .canvas-btn, .gg-chip, .cta-button, .settings-btn-item, .fast-scan-btn, .auth-button, .bgs-apply, .bgs-btn-secondary):active:not(:disabled) {
  filter: brightness(0.9) !important;
}
html[data-theme="light"] :is(.gl-row, .fn-row):active {
  background: var(--ios-group-press) !important;
}
html[data-theme="light"] {
  --ios-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html[data-theme="light"] :is(#app-section, #pdf-section, #settings-section):not(#_ios):not(#_b) {
  background: transparent !important;
}
html[data-theme="light"] :is(.lp-shell, #app-section .canvas-section, .settings-group, .settings-preview, .fs-cta, #userText,
    #pdf-section .pdf-container > div:last-child):not(#_ios):not(#_b) {
  background: var(--ios-card) !important;
}
html[data-theme="light"] :is(.lp-preview, #saved-letters-container, .pdf-preview-section .pdf-preview):not(#_a):not(#_b),
html[data-theme="light"] #app-section .canvas-side > div:not(.canvas-buttons):not(.canvas-info) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] .lp-pill:not(.lp-selected):not(#_a):not(#_b) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] .lp-pill.lp-selected:not(#_a):not(#_b) {
  background: var(--ios-tint) !important;
}
html[data-theme="light"] .gg-step-head:not(#_a) {
  background: var(--ios-card);
}
html[data-theme="light"] .gg-step-num:not(#_a) {
  color: transparent !important;
  border: 0 !important;
  text-shadow: none !important;
  background: var(--gg-step-bg) !important;
  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.18), 0 4px 12px -6px rgba(28,27,34,0.099) !important;
}
html[data-theme="light"] .gg-step-num:not(#_a)::after {
  background: rgb(255,255,255);
}
html[data-theme="light"] #app-section .gg-step-num {
  --gg-step-bg: linear-gradient(180deg, rgb(255,179,64), rgb(255,138,0));
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4z'/%3E%3Cpath d='M14.5 5.5l3 3'/%3E%3Cpath d='M4 22c3-1.5 6 1 9-0.5s4-2 7-1' stroke-width='1.8'/%3E%3C/svg%3E");
}
html[data-theme="light"] #pdf-section .gg-step-num {
  --gg-step-bg: linear-gradient(180deg, rgb(62,162,255), rgb(10,108,255));
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M8.5 13c1.2-1.4 2.2-1.4 3 0s1.8 1.4 3 0M8.5 17h5'/%3E%3C/svg%3E");
}
html[data-theme="light"] #settings-section .gg-step-num {
  --gg-step-bg: linear-gradient(180deg, rgb(162,162,168), rgb(110,110,117));
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}
html[data-theme="light"] .gg-step-text h2,
html[data-theme="light"] .gg-step-text h3 {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .gg-step-text h2::before,
html[data-theme="light"] .gg-step-text h3::before {
  color: var(--ios-label2);
}
html[data-theme="light"] .gg-step-text p {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .gg-step-head :is(.gg-chip, .gg-hw-toggle):not(#_a):not(#_b):not(#_c):not(#_d) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] :is(.settings-group-title, .lp-progress-label, #saved-letters-container h2, .canvas-header-label, .pme-sec-title):not(#_a) {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .slider-value:not(#_a) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label2) !important;
}
html[data-theme="light"] :is(.slider-label-text, .slider-container label):not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .gg-fine-btn:not(#_a) {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #app-section .canvas-wrapper:not(#_a) {
  box-shadow: none !important;
  border: 0 !important;
}
html[data-theme="light"] #app-section .canvas-buttons:not(#_a) {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
html[data-theme="light"] #app-section .canvas-wrapper:not(#_a):not(#_b) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"][data-theme="light"] input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0 0.5px 4px rgba(28,27,34,0.026), 0 6px 13px rgba(28,27,34,0.026), 0 0 0 0.5px rgba(28,27,34,0.009) !important;
  background: rgb(255,255,255) !important;
}
html[data-theme="light"][data-theme="light"] input[type="range"]::-moz-range-thumb {
  box-shadow: 0 0.5px 4px rgba(28,27,34,0.026), 0 6px 13px rgba(28,27,34,0.026) !important;
  background: rgb(255,255,255) !important;
}
html[data-theme="light"] :is(.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, .fn-close, .pme-sheet-close)::before {
  background: currentColor;
}
html[data-theme="light"] {
  --ios-toast: rgba(224,224,225,0.97);
  --ios-toast-shadow: 0 12px 34px -8px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(255,255,255,0.1);
}
html[data-theme="light"][data-theme="light"] {
  --ios-toast: rgba(255,255,255,0.97);
  --ios-toast-shadow: 0 12px 34px -10px rgba(28,27,34,0.048), 0 0 0 0.5px rgba(28,27,34,0.013);
}
html[data-theme="light"] .toast-container .toast:is(.success, .error, .info):not(#_t1) {
  background: var(--ios-toast) !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: var(--ios-toast-shadow) !important;
}
html[data-theme="light"] .toast-container .toast:is(.success, .error, .info):not(#_t1)::before {
  background: var(--tt-c) var(--tt-i) center / 14px no-repeat;
}
html[data-theme="light"] .toast-container .toast.success:not(#_t1) {
  --tt-c: rgb(52,199,89);
  --tt-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
html[data-theme="light"] .toast-container .toast.error:not(#_t1) {
  --tt-c: rgb(255,59,48);
  --tt-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v7.5' stroke='white' stroke-width='3.2' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='12' cy='18' r='1.9' fill='white'/%3E%3C/svg%3E");
}
html[data-theme="light"] .toast-container .toast.info:not(#_t1) {
  --tt-c: rgb(10,132,255);
  --tt-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6.5' r='1.9' fill='white'/%3E%3Cpath d='M12 11v7' stroke='white' stroke-width='3.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
html[data-theme="light"] .toast-container .toast .toast-close:not(#_t1) {
  border: 0;
  background: var(--ios-fill);
  color: var(--ios-label2);
}
html[data-theme="light"] .toast-container .toast .toast-close:not(#_t1)::before {
  background: currentColor;
}
html[data-theme="light"] .toast-container .toast .toast-action:not(#_t1) {
  background: var(--ios-fill);
  border: 0;
  color: var(--ios-tint-ink);
}
html[data-theme="light"] #fast-scan-ui:not(#_f) {
  background: var(--ios-scrim) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fast-scan-container {
  background: var(--ios-sheet) !important;
  border: 0 !important;
  box-shadow: var(--ios-shadow) !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fast-scan-title {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-head-sub {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-lang {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-done-btn {
  background: var(--ios-pill-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-progress {
  background: var(--ios-fill) !important;
  box-shadow: none !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .progress-bar-fill {
  background: var(--ios-tint) !important;
  box-shadow: none !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fast-scan-subtitle {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-toggles {
  background: var(--ios-group);
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-toggle {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-toggle + .fs-toggle {
  box-shadow: inset 0.5px 0 0 var(--ios-sep);
}
@media (max-width: 420px) {
  html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-toggle + .fs-toggle {
    box-shadow: inset 16px 0.5px 0 -16px var(--ios-sep);
    box-shadow: none;
    border-top: 0.5px solid var(--ios-sep);
  }
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .nav-button {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .nav-button.secondary {
  background: var(--ios-pill-fill) !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .nav-button:hover {
  filter: brightness(1.06);
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-controls {
  background: var(--ios-group) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-brush-val {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-tile-label {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) :is(.letter-guide-container, .canvas-wrapper) {
  background: var(--ios-group) !important;
  border: 0 !important;
  box-shadow: 0 0 0 0.5px var(--ios-sep) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .canvas-wrapper {
  box-shadow: 0 0 0 2px var(--ios-tint) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-clear-btn {
  background: var(--ios-red-fill) !important;
  color: var(--ios-red) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-hint {
  color: var(--ios-label3) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-hint kbd {
  border: 0;
  background: var(--ios-fill);
  color: var(--ios-label2);
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-brush-dot {
  background: var(--ios-label) !important;
  box-shadow: none !important;
}
html[data-theme="light"] {
  --fb-star-empty: rgba(28,27,34,0.176); /* accent-keep */
  --fb-star-on: rgb(255,204,0);
}
html[data-theme="light"][data-theme="light"] {
  --fb-star-empty: rgba(217,217,220,0.45);
  --fb-star-on: rgb(255,184,0);
}
html[data-theme="light"] .fb-star:not(#_s1):not(#_s2) {
  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2l2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8l-5.3 2.9 1.1-6L3.4 9.5l6-.8z' fill='black' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E");
  --star-o: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2l2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8l-5.3 2.9 1.1-6L3.4 9.5l6-.8z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
}
html[data-theme="light"] .fb-star:not(#_s1):not(#_s2)::before,
html[data-theme="light"] .fb-star:not(#_s1):not(#_s2)::after {
  background: var(--fb-star-empty);
}
html[data-theme="light"] .fb-star:not(#_s1):not(#_s2)::after {
  background: var(--fb-star-on);
}
html[data-theme="light"] .fb-star:nth-child(2) {
  --i: 1;
}
html[data-theme="light"] .fb-star:nth-child(3) {
  --i: 2;
}
html[data-theme="light"] .fb-star:nth-child(4) {
  --i: 3;
}
html[data-theme="light"] .fb-star:nth-child(5) {
  --i: 4;
}
html[data-theme="light"] .fb-star.pop:not(#_s1):not(#_s2)::before {
  background: none;
  box-shadow: 0 0 0 2px var(--fb-star-on);
}
html[data-theme="light"] .fb-star-hint:not(#_s1) {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .fb-star-hint.on:not(#_s1) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-nav h3 {
  color: var(--ios-label);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-nav-btn {
  border: 0;
  background: none;
  color: var(--ios-tint-ink);
  box-shadow: none !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-nav-btn.bgs-apply {
  color: var(--ios-tint-ink) !important;
  background: none !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-nav-btn:hover {
  background: var(--ios-fill) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-stage {
  background: radial-gradient(120% 80% at 50% 0%, rgba(28,27,34,0.05), transparent 60%), var(--ios-group);
}
html[data-theme="light"][data-theme="light"] .bgs:not(#_b1) .bgs-stage {
  background: radial-gradient(120% 80% at 50% 0%, rgb(255,255,255), transparent 70%), rgb(233,233,238);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-stage::after {
  background: rgba(28,27,34,0.07);
  filter: blur(12px);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-sheet {
  box-shadow: 0 1px 2px rgba(28,27,34,0.04), 0 18px 36px -18px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(28,27,34,0.026) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-name {
  color: var(--ios-label);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-cur {
  background: var(--ios-tint-fill);
  color: var(--ios-tint-ink);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-label {
  color: var(--ios-label2);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-kind {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-kind-img {
  background-size: cover;
  background-position: center top;
  box-shadow: 0 0 0 0.5px var(--ios-sep), 0 6px 14px -8px rgba(28,27,34,0.088);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-kind.on .bgs-kind-img {
  box-shadow: 0 0 0 2.5px var(--ios-sheet), 0 0 0 5px var(--ios-tint), 0 8px 18px -8px rgba(28,27,34,0.088);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-kind-txt b {
  color: var(--ios-label);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-kind-txt small {
  color: var(--ios-label2);
}
html[data-theme="light"] .bgs-tick {
  background: var(--ios-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center / 14px no-repeat;
  box-shadow: 0 0 0 2px rgb(255,255,255), 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-tone {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-dot {
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 3px 8px -4px rgba(28,27,34,0.088);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-tone.on {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-tone.on .bgs-dot {
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 0 0 2.5px var(--ios-sheet), 0 0 0 5px var(--ios-tint);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-cust-item {
  box-shadow: 0 0 0 0.5px var(--ios-sep);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-cust-item.on {
  box-shadow: 0 0 0 2.5px var(--ios-sheet), 0 0 0 5px var(--ios-tint);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-check {
  background: var(--ios-tint);
  box-shadow: 0 0 0 2px rgb(255,255,255);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-upload {
  background: var(--ios-group) !important;
  border: 1.5px dashed var(--ios-sep) !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-upload small,
html[data-theme="light"] .bgs:not(#_b1) .bgs-hint {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-upload-ic {
  background: var(--ios-tint-fill);
  color: var(--ios-tint-ink);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-guest {
  background: var(--ios-group);
  border: 0;
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-guest-title {
  color: var(--ios-label);
}
html[data-theme="light"] .bgs:not(#_b1) .bgs-guest p {
  color: var(--ios-label2);
}
@media (max-width: 600px) {
  html[data-theme="light"] .bgs:not(#_b1) .bgs-nav::before {
    background: var(--ios-label3);
  }
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) {
  --pme-text: var(--ios-label);
  --pme-text-2: var(--ios-label2);
  --pme-text-3: var(--ios-label3);
  --pme-line: var(--ios-sep);
  background: var(--ios-page, rgba(28,27,34,0.2)) !important;
  color: var(--ios-label);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) :is(#pme-toolbar, #pme-page-panel, #pme-props) {
  background: var(--ios-sheet) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) #pme-viewport {
  background: transparent !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) #pme-page,
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-slot {
  box-shadow: 0 1px 2px rgba(28,27,34,0.044), 0 20px 50px -20px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(28,27,34,0.033) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-slot.active {
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-slot + .pme-slot::before {
  color: var(--ios-label3);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-title-main {
  color: var(--ios-label);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-title-sub {
  color: var(--ios-label2);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-icon-btn {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-btn-group {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-btn-group .pme-icon-btn {
  background: transparent !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-zoom-label {
  color: var(--ios-label);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-export-btn {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-export-btn:hover {
  filter: brightness(1.07);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tools {
  background: var(--ios-group) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tools-sep {
  background: var(--ios-sep);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tool {
  border: 0 !important;
  color: var(--ios-label) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tool:hover {
  background: var(--ios-fill) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tool.active:not(.pme-tool-3d) {
  background: var(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tool-3d:hover {
  background: transparent !important;
}
html[data-theme="light"] .pme-3d {
  filter: drop-shadow(0 2px 2px rgba(28,27,34,0.062));
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tool-3d.active::after {
  background: var(--ios-tint);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-page-thumb canvas {
  box-shadow: 0 0 0 0.5px var(--ios-sep), 0 4px 12px -6px rgba(28,27,34,0.11);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-page-thumb.active canvas {
  box-shadow: 0 0 0 2.5px var(--ios-sheet), 0 0 0 5px var(--ios-tint);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) #pme-add-page-btn {
  background: var(--ios-group) !important;
  border: 1.5px dashed var(--ios-sep) !important;
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-props-head {
  color: var(--ios-label2);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-sec {
  background: var(--ios-group) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-sec-title {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) :is(.pme-val, .pme-hex, .pme-note, .pme-empty-sub) {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-check {
  background: var(--ios-group);
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-check small {
  color: var(--ios-label2);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-danger-btn {
  background: var(--ios-group) !important;
  color: var(--ios-red) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) :is(.pme-action, .pme-mini, .pme-lock, .pme-prop-input) {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-action-danger {
  color: var(--ios-red) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-preview-box {
  background: var(--ios-sheet) !important;
  box-shadow: none;
  border: 0;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-swatch.active,
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-swatch[aria-pressed="true"] {
  box-shadow: 0 0 0 2.5px var(--ios-group), 0 0 0 4.5px var(--ios-tint) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-pens-3d .gg-pen-btns {
  border-bottom: 0.5px solid var(--ios-sep);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-pens-3d .gg-pen-tool {
  background: transparent !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-pens-3d .gg-pen-name {
  color: var(--ios-label2);
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) :is(.pme-selbar, .pme-tool-hint) {
  background: var(--ios-menu) !important;
  border: 0 !important;
  color: var(--ios-label) !important;
  box-shadow: 0 10px 30px -8px rgba(28,27,34,0.11), 0 0 0 0.5px var(--ios-sep) !important;
}
html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-selbar button {
  color: var(--ios-label);
}
@media (max-width: 700px) {
  html[data-theme="light"] #pdf-editor-overlay:not(#_e) .pme-tools {
    background: var(--ios-menu) !important;
    box-shadow: 0 12px 34px -10px rgba(28,27,34,0.121), 0 0 0 0.5px var(--ios-sep) !important;
  }
  html[data-theme="light"] #pdf-editor-overlay:not(#_e) #pme-props {
    background: var(--ios-sheet) !important;
    box-shadow: 0 -12px 40px -10px rgba(28,27,34,0.11) !important;
  }
  html[data-theme="light"] #pdf-editor-overlay:not(#_e) #pme-props::before {
    background: var(--ios-label3);
  }
}
html[data-theme="light"] .pv-expand-btn:not(#_p) {
  background: rgba(231,231,232,0.72) !important;
  color: rgb(6,6,6) !important;
  border: 0 !important;
  box-shadow: 0 2px 8px rgba(28,27,34,0.055) !important;
}
html[data-theme="light"].gg-perf .pv-expand-btn:not(#_p) {
  background: rgba(231,231,232,0.9) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) {
  background: var(--ios-page) !important;
  color: var(--ios-label);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-toolbar {
  background: var(--ios-sheet) !important;
  border: 0 !important;
  box-shadow: 0 0.5px 0 var(--ios-sep) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-title strong {
  color: var(--ios-label);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-page {
  color: var(--ios-label2);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-group {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-btn {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-btn:hover:not(:disabled) {
  background: var(--ios-fill) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) :is(.pv-btn-edit, .pv-close) {
  background: var(--ios-pill-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-btn-edit {
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-btn-primary {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-btn-primary:hover {
  filter: brightness(1.07);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-thumbs {
  background: var(--ios-sheet) !important;
  border: 0 !important;
  box-shadow: 0.5px 0 0 var(--ios-sep) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-thumb {
  color: var(--ios-label2);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-thumb-img {
  box-shadow: 0 0 0 0.5px var(--ios-sep), 0 4px 12px -6px rgba(28,27,34,0.11) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-thumb.pv-active .pv-thumb-img {
  box-shadow: 0 0 0 2.5px var(--ios-sheet), 0 0 0 5px var(--ios-tint) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-sheet {
  box-shadow: 0 1px 2px rgba(28,27,34,0.044), 0 22px 50px -20px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(28,27,34,0.026) !important;
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-sheet-num {
  color: var(--ios-label3);
}
html[data-theme="light"] .pv-lightbox:not(#_p) .pv-hint {
  background: var(--ios-toast, rgba(224,224,225,0.97)) !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: var(--ios-toast-shadow) !important;
}
html[data-theme="light"] .pme-sheet-close:not(#_x1):not(#_x2):not(#_x3) {
  background: var(--ios-circle) !important;
  color: var(--ios-circle-ink) !important;
  border: 0 !important;
}
html[data-theme="light"] :is(.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, .fn-close):not(#_x1):not(#_x2):not(#_x3):not(#_x4) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .settings-button-group .settings-btn-item:not(#presets-button):not(#_a):not(#_b):not(#_c) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] .how-num:not(#_a):not(#_b) {
  color: transparent !important;
  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.18), 0 3px 8px -4px rgba(28,27,34,0.088) !important;
}
html[data-theme="light"] .how-num:not(#_a):not(#_b)::after {
  background: rgb(255,255,255);
}
html[data-theme="light"] .how-step:nth-child(1) .how-num:not(#_a):not(#_b) {
  background: linear-gradient(180deg, rgb(255,179,64), rgb(255,138,0)) !important;
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4z'/%3E%3Cpath d='M14.5 5.5l3 3'/%3E%3Cpath d='M4 22c3-1.5 6 1 9-0.5s4-2 7-1' stroke-width='1.8'/%3E%3C/svg%3E");
}
html[data-theme="light"] .how-step:nth-child(2) .how-num:not(#_a):not(#_b) {
  background: linear-gradient(180deg, rgb(62,162,255), rgb(10,108,255)) !important;
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M8.5 13c1.2-1.4 2.2-1.4 3 0s1.8 1.4 3 0M8.5 17h5'/%3E%3C/svg%3E");
}
html[data-theme="light"] .how-step:nth-child(3) .how-num:not(#_a):not(#_b) {
  background: linear-gradient(180deg, rgb(76,217,100), rgb(40,167,69)) !important;
  --gg-step-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E");
}
html[data-theme="light"] #pdf-section .text-input-section:not(#_a):not(#_b):not(#_c) {
  background: var(--ios-card) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #pdf-section .pdf-container > div:last-child:not(#_a):not(#_b):not(#_c) {
  background: var(--ios-card) !important;
  border: 0 !important;
}
html[data-theme="light"] #pdf-section #userText:not(#_a):not(#_b):not(#_c) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] #pdf-section .pdf-placeholder:not(#_a):not(#_b) {
  background: var(--ios-inner) !important;
  border: 0 !important;
}
html[data-theme="light"] #pdf-section :is(.pdf-btn-bg, .pdf-btn-download, .pdf-btn-edit, .btn-clear-text, .page-nav-btn):not(#_a):not(#_b):not(#_c):not(#_d) {
  background: var(--ios-inner) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"].gg-app .gn-hw-bar .btn-clear-text:not(#_a):not(#_b):not(#_c):not(#_d) {
  background: var(--ios-inner) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .settings-button-group:not(#_a):not(#_b) {
  background: var(--ios-card) !important;
}
html[data-theme="light"] .settings-button-group .settings-btn-item:not(#presets-button):not(#_a):not(#_b):not(#_c) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] :is(#guideImage, #fast-scan-ui .guide-image, #fast-scan-ui #fastScanGuideImage) {
  filter: grayscale(1) contrast(.9);
}
html[data-theme="light"][data-theme="light"] :is(#guideImage, #fast-scan-ui .guide-image, #fast-scan-ui #fastScanGuideImage) {
  filter: invert(1) hue-rotate(180deg) grayscale(1) brightness(1.12) contrast(.95);
}
html[data-theme="light"][data-theme="light"] #fast-scan-ui:not(#_f) :is(.letter-guide-container, .canvas-wrapper) {
  background: rgb(var(--a-fbfbfd,251,251,253)) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .canvas-wrapper {
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--ios-tint) 55%, transparent) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) :is(.letter-guide-container, .canvas-wrapper) {
  background: var(--ios-inner) !important;
}
html[data-theme="light"] .gg-eraser-btn.on:not(#_a):not(#_b):not(#_c):not(#_d) {
  background: var(--ios-tint) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ios-tint) 30%, transparent) !important;
}
html[data-theme="light"] body.gg-eraser-on :is(#app-section .canvas-wrapper, #fast-scan-ui .canvas-wrapper):not(#_a):not(#_b) {
  box-shadow: 0 0 0 2.5px var(--ios-tint) !important;
}
html[data-theme="light"] body.gg-eraser-on #app-section .canvas-wrapper::after,
html[data-theme="light"] body.gg-eraser-on #fast-scan-ui .canvas-wrapper::after {
  color: #fff;
  background: var(--ios-tint);
}
@media (max-width: 420px) {
  html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-toggle + .fs-toggle {
    border-top: 0;
    box-shadow: inset 0.5px 0 0 var(--ios-sep);
  }
}
html[data-theme="light"] {
  --ios-step: rgb(231,231,232);
  --ios-step-l2: rgb(224,224,225);
  --ios-step-l3: rgb(218,218,219);
}
html[data-theme="light"][data-theme="light"] {
  --ios-step: rgb(255,255,255);
  --ios-step-l2: rgb(var(--a-f2f2f7,242,242,247));
  --ios-step-l3: rgb(255,255,255);
}
html[data-theme="light"] :is(#app-section, #pdf-section, #settings-section):not(#_ios):not(#_b):not(#_c) {
  background: var(--ios-step) !important;
  --ios-card: var(--ios-step-l2);
  --ios-inner: var(--ios-step-l3);
  --ios-inner-press: var(--ios-step-l3);
}
html[data-theme="light"] .gg-step-head:not(#_a):not(#_b) {
  background: transparent !important;
}
html[data-theme="light"] .lp-lang-pop:not(#_a):not(#_b):not(#_c) {
  background: var(--ios-menu) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap:not(#_a):not(#_b):not(#_c) {
  background: linear-gradient(var(--ios-fill), var(--ios-fill)), var(--ios-menu) !important;
  border: 0 !important;
  box-shadow: 0 0 0 10px var(--ios-menu) !important;
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search-wrap:focus-within:not(#_a):not(#_b):not(#_c) {
  box-shadow: 0 0 0 10px var(--ios-menu) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-search::placeholder {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-group:not(#_a) {
  background: transparent !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-item:not(#_a):not(#_b) {
  background: transparent !important;
}
html[data-theme="light"] .lp-lang-pop .lp-lang-item:not(#_a):not(#_b):is(:hover, :active, .gl-dd-press) {
  background: var(--ios-menu-press) !important;
}
html[data-theme="light"] .pme-ios-nav h3 {
  color: var(--ios-label);
}
html[data-theme="light"] .pme-ios-nav-btn {
  border: 0;
  background: none;
  color: var(--ios-tint-ink);
  box-shadow: none;
}
html[data-theme="light"] .pme-ios-nav-btn:hover {
  background: var(--ios-fill);
}
html[data-theme="light"] .pme-ios-nav-btn:disabled {
  color: var(--ios-label3);
  background: none;
}
html[data-theme="light"] .pme-ios-nav-btn:focus-visible {
  outline: 2px solid var(--ios-tint);
}
html[data-theme="light"] #pme-addpage-box .pme-ap-label {
  color: var(--ios-label2);
}
html[data-theme="light"] #pme-addpage-box .pme-ap-list {
  background: var(--ios-group);
}
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt:not(#_a) {
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent;
  color: var(--ios-label);
}
html[data-theme="light"] #pme-addpage-box .pme-ap-list > :not(:first-child) {
  background-image: linear-gradient(var(--ios-sep), var(--ios-sep));
  background-repeat: no-repeat;
  background-size: calc(100% - 54px) 0.5px;
  background-position: 54px 0;
}
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt:hover,
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt:active {
  background-color: var(--ios-menu-press);
}
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt-icon:not(#_a) {
  border: 0;
  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.12);
}
html[data-theme="light"] #pme-addpage-box .pme-apo-blank {
  background: linear-gradient(180deg, rgb(162,162,168), rgb(124,124,130));
}
html[data-theme="light"] #pme-addpage-box .pme-apo-same {
  background: var(--ios-tint);
}
html[data-theme="light"] #pme-addpage-box .pme-apo-bg {
  background: linear-gradient(180deg, rgb(62,162,255), rgb(10,108,255));
}
html[data-theme="light"] #pme-addpage-box .pme-apo-photo {
  background: linear-gradient(180deg, rgb(76,217,100), rgb(40,180,70));
}
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt-title:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pme-addpage-box .pme-addpage-opt-sub:not(#_a) {
  color: var(--ios-label2);
}
html[data-theme="light"] #pme-addpage-box .pme-ap-chev {
  color: var(--ios-label3);
}
html[data-theme="light"] #pme-addpage-box .pme-opt-arrow:not(#_a) {
  color: inherit;
}
html[data-theme="light"] #pme-addpage-box #pme-inline-bgpicker:not(#_a) {
  border: 0;
  background: transparent;
}
html[data-theme="light"] #pme-addpage-box .pme-bg-thumb-item:not(#_a) {
  border: 0;
  box-shadow: 0 0 0 0.5px var(--ios-sep), 0 3px 8px -4px rgba(28,27,34,0.088);
}
html[data-theme="light"] #pme-addpage-box .pme-bg-thumb-item.pme-bg-selected:not(#_a) {
  box-shadow: 0 0 0 2px var(--ios-group), 0 0 0 4.5px var(--ios-tint);
}
html[data-theme="light"] #pme-addpage-box .pme-bg-thumb-item .pme-bg-check {
  background: transparent;
}
@media (max-width: 600px) {
  html[data-theme="light"] #pme-addpage-box .pme-ios-nav::before {
    background: var(--ios-label3);
  }
}
html[data-theme="light"] #pme-at-box #pme-at-input {
  outline: none;
  background: var(--ios-group);
  border: 0;
  color: var(--ios-label);
}
html[data-theme="light"] #pme-at-box #pme-at-input::placeholder {
  color: var(--ios-label3);
}
html[data-theme="light"] #pme-at-box #pme-at-input:focus {
  box-shadow: 0 0 0 2px var(--ios-tint);
}
html[data-theme="light"] #pme-at-box #pme-at-hint {
  color: var(--ios-label2);
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-done-btn:not(#_a):not(#_b) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] #fast-scan-ui:not(#_f) .fs-done-btn:hover {
  background: var(--ios-fill) !important;
}
html[data-theme="light"] #pme-at-box :is(#pme-at-ok, #pme-at-cancel):not(#_a):not(#_b) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-tint-ink) !important;
}
html[data-theme="light"] #pme-at-box :is(#pme-at-ok, #pme-at-cancel):not(#_a):not(#_b):hover {
  background: var(--ios-fill) !important;
}
html[data-theme="light"] #pme-at-box #pme-at-ok:not(#_a):not(#_b):disabled {
  color: var(--ios-label3) !important;
  background: none !important;
}
html[data-theme="light"] #pme-addpage-box .pme-ios-nav-btn:not(#_a) {
  background: none;
  border: 0;
  box-shadow: none;
}
html[data-theme="light"] #pme-delete-box #pme-delete-title {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pme-delete-box #pme-delete-msg:not(#_a) {
  background: none !important;
  border: 0 !important;
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #pme-delete-box > div:last-child > div:last-child > button:not(#_a) {
  border: 0 !important;
  background: var(--ios-fill) !important;
  box-shadow: none !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #pme-delete-box #pme-delete-confirm-btn:not(#_a) {
  color: rgb(180,0,8) !important;
}
html[data-theme="light"][data-theme="light"] #pme-delete-box #pme-delete-confirm-btn:not(#_a) {
  color: rgb(181,0,5) !important;
}
html[data-theme="light"] #pme-delete-box > div:last-child > div:last-child > button:not(#_a):active {
  filter: brightness(1.15);
}
html[data-theme="light"] .gg-ios-alert > h3:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] .gg-ios-alert > h3 + div {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] .gg-ios-alert .modern-dialog-btn:not(#_a):not(#_b) {
  background: var(--ios-fill) !important;
  color: var(--ios-label) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .gg-ios-alert .modern-dialog-btn.gl-btn-danger:not(#_a):not(#_b) {
  color: rgb(180,0,8) !important;
}
html[data-theme="light"][data-theme="light"] .gg-ios-alert .modern-dialog-btn.gl-btn-danger:not(#_a):not(#_b) {
  color: rgb(181,0,5) !important;
}
html[data-theme="light"] .gg-ios-alert .modern-dialog-btn:not(#_a):not(#_b):active {
  filter: brightness(1.15);
}
html[data-theme="light"] .gg-ios-alert .modern-dialog-btn:not(#_a):not(#_b):focus,
html[data-theme="light"] #pme-delete-box button:not(#_a):focus {
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .gg-ink-swatch.gg-ink-white:not(.active),
html[data-theme="light"] .pme-swatch.pme-swatch-white:not(.active) {
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0) !important;
}
html[data-theme="light"] #presets-panel .presets-title-row h3:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #presets-panel .presets-done {
  border: 0;
  background: none;
  color: var(--ios-tint-ink);
}
html[data-theme="light"] #presets-panel .presets-done:hover {
  background: var(--ios-fill);
}
html[data-theme="light"] #presets-panel .presets-subheader:not(#_a) {
  border: 0 !important;
}
html[data-theme="light"] #presets-panel .presets-count:not(#_a) {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #presets-panel .presets-save-new-btn:not(#_a):not(#_b) {
  background: var(--ios-tint-fill) !important;
  color: var(--ios-tint-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #presets-panel .preset-card:not(#_a):not(#_b) {
  background: var(--ios-group) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #presets-panel .preset-card-name:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #presets-panel .preset-action-btn:not(#_a):not(#_b) {
  border: 0 !important;
  box-shadow: none !important;
  background: var(--ios-fill) !important;
  color: var(--ios-label) !important;
}
html[data-theme="light"] #presets-panel .preset-action-btn.load:not(#_a):not(#_b) {
  background: var(--ios-tint) !important;
  color: #fff !important;
}
html[data-theme="light"] #presets-panel .preset-action-btn.del:not(#_a):not(#_b) {
  color: rgb(180,0,8) !important;
}
html[data-theme="light"][data-theme="light"] #presets-panel .preset-action-btn.del:not(#_a):not(#_b) {
  color: rgb(181,0,5) !important;
}
html[data-theme="light"] #presets-panel .preset-chip:not(#_a) {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #presets-panel .preset-chip span:not(#_a) {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #presets-panel .presets-empty:not(#_a) p {
  color: var(--ios-label) !important;
}
html[data-theme="light"] #presets-panel .presets-empty:not(#_a) span {
  color: var(--ios-label2) !important;
}
html[data-theme="light"] #presets-panel .presets-empty svg {
  stroke: var(--ios-label3) !important;
}
@media (max-width: 600px) {
  html[data-theme="light"] #presets-panel .presets-header::before {
    background: var(--ios-label3);
  }
}

/* ── 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;
}
html[data-theme="light"].gg-plan-pro .nav-logo > span::after,
html[data-theme="light"].gg-plan-plus .nav-logo > span::after {
  color: #2a1d02;
  background: linear-gradient(160deg, rgb(253,238,182) 0%, rgb(242,199,92) 48%, rgb(207,148,36) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1.5px 0 rgba(120,78,0,0.192);
}
html[data-theme="light"].gg-plan-plus .nav-logo > span::after {
  color: rgb(28,36,48);
  background: linear-gradient(160deg, rgb(255,255,255) 0%, rgb(217,223,232) 48%, rgb(163,174,189) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -1.5px 0 rgba(40,52,70,0.168);
}

/* ── 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.044) 0%, rgba(28,27,34,0) 50%);
  box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.85),
    inset 0 -1px 1px rgba(255,255,255,0.4),
    inset 0 0 0 0.75px rgba(255,255,255,0.5),
    inset 0 0 12px rgba(255,255,255,0.06);
}
html[data-theme="light"].sg-lens-soft .sg-lens-g {
  background: radial-gradient(120% 80% at 50% 0%, rgba(28,27,34,0.088) 0%, rgba(28,27,34,0) 55%),
    radial-gradient(90% 70% at 50% 100%, rgba(28,27,34,0.044) 0%, rgba(28,27,34,0) 60%);
  box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.9),
    inset 0 -1px 1px rgba(255,255,255,0.45),
    inset 0 0 0 0.75px rgba(120,130,150,0.21),
    inset 0 0 0 1.5px rgba(255,255,255,0.35),
    inset 0 0 14px rgba(255,255,255,0.1);
}
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: 64px;
  --sw-h: 28px;
  --sw-kw: 39px;
  --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 2px 1.6px 1.4px -0.6px rgba(70,150,255,calc(0.55 * var(--sw-p))),
    inset -2px -1.6px 1.4px -0.6px rgba(255,200,80,calc(0.5 * var(--sw-p))),
    inset -1.6px 0.8px 1.6px -0.6px rgba(255,110,190,calc(0.32 * 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.14 * var(--sw-p))) 0%, rgba(28,27,34,0) 45%, rgba(255,255,255,calc(0.08 * 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.9 * var(--sw-p))),
    inset 0 -1.2px 1.2px rgba(255,255,255,calc(0.45 * var(--sw-p))),
    inset 2px 1.6px 1.4px -0.6px rgba(70,150,255,calc(0.6 * var(--sw-p))),
    inset -2px -1.6px 1.4px -0.6px rgba(255,200,80,calc(0.55 * var(--sw-p))),
    inset -1.6px 0.8px 1.6px -0.6px rgba(255,110,190,calc(0.36 * var(--sw-p))),
    inset 0 0 0 0.75px rgba(120,130,150,calc(0.35 * var(--sw-p))),
    inset 0 0 0 1.5px rgba(255,255,255,calc(0.32 * 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 .presets-overlay,
html[data-theme="light"].gg-perf #history-overlay,
html[data-theme="light"].gg-perf #pdf-gen-overlay {
  background: var(--ios-scrim, rgba(28,27,34,0.1)) !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 {
  background: var(--ios-sheet, rgb(231,231,232)) !important;
}
html[data-theme="light"].gg-perf .gl-dd-pop,
html[data-theme="light"].gg-perf .lp-lang-pop {
  background: var(--ios-menu, rgb(224,224,225)) !important;
}
html[data-theme="light"] .gg-perf-note {
  background: var(--ios-toast, rgba(224,224,225,0.96));
  color: var(--ios-label, rgb(6,6,6));
  border: 0;
  box-shadow: 0 14px 34px -10px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gg-perf-note button {
  color: var(--ios-tint-ink, rgb(var(--a-7335a7,115,53,167)));
  background: var(--ios-fill, rgba(118,118,128,0.24));
  border: 0;
}
@media (max-width: 768px) {
  html[data-theme="light"].gg-perf #gg-tabnav .settings-btn-mobile,
html[data-theme="light"].gg-perf #gg-tabnav .login-btn {
    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;
  }
}

/* ── notes.css ── */
html[data-theme="light"] .gn {
  --gn-desk: rgb(232,232,233);
  --gn-bar: rgb(227,227,228);
  --gn-strip: rgb(229,229,230);
  --gn-pop: rgb(224,224,225);
  --gn-ink: rgb(237,237,239);
  --gn-ink2: rgba(237,237,239,0.64);
  --gn-ink3: rgba(28,27,34,0.22);
  --gn-line: rgba(28,27,34,0.06);
  --gn-line2: rgba(28,27,34,0.105);
  --gn-hover: rgba(28,27,34,0.036);
  --gn-press: rgba(28,27,34,0.061);
  --gn-field: rgba(28,27,34,0.033);
  --gn-chip-bg: rgb(231,231,232);
  --gn-chip-ink: rgb(242,242,244);
  --gn-acc: rgb(var(--a-a855f7,168,85,247));
  --gn-acc-soft: rgba(var(--a-a855f7,168,85,247),0.16);
  --gn-shadow: 0 12px 32px -12px rgba(28,27,34,0.132), 0 2px 6px rgba(28,27,34,0.062);
  --gn-bar-h: 52px;
  --gn-strip-h: 48px;
  --gn-top: 100px;
  --gn-tabs-h: 0px;
  --gn-st: calc(env(safe-area-inset-top, 0px) + var(--gn-tabs-h));
  --gn-bot: 0px;
  background: var(--gn-desk);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn button {
  color: inherit;
}
html[data-theme="light"] .gn-i {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gn-view {
  outline: none;
}
html[data-theme="light"] .gn-pg {
  background: rgb(255,255,255);
  box-shadow: 0 0 0 0.5px rgba(28,27,34,0.11), 0 1px 2px rgba(28,27,34,0.066), 0 10px 26px -10px rgba(28,27,34,0.121);
}
html[data-theme="light"] .gn-selbox {
  border: 1.5px dashed var(--gn-acc);
  background: rgba(var(--a-a855f7,168,85,247),0.045);
}
html[data-theme="light"] .gn-handle {
  background: rgb(255,255,255);
  border: 2px solid var(--gn-acc);
  box-shadow: 0 1px 4px rgba(28,27,34,0.077);
}
html[data-theme="light"] .gn-selbox.gn-locked {
  border-color: rgba(142,142,147,0.9);
  background: rgba(142,142,147,0.08);
}
html[data-theme="light"] .gn-selbox.gn-locked::after {
  background: rgb(142,142,147) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='6' y='11' width='12' height='9' rx='2'/%3E%3Cpath d='M9 11V8a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / 14px no-repeat;
  box-shadow: 0 1px 4px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-anchor {
  background: rgb(255,255,255);
  border: 2.5px solid var(--gn-acc);
  box-shadow: 0 1px 4px rgba(28,27,34,0.077);
}
html[data-theme="light"] .gn-selbar {
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: 0 8px 24px -8px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(255,255,255,0.08);
}
html[data-theme="light"] .gn-selbar button {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gn-selbar button + button {
  box-shadow: -0.5px 0 0 rgba(255,255,255,0.12);
}
html[data-theme="light"] .gn-selbar button:hover {
  background: rgba(28,27,34,0.044);
}
@media (max-width: 480px) {
  html[data-theme="light"] .gn-selbar:not(:has(.gn-selbar-tbl)):has(> button:nth-of-type(7)) > button {
    box-shadow: none;
  }
}
html[data-theme="light"] .gn-danger {
  color: rgb(177,0,19) !important;
}
html[data-theme="light"] .gn-bar {
  background: var(--gn-bar);
  box-shadow: 0 0.5px 0 var(--gn-line);
}
html[data-theme="light"] .gn-ib {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-ib:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-ib:active {
  background: var(--gn-press);
}
html[data-theme="light"] .gn-ib:disabled {
  background: transparent;
}
html[data-theme="light"] .gn-ib:focus-visible,
html[data-theme="light"] .gn-tool:focus-visible,
html[data-theme="light"] .gn-penb:focus-visible,
html[data-theme="light"] .gn-strip button:focus-visible {
  outline: 2px solid var(--gn-acc);
}
html[data-theme="light"] .gn-sep {
  background: var(--gn-line2);
}
html[data-theme="light"] .gn-title {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-title:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-title-s {
  color: var(--gn-ink3);
}
html[data-theme="light"] #gn-status[data-state="saving"],
html[data-theme="light"] #gn-status[data-state="dirty"] {
  color: var(--gn-ink2);
}
html[data-theme="light"] #gn-status[data-state="error"] {
  color: rgb(177,0,19);
}
html[data-theme="light"] .gn-tool {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-tool:hover {
  background: var(--gn-hover);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-tool.on {
  background: var(--gn-press);
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-tool-dot {
  box-shadow: 0 0 0 1.5px var(--gn-bar);
}
html[data-theme="light"] .gn-strip {
  background: var(--gn-strip);
  box-shadow: 0 0.5px 0 var(--gn-line), 0 6px 14px -12px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-ssep {
  background: var(--gn-line2);
}
html[data-theme="light"] .gn-slabel,
html[data-theme="light"] .gn-shint {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-penb {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-penb svg {
  filter: drop-shadow(0 1px 1.5px rgba(28,27,34,0.077));
}
html[data-theme="light"] .gn-penb-style {
  background: var(--gn-strip);
}
html[data-theme="light"] .gn-penadd {
  border: 1.5px dashed var(--gn-ink3);
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-penadd:hover {
  border-color: var(--gn-ink2);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-size {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-size i {
  background: currentColor;
}
html[data-theme="light"] .gn-size:hover {
  background: var(--gn-hover);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-size.on {
  background: var(--gn-press);
  color: var(--gn-ink);
  box-shadow: inset 0 0 0 1.5px var(--gn-line2);
}
html[data-theme="light"] .gn-swb {
  border: 0;
  background: var(--c);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
}
html[data-theme="light"] .gn-swb.on {
  box-shadow: 0 0 0 2px var(--gn-strip), 0 0 0 3.5px var(--gn-ink);
}
html[data-theme="light"] .gn-pop .gn-swb.on {
  box-shadow: 0 0 0 2px var(--gn-pop), 0 0 0 3.5px var(--gn-ink);
}
html[data-theme="light"] .gn-swc {
  background: conic-gradient(rgb(255,82,82), rgb(255,215,64), rgb(105,240,174), rgb(64,196,255), rgb(124,77,255), rgb(255,64,129), rgb(255,82,82)); /* accent-keep */
}
html[data-theme="light"] .gn-swc.on {
  background: var(--c);
}
html[data-theme="light"] .gn-sbtn {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-sbtn:hover {
  background: var(--gn-hover);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-seg {
  background: var(--gn-field);
  box-shadow: inset 0 0 0 0.5px var(--gn-line);
}
html[data-theme="light"] .gn-seg button {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-seg button:hover {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-seg button.on {
  background: var(--gn-pop);
  color: var(--gn-ink);
  box-shadow: 0 1px 3px rgba(28,27,34,0.066), 0 0 0 0.5px var(--gn-line2);
}
html[data-theme="light"] .gn-chip {
  border: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--gn-line2);
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-chip:hover {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-chk {
  box-shadow: inset 0 0 0 1.5px var(--gn-ink3);
}
html[data-theme="light"] .gn-chip.on {
  background: var(--gn-acc-soft);
  box-shadow: inset 0 0 0 1px rgba(var(--a-a855f7,168,85,247),0.27);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-chip.on .gn-chk {
  background: var(--gn-acc);
  box-shadow: none;
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-styleb,
html[data-theme="light"] .gn-shapeb {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-styleb:hover,
html[data-theme="light"] .gn-shapeb:hover {
  background: var(--gn-hover);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-styleb.on,
html[data-theme="light"] .gn-shapeb.on {
  background: var(--gn-press);
  color: var(--gn-acc);
  box-shadow: inset 0 0 0 1.5px var(--gn-line2);
}
html[data-theme="light"] .gn-srange {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-srange input {
  accent-color: var(--gn-acc);
}
html[data-theme="light"] .gn-srange b {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-zoom,
html[data-theme="light"] .gn-pageno {
  border: 0;
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: var(--gn-shadow);
}
html[data-theme="light"] .gn-pull-c {
  box-shadow: var(--gn-shadow);
}
html[data-theme="light"] .gn-pull-bg {
  fill: var(--gn-chip-bg);
  stroke: var(--gn-line2, rgba(103,103,116,0.35));
}
html[data-theme="light"] .gn-pull-ring {
  fill: none;
  stroke: var(--gn-acc);
}
html[data-theme="light"] .gn-pull-plus {
  fill: none;
  stroke: var(--gn-ink2);
}
html[data-theme="light"] .gn-pull.full .gn-pull-bg {
  fill: var(--gn-acc);
  stroke: var(--gn-acc);
}
html[data-theme="light"] .gn-pull.full .gn-pull-plus {
  stroke: rgb(6,6,6);
}
html[data-theme="light"] .gn-pull-t {
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: var(--gn-shadow);
}
html[data-theme="light"] .gn-pull.full .gn-pull-t {
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-hw-ta {
  border: 0;
  background: var(--gn-field);
  color: var(--gn-ink);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--gn-line2);
}
html[data-theme="light"] .gn-hw-ta::placeholder {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-hw-ta:focus {
  box-shadow: inset 0 0 0 2px var(--gn-acc);
}
html[data-theme="light"] .gn-hw-bar {
  --ios-inner: rgb(218,218,219);
}
html[data-theme="light"] .gn-hw-n {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-hw-miss {
  color: rgb(111,73,0);
  background: rgba(255,176,32,0.14);
}
html[data-theme="light"] .gn-hw-hint {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-hw-ok .gn-i {
  stroke: currentColor;
}
html[data-theme="light"] #gn-pagesbtn.on,
html[data-theme="light"] #gn-robtn.on {
  background: var(--gn-acc-soft, rgba(10,132,255,0.16));
  color: var(--gn-acc);
}
html[data-theme="light"] #gn-pagesbtn.on .gn-i,
html[data-theme="light"] #gn-robtn.on .gn-i {
  stroke: var(--gn-acc);
}
html[data-theme="light"] .gn-pop {
  background: var(--gn-pop);
  box-shadow: var(--gn-shadow), 0 0 0 0.5px var(--gn-line2);
}
html[data-theme="light"] .gn-pop-h {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-row > span {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-row input[type=range] {
  accent-color: var(--gn-acc);
}
html[data-theme="light"] .gn-preview {
  background: rgb(255,255,255);
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0);
}
html[data-theme="light"] .gn-link {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-link:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-hint {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-check input {
  accent-color: var(--gn-acc);
}
html[data-theme="light"] .gn-tpl button {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-tpl button:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-tpl img {
  box-shadow: 0 0 0 0.5px rgba(28,27,34,0.077), 0 3px 8px -4px rgba(28,27,34,0.11);
  background: rgb(255,255,255);
}
html[data-theme="light"] .gn-menu button {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-menu button:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-menu button:active {
  background: var(--gn-press);
}
html[data-theme="light"] .gn-menu-sep {
  background: var(--gn-line2);
}
html[data-theme="light"] .gn-panel {
  background: var(--gn-pop);
  box-shadow: var(--gn-shadow), 0 0 0 0.5px var(--gn-line2);
}
html[data-theme="light"] .gn-panel-selb {
  border: 0;
  background: var(--gn-hover);
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-panel-selb.on {
  background: var(--gn-acc);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-thumb-check {
  background: rgba(255,255,255,0.85);
  box-shadow: 0 0 0 1.5px rgba(28,27,34,0.077);
}
html[data-theme="light"] .gn-thumb-check .gn-i {
  stroke: transparent;
}
html[data-theme="light"] .gn-thumb-picked .gn-thumb-check {
  background: var(--gn-acc);
  box-shadow: 0 0 0 2px rgb(255,255,255);
}
html[data-theme="light"] .gn-thumb-picked .gn-thumb-check .gn-i {
  stroke: rgb(6,6,6);
}
html[data-theme="light"] .gn-thumb-picked .gn-thumb-pg {
  box-shadow: 0 0 0 2.5px var(--gn-acc), 0 6px 14px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-panel-act {
  border-top: 0.5px solid var(--gn-line2);
}
html[data-theme="light"] .gn-panel-act button {
  border: 0;
  background: transparent;
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-panel-act button:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-panel-act button:disabled {
  background: transparent;
}
html[data-theme="light"] .gn-panel-act button .gn-i {
  stroke: currentColor;
}
html[data-theme="light"] .gn-panel-act .gn-danger {
  color: rgb(180,0,8);
}
html[data-theme="light"] .gn-panel-actn {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-thumb-pg {
  border: 0;
  background: rgb(255,255,255);
  box-shadow: 0 0 0 0.5px rgba(28,27,34,0.088), 0 6px 14px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-thumb.on .gn-thumb-pg {
  box-shadow: 0 0 0 2.5px var(--gn-acc), 0 6px 14px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-thumb-row {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-thumb-add {
  border: 1.5px dashed var(--gn-line2);
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-thumb-add:hover {
  border-color: var(--gn-acc);
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-toast {
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: 0 8px 22px -8px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-sheet-ov {
  background: rgba(28,27,34,0.084);
}
html[data-theme="light"] .gn-sheet {
  background: var(--gn-pop);
  color: var(--gn-ink);
  box-shadow: var(--ios-shadow, var(--gn-shadow));
}
html[data-theme="light"] .gn-sheet-head [data-x] {
  background: var(--gn-press);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-sheet-text {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-input {
  border: 0;
  box-shadow: inset 0 0 0 1px var(--gn-line2);
  background: var(--gn-field);
  color: var(--gn-ink);
  outline: none;
}
html[data-theme="light"] .gn-input:focus {
  box-shadow: inset 0 0 0 1.5px var(--gn-acc), 0 0 0 3px var(--gn-acc-soft);
}
html[data-theme="light"] .gn-btn {
  border: 0;
}
html[data-theme="light"] .gn-sheet .gn-btn-primary {
  box-shadow: 0 8px 22px -10px var(--gn-acc);
}
html[data-theme="light"] .gn-btn-primary {
  background: var(--gn-acc);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-btn-danger {
  background: rgb(229,72,62);
  color: #fff;
}
html[data-theme="light"] .gn-help p {
  border-bottom: 1px solid var(--gn-line);
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-help p b {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-set-row {
  border-bottom: 1px solid var(--gn-line);
}
html[data-theme="light"] .gn-set-row:last-child {
  border-bottom: 0;
}
html[data-theme="light"] .gn-set-row small {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-set-r input {
  accent-color: var(--gn-acc);
}
html[data-theme="light"] .gn-set-r b {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-switch i {
  background: var(--gn-line2);
}
html[data-theme="light"] .gn-switch i::after {
  background: rgb(255,255,255);
  box-shadow: 0 1px 3px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-switch input:checked + i {
  background: var(--gn-acc);
}
html[data-theme="light"] .gn-switch input:focus-visible + i {
  outline: 2px solid var(--gn-acc);
}
@media (max-width: 699px) {
  html[data-theme="light"] .gn {
    --gn-bar-h: 50px;
    --gn-strip-h: 46px;
  }
  html[data-theme="light"] .gn-tools {
    background: var(--gn-bar);
    box-shadow: 0 -0.5px 0 var(--gn-line);
  }
  html[data-theme="light"] .gn-strip {
    box-shadow: 0 -0.5px 0 var(--gn-line), 0 -6px 14px -12px rgba(28,27,34,0.132);
  }
}
html[data-theme="light"] .gn-ruler {
  background: rgba(var(--a-fafafc,250,250,252),0.62);
  border: 1px solid rgba(28,27,34,0.11);
  box-shadow: 0 8px 22px -10px rgba(28,27,34,0.11), inset 0 1px 0 rgba(255,255,255,0.7);
  background-image: repeating-linear-gradient(90deg, rgba(233,234,239,0.75) 0 1px, transparent 1px calc(var(--mm) * 10)),
    repeating-linear-gradient(90deg, rgba(233,234,239,0.55) 0 1px, transparent 1px calc(var(--mm) * 5)),
    repeating-linear-gradient(90deg, rgba(233,234,239,0.4) 0 1px, transparent 1px var(--mm));
  background-size: 100% 16px, 100% 11px, 100% 7px;
  background-repeat: no-repeat;
  background-position: 0 0, 0 0, 0 0;
}
html[data-theme="light"].gg-perf .gn-ruler {
  background-color: rgba(var(--a-fafafc,250,250,252),0.86);
}
html[data-theme="light"] .gn-ruler-nums span {
  color: rgba(20,20,30,0.75);
}
html[data-theme="light"] .gn-ruler-deg {
  background: rgba(233,234,239,0.8);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-tpl-up {
  border: 1.5px dashed var(--gn-line2) !important;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-tpl-up:hover {
  border-color: var(--gn-acc) !important;
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-ps-tile {
  border: 0;
  background: transparent;
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-ps-img {
  background: rgb(255,255,255);
  box-shadow: 0 0 0 0.5px rgba(28,27,34,0.077), 0 4px 10px -5px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-ps-tile.on .gn-ps-img {
  box-shadow: 0 0 0 2.5px var(--gn-acc), 0 6px 14px -6px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-ps-tile.on .gn-ps-name {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-ps-tick {
  background: var(--gn-acc);
  color: rgb(6,6,6);
  box-shadow: 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-ps-up .gn-ps-img {
  background: transparent;
  box-shadow: none;
  border: 1.5px dashed var(--gn-line2);
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-ps-up:hover .gn-ps-img {
  border-color: var(--gn-acc);
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-ps-tone button {
  border: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--gn-line2);
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-ps-tone button.on {
  box-shadow: inset 0 0 0 1.5px var(--gn-acc);
  color: var(--gn-ink);
  background: var(--gn-acc-soft);
}
html[data-theme="light"] .gn-ps-tone i {
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0);
}
html[data-theme="light"] .gn-tone-white {
  background: rgb(255,255,255);
}
html[data-theme="light"] .gn-tone-cream {
  background: rgb(247,242,220);
}
html[data-theme="light"] .gn-tone-dark {
  background: rgb(222,222,222);
}
html[data-theme="light"] .gn-ps-opts {
  border-top: 1px solid var(--gn-line);
}
html[data-theme="light"] .gn-ps-row {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-step {
  background: var(--gn-field);
  box-shadow: inset 0 0 0 0.5px var(--gn-line);
}
html[data-theme="light"] .gn-step button {
  border: 0;
  background: transparent;
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-step button:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-step b {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-ps-foot {
  background: var(--gn-pop);
  box-shadow: 0 -10px 12px -10px rgba(28,27,34,0.077);
}
html[data-theme="light"] .gn-ps-foot .gn-ps-opts {
  border-top: 0;
}
html[data-theme="light"] .gn-panel-head h2 .gn-panel-n {
  color: var(--gn-ink3);
}
html[data-theme="light"] .gn-thumb-ghost {
  border: 0;
  background: rgb(255,255,255);
  box-shadow: 0 0 0 2px var(--gn-acc), 0 18px 40px -10px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-drop-l::before,
html[data-theme="light"] .gn-drop-r::before {
  background: var(--gn-acc);
  box-shadow: 0 0 0 3px var(--gn-acc-soft);
}
html[data-theme="light"] .gn-ps-img img {
  background: transparent;
}
html[data-theme="light"] .gn-ps-rot {
  background: rgba(230,230,231,0.72);
  color: rgb(6,6,6);
  box-shadow: 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-tb-ta {
  border: 1.5px solid var(--gn-acc);
  background: rgba(28,27,34,0.275);
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--a-a855f7,168,85,247),0.084);
}
html[data-theme="light"] .gn-tb-bar {
  background: rgba(231,231,232,0.94);
  color: rgb(6,6,6);
  box-shadow: 0 10px 28px -8px rgba(28,27,34,0.121);
}
html[data-theme="light"] .gn-tb-bar button {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gn-tb-bar button:hover {
  background: rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-b.on {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-c {
  box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.35);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-c.on {
  box-shadow: 0 0 0 2px rgba(28,27,34,0.207), 0 0 0 4px rgb(255,255,255);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-del .gn-i {
  color: rgb(172,15,27);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-ok {
  background: var(--gn-acc);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-ok:hover {
  background: var(--gn-acc);
  filter: brightness(1.08);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-it.on,
html[data-theme="light"] .gn-tb-bar .gn-tb-u.on,
html[data-theme="light"] .gn-tb-bar .gn-tb-bgb.on {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-tb-szi {
  border: 1px solid rgba(28,27,34,0.135);
  background: rgba(28,27,34,0.044);
  color: inherit;
  outline: none;
}
html[data-theme="light"] .gn-tb-szi:focus {
  border-color: var(--gn-acc);
  background: rgba(28,27,34,0.077);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-li.on {
  background: rgba(28,27,34,0.11);
}
html[data-theme="light"] .gn-tb-sep {
  background: rgba(28,27,34,0.099);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-cc {
  background: conic-gradient(rgb(244,67,54), rgb(255,235,59), rgb(76,175,80), rgb(0,188,212), rgb(63,81,181), rgb(233,30,99), rgb(244,67,54)); /* accent-keep */
}
html[data-theme="light"] .gn-tb-cc input {
  border: 0;
}
html[data-theme="light"] .gn-tb-bar .gn-tb-bgb span {
  border: 1.5px dashed rgba(28,27,34,0.413);
}
html[data-theme="light"] .gn-tb-bar .gn-tb-bgb.on span {
  border-color: transparent;
}
html[data-theme="light"] .gn-tb-move {
  background: var(--gn-acc);
  box-shadow: 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-tb-move::before {
  background: center / contain no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M3 12h18M9 6l3-3 3 3M9 18l3 3 3-3M6 9l-3 3 3 3M18 9l3 3-3 3'/%3E%3C/svg%3E");
}
html[data-theme="light"] .gn-tb-wd {
  background: var(--gn-acc);
  box-shadow: 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-tb-wd::before {
  border-left: 1.5px solid rgba(28,27,34,0.75);
  border-right: 1.5px solid rgba(28,27,34,0.75);
}
html[data-theme="light"] .gn-tb-move.on,
html[data-theme="light"] .gn-tb-wd.on {
  filter: brightness(1.12);
}
html[data-theme="light"] .gn-tblctl {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-selbar-tbl {
  border-right: 1px solid rgba(28,27,34,0.105);
}
html[data-theme="light"] .gn-selbar .gn-tblctl {
  color: rgba(6,6,6,0.75);
}
html[data-theme="light"] .gn-selbar .gn-tblctl .gn-step {
  background: rgba(28,27,34,0.055);
  box-shadow: none;
}
html[data-theme="light"] .gn-selbar .gn-tblctl .gn-step button,
html[data-theme="light"] .gn-selbar .gn-tblctl .gn-step b {
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-selbar .gn-tblctl .gn-chip {
  color: rgb(6,6,6);
}
@media (max-width: 600px) {
  html[data-theme="light"] .gn-selbar .gn-selbar-tbl {
    border-right: 0;
    border-bottom: 1px solid rgba(28,27,34,0.105);
  }
}
html[data-theme="light"] .gn.gn-ro .gn-ro-pill {
  border: 0;
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: var(--gn-shadow);
}
html[data-theme="light"] .gn {
  --gn-desk: rgb(234,234,235);
  --gn-glass: rgba(228,228,229,0.74);
  --gn-glass-strong: rgba(225,225,227,0.9);
  --gn-glass-line: rgba(28,27,34,0.075);
  --gn-glass-hi: inset 0 0.5px 0 rgba(28,27,34,0.055);
  --gn-grp: rgba(28,27,34,0.033);
  --gn-blur: blur(24px) saturate(1.5);
  --gn-r: 14px;
  --gn-panel-bg: rgb(226,226,228);
}
html[data-theme="light"] .gn-bar {
  background: var(--gn-glass);
  box-shadow: 0 0.5px 0 var(--gn-glass-line);
}
html[data-theme="light"] .gn-grp {
  background: var(--gn-grp);
}
html[data-theme="light"] .gn-grp .gn-ib {
  color: var(--gn-ink);
}
@media (min-width: 700px) {
  html[data-theme="light"] .gn-tools {
    background: var(--gn-grp);
  }
}
html[data-theme="light"] .gn-tool {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-tool.on {
  background: var(--gn-glass-strong);
  color: var(--gn-acc);
  box-shadow: 0 1px 3px rgba(28,27,34,0.077), var(--gn-glass-hi);
}
html[data-theme="light"] .gn-tool-dot {
  box-shadow: 0 0 0 1.5px var(--gn-glass-strong);
}
@media (min-width: 700px) {
  html[data-theme="light"] .gn-strip {
    background: var(--gn-glass);
    box-shadow: 0 0 0 0.5px var(--gn-glass-line), var(--gn-glass-hi), 0 14px 30px -16px rgba(28,27,34,0.132);
  }
}
html[data-theme="light"] .gn-penb-style {
  background: var(--gn-glass-strong);
}
html[data-theme="light"] .gn-swb.on {
  box-shadow: 0 0 0 2px var(--gn-glass-strong), 0 0 0 3.5px var(--gn-ink);
}
html[data-theme="light"] .gn-pg {
  box-shadow: 0 0 0 0.5px rgba(28,27,34,0.099), 0 2px 4px rgba(28,27,34,0.048), 0 18px 40px -18px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-zoom,
html[data-theme="light"] .gn-pageno {
  background: var(--gn-glass);
  color: var(--gn-ink);
  box-shadow: 0 0 0 0.5px var(--gn-glass-line), 0 8px 20px -10px rgba(28,27,34,0.121);
}
html[data-theme="light"] .gn:not(.gn-zoomed) .gn-zoom {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-panel {
  background: var(--gn-panel-bg, var(--gn-glass-strong));
  box-shadow: 0 0 0 0.5px var(--gn-glass-line), var(--gn-glass-hi), 0 24px 50px -20px rgba(28,27,34,0.143);
}
html[data-theme="light"] .gn-thumb.on .gn-thumb-pg {
  box-shadow: 0 0 0 2px var(--gn-glass-strong), 0 0 0 4.5px var(--gn-acc), 0 6px 14px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-thumb.on .gn-thumb-row > span {
  background: var(--gn-acc);
  color: rgb(6,6,6);
}
@media (max-width: 699px) {
  html[data-theme="light"] .gn-tools {
    background: var(--gn-glass);
    box-shadow: 0 -0.5px 0 var(--gn-glass-line);
  }
  html[data-theme="light"] .gn-strip {
    background: var(--gn-glass);
    box-shadow: 0 -0.5px 0 var(--gn-glass-line);
  }
  html[data-theme="light"] .gn-tool.on {
    box-shadow: none;
    background: var(--gn-grp);
  }
  html[data-theme="light"] .gn-grp-act {
    background: transparent;
  }
}
html[data-theme="light"].gg-perf .gn {
  --gn-glass: rgb(227,227,229);
  --gn-glass-strong: rgb(224,224,225);
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"] .gn {
    --gn-glass: rgb(227,227,229);
    --gn-glass-strong: rgb(224,224,225);
  }
}
@media (prefers-contrast: more) {
  html[data-theme="light"] .gn {
    --gn-glass-line: rgba(28,27,34,0.24);
    --gn-grp: rgba(28,27,34,0.066);
  }
}
@media (min-width: 700px) {
  html[data-theme="light"] .gn {
    --gn-bar-h: 60px;
    --gn-r: 16px;
  }
}
html[data-theme="light"] .gn-crop {
  background: rgba(239,239,240,0.94);
  color: rgb(6,6,6);
}
html[data-theme="light"].gg-perf .gn-crop {
  background: rgb(239,239,240);
}
html[data-theme="light"] .gn-crop .gn-btn:not(.gn-btn-primary) {
  background: rgba(28,27,34,0.066);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gn-crop-box {
  box-shadow: 0 0 0 9999px rgba(28,27,34,0.128);
  outline: 2px solid rgba(28,27,34,0.75);
}
html[data-theme="light"] .gn-crop-grid {
  background: linear-gradient(90deg, transparent 33.1%, rgba(28,27,34,0.248) 33.3%, transparent 33.5%, transparent 66.5%, rgba(28,27,34,0.248) 66.7%, transparent 66.9%),
              linear-gradient(0deg, transparent 33.1%, rgba(28,27,34,0.248) 33.3%, transparent 33.5%, transparent 66.5%, rgba(28,27,34,0.248) 66.7%, transparent 66.9%);
}
html[data-theme="light"] .gn-crop-h::after {
  background: rgb(255,255,255);
  box-shadow: 0 1px 4px rgba(28,27,34,0.11);
}
html[data-theme="light"][data-theme="light"] .gn .gn-crop-box {
  box-shadow: 0 0 0 9999px rgba(250,250,251,0.78);
  outline: 2px solid var(--gn-acc);
}
html[data-theme="light"][data-theme="light"] .gn .gn-crop-h::after {
  background: var(--gn-acc);
  box-shadow: 0 0 0 2px rgb(255,255,255);
}
html[data-theme="light"] .gn-has-pill > button.on {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] #gn-tools > .gn-pill {
  background: var(--gn-glass-strong);
  box-shadow: 0 1px 3px rgba(28,27,34,0.077), var(--gn-glass-hi);
}
html[data-theme="light"] .gn-seg > .gn-pill {
  background: var(--gn-pop);
  box-shadow: 0 1px 3px rgba(28,27,34,0.066), 0 0 0 0.5px var(--gn-line2);
}
@media (max-width: 699px) {
  html[data-theme="light"] #gn-tools > .gn-pill {
    box-shadow: none;
    background: var(--gn-grp);
  }
}
html[data-theme="light"] .gn-skel-pg {
  background-color: rgb(224,224,226);
  box-shadow: 0 0 0 .5px rgba(255,255,255,0.06), 0 18px 36px -18px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gn-skel-pg i {
  background: rgba(28,27,34,0.033);
}
html[data-theme="light"] .gn-skel-pg::after {
  background: linear-gradient(100deg, transparent 30%, rgba(28,27,34,0.039) 50%, transparent 70%);
  background-size: 250% 100%;
}
html[data-theme="light"][data-theme="light"] .gn-skel-pg::after {
  background-image: linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.75) 50%, transparent 70%);
}
html[data-theme="light"] .gn-sheet .gn-btn-primary,
html[data-theme="light"] .gn .gn-sheet .gn-btn-primary {
  box-shadow: none;
}
html[data-theme="light"] .gn-btn:active:not(:disabled) {
  filter: brightness(0.82);
}
html[data-theme="light"] .gn-sheet-head [data-x] {
  border: 0;
  background: var(--ios-circle, rgb(218,218,219));
  color: var(--ios-circle-ink, rgba(6,6,6,0.88));
  box-shadow: var(--ios-circle-shadow, 0 1px 2px rgba(28,27,34,0.055));
}
html[data-theme="light"] .gn-sheet-head [data-x]:hover {
  background: var(--ios-group-press, rgb(218,218,219));
}
html[data-theme="light"] .gn-sheet-head [data-x]:active {
  filter: brightness(0.82);
}
html[data-theme="light"] .gn-input:focus {
  box-shadow: 0 0 0 2px var(--gn-acc);
}
html[data-theme="light"] .gn-ps-tile.on .gn-ps-img {
  box-shadow: 0 0 0 2.5px var(--gn-pop), 0 0 0 5px var(--gn-acc), 0 8px 18px -8px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gn-ps-tick {
  box-shadow: 0 0 0 2px rgb(255,255,255), 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-ps-tone button {
  background: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .gn-ps-tone button.on {
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-ps-tone i {
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 3px 8px -4px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gn-ps-tone button.on i {
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 0 0 2.5px var(--gn-pop), 0 0 0 5px var(--gn-acc);
}
html[data-theme="light"] .gn-ps-tone i.gn-tone-dark {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 3px 8px -4px rgba(28,27,34,0.088);
}
@media (max-width: 560px) {
  html[data-theme="light"] .gn-sheet::before {
    background: var(--ios-label3, rgba(28,27,34,0.165));
  }
}
html[data-theme="light"] .gn-sec:is(.gn-shapes-row, .gn-styles, .gn-sizes) > .gn-pill:not(.gl-lifted) {
  background: var(--gn-press);
  box-shadow: inset 0 0 0 1.5px var(--gn-line2);
}
html[data-theme="light"]:not([data-theme="light"]) .gn-seg > .gn-pill:not(.gl-lifted) {
  background: rgb(233,233,234);
  box-shadow: 0 1px 3px rgba(28,27,34,0.088), 0 0 0 0.5px rgba(255,255,255,0.12);
}
html[data-theme="light"] .gn-tsty {
  border: 0;
  background: transparent;
}
html[data-theme="light"] .gn-tsty:hover {
  background: var(--gn-hover);
}
html[data-theme="light"] .gn-tsty.on {
  background: var(--gn-press);
  box-shadow: inset 0 0 0 1.5px var(--gn-line2);
}
html[data-theme="light"] .gn-i-c .gn-ink {
  stroke: none;
}
html[data-theme="light"] .gn-i-c .gn-swash {
  fill: none;
}
html[data-theme="light"] .gn-i-c .gn-halo {
  fill: none;
  stroke: transparent;
}
html[data-theme="light"] .gn-i-c .gn-hl {
  fill: none;
}
html[data-theme="light"] .gn-i-c .gn-tape {
  stroke: currentColor;
}
html[data-theme="light"] .gn-i-c .gn-ink.dk {
  stroke: rgba(6,6,6,0.5);
}
html[data-theme="light"] .gn-i-c .gn-halo.dk {
  stroke: rgba(6,6,6,0.26);
}
html[data-theme="light"][data-theme="light"] .gn-i-c .gn-ink.dk {
  stroke: none;
}
html[data-theme="light"][data-theme="light"] .gn-i-c .gn-halo.dk {
  stroke: transparent;
}
html[data-theme="light"][data-theme="light"] .gn-i-c .gn-ink.lt {
  stroke: rgba(0,0,0,0.35);
}
html[data-theme="light"][data-theme="light"] .gn-i-c .gn-halo.lt {
  stroke: rgba(0,0,0,0.28);
}
html[data-theme="light"] .gn.gn-tabbed {
  --gn-tabs-h: 38px;
}
html[data-theme="light"] .gn-tab {
  color: var(--gn-ink2);
  background: rgba(28,27,34,0.025);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.07);
}
html[data-theme="light"] .gn-tab:hover {
  background: rgba(28,27,34,0.05);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-tab.on {
  background: rgba(28,27,34,0.11);
  color: var(--gn-ink);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 1px 3px rgba(28,27,34,0.066);
}
html[data-theme="light"] .gn-tab:focus-visible,
html[data-theme="light"] .gn-tab-add:focus-visible {
  outline: 2px solid var(--gn-acc);
}
html[data-theme="light"] .gn-tab-x,
html[data-theme="light"] .gn-tab-add {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gn-tab-x svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gn-tab-x:hover {
  background: var(--gn-press);
}
html[data-theme="light"] .gn-tab-add {
  color: var(--gn-ink2);
}
html[data-theme="light"] .gn-tab-add svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gn-tab-add:hover {
  background: var(--gn-hover);
  color: var(--gn-ink);
}
html[data-theme="light"] .gn-tab-add:active {
  background: var(--gn-press);
}
html[data-theme="light"] .gn-tab:not(.on):active {
  background: rgba(28,27,34,0.072);
}
html[data-theme="light"] .gn-tabs-dragging .gn-tab.gn-tab-drag {
  background: var(--gn-pop);
  color: var(--gn-ink);
  box-shadow: var(--gn-shadow), inset 0 0 0 0.5px var(--gn-line2);
}
@media (max-width: 699px) {
  html[data-theme="light"] .gn.gn-tabbed {
    --gn-tabs-h: 36px;
  }
}
html[data-theme="light"] .gn.gn-drop .gn-view {
  box-shadow: inset 0 0 0 3px var(--gn-acc);
}
html[data-theme="light"] .gn-rot-h {
  background: rgb(255,255,255);
  border: 2px solid var(--gn-acc);
  box-shadow: 0 1px 4px rgba(28,27,34,0.077);
  color: var(--gn-acc);
}
html[data-theme="light"] .gn-rot-h::after {
  background: var(--gn-acc);
}
html[data-theme="light"] .gn-rot-h svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gn-rot-deg {
  background: var(--gn-chip-bg);
  color: var(--gn-chip-ink);
  box-shadow: var(--gn-shadow);
}

/* ── app-shell.css ── */
html[data-theme="light"].gg-app {
  --gga-side: 248px;
  --gga-tab: 64px;
  --gga-acc: rgb(var(--a-a855f7,168,85,247));
  --gga-acc-soft: rgba(var(--a-a855f7,168,85,247),0.16);
  --gga-acc-line: rgba(var(--a-a855f7,168,85,247),0.42);
  --gga-panel: rgba(28,27,34,0.019);
  --gga-panel-2: rgba(28,27,34,0.033);
  --gga-line: rgba(28,27,34,0.06);
  --gga-ink: var(--text, rgb(245,245,247));
  --gga-ink-2: var(--text-2, rgba(245,245,247,0.68));
  --gga-ink-3: var(--text-3, rgba(28,27,34,0.231));
  --gga-side-bg: rgba(var(--a-eeeef5,238,238,245),0.92);
  --gga-ease: cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"] #gga-side {
  background: var(--gga-side-bg);
  border-right: 1px solid var(--gga-line);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-brand-plan {
  background: var(--gga-acc-soft);
  color: var(--gga-acc);
  border: 1px solid var(--gga-acc-line);
}
html[data-theme="light"] .gga-nav-item {
  border: 0;
  background: transparent;
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-nav-item:hover {
  background: var(--gga-panel-2);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-nav-item:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-nav-item.active {
  background: var(--gga-acc-soft);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-nav-item.active .gga-ico {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-ico svg,
html[data-theme="light"] .gga-btn svg,
html[data-theme="light"] .gga-chip svg,
html[data-theme="light"] .gga-pop svg,
html[data-theme="light"] .gga-row svg,
html[data-theme="light"] .gga-x svg,
html[data-theme="light"] .gga-more svg,
html[data-theme="light"] .gga-look-toggle svg,
html[data-theme="light"] .gga-lock svg,
html[data-theme="light"] .gga-new-plus svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-nav-badge {
  background: var(--gga-panel-2);
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-acc-guest {
  background: var(--gga-panel);
  border: 1px solid var(--gga-line);
}
html[data-theme="light"] .gga-acc-guest p {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-acc-user {
  border: 0;
  background: transparent;
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-acc-user:hover {
  background: var(--gga-panel-2);
}
html[data-theme="light"] .gga-avatar {
  background: var(--gga-acc);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-legal a {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-legal a:hover {
  color: var(--gga-ink-2);
}
html[data-theme="light"] #gga-head h1 {
  color: var(--gga-ink);
}
html[data-theme="light"] #gga-head .gga-hl {
  color: var(--gga-acc);
}
html[data-theme="light"] #gga-head p {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-btn {
  border: 1px solid transparent;
}
html[data-theme="light"] .gga-btn:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-btn-primary {
  background: var(--gga-acc);
  color: rgb(6,6,6);
  box-shadow: 0 8px 22px -10px var(--gga-acc);
}
html[data-theme="light"] .gga-btn-primary:hover {
  filter: brightness(1.08);
}
html[data-theme="light"] .gga-btn-ghost {
  background: var(--gga-panel-2);
  color: var(--gga-ink);
  border-color: var(--gga-line);
}
html[data-theme="light"] .gga-btn-ghost:hover {
  background: rgba(28,27,34,0.055);
}
html[data-theme="light"] .gga-btn-danger {
  background: rgb(255,69,58);
  color: #fff;
}
html[data-theme="light"] .gga-link {
  background: none;
  border: 0;
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-look-toggle {
  border: 1px solid var(--gga-line);
  background: var(--gga-panel);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-look-toggle:hover {
  background: var(--gga-panel-2);
}
html[data-theme="light"] .gga-look-ico {
  background: var(--gga-acc-soft);
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-look-text span {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-look-chev {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-crumb {
  border: 0;
  background: transparent;
  color: var(--gga-ink-2);
}
html[data-theme="light"] button.gga-crumb:hover {
  background: var(--gga-panel-2);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-crumb-root {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-crumb-cur:not(.gga-crumb-root) {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-crumb-dot {
  background: var(--fc);
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0);
}
html[data-theme="light"] .gga-crumb-chev {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-crumb-sep {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-crumb-sep svg,
html[data-theme="light"] .gga-crumb-chev svg,
html[data-theme="light"] .gga-crumb-back svg,
html[data-theme="light"] .gga-tbtn svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-crumb-back {
  border: 1px solid var(--gga-line);
  background: var(--gga-panel);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-crumb-back:hover {
  background: var(--gga-panel-2);
}
html[data-theme="light"] .gga-crumb.drop-on {
  background: var(--gga-acc-soft);
  color: var(--gga-acc);
  box-shadow: inset 0 0 0 2px var(--gga-acc-line);
}
html[data-theme="light"] .gga-search {
  background: var(--gga-panel);
  border: 1px solid var(--gga-line);
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-search:focus-within {
  border-color: var(--gga-acc-line);
  box-shadow: 0 0 0 3px var(--gga-acc-soft);
}
html[data-theme="light"] .gga-search input {
  border: 0;
  background: transparent;
  color: var(--gga-ink);
  outline: none;
}
html[data-theme="light"] .gga-search input::-webkit-search-cancel-button {
  filter: grayscale(1);
}
html[data-theme="light"] .gga-tbtn {
  border: 1px solid var(--gga-line);
  background: var(--gga-panel);
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-tbtn:hover {
  background: var(--gga-panel-2);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-tbtn.on {
  background: var(--gga-acc);
  border-color: transparent;
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-tbtn:focus-visible,
html[data-theme="light"] .gga-crumb:focus-visible,
html[data-theme="light"] .gga-crumb-back:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-sec-head h2 {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-sec-head span {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-card {
  background: none;
  border: 0;
  color: inherit;
}
html[data-theme="light"] .gga-cover {
  border: 0;
  background: rgb(255,255,255);
  box-shadow: 2px 0 0 -1px rgb(244,244,246), 4px 0 0 -2px rgb(226,226,230), 0 14px 28px -14px rgba(28,27,34,0.165), 0 2px 5px rgba(28,27,34,0.055);
}
html[data-theme="light"] .gga-cover::before {
  background: linear-gradient(90deg, rgba(28,27,34,0.04), rgba(28,27,34,0.008) 70%, rgba(28,27,34,0.11));
}
html[data-theme="light"] .gga-cover::after {
  background: linear-gradient(115deg, rgba(28,27,34,0.099), transparent 38%);
}
html[data-theme="light"] .gga-cover-blank {
  background: repeating-linear-gradient(180deg, rgb(255,255,255) 0 22px, rgb(230,230,234) 22px 23px);
}
html[data-theme="light"] .gga-card:hover .gga-cover,
html[data-theme="light"] .gga-cover:focus-visible {
  box-shadow: 2px 0 0 -1px rgb(244,244,246), 4px 0 0 -2px rgb(226,226,230), 0 24px 40px -16px rgba(28,27,34,0.176), 0 0 0 2px var(--gga-acc-line);
}
html[data-theme="light"] .gga-cover:focus-visible {
  outline: none;
}
html[data-theme="light"] .gga-card[data-color] .gga-cover::before {
  background: linear-gradient(90deg, var(--gga-c), var(--gga-c) 72%, rgba(28,27,34,0.04));
}
html[data-theme="light"] .gga-card-new .gga-cover-new,
html[data-theme="light"] .gga-cover-new {
  background: transparent;
  border: 2px dashed var(--gga-line);
  box-shadow: none;
}
html[data-theme="light"] .gga-card-new:hover .gga-cover-new {
  border-color: var(--gga-acc-line);
  background: var(--gga-acc-soft);
  box-shadow: none;
}
html[data-theme="light"] .gga-new-plus {
  background: var(--gga-acc);
  color: rgb(6,6,6);
  box-shadow: 0 10px 24px -10px var(--gga-acc);
}
html[data-theme="light"] .gga-new-plus svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-card-title {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-card-meta {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-in-folder {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-in-folder svg {
  fill: var(--fc);
  stroke: var(--fc);
}
html[data-theme="light"] .gga-more {
  border: 0;
  background: transparent;
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-more:hover,
html[data-theme="light"] .gga-more:focus-visible {
  background: var(--gga-panel-2);
  color: var(--gga-ink);
  outline: none;
}
html[data-theme="light"] .gga-card.locked .gga-cover img {
  filter: grayscale(1) brightness(.75);
}
html[data-theme="light"] .gga-lock {
  background: rgba(28,27,34,0.12);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-pin {
  background: var(--gga-acc);
  color: rgb(6,6,6);
  box-shadow: 0 4px 10px -4px rgba(28,27,34,0.11);
}
html[data-theme="light"] .gga-pin svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-folder {
  border: 0;
  background: transparent;
  --fc2: color-mix(in srgb, var(--fc) 72%, rgba(28,27,34,0.2));
}
html[data-theme="light"] .gga-f-back {
  background: linear-gradient(180deg, var(--fc2), color-mix(in srgb, var(--fc) 55%, rgba(28,27,34,0.2)));
  box-shadow: 0 14px 28px -14px rgba(28,27,34,0.165);
}
html[data-theme="light"] .gga-f-back::before {
  background: var(--fc2);
}
html[data-theme="light"] .gga-f-paper {
  background: rgb(255,255,255);
  box-shadow: 0 -2px 8px -3px rgba(28,27,34,0.088);
}
html[data-theme="light"] .gga-f-paper-empty {
  background: rgba(28,27,34,0.077);
  box-shadow: none;
  border: 1.5px dashed rgba(28,27,34,0.262);
}
html[data-theme="light"] .gga-f-front {
  background: linear-gradient(170deg, color-mix(in srgb, var(--fc) 86%, rgb(255,255,255)), var(--fc) 45%, color-mix(in srgb, var(--fc) 88%, rgba(28,27,34,0.2)));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 -6px 14px -8px rgba(28,27,34,0.099);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-f-front::before {
  border-top: 1.5px dashed rgba(28,27,34,0.262);
}
html[data-theme="light"] .gga-f-label {
  text-shadow: 0 1px 2px rgba(28,27,34,0.04);
}
html[data-theme="light"] .gga-f-count {
  background: rgba(28,27,34,0.04);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-folder-light .gga-f-front {
  color: rgba(0,0,0,0.78);
}
html[data-theme="light"] .gga-folder-light .gga-f-label {
  text-shadow: none;
}
html[data-theme="light"] .gga-folder-light .gga-f-count {
  background: rgba(28,27,34,0.024);
  color: rgba(0,0,0,0.75);
}
html[data-theme="light"] .gga-folder-light .gga-f-front::before {
  border-color: rgba(28,27,34,0.09);
}
html[data-theme="light"] .gga-folder:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-fcard.drop-on .gga-f-back {
  box-shadow: 0 0 0 3px var(--gga-acc), 0 18px 34px -12px rgba(28,27,34,0.176);
}
html[data-theme="light"] .gga-fcard .gga-card-meta {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-folder-new::after {
  border: 2px dashed var(--gga-line);
}
html[data-theme="light"] .gga-folder-new::before {
  border: 2px dashed var(--gga-line);
  border-bottom: 0;
}
html[data-theme="light"] .gga-card-newf:hover .gga-folder-new::after {
  border-color: var(--gga-acc-line);
  background: var(--gga-acc-soft);
}
html[data-theme="light"] .gga-card-newf:hover .gga-folder-new::before {
  border-color: var(--gga-acc-line);
}
html[data-theme="light"] .gga-f-sym {
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-f-sym svg {
  fill: none;
  stroke: currentColor;
  filter: drop-shadow(0 1px 1.5px rgba(28,27,34,0.055));
}
html[data-theme="light"] .gga-f-sym.gga-f-sym-dark {
  color: rgba(0,0,0,0.62);
}
html[data-theme="light"] .gga-f-sym.gga-f-sym-dark svg {
  filter: none;
}
html[data-theme="light"] .gga-fmini {
  background: var(--fc, rgb(132,148,171));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
html[data-theme="light"] .gga-fmini::before {
  background: var(--fc, rgb(132,148,171));
  filter: brightness(.8);
}
html[data-theme="light"] .gga-fmini-new {
  background: transparent;
  border: 2px dashed var(--gga-line);
  box-shadow: none;
}
html[data-theme="light"] .gga-list {
  background: var(--gga-panel);
  border: 1px solid var(--gga-line);
}
html[data-theme="light"] .gga-lrow:hover {
  background: var(--gga-panel-2);
}
html[data-theme="light"] .gga-lrow-main {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] button.gga-lrow-new {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gga-cover-s {
  box-shadow: 0 4px 10px -5px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gga-lrow[data-color] .gga-cover-s::before {
  background: var(--gga-c);
}
html[data-theme="light"] .gga-cover-s .gga-new-plus {
  box-shadow: none;
}
html[data-theme="light"] .gga-lrow-date {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-lrow.locked .gga-cover-s img {
  filter: grayscale(1) brightness(.75);
}
html[data-theme="light"] .gga-lrow-f.drop-on {
  background: var(--gga-acc-soft);
  box-shadow: inset 0 0 0 2px var(--gga-acc-line);
}
html[data-theme="light"] .gga-tick {
  background: rgba(28,27,34,0.056);
  box-shadow: inset 0 0 0 2px rgb(255,255,255);
  color: transparent;
}
html[data-theme="light"] .gga-tick svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-selecting .sel .gga-tick {
  background: var(--gga-acc);
  color: rgb(6,6,6);
  box-shadow: none;
}
html[data-theme="light"] .gga-selecting .gga-card.sel .gga-cover {
  box-shadow: 0 0 0 3px var(--gga-acc), 0 14px 28px -14px rgba(28,27,34,0.165);
}
html[data-theme="light"] .gga-selecting .gga-lrow.sel {
  background: var(--gga-acc-soft);
}
html[data-theme="light"] .gga-selbar {
  background: var(--ios-sheet, rgb(231,231,232));
  color: var(--ios-label, rgb(6,6,6));
  border: 1px solid var(--gga-line);
  box-shadow: 0 20px 50px -14px rgba(28,27,34,0.165);
}
html[data-theme="light"] .gga-selbar button {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gga-selbar button svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-selbar button:hover:not(:disabled) {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-selbar button.danger {
  color: rgb(180,0,8);
}
html[data-theme="light"] .gga-selbar .gga-selbar-done {
  background: var(--gga-acc);
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-selbar .gga-selbar-done:hover {
  background: var(--gga-acc) !important;
  filter: brightness(1.08);
}
html[data-theme="light"] .gga-empty-mini {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-fempty {
  border: 1.5px dashed var(--gga-line);
}
html[data-theme="light"] .gga-fempty p {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-fempty small {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-empty {
  background: var(--gga-panel);
  border: 1px solid var(--gga-line);
}
html[data-theme="light"] .gga-empty h2 {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-empty p {
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-empty-art span {
  background: rgb(255,255,255);
  box-shadow: 0 10px 24px -12px rgba(28,27,34,0.154);
  background-image: repeating-linear-gradient(180deg, transparent 0 11px, rgb(223,224,230) 11px 12px);
}
html[data-theme="light"] .gga-empty-art span:nth-child(3) {
  box-shadow: 0 0 0 2px var(--gga-acc-line), 0 14px 26px -12px rgba(28,27,34,0.176);
}
html[data-theme="light"] .gga-limit {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-trash-head p {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-trash-head .gga-trash-empty {
  color: rgb(180,0,8);
}
html[data-theme="light"] .gga-trash-head .gga-trash-empty svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-trashed .gga-cover {
  filter: saturate(.6);
}
html[data-theme="light"] .gga-trashed:hover .gga-cover {
  filter: none;
}
html[data-theme="light"] .gga-ficons-h {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-ficon {
  border: 0;
  background: var(--gga-field, rgba(28,27,34,0.033));
  color: var(--gga-ink-2);
}
html[data-theme="light"] .gga-ficon svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-ficon:hover {
  background: rgba(28,27,34,0.055);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-ficon.on {
  background: var(--gga-acc-soft, rgba(10,132,255,0.18));
  color: var(--gga-acc);
  box-shadow: inset 0 0 0 2px var(--gga-acc);
}
html[data-theme="light"] .gga-ficon:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-ficon-none::after {
  background: currentColor;
}
html[data-theme="light"] .gga-ficon-none::before {
  border: 2px solid currentColor;
}
html[data-theme="light"] .gga-color-none {
  background: rgb(132,148,171);
}
html[data-theme="light"] .gga-color-none::after {
  background: rgba(255,255,255,0.85);
}
html[data-theme="light"] .gga-row-tick {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-pop {
  background: var(--ios-menu, rgb(224,224,225));
  border: 0;
  color: var(--ios-label, rgb(6,6,6));
  box-shadow: 0 18px 50px -12px rgba(28,27,34,0.121), 0 0 0 0.5px rgba(255,255,255,0.08);
}
html[data-theme="light"] .gga-pop button {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gga-pop button:hover,
html[data-theme="light"] .gga-pop button:focus-visible {
  background: var(--ios-menu-press, rgba(28,27,34,0.055));
  outline: none;
}
html[data-theme="light"] .gga-pop button:active {
  background: var(--ios-menu-press, rgba(28,27,34,0.055));
}
html[data-theme="light"] .gga-pop button.danger {
  color: var(--ios-red, rgb(180,0,8));
}
html[data-theme="light"] .gga-pop hr {
  border: 0;
  background: var(--ios-menu-sep, rgba(84,84,88,0.6));
}
html[data-theme="light"] .gga-sheet-ov {
  background: var(--ios-scrim, rgba(28,27,34,0.1));
}
html[data-theme="light"] .gga-sheet {
  background: var(--ios-sheet, rgb(231,231,232));
  color: var(--ios-label, rgb(6,6,6));
  box-shadow: var(--ios-shadow, 0 30px 80px -20px rgba(28,27,34,0.154));
}
html[data-theme="light"] .gga-x {
  border: 0;
  background: var(--ios-circle, rgb(218,218,219));
  color: var(--ios-circle-ink, rgba(6,6,6,0.88));
}
html[data-theme="light"] .gga-sheet-text {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-sheet-act {
  background: linear-gradient(to bottom, transparent, var(--ios-sheet, rgb(231,231,232)) 16px);
}
html[data-theme="light"] .gga-imp-apps span {
  background: var(--ios-group, rgb(224,224,225));
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-imp-drop {
  border: 2px dashed var(--gga-acc-line, rgba(var(--a-a855f7,168,85,247),0.45));
  background: var(--gga-acc-soft, rgba(var(--a-a855f7,168,85,247),0.08));
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-imp-drop svg {
  fill: none;
  stroke: var(--gga-acc);
}
html[data-theme="light"] .gga-imp-drop small {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-imp-drop.on,
html[data-theme="light"] .gga-imp-drop:hover {
  background: var(--gga-acc-soft, rgba(var(--a-a855f7,168,85,247),0.16));
}
html[data-theme="light"] .gga-imp-bar {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-imp-bar i {
  background: var(--gga-acc);
}
html[data-theme="light"] .gga-imp-prog span {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-imp-hint {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-input {
  border: 1px solid transparent;
  background: var(--ios-group, rgb(224,224,225));
  color: var(--ios-label, rgb(6,6,6));
  outline: none;
}
html[data-theme="light"] .gga-input:focus {
  border-color: var(--gga-acc-line);
  box-shadow: 0 0 0 3px var(--gga-acc-soft);
}
html[data-theme="light"] .gga-field > span {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-paper {
  border: 2px solid transparent;
  background: var(--ios-group, rgb(224,224,225));
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-paper img {
  box-shadow: 0 4px 12px -6px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gga-paper.on {
  border-color: var(--gga-acc);
  background: var(--gga-acc-soft);
}
html[data-theme="light"] .gga-sheet-nb .gga-paper img {
  box-shadow: 0 0 0 .5px rgba(28,27,34,0.055), 0 6px 16px -8px rgba(28,27,34,0.132);
}
html[data-theme="light"] .gga-sheet-nb .gga-paper:hover:not(.on) {
  background: color-mix(in srgb, var(--ios-group, rgb(224,224,225)) 85%, var(--ios-label, rgb(255,255,255)) 8%);
}
html[data-theme="light"] .gga-seg {
  background: var(--ios-fill, rgba(118,118,128,0.24));
}
html[data-theme="light"] .gga-seg button {
  border: 0;
  background: transparent;
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-seg button.on {
  background: var(--ios-seg-on, rgb(99,99,102));
  box-shadow: 0 2px 6px rgba(28,27,34,0.044);
}
html[data-theme="light"] .gga-rows {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-row {
  border: 0;
  background: transparent;
  color: var(--ios-label, rgb(6,6,6));
  border-bottom: 1px solid var(--ios-sep, rgba(84,84,88,0.55));
}
html[data-theme="light"] .gga-row:last-child {
  border-bottom: 0;
}
html[data-theme="light"] .gga-row:hover {
  background: var(--ios-group-press, rgb(218,218,219));
}
html[data-theme="light"] .gga-row.on {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-row-add {
  color: var(--gga-acc);
}
html[data-theme="light"] .gg-book-status {
  color: var(--text-3);
}
html[data-theme="light"] .gg-book-status[data-state="saving"],
html[data-theme="light"] .gg-book-status[data-state="dirty"] {
  color: var(--text-2);
}
html[data-theme="light"] .gg-book-status[data-state="error"] {
  color: rgb(180,0,8);
}
html[data-theme="light"].gg-app.gg-resume body::before {
  background: rgb(232,232,233);
}
@media (max-width: 899px) {
  html[data-theme="light"] #gga-side {
    border-right: 0;
    border-top: 1px solid var(--gga-line);
    background: rgba(var(--a-eeeef5,238,238,245),0.86);
  }
  html[data-theme="light"].no-backdrop #gga-side,
html[data-theme="light"].gg-perf #gga-side {
    background: rgb(var(--a-eeeef5,238,238,245));
  }
  html[data-theme="light"] .gga-nav-item:hover {
    background: transparent;
  }
  html[data-theme="light"] .gga-nav-item.active {
    background: transparent;
    color: var(--gga-acc);
  }
  html[data-theme="light"] .gga-nav-item.active .gga-ico {
    background: var(--gga-acc-soft);
  }
  html[data-theme="light"] .gga-nav-badge {
    background: var(--gga-acc);
    color: rgb(6,6,6);
  }
}
html[data-theme="light"].gg-app .gga-target {
  border: 1px solid var(--gga-line);
  background: var(--gga-panel);
  color: var(--gga-ink);
}
html[data-theme="light"].gg-app .gga-target:hover {
  background: var(--gga-panel-2);
}
html[data-theme="light"] .gga-target .gga-ico {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-target-text small {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-target .gga-target-chev {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-sheet-label {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-pick-act {
  border: 0;
  background: var(--ios-group, rgb(224,224,225));
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-pick-act svg {
  fill: none;
  stroke: currentColor;
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-pick-act:hover {
  background: var(--ios-group-press, rgb(218,218,219));
}
html[data-theme="light"] .gga-pick-act.on {
  box-shadow: inset 0 0 0 2px var(--gga-acc);
}
html[data-theme="light"] .gga-pick-act.on > .gga-row-text > span {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-pick-bar .gga-crumb-root {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-sheet.gga-sheet-pick .gga-pick-bar :is(.gga-search, .gga-pick-nf, .gga-crumb-back) {
  border: 0;
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-sheet.gga-sheet-pick .gga-pick-bar .gga-crumb-back {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-sheet.gga-sheet-pick .gga-pick-bar .gga-search:focus-within {
  box-shadow: 0 0 0 2px var(--gga-acc);
}
html[data-theme="light"] .gga-pick-nf {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-sheet.gga-sheet-pick .gga-pick-bar .gga-pick-nf {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-pick-nf svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-pick-lib .gga-ftile {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-pick-lib .gga-card.sel .gga-cover {
  box-shadow: 0 0 0 3px var(--gga-acc), 0 14px 28px -14px rgba(28,27,34,0.165);
}
html[data-theme="light"] .gga-pick-lib .gga-card.sel .gga-tick {
  background: var(--gga-acc);
  color: rgb(6,6,6);
  box-shadow: none;
}
html[data-theme="light"] .gga-pick-lib .gga-card.sel .gga-card-title {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-pick-lib .gga-empty-mini {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-row-text small {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-card[data-color="red"],
html[data-theme="light"] .gga-lrow[data-color="red"] {
  --gga-c: rgb(255,69,58);
}
html[data-theme="light"] .gga-card[data-color="orange"],
html[data-theme="light"] .gga-lrow[data-color="orange"] {
  --gga-c: rgb(255,159,10);
}
html[data-theme="light"] .gga-card[data-color="yellow"],
html[data-theme="light"] .gga-lrow[data-color="yellow"] {
  --gga-c: rgb(255,214,10);
}
html[data-theme="light"] .gga-card[data-color="green"],
html[data-theme="light"] .gga-lrow[data-color="green"] {
  --gga-c: rgb(48,209,88);
}
html[data-theme="light"] .gga-card[data-color="blue"],
html[data-theme="light"] .gga-lrow[data-color="blue"] {
  --gga-c: rgb(10,132,255);
}
html[data-theme="light"] .gga-card[data-color="purple"],
html[data-theme="light"] .gga-lrow[data-color="purple"] {
  --gga-c: rgb(var(--a-bf5af2,191,90,242));
}
html[data-theme="light"] .gga-card[data-color="pink"],
html[data-theme="light"] .gga-lrow[data-color="pink"] {
  --gga-c: rgb(255,55,95);
}
html[data-theme="light"] .gga-card[data-color="gray"],
html[data-theme="light"] .gga-lrow[data-color="gray"] {
  --gga-c: rgb(142,142,147);
}
html[data-theme="light"] .gga-color {
  border: 3px solid transparent;
  box-shadow: inset 0 0 0 2px rgba(28,27,34,0);
}
html[data-theme="light"] .gga-color.on {
  border-color: var(--ios-label, rgba(28,27,34,0.75));
}
html[data-theme="light"] .gga-color[data-c="red"] {
  background: rgb(255,69,58);
}
html[data-theme="light"] .gga-color[data-c="orange"] {
  background: rgb(255,159,10);
}
html[data-theme="light"] .gga-color[data-c="yellow"] {
  background: rgb(255,214,10);
}
html[data-theme="light"] .gga-color[data-c="green"] {
  background: rgb(48,209,88);
}
html[data-theme="light"] .gga-color[data-c="blue"] {
  background: rgb(10,132,255);
}
html[data-theme="light"] .gga-color[data-c="purple"] {
  background: rgb(var(--a-bf5af2,191,90,242));
}
html[data-theme="light"] .gga-color[data-c="pink"] {
  background: rgb(255,55,95);
}
html[data-theme="light"] .gga-color[data-c="gray"] {
  background: rgb(142,142,147);
}
html[data-theme="light"] #gg-snack {
  background: var(--ios-sheet, rgb(231,231,232));
  color: var(--ios-label, rgb(6,6,6));
  border: 1px solid var(--gga-line, rgba(28,27,34,0.06));
  box-shadow: 0 18px 50px -14px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gg-snack-btn {
  border: 0;
  background: rgba(var(--a-a855f7,168,85,247),0.18);
  color: rgb(var(--a-7b34bb,123,52,187));
}
html[data-theme="light"] .gg-write-opt {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-write-opt input {
  accent-color: rgb(var(--a-7b34bb,123,52,187));
}
html[data-theme="light"] .gg-write-sheet .gga-btn svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] #pme-tools .gg-tool-write {
  color: rgb(var(--a-7b34bb,123,52,187));
}
html[data-theme="light"] .gga-paper img {
  background: rgb(255,255,255);
}
html[data-theme="light"] .gga-seg-pill {
  background: var(--ios-seg-on, rgb(99,99,102));
  box-shadow: 0 2px 6px rgba(28,27,34,0.044);
}
html[data-theme="light"] .gga-seg:has(.gga-seg-pill) button.on {
  background: transparent;
  box-shadow: none;
}
html[data-theme="light"].gg-app #gga-books {
  background: var(--ios-card, var(--gga-panel));
}
html[data-theme="light"].gg-app #gga-books .gga-lib-bar {
  border-bottom: 0.5px solid var(--ios-sep, var(--gga-line));
}
html[data-theme="light"].gg-app #gga-books :is(.gga-search, .gga-tbtn, .gga-crumb-back) {
  background: var(--ios-inner, var(--gga-panel-2));
  border-color: transparent;
}
html[data-theme="light"].gg-app #gga-books .gga-tbtn:hover,
html[data-theme="light"].gg-app #gga-books .gga-crumb-back:hover {
  filter: brightness(1.08);
}
html[data-theme="light"].gg-app #gga-books .gga-tbtn.on {
  background: var(--gga-acc);
}
html[data-theme="light"].gg-app #gga-books .gga-search:focus-within {
  border-color: var(--gga-acc-line);
}
html[data-theme="light"] .gg-fmt-sep {
  background: var(--ios-sep, rgba(28,27,34,0.099));
}
html[data-theme="light"] .gg-ft-dot {
  box-shadow: 0 0 0 1.5px var(--ios-inner, rgba(28,27,34,0.22));
}
html[data-theme="light"] .gg-ft-colors {
  background: var(--ios-card, rgb(231,231,232));
  box-shadow: 0 12px 32px -8px rgba(28,27,34,0.11), 0 0 0 .5px var(--ios-sep, rgba(255,255,255,0.12));
}
html[data-theme="light"] .gg-ft-colors .gg-hl-dot {
  border: 0;
  background: var(--c);
  box-shadow: inset 0 0 0 1px rgba(28,27,34,0);
}
html[data-theme="light"] .gg-ft-colors .gg-hl-dot.gg-hl-dot-on {
  box-shadow: 0 0 0 2px var(--ios-card, rgba(28,27,34,0.22)), 0 0 0 4px var(--gga-acc, rgba(10,132,255,0.6));
}
html[data-theme="light"] .gg-math-search {
  background: rgba(118,118,128,0.18);
  color: rgba(16,16,23,0.6);
}
html[data-theme="light"] .gg-math-search input {
  border: 0;
  background: transparent;
  color: inherit;
  outline: none;
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-tab {
  border: 0;
  background: rgba(118,118,128,0.18);
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-tab.on {
  background: var(--ios-tint, rgb(10,132,255));
  color: #fff;
}
html[data-theme="light"] .gg-math-show {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-chip .gg-math-show {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-math-chip .gg-math-show span {
  color: inherit;
}
html[data-theme="light"] .mx-f > span:first-child {
  border-bottom: 1.3px solid currentColor;
}
html[data-theme="light"] .mx-ov {
  border-top: 1.3px solid currentColor;
}
html[data-theme="light"] .mx-sum {
  border-top: 1.3px solid currentColor;
}
html[data-theme="light"] .mx-vec::before {
  border-top: 1.3px solid currentColor;
}
html[data-theme="light"] .mx-vec::after {
  border-top: 1.3px solid currentColor;
  border-right: 1.3px solid currentColor;
}
html[data-theme="light"] .mx-g {
  color: var(--ios-tint, rgb(0,95,188));
}
html[data-theme="light"] :is(html.gg-app #pdf-section, html.gg-app .gn-hw-bar) .gg-ft-hlwrap {
  background: var(--ios-inner, rgba(28,27,34,0.033));
}
html[data-theme="light"] :is(html.gg-app #pdf-section, html.gg-app .gn-hw-bar) .gg-ft-hlwrap .btn-clear-text:not(#_a):not(#_b):not(#_c):not(#_d) {
  background: transparent !important;
}
html[data-theme="light"] :is(html.gg-app #pdf-section, html.gg-app .gn-hw-bar) .gg-ft-hlwrap .gg-ft:hover:not(#_a):not(#_b):not(#_c):not(#_d) {
  background: rgba(127,127,135,0.16) !important;
}
html[data-theme="light"] :is(html.gg-app #pdf-section, html.gg-app .gn-hw-bar) .gg-ft-more::before {
  background: var(--ios-sep, rgba(28,27,34,0.099));
}
html[data-theme="light"] .gg-tbl-pick {
  background: var(--ios-card, rgb(231,231,232));
  box-shadow: 0 14px 36px -10px rgba(28,27,34,0.121), 0 0 0 .5px var(--ios-sep, rgba(255,255,255,0.12));
}
html[data-theme="light"] .gg-tbl-grid i {
  background: rgba(127,127,135,0.2);
}
html[data-theme="light"] .gg-tbl-grid i.h {
  background: rgba(127,127,135,0.32);
}
html[data-theme="light"] .gg-tbl-grid i.on {
  background: color-mix(in srgb, var(--gga-acc, rgb(10,132,255)) 38%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--gga-acc, rgba(10,132,255,0.6));
}
html[data-theme="light"] .gg-tbl-grid i.on.h {
  background: color-mix(in srgb, var(--gga-acc, rgb(10,132,255)) 62%, transparent);
}
html[data-theme="light"] .gg-tbl-lab {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gg-tbl-lab span:last-child {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"].gg-app .gga-btn-ghost {
  border-color: transparent;
  background: var(--ios-inner, var(--gga-panel-2));
}
html[data-theme="light"].gg-app .gga-btn-ghost:hover {
  filter: brightness(1.1);
  background: var(--ios-inner, var(--gga-panel-2));
}
@media (prefers-contrast: more) {
  html[data-theme="light"].gg-app .gga-btn-ghost {
    box-shadow: inset 0 0 0 1px var(--gga-line);
  }
}
html[data-theme="light"] .gga-ftile {
  background: var(--ios-inner, var(--gga-panel-2));
}
html[data-theme="light"] .gga-ftile:hover {
  background: color-mix(in srgb, var(--ios-inner, rgb(224,224,225)) 88%, var(--fc) 12%);
}
html[data-theme="light"] .gga-ftile-main {
  border: 0;
  background: transparent;
  color: inherit;
}
html[data-theme="light"] .gga-ftile-main:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-folder-ico .gga-f-back {
  box-shadow: 0 6px 12px -8px rgba(28,27,34,0.154);
}
html[data-theme="light"] .gga-ftile-name {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-ftile-meta {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-ftile-n {
  background: color-mix(in srgb, var(--fc) 22%, transparent);
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-ftile.drop-on {
  background: var(--gga-acc-soft);
  box-shadow: inset 0 0 0 2px var(--gga-acc);
}
html[data-theme="light"] .gga-size-s .gga-cover-n {
  background: rgba(28,27,34,0.11);
  color: rgb(6,6,6);
}
html[data-theme="light"] #gga-head .gga-hl {
  color: inherit;
}
html[data-theme="light"] #gga-head p {
  color: var(--gga-ink-3);
}
html[data-theme="light"] #gga-head .gga-head-act .gga-btn-primary {
  box-shadow: none;
}
html[data-theme="light"] .gga-brand-plan {
  border: 0;
  background: none;
}
html[data-theme="light"] .gga-chip {
  border: 0;
  background: var(--ios-inner, var(--gga-panel-2));
  color: var(--gga-ink-2);
}
html[data-theme="light"] button.gga-chip:hover {
  color: var(--gga-ink);
  background: color-mix(in srgb, var(--ios-inner, rgb(224,224,225)) 85%, var(--gga-acc) 15%);
}
html[data-theme="light"] button.gga-chip:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-chip b {
  color: var(--gga-ink);
}
html[data-theme="light"] .gga-chip-i {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-chip-i svg,
html[data-theme="light"] .gga-chip-chev svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-chip-chev {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-chip-prog i {
  background: var(--gga-acc);
}
html[data-theme="light"] .gga-chip-prog.done i {
  background: rgb(48,209,88);
}
html[data-theme="light"][data-theme="light"] #gga-head .gga-chip {
  background: rgb(255,255,255);
  box-shadow: 0 0 0 .5px rgba(28,27,34,0.022), 0 1px 2px rgba(28,27,34,0.013);
}
html[data-theme="light"][data-theme="light"] #gga-head button.gga-chip:hover {
  background: color-mix(in srgb, rgb(255,255,255) 90%, var(--gga-acc) 10%);
}
@media (min-width: 900px) {
  html[data-theme="light"] .gga-nav-item .gga-ico {
    color: var(--gga-acc);
  }
  html[data-theme="light"] .gga-nav-item:hover {
    background: rgba(28,27,34,0.028);
  }
  html[data-theme="light"] .gga-nav-item.active {
    background: rgba(28,27,34,0.05);
    color: var(--gga-ink);
  }
  html[data-theme="light"] .gga-nav-badge {
    background: none;
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-side-h {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-side-f {
    border: 0;
    background: transparent;
    color: var(--gga-ink-2);
  }
  html[data-theme="light"] .gga-side-f:hover {
    background: rgba(28,27,34,0.028);
    color: var(--gga-ink);
  }
  html[data-theme="light"] .gga-side-f.active {
    background: rgba(28,27,34,0.05);
    color: var(--gga-ink);
  }
  html[data-theme="light"] .gga-side-f:focus-visible {
    outline: 2px solid var(--gga-acc);
  }
  html[data-theme="light"] .gga-side-shico {
    color: var(--gga-acc);
  }
  html[data-theme="light"] .gga-side-shico svg {
    fill: none;
    stroke: currentColor;
  }
  html[data-theme="light"] .gga-side-shico.gga-side-fico {
    color: var(--fc);
  }
  html[data-theme="light"] .gga-side-trash .gga-side-shico {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-side-n {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-side-more {
    color: var(--gga-acc);
  }
  html[data-theme="light"] .gga-acc-guest {
    background: rgba(28,27,34,0.022);
    border: 0;
  }
  html[data-theme="light"] .gga-acc-guest p {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-acc-guest .gga-btn {
    box-shadow: none;
  }
  html[data-theme="light"] .gga-acc-user:hover {
    background: rgba(28,27,34,0.028);
  }
  html[data-theme="light"] .gga-acc-text .gga-acc-mail {
    color: var(--gga-ink);
  }
  html[data-theme="light"] .gga-acc-text small {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-acc-gear {
    color: var(--gga-ink-3);
  }
  html[data-theme="light"] .gga-acc-user:hover .gga-acc-gear {
    color: var(--gga-ink-2);
  }
}
html[data-theme="light"][data-theme="light"] .gga-nav-item:hover,
html[data-theme="light"][data-theme="light"] .gga-side-f:hover,
html[data-theme="light"][data-theme="light"] .gga-acc-user:hover {
  background: rgba(28,27,34,0.009);
}
html[data-theme="light"][data-theme="light"] .gga-nav-item.active,
html[data-theme="light"][data-theme="light"] .gga-side-f.active {
  background: rgba(28,27,34,0.015);
}
html[data-theme="light"][data-theme="light"] .gga-acc-guest {
  background: rgba(28,27,34,0.007);
}
html[data-theme="light"][data-theme="light"] .gga-avatar {
  color: rgb(6,6,6);
}
html[data-theme="light"] .gga-imp-sum {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-imp-sum.bad {
  color: rgb(123,74,0);
}
html[data-theme="light"] .gga-imp-row {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gga-imp-st {
  border: 2px solid var(--ios-label3, rgba(28,27,34,0.225));
}
html[data-theme="light"] .gga-imp-row[data-st="run"] .gga-imp-st {
  border-color: var(--gga-acc);
  border-top-color: transparent;
}
html[data-theme="light"] .gga-imp-row[data-st="ok"] .gga-imp-st {
  border: 0;
  background: rgb(48,209,88) center / 12px no-repeat 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
html[data-theme="light"] .gga-imp-row[data-st="err"] .gga-imp-st {
  border: 0;
  background: rgb(255,69,58) center / 12px no-repeat 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.4' stroke-linecap='round'%3E%3Cpath d='M12 6v8M12 18.5v.5'/%3E%3C/svg%3E");
}
html[data-theme="light"] .gga-imp-name {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"] .gga-imp-info {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-imp-row[data-st="err"] .gga-imp-info {
  color: rgb(172,15,27);
}
html[data-theme="light"] .gga-imp-mini {
  background: var(--gga-acc);
}
html[data-theme="light"][data-theme="light"] .gga-imp-row {
  background: rgba(28,27,34,0.009);
}
html[data-theme="light"] .gga-cloud {
  background: rgba(255,255,255,0.88);
  color: rgb(91,91,95);
  box-shadow: 0 0 0 .5px rgba(28,27,34,0.026), 0 2px 6px -2px rgba(28,27,34,0.077);
}
html[data-theme="light"] .gga-cloud svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-cloud:hover {
  color: rgb(99,99,102);
}
html[data-theme="light"] .gga-cloud:focus-visible {
  outline: 2px solid var(--gga-acc);
}
html[data-theme="light"] .gga-cloud.busy {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-cloud-s {
  color: var(--gga-ink-3);
}
html[data-theme="light"] .gga-cloud-s svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-tf {
  border: 0;
  background: var(--ios-group, rgb(224,224,225));
  color: var(--ios-label, rgb(6,6,6));
  box-shadow: inset 0 0 0 1.5px transparent;
}
html[data-theme="light"] .gga-tf:hover {
  background: color-mix(in srgb, var(--ios-group, rgb(224,224,225)) 85%, var(--gga-acc) 15%);
}
html[data-theme="light"] .gga-tf.on {
  background: var(--gga-acc-soft);
  box-shadow: inset 0 0 0 1.5px var(--gga-acc);
}
html[data-theme="light"] .gga-tf-none,
html[data-theme="light"] .gga-tf-plus {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gga-tf-plus {
  color: var(--gga-acc);
}
html[data-theme="light"] .gga-tf-none svg,
html[data-theme="light"] .gga-tf-plus svg {
  fill: none;
  stroke: currentColor;
}
html[data-theme="light"] .gga-tf-new {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--ios-sep, rgba(255,255,255,0.16));
  color: var(--gga-acc);
}
html[data-theme="light"][data-theme="light"] .gga-tf {
  background: rgba(28,27,34,0.01);
}
html[data-theme="light"][data-theme="light"] .gga-tf.on {
  background: var(--gga-acc-soft);
}
html[data-theme="light"][data-theme="light"] .gga-tf-new {
  background: transparent;
}
html[data-theme="light"] .gg-te td {
  border-right: 1px solid var(--ios-sep, rgba(28,27,34,0.09));
  border-bottom: 1px solid var(--ios-sep, rgba(28,27,34,0.09));
}
html[data-theme="light"] .gg-te tr td:last-child {
  border-right: 0;
}
html[data-theme="light"] .gg-te tr:last-child td {
  border-bottom: 0;
}
html[data-theme="light"] .gg-te {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"] .gg-te input {
  border: 0;
  background: transparent;
  color: var(--ios-label, rgb(6,6,6));
  outline: none;
}
html[data-theme="light"] .gg-te input:focus {
  background: var(--gga-acc-soft);
  box-shadow: inset 0 0 0 2px var(--gga-acc);
}
html[data-theme="light"] .gg-te .gg-te-h td {
  background: color-mix(in srgb, var(--gga-acc) 14%, transparent);
}
html[data-theme="light"] .gg-te input::placeholder {
  color: var(--ios-label3, rgba(16,16,23,0.3));
}
html[data-theme="light"] .gg-te-tools button {
  border: 0;
  background: var(--ios-group, rgb(224,224,225));
  color: var(--gga-acc);
}
html[data-theme="light"] .gg-te-tools button[data-te^="del"] {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"] .gg-te-hint {
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"][data-theme="light"] .gg-te,
html[data-theme="light"][data-theme="light"] .gg-te-tools button {
  background: rgba(28,27,34,0.009);
}
@media (max-width: 899px) {
  html[data-theme="light"].gg-app {
    --gga-tab: 78px;
  }
  html[data-theme="light"] #gga-side {
    border: 0;
    border-top: 0;
    background: rgba(230,230,232,0.72);
    box-shadow: 0 14px 36px -10px rgba(28,27,34,0.143), 0 2px 8px rgba(28,27,34,0.055), inset 0 0 0 0.5px rgba(255,255,255,0.14), inset 0 1px 0 rgba(255,255,255,0.08);
  }
  html[data-theme="light"].no-backdrop #gga-side,
html[data-theme="light"].gg-perf #gga-side {
    background: rgb(230,230,232);
  }
  html[data-theme="light"] .gga-nav-ind {
    border: 0.5px solid transparent;
    background: rgba(28,27,34,0.061);
  }
  html[data-theme="light"] .gga-nav-ind.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"] .gga-nav-item {
    color: var(--gga-ink-2);
  }
  html[data-theme="light"] .gga-nav-item .gga-ico,
html[data-theme="light"] .gga-nav-item.active .gga-ico {
    background: none;
    color: var(--gga-acc);
  }
  html[data-theme="light"] .gga-nav-item.active {
    color: var(--gga-ink);
    background: transparent;
  }
  html[data-theme="light"] .gga-nav-settings-m .gga-ico {
    color: var(--gga-ink-2);
  }
  html[data-theme="light"] .gga-nav-badge {
    box-shadow: 0 0 0 2px rgba(28,27,34,0.22);
  }
}
html[data-theme="light"][data-theme="light"].gg-app .gga-nav-badge {
  color: rgb(6,6,6);
}
@media (max-width: 899px) {
  html[data-theme="light"][data-theme="light"] #gga-side {
    background: rgba(255,255,255,0.78);
    box-shadow: 0 14px 36px -12px rgba(28,27,34,0.048), 0 2px 8px rgba(28,27,34,0.013), inset 0 0 0 0.5px rgba(28,27,34,0);
  }
  html[data-theme="light"][data-theme="light"].no-backdrop #gga-side,
html[data-theme="light"][data-theme="light"].gg-perf #gga-side {
    background: rgb(255,255,255);
  }
  html[data-theme="light"][data-theme="light"] .gga-nav-ind {
    background: rgba(28,27,34,0.013);
  }
  html[data-theme="light"][data-theme="light"] .gga-nav-item.active,
html[data-theme="light"][data-theme="light"] .gga-nav-item:hover {
    background: transparent;
  }
  html[data-theme="light"][data-theme="light"] .gga-nav-ind.gl-lifted {
    border-color: rgba(28,27,34,0.06) !important;
    border-top-color: rgba(28,27,34,0.675) !important;
  }
  html[data-theme="light"][data-theme="light"] .gga-nav-badge {
    box-shadow: 0 0 0 2px rgb(255,255,255);
  }
}
html[data-theme="light"] .gga-offline-out .gga-cover,
html[data-theme="light"] .gga-offline-out .gga-card-title,
html[data-theme="light"] .gga-offline-out .gga-card-meta,
html[data-theme="light"] .gga-offline-out .gga-lrow-date {
  filter: grayscale(1);
}
@media (max-width: 899px) {
  html[data-theme="light"].gg-app .account-settings-dialog.gg-settings-page {
    background: var(--ios-sheet, rgb(231,231,232)) !important;
  }
  html[data-theme="light"].gg-app .account-settings-dialog.gg-settings-page .account-settings-content.gg-nav {
    box-shadow: none !important;
  }
}
html[data-theme="light"].gg-app :is(.gga-btn, .gga-btn-primary, .gga-btn-ghost, .gga-btn-danger),
html[data-theme="light"].gg-app #gga-head .gga-head-act .gga-btn,
html[data-theme="light"].gg-app .gga-selbar .gga-selbar-done {
  box-shadow: none !important;
}
html[data-theme="light"].gg-app .gga-btn {
  border: 0;
}
html[data-theme="light"].gg-app .gga-btn-primary {
  background: var(--ios-tint);
  color: #fff;
}
html[data-theme="light"].gg-app .gga-btn-danger {
  background: var(--ios-red);
  color: #fff;
}
html[data-theme="light"].gg-app .gga-btn:hover {
  filter: none;
}
html[data-theme="light"].gg-app :is(.gga-btn, .gga-tbtn, .gga-chip, .gga-crumb-back, .gga-selbar button, .gga-tf, .gga-target, .gga-more, .gga-x):active:not(:disabled) {
  filter: brightness(0.82);
}
html[data-theme="light"].gg-app #gga-books .gga-tbtn,
html[data-theme="light"].gg-app #gga-books .gga-search {
  border: 0;
}
html[data-theme="light"].gg-app #gga-books .gga-tbtn.on {
  background: var(--ios-tint);
  color: #fff;
}
html[data-theme="light"].gg-app #gga-books .gga-crumb-back {
  border: 0;
}
html[data-theme="light"].gg-app #gga-books .gga-search:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--ios-tint);
}
html[data-theme="light"].gg-app .gga-input:focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--ios-tint);
}
html[data-theme="light"].gg-app .gga-new-plus {
  box-shadow: none;
}
html[data-theme="light"].gg-app .gga-empty-art span:nth-child(3) {
  box-shadow: 0 14px 26px -12px rgba(28,27,34,0.176);
}
html[data-theme="light"].gg-app .gga-card:hover .gga-cover,
html[data-theme="light"].gg-app .gga-cover:focus-visible {
  box-shadow: 2px 0 0 -1px rgb(244,244,246), 4px 0 0 -2px rgb(226,226,230), 0 24px 40px -16px rgba(28,27,34,0.176);
}
html[data-theme="light"].gg-app .gga-cover:focus-visible {
  outline: 2px solid var(--ios-tint);
}
html[data-theme="light"].gg-app .gga-selbar .gga-selbar-done {
  background: var(--ios-tint);
}
html[data-theme="light"].gg-app .gga-selbar .gga-selbar-done:hover {
  filter: none;
}
html[data-theme="light"].gg-app .gga-target {
  border: 0;
  background: var(--ios-inner, var(--gga-panel-2));
}
html[data-theme="light"].gg-app .gga-target:hover {
  background: var(--ios-inner, var(--gga-panel-2));
  filter: brightness(1.08);
}
html[data-theme="light"].gg-app .gga-x {
  background: var(--ios-circle, rgb(218,218,219));
  color: var(--ios-circle-ink, rgba(6,6,6,0.88));
  box-shadow: var(--ios-circle-shadow, 0 1px 2px rgba(28,27,34,0.055));
}
html[data-theme="light"].gg-app .gga-x:hover {
  background: var(--ios-group-press, rgb(218,218,219));
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"].gg-app .gga-paper,
html[data-theme="light"].gg-app .gga-sheet-nb .gga-paper {
  background: none !important;
  border: 0;
  color: var(--ios-label2, rgba(16,16,23,0.6));
}
html[data-theme="light"].gg-app .gga-paper .gga-paper-pic img,
html[data-theme="light"].gg-app .gga-sheet-nb .gga-paper .gga-paper-pic img {
  box-shadow: 0 0 0 0.5px var(--ios-sep, rgba(84,84,88,0.33)), 0 6px 14px -8px rgba(28,27,34,0.088);
}
html[data-theme="light"].gg-app .gga-paper.on .gga-paper-pic {
  box-shadow: 0 0 0 2.5px var(--ios-sheet, rgba(28,27,34,0.22)), 0 0 0 5px var(--ios-tint), 0 8px 18px -8px rgba(28,27,34,0.088);
}
html[data-theme="light"].gg-app .gga-paper.on {
  color: var(--ios-label, rgb(6,6,6));
}
html[data-theme="light"].gg-app .gga-paper .gga-paper-pic::after {
  background: var(--ios-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center / 14px no-repeat;
  box-shadow: 0 0 0 2px rgb(255,255,255), 0 2px 6px rgba(28,27,34,0.066);
}
html[data-theme="light"].gg-app .gga-color {
  border: 0;
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 3px 8px -4px rgba(28,27,34,0.088);
}
html[data-theme="light"].gg-app .gga-color.on {
  box-shadow: inset 0 0 0 0.5px rgba(28,27,34,0), 0 0 0 2.5px var(--ios-sheet, rgba(28,27,34,0.22)), 0 0 0 5px var(--ios-tint);
}
html[data-theme="light"].gg-app .gga-ficon {
  background: var(--ios-group, rgb(224,224,225));
}
html[data-theme="light"].gg-app .gga-ficon.on {
  background: var(--ios-tint);
  color: #fff;
  box-shadow: none;
}
html[data-theme="light"].gg-app .gga-tf.on {
  background: var(--ios-tint);
  color: #fff;
  box-shadow: none;
}
html[data-theme="light"].gg-app .gga-tf.on :is(.gga-tf-none, .gga-tf-plus) {
  color: inherit;
}
html[data-theme="light"].gg-app .gga-seg-pill {
  box-shadow: 0 1px 3px rgba(28,27,34,0.04);
}
html[data-theme="light"] .gga-seg-pill.gl-lifted,
html[data-theme="light"] .gn-pill.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: 1px solid 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;
}
@media (max-width: 560px) {
  html[data-theme="light"] .gga-sheet-ov:not(.gga-center) .gga-sheet::before {
    background: var(--ios-label3, rgba(28,27,34,0.165));
  }
}
@media (min-width: 1200px) {
  html[data-theme="light"].gg-app {
    --gga-side: 272px;
  }
}
@media (min-width: 1600px) {
  html[data-theme="light"].gg-app {
    --gga-side: 288px;
  }
}