@font-face{font-family:JetBrains Mono;src:url(JetBrainsMono-Bold.woff2)}html{display:flex;align-items:center;justify-content:center;height:100vh;margin:0;background:no-repeat url(/listify-background.jpg);background-size:cover;background-position:center;font-family:JetBrains Mono,monospace}button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#8b7d71;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#f4f1ec;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;margin-top:16px;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px;width:100%}button:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}button:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}button:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fafbf4;border:2px solid #8B7D71;border-radius:4px;padding:10px 40px 10px 12px;font-size:16px;font-family:JetBrains Mono,monospace;color:#3d3d3d;margin-bottom:12px;cursor:pointer;outline:none;box-shadow:#2d234233 0 2px 4px;transition:all .2s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238B7D71' stroke-width='2' viewBox='0 0 24 24'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}select:hover{border-color:#6e5f52;box-shadow:#2d23424d 0 4px 8px}select:focus{border-color:#8b7d71;box-shadow:#2d23424d 0 0 0 3px}#outerContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f1ec;width:350px;height:275px;border-radius:12px;border:4px solid #8B7D71}#nonLoginContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f1ec;width:350px;height:330px;border-radius:12px;border:4px solid #8B7D71}#status{background-color:#f4f1ec;color:#3d3d3d;border:4px solid #8B7D71;border-radius:0 0 4px 4px;height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:14px}#loginForm{display:flex;flex-direction:column;align-items:center;width:90%;height:100%}h2{font-size:28px;color:#3d3d3d;font-family:JetBrains Mono,monospace;margin-bottom:16px}#loginForm input{margin-bottom:10px;padding:8px;font-size:16px;font-family:JetBrains Mono,monospace;width:84%;border-radius:4px;background-color:#fafbf4;color:#3d3d3d}#listMakerControls{text-align:center;align-items:center;flex-direction:column;height:100%;width:100%}#listMakerControls h2{margin-bottom:4px}#statusContainer{display:flex;justify-content:center;flex-direction:column;padding-right:36px;padding-left:36px;color:#fafbf4}p#statusTitle{background-color:#8b7d71}#authStatus{color:red;margin-top:10px}p{margin:0;padding:6px 0;background-color:#fafbf4;border-radius:4px 4px 0 0}button#listMakerButton{margin-top:0;width:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}