vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/nes-dark.tokens.json

@@ -0,0 +1,564 @@
+{
+  "color": {
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0,
+          0
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.17,
+          0,
+          0
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0,
+          0
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.1,
+          0,
+          0
+        ]
+      }
+    },
+    "surface-overlay": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.23,
+          0,
+          0
+        ]
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0,
+          0
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.9,
+          0,
+          0
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0,
+          0
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.5,
+          0,
+          0
+        ]
+      }
+    },
+    "hover-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0,
+          0
+        ]
+      }
+    },
+    "hover-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "active-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.18,
+          250
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.2,
+          250
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.08,
+          250
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.22,
+          25
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.24,
+          25
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.18,
+          145
+        ]
+      }
+    },
+    "success-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.06,
+          145
+        ]
+      }
+    },
+    "success-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.12,
+          145
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.18,
+          90
+        ]
+      }
+    },
+    "warning-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.08,
+          90
+        ]
+      }
+    },
+    "warning-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.82,
+          0.12,
+          90
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.22,
+          25
+        ]
+      }
+    },
+    "error-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.06,
+          25
+        ]
+      }
+    },
+    "error-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.15,
+          25
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.12,
+          220
+        ]
+      }
+    },
+    "info-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.05,
+          220
+        ]
+      }
+    },
+    "info-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.1,
+          220
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.45,
+          0,
+          0
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.35,
+          0,
+          0
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.6,
+          0,
+          0
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 4,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 4,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 8,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 8,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 8,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 8,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.8
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 12,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 12,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.8
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 16,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 16,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.8
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--_nes-color-black",
+        "--_nes-color-dark",
+        "--_nes-color-light",
+        "--_nes-color-white",
+        "--control-size",
+        "--control-border",
+        "--control-checked-bg",
+        "--control-checked-border",
+        "--input-bg",
+        "--input-border",
+        "--input-border-focus",
+        "--range-track-bg",
+        "--range-track-fill",
+        "--range-thumb-bg",
+        "--range-thumb-border",
+        "--progress-track-bg",
+        "--progress-fill",
+        "--cb-header-bg",
+        "--cb-label-color",
+        "--cb-comment",
+        "--cb-button-bg",
+        "--cb-button-color",
+        "--cb-button-hover-bg",
+        "--cb-scrollbar-track",
+        "--cb-scrollbar-thumb",
+        "--browser-window-bg",
+        "--browser-window-header-bg",
+        "--browser-window-content-bg",
+        "--browser-window-border-color",
+        "--browser-window-text-color",
+        "--browser-window-text-muted",
+        "--browser-window-url-bg",
+        "--browser-window-hover-bg"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/nes.css

@@ -1,2 +1,2 @@
-@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-surface-overlay: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-hover-bg: var(--_nes-color-light);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;display:flex;align-items:center;gap:.75rem;&::-webkit-details-marker{display:none}&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}:is(main,article) input[type=checkbox],:is(main,article) input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}:is(main,article) input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-md);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-border-color: var(--_nes-color-black);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--_nes-color-white);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}& input[data-switch]{border-radius:0;background:var(--_nes-color-dark)}& input[data-switch]:before{border-radius:0;background:var(--_nes-color-white);box-shadow:none}& input[data-switch]:checked{background:var(--color-primary)}& input[data-switch]:focus-visible{outline-width:4px}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(17% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-surface-overlay: oklch(23% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-hover-bg: oklch(28% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250));--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--_nes-color-light);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt)}}
+@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-surface-overlay: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-hover-bg: var(--_nes-color-light);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;display:flex;align-items:center;gap:.75rem;&::-webkit-details-marker{display:none}&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}:is(main,article) input[type=checkbox],:is(main,article) input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}:is(main,article) input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-md);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-border-color: var(--_nes-color-black);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--_nes-color-white);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}& input[data-switch]{border-radius:0;background:var(--_nes-color-dark)}& input[data-switch]:before{border-radius:0;background:var(--_nes-color-white);box-shadow:none}& input[data-switch]:checked{background:var(--color-primary)}& input[data-switch]:focus-visible{outline-width:4px}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(17% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-surface-overlay: oklch(23% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-hover-bg: oklch(28% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250));--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--_nes-color-light);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt)}}
 /*# sourceMappingURL=nes.css.map */