:root{--color-palette-strawberry: #c6262e;--color-palette-orange: #f37329;--color-palette-banana: #f9c440;--color-palette-lime: #68b723;--color-palette-mint: #28bca3;--color-palette-blueberry: #3689e6;--color-palette-grape: #a56de2;--color-palette-bubblegum: #de3e80;--color-palette-cocoa: #715344;--color-palette-slate: #485a6c;--color-palette-black: #333333;--color-text: var(--color-palette-black);--color-light-text: var(--color-palette-slate);--color-primary: var(--color-palette-blueberry);--color-danger: var(--color-palette-strawberry);--color-warning: var(--color-palette-orange);--color-success: var(--color-palette-lime)}html,body{padding:0;margin:0;font-family:Courier New,Courier,monospace;scroll-behavior:smooth}body{background-image:radial-gradient(#d1dafb 2px,transparent 2px),radial-gradient(#d1dafb 2px,transparent 2px);background-size:45px 45px;background-position:0 0,22.5px 22.5px;background-color:#f2f2fc;min-height:100dvh}dialog,*[popover]{border:none;box-shadow:#64646f33 0 7px 29px;border-radius:.4rem;padding:2rem}dialog:is(dialog)::backdrop,*[popover]:is(dialog)::backdrop{background-color:rgba(from var(--color-light-text) r g b/50%)}body:has(dialog[open]){filter:blur(.1rem)}button{display:inline-block;border:none;padding:.4rem;margin:0;border-radius:.2rem;text-decoration:none;font-size:1rem;font-family:inherit;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;--_btn-color: var(--color-text);background:var(--_btn-color);color:#fff;border:1px solid var(--_btn-color)}button.primary{--_btn-color: var(--color-primary);background:var(--_btn-color);color:#fff;border-color:var(--_btn-color)}button.secondary{--_btn-color: var(--color-primary);background:transparent;color:var(--_btn-color);border-color:var(--_btn-color)}button.ghost{background:transparent;color:var(--_btn-color);border:none}button.icon{border-radius:1rem}button.danger{--_btn-color: var(--color-danger)}button:where(:hover,:focus):not(:disabled){background:oklch(from var(--_btn-color) calc(l / 1.2) c h);transform:translateY(.1rem)}button:where(:hover,:focus):not(:disabled).secondary,button:where(:hover,:focus):not(:disabled).ghost{background:oklch(from var(--_btn-color) l c h/10%)}button:focus:not(:disabled){outline:1px solid #fff;outline-offset:-2px}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;filter:grayscale(70%) brightness(1.5)}input,textarea{border-radius:.4rem;padding:.4rem;outline:none;border:1px solid var(--color-light-text);box-sizing:border-box;transition:.2s ease-in-out;position:relative}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--color-primary);outline:1px solid var(--color-primary)}input:invalid,textarea:invalid{border-color:var(--color-danger);outline-color:var(--color-danger)}label:has(+input[required]):after{content:"*";color:var(--color-danger)}hr{border:none;height:.1rem;background:radial-gradient(var(--color-palette-slate) 10%,transparent 50%)}