:root {
    --cover-border-radius: 0;
    --ul-list-style-type: square;
}
body { color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
    body:not([data-pinned-theme]) {
        --dark: initial;
        --light:  ;
    }
}
@media (prefers-color-scheme: light) {
    body:not([data-pinned-theme]) {
        --dark:  ;
        --light: initial;
    }
}
body[data-pinned-theme="dark"] {
    color-scheme: dark;
    --dark: initial;
    --light:  ;
}
body[data-pinned-theme="light"] {
    color-scheme: light;
    --dark:  ;
    --light: initial;
}
body {
    --b-overlay: hsl(0 0% 90% / 89%);
--b-acc: hsl(0 0% 31.69%);
--b-acc-80: hsl(0 0% 31.69% / 80%);
--b-m: hsl(0 0% 52%);
--b1: hsl(0 0% 90%);
--b1-90: hsl(0 0% 90% / 90%);
--b1-80: hsl(0 0% 90% / 80%);
--b2: hsl(0 0% 76.83%);
--b2-80: hsl(0 0% 76.83% / 80%);
--b3: hsl(0 0% 62.06%);
--f-acc: hsl(0 0% 100%);
--f-m: hsl(0 0% 28%);
--f1: hsl(0 0% 0%);
--f1-focus: var(--fg-3);
--f1-veil: hsl(0 0% 0% / var(--veil-a));
--f2: hsl(0 0% 8.6%);
--f3: hsl(0 0% 28.06%);
--f3-focus: var(--bg-mg);
--m: hsl(0 0% 38.86%);
--m-acc: hsl(0 0% 31.69%);
--m-acc-80: hsl(0 0% 31.69% / 80%);

}
@supports (color: oklch(0% 0% 0)) {
    body {
        --dark-b-overlay: oklch(0% 0% 79 / 79%);
--dark-b-acc: oklch(32% 84.43279% 88);
--dark-b-acc-80: oklch(32% 84.43279% 88 / 80%);
--dark-b-m: oklch(41% 56.65733% 79);
--dark-b1: oklch(0% 0% 79);
--dark-b1-90: oklch(0% 0% 79 / 90%);
--dark-b1-80: oklch(0% 0% 79 / 80%);
--dark-b2: oklch(21.56% 36.976044% 79);
--dark-b2-80: oklch(21.56% 36.976044% 79 / 80%);
--dark-b3: oklch(32% 49.815346% 79);
--dark-f-acc: oklch(100% 0% 0);
--dark-f-m: oklch(61% 55.511967% 79);
--dark-f1: oklch(100% 0% 79);
--dark-f1-focus: var(--f3);
--dark-f1-veil: oklch(100% 0% 0 / 6%);
--dark-f2: oklch(86% 25.120977% 79);
--dark-f3: oklch(72% 45.46028% 79);
--dark-f3-focus: var(--f1);
--dark-m: oklch(50% 59% 79);
--dark-m-acc: oklch(48% 99.80267% 88);
--dark-m-acc-80: oklch(48% 99.80267% 88 / 80%);

        --light-b-overlay: oklch(97.089195% 6.8488674% 59 / 89%);
--light-b-acc: oklch(28% 77.05132% 88);
--light-b-acc-80: oklch(28% 77.05132% 88 / 80%);
--light-b-m: oklch(64.34% 67.517075% 59);
--light-b1: oklch(97.089195% 6.8488674% 59);
--light-b1-90: oklch(97.089195% 6.8488674% 59 / 90%);
--light-b1-80: oklch(97.089195% 6.8488674% 59 / 80%);
--light-b2: oklch(88.4108% 26.707119% 59);
--light-b2-80: oklch(88.4108% 26.707119% 59 / 80%);
--light-b3: oklch(78.68% 46.56146% 59);
--light-f-acc: oklch(100% 0% 0);
--light-f-m: oklch(45% 74.07663% 59);
--light-f1: oklch(0% 0% 59);
--light-f1-focus: var(--f3);
--light-f1-veil: oklch(0% 0% 0 / 3.62%);
--light-f2: oklch(20% 44.083893% 59);
--light-f3: oklch(40% 71.32924% 59);
--light-f3-focus: var(--b-m);
--light-m: oklch(50% 75% 59);
--light-m-acc: oklch(28% 77.05132% 88);
--light-m-acc-80: oklch(28% 77.05132% 88 / 80%);

        --b-overlay: var(--dark, var(--dark-b-overlay)) var(--light, var(--light-b-overlay));
        --b-acc: var(--dark, var(--dark-b-acc)) var(--light, var(--light-b-acc));
        --b-acc-80: var(--dark, var(--dark-b-acc-80)) var(--light, var(--light-b-acc-80));
        --b-m: var(--dark, var(--dark-b-m)) var(--light, var(--light-b-m));
        --b1: var(--dark, var(--dark-b1)) var(--light, var(--light-b1));
        --b1-90: var(--dark, var(--dark-b1-90)) var(--light, var(--light-b1-90));
        --b1-80: var(--dark, var(--dark-b1-80)) var(--light, var(--light-b1-80));
        --b2: var(--dark, var(--dark-b2)) var(--light, var(--light-b2));
        --b2-80: var(--dark, var(--dark-b2-80)) var(--light, var(--light-b2-80));
        --b3: var(--dark, var(--dark-b3)) var(--light, var(--light-b3));
        --f-acc: var(--dark, var(--dark-f-acc)) var(--light, var(--light-f-acc));
        --f-m: var(--dark, var(--dark-f-m)) var(--light, var(--light-f-m));
        --f1: var(--dark, var(--dark-f1)) var(--light, var(--light-f1));
        --f1-focus: var(--dark, var(--dark-f1-focus)) var(--light, var(--light-f1-focus));
        --f1-veil: var(--dark, var(--dark-f1-veil)) var(--light, var(--light-f1-veil));
        --f2: var(--dark, var(--dark-f2)) var(--light, var(--light-f2));
        --f3: var(--dark, var(--dark-f3)) var(--light, var(--light-f3));
        --f3-focus: var(--dark, var(--dark-f3-focus)) var(--light, var(--light-f3-focus));
        --m: var(--dark, var(--dark-m)) var(--light, var(--light-m));
        --m-acc: var(--dark, var(--dark-m-acc)) var(--light, var(--light-m-acc));
        --m-acc-80: var(--dark, var(--dark-m-acc-80)) var(--light, var(--light-m-acc-80));
    }
}

@font-face {
    font-display: fallback;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local('Barlow'), url('barlow-v12-latin-regular.woff2') format('woff2');
}
body, button, input { font-family: 'Barlow', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body::before {
    --b-url: var(--dark, url(background_mPKEbkylCkE.jpg)) var(--light, url(background_mPKEbkylCkE.jpg));
    background: linear-gradient(var(--b-overlay), var(--b-overlay)), var(--b-url) center / cover;
    content: '';
    display: var(--dark, block) var(--light, block);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1;
}