:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Gill Sans,sans-serif;color-scheme:light dark;--primary: 218, 215, 205;--secondary: 88, 129, 87;--text: 52, 78, 65}html[data-theme=light]:has(.theme-switch>[type=checkbox]:not(:checked)){--primary: 2, 2, 2;--secondary: 5, 140, 66;--text: 22, 219, 101}html,body{margin:0;height:100%;background-color:rgb(var(--primary));background-image:linear-gradient(19deg,rgb(var(--primary)) 0%,rgb(var(--secondary)) 100%);overflow:hidden}input[type=text],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem;border-radius:.25rem;border-style:solid;border-width:1px;background-color:transparent;height:2rem;outline:none;cursor:pointer;border-color:rgb(var(--text));color:rgb(var(--text));background-color:#fff0;flex:1}input[type=text]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:rgba(var(--text),.75)}input[type=text]:focus-visible,input[type=password]:focus-visible,textarea:focus-visible{outline:2px solid rgb(var(--secondary));outline-offset:2px}.row,label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;width:100%}button,label:has(#switcher),label.theme-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem;border-radius:.25rem;border-style:solid;border-width:1px;background-color:transparent;height:2rem;outline:none;cursor:pointer;border-color:rgb(var(--text));color:rgb(var(--text));background-color:#fff0;transition:transform .3s ease-in-out}button::placeholder,label:has(#switcher)::placeholder,label.theme-switch::placeholder{color:rgba(var(--text),.75)}button:focus-visible,label:has(#switcher):focus-visible,label.theme-switch:focus-visible{outline:2px solid rgb(var(--secondary));outline-offset:2px}button:hover,label:has(#switcher):hover,label.theme-switch:hover{background-color:rgba(var(--secondary),.5)}button:active,label:has(#switcher):active,label.theme-switch:active{transform:scale(.9)}button input[type=checkbox],label:has(#switcher) input[type=checkbox],label.theme-switch input[type=checkbox]{display:none}svg{height:100%;width:1rem}svg path{fill:rgb(var(--text))}*{box-sizing:border-box;transition:background-color .2s ease-in-out,color .2s ease-in-out}main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}output#output{text-wrap:wrap;color:rgb(var(--text));word-break:break-all;white-space:pre-wrap}h1{margin:0;color:rgb(var(--text))}.theme-switch{width:auto}.theme-switch:has(input[type=checkbox]:checked) .sun{display:none}.theme-switch:has(input[type=checkbox]:not(:checked)) .moon{display:none}.theme-switch inpur[type=checkbox]{display:none}#app{display:flex;flex-direction:column;gap:.75rem;padding:2rem;background-color:rgb(var(--primary),.45);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-style:solid;border-color:rgb(var(--text));border-width:.25px;max-width:90%;max-height:90%}@media screen and (max-width: 599px){#app{height:100%;width:100%;background-color:rgb(var(--primary),.25);border-radius:0;align-items:center;justify-content:center;max-width:100%;max-height:100%;border-style:none}}