:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;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%;--hl-color: #FF76A4;--emph-color: #C011D7;--accent-color: #2F3CBE;--txt-color: #FFFFFF;--bg-color: #000000;--border-raduis: 8px}a{font-weight:500;color:var(--hl-color);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--txt-color)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:var(--border-raduis);border:4px solid var(--emph-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--emph-color);cursor:pointer;transition:border-color .25s;margin:5px}button:hover{border-color:var(--accent-color)}.show{display:block}.hide{display:none}ul{list-style-type:none;margin:0;padding:0}textarea:focus,input:focus{outline:none}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;z-index:1;min-width:250px;flex-direction:column;background:var(--bg-color);border-radius:var(--border-raduis);border:4px solid var(--emph-color);margin:0 5px 5px}.dropdown-list{list-style-type:none;margin:0;padding:0}.search-bar{background-color:var(--emph-color);border-radius:var(--border-raduis);border:4px solid var(--emph-color);margin:5px}.search-bar:focus{border-color:var(--accent-color)}