*{color:var(--text)}body{background-color:var(--background);background-image:conic-gradient(from 290deg at 50% 150%,#cc9cdf,#a46bbd,#cc9cdf);background-image:conic-gradient(from 290deg at 50% 150%,#f5b8d0,#e882b2,#f5b7d0);background-image:conic-gradient(from 290deg at 50% 150%,#eaeef0,#bdc1c2,#eaeef0);background-image:conic-gradient(from 290deg at 50% 150%,#faba62,#ef6f2f,#faba62);background-image:conic-gradient(from 290deg at 50% 150%,#9bdbf5,#6babda,#9bdbf5);background-image:conic-gradient(from 290deg at 50% 150%,#faf5ab,#e9d461,#faf5ab);background-image:none}#mane{box-shadow:0 0 14px var(--shadow);background-color:var(--foreground)}#input_field input:focus{border-color:var(--mane_accent_active)}#input_field button{background-color:var(--button_background);border-color:var(--border)}#input_field button :hover,#input_field button :focus{background-color:var(--button_hover_background);border-color:var(--mane_accent_active)}:root{--text: #000;--background: #f2f2f2;--foreground: #fff;--shadow: #ccc;--border: #a5a5a5;--placeholder: #555;--input_background: #f2f2f2;--button_background: #e9e9ed;--button_hover_background: #d0d0d7;--mane_accent_inactive: #a5a5a5;--mane_accent_active: #eb458b}@media (prefers-color-scheme: dark){:root{--text: #fff;--background: #000;--foreground: #0d0d0d;--shadow: #444;--border: #5a5a5a;--placeholder: #aaaaaa;--input_background: #0d0d0d;--button_background: #161612;--button_hover_background: #2f2f28;--mane_accent_inactive: #5a5a5a;--mane_accent_active: #14ba74}}.theme-light{--text: #000;--background: #f2f2f2;--foreground: #fff;--shadow: #ccc;--border: #a5a5a5;--placeholder: #555;--input_background: #f2f2f2;--button_background: #e9e9ed;--button_hover_background: #d0d0d7;--mane_accent_inactive: #a5a5a5;--mane_accent_active: #eb458b}.theme-dark{--text: #fff;--background: #000;--foreground: #0d0d0d;--shadow: #444;--border: #5a5a5a;--placeholder: #aaaaaa;--input_background: #0d0d0d;--button_background: #161612;--button_hover_background: #2f2f28;--mane_accent_inactive: #5a5a5a;--mane_accent_active: #14ba74}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial,sans-serif}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}#mane{font-size:150%;max-width:900px;width:100%;margin:0 auto;padding:2rem;border-radius:10px;text-align:center;overflow:auto}#mane>:first-child{padding-top:0}#mane>:last-child{padding-bottom:0}@media (max-width: 450px){#mane{padding:1rem}}#input_field{display:flex;gap:.5rem}#input_field input{flex-grow:1;min-height:2.25rem;outline:transparent;border-style:solid;border-width:.15rem;border-radius:0;border-top:transparent;border-left:transparent;border-right:transparent;padding:.5rem}#input_field button{outline:transparent;border-style:solid;border-radius:0;padding:.5rem}