/* generated by figures/eras.py: the design eras that are not drawn by hand in
   styles.css. Edit the data there, not this file. */

[data-era="nouveau"] {
  --h0: 124.1deg; --h1: -45.9deg; --h2: -137.7deg;
  --void-lc: 0.938 0.025; --void-o: -34.9deg;
  --panel-lc: 0.969 0.013; --panel-o: -34.9deg;
  --panel-2-lc: 0.986 0.006; --panel-2-o: -34.9deg;
  --line-lc: 0.756 0.028; --line-o: -17.8deg;
  --line-hi-lc: 0.697 0.092; --line-hi-o: -2.7deg;
  --text-lc: 0.331 0.040; --text-o: 7.5deg;
  --dim-lc: 0.549 0.033; --dim-o: -3.1deg;
  --cyan-lc: 0.593 0.122;
  --amber-lc: 0.654 0.120;
  --alert-lc: 0.454 0.094;
  --bright-lc: 0.182 0.022; --bright-o: 7.5deg;
  --on-accent-lc: 0.938 0.025; --on-accent-o: -34.9deg;
  --disp: "Cormorant Garamond", Georgia, serif; --body: "Cormorant Garamond", Georgia, serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 18px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="construct"] {
  --h0: 29.5deg; --h1: 0deg; --h2: 54.2deg;
  --void-lc: 0.927 0.028; --void-o: 57.2deg;
  --panel-lc: 0.963 0.014; --panel-o: 57.2deg;
  --panel-2-lc: 0.984 0.006; --panel-2-o: 57.2deg;
  --line-lc: 0.706 0.020; --line-o: 57.2deg;
  --line-hi-lc: 0.668 0.149; --line-hi-o: 2.7deg;
  --text-lc: 0.191 0.000; --text-o: 0deg;
  --dim-lc: 0.456 0.010; --dim-o: 57.2deg;
  --cyan-lc: 0.557 0.206;
  --amber-lc: 0.191 0.000;
  --alert-lc: 0.712 0.131;
  --bright-lc: 0.105 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.927 0.028; --on-accent-o: 57.2deg;
  --disp: "Russo One", system-ui, sans-serif; --body: "Oswald", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="modernism"] {
  --h0: 259.0deg; --h1: 0deg; --h2: 131.2deg;
  --void-lc: 0.966 0.004; --void-o: 0deg;
  --panel-lc: 0.983 0.002; --panel-o: 0deg;
  --panel-2-lc: 0.993 0.001; --panel-2-o: 0deg;
  --line-lc: 0.730 0.003; --line-o: 0deg;
  --line-hi-lc: 0.641 0.114; --line-hi-o: -0.3deg;
  --text-lc: 0.178 0.000; --text-o: 0deg;
  --dim-lc: 0.462 0.001; --dim-o: 0deg;
  --cyan-lc: 0.502 0.164;
  --amber-lc: 0.178 0.000;
  --alert-lc: 0.576 0.191;
  --bright-lc: 0.098 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.966 0.004; --on-accent-o: 0deg;
  --disp: "Archivo", system-ui, sans-serif; --body: "Archivo", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="midcentury"] {
  --h0: 52.9deg; --h1: 142.2deg; --h2: 31.9deg;
  --void-lc: 0.936 0.032; --void-o: 34.4deg;
  --panel-lc: 0.968 0.016; --panel-o: 34.4deg;
  --panel-2-lc: 0.986 0.007; --panel-2-o: 34.4deg;
  --line-lc: 0.745 0.032; --line-o: 26.8deg;
  --line-hi-lc: 0.758 0.115; --line-hi-o: 2.7deg;
  --text-lc: 0.300 0.034; --text-o: 9.3deg;
  --dim-lc: 0.529 0.032; --dim-o: 18.1deg;
  --cyan-lc: 0.682 0.153;
  --amber-lc: 0.585 0.088;
  --alert-lc: 0.752 0.143;
  --bright-lc: 0.165 0.018; --bright-o: 9.3deg;
  --on-accent-lc: 0.300 0.034; --on-accent-o: 9.3deg;
  --disp: "Righteous", system-ui, sans-serif; --body: "Josefin Sans", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 16px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="brutalism"] {
  --h0: 89.9deg; --h1: 0deg; --h2: -56.1deg;
  --void-lc: 0.834 0.007; --void-o: 16.7deg;
  --panel-lc: 0.917 0.003; --panel-o: 0deg;
  --panel-2-lc: 0.964 0.002; --panel-2-o: 0deg;
  --line-lc: 0.637 0.005; --line-o: 16.7deg;
  --line-hi-lc: 0.375 0.002; --line-hi-o: 0deg;
  --text-lc: 0.178 0.000; --text-o: 0deg;
  --dim-lc: 0.414 0.002; --dim-o: 0deg;
  --cyan-lc: 0.178 0.000;
  --amber-lc: 0.450 0.000;
  --alert-lc: 0.584 0.190;
  --bright-lc: 0.098 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.834 0.007; --on-accent-o: 16.7deg;
  --disp: "Space Mono", ui-monospace, monospace; --body: "IBM Plex Mono", ui-monospace, monospace;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="pop"] {
  --h0: 26.4deg; --h1: -129.3deg; --h2: 67.6deg;
  --void-lc: 0.974 0.044; --void-o: 69.4deg;
  --panel-lc: 0.987 0.022; --panel-o: 69.4deg;
  --panel-2-lc: 0.994 0.010; --panel-2-o: 69.4deg;
  --line-lc: 0.735 0.031; --line-o: 69.4deg;
  --line-hi-lc: 0.711 0.164; --line-hi-o: 4.3deg;
  --text-lc: 0.178 0.000; --text-o: 0deg;
  --dim-lc: 0.464 0.016; --dim-o: 69.4deg;
  --cyan-lc: 0.598 0.227;
  --amber-lc: 0.553 0.175;
  --alert-lc: 0.881 0.181;
  --bright-lc: 0.098 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.178 0.000; --on-accent-o: 0deg;
  --disp: "Bangers", system-ui, sans-serif; --body: "Archivo", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="minimal"] {
  --h0: 89.9deg; --h1: 0deg; --h2: -67.6deg;
  --void-lc: 0.985 0.000; --void-o: 0deg;
  --panel-lc: 0.993 0.000; --panel-o: 0deg;
  --panel-2-lc: 0.997 0.000; --panel-2-o: 0deg;
  --line-lc: 0.755 0.000; --line-o: 0deg;
  --line-hi-lc: 0.448 0.000; --line-hi-o: 0deg;
  --text-lc: 0.218 0.000; --text-o: 0deg;
  --dim-lc: 0.494 0.000; --dim-o: 0deg;
  --cyan-lc: 0.218 0.000;
  --amber-lc: 0.633 0.000;
  --alert-lc: 0.530 0.207;
  --bright-lc: 0.120 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.985 0.000; --on-accent-o: 0deg;
  --disp: "Inter", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="psychedelic"] {
  --h0: 347.1deg; --h1: 76.3deg; --h2: 151.4deg;
  --void-lc: 0.231 0.094; --void-o: -37.5deg;
  --panel-lc: 0.274 0.085; --panel-o: -36deg;
  --panel-2-lc: 0.303 0.079; --panel-2-o: -34.8deg;
  --line-lc: 0.448 0.052; --line-o: -25.1deg;
  --line-hi-lc: 0.551 0.199; --line-hi-o: -4.9deg;
  --text-lc: 0.956 0.061; --text-o: 105.1deg;
  --dim-lc: 0.695 0.024; --dim-o: 46.6deg;
  --cyan-lc: 0.688 0.251;
  --amber-lc: 0.774 0.169;
  --alert-lc: 0.892 0.243;
  --bright-lc: 0.976 0.034; --bright-o: 105.1deg;
  --on-accent-lc: 0.231 0.094; --on-accent-o: -37.5deg;
  --disp: "Monoton", ui-monospace, monospace; --body: "Josefin Sans", system-ui, sans-serif;
  --glow: 0.8; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="retro70"] {
  --h0: 42.8deg; --h1: 30.7deg; --h2: 4.1deg;
  --void-lc: 0.919 0.045; --void-o: 39.8deg;
  --panel-lc: 0.959 0.022; --panel-o: 39.8deg;
  --panel-2-lc: 0.982 0.010; --panel-2-o: 39.8deg;
  --line-lc: 0.728 0.043; --line-o: 30.8deg;
  --line-hi-lc: 0.720 0.125; --line-hi-o: 3.9deg;
  --text-lc: 0.283 0.045; --text-o: 9.3deg;
  --dim-lc: 0.512 0.043; --dim-o: 20.2deg;
  --cyan-lc: 0.635 0.164;
  --amber-lc: 0.765 0.142;
  --alert-lc: 0.482 0.097;
  --bright-lc: 0.156 0.025; --bright-o: 9.3deg;
  --on-accent-lc: 0.283 0.045; --on-accent-o: 9.3deg;
  --disp: "Shrikhand", system-ui, sans-serif; --body: "Josefin Sans", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 18px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="punk"] {
  --h0: 1.9deg; --h1: 0deg; --h2: 99.5deg;
  --void-lc: 0.939 0.007; --void-o: 95.4deg;
  --panel-lc: 0.970 0.003; --panel-o: 0deg;
  --panel-2-lc: 0.987 0.001; --panel-2-o: 0deg;
  --line-lc: 0.705 0.005; --line-o: 95.4deg;
  --line-hi-lc: 0.745 0.171; --line-hi-o: 0.7deg;
  --text-lc: 0.159 0.000; --text-o: 0deg;
  --dim-lc: 0.440 0.002; --dim-o: 0deg;
  --cyan-lc: 0.661 0.245;
  --amber-lc: 0.159 0.000;
  --alert-lc: 0.917 0.192;
  --bright-lc: 0.087 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.159 0.000; --on-accent-o: 0deg;
  --disp: "Rubik Mono One", ui-monospace, monospace; --body: "Special Elite", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) grayscale(1) contrast(1.6);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="postmodern"] {
  --h0: 183.1deg; --h1: -175.5deg; --h2: -97.7deg;
  --void-lc: 0.954 0.013; --void-o: -100.7deg;
  --panel-lc: 0.977 0.007; --panel-o: -100.7deg;
  --panel-2-lc: 0.990 0.003; --panel-2-o: 0deg;
  --line-lc: 0.735 0.009; --line-o: -100.7deg;
  --line-hi-lc: 0.771 0.079; --line-hi-o: -2.8deg;
  --text-lc: 0.226 0.000; --text-o: 0deg;
  --dim-lc: 0.488 0.005; --dim-o: -100.7deg;
  --cyan-lc: 0.693 0.114;
  --amber-lc: 0.696 0.167;
  --alert-lc: 0.834 0.141;
  --bright-lc: 0.125 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.226 0.000; --on-accent-o: 0deg;
  --disp: "DM Serif Display", Georgia, serif; --body: "Archivo", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="memphis"] {
  --h0: 357.7deg; --h1: -162.8deg; --h2: 93.3deg;
  --void-lc: 0.977 0.019; --void-o: 77.7deg;
  --panel-lc: 0.988 0.009; --panel-o: 77.7deg;
  --panel-2-lc: 0.995 0.004; --panel-2-o: 77.7deg;
  --line-lc: 0.737 0.013; --line-o: 77.7deg;
  --line-hi-lc: 0.791 0.143; --line-hi-o: 2.2deg;
  --text-lc: 0.178 0.000; --text-o: 0deg;
  --dim-lc: 0.465 0.007; --dim-o: 77.7deg;
  --cyan-lc: 0.711 0.203;
  --amber-lc: 0.741 0.124;
  --alert-lc: 0.879 0.162;
  --bright-lc: 0.098 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.178 0.000; --on-accent-o: 0deg;
  --disp: "Bungee", system-ui, sans-serif; --body: "Archivo", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="newwave"] {
  --h0: 358.6deg; --h1: -133.1deg; --h2: 98.8deg;
  --void-lc: 0.178 0.016; --void-o: -68.2deg;
  --panel-lc: 0.225 0.015; --panel-o: -68.2deg;
  --panel-2-lc: 0.257 0.015; --panel-2-o: -68.2deg;
  --line-lc: 0.413 0.011; --line-o: -68.2deg;
  --line-hi-lc: 0.538 0.156; --line-hi-o: -1.7deg;
  --text-lc: 0.961 0.000; --text-o: 0deg;
  --dim-lc: 0.679 0.006; --dim-o: -68.2deg;
  --cyan-lc: 0.692 0.220;
  --amber-lc: 0.808 0.129;
  --alert-lc: 0.910 0.162;
  --bright-lc: 0.979 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.178 0.016; --on-accent-o: -68.2deg;
  --disp: "Syne", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="italo"] {
  --h0: 339.7deg; --h1: -54.1deg; --h2: -121.4deg;
  --void-lc: 0.136 0.028; --void-o: -40.2deg;
  --panel-lc: 0.185 0.028; --panel-o: -39.4deg;
  --panel-2-lc: 0.218 0.028; --panel-2-o: -38.9deg;
  --line-lc: 0.381 0.029; --line-o: -36.5deg;
  --line-hi-lc: 0.524 0.200; --line-hi-o: -1.5deg;
  --text-lc: 0.953 0.031; --text-o: -28.7deg;
  --dim-lc: 0.659 0.029; --dim-o: -32.6deg;
  --cyan-lc: 0.690 0.276;
  --amber-lc: 0.815 0.033;
  --alert-lc: 0.817 0.139;
  --bright-lc: 0.974 0.017; --bright-o: -28.7deg;
  --on-accent-lc: 0.136 0.028; --on-accent-o: -40.2deg;
  --disp: "Monoton", ui-monospace, monospace; --body: "Josefin Sans", system-ui, sans-serif;
  --glow: 1.2; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="editorial"] {
  --h0: 22.3deg; --h1: 0deg; --h2: 55.1deg;
  --void-lc: 0.968 0.009; --void-o: 62.3deg;
  --panel-lc: 0.984 0.004; --panel-o: 62.3deg;
  --panel-2-lc: 0.993 0.002; --panel-2-o: 0deg;
  --line-lc: 0.731 0.006; --line-o: 62.3deg;
  --line-hi-lc: 0.662 0.146; --line-hi-o: 0.9deg;
  --text-lc: 0.178 0.000; --text-o: 0deg;
  --dim-lc: 0.462 0.003; --dim-o: 0deg;
  --cyan-lc: 0.530 0.207;
  --amber-lc: 0.178 0.000;
  --alert-lc: 0.664 0.083;
  --bright-lc: 0.098 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.968 0.009; --on-accent-o: 62.3deg;
  --disp: "Playfair Display", Georgia, serif; --body: "Bodoni Moda", Georgia, serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="decon"] {
  --h0: 36.1deg; --h1: 0deg; --h2: -162.8deg;
  --void-lc: 0.925 0.010; --void-o: 51.3deg;
  --panel-lc: 0.963 0.005; --panel-o: 51.3deg;
  --panel-2-lc: 0.984 0.002; --panel-2-o: 0deg;
  --line-lc: 0.708 0.007; --line-o: 51.3deg;
  --line-hi-lc: 0.658 0.106; --line-hi-o: 1.3deg;
  --text-lc: 0.200 0.000; --text-o: 0deg;
  --dim-lc: 0.461 0.004; --dim-o: 0deg;
  --cyan-lc: 0.543 0.149;
  --amber-lc: 0.200 0.000;
  --alert-lc: 0.562 0.046;
  --bright-lc: 0.110 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.925 0.010; --on-accent-o: 51.3deg;
  --disp: "Syne", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="grunge"] {
  --h0: 38.5deg; --h1: 53.2deg; --h2: 46.7deg;
  --void-lc: 0.264 0.017; --void-o: 36.4deg;
  --panel-lc: 0.302 0.018; --panel-o: 37.8deg;
  --panel-2-lc: 0.328 0.019; --panel-2-o: 38.6deg;
  --line-lc: 0.454 0.023; --line-o: 41.9deg;
  --line-hi-lc: 0.485 0.114; --line-hi-o: 1.5deg;
  --text-lc: 0.897 0.037; --text-o: 47.7deg;
  --dim-lc: 0.669 0.030; --dim-o: 45.4deg;
  --cyan-lc: 0.579 0.157;
  --amber-lc: 0.583 0.069;
  --alert-lc: 0.817 0.074;
  --bright-lc: 0.944 0.020; --bright-o: 47.7deg;
  --on-accent-lc: 0.897 0.037; --on-accent-o: 47.7deg;
  --disp: "Rubik Dirt", system-ui, sans-serif; --body: "Special Elite", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: sepia(1) saturate(.6) brightness(.8);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="experimental"] {
  --h0: 121.0deg; --h1: -86.7deg; --h2: 0deg;
  --void-lc: 0.164 0.000; --void-o: 0deg;
  --panel-lc: 0.212 0.000; --panel-o: 0deg;
  --panel-2-lc: 0.243 0.000; --panel-2-o: 0deg;
  --line-lc: 0.403 0.000; --line-o: 0deg;
  --line-hi-lc: 0.707 0.147; --line-hi-o: -0deg;
  --text-lc: 0.961 0.000; --text-o: 0deg;
  --dim-lc: 0.674 0.000; --dim-o: 0deg;
  --cyan-lc: 0.940 0.210;
  --amber-lc: 0.666 0.224;
  --alert-lc: 0.686 0.000;
  --bright-lc: 0.979 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.164 0.000; --on-accent-o: 0deg;
  --disp: "Syne", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="y2k"] {
  --h0: 269.6deg; --h1: -6.1deg; --h2: 30.4deg;
  --void-lc: 0.947 0.014; --void-o: -11.2deg;
  --panel-lc: 0.974 0.007; --panel-o: -11.2deg;
  --panel-2-lc: 0.988 0.003; --panel-2-o: 0deg;
  --line-lc: 0.742 0.026; --line-o: -4.3deg;
  --line-hi-lc: 0.754 0.125; --line-hi-o: -0.4deg;
  --text-lc: 0.264 0.056; --text-o: -0.3deg;
  --dim-lc: 0.510 0.041; --dim-o: -1.6deg;
  --cyan-lc: 0.671 0.173;
  --amber-lc: 0.723 0.036;
  --alert-lc: 0.729 0.166;
  --bright-lc: 0.145 0.031; --bright-o: -0.3deg;
  --on-accent-lc: 0.264 0.056; --on-accent-o: -0.3deg;
  --disp: "Orbitron", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 14px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="bubblegum"] {
  --h0: 353.1deg; --h1: -116.7deg; --h2: 86.9deg;
  --void-lc: 0.943 0.036; --void-o: -7deg;
  --panel-lc: 0.971 0.018; --panel-o: -7deg;
  --panel-2-lc: 0.987 0.008; --panel-2-o: -7deg;
  --line-lc: 0.748 0.048; --line-o: -24.2deg;
  --line-hi-lc: 0.783 0.156; --line-hi-o: -0.5deg;
  --text-lc: 0.293 0.085; --text-o: -41deg;
  --dim-lc: 0.527 0.065; --dim-o: -34.7deg;
  --cyan-lc: 0.715 0.208;
  --amber-lc: 0.793 0.121;
  --alert-lc: 0.825 0.171;
  --bright-lc: 0.161 0.047; --bright-o: -41deg;
  --on-accent-lc: 0.293 0.085; --on-accent-o: -41deg;
  --disp: "Chewy", system-ui, sans-serif; --body: "Baloo 2", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 20px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="cyberpop"] {
  --h0: 260.7deg; --h1: 94.2deg; --h2: -88.4deg;
  --void-lc: 0.159 0.043; --void-o: 10.9deg;
  --panel-lc: 0.206 0.041; --panel-o: 10.5deg;
  --panel-2-lc: 0.238 0.041; --panel-2-o: 10.2deg;
  --line-lc: 0.397 0.037; --line-o: 8.4deg;
  --line-hi-lc: 0.476 0.160; --line-hi-o: 0.9deg;
  --text-lc: 0.952 0.023; --text-o: -2.3deg;
  --dim-lc: 0.666 0.030; --dim-o: 4.4deg;
  --cyan-lc: 0.612 0.210;
  --amber-lc: 0.681 0.238;
  --alert-lc: 0.896 0.163;
  --bright-lc: 0.974 0.013; --bright-o: -2.3deg;
  --on-accent-lc: 0.159 0.043; --on-accent-o: 10.9deg;
  --disp: "Orbitron", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 1.3; --crt: 0.5; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="chromecore"] {
  --h0: 264.5deg; --h1: -2.4deg; --h2: -26.8deg;
  --void-lc: 0.159 0.007; --void-o: 6.5deg;
  --panel-lc: 0.206 0.007; --panel-o: 5.8deg;
  --panel-2-lc: 0.237 0.007; --panel-2-o: 5.3deg;
  --line-lc: 0.393 0.007; --line-o: 3.1deg;
  --line-hi-lc: 0.643 0.012; --line-hi-o: 1deg;
  --text-lc: 0.939 0.007; --text-o: -3.8deg;
  --dim-lc: 0.658 0.007; --dim-o: -0.4deg;
  --cyan-lc: 0.851 0.015;
  --amber-lc: 0.618 0.026;
  --alert-lc: 0.837 0.092;
  --bright-lc: 0.967 0.004; --bright-o: -3.8deg;
  --on-accent-lc: 0.159 0.007; --on-accent-o: 6.5deg;
  --disp: "Michroma", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 10px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="skeuo"] {
  --h0: 257.2deg; --h1: 160deg; --h2: 133.1deg;
  --void-lc: 0.906 0.020; --void-o: -177.1deg;
  --panel-lc: 0.953 0.010; --panel-o: -177.1deg;
  --panel-2-lc: 0.979 0.004; --panel-2-o: -177.1deg;
  --line-lc: 0.715 0.017; --line-o: 176.7deg;
  --line-hi-lc: 0.682 0.101; --line-hi-o: -0.2deg;
  --text-lc: 0.267 0.013; --text-o: 154.4deg;
  --dim-lc: 0.497 0.015; --dim-o: 167.5deg;
  --cyan-lc: 0.586 0.153;
  --amber-lc: 0.512 0.082;
  --alert-lc: 0.612 0.177;
  --bright-lc: 0.147 0.007; --bright-o: 154.4deg;
  --on-accent-lc: 0.906 0.020; --on-accent-o: -177.1deg;
  --disp: "Nunito", system-ui, sans-serif; --body: "Nunito", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 10px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="steampunk"] {
  --h0: 76.8deg; --h1: -15.2deg; --h2: 63.9deg;
  --void-lc: 0.199 0.019; --void-o: -14.2deg;
  --panel-lc: 0.240 0.021; --panel-o: -10.9deg;
  --panel-2-lc: 0.267 0.022; --panel-2-o: -9.1deg;
  --line-lc: 0.404 0.029; --line-o: -2.6deg;
  --line-hi-lc: 0.544 0.095; --line-hi-o: -0.8deg;
  --text-lc: 0.883 0.055; --text-o: 6.6deg;
  --dim-lc: 0.637 0.041; --dim-o: 3.3deg;
  --cyan-lc: 0.692 0.128;
  --amber-lc: 0.513 0.091;
  --alert-lc: 0.603 0.057;
  --bright-lc: 0.936 0.030; --bright-o: 6.6deg;
  --on-accent-lc: 0.199 0.019; --on-accent-o: -14.2deg;
  --disp: "Cinzel", Georgia, serif; --body: "IM Fell English", Georgia, serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="glitch"] {
  --h0: 172.8deg; --h1: 165.2deg; --h2: -67.2deg;
  --void-lc: 0.115 0.000; --void-o: 0deg;
  --panel-lc: 0.164 0.000; --panel-o: 0deg;
  --panel-2-lc: 0.197 0.000; --panel-2-o: 0deg;
  --line-lc: 0.362 0.000; --line-o: 0deg;
  --line-hi-lc: 0.658 0.120; --line-hi-o: -0deg;
  --text-lc: 0.937 0.000; --text-o: 0deg;
  --dim-lc: 0.641 0.000; --dim-o: 0deg;
  --cyan-lc: 0.891 0.171;
  --amber-lc: 0.691 0.282;
  --alert-lc: 0.941 0.200;
  --bright-lc: 0.965 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.115 0.000; --on-accent-o: 0deg;
  --disp: "JetBrains Mono", ui-monospace, monospace; --body: "JetBrains Mono", ui-monospace, monospace;
  --glow: 1.2; --crt: 0.8; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="vaporwave"] {
  --h0: 343.0deg; --h1: -119.7deg; --h2: -36.8deg;
  --void-lc: 0.250 0.065; --void-o: -48.5deg;
  --panel-lc: 0.292 0.062; --panel-o: -47.4deg;
  --panel-2-lc: 0.321 0.061; --panel-2-o: -46.6deg;
  --line-lc: 0.462 0.054; --line-o: -42deg;
  --line-hi-lc: 0.598 0.154; --line-hi-o: -5.4deg;
  --text-lc: 0.957 0.033; --text-o: -11.1deg;
  --dim-lc: 0.702 0.042; --dim-o: -30.6deg;
  --cyan-lc: 0.747 0.200;
  --amber-lc: 0.787 0.147;
  --alert-lc: 0.674 0.221;
  --bright-lc: 0.976 0.018; --bright-o: -11.1deg;
  --on-accent-lc: 0.250 0.065; --on-accent-o: -48.5deg;
  --disp: "VT323", ui-monospace, monospace; --body: "Space Mono", ui-monospace, monospace;
  --glow: 0.8; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="flat"] {
  --h0: 242.7deg; --h1: 146.8deg; --h2: -90.4deg;
  --void-lc: 0.952 0.004; --void-o: -28.4deg;
  --panel-lc: 0.976 0.002; --panel-o: 0deg;
  --panel-2-lc: 0.990 0.001; --panel-2-o: 0deg;
  --line-lc: 0.774 0.014; --line-o: -0.8deg;
  --line-hi-lc: 0.743 0.095; --line-hi-o: -0.4deg;
  --text-lc: 0.356 0.039; --text-o: 6.3deg;
  --dim-lc: 0.571 0.026; --dim-o: 4.3deg;
  --cyan-lc: 0.653 0.135;
  --amber-lc: 0.631 0.194;
  --alert-lc: 0.746 0.181;
  --bright-lc: 0.196 0.022; --bright-o: 6.3deg;
  --on-accent-lc: 0.952 0.004; --on-accent-o: -28.4deg;
  --disp: "Roboto", system-ui, sans-serif; --body: "Roboto", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 4px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="luxury"] {
  --h0: 79.6deg; --h1: -4.5deg; --h2: 0.4deg;
  --void-lc: 0.956 0.014; --void-o: 5deg;
  --panel-lc: 0.978 0.007; --panel-o: 5deg;
  --panel-2-lc: 0.990 0.003; --panel-2-o: 0deg;
  --line-lc: 0.735 0.013; --line-o: 3deg;
  --line-hi-lc: 0.736 0.063; --line-hi-o: 0.3deg;
  --text-lc: 0.220 0.009; --text-o: -4.5deg;
  --dim-lc: 0.485 0.011; --dim-o: 0deg;
  --cyan-lc: 0.642 0.084;
  --amber-lc: 0.220 0.009;
  --alert-lc: 0.478 0.053;
  --bright-lc: 0.121 0.005; --bright-o: -4.5deg;
  --on-accent-lc: 0.220 0.009; --on-accent-o: -4.5deg;
  --disp: "Cormorant", Georgia, serif; --body: "Inter", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="genx"] {
  --h0: 252.9deg; --h1: -2.9deg; --h2: 50.8deg;
  --void-lc: 0.927 0.015; --void-o: -8.2deg;
  --panel-lc: 0.963 0.007; --panel-o: -8.2deg;
  --panel-2-lc: 0.984 0.003; --panel-2-o: 0deg;
  --line-lc: 0.745 0.018; --line-o: -4.6deg;
  --line-hi-lc: 0.780 0.062; --line-hi-o: -0.6deg;
  --text-lc: 0.321 0.025; --text-o: 0.3deg;
  --dim-lc: 0.539 0.021; --dim-o: -1.8deg;
  --cyan-lc: 0.717 0.082;
  --amber-lc: 0.824 0.026;
  --alert-lc: 0.807 0.067;
  --bright-lc: 0.177 0.014; --bright-o: 0.3deg;
  --on-accent-lc: 0.321 0.025; --on-accent-o: 0.3deg;
  --disp: "Michroma", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 16px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="futurefunk"] {
  --h0: 345.1deg; --h1: 101deg; --h2: -132.6deg;
  --void-lc: 0.195 0.067; --void-o: -45.2deg;
  --panel-lc: 0.241 0.064; --panel-o: -44.5deg;
  --panel-2-lc: 0.272 0.062; --panel-2-o: -44deg;
  --line-lc: 0.427 0.052; --line-o: -41deg;
  --line-hi-lc: 0.564 0.169; --line-hi-o: -4.9deg;
  --text-lc: 0.970 0.021; --text-o: -7.4deg;
  --dim-lc: 0.691 0.036; --dim-o: -32deg;
  --cyan-lc: 0.722 0.221;
  --amber-lc: 0.885 0.129;
  --alert-lc: 0.867 0.113;
  --bright-lc: 0.983 0.011; --bright-o: -7.4deg;
  --on-accent-lc: 0.195 0.067; --on-accent-o: -45.2deg;
  --disp: "Monoton", ui-monospace, monospace; --body: "Baloo 2", system-ui, sans-serif;
  --glow: 1.1; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="techspec"] {
  --h0: 37.7deg; --h1: 0deg; --h2: -142.1deg;
  --void-lc: 0.176 0.005; --void-o: -149.6deg;
  --panel-lc: 0.222 0.005; --panel-o: -149.6deg;
  --panel-2-lc: 0.252 0.005; --panel-2-o: -149.6deg;
  --line-lc: 0.402 0.005; --line-o: -149.6deg;
  --line-hi-lc: 0.531 0.146; --line-hi-o: -0.3deg;
  --text-lc: 0.930 0.003; --text-o: 0deg;
  --dim-lc: 0.659 0.004; --dim-o: -149.7deg;
  --cyan-lc: 0.682 0.211;
  --amber-lc: 0.930 0.003;
  --alert-lc: 0.597 0.014;
  --bright-lc: 0.962 0.002; --bright-o: 0deg;
  --on-accent-lc: 0.176 0.005; --on-accent-o: -149.6deg;
  --disp: "Space Grotesk", system-ui, sans-serif; --body: "IBM Plex Mono", ui-monospace, monospace;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="acid"] {
  --h0: 124.4deg; --h1: 161.5deg; --h2: -133.6deg;
  --void-lc: 0.150 0.000; --void-o: 0deg;
  --panel-lc: 0.198 0.000; --panel-o: 0deg;
  --panel-2-lc: 0.230 0.000; --panel-2-o: 0deg;
  --line-lc: 0.391 0.000; --line-o: 0deg;
  --line-hi-lc: 0.694 0.162; --line-hi-o: -0deg;
  --text-lc: 0.955 0.000; --text-o: 0deg;
  --dim-lc: 0.665 0.000; --dim-o: 0deg;
  --cyan-lc: 0.927 0.231;
  --amber-lc: 0.788 0.022;
  --alert-lc: 0.683 0.246;
  --bright-lc: 0.975 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.150 0.000; --on-accent-o: 0deg;
  --disp: "Rubik Glitch", system-ui, sans-serif; --body: "Space Grotesk", system-ui, sans-serif;
  --glow: 1; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="neumorph"] {
  --h0: 269.2deg; --h1: -4.9deg; --h2: 100deg;
  --void-lc: 0.927 0.010; --void-o: -7.4deg;
  --panel-lc: 0.963 0.005; --panel-o: -7.4deg;
  --panel-2-lc: 0.984 0.002; --panel-2-o: 0deg;
  --line-lc: 0.763 0.016; --line-o: -4.9deg;
  --line-hi-lc: 0.717 0.137; --line-hi-o: -0.2deg;
  --text-lc: 0.379 0.029; --text-o: -2.7deg;
  --dim-lc: 0.576 0.022; --dim-o: -3.5deg;
  --cyan-lc: 0.627 0.191;
  --amber-lc: 0.688 0.038;
  --alert-lc: 0.705 0.158;
  --bright-lc: 0.209 0.016; --bright-o: -2.7deg;
  --on-accent-lc: 0.927 0.010; --on-accent-o: -7.4deg;
  --disp: "Nunito", system-ui, sans-serif; --body: "Nunito", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 18px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="kidcore"] {
  --h0: 26.4deg; --h1: -125.7deg; --h2: 64.5deg;
  --void-lc: 0.993 0.015; --void-o: 71.9deg;
  --panel-lc: 0.996 0.007; --panel-o: 71.9deg;
  --panel-2-lc: 0.998 0.003; --panel-2-o: 0deg;
  --line-lc: 0.761 0.010; --line-o: 71.9deg;
  --line-hi-lc: 0.756 0.163; --line-hi-o: 1.5deg;
  --text-lc: 0.222 0.000; --text-o: 0deg;
  --dim-lc: 0.499 0.005; --dim-o: 71.9deg;
  --cyan-lc: 0.655 0.231;
  --amber-lc: 0.612 0.210;
  --alert-lc: 0.879 0.162;
  --bright-lc: 0.122 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.222 0.000; --on-accent-o: 0deg;
  --disp: "Baloo 2", system-ui, sans-serif; --body: "Comic Neue", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="glass"] {
  --h0: 250.4deg; --h1: 57.3deg; --h2: 138.7deg;
  --void-lc: 0.251 0.053; --void-o: 25.3deg;
  --panel-lc: 0.294 0.051; --panel-o: 25.3deg;
  --panel-2-lc: 0.323 0.049; --panel-2-o: 25.4deg;
  --line-lc: 0.466 0.042; --line-o: 25.5deg;
  --line-hi-lc: 0.640 0.085; --line-hi-o: 4.6deg;
  --text-lc: 0.969 0.015; --text-o: 27.4deg;
  --dim-lc: 0.710 0.029; --dim-o: 26deg;
  --cyan-lc: 0.807 0.101;
  --amber-lc: 0.860 0.083;
  --alert-lc: 0.787 0.124;
  --bright-lc: 0.983 0.008; --bright-o: 27.4deg;
  --on-accent-lc: 0.251 0.053; --on-accent-o: 25.3deg;
  --disp: "Inter", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 18px; --bw: 1px; --bg-scale: 1.6;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="naive"] {
  --h0: 36.5deg; --h1: 120.1deg; --h2: 39deg;
  --void-lc: 0.974 0.017; --void-o: 51.5deg;
  --panel-lc: 0.987 0.008; --panel-o: 51.5deg;
  --panel-2-lc: 0.994 0.004; --panel-2-o: 0deg;
  --line-lc: 0.767 0.012; --line-o: 51.5deg;
  --line-hi-lc: 0.738 0.132; --line-hi-o: 1.7deg;
  --text-lc: 0.285 0.000; --text-o: 0deg;
  --dim-lc: 0.533 0.006; --dim-o: 51.5deg;
  --cyan-lc: 0.637 0.184;
  --amber-lc: 0.638 0.109;
  --alert-lc: 0.783 0.162;
  --bright-lc: 0.157 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.285 0.000; --on-accent-o: 0deg;
  --disp: "Gochi Hand", system-ui, sans-serif; --body: "Comic Neue", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="cybermin"] {
  --h0: 128.6deg; --h1: 0deg; --h2: -103.6deg;
  --void-lc: 0.145 0.000; --void-o: 0deg;
  --panel-lc: 0.192 0.000; --panel-o: 0deg;
  --panel-2-lc: 0.223 0.000; --panel-2-o: 0deg;
  --line-lc: 0.381 0.000; --line-o: 0deg;
  --line-hi-lc: 0.687 0.157; --line-hi-o: -0deg;
  --text-lc: 0.931 0.000; --text-o: 0deg;
  --dim-lc: 0.648 0.000; --dim-o: 0deg;
  --cyan-lc: 0.919 0.224;
  --amber-lc: 0.633 0.000;
  --alert-lc: 0.673 0.215;
  --bright-lc: 0.962 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.145 0.000; --on-accent-o: 0deg;
  --disp: "Space Grotesk", system-ui, sans-serif; --body: "JetBrains Mono", ui-monospace, monospace;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="maximal"] {
  --h0: 35.0deg; --h1: 130.4deg; --h2: 55.9deg;
  --void-lc: 0.196 0.062; --void-o: -86.5deg;
  --panel-lc: 0.242 0.058; --panel-o: -85.3deg;
  --panel-2-lc: 0.273 0.054; --panel-2-o: -84.3deg;
  --line-lc: 0.427 0.039; --line-o: -77deg;
  --line-hi-lc: 0.528 0.156; --line-hi-o: -6.9deg;
  --text-lc: 0.969 0.028; --text-o: 44.5deg;
  --dim-lc: 0.690 0.017; --dim-o: -34.6deg;
  --cyan-lc: 0.671 0.220;
  --amber-lc: 0.783 0.156;
  --alert-lc: 0.879 0.162;
  --bright-lc: 0.983 0.015; --bright-o: 44.5deg;
  --on-accent-lc: 0.196 0.062; --on-accent-o: -86.5deg;
  --disp: "DM Serif Display", Georgia, serif; --body: "Syne", system-ui, sans-serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="gothic"] {
  --h0: 22.6deg; --h1: 55.4deg; --h2: -13.7deg;
  --void-lc: 0.139 0.006; --void-o: -27.9deg;
  --panel-lc: 0.185 0.006; --panel-o: -18.6deg;
  --panel-2-lc: 0.216 0.006; --panel-2-o: -12.4deg;
  --line-lc: 0.370 0.007; --line-o: 13.9deg;
  --line-hi-lc: 0.383 0.130; --line-hi-o: -0.4deg;
  --text-lc: 0.908 0.017; --text-o: 47.9deg;
  --dim-lc: 0.631 0.011; --dim-o: 37.3deg;
  --cyan-lc: 0.488 0.183;
  --amber-lc: 0.788 0.042;
  --alert-lc: 0.326 0.094;
  --bright-lc: 0.949 0.009; --bright-o: 47.9deg;
  --on-accent-lc: 0.908 0.017; --on-accent-o: 47.9deg;
  --disp: "UnifrakturCook", Georgia, serif; --body: "Cormorant Garamond", Georgia, serif;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: grayscale(1) sepia(1) hue-rotate(-50deg) saturate(4);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="doodles"] {
  --h0: 39.2deg; --h1: -139.7deg; --h2: -103.4deg;
  --void-lc: 0.996 0.008; --void-o: 59.6deg;
  --panel-lc: 0.998 0.004; --panel-o: 0deg;
  --panel-2-lc: 0.999 0.002; --panel-2-o: 0deg;
  --line-lc: 0.768 0.006; --line-o: 59.6deg;
  --line-hi-lc: 0.792 0.136; --line-hi-o: 0.9deg;
  --text-lc: 0.235 0.000; --text-o: 0deg;
  --dim-lc: 0.509 0.003; --dim-o: 0deg;
  --cyan-lc: 0.705 0.193;
  --amber-lc: 0.637 0.195;
  --alert-lc: 0.546 0.248;
  --bright-lc: 0.129 0.000; --bright-o: 0deg;
  --on-accent-lc: 0.235 0.000; --on-accent-o: 0deg;
  --disp: "Caveat", system-ui, sans-serif; --body: "Comic Neue", system-ui, sans-serif;
  --glow: 0; --crt: 0; --grid: 0.05; --radius: 0px; --bw: 1px; --bg-scale: 0.5;
  --bg-filter: invert(1) hue-rotate(180deg);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="surveillance"] {
  --h0: 147.1deg; --h1: 0deg; --h2: -120.7deg;
  --void-lc: 0.129 0.009; --void-o: 10deg;
  --panel-lc: 0.178 0.012; --panel-o: 4.3deg;
  --panel-2-lc: 0.210 0.014; --panel-2-o: 1.8deg;
  --line-lc: 0.373 0.024; --line-o: -4deg;
  --line-hi-lc: 0.653 0.171; --line-hi-o: 0.1deg;
  --text-lc: 0.944 0.060; --text-o: -8.6deg;
  --dim-lc: 0.651 0.042; --dim-o: -7.3deg;
  --cyan-lc: 0.878 0.241;
  --amber-lc: 0.961 0.000;
  --alert-lc: 0.655 0.231;
  --bright-lc: 0.969 0.033; --bright-o: -8.6deg;
  --on-accent-lc: 0.129 0.009; --on-accent-o: 10deg;
  --disp: "VT323", ui-monospace, monospace; --body: "Share Tech Mono", ui-monospace, monospace;
  --glow: 0.7; --crt: 1; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: hue-rotate(-75deg) saturate(1.4);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}

