:root{--color-foreground: hsl(0, 0%, 7%);--color-background: hsl(0, 0%, 100%);--color-links: hsl(213, 100%, 52%);--color-links-hover: hsl(213, 100%, 43%);--color-border: hsl(0, 0%, 82%);--font-body: -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji"}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:-moz-focusring{outline:auto}:focus{outline:var(--color-links) solid 2px;outline-offset:2px}html,body{padding:0;margin:0;background-color:var(--color-background);color:var(--color-foreground)}body{font-family:var(--font-body);line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom))}header{padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}header>*{display:flex;justify-content:space-between;align-items:center}header ul{list-style:none;margin:0;display:flex;align-items:center;gap:1.5em}header li{font-weight:700}main{flex:1 1 100%;margin:0 auto;text-align:center}footer{border-top:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}a{color:var(--color-links);text-decoration:none}a:hover{color:var(--color-links-hover);text-decoration:underline}hr{display:block;height:1px;border:0;background-color:var(--color-border);margin-top:2rem;margin-bottom:2rem}input:where([type="text"]),input:where([type="search"]){display:block;border:1px solid var(--color-border);width:100%;font:inherit;line-height:1;height:calc(1ch + 1.5em);padding-right:.5em;padding-left:.5em;background-color:#fff3;color:var(--color-foreground)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{--gutter: 16px;width:800px;max-width:calc(100% - var(--gutter) * 2);margin-right:auto;margin-left:auto}:root{--hs-links: 105 70%;--color-foreground: hsl(0, 0%, 100%);--color-background: rgb(85, 13, 13);--color-links: hsl(var(--hs-links) 50%);--color-links-hover: hsl(var(--hs-links) 45%);--color-border: hsl(0, 85%, 38%);--color-invalid: hsl(356, 100%, 71%);--gradient-background: radial-gradient( circle, rgb(238, 11, 11) 0%, rgb(181, 15, 15) 35%, rgb(85, 13, 13) 100% )}body{background-image:var(--gradient-background)}html,body{padding:0;margin:0;color:var(--color-foreground);background-color:var(--color-background)}button{--shadow-color: hsl(var(--hs-links) 30%);--shadow-size: 3px;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;appearance:none;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-links);color:var(--color-background);font-family:var(--font-display);font-weight:700;line-height:1;font-size:1.125rem;margin:0;padding:.625em 1em;border:0;border-radius:4px;box-shadow:0 var(--shadow-size) 0 0 var(--shadow-color);outline-offset:2px;transform:translateY(0);transition:background-color 50ms ease-out,box-shadow 50ms ease-out,transform .1s cubic-bezier(.3,.6,.8,1.25)}button:hover{--raise: 1px;color:var(--color-background);text-decoration:none;box-shadow:0 calc(var(--shadow-size) + var(--raise)) 0 0 var(--shadow-color);transform:translateY(calc(var(--raise) * -1))}button:active{--press: 1px;box-shadow:0 calc(var(--shadow-size) - var(--press)) 0 0 var(--shadow-color);transform:translateY(var(--press));background-color:var(--color-links-hover)}button[disabled],button[aria-disabled=true]{transform:translateY(0);pointer-events:none;opacity:.7}button:focus:not(:focus-visible){outline:none}form{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:.5rem}form>*{margin-top:0;margin-bottom:0}.christmas-tree{font-size:12em}.elf-name{font-size:2.4em}