:root[data-palette="star-lord"]{
  --bg:light-dark(#F7F3FF,#0A0D24);
  --bubble:light-dark(#FFFFFF,#15183A);
  --text:light-dark(#241A3D,#F3E9FF);
  --meta:light-dark(#837c94,#8a869c);
  --name:light-dark(#5f9dd1,#5690b2);
  --sep:light-dark(rgb(36 26 61 / 0.1),rgb(243 233 255 / 0.1));
  --glass:light-dark(rgb(252 251 255 / 0.8),rgb(17 20 50 / 0.8));
  --glass-edge:light-dark(#D5CCF0,#2A2E5A);
  --accent:light-dark(#FF3D8E,#FF5DA2);
  --link:light-dark(#FF3D8E,#FF5DA2);
  --quote-edge:light-dark(#D5CCF0,#2A2E5A);
  --quote-text:light-dark(#3d3454,#d7cfe5);
  --field:light-dark(#fefdff,#131637);
  --control:light-dark(rgb(36 26 61 / 0.055),rgb(243 233 255 / 0.055));
  --control-hover:light-dark(rgb(36 26 61 / 0.1),rgb(243 233 255 / 0.1));
  --hover:light-dark(rgb(36 26 61 / 0.05),rgb(243 233 255 / 0.05));
  --clear-ring:light-dark(#9891a8,#737087);
  --day-off:light-dark(rgb(36 26 61 / 0.08),rgb(243 233 255 / 0.08));
  --day-on:light-dark(#FF3D8E,#FF5DA2);
}
:root[data-palette="corbs-cosmic"]{
  --bg:light-dark(#f1ecff,#14043a);
  --bubble:light-dark(#e9e2ff,#190648);
  --text:light-dark(#3b0aa4,#f83a90);
  --meta:light-dark(#8d70cd,#912269);
  --name:light-dark(#76acf3,#1c8fba);
  --sep:light-dark(rgb(59 10 164 / 0.1),rgb(248 58 144 / 0.1));
  --glass:light-dark(rgb(236 230 255 / 0.8),rgb(23 5 67 / 0.8));
  --glass-edge:light-dark(#3389ed,#4493ef);
  --accent:light-dark(#3389ed,#4493ef);
  --link:light-dark(#4493ef,#4493ef);
  --quote-edge:light-dark(#3389ed,#4493ef);
  --quote-text:light-dark(#5125af,#dd3486);
  --field:light-dark(#eae4ff,#180646);
  --control:light-dark(rgb(59 10 164 / 0.055),rgb(248 58 144 / 0.055));
  --control-hover:light-dark(rgb(59 10 164 / 0.1),rgb(248 58 144 / 0.1));
  --hover:light-dark(rgb(59 10 164 / 0.05),rgb(248 58 144 / 0.05));
  --clear-ring:light-dark(#9f86d6,#7b1c61);
  --day-off:light-dark(rgb(59 10 164 / 0.08),rgb(248 58 144 / 0.08));
  --day-on:light-dark(#3389ed,#4493ef);
}
:root[data-palette="abyssal"]{
  --bg:light-dark(#f0faff,#000814);
  --bubble:light-dark(#ffffff,#001d3d);
  --text:light-dark(#001d3d,#bce7fd);
  --meta:light-dark(#6c8094,#678394);
  --name:light-dark(#9960ca,#653f9c);
  --sep:light-dark(rgb(0 29 61 / 0.1),rgb(188 231 253 / 0.1));
  --glass:light-dark(rgb(250 253 255 / 0.8),rgb(0 22 47 / 0.8));
  --glass-edge:light-dark(#caf0f8,#003566);
  --accent:light-dark(#0077b6,#00f5d4);
  --link:light-dark(#0077b6,#00f5d4);
  --quote-edge:light-dark(#caf0f8,#003566);
  --quote-text:light-dark(#1d3854,#a5cce1);
  --field:light-dark(#fdfeff,#001a37);
  --control:light-dark(rgb(0 29 61 / 0.055),rgb(188 231 253 / 0.055));
  --control-hover:light-dark(rgb(0 29 61 / 0.1),rgb(188 231 253 / 0.1));
  --hover:light-dark(rgb(0 29 61 / 0.05),rgb(188 231 253 / 0.05));
  --clear-ring:light-dark(#8497a8,#556c7d);
  --day-off:light-dark(rgb(0 29 61 / 0.08),rgb(188 231 253 / 0.08));
  --day-on:light-dark(#0077b6,#00f5d4);
}
:root[data-palette="amethyst"]{
  --bg:light-dark(#f7f5fb,#0f0a1a);
  --bubble:light-dark(#ffffff,#1a1129);
  --text:light-dark(#1a1129,#e0d7f2);
  --meta:light-dark(#7d7888,#827b91);
  --name:light-dark(#8756ac,#8157af);
  --sep:light-dark(rgb(26 17 41 / 0.1),rgb(224 215 242 / 0.1));
  --glass:light-dark(rgb(252 252 254 / 0.8),rgb(22 15 36 / 0.8));
  --glass-edge:light-dark(#e6e0f0,#3b2566);
  --accent:light-dark(#6a0dad,#bf80ff);
  --link:light-dark(#6a0dad,#ffd700);
  --quote-edge:light-dark(#e6e0f0,#3b2566);
  --quote-text:light-dark(#352c42,#c7bed8);
  --field:light-dark(#fefefe,#181027);
  --control:light-dark(rgb(26 17 41 / 0.055),rgb(224 215 242 / 0.055));
  --control-hover:light-dark(rgb(26 17 41 / 0.1),rgb(224 215 242 / 0.1));
  --hover:light-dark(rgb(26 17 41 / 0.05),rgb(224 215 242 / 0.05));
  --clear-ring:light-dark(#948e9d,#6d667b);
  --day-off:light-dark(rgb(26 17 41 / 0.08),rgb(224 215 242 / 0.08));
  --day-on:light-dark(#6a0dad,#bf80ff);
}
:root[data-palette="berry"]{
  --bg:light-dark(#fff0f5,#150024);
  --bubble:light-dark(#ffffff,#24003d);
  --text:light-dark(#800040,#ff4da6);
  --meta:light-dark(#b96c91,#962a6c);
  --name:light-dark(#db62ac,#8f58b2);
  --sep:light-dark(rgb(128 0 64 / 0.1),rgb(255 77 166 / 0.1));
  --glass:light-dark(rgb(255 250 252 / 0.8),rgb(31 0 52 / 0.8));
  --glass-edge:light-dark(#ffb6c1,#4b0082);
  --accent:light-dark(#663399,#ff4da6);
  --link:light-dark(#663399,#6a5acd);
  --quote-edge:light-dark(#ffb6c1,#4b0082);
  --quote-text:light-dark(#8f1d56,#e34496);
  --field:light-dark(#fffdfe,#220039);
  --control:light-dark(rgb(128 0 64 / 0.055),rgb(255 77 166 / 0.055));
  --control-hover:light-dark(rgb(128 0 64 / 0.1),rgb(255 77 166 / 0.1));
  --hover:light-dark(rgb(128 0 64 / 0.05),rgb(255 77 166 / 0.05));
  --clear-ring:light-dark(#c684a4,#7e235f);
  --day-off:light-dark(rgb(128 0 64 / 0.08),rgb(255 77 166 / 0.08));
  --day-on:light-dark(#663399,#ff4da6);
}
:root[data-palette="bluebonnet"]{
  --bg:light-dark(#f8fafc,#0b1026);
  --bubble:light-dark(#ffffff,#161b3d);
  --text:light-dark(#1e1b4b,#f0f4f8);
  --meta:light-dark(#807f9b,#898d9a);
  --name:light-dark(#7775ac,#5861af);
  --sep:light-dark(rgb(30 27 75 / 0.1),rgb(240 244 248 / 0.1));
  --glass:light-dark(rgb(253 253 254 / 0.8),rgb(18 23 53 / 0.8));
  --glass-edge:light-dark(#bfdbfe,#4338ca);
  --accent:light-dark(#2563eb,#d946ef);
  --link:light-dark(#2563eb,#d946ef);
  --quote-edge:light-dark(#bfdbfe,#4338ca);
  --quote-text:light-dark(#383660,#d5d9df);
  --field:light-dark(#fefeff,#14193a);
  --control:light-dark(rgb(30 27 75 / 0.055),rgb(240 244 248 / 0.055));
  --control-hover:light-dark(rgb(30 27 75 / 0.1),rgb(240 244 248 / 0.1));
  --hover:light-dark(rgb(30 27 75 / 0.05),rgb(240 244 248 / 0.05));
  --clear-ring:light-dark(#9696ac,#727785);
  --day-off:light-dark(rgb(30 27 75 / 0.08),rgb(240 244 248 / 0.08));
  --day-on:light-dark(#2563eb,#d946ef);
}
:root[data-palette="cotton-candy"]{
  --bg:light-dark(#f0f7f6,#1a0a12);
  --bubble:light-dark(#e5f1f0,#2d1520);
  --text:light-dark(#117e96,#f2b6d4);
  --meta:light-dark(#75b4c1,#91697d);
  --name:light-dark(#6ad8ee,#af487b);
  --sep:light-dark(rgb(17 126 150 / 0.1),rgb(242 182 212 / 0.1));
  --glass:light-dark(rgb(233 243 242 / 0.8),rgb(38 17 27 / 0.8));
  --glass-edge:light-dark(#22c8e9,#da2f85);
  --accent:light-dark(#1abddf,#ff016e);
  --link:light-dark(#1abddf,#ff016e);
  --quote-edge:light-dark(#22c8e9,#da2f85);
  --quote-text:light-dark(#2c8da2,#d8a1bd);
  --field:light-dark(#e7f2f1,#2a131e);
  --control:light-dark(rgb(17 126 150 / 0.055),rgb(242 182 212 / 0.055));
  --control-hover:light-dark(rgb(17 126 150 / 0.1),rgb(242 182 212 / 0.1));
  --hover:light-dark(rgb(17 126 150 / 0.05),rgb(242 182 212 / 0.05));
  --clear-ring:light-dark(#8cc1cb,#7b5769);
  --day-off:light-dark(rgb(17 126 150 / 0.08),rgb(242 182 212 / 0.08));
  --day-on:light-dark(#1abddf,#ff016e);
}
:root[data-palette="cyan-pulse"]{
  --bg:light-dark(#F2FBFF,#121B22);
  --bubble:light-dark(#FFFFFF,#16232C);
  --text:light-dark(#1B2A36,#E6F6FF);
  --meta:light-dark(#7c8890,#87939c);
  --name:light-dark(#559db3,#72a3b2);
  --sep:light-dark(rgb(27 42 54 / 0.1),rgb(230 246 255 / 0.1));
  --glass:light-dark(rgb(250 254 255 / 0.8),rgb(21 32 41 / 0.8));
  --glass-edge:light-dark(#C7E3F0,#20323D);
  --accent:light-dark(#4FD8FF,#4FD8FF);
  --link:light-dark(#0098C8,#4FD8FF);
  --quote-edge:light-dark(#C7E3F0,#20323D);
  --quote-text:light-dark(#35434e,#cddce4);
  --field:light-dark(#fdfeff,#15222b);
  --control:light-dark(rgb(27 42 54 / 0.055),rgb(230 246 255 / 0.055));
  --control-hover:light-dark(rgb(27 42 54 / 0.1),rgb(230 246 255 / 0.1));
  --hover:light-dark(rgb(27 42 54 / 0.05),rgb(230 246 255 / 0.05));
  --clear-ring:light-dark(#919da5,#717e85);
  --day-off:light-dark(rgb(27 42 54 / 0.08),rgb(230 246 255 / 0.08));
  --day-on:light-dark(#4FD8FF,#4FD8FF);
}
:root[data-palette="glacial"]{
  --bg:light-dark(#f0f7f9,#0b1217);
  --bubble:light-dark(#ffffff,#152028);
  --text:light-dark(#152028,#d1e1e9);
  --meta:light-dark(#788186,#78848b);
  --name:light-dark(#54788a,#aaacae);
  --sep:light-dark(rgb(21 32 40 / 0.1),rgb(209 225 233 / 0.1));
  --glass:light-dark(rgb(250 252 253 / 0.8),rgb(18 27 34 / 0.8));
  --glass-edge:light-dark(#b8ccd6,#2a3f4d);
  --accent:light-dark(#007ba7,#00d2ff);
  --link:light-dark(#007ba7,#00d2ff);
  --quote-edge:light-dark(#b8ccd6,#2a3f4d);
  --quote-text:light-dark(#2f3a41,#b9c8d0);
  --field:light-dark(#fdfefe,#141e25);
  --control:light-dark(rgb(21 32 40 / 0.055),rgb(209 225 233 / 0.055));
  --control-hover:light-dark(rgb(21 32 40 / 0.1),rgb(209 225 233 / 0.1));
  --hover:light-dark(rgb(21 32 40 / 0.05),rgb(209 225 233 / 0.05));
  --clear-ring:light-dark(#8d969b,#646f75);
  --day-off:light-dark(rgb(21 32 40 / 0.08),rgb(209 225 233 / 0.08));
  --day-on:light-dark(#007ba7,#00d2ff);
}
:root[data-palette="graphite-bloom"]{
  --bg:light-dark(#F7F5FA,#1B1A1F);
  --bubble:light-dark(#FFFFFF,#26232B);
  --text:light-dark(#2A2433,#D9D4DE);
  --meta:light-dark(#86828d,#848088);
  --name:light-dark(#936a98,#8d7597);
  --sep:light-dark(rgb(42 36 51 / 0.1),rgb(217 212 222 / 0.1));
  --glass:light-dark(rgb(252 252 253 / 0.8),rgb(34 32 39 / 0.8));
  --glass-edge:light-dark(#D3CCD8,#535054);
  --accent:light-dark(#933F6F,#933F6F);
  --link:light-dark(#933F6F,#933F6F);
  --quote-edge:light-dark(#D3CCD8,#535054);
  --quote-text:light-dark(#433d4b,#c2bec7);
  --field:light-dark(#fefefe,#242229);
  --control:light-dark(rgb(42 36 51 / 0.055),rgb(217 212 222 / 0.055));
  --control-hover:light-dark(rgb(42 36 51 / 0.1),rgb(217 212 222 / 0.1));
  --hover:light-dark(rgb(42 36 51 / 0.05),rgb(217 212 222 / 0.05));
  --clear-ring:light-dark(#9b97a0,#706e75);
  --day-off:light-dark(rgb(42 36 51 / 0.08),rgb(217 212 222 / 0.08));
  --day-on:light-dark(#933F6F,#933F6F);
}
:root[data-palette="horizon"]{
  --bg:light-dark(#FDF0ED,#1C1E26);
  --bubble:light-dark(#FFFFFF,#232530);
  --text:light-dark(#1A1C23,#D5D8DA);
  --meta:light-dark(#807b7e,#828489);
  --name:light-dark(#e65e7c,#a1425b);
  --sep:light-dark(rgb(26 28 35 / 0.1),rgb(213 216 218 / 0.1));
  --glass:light-dark(rgb(254 250 249 / 0.8),rgb(33 35 45 / 0.8));
  --glass-edge:light-dark(#F9CBBE,#2E303E);
  --accent:light-dark(#DA103F,#E95678);
  --link:light-dark(#1D8991,#25B0BC);
  --quote-edge:light-dark(#F9CBBE,#2E303E);
  --quote-text:light-dark(#35353b,#bfc2c4);
  --field:light-dark(#fffdfc,#22242f);
  --control:light-dark(rgb(26 28 35 / 0.055),rgb(213 216 218 / 0.055));
  --control-hover:light-dark(rgb(26 28 35 / 0.1),rgb(213 216 218 / 0.1));
  --hover:light-dark(rgb(26 28 35 / 0.05),rgb(213 216 218 / 0.05));
  --clear-ring:light-dark(#979192,#6f7277);
  --day-off:light-dark(rgb(26 28 35 / 0.08),rgb(213 216 218 / 0.08));
  --day-on:light-dark(#DA103F,#E95678);
}
:root[data-palette="mongo"]{
  --bg:light-dark(#ffffff,#001e2b);
  --bubble:light-dark(#f5f9fa,#0b2d3e);
  --text:light-dark(#001e2b,#e8f1f2);
  --meta:light-dark(#73838a,#809298);
  --name:light-dark(#596d75,#a6b0b5);
  --sep:light-dark(rgb(0 30 43 / 0.1),rgb(232 241 242 / 0.1));
  --glass:light-dark(rgb(249 251 252 / 0.8),rgb(7 40 55 / 0.8));
  --glass-edge:light-dark(#00ed64,#1e3d4a);
  --accent:light-dark(#00684a,#00ed64);
  --link:light-dark(#00684a,#00ed64);
  --quote-edge:light-dark(#00ed64,#1e3d4a);
  --quote-text:light-dark(#1f3944,#ccd8da);
  --field:light-dark(#f7fafb,#092b3b);
  --control:light-dark(rgb(0 30 43 / 0.055),rgb(232 241 242 / 0.055));
  --control-hover:light-dark(rgb(0 30 43 / 0.1),rgb(232 241 242 / 0.1));
  --hover:light-dark(rgb(0 30 43 / 0.05),rgb(232 241 242 / 0.05));
  --clear-ring:light-dark(#8c9aa0,#687d85);
  --day-off:light-dark(rgb(0 30 43 / 0.08),rgb(232 241 242 / 0.08));
  --day-on:light-dark(#00684a,#00ed64);
}
:root[data-palette="monochrome"]{
  --bg:light-dark(#FFFFFF,#000000);
  --bubble:light-dark(#FFFFFF,#000000);
  --text:light-dark(#000000,#FFFFFF);
  --meta:light-dark(#737373,#8c8c8c);
  --name:light-dark(#595959,#a6a6a6);
  --sep:light-dark(rgb(0 0 0 / 0.1),rgb(255 255 255 / 0.1));
  --glass:light-dark(rgb(255 255 255 / 0.8),rgb(0 0 0 / 0.8));
  --glass-edge:light-dark(#CCCCCC,#333333);
  --accent:light-dark(#000000,#FFFFFF);
  --link:light-dark(#000000,#FFFFFF);
  --quote-edge:light-dark(#CCCCCC,#333333);
  --quote-text:light-dark(#1f1f1f,#e0e0e0);
  --field:light-dark(#ffffff,#000000);
  --control:light-dark(rgb(0 0 0 / 0.055),rgb(255 255 255 / 0.055));
  --control-hover:light-dark(rgb(0 0 0 / 0.1),rgb(255 255 255 / 0.1));
  --hover:light-dark(rgb(0 0 0 / 0.05),rgb(255 255 255 / 0.05));
  --clear-ring:light-dark(#8c8c8c,#737373);
  --day-off:light-dark(rgb(0 0 0 / 0.08),rgb(255 255 255 / 0.08));
  --day-on:light-dark(#000000,#FFFFFF);
}
:root[data-palette="neon-reef"]{
  --bg:light-dark(#F2FFFC,#111E24);
  --bubble:light-dark(#FFFFFF,#152831);
  --text:light-dark(#13333A,#E5FFFB);
  --meta:light-dark(#778f91,#869a9a);
  --name:light-dark(#5caa9d,#6bb0a1);
  --sep:light-dark(rgb(19 51 58 / 0.1),rgb(229 255 251 / 0.1));
  --glass:light-dark(rgb(250 255 254 / 0.8),rgb(20 37 44 / 0.8));
  --glass-edge:light-dark(#BFEFE3,#1F3A44);
  --accent:light-dark(#0CCB9E,#32F5B8);
  --link:light-dark(#0CCB9E,#32F5B8);
  --quote-edge:light-dark(#BFEFE3,#1F3A44);
  --quote-text:light-dark(#2e4b51,#cce4e1);
  --field:light-dark(#fdffff,#14272f);
  --control:light-dark(rgb(19 51 58 / 0.055),rgb(229 255 251 / 0.055));
  --control-hover:light-dark(rgb(19 51 58 / 0.1),rgb(229 255 251 / 0.1));
  --hover:light-dark(rgb(19 51 58 / 0.05),rgb(229 255 251 / 0.05));
  --clear-ring:light-dark(#8ea3a5,#708385);
  --day-off:light-dark(rgb(19 51 58 / 0.08),rgb(229 255 251 / 0.08));
  --day-on:light-dark(#0CCB9E,#32F5B8);
}
:root[data-palette="news"]{
  --bg:light-dark(#e0e0e0,#141414);
  --bubble:light-dark(#f5f5f5,#1a1a1a);
  --text:light-dark(#0a0a0a,#e0e0e0);
  --meta:light-dark(#6a6a6a,#848484);
  --name:light-dark(#4e4e4e,#adadad);
  --sep:light-dark(rgb(10 10 10 / 0.1),rgb(224 224 224 / 0.1));
  --glass:light-dark(rgb(238 238 238 / 0.8),rgb(24 24 24 / 0.8));
  --glass-edge:light-dark(#5c5c5c,#5c5c5c);
  --accent:light-dark(#d60064,#f72685);
  --link:light-dark(#d60064,#f72685);
  --quote-edge:light-dark(#5c5c5c,#5c5c5c);
  --quote-text:light-dark(#242424,#c8c8c8);
  --field:light-dark(#f2f2f2,#191919);
  --control:light-dark(rgb(10 10 10 / 0.055),rgb(224 224 224 / 0.055));
  --control-hover:light-dark(rgb(10 10 10 / 0.1),rgb(224 224 224 / 0.1));
  --hover:light-dark(rgb(10 10 10 / 0.05),rgb(224 224 224 / 0.05));
  --clear-ring:light-dark(#808080,#707070);
  --day-off:light-dark(rgb(10 10 10 / 0.08),rgb(224 224 224 / 0.08));
  --day-on:light-dark(#d60064,#f72685);
}
:root[data-palette="orbit"]{
  --bg:light-dark(#F6F2E0,#060B31);
  --bubble:light-dark(#FFFFFF,#0F163E);
  --text:light-dark(#2B1F4A,#ECE9C5);
  --meta:light-dark(#867e8e,#858582);
  --name:light-dark(#6a6473,#a1a19e);
  --sep:light-dark(rgb(43 31 74 / 0.1),rgb(236 233 197 / 0.1));
  --glass:light-dark(rgb(252 250 244 / 0.8),rgb(12 18 57 / 0.8));
  --glass-edge:light-dark(#D2C9B3,#2B1F4A);
  --accent:light-dark(#9A867B,#9A867B);
  --link:light-dark(#8F7476,#9A867B);
  --quote-edge:light-dark(#D2C9B3,#2B1F4A);
  --quote-text:light-dark(#43385c,#d0ceb3);
  --field:light-dark(#fefdfa,#0e143c);
  --control:light-dark(rgb(43 31 74 / 0.055),rgb(236 233 197 / 0.055));
  --control-hover:light-dark(rgb(43 31 74 / 0.1),rgb(236 233 197 / 0.1));
  --hover:light-dark(rgb(43 31 74 / 0.05),rgb(236 233 197 / 0.05));
  --clear-ring:light-dark(#9b939d,#6d6f74);
  --day-off:light-dark(rgb(43 31 74 / 0.08),rgb(236 233 197 / 0.08));
  --day-on:light-dark(#9A867B,#9A867B);
}
:root[data-palette="reef"]{
  --bg:light-dark(#f0fbff,#001e2b);
  --bubble:light-dark(#ffffff,#002b3d);
  --text:light-dark(#004d66,#00ffe5);
  --meta:light-dark(#6c9bab,#009a91);
  --name:light-dark(#54bbde,#0082b5);
  --sep:light-dark(rgb(0 77 102 / 0.1),rgb(0 255 229 / 0.1));
  --glass:light-dark(rgb(250 254 255 / 0.8),rgb(0 38 55 / 0.8));
  --glass-edge:light-dark(#b3e6ff,#004d6e);
  --accent:light-dark(#ff3366,#00ffe5);
  --link:light-dark(#ff3366,#ff5e7e);
  --quote-edge:light-dark(#b3e6ff,#004d6e);
  --quote-text:light-dark(#1d6278,#00e4cf);
  --field:light-dark(#fdfeff,#00293a);
  --control:light-dark(rgb(0 77 102 / 0.055),rgb(0 255 229 / 0.055));
  --control-hover:light-dark(rgb(0 77 102 / 0.1),rgb(0 255 229 / 0.1));
  --hover:light-dark(rgb(0 77 102 / 0.05),rgb(0 255 229 / 0.05));
  --clear-ring:light-dark(#84adba,#00837f);
  --day-off:light-dark(rgb(0 77 102 / 0.08),rgb(0 255 229 / 0.08));
  --day-on:light-dark(#ff3366,#00ffe5);
}
:root[data-palette="reveal-redux"]{
  --bg:light-dark(#fefcfb,#091129);
  --bubble:light-dark(#ebfaff,#033c50);
  --text:light-dark(#091129,#fefcfb);
  --meta:light-dark(#777b88,#90929d);
  --name:light-dark(#f971ae,#9d0c57);
  --sep:light-dark(rgb(9 17 41 / 0.1),rgb(254 252 251 / 0.1));
  --glass:light-dark(rgb(242 251 254 / 0.8),rgb(5 45 66 / 0.8));
  --glass-edge:light-dark(#f72685,#ec0a6f);
  --accent:light-dark(#0077cc,#339ff4);
  --link:light-dark(#0077cc,#339ff4);
  --quote-edge:light-dark(#f72685,#ec0a6f);
  --quote-text:light-dark(#262d42,#e1e0e2);
  --field:light-dark(#eefafe,#04364a);
  --control:light-dark(rgb(9 17 41 / 0.055),rgb(254 252 251 / 0.055));
  --control-hover:light-dark(rgb(9 17 41 / 0.1),rgb(254 252 251 / 0.1));
  --hover:light-dark(rgb(9 17 41 / 0.05),rgb(254 252 251 / 0.05));
  --clear-ring:light-dark(#90929d,#777b88);
  --day-off:light-dark(rgb(9 17 41 / 0.08),rgb(254 252 251 / 0.08));
  --day-on:light-dark(#0077cc,#339ff4);
}
:root[data-palette="snazzy"]{
  --bg:light-dark(#fafafa,#282a36);
  --bubble:light-dark(#ffffff,#34353e);
  --text:light-dark(#5e5e5e,#eff0eb);
  --meta:light-dark(#a4a4a4,#95979a);
  --name:light-dark(#72737b,#72a9b8);
  --sep:light-dark(rgb(94 94 94 / 0.1),rgb(239 240 235 / 0.1));
  --glass:light-dark(rgb(253 253 253 / 0.8),rgb(48 49 59 / 0.8));
  --glass-edge:light-dark(#e5e5e6,#57c7ff);
  --accent:light-dark(#ff5c57,#ff6ac1);
  --link:light-dark(#ff5c57,#ff6ac1);
  --quote-edge:light-dark(#e5e5e6,#57c7ff);
  --quote-text:light-dark(#717171,#d7d8d5);
  --field:light-dark(#fefefe,#32333d);
  --control:light-dark(rgb(94 94 94 / 0.055),rgb(239 240 235 / 0.055));
  --control-hover:light-dark(rgb(94 94 94 / 0.1),rgb(239 240 235 / 0.1));
  --hover:light-dark(rgb(94 94 94 / 0.05),rgb(239 240 235 / 0.05));
  --clear-ring:light-dark(#b4b4b4,#828387);
  --day-off:light-dark(rgb(94 94 94 / 0.08),rgb(239 240 235 / 0.08));
  --day-on:light-dark(#ff5c57,#ff6ac1);
}
:root[data-palette="solar-pop"]{
  --bg:light-dark(#FFF8ED,#1D1611);
  --bubble:light-dark(#FFFFFF,#271B14);
  --text:light-dark(#3B2A1B,#FFF3D9);
  --meta:light-dark(#93877a,#99907f);
  --name:light-dark(#d19153,#b07f38);
  --sep:light-dark(rgb(59 42 27 / 0.1),rgb(255 243 217 / 0.1));
  --glass:light-dark(rgb(255 253 249 / 0.8),rgb(36 25 19 / 0.8));
  --glass-edge:light-dark(#F2D3AA,#3B281B);
  --accent:light-dark(#FFD36B,#FFD36B);
  --link:light-dark(#E98900,#FFD36B);
  --quote-edge:light-dark(#F2D3AA,#3B281B);
  --quote-text:light-dark(#534334,#e4d8c1);
  --field:light-dark(#fffefc,#261a14);
  --control:light-dark(rgb(59 42 27 / 0.055),rgb(255 243 217 / 0.055));
  --control-hover:light-dark(rgb(59 42 27 / 0.1),rgb(255 243 217 / 0.1));
  --hover:light-dark(rgb(59 42 27 / 0.05),rgb(255 243 217 / 0.05));
  --clear-ring:light-dark(#a79b8f,#83796b);
  --day-off:light-dark(rgb(59 42 27 / 0.08),rgb(255 243 217 / 0.08));
  --day-on:light-dark(#FFD36B,#FFD36B);
}
:root[data-palette="stock"]{
  --bg:light-dark(#ffffff,#121212);
  --bubble:light-dark(#f8f9fa,#1e1e1e);
  --text:light-dark(#333333,#d4d4d4);
  --meta:light-dark(#8f8f8f,#7d7d7d);
  --name:light-dark(#595959,#acacac);
  --sep:light-dark(rgb(51 51 51 / 0.1),rgb(212 212 212 / 0.1));
  --glass:light-dark(rgb(250 251 252 / 0.8),rgb(26 26 26 / 0.8));
  --glass-edge:light-dark(#e0e0e0,#333333);
  --accent:light-dark(#4A90E2,#89CFF0);
  --link:light-dark(#4A90E2,#89CFF0);
  --quote-edge:light-dark(#e0e0e0,#333333);
  --quote-text:light-dark(#4b4b4b,#bdbdbd);
  --field:light-dark(#f9fafb,#1c1c1c);
  --control:light-dark(rgb(51 51 51 / 0.055),rgb(212 212 212 / 0.055));
  --control-hover:light-dark(rgb(51 51 51 / 0.1),rgb(212 212 212 / 0.1));
  --hover:light-dark(rgb(51 51 51 / 0.05),rgb(212 212 212 / 0.05));
  --clear-ring:light-dark(#a3a3a3,#696969);
  --day-off:light-dark(rgb(51 51 51 / 0.08),rgb(212 212 212 / 0.08));
  --day-on:light-dark(#4A90E2,#89CFF0);
}
:root[data-palette="sunset"]{
  --bg:light-dark(#fff9e6,#2e001f);
  --bubble:light-dark(#ffffff,#45002e);
  --text:light-dark(#993300,#ffbd59);
  --meta:light-dark(#c78c68,#a1683f);
  --name:light-dark(#ef9351,#b63d0b);
  --sep:light-dark(rgb(153 51 0 / 0.1),rgb(255 189 89 / 0.1));
  --glass:light-dark(rgb(255 253 246 / 0.8),rgb(61 0 41 / 0.8));
  --glass-edge:light-dark(#ffcc99,#70004b);
  --accent:light-dark(#cc0066,#ffbd59);
  --link:light-dark(#cc0066,#ff66c4);
  --quote-edge:light-dark(#ffcc99,#70004b);
  --quote-text:light-dark(#a54b1c,#e6a652);
  --field:light-dark(#fffefb,#42002c);
  --control:light-dark(rgb(153 51 0 / 0.055),rgb(255 189 89 / 0.055));
  --control-hover:light-dark(rgb(153 51 0 / 0.1),rgb(255 189 89 / 0.1));
  --hover:light-dark(rgb(153 51 0 / 0.05),rgb(255 189 89 / 0.05));
  --clear-ring:light-dark(#d1a07f,#8c5539);
  --day-off:light-dark(rgb(153 51 0 / 0.08),rgb(255 189 89 / 0.08));
  --day-on:light-dark(#cc0066,#ffbd59);
}
:root[data-palette="tideglass"]{
  --bg:light-dark(#F2F7FA,#141B24);
  --bubble:light-dark(#FFFFFF,#1E2733);
  --text:light-dark(#1B2A36,#D7E6F0);
  --meta:light-dark(#7c868e,#7f8b94);
  --name:light-dark(#738781,#749b8f);
  --sep:light-dark(rgb(27 42 54 / 0.1),rgb(215 230 240 / 0.1));
  --glass:light-dark(rgb(250 252 253 / 0.8),rgb(27 35 46 / 0.8));
  --glass-edge:light-dark(#C7D6DF,#2F4452);
  --accent:light-dark(#65A082,#65A082);
  --link:light-dark(#3B6B59,#65A082);
  --quote-edge:light-dark(#C7D6DF,#2F4452);
  --quote-text:light-dark(#35434e,#c0ced8);
  --field:light-dark(#fdfefe,#1d2531);
  --control:light-dark(rgb(27 42 54 / 0.055),rgb(215 230 240 / 0.055));
  --control-hover:light-dark(rgb(27 42 54 / 0.1),rgb(215 230 240 / 0.1));
  --hover:light-dark(rgb(27 42 54 / 0.05),rgb(215 230 240 / 0.05));
  --clear-ring:light-dark(#919ba2,#6c7680);
  --day-off:light-dark(rgb(27 42 54 / 0.08),rgb(215 230 240 / 0.08));
  --day-on:light-dark(#65A082,#65A082);
}
:root[data-palette="vice"]{
  --bg:light-dark(#ffffff,#100b29);
  --bubble:light-dark(#fdf2f9,#1b123d);
  --text:light-dark(#8b006d,#ff7df9);
  --meta:light-dark(#bf73af,#934a9b);
  --name:light-dark(#ff59ac,#a58a39);
  --sep:light-dark(rgb(139 0 109 / 0.1),rgb(255 125 249 / 0.1));
  --glass:light-dark(rgb(254 247 251 / 0.8),rgb(23 16 54 / 0.8));
  --glass-edge:light-dark(#ff9ee3,#ff7df9);
  --accent:light-dark(#00a8cc,#23d1fa);
  --link:light-dark(#00a8cc,#23d1fa);
  --quote-edge:light-dark(#ff9ee3,#ff7df9);
  --quote-text:light-dark(#991f7f,#e26fe0);
  --field:light-dark(#fdf4fa,#19113a);
  --control:light-dark(rgb(139 0 109 / 0.055),rgb(255 125 249 / 0.055));
  --control-hover:light-dark(rgb(139 0 109 / 0.1),rgb(255 125 249 / 0.1));
  --hover:light-dark(rgb(139 0 109 / 0.05),rgb(255 125 249 / 0.05));
  --clear-ring:light-dark(#cb8cbd,#7c3e87);
  --day-off:light-dark(rgb(139 0 109 / 0.08),rgb(255 125 249 / 0.08));
  --day-on:light-dark(#00a8cc,#23d1fa);
}
:root[data-palette="winter-is-coming"]{
  --bg:light-dark(#ffffff,#011627);
  --bubble:light-dark(#f3f3f3,#0b2942);
  --text:light-dark(#235e9a,#a599e9);
  --meta:light-dark(#86a6c7,#5b5e92);
  --name:light-dark(#5c85c9,#52a0b3);
  --sep:light-dark(rgb(35 94 154 / 0.1),rgb(165 153 233 / 0.1));
  --glass:light-dark(rgb(247 247 247 / 0.8),rgb(8 34 57 / 0.8));
  --glass-edge:light-dark(#dcdcdc,#1d3b53);
  --accent:light-dark(#005cc5,#7eebff);
  --link:light-dark(#005cc5,#5f7e97);
  --quote-edge:light-dark(#dcdcdc,#1d3b53);
  --quote-text:light-dark(#3d71a6,#9189d2);
  --field:light-dark(#f5f5f5,#0a263e);
  --control:light-dark(rgb(35 94 154 / 0.055),rgb(165 153 233 / 0.055));
  --control-hover:light-dark(rgb(35 94 154 / 0.1),rgb(165 153 233 / 0.1));
  --hover:light-dark(rgb(35 94 154 / 0.05),rgb(165 153 233 / 0.05));
  --clear-ring:light-dark(#9cb7d2,#4b517e);
  --day-off:light-dark(rgb(35 94 154 / 0.08),rgb(165 153 233 / 0.08));
  --day-on:light-dark(#005cc5,#7eebff);
}
:root[data-palette="yolo-flux"]{
  --bg:light-dark(#dee1f7,#060823);
  --bubble:light-dark(#ebefff,#251359);
  --text:light-dark(#060823,#cacef7);
  --meta:light-dark(#676a82,#727598);
  --name:light-dark(#587afc,#a41a52);
  --sep:light-dark(rgb(6 8 35 / 0.1),rgb(202 206 247 / 0.1));
  --glass:light-dark(rgb(230 234 252 / 0.8),rgb(26 15 70 / 0.8));
  --glass-edge:light-dark(#bf3efd,#bf3efd);
  --accent:light-dark(#00ce35,#4ffa7b);
  --link:light-dark(#00ce35,#4ffa7b);
  --quote-edge:light-dark(#bf3efd,#bf3efd);
  --quote-text:light-dark(#20223c,#b2b6de);
  --field:light-dark(#e9edfe,#201151);
  --control:light-dark(rgb(6 8 35 / 0.055),rgb(202 206 247 / 0.055));
  --control-hover:light-dark(rgb(6 8 35 / 0.1),rgb(202 206 247 / 0.1));
  --hover:light-dark(rgb(6 8 35 / 0.05),rgb(202 206 247 / 0.05));
  --clear-ring:light-dark(#7d7f98,#5e6182);
  --day-off:light-dark(rgb(6 8 35 / 0.08),rgb(202 206 247 / 0.08));
  --day-on:light-dark(#00ce35,#4ffa7b);
}
:root[data-palette="material-gray"]{
  --bg:light-dark(#FAFAFA,#212121);
  --bubble:light-dark(#ffffff,#424242);
  --text:light-dark(#212121,#FAFAFA);
  --meta:light-dark(#838383,#989898);
  --name:light-dark(#828282,#ababab);
  --sep:light-dark(rgb(33 33 33 / 0.1),rgb(250 250 250 / 0.1));
  --glass:light-dark(rgb(253 253 253 / 0.8),rgb(54 54 54 / 0.8));
  --glass-edge:light-dark(#F5F5F5,#616161);
  --accent:light-dark(#9E9E9E,#E0E0E0);
  --link:light-dark(#616161,#EEEEEE);
  --quote-edge:light-dark(#F5F5F5,#616161);
  --quote-text:light-dark(#3b3b3b,#e0e0e0);
  --field:light-dark(#fefefe,#3d3d3d);
  --control:light-dark(rgb(33 33 33 / 0.055),rgb(250 250 250 / 0.055));
  --control-hover:light-dark(rgb(33 33 33 / 0.1),rgb(250 250 250 / 0.1));
  --hover:light-dark(rgb(33 33 33 / 0.05),rgb(250 250 250 / 0.05));
  --clear-ring:light-dark(#989898,#838383);
  --day-off:light-dark(rgb(33 33 33 / 0.08),rgb(250 250 250 / 0.08));
  --day-on:light-dark(#9E9E9E,#E0E0E0);
}
:root[data-palette="material-blue-gray"]{
  --bg:light-dark(#ECEFF1,#263238);
  --bubble:light-dark(#ffffff,#37474F);
  --text:light-dark(#263238,#ECEFF1);
  --meta:light-dark(#7f878b,#939a9e);
  --name:light-dark(#768288,#949ea3);
  --sep:light-dark(rgb(38 50 56 / 0.1),rgb(236 239 241 / 0.1));
  --glass:light-dark(rgb(248 249 250 / 0.8),rgb(49 64 71 / 0.8));
  --glass-edge:light-dark(#CFD8DC,#455A64);
  --accent:light-dark(#607D8B,#90A4AE);
  --link:light-dark(#455A64,#B0BEC5);
  --quote-edge:light-dark(#CFD8DC,#455A64);
  --quote-text:light-dark(#3e494e,#d4d8db);
  --field:light-dark(#fcfdfd,#34444c);
  --control:light-dark(rgb(38 50 56 / 0.055),rgb(236 239 241 / 0.055));
  --control-hover:light-dark(rgb(38 50 56 / 0.1),rgb(236 239 241 / 0.1));
  --hover:light-dark(rgb(38 50 56 / 0.05),rgb(236 239 241 / 0.05));
  --clear-ring:light-dark(#939a9e,#7f878b);
  --day-off:light-dark(rgb(38 50 56 / 0.08),rgb(236 239 241 / 0.08));
  --day-on:light-dark(#607D8B,#90A4AE);
}
:root[data-palette="material-light-blue"]{
  --bg:light-dark(#E1F5FE,#01579B);
  --bubble:light-dark(#ffffff,#0277BD);
  --text:light-dark(#01579B,#E1F5FE);
  --meta:light-dark(#669ec8,#7caed1);
  --name:light-dark(#50a3d4,#75b3da);
  --sep:light-dark(rgb(1 87 155 / 0.1),rgb(225 245 254 / 0.1));
  --glass:light-dark(rgb(245 252 255 / 0.8),rgb(2 108 177 / 0.8));
  --glass-edge:light-dark(#B3E5FC,#0288D1);
  --accent:light-dark(#03A9F4,#4FC3F7);
  --link:light-dark(#0288D1,#80D8FF);
  --quote-edge:light-dark(#B3E5FC,#0288D1);
  --quote-text:light-dark(#1c6aa7,#c6e2f2);
  --field:light-dark(#fbfeff,#0272b8);
  --control:light-dark(rgb(1 87 155 / 0.055),rgb(225 245 254 / 0.055));
  --control-hover:light-dark(rgb(1 87 155 / 0.1),rgb(225 245 254 / 0.1));
  --hover:light-dark(rgb(1 87 155 / 0.05),rgb(225 245 254 / 0.05));
  --clear-ring:light-dark(#7caed1,#669ec8);
  --day-off:light-dark(rgb(1 87 155 / 0.08),rgb(225 245 254 / 0.08));
  --day-on:light-dark(#03A9F4,#4FC3F7);
}