diff --git a/dist/dark-legacy.standalone.css b/dist/dark-legacy.standalone.css
new file mode 100755
index 0000000..7ba5906
--- /dev/null
+++ b/dist/dark-legacy.standalone.css
@@ -0,0 +1,495 @@
+/**
+ * Standalone dark-themed version for legacy browsers.
+ * Includes dark variables and core, compiled at build time so the final output
+ * will only include regular CSS, no variables.
+ */
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: #dbdbdb;
+  background: #202b38;
+
+  text-rendering: optimizeLegibility;
+}
+
+button {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+input {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+textarea {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1 {
+  color: #ffffff;
+}
+
+h2 {
+  color: #ffffff;
+}
+
+h3 {
+  color: #ffffff;
+}
+
+h4 {
+  color: #ffffff;
+}
+
+h5 {
+  color: #ffffff;
+}
+
+h6 {
+  color: #ffffff;
+}
+
+strong {
+  color: #ffffff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote{
+  border-left: 4px solid #0096bfab;
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+q{
+  border-left: 4px solid #0096bfab;
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: #efdb43;
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input {
+  color: #ffffff;
+  background-color: #161f27;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+button {
+  color: #ffffff;
+  background-color: #161f27;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+textarea {
+  color: #ffffff;
+  background-color: #161f27;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover {
+  background: #324759;
+}
+
+input[type='submit']:hover {
+  background: #324759;
+}
+
+input[type='button']:hover {
+  background: #324759;
+}
+
+input:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+select:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+button:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+textarea:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: #a9a9a9;
+}
+
+:-ms-input-placeholder {
+  color: #a9a9a9;
+}
+
+::-ms-input-placeholder {
+  color: #a9a9a9;
+}
+
+::placeholder {
+  color: #a9a9a9;
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: #161f27;
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: #161f27;
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: #161f27;
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: #161f27;
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: #161f27;
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: #161f27;
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: #161f27;
+}
+
+a {
+  text-decoration: none;
+  color: #41adff;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code {
+  background:  #161f27;
+  color: #ffbe85;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+samp {
+  background:  #161f27;
+  color: #ffbe85;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+time {
+  background:  #161f27;
+  color: #ffbe85;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: #d941e2;
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: #161f27;
+  border: 1px solid #dbdbdb;
+  border-radius: 2px;
+  color: #dbdbdb;
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid #dbdbdb;
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid #dbdbdb;
+}
+
+tbody tr:nth-child(even) {
+  background-color: #1a242f;
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: #161f27;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #324759;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(65, 92, 115);
+}
+
+::-moz-selection {
+  background-color: #161f27;
+}
+
+::selection {
+  background-color: #161f27;
+}
+
+/*# sourceMappingURL=dark-legacy.standalone.css.map */
diff --git a/dist/dark-legacy.standalone.css.map b/dist/dark-legacy.standalone.css.map
new file mode 100644
index 0000000..96cbb93
--- /dev/null
+++ b/dist/dark-legacy.standalone.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dark-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark-legacy.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version for legacy browsers.\n * Includes dark variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark-legacy.standalone.min.css b/dist/dark-legacy.standalone.min.css
new file mode 100755
index 0000000..cedfb0d
--- /dev/null
+++ b/dist/dark-legacy.standalone.min.css
@@ -0,0 +1,2 @@
+body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#efdb43;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,samp,time{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;font-style:normal;font-family:monospace}kbd{background:#161f27;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#1a242f}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27}
+/*# sourceMappingURL=dark-legacy.standalone.min.css.map */
diff --git a/dist/dark-legacy.standalone.min.css.map b/dist/dark-legacy.standalone.min.css.map
new file mode 100644
index 0000000..4567442
--- /dev/null
+++ b/dist/dark-legacy.standalone.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,kBAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,aAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"dark-legacy.standalone.min.css","sourcesContent":["body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.css b/dist/dark.css
new file mode 100644
index 0000000..b6cc0e3
--- /dev/null
+++ b/dist/dark.css
@@ -0,0 +1,454 @@
+/**
+ * Dark-themed version:
+ * uses dark theme by default but switches to light theme
+ * if a system-wide theme preference is set on the user's device.
+ *
+ * Variables will remain uncompiled so the theme can update dynamically
+ * at runtime in the browser.
+ */
+
+:root {
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
+
+  --selection: #161f27;
+
+  --text-main: #dbdbdb;
+  --text-bright: #ffffff;
+
+  --links: #41adff;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #ffbe85;
+
+  --animation-duration: 0.1s;
+  --button-hover: #324759;
+
+  --scrollbar-thumb: var(--button-hover);
+  --scrollbar-thumb-hover: rgb(65, 92, 115);
+
+  --form-placeholder: #a9a9a9;
+  --form-text: #ffffff;
+
+  --variable: #d941e2;
+  --highlight: #efdb43;
+}
+
+@media (prefers-color-scheme: light) {
+:root {
+  --background-body: #ffffff;
+  --background: #efefef;
+  --background-alt: #f7f7f7;
+
+  --selection: #9e9e9e;
+
+  --text-main: #363636;
+  --text-bright: #000000;
+
+  --links: #0076d1;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #000000;
+
+  --animation-duration: 0.1s;
+  --button-hover: #dddddd;
+
+  --scrollbar-thumb: rgb(44, 63, 79);
+  --scrollbar-thumb-hover: rgb(32, 45, 56);
+
+  --form-placeholder: #949494;
+  --form-text: #000000;
+
+  --variable: #39a33c;
+  --highlight: #ffff00;
+}
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: var(--text-main);
+  background: var(--background-body);
+
+  text-rendering: optimizeLegibility;
+}
+
+button, input, textarea {
+  transition: background-color var(--animation-duration) linear,
+              border-color var(--animation-duration) linear,
+              color var(--animation-duration) linear,
+              box-shadow var(--animation-duration) linear,
+              transform var(--animation-duration) ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote , q{
+  border-left: 4px solid var(--focus);
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: var(--highlight);
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea {
+  color: var(--form-text);
+  background-color: var(--background);
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover,
+input[type='submit']:hover,
+input[type='button']:hover {
+  background: var(--button-hover);
+}
+
+input:focus,
+select:focus,
+button:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: var(--background);
+}
+
+a {
+  text-decoration: none;
+  color: var(--links);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code, samp, time {
+  background:  var(--background);
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: var(--text-main);
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid var(--border);
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+  background-color: var(--background-alt);
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+  background-color: var(--selection);
+}
+
+::selection {
+  background-color: var(--selection);
+}
+
+/*# sourceMappingURL=dark.css.map */
diff --git a/dist/dark.css.map b/dist/dark.css.map
new file mode 100644
index 0000000..0a359a0
--- /dev/null
+++ b/dist/dark.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dark.css","../variables-dark.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.css","sourcesContent":["/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.min.css b/dist/dark.min.css
new file mode 100644
index 0000000..8052a56
--- /dev/null
+++ b/dist/dark.min.css
@@ -0,0 +1,2 @@
+:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#2c3f4f;--scrollbar-thumb-hover:#202d38;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)}
+/*# sourceMappingURL=dark.min.css.map */
diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map
new file mode 100644
index 0000000..d2fe0ca
--- /dev/null
+++ b/dist/dark.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.min.css","sourcesContent":[":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","/**\n * Dark-themed version:\n * uses dark theme by default but switches to light theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-dark.css';\n@import '../variables-light.css' (prefers-color-scheme: light);\n\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.standalone.css b/dist/dark.standalone.css
new file mode 100755
index 0000000..a17bc39
--- /dev/null
+++ b/dist/dark.standalone.css
@@ -0,0 +1,421 @@
+/**
+ * Standalone dark-themed version.
+ * Includes dark variables and core, left as CSS variables
+ * so the theming can be adjusted at runtime.
+ */
+
+:root {
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
+
+  --selection: #161f27;
+
+  --text-main: #dbdbdb;
+  --text-bright: #ffffff;
+
+  --links: #41adff;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #ffbe85;
+
+  --animation-duration: 0.1s;
+  --button-hover: #324759;
+
+  --scrollbar-thumb: var(--button-hover);
+  --scrollbar-thumb-hover: rgb(65, 92, 115);
+
+  --form-placeholder: #a9a9a9;
+  --form-text: #ffffff;
+
+  --variable: #d941e2;
+  --highlight: #efdb43;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: var(--text-main);
+  background: var(--background-body);
+
+  text-rendering: optimizeLegibility;
+}
+
+button, input, textarea {
+  transition: background-color var(--animation-duration) linear,
+              border-color var(--animation-duration) linear,
+              color var(--animation-duration) linear,
+              box-shadow var(--animation-duration) linear,
+              transform var(--animation-duration) ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote , q{
+  border-left: 4px solid var(--focus);
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: var(--highlight);
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea {
+  color: var(--form-text);
+  background-color: var(--background);
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover,
+input[type='submit']:hover,
+input[type='button']:hover {
+  background: var(--button-hover);
+}
+
+input:focus,
+select:focus,
+button:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: var(--background);
+}
+
+a {
+  text-decoration: none;
+  color: var(--links);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code, samp, time {
+  background:  var(--background);
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: var(--text-main);
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid var(--border);
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+  background-color: var(--background-alt);
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+  background-color: var(--selection);
+}
+
+::selection {
+  background-color: var(--selection);
+}
+
+/*# sourceMappingURL=dark.standalone.css.map */
diff --git a/dist/dark.standalone.css.map b/dist/dark.standalone.css.map
new file mode 100644
index 0000000..5462732
--- /dev/null
+++ b/dist/dark.standalone.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dark.standalone.css","../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA;;;;EAIE;;ACJF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;;EAEtB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;AACtB;;AC1BA;EACE,yKAAyK;EACzK,gBAAgB;;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;;EAEf,uBAAuB;EACvB,kCAAkC;;EAElC,kCAAkC;AACpC;;AAEA;EACE;;;;sDAIoD;AACtD;;ACpBA;EACE,gBAAgB;EAChB,aAAa;AACf;;AAEA;;;;;;EAME,mBAAmB;AACrB;;AAEA;;;;;;;EAOE,yBAAyB;AAC3B;;AAEA;;;;;;;;;EASE,gBAAgB;AAClB;;AAEA;GACG,aAAa;AAChB;;AAEA;GACG,aAAa;AAChB;;AAEA;EACE,mCAAmC;EACnC,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;EAClB,wBAAwB;EACxB,cAAc;AAChB;;ACjFA;;;;;EAKE,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;EAGE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;;EAKE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;;;;;EAME,0BAA0B;AAC5B;;AAEA;;;;EAIE,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;AAFA;EACE,8BAA8B;AAChC;;ACrFA;EACE,cAAc;EACd,eAAe;EACf,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,wBAAwB;EACxB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,oDAAoD;EACpD,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,aAAa;EACb,uBAAuB;EACvB,yBAAyB;EACzB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,oDAAoD;AACtD;;AAEA;EACE,oDAAoD;EACpD,yBAAyB;EACzB,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B;;ACtFA;EACE,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;AAC5B;;ACPA;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,uBAAuB;EACvB,wBAAwB;AAC1B;;AC1BA;EACE,eAAe;EACf,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;AACb;;AAEA;;EAEE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,kCAAkC;AACpC;;AAFA;EACE,kCAAkC;AACpC","file":"dark.standalone.css","sourcesContent":["/**\n * Standalone dark-themed version.\n * Includes dark variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-dark.css';\n@import '../parts/_core.css';\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/dark.standalone.min.css b/dist/dark.standalone.min.css
new file mode 100755
index 0000000..4128e47
--- /dev/null
+++ b/dist/dark.standalone.min.css
@@ -0,0 +1,2 @@
+:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#415c73;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)}
+/*# sourceMappingURL=dark.standalone.min.css.map */
diff --git a/dist/dark.standalone.min.css.map b/dist/dark.standalone.min.css.map
new file mode 100644
index 0000000..866c75e
--- /dev/null
+++ b/dist/dark.standalone.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../variables-dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"dark.standalone.min.css","sourcesContent":[":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.standalone.css b/dist/light-legacy.standalone.css
new file mode 100755
index 0000000..b3c47f4
--- /dev/null
+++ b/dist/light-legacy.standalone.css
@@ -0,0 +1,495 @@
+/**
+ * Standalone light-themed version for legacy browsers.
+ * Includes light variables and core, compiled at build time so the final output
+ * will only include regular CSS, no variables.
+ */
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: #363636;
+  background: #ffffff;
+
+  text-rendering: optimizeLegibility;
+}
+
+button {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+input {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+textarea {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear,
+              transform 0.1s ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1 {
+  color: #000000;
+}
+
+h2 {
+  color: #000000;
+}
+
+h3 {
+  color: #000000;
+}
+
+h4 {
+  color: #000000;
+}
+
+h5 {
+  color: #000000;
+}
+
+h6 {
+  color: #000000;
+}
+
+strong {
+  color: #000000;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote{
+  border-left: 4px solid #0096bfab;
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+q{
+  border-left: 4px solid #0096bfab;
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: #ffff00;
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input {
+  color: #000000;
+  background-color: #efefef;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+button {
+  color: #000000;
+  background-color: #efefef;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+textarea {
+  color: #000000;
+  background-color: #efefef;
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover {
+  background: #dddddd;
+}
+
+input[type='submit']:hover {
+  background: #dddddd;
+}
+
+input[type='button']:hover {
+  background: #dddddd;
+}
+
+input:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+select:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+button:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+textarea:focus {
+  box-shadow: 0 0 0 2px #0096bfab;
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: #949494;
+}
+
+:-ms-input-placeholder {
+  color: #949494;
+}
+
+::-ms-input-placeholder {
+  color: #949494;
+}
+
+::placeholder {
+  color: #949494;
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: #efefef;
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: #efefef;
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: #efefef;
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: #efefef;
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: #efefef;
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: #dbdbdb;
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: #efefef;
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: #efefef;
+}
+
+a {
+  text-decoration: none;
+  color: #0076d1;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code {
+  background:  #efefef;
+  color: #000000;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+samp {
+  background:  #efefef;
+  color: #000000;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+time {
+  background:  #efefef;
+  color: #000000;
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: #39a33c;
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: #efefef;
+  border: 1px solid #dbdbdb;
+  border-radius: 2px;
+  color: #363636;
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid #dbdbdb;
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid #dbdbdb;
+}
+
+tbody tr:nth-child(even) {
+  background-color: #f7f7f7;
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: #efefef;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(213, 213, 213);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(196, 196, 196);
+}
+
+::-moz-selection {
+  background-color: #9e9e9e;
+}
+
+::selection {
+  background-color: #9e9e9e;
+}
+
+/*# sourceMappingURL=light-legacy.standalone.css.map */
diff --git a/dist/light-legacy.standalone.css.map b/dist/light-legacy.standalone.css.map
new file mode 100644
index 0000000..9004fe6
--- /dev/null
+++ b/dist/light-legacy.standalone.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["light-legacy.standalone.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light-legacy.standalone.css","sourcesContent":["/**\n * Standalone light-themed version for legacy browsers.\n * Includes light variables and core, compiled at build time so the final output\n * will only include regular CSS, no variables.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light-legacy.standalone.min.css b/dist/light-legacy.standalone.min.css
new file mode 100755
index 0000000..aa04c84
--- /dev/null
+++ b/dist/light-legacy.standalone.min.css
@@ -0,0 +1,2 @@
+body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,samp,time{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;font-style:normal;font-family:monospace}kbd{background:#efefef;border:1px solid #dbdbdb;border-radius:2px;color:#363636;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#f7f7f7}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e}
+/*# sourceMappingURL=light-legacy.standalone.min.css.map */
diff --git a/dist/light-legacy.standalone.min.css.map b/dist/light-legacy.standalone.min.css.map
new file mode 100644
index 0000000..c021eeb
--- /dev/null
+++ b/dist/light-legacy.standalone.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aAAuB,CACvB,eAAkC,CAElC,iCACF,CAEA,sBACE,wHAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,UACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,yCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,qBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,sFAKE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,eACF,CAEA,qDAIE,wCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CCrFA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,kBACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,kBAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,kBAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBACF,CAMA,gFACE,kBACF,CCtFA,EACE,oBAAqB,CACrB,aACF,CAEA,QACE,yBACF,CCPA,eACE,kBAA8B,CAC9B,UAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,aAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,kBAA6B,CAC7B,wBAA+B,CAC/B,iBAAkB,CAClB,aAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GAEE,WAAmC,CAAnC,4BACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,+BACF,CAEA,uBACE,wBACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,kBAA6B,CAC7B,iBACF,CAEA,0BACE,kBAAkC,CAClC,iBACF,CAEA,gCACE,kBACF,CAEA,iBACE,wBACF,CAFA,YACE,wBACF","file":"light-legacy.standalone.min.css","sourcesContent":["body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.css b/dist/light.css
new file mode 100644
index 0000000..d8d892d
--- /dev/null
+++ b/dist/light.css
@@ -0,0 +1,453 @@
+/**
+ * Light-themed version:
+ * uses light theme by default but switches to dark theme
+ * if a system-wide theme preference is set on the user's device.
+ *
+ * Variables will remain uncompiled so the theme can update dynamically
+ * at runtime in the browser.
+ */
+
+:root {
+  --background-body: #ffffff;
+  --background: #efefef;
+  --background-alt: #f7f7f7;
+
+  --selection: #9e9e9e;
+
+  --text-main: #363636;
+  --text-bright: #000000;
+
+  --links: #0076d1;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #000000;
+
+  --animation-duration: 0.1s;
+  --button-hover: #dddddd;
+
+  --scrollbar-thumb: rgb(213, 213, 213);
+  --scrollbar-thumb-hover: rgb(196, 196, 196);
+
+  --form-placeholder: #949494;
+  --form-text: #000000;
+
+  --variable: #39a33c;
+  --highlight: #ffff00;
+}
+
+@media (prefers-color-scheme: dark) {
+:root {
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
+
+  --selection: #161f27;
+
+  --text-main: #dbdbdb;
+  --text-bright: #ffffff;
+
+  --links: #41adff;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #ffbe85;
+
+  --animation-duration: 0.1s;
+  --button-hover: #324759;
+
+  --scrollbar-thumb: var(--button-hover);
+  --scrollbar-thumb-hover: rgb(20, 20, 20);
+
+  --form-placeholder: #a9a9a9;
+  --form-text: #ffffff;
+
+  --variable: #d941e2;
+  --highlight: #efdb43;
+}
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: var(--text-main);
+  background: var(--background-body);
+
+  text-rendering: optimizeLegibility;
+}
+
+button, input, textarea {
+  transition: background-color var(--animation-duration) linear,
+              border-color var(--animation-duration) linear,
+              color var(--animation-duration) linear,
+              box-shadow var(--animation-duration) linear,
+              transform var(--animation-duration) ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote , q{
+  border-left: 4px solid var(--focus);
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: var(--highlight);
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea {
+  color: var(--form-text);
+  background-color: var(--background);
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover,
+input[type='submit']:hover,
+input[type='button']:hover {
+  background: var(--button-hover);
+}
+
+input:focus,
+select:focus,
+button:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: var(--background);
+}
+
+a {
+  text-decoration: none;
+  color: var(--links);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code, samp, time {
+  background:  var(--background);
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: var(--text-main);
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid var(--border);
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+  background-color: var(--background-alt);
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+  background-color: var(--selection);
+}
+
+::selection {
+  background-color: var(--selection);
+}
+/*# sourceMappingURL=light.css.map */
diff --git a/dist/light.min.css b/dist/light.min.css
new file mode 100644
index 0000000..41f520f
--- /dev/null
+++ b/dist/light.min.css
@@ -0,0 +1,2 @@
+:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--links:#41adff;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#ffbe85;--animation-duration:0.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)}
+/*# sourceMappingURL=light.min.css.map */
diff --git a/dist/light.min.css.map b/dist/light.min.css.map
new file mode 100644
index 0000000..88845f1
--- /dev/null
+++ b/dist/light.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../variables-light.css","../variables-dark.css","light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.min.css","sourcesContent":[":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n",":root {\n  --background-body: #202b38;\n  --background: #161f27;\n  --background-alt: #1a242f;\n\n  --selection: #161f27;\n\n  --text-main: #dbdbdb;\n  --text-bright: #ffffff;\n\n  --links: #41adff;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #ffbe85;\n\n  --animation-duration: 0.1s;\n  --button-hover: #324759;\n\n  --scrollbar-thumb: var(--button-hover);\n  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\n\n  --form-placeholder: #a9a9a9;\n  --form-text: #ffffff;\n\n  --variable: #d941e2;\n  --highlight: #efdb43;\n}\n","/**\n * Light-themed version:\n * uses light theme by default but switches to dark theme\n * if a system-wide theme preference is set on the user's device.\n *\n * Variables will remain uncompiled so the theme can update dynamically\n * at runtime in the browser.\n */\n\n@import '../variables-light.css';\n@import '../variables-dark.css' (prefers-color-scheme: dark);\n\n\n@import '../parts/_core.css';","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.standalone.css b/dist/light.standalone.css
new file mode 100755
index 0000000..9ddbc49
--- /dev/null
+++ b/dist/light.standalone.css
@@ -0,0 +1,421 @@
+/**
+ * Standalone light-themed version.
+ * Includes light variables and core, left as CSS variables
+ * so the theming can be adjusted at runtime.
+ */
+
+:root {
+  --background-body: #ffffff;
+  --background: #efefef;
+  --background-alt: #f7f7f7;
+
+  --selection: #9e9e9e;
+
+  --text-main: #363636;
+  --text-bright: #000000;
+
+  --links: #0076d1;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #000000;
+
+  --animation-duration: 0.1s;
+  --button-hover: #dddddd;
+
+  --scrollbar-thumb: rgb(213, 213, 213);
+  --scrollbar-thumb-hover: rgb(196, 196, 196);
+
+  --form-placeholder: #949494;
+  --form-text: #000000;
+
+  --variable: #39a33c;
+  --highlight: #ffff00;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 0 10px;
+
+  color: var(--text-main);
+  background: var(--background-body);
+
+  text-rendering: optimizeLegibility;
+}
+
+button, input, textarea {
+  transition: background-color var(--animation-duration) linear,
+              border-color var(--animation-duration) linear,
+              color var(--animation-duration) linear,
+              box-shadow var(--animation-duration) linear,
+              transform var(--animation-duration) ease;
+}
+
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom: 12px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+  color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+  font-weight: 600;
+}
+
+q:before {
+   content: none;
+}
+
+q:after {
+   content: none;
+}
+
+blockquote , q{
+  border-left: 4px solid var(--focus);
+  margin: 1.5em 0em;
+  padding: 0.5em 1em;
+  font-style: italic;
+}
+
+blockquote > footer {
+  margin-top: 10px;
+  font-style: normal;
+}
+
+blockquote cite {
+  font-style: normal;
+}
+
+address {
+  font-style: normal;
+}
+
+a[href^='mailto']::before {
+  content: '📧 ';
+}
+
+a[href^='tel']::before {
+  content: '📞 ';
+}
+
+a[href^='sms']::before {
+  content: '💬 ';
+}
+
+mark {
+  background-color: var(--highlight);
+  border-radius: 2px;
+  padding: 0px 2px 0px 2px;
+  color: #000000;
+}
+
+button,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea {
+  color: var(--form-text);
+  background-color: var(--background);
+
+  font-family: inherit;
+  font-size: inherit;
+
+  margin-right: 6px;
+  margin-bottom: 6px;
+  padding: 10px;
+
+  border: none;
+  border-radius: 6px;
+  outline: none;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+button,
+input[type='submit'],
+input[type='button'] {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+button:hover,
+input[type='submit']:hover,
+input[type='button']:hover {
+  background: var(--button-hover);
+}
+
+input:focus,
+select:focus,
+button:focus,
+textarea:focus {
+  box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+  transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+::-webkit-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+input[type='range'] {
+  margin: 10px 0;
+  padding: 10px 0;
+  background: transparent;
+}
+
+input[type='range']:focus {
+  outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+  -webkit-appearance: none;
+  margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+  background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+  width: 100%;
+  height: 9.5px;
+  transition: 0.2s;
+  background: var(--background);
+  border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']::-ms-track {
+  width: 100%;
+  height: 9.5px;
+  background: transparent;
+  border-color: transparent;
+  border-width: 16px 0;
+  color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+  background: var(--background);
+  border: 0.2px solid #010101;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+  border: 1px solid #000000;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+  background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+  background: var(--background);
+}
+
+a {
+  text-decoration: none;
+  color: var(--links);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code, samp, time {
+  background:  var(--background);
+  color: var(--code);
+  padding: 2.5px 5px;
+  border-radius: 6px;
+  font-size: 1em;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}
+
+var {
+  color: var(--variable);
+  font-style: normal;
+  font-family: monospace;
+}
+
+kbd {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  color: var(--text-main);
+  padding: 2px 4px 2px 4px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid var(--border);
+}
+
+table {
+  border-collapse: collapse;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+td,
+th {
+  padding: 6px;
+  text-align: left;
+}
+
+th {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+  background-color: var(--background-alt);
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+  background-color: var(--selection);
+}
+
+::selection {
+  background-color: var(--selection);
+}
+
+/*# sourceMappingURL=light.standalone.css.map */
diff --git a/dist/light.standalone.css.map b/dist/light.standalone.css.map
new file mode 100644
index 0000000..b0d8e7a
--- /dev/null
+++ b/dist/light.standalone.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["light.standalone.css","../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.css","sourcesContent":["/**\n * Standalone light-themed version.\n * Includes light variables and core, left as CSS variables\n * so the theming can be adjusted at runtime.\n */\n\n@import '../variables-light.css';\n@import '../parts/_core.css';\n",":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/dist/light.standalone.min.css b/dist/light.standalone.min.css
new file mode 100755
index 0000000..c3a724b
--- /dev/null
+++ b/dist/light.standalone.min.css
@@ -0,0 +1,2 @@
+:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:var(--form-placeholder)}:-ms-input-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--background)}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)}
+/*# sourceMappingURL=light.standalone.min.css.map */
diff --git a/dist/light.standalone.min.css.map b/dist/light.standalone.min.css.map
new file mode 100644
index 0000000..7b79721
--- /dev/null
+++ b/dist/light.standalone.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../variables-light.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_range.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"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","file":"light.standalone.min.css","sourcesContent":[":root {\n  --background-body: #ffffff;\n  --background: #efefef;\n  --background-alt: #f7f7f7;\n\n  --selection: #9e9e9e;\n\n  --text-main: #363636;\n  --text-bright: #000000;\n\n  --links: #0076d1;\n  --focus: #0096bfab;\n  --border: #dbdbdb;\n  --code: #000000;\n\n  --animation-duration: 0.1s;\n  --button-hover: #dddddd;\n\n  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\n  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\n\n  --form-placeholder: #949494;\n  --form-text: #000000;\n\n  --variable: #39a33c;\n  --highlight: #ffff00;\n}\n","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n\n  max-width: 800px;\n  margin: 20px auto;\n  padding: 0 10px;\n\n  color: var(--text-main);\n  background: var(--background-body);\n\n  text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n  transition: background-color var(--animation-duration) linear,\n              border-color var(--animation-duration) linear,\n              color var(--animation-duration) linear,\n              box-shadow var(--animation-duration) linear,\n              transform var(--animation-duration) ease;\n}\n","h1 {\n  font-size: 2.2em;\n  margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  color: var(--text-bright);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n  font-weight: 600;\n}\n\nq:before {\n   content: none;\n}\n\nq:after {\n   content: none;\n}\n\nblockquote , q{\n  border-left: 4px solid var(--focus);\n  margin: 1.5em 0em;\n  padding: 0.5em 1em;\n  font-style: italic;\n}\n\nblockquote > footer {\n  margin-top: 10px;\n  font-style: normal;\n}\n\nblockquote cite {\n  font-style: normal;\n}\n\naddress {\n  font-style: normal;\n}\n\na[href^='mailto']::before {\n  content: '📧 ';\n}\n\na[href^='tel']::before {\n  content: '📞 ';\n}\n\na[href^='sms']::before {\n  content: '💬 ';\n}\n\nmark {\n  background-color: var(--highlight);\n  border-radius: 2px;\n  padding: 0px 2px 0px 2px;\n  color: #000000;\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea {\n  color: var(--form-text);\n  background-color: var(--background);\n\n  font-family: inherit;\n  font-size: inherit;\n\n  margin-right: 6px;\n  margin-bottom: 6px;\n  padding: 10px;\n\n  border: none;\n  border-radius: 6px;\n  outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\ninput[type='range'],\nselect,\nbutton,\ntextarea {\n  -webkit-appearance: none;\n}\n\ntextarea {\n  margin-right: 0;\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'] {\n  padding-right: 30px;\n  padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n  background: var(--button-hover);\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n  box-shadow: 0 0 0 2px var(--focus);\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\ninput[type='range']:active,\nbutton:active {\n  transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n::placeholder {\n  color: var(--form-placeholder);\n}\n","input[type='range'] {\n  margin: 10px 0;\n  padding: 10px 0;\n  background: transparent;\n}\n\ninput[type='range']:focus {\n  outline: none;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n  box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n  -webkit-appearance: none;\n  margin-top: -7px;\n}\n\ninput[type='range']:focus::-webkit-slider-runnable-track {\n  background: var(--background);\n}\n\ninput[type='range']::-moz-range-track {\n  width: 100%;\n  height: 9.5px;\n  transition: 0.2s;\n  background: var(--background);\n  border-radius: 3px;\n}\n\ninput[type='range']::-moz-range-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']::-ms-track {\n  width: 100%;\n  height: 9.5px;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput[type='range']::-ms-fill-lower {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-fill-upper {\n  background: var(--background);\n  border: 0.2px solid #010101;\n  border-radius: 3px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\n\ninput[type='range']::-ms-thumb {\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n  border: 1px solid #000000;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\ninput[type='range']:focus::-ms-fill-lower {\n  background: var(--background);\n}\n\ninput[type='range']:focus::-ms-fill-upper {\n  background: var(--background);\n}","a {\n  text-decoration: none;\n  color: var(--links);\n}\n\na:hover {\n  text-decoration: underline;\n}","code, samp, time {\n  background:  var(--background);\n  color: var(--code);\n  padding: 2.5px 5px;\n  border-radius: 6px;\n  font-size: 1em;\n}\n\npre > code {\n  padding: 10px;\n  display: block;\n  overflow-x: auto;\n}\n\nvar {\n  color: var(--variable);\n  font-style: normal;\n  font-family: monospace;\n}\n\nkbd {\n  background: var(--background);\n  border: 1px solid var(--border);\n  border-radius: 2px;\n  color: var(--text-main);\n  padding: 2px 4px 2px 4px;\n}","img {\n  max-width: 100%;\n  height: auto;\n}\n\nhr {\n  border: none;\n  border-top: 1px solid var(--border);\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 10px;\n  width: 100%;\n}\n\ntd,\nth {\n  padding: 6px;\n  text-align: left;\n}\n\nth {\n  border-bottom: 1px solid var(--border);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--background-alt);\n}\n\n::-webkit-scrollbar {\n  height: 10px;\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--background);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--scrollbar-thumb);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: var(--scrollbar-thumb-hover);\n}\n\n::selection {\n  background-color: var(--selection);\n}\n"]}
\ No newline at end of file
diff --git a/src/parts/_forms.css b/src/parts/_forms.css
index b6b7686..83dc23f 100644
--- a/src/parts/_forms.css
+++ b/src/parts/_forms.css
@@ -2,8 +2,7 @@ button, select,
 input[type='submit'],
 input[type='button'],
 input[type='checkbox'],
-input[type='range'],
-input[type='radio'] {
+input[type='range'] {
   cursor: pointer;
 }
 
@@ -31,7 +30,8 @@ select {
   outline: none;
 }
 
-input,
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
 select,
 button,
 textarea {
@@ -80,41 +80,6 @@ textarea:focus {
   box-shadow: 0 0 0 2px var(--focus);
 }
 
-input[type='checkbox'],
-input[type='radio'] {
-  position: relative;
-  width: 14px;
-  height: 14px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 0;
-  margin-right: 2px;
-}
-
-input[type='radio'] {
-  border-radius: 50%;
-}
-
-input[type='checkbox']:checked,
-input[type='radio']:checked {
-  background: var(--button-hover);
-}
-
-input[type='checkbox']:checked::before,
-input[type='radio']:checked::before {
-  content: '•';
-  display: block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%) translateY(-50%);
-}
-
-input[type='checkbox']:checked::before {
-  content: '✔';
-  transform: translateY(-50%) translateY(0.5px) translateX(-6px);
-}
-
 input[type='checkbox']:active,
 input[type='radio']:active,
 input[type='submit']:active,