From 7341679dd5c7c43cf568099d4c4441f5e4c11cbb Mon Sep 17 00:00:00 2001
From: Kognise <felix.mattick@gmail.com>
Date: Thu, 1 Oct 2020 13:42:13 -0400
Subject: [PATCH] dist/ -> out/

---
 .github/CONTRIBUTING.md                  |   5 +-
 .gitignore                               |   4 +-
 README.md                                |  10 +-
 accessibility.js                         |   2 +-
 bookmarklet/original.js                  |   2 +-
 dist/about-thjis-directory               |   5 +
 dist/dark-legacy.standalone.min.css      |   2 +
 dist/dark-legacy.standalone.min.css.map  |   1 +
 dist/dark.css                            | 573 +++++++++++++++++++++
 dist/dark.css.map                        |   1 +
 dist/dark.min.css                        |   2 +
 dist/dark.min.css.map                    |   1 +
 dist/dark.standalone.css                 | 537 +++++++++++++++++++
 dist/dark.standalone.css.map             |   1 +
 dist/dark.standalone.min.css             |   2 +
 dist/dark.standalone.min.css.map         |   1 +
 dist/light-legacy.standalone.css         | 626 +++++++++++++++++++++++
 dist/light-legacy.standalone.css.map     |   1 +
 dist/light-legacy.standalone.min.css     |   2 +
 dist/light-legacy.standalone.min.css.map |   1 +
 dist/light.css                           | 572 +++++++++++++++++++++
 dist/light.css.map                       |   1 +
 dist/light.min.css                       |   2 +
 dist/light.min.css.map                   |   1 +
 dist/light.standalone.css                | 537 +++++++++++++++++++
 dist/light.standalone.css.map            |   1 +
 dist/light.standalone.min.css            |   2 +
 dist/light.standalone.min.css.map        |   1 +
 docs/index.html                          |   8 +-
 gulpfile.js                              |   8 +-
 package.json                             |   2 +-
 31 files changed, 2894 insertions(+), 20 deletions(-)
 create mode 100644 dist/about-thjis-directory
 create mode 100755 dist/dark-legacy.standalone.min.css
 create mode 100644 dist/dark-legacy.standalone.min.css.map
 create mode 100644 dist/dark.css
 create mode 100644 dist/dark.css.map
 create mode 100644 dist/dark.min.css
 create mode 100644 dist/dark.min.css.map
 create mode 100755 dist/dark.standalone.css
 create mode 100644 dist/dark.standalone.css.map
 create mode 100755 dist/dark.standalone.min.css
 create mode 100644 dist/dark.standalone.min.css.map
 create mode 100755 dist/light-legacy.standalone.css
 create mode 100644 dist/light-legacy.standalone.css.map
 create mode 100755 dist/light-legacy.standalone.min.css
 create mode 100644 dist/light-legacy.standalone.min.css.map
 create mode 100644 dist/light.css
 create mode 100644 dist/light.css.map
 create mode 100644 dist/light.min.css
 create mode 100644 dist/light.min.css.map
 create mode 100755 dist/light.standalone.css
 create mode 100644 dist/light.standalone.css.map
 create mode 100755 dist/light.standalone.min.css
 create mode 100644 dist/light.standalone.min.css.map

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index f8b0a0d..8985ceb 100755
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -142,6 +142,7 @@ After your change has been reviewed and merged, you can celebrate as the newest
 
 ```
 .
+├── out
 ├── dist
 └── docs
     └── icons
@@ -151,7 +152,9 @@ After your change has been reviewed and merged, you can celebrate as the newest
     └── parts
 ```
 
-- **`dist`** is ignored by git – it contains built assets for distribution
+- **`out`** is ignored by git – it contains built assets for distribution
+
+- **`dist`** contains old assets, for backwards compatibility - ignore this
 
 - **`docs`** contains the documentation and demo page
 