[data-era="blueprint"] {
  --h0: 89.9deg; --h1: 164.4deg; --h2: 1.1deg;
  --void-lc: 0.357 0.108; --void-o: 166.3deg;
  --panel-lc: 0.393 0.103; --panel-o: 166.3deg;
  --panel-2-lc: 0.416 0.099; --panel-2-o: 166.3deg;
  --line-lc: 0.536 0.082; --line-o: 166.5deg;
  --line-hi-lc: 0.807 0.032; --line-hi-o: 166.3deg;
  --text-lc: 0.956 0.021; --text-o: 169.3deg;
  --dim-lc: 0.740 0.052; --dim-o: 167deg;
  --cyan-lc: 1.000 0.000;
  --amber-lc: 0.799 0.103;
  --alert-lc: 0.879 0.162;
  --bright-lc: 0.976 0.012; --bright-o: 169.3deg;
  --on-accent-lc: 0.357 0.108; --on-accent-o: 166.3deg;
  --disp: "Space Mono", ui-monospace, monospace; --body: "IBM Plex Mono", ui-monospace, monospace;
  --glow: 0.4; --crt: 0.25; --grid: 0.03; --radius: 0px; --bw: 1px; --bg-scale: 1;
  --bg-filter: opacity(1);
  --lift: 0 10px 30px -14px color-mix(in srgb, var(--cyan) calc(50% * var(--glow) + 12%), transparent); --rest: none;
}