/* CacheRat's optional identity. Enable via Site settings > Stylesheet URL.
   Artwork supplied by the site owner; no external fonts or theme dependencies. */
:root[data-theme="light"], :root, body.index-page {
    color-scheme: dark;
    --pico-font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --pico-font-size: 100%;
    --pico-line-height: 1.7;
    --pico-border-radius: .2rem;
    --pico-background-color: #100d19;
    --pico-color: #eee9df;
    --pico-muted-color: #b8adc8;
    --pico-muted-border-color: #45334f;
    --pico-primary: #75edfa;
    --pico-primary-hover: #b6f8ff;
    --pico-primary-focus: #62e6f93b;
    --pico-primary-underline: #75edfa80;
    --pico-primary-background: #a9f0ba;
    --pico-primary-border: #a9f0ba;
    --pico-primary-hover-background: #ccf8d6;
    --pico-primary-hover-border: #ccf8d6;
    --pico-primary-inverse: #101b16;
    --pico-secondary: #e7b0ee;
    --pico-secondary-background: #34223e;
    --pico-secondary-border: #866294;
    --pico-secondary-hover-background: #493052;
    --pico-secondary-hover-border: #b98ac8;
    --pico-secondary-inverse: #f6eafa;
    --pico-contrast: #fff4e0;
    --pico-contrast-background: #e8dcbe;
    --pico-contrast-inverse: #15101e;
    --pico-h1-color: #fff2d8;
    --pico-h2-color: #f6b7ec;
    --pico-h3-color: #eee9df;
    --pico-h4-color: #eee9df;
    --pico-form-element-background-color: #191421;
    --pico-form-element-selected-background-color: #35233e;
    --pico-form-element-color: #f3eee6;
    --pico-form-element-placeholder-color: #aa9db7;
    --pico-form-element-border-color: #75627f;
    --pico-form-element-active-background-color: #21192b;
    --pico-form-element-active-border-color: #75edfa;
    --pico-form-element-focus-color: #62e6f93b;
    --pico-form-element-invalid-border-color: #ff9cb1;
    --pico-form-element-invalid-active-border-color: #ffb8c7;
    --pico-code-color: #f6c5ee;
    --pico-code-background-color: #251b30;
    --pico-card-background-color: #1b1525;
    --pico-card-sectioning-background-color: #241a2d;
    --pico-dropdown-background-color: #1b1525;
    --pico-dropdown-color: #eee9df;
    --pico-table-border-color: #45334f;
    --pico-table-row-stripped-background-color: #21182b;
    --site-divider-color: #45334f;
    background-color: var(--pico-background-color);
    color: var(--pico-color);
    font-family: var(--pico-font-family);
}

html {
    background-image: radial-gradient(ellipse at 15% 0, #e700d414, transparent 45%),
                      radial-gradient(ellipse at 95% 25%, #00d6ed0b, transparent 40%);
}
body { background: transparent; }
h1 { letter-spacing: -.045em; text-shadow: 2px 2px #bd169c55; }
h2, h3 { letter-spacing: -.02em; }
a { text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, summary:focus-visible {
    outline: 2px solid #f6b7ec;
    outline-offset: 4px;
}
::selection { background: #67325c; color: #fff; }
.title-home { width: 1.6em; height: 1.6em; }
.title-home img, .footer-home img { border-radius: .2rem; }
.home-main section { border-top: 1px solid var(--site-divider-color); padding-top: 1.1rem; }
.home-main .home-qwibbs { border-top: 0; }
.category-id, .home-count { color: #b8adc8; }
.site-search > summary:not([role]), .index-contents, .index-callout {
    background: #21182b;
    border-color: #755080;
}
.site-search > summary:not([role]):is(:hover, :focus, :focus-visible),
.site-search[open] > summary:not([role]) { background: #33213e; }
.index-contents a:hover { background: #33213e; }
footer { border-top-color: #875183; }

/* Keep payment controls legible and their positive action green. QR codes keep
   their original white background and are never filtered or recolored. */
.qwibb-reveal, .qwibb-reveal.is-unlocked, .reveal-checkout, .recharge-checkout, .qwibb-recharge {
    background: #1c1527;
    border-color: #755080;
    box-shadow: none;
}
.qwibb-reveal { border-top-color: #ec83d5; }
.qwibb-reveal.is-unlocked { border-top-color: #a9f0ba; }
.qwibb-reveal {
    --pico-primary: #a9f0ba;
    --pico-primary-hover: #ccf8d6;
}
.reveal-eyebrow, .reveal-seal, .reveal-badge { color: #f6b7ec; }
.reveal-badge, .reveal-unlock, .reveal-content { border-color: #755080; }
.reveal-secret-box { background: #332a1c; border-color: #d1b376; }
.secret-reveal { background: #332a1c; border-color: #d1b376; }
.owner-delete summary { color: #ffb4c4; }
.is-unlocked .reveal-seal, .is-unlocked .reveal-eyebrow { color: #a9f0ba; }
.is-unlocked .reveal-badge, .recharge-success {
    color: #c8f6d4; background: #16291e; border-color: #60966e;
}
.reveal-notice, .lightning-help { border-color: #d1b376; }
.lightning-help strong, .recharge-validation { color: #f0cf8d; }
.duration-shortcuts button[aria-pressed="true"] { background: #35233e; }
#charge-preview { background: #1d2e25; border-color: #a9f0ba; }

@media (max-width: 36rem) {
    h1 { font-size: clamp(1.65rem, 7vw, 2.5rem); }
}
@media print {
    :root[data-theme="light"], :root, body.index-page {
        color-scheme: light;
        --pico-color: #111;
        --pico-muted-color: #444;
        --pico-primary: #174e64;
        --pico-h1-color: #111;
        --pico-h2-color: #111;
        background: #fff;
    }
    html { background-image: none; }
    h1 { text-shadow: none; }
}