@layer base,utils,components;@layer base{:root{--background0: #fff;--background1: #ddd;--background2: #bbb;--background3: #999;--foreground0: #000;--foreground1: #444;--foreground2: #888;--font-size: 16px;--line-height: 1.3;--font-weight-bold: 700;--font-weight-normal: 400;--font-family: monospace}[data-webtui-theme=dark]{--background0: #000;--background1: #222;--background2: #444;--background3: #666;--foreground0: #fff;--foreground1: #ccc;--foreground2: #999}body,html{background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height, 1.5);font-variant-ligatures:common-ligatures}*{box-sizing:border-box;margin:0;padding:0;outline:none}}@layer utils{@property --box-rounded-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --box-border-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --box-double-border-width{syntax: "<length>"; inherits: false; initial-value: 1px;}[box-~=square],[box-~=round],[box-~=double]{--box-border-color: var(--foreground0);position:relative;isolation:isolate;padding:1lh 1ch}[box-~=square]:before,[box-~=round]:before,[box-~=double]:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch - 2px);height:calc(100% - 1lh - 2px);border:solid var(--box-border-width) var(--box-border-color);z-index:-1}[box-~=square][box-~=round]:before,[box-~=round][box-~=round]:before,[box-~=double][box-~=round]:before{border-radius:var(--box-rounded-radius)}[box-~=square][box-~=round]:after,[box-~=round][box-~=round]:after,[box-~=double][box-~=round]:after{border-radius:calc(var(--box-rounded-radius) + 2px)}[box-~=square][box-~=double]:before,[box-~=round][box-~=double]:before,[box-~=double][box-~=double]:before{border-width:var(--box-double-border-width)}[box-~=square][box-~=double]:after,[box-~=round][box-~=double]:after,[box-~=double][box-~=double]:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch + 2px);height:calc(100% - 1lh + 2px);border:solid var(--box-double-border-width) var(--box-border-color);z-index:-1}[box-~=square][box-~="contain:none"],[box-~=round][box-~="contain:none"],[box-~=double][box-~="contain:none"]{padding-top:0;padding-bottom:0}[box-~=square][box-~="contain:!top"],[box-~=round][box-~="contain:!top"],[box-~=double][box-~="contain:!top"]{padding-top:0}[box-~=square][box-~="contain:!bottom"],[box-~=round][box-~="contain:!bottom"],[box-~=double][box-~="contain:!bottom"]{padding-bottom:0}}@layer components{button,[is-~=button]{--button-primary: var(--foreground0);--button-secondary: var(--background0);color:var(--button-secondary);background-color:var(--button-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 2ch;height:3lh;outline:none}button[box-],[is-~=button][box-]{color:var(--button-primary);background-color:transparent;--box-border-color: var(--button-primary)}button:focus,[is-~=button]:focus{font-weight:700;text-decoration:underline}button:active,[is-~=button]:active{color:var(--button-primary);background-color:var(--button-secondary)}button:active[box-],[is-~=button]:active[box-]{--box-border-color: var(--button-secondary);background-color:transparent}button:disabled,[is-~=button]:disabled{text-decoration:line-through;pointer-events:none}button[size-=small],[is-~=button][size-=small]{padding:0 1ch;height:1lh}button[variant-=foreground0],button:not([variant]),[is-~=button][variant-=foreground0],[is-~=button]:not([variant]){--button-primary: var(--foreground0);--button-secondary: var(--background0)}button[variant-=foreground1],[is-~=button][variant-=foreground1]{--button-primary: var(--foreground1);--button-secondary: var(--background0)}button[variant-=foreground2],[is-~=button][variant-=foreground2]{--button-primary: var(--foreground2);--button-secondary: var(--background0)}button[variant-=background0],[is-~=button][variant-=background0]{--button-primary: var(--background0);--button-secondary: var(--foreground0)}button[variant-=background1],[is-~=button][variant-=background1]{--button-primary: var(--background1);--button-secondary: var(--foreground0)}button[variant-=background2],[is-~=button][variant-=background2]{--button-primary: var(--background2);--button-secondary: var(--foreground0)}button[variant-=background3],[is-~=button][variant-=background3]{--button-primary: var(--background3);--button-secondary: var(--foreground0)}}@layer components{h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit;background-color:var(--background1);padding:0 1ch}h1:before{content:"# "}h2:before{content:"## "}h3:before{content:"### "}h4:before{content:"#### "}h5:before{content:"##### "}h6:before{content:"###### "}ol{list-style-position:inside}ol li>ol{margin-left:2ch}ul{list-style-type:none}ul li:before{color:inherit;content:"- "}ul[marker-=bullet] li:before{content:"• "}ul[marker-~=tree] li:before{content:"├ "}ul[marker-~=tree]:not([marker-^=open]) li:first-of-type:before{content:"┌ "}ul[marker-~=tree]:not([marker-$=open]) li:last-of-type:before{content:"└ "}ul li>ul{margin-left:2ch}p,blockquote,li,[is-~=typography-block]{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground1)}p:is(blockquote),blockquote:is(blockquote),li:is(blockquote),[is-~=typography-block]:is(blockquote){padding-left:2ch;position:relative}p:is(blockquote):before,blockquote:is(blockquote):before,li:is(blockquote):before,[is-~=typography-block]:is(blockquote):before{content:"";position:absolute;top:0;left:.5ch;width:var(--box-border-width, 2px);height:100%;translate:-50%;background-color:var(--background2)}p strong,blockquote strong,li strong,[is-~=typography-block] strong{font-weight:var(--font-weight-bold);color:var(--foreground0)}p a,blockquote a,li a,[is-~=typography-block] a{text-decoration:underline}p code,blockquote code,li code,[is-~=typography-block] code{display:inline-block;background-color:var(--background1);padding-left:1ch;padding-right:1ch}}@layer components{[is-~=badge]{color:var(--badge-text);background-color:var(--badge-color);display:inline-flex;vertical-align:middle;white-space:nowrap;height:1lh;line-height:1lh;padding:0 1ch}[is-~=badge][variant-=foreground0],[is-~=badge]:not([variant]){--badge-color: var(--foreground0);--badge-text: var(--background0)}[is-~=badge][variant-=foreground1]{--badge-color: var(--foreground1);--badge-text: var(--background0)}[is-~=badge][variant-=foreground2]{--badge-color: var(--foreground2);--badge-text: var(--background0)}[is-~=badge][variant-=background0]{--badge-color: var(--background0);--badge-text: var(--foreground0)}[is-~=badge][variant-=background1]{--badge-color: var(--background1);--badge-text: var(--foreground0)}[is-~=badge][variant-=background2]{--badge-color: var(--background2);--badge-text: var(--foreground0)}[is-~=badge][variant-=background3]{--badge-color: var(--background3);--badge-text: var(--foreground0)}}@layer base{[data-webtui-theme=catppuccin],[data-webtui-theme=catppuccin-mocha]{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b}[data-webtui-theme=catppuccin-macchiato]{--rosewater: #f4dbd6;--flamingo: #f0c6c6;--pink: #f5bde6;--mauve: #c6a0f6;--red: #ed8796;--maroon: #ee99a0;--peach: #f5a97f;--yellow: #eed49f;--green: #a6da95;--teal: #8bd5ca;--sky: #91d7e3;--sapphire: #7dc4e4;--blue: #8aadf4;--lavender: #b7bdf8;--text: #cad3f5;--subtext1: #b8c0e0;--subtext0: #a5adcb;--overlay2: #939ab7;--overlay1: #8087a2;--overlay0: #6e738d;--surface2: #5b6078;--surface1: #494d64;--surface0: #363a4f;--base: #24273a;--mantle: #1e2030;--crust: #181926}[data-webtui-theme=catppuccin-frappe]{--rosewater: #f2d5cf;--flamingo: #eebebe;--pink: #f4b8e4;--mauve: #ca9ee6;--red: #e78284;--maroon: #ea999c;--peach: #ef9f76;--yellow: #e5c890;--green: #a6d189;--teal: #81c8be;--sky: #99d1db;--sapphire: #85c1dc;--blue: #8caaee;--lavender: #babbf1;--text: #c6d0f5;--subtext1: #b5bfe2;--subtext0: #a5adce;--overlay2: #949cbb;--overlay1: #838ba7;--overlay0: #737994;--surface2: #626880;--surface1: #51576d;--surface0: #414559;--base: #303446;--mantle: #292c3c;--crust: #232634}[data-webtui-theme=catppuccin-latte]{--rosewater: #dc8a78;--flamingo: #dd7878;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--maroon: #e64553;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: #04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--text: #4c4f69;--subtext1: #5c5f77;--subtext0: #6c6f85;--overlay2: #7c7f93;--overlay1: #8c8fa1;--overlay0: #9ca0b0;--surface2: #acb0be;--surface1: #bcc0cc;--surface0: #ccd0da;--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8}[data-webtui-theme|=catppuccin]{--background0: var(--base);--background1: var(--surface0);--background2: var(--surface1);--background3: var(--surface2);--foreground0: var(--text);--foreground1: var(--subtext1);--foreground2: var(--overlay2)}}@layer components{[data-webtui-theme|=catppuccin] button[variant-=rosewater]{--button-primary: var(--rosewater);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=flamingo]{--button-primary: var(--flamingo);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=pink]{--button-primary: var(--pink);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=mauve]{--button-primary: var(--mauve);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=red]{--button-primary: var(--red);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=maroon]{--button-primary: var(--maroon);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=peach]{--button-primary: var(--peach);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=yellow]{--button-primary: var(--yellow);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=green]{--button-primary: var(--green);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=teal]{--button-primary: var(--teal);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=sky]{--button-primary: var(--sky);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=sapphire]{--button-primary: var(--sapphire);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=blue]{--button-primary: var(--blue);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=lavender]{--button-primary: var(--lavender);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=catppuccin] h1{color:var(--red)}[data-webtui-theme|=catppuccin] h2{color:var(--peach)}[data-webtui-theme|=catppuccin] h3{color:var(--yellow)}[data-webtui-theme|=catppuccin] h4{color:var(--green)}[data-webtui-theme|=catppuccin] h5{color:var(--blue)}[data-webtui-theme|=catppuccin] h6{color:var(--lavender)}[data-webtui-theme|=catppuccin] p a,[data-webtui-theme|=catppuccin] blockquote a,[data-webtui-theme|=catppuccin] li a,[data-webtui-theme|=catppuccin] [is-~=typography-block] a{color:var(--sky);text-decoration:underline}[data-webtui-theme|=catppuccin] p a:hover,[data-webtui-theme|=catppuccin] blockquote a:hover,[data-webtui-theme|=catppuccin] li a:hover,[data-webtui-theme|=catppuccin] [is-~=typography-block] a:hover{color:var(--blue)}[data-webtui-theme|=catppuccin] p code,[data-webtui-theme|=catppuccin] blockquote code,[data-webtui-theme|=catppuccin] li code,[data-webtui-theme|=catppuccin] [is-~=typography-block] code{color:var(--red)}}@layer components{[data-webtui-theme|=catppuccin] [is-~=badge][variant-=rosewater]{--badge-color: var(--rosewater);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=flamingo]{--badge-color: var(--flamingo);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=pink]{--badge-color: var(--pink);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=mauve]{--badge-color: var(--mauve);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=red]{--badge-color: var(--red);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=maroon]{--badge-color: var(--maroon);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=peach]{--badge-color: var(--peach);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=yellow]{--badge-color: var(--yellow);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=green]{--badge-color: var(--green);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=teal]{--badge-color: var(--teal);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=sky]{--badge-color: var(--sky);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=sapphire]{--badge-color: var(--sapphire);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=blue]{--badge-color: var(--blue);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=lavender]{--badge-color: var(--lavender);--badge-text: var(--background0)}}@layer base{:root{--font-size: 14px;--line-height: 1.5;--font-family: "Press Start 2P", monospace;--font-weight-bold: 700;--font-weight-normal: 400;--box-border-color: var(--green);--box-border-width: 3px;--box-rounded-radius: 0px;--pixel-border: 4px;--pixel-shadow: 5px 5px 0px rgba(0, 0, 0, .2);--gameboy-bg: var(--crust);--gameboy-fg: var(--green);--gameboy-accent: var(--teal);--gameboy-button: var(--mauve);--gameboy-button-hover: var(--pink);--gameboy-width: 480px;--gameboy-screen-padding: 1.25rem}}html{font-family:"Press Start 2P",monospace}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--gameboy-bg);color:var(--text);padding:1rem}#app{width:100%;max-width:var(--gameboy-width);min-height:auto;margin:0 auto;padding:var(--gameboy-screen-padding);text-align:center;background-color:var(--mantle);border:var(--pixel-border) solid var(--green);box-shadow:0 0 0 8px var(--surface0),var(--pixel-shadow);overflow:auto}.pixel-container{padding:1rem;margin-bottom:1.5rem;--box-border-color: var(--green)}.pixel-container:last-child{margin-bottom:0}h1{color:var(--mauve);margin-bottom:1rem;font-size:1.4rem;text-shadow:2px 2px 0px rgba(0,0,0,.3)}h2{color:var(--blue);margin-bottom:.75rem;font-size:1rem}p{color:var(--text);font-size:.8rem}button.pixel-btn{background-color:var(--surface0);border:var(--pixel-border) solid var(--mauve);border-radius:0;padding:.75rem 1.25rem;font-family:inherit;font-size:.8rem;text-transform:uppercase;cursor:pointer;box-shadow:var(--pixel-shadow);transition:transform .1s,box-shadow .1s;margin-bottom:.5rem;position:relative;color:var(--text)}button.pixel-btn:hover{background-color:var(--blue);color:var(--crust);border-color:var(--lavender)}button.pixel-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #0003}button.pixel-btn:disabled{opacity:.6;cursor:not-allowed}button.pixel-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s}button.pixel-btn:hover:after{opacity:1}.input-field{width:100%;padding:.75rem;font-family:inherit;background-color:var(--surface0);color:var(--text);border:var(--pixel-border) solid var(--surface2);border-radius:0;box-sizing:border-box;margin-bottom:.5rem;font-size:.8rem}.input-field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.input-field.error{border-color:var(--red)}.error-text{color:var(--red);font-size:.7rem;margin-top:.25rem}.form-group{margin-bottom:1rem;text-align:left}.follow-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.share-url{margin-top:1rem}label{color:var(--text);font-weight:700;display:block;margin-bottom:.5rem;font-size:.8rem}.mb-2{margin-bottom:.5rem}.block{display:block}.footer{margin-top:2rem;margin-bottom:0}.footer-links{display:flex;justify-content:center;gap:1rem}.footer-link{text-decoration:none}.footer-btn{background-color:var(--surface1);border-color:var(--peach)}.footer-btn:hover{background-color:var(--peach);color:var(--crust);border-color:var(--yellow)}@media (max-width: 768px){:root{--gameboy-width: 100%}#app{padding:.75rem;max-width:none;box-shadow:none;border:none}button.pixel-btn{width:100%}h1{font-size:1.2rem}h2{font-size:.9rem}.footer-links{flex-direction:column;gap:.5rem}}.form-group[data-v-33ba70a6]{margin-bottom:1rem;text-align:left}.follow-buttons[data-v-33ba70a6]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.share-url[data-v-33ba70a6]{margin-top:1rem}.description[data-v-33ba70a6]{color:var(--lavender);font-size:.7rem;line-height:1.5;margin-top:.5rem}.footer[data-v-33ba70a6]{margin-top:1.5rem}.footer-links[data-v-33ba70a6]{display:flex;justify-content:center;gap:1rem}.footer-link[data-v-33ba70a6]{text-decoration:none}.footer-btn[data-v-33ba70a6]{background-color:var(--surface1);border-color:var(--peach)}.footer-btn[data-v-33ba70a6]:hover{background-color:var(--peach);color:var(--crust);border-color:var(--yellow)}@media (max-width: 768px){.footer-links[data-v-33ba70a6]{flex-direction:column;gap:.5rem}}