:root{color-scheme:light dark;--rosewater:light-dark(#dc8a78,#f5e0dc);--flamingo:light-dark(#dd7878,#f2cdcd);--pink:light-dark(#ea76cb,#f5c2e7);--mauve:light-dark(#8839ef,#cba6f7);--red:light-dark(#d20f39,#f38ba8);--maroon:light-dark(#e64553,#eba0ac);--peach:light-dark(#fe640b,#fab387);--yellow:light-dark(#df8e1d,#f9e2af);--green:light-dark(#40a02b,#a6e3a1);--teal:light-dark(#179299,#94e2d5);--sky:light-dark(#04a5e5,#89dceb);--sapphire:light-dark(#209fb5,#74c7ec);--blue:light-dark(#1e66f5,#89b4fa);--lavender:light-dark(#7287fd,#b4befe);--text:light-dark(#4c4f69,#cdd6f4);--subtext1:light-dark(#5c5f77,#bac2de);--subtext0:light-dark(#6c6f85,#a6adc8);--overlay2:light-dark(#7c7f93,#9399b2);--overlay1:light-dark(#8c8fa1,#7f849c);--overlay0:light-dark(#9ca0b0,#6c7086);--surface2:light-dark(#acb0be,#585b70);--surface1:light-dark(#bcc0cc,#45475a);--surface0:light-dark(#ccd0da,#313244);--base:light-dark(#eff1f5,#1e1e2e);--mantle:light-dark(#e6e9ef,#181825);--crust:light-dark(#dce0e8,#11111b);color:var(--text)}html{height:100%}body,textarea,input{all:unset;tab-size:4}body{word-break:break-word;background-color:var(--base);width:100%;min-height:100%;font-family:monospace;font-size:clamp(16px,3vw,20px);display:flex}button{font:inherit;cursor:pointer;background:0 0;border:none}a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}textarea::selection{background-color:rgb(from var(--overlay2) r g b / .3)}::highlight(squigly-bracket){color:var(--sapphire)}::highlight(square-bracket){color:var(--lavender)}::highlight(punctuation){color:var(--overlay2)}::highlight(boolean){color:var(--yellow)}::highlight(number){color:var(--peach)}::highlight(null){color:var(--mauve)}::highlight(string){color:var(--green)}::highlight(key){color:var(--blue)}