diff --git a/.gitignore b/.gitignore
index 9e13901..4e2df8d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,3 @@
-dist/docs
-
 # Logs
 logs
 *.log
@@ -89,4 +87,4 @@ typings/
 .idea/
 
 # Output of yarn build
-dist/
\ No newline at end of file
+out/
\ No newline at end of file
diff --git a/README.md b/README.md
index 01e7e1e..75fc299 100644
--- a/README.md
+++ b/README.md
@@ -41,15 +41,15 @@ Just stick this in your `<head>`:
 
 ### 🌙/☀ Automatic Theme:
 
-`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/water.min.css">`
+`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css">`
 
 ### 🌙 Dark Theme:
 
-`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/dark.min.css">`
+`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css">`
 
 ### ☀ Light Theme:
 
-`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/light.min.css">`
+`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css">`
 
 <br>
 
@@ -108,7 +108,7 @@ Because of this, you can simply add your own stylesheet to the page and set your
 This short example will use Water.css, but color all links red:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/water.css@2/dist/water.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/water.css@2/out/water.min.css" />
 <style>
   :root {
     --links: red;
@@ -140,7 +140,7 @@ If you are targeting browsers without support for CSS Custom Properties such as
 - Run `yarn` to install dependencies
 - Make the theming changes you want in `src/variables-*.css`
 - Run `yarn build` to compile the CSS files
-- Use the compiled files in the `dist/` directory on your site
+- Use the compiled files in the `out/` directory on your site
 
 You also might want to check out the [Contributing Guide](https://github.com/kognise/water.css/tree/master/.github/CONTRIBUTING.md) as it contains further information about the build setup.
 
diff --git a/accessibility.js b/accessibility.js
index c4a2cd0..5fb3f8f 100644
--- a/accessibility.js
+++ b/accessibility.js
@@ -10,7 +10,7 @@ const check = async (browser, theme) => {
     { name: 'prefers-color-scheme', value: theme }
   ])
 
-  const results = await pa11y('./dist/docs/index.html', {
+  const results = await pa11y('./out/docs/index.html', {
     ignore: [
       'WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2' // Ignore "this form does not contain a submit button"
     ],
diff --git a/bookmarklet/original.js b/bookmarklet/original.js
index 989787c..99a5f0f 100644
--- a/bookmarklet/original.js
+++ b/bookmarklet/original.js
@@ -14,7 +14,7 @@ $$('*').forEach((el) => (el.style = ''))
 document.head.append(
   createElement('link', {
     rel: 'stylesheet',
-    href: '//cdn.jsdelivr.net/npm/water.css@2/dist/water.css'
+    href: 'https://cdn.jsdelivr.net/npm/water.css@2/out/water.css'
   }),
   !$$('meta[name="viewport"]').length && createElement('meta', {
     name: 'viewport',
diff --git a/dist/about-thjis-directory b/dist/about-thjis-directory
new file mode 100644
index 0000000..d5d6706
--- /dev/null
+++ b/dist/about-thjis-directory
@@ -0,0 +1,5 @@
+This dist/ directory is here to maintain backwards compatibility with sites that use the pre-2.0 version of Water.css.
+
+We used to encourage linking to this directory instead of the version on NPM (since it didn't exist) so this exists to avoid breaking anything.
+
+If you're still using a version from this directory please see the README to update. If you're a contributor, ignore this - you're probably looking for out/.
\ 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..ffcd490
--- /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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#324759}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(.5px) translateX(-6px)}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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb}footer{border-top:1px solid #161f27;padding-top:10px;font-size:.8em;color:#717880}
+/*# 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..5fb4688
--- /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,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,wBAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,UAAuB,CACvB,wBAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,6BAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,2RAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,kBACF,CAEA,qDAIE,wCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,kBACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,aACF,CAFA,uBACE,aACF,CAFA,wBACE,aACF,CAFA,cACE,aACF,CAEA,SACE,oCAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,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,MACE,+BACF,CAEA,MACE,4BACF,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,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,wBAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,wBAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,aACF,CAEA,OACE,4BAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,aACF","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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\n}"]}
\ No newline at end of file
diff --git a/dist/dark.css b/dist/dark.css
new file mode 100644
index 0000000..8c8aa80
--- /dev/null
+++ b/dist/dark.css
@@ -0,0 +1,573 @@
+/**
+ * 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;
+  --text-muted: #717880;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+@media (prefers-color-scheme: light) {
+:root {
+  --background-body: #ffffff;
+  --background: #efefef;
+  --background-alt: #f7f7f7;
+
+  --selection: #9e9e9e;
+
+  --text-main: #363636;
+  --text-bright: #000000;
+  --text-muted: #999999;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+}
+
+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 {
+  font-style: normal;
+  border: 0;
+}
+
+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, select,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea,
+select {
+  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,
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+select {
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+
+select::-ms-expand {
+  display: none;
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
+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'],
+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,
+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);
+}
+
+::-moz-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+fieldset {
+  border: 1px var(--focus) solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 6px;
+  padding: 10px;
+}
+
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}
+
+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;
+}
+
+thead {
+  border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+  border-top: 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);
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+details[open] {
+  padding: 10px;
+}
+
+details > :last-child {
+  margin-bottom: 0;
+}
+
+details[open] summary {
+  margin-bottom: 10px;
+}
+
+summary {
+  display: list-item;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+}
+
+details > :not(summary) {
+  margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+  color: var(--text-main);
+}
+
+footer {
+  border-top: 1px solid var(--background);
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: var(--text-muted);
+}
+
+/*# sourceMappingURL=dark.css.map */
diff --git a/dist/dark.css.map b/dist/dark.css.map
new file mode 100644
index 0000000..9e37026
--- /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":"AAAA;;;;;;;EAOE;;ACPF;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;;EAErB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,sCAAsC;EACtC,yCAAyE;;EAEzE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;;EAEpB,weAAoE;AACtE;;AC7BA;AAAA;EACE,0BAA0B;EAC1B,qBAAqB;EACrB,yBAAyB;;EAEzB,oBAAoB;;EAEpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;;EAErB,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;;EAEf,0BAA0B;EAC1B,uBAAuB;;EAEvB,kCAAgE;EAChE,wCAAuE;;EAEvE,2BAA2B;EAC3B,oBAAoB;;EAEpB,mBAAmB;EACnB,oBAAoB;;EAEpB,weAAoE;AACtE;AF0CA;;AGvEA;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,kBAAkB;EAClB,SAAS;AACX;;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;;;;;;EAME,eAAe;AACjB;;AAEA;;EAEE,cAAc;AAChB;;AAEA;;;;EAIE,uBAAuB;EACvB,mCAAmC;;EAEnC,oBAAoB;EACpB,kBAAkB;;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAEA;;;;EAIE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,wFAAwF;EACxF,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;;;EAGE,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;;;EAGE,+BAA+B;AACjC;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;;EAEE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,SAAS;EACT,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,4CAA4C;AAC9C;;AAEA;EACE,YAAY;EACZ,8DAA8D;AAChE;;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;;AAEA;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,SAAS;EACT,kBAAkB;EAClB,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;;ACrJA;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,mCAAmC;AACrC;;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;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,uCAAuC;EACvC,oBAAoB;EACpB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,mCAAmC;EACnC,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uCAAuC;EACvC,iBAAiB;EACjB,gBAAgB;EAChB,wBAAwB;AAC1B","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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..87e6de3
--- /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;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}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(.5px) translateX(-6px)}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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)}
+/*# 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..39749d9
--- /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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CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,MACE,qCACF,CAEA,MACE,kCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..d9f8f5e
--- /dev/null
+++ b/dist/dark.standalone.css
@@ -0,0 +1,537 @@
+/**
+ * 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;
+  --text-muted: #717880;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+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 {
+  font-style: normal;
+  border: 0;
+}
+
+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, select,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea,
+select {
+  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,
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+select {
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+
+select::-ms-expand {
+  display: none;
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
+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'],
+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,
+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);
+}
+
+::-moz-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+fieldset {
+  border: 1px var(--focus) solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 6px;
+  padding: 10px;
+}
+
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}
+
+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;
+}
+
+thead {
+  border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+  border-top: 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);
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+details[open] {
+  padding: 10px;
+}
+
+details > :last-child {
+  margin-bottom: 0;
+}
+
+details[open] summary {
+  margin-bottom: 10px;
+}
+
+summary {
+  display: list-item;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+}
+
+details > :not(summary) {
+  margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+  color: var(--text-main);
+}
+
+footer {
+  border-top: 1px solid var(--background);
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: var(--text-muted);
+}
+
+/*# 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..b9f8f96
--- /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":"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","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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..8b6c406
--- /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;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}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(.5px) translateX(-6px)}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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)}
+/*# 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..81fcaa6
--- /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":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CACtB,oBAAqB,CAErB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBAAoB,CAEpB,kPACF,CC7BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,mBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,MACE,qCACF,CAEA,MACE,kCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..2fba7ad
--- /dev/null
+++ b/dist/light-legacy.standalone.css
@@ -0,0 +1,626 @@
+/**
+ * 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 {
+  font-style: normal;
+  border: 0;
+}
+
+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, select,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  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;
+}
+
+select {
+  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,
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+select {
+  background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+
+select::-ms-expand {
+  display: none;
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
+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'],
+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 {
+  background: #dddddd;
+}
+
+input[type='radio']:checked {
+  background: #dddddd;
+}
+
+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,
+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;
+}
+
+fieldset {
+  border: 1px #0096bfab solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 6px;
+  padding: 10px;
+}
+
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}
+
+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;
+}
+
+thead {
+  border-bottom: 1px solid #dbdbdb;
+}
+
+tfoot {
+  border-top: 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;
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: #f7f7f7;
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+details[open] {
+  padding: 10px;
+}
+
+details > :last-child {
+  margin-bottom: 0;
+}
+
+details[open] summary {
+  margin-bottom: 10px;
+}
+
+summary {
+  display: list-item;
+  background-color: #efefef;
+  padding: 10px;
+  margin: -10px -10px 0;
+}
+
+details > :not(summary) {
+  margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+  color: #363636;
+}
+
+footer {
+  border-top: 1px solid #efefef;
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: #999999;
+}
+
+/*# 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..80c217b
--- /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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..5c1f13c
--- /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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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,select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#ddd}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(.5px) translateX(-6px)}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}fieldset{border:1px solid rgba(0,150,191,.67);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid #dbdbdb}tfoot{border-top: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}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636}footer{border-top:1px solid #efefef;padding-top:10px;font-size:.8em;color:#999}
+/*# 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..191cdc1
--- /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":"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","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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\n}"]}
\ No newline at end of file
diff --git a/dist/light.css b/dist/light.css
new file mode 100644
index 0000000..36490fa
--- /dev/null
+++ b/dist/light.css
@@ -0,0 +1,572 @@
+/**
+ * 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;
+  --text-muted: #999999;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+@media (prefers-color-scheme: dark) {
+:root {
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
+
+  --selection: #161f27;
+
+  --text-main: #dbdbdb;
+  --text-bright: #ffffff;
+  --text-muted: #717880;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+}
+
+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 {
+  font-style: normal;
+  border: 0;
+}
+
+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, select,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea,
+select {
+  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,
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+select {
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+
+select::-ms-expand {
+  display: none;
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
+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'],
+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,
+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);
+}
+
+::-moz-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+fieldset {
+  border: 1px var(--focus) solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 6px;
+  padding: 10px;
+}
+
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}
+
+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;
+}
+
+thead {
+  border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+  border-top: 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);
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+details[open] {
+  padding: 10px;
+}
+
+details > :last-child {
+  margin-bottom: 0;
+}
+
+details[open] summary {
+  margin-bottom: 10px;
+}
+
+summary {
+  display: list-item;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+}
+
+details > :not(summary) {
+  margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+  color: var(--text-main);
+}
+
+footer {
+  border-top: 1px solid var(--background);
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: var(--text-muted);
+}
+/*# sourceMappingURL=light.css.map */
diff --git a/dist/light.css.map b/dist/light.css.map
new file mode 100644
index 0000000..23a3c7f
--- /dev/null
+++ b/dist/light.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["light.css","../variables-light.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":"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","file":"light.css","sourcesContent":["/**\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';",":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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\n}"]}
\ No newline at end of file
diff --git a/dist/light.min.css b/dist/light.min.css
new file mode 100644
index 0000000..7618360
--- /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;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#717880;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}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(.5px) translateX(-6px)}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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)}
+/*# 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..1197d0e
--- /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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CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,MACE,qCACF,CAEA,MACE,kCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  --text-muted: #717880;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..8ae2d5c
--- /dev/null
+++ b/dist/light.standalone.css
@@ -0,0 +1,537 @@
+/**
+ * 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;
+  --text-muted: #999999;
+
+  --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;
+
+  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+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 {
+  font-style: normal;
+  border: 0;
+}
+
+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, select,
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+  cursor: pointer;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+select {
+  display: block;
+}
+
+input,
+button,
+textarea,
+select {
+  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,
+select,
+button,
+textarea {
+  -webkit-appearance: none;
+}
+
+textarea {
+  margin-right: 0;
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+}
+
+select {
+  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+  padding-right: 35px;
+}
+
+select::-ms-expand {
+  display: none;
+}
+
+select[multiple] {
+  padding-right: 10px;
+  background-image: none;
+  overflow-y: auto;
+}
+
+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'],
+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,
+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);
+}
+
+::-moz-placeholder {
+  color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+  color: var(--form-placeholder);
+}
+
+::placeholder {
+  color: var(--form-placeholder);
+}
+
+fieldset {
+  border: 1px var(--focus) solid;
+  border-radius: 6px;
+  margin: 0;
+  margin-bottom: 6px;
+  padding: 10px;
+}
+
+legend {
+  font-size: 0.9em;
+  font-weight: 600;
+}
+
+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;
+}
+
+thead {
+  border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+  border-top: 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);
+}
+
+details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: var(--background-alt);
+  padding: 10px 10px 0;
+  margin: 1em 0;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+details[open] {
+  padding: 10px;
+}
+
+details > :last-child {
+  margin-bottom: 0;
+}
+
+details[open] summary {
+  margin-bottom: 10px;
+}
+
+summary {
+  display: list-item;
+  background-color: var(--background);
+  padding: 10px;
+  margin: -10px -10px 0;
+}
+
+details > :not(summary) {
+  margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+  color: var(--text-main);
+}
+
+footer {
+  border-top: 1px solid var(--background);
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: var(--text-muted);
+}
+
+/*# 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..87cf2e9
--- /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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\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..95efe23
--- /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;--text-muted:#999;--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;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 0 0-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}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{font-style:normal;border:0}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=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,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;-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}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)}input[type=checkbox],input[type=radio]{position:relative;width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 2px 0 0}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(.5px) translateX(-6px)}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)}::-moz-placeholder{color:var(--form-placeholder)}::-ms-input-placeholder{color:var(--form-placeholder)}::placeholder{color:var(--form-placeholder)}fieldset{border:1px solid var(--focus);border-radius:6px;margin:0 0 6px;padding:10px}legend{font-size:.9em;font-weight:600}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}thead{border-bottom:1px solid var(--border)}tfoot{border-top: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)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}footer{border-top:1px solid var(--background);padding-top:10px;font-size:.8em;color:var(--text-muted)}
+/*# 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..90450b7
--- /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":"AAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CACtB,iBAAqB,CAErB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBAAoB,CAEpB,kPACF,CC7BA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,iBAAkB,CAClB,QACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,6GAME,cACF,CAEA,oDAEE,aACF,CAEA,6BAIE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YAAa,CAOb,uBANF,CASA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,OACE,qFAAwF,CACxF,kBACF,CAEA,mBACE,YACF,CAEA,iBACE,kBAAmB,CACnB,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,uCAEE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,oBAAqB,CACrB,qBAAsB,CAEtB,gBACF,CAEA,kBACE,iBACF,CAEA,uDAEE,8BACF,CAEA,qEAEE,WAAY,CACZ,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,2CACF,CAEA,oCACE,WAAY,CACZ,4DACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,mBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,SACE,6BAA8B,CAC9B,iBAAkB,CAElB,cAAkB,CAClB,YACF,CAEA,OACE,cAAgB,CAChB,eACF,CCrJA,kBACE,aAAc,CACd,cAAe,CACf,sBACF,CAEA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CAEA,uDACE,4BACF,CAEA,oCACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CAEA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CASA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CAEA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAMA,gFACE,4BACF,CCtFA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,MACE,qCACF,CAEA,MACE,kCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF,CAEA,QACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,sCAAuC,CACvC,mBAAoB,CACpB,YAAa,CACb,iBAAkB,CAClB,eACF,CAEA,cACE,YACF,CAEA,oBACE,eACF,CAEA,sBACE,kBACF,CAEA,QACE,iBAAkB,CAClB,kCAAmC,CACnC,YAAa,CACb,oBACF,CAEA,sBACE,YACF,CAEA,gCACE,sBACF,CAEA,OACE,sCAAuC,CACvC,gBAAiB,CACjB,cAAgB,CAChB,uBACF","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  --text-muted: #999999;\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  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);\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  font-style: normal;\n  border: 0;\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, select,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'],\ninput[type='range'],\ninput[type='radio'] {\n  cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n  display: block;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\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,\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\nselect {\n  background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;\n  padding-right: 35px;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect[multiple] {\n  padding-right: 10px;\n  background-image: none;\n  overflow-y: auto;\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'],\ninput[type='radio'] {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  margin-right: 2px;\n}\n\ninput[type='radio'] {\n  border-radius: 50%;\n}\n\ninput[type='checkbox']:checked,\ninput[type='radio']:checked {\n  background: var(--button-hover);\n}\n\ninput[type='checkbox']:checked::before,\ninput[type='radio']:checked::before {\n  content: '•';\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n\ninput[type='checkbox']:checked::before {\n  content: '✔';\n  transform: translateY(-50%) translateY(0.5px) translateX(-6px);\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\nfieldset {\n  border: 1px var(--focus) solid;\n  border-radius: 6px;\n  margin: 0;\n  margin-bottom: 6px;\n  padding: 10px;\n}\n\nlegend {\n  font-size: 0.9em;\n  font-weight: 600;\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\nthead {\n  border-bottom: 1px solid var(--border);\n}\n\ntfoot {\n  border-top: 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\ndetails {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background-color: var(--background-alt);\n  padding: 10px 10px 0;\n  margin: 1em 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\ndetails[open] {\n  padding: 10px;\n}\n\ndetails > :last-child {\n  margin-bottom: 0;\n}\n\ndetails[open] summary {\n  margin-bottom: 10px;\n}\n\nsummary {\n  display: list-item;\n  background-color: var(--background);\n  padding: 10px;\n  margin: -10px -10px 0;\n}\n\ndetails > :not(summary) {\n  margin-top: 0;\n}\n\nsummary::-webkit-details-marker {\n  color: var(--text-main);\n}\n\nfooter {\n  border-top: 1px solid var(--background);\n  padding-top: 10px;\n  font-size: 0.8em;\n  color: var(--text-muted);\n}"]}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 04f8d46..0afbf6f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -121,9 +121,9 @@
       </header>
 
       <div id="link-snippet-container">
-        <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/water.css"></code></pre>
-        <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/dark.css"></code></pre>
-        <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/dist/light.css"></code></pre>
+        <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"></code></pre>
+        <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css"></code></pre>
+        <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css"></code></pre>
       </div>
 
       <h3>Options</h3>
@@ -189,7 +189,7 @@
       The Waterize bookmarklet can be used to make ugly websites more readable by replacing the styles with Water.css. Just drag this link to your bookmarks bar:
     </p>
     <strong>
-      <a href="javascript:void%20function(){const%20a=a=%3Edocument.querySelectorAll(a),b=(a,b)=%3EObject.assign(document.createElement(a),b);a(%22link[rel=\%22stylesheet\%22],style%22).forEach(a=%3Ea.remove()),a(%22*%22).forEach(a=%3Ea.style=%22%22),document.head.append(b(%22link%22,{rel:%22stylesheet%22,href:%22//cdn.jsdelivr.net/npm/water.css%402/dist/water.css%22}),!a(%22meta[name=\%22viewport\%22]%22).length%26%26b(%22meta%22,{name:%22viewport%22,content:%22width=device-width,initial-scale=1.0%22}))}();">
+      <a href="javascript:void%20function(){const%20a=a=%3Edocument.querySelectorAll(a),b=(a,b)=%3EObject.assign(document.createElement(a),b);a(%22link[rel=\%22stylesheet\%22],style%22).forEach(a=%3Ea.remove()),a(%22*%22).forEach(a=%3Ea.style=%22%22),document.head.append(b(%22link%22,{rel:%22stylesheet%22,href:%22//cdn.jsdelivr.net/npm/water.css%402/out/water.css%22}),!a(%22meta[name=\%22viewport\%22]%22).length%26%26b(%22meta%22,{name:%22viewport%22,content:%22width=device-width,initial-scale=1.0%22}))}();">
         Waterize
       </a>
     </strong>
diff --git a/gulpfile.js b/gulpfile.js
index 5a6b03e..569b8c7 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -23,8 +23,8 @@ const postcssColorModFunction = require('postcss-color-mod-function').bind(null,
 })
 
 const paths = {
-  docs: { src: 'docs/**', dest: 'dist/docs' },
-  styles: { src: 'src/builds/*.css', dest: 'dist', watch: 'src/**/*.css' }
+  docs: { src: 'docs/**', dest: 'out/docs' },
+  styles: { src: 'src/builds/*.css', dest: 'out', watch: 'src/**/*.css' }
 }
 
 // https://stackoverflow.com/a/20732091
@@ -70,7 +70,7 @@ const style = () => {
       .pipe(endDiff('autoprefixer'))
 
       .pipe(sourcemaps.write('.'))
-      .pipe(flatten()) // Put files in dist/*, not dist/builds/*
+      .pipe(flatten()) // Put files in out/*, not out/builds/*
       .pipe(gulp.dest(paths.styles.dest))
 
       .pipe(filter('**/*.css')) // Remove sourcemaps from the pipeline
@@ -132,7 +132,7 @@ const browserReload = (done) => {
 }
 
 const startDevServer = () => {
-  browserSync.init({ server: { baseDir: './dist/docs' } })
+  browserSync.init({ server: { baseDir: './out/docs' } })
 
   gulp.watch(paths.styles.watch, gulp.series(style, browserReload))
   gulp.watch(paths.docs.src, gulp.series(docs, browserReload))
diff --git a/package.json b/package.json
index cb2a78a..3fb85fd 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "defaults"
   ],
   "files": [
-    "dist/*.css",
+    "out/*.css",
     "LICENSE.md"
   ]
 }