*,:before,:after,::placeholder{box-sizing:border-box;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;background:0 0;border:none;margin:0;padding:0}@font-face{font-display:swap;font-family:Ribeye;src:url(/assets/ribeye-v27-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Nunito;src:url(/assets/nunito-v32-latin-regular.woff2)format("woff2")}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-family:Nunito,sans-serif;font-size:15px;font-weight:500;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b0b7c3;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#aa3bff80}}a{-webkit-text-decoration:inherit;text-decoration:inherit}#root{border-inline:1px solid var(--border);width:1126px;max-width:100%;min-height:100svh;margin:0 auto}header{border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:min(10px,3vw - 15px);padding:15px clamp(10px,2.5vw,15px);display:flex}.logo{letter-spacing:-1.68px;color:var(--text-h);font-family:Ribeye,serif;font-size:clamp(20px,8px + 3vw,30px);line-height:1}.flex-space{flex-grow:1}button{cursor:pointer}button:not(:disabled):active{opacity:.85}.log-in-button,.create-account-btn{padding:.5rem clamp(8px,3px + 2vw,1.2rem);font-size:clamp(12px,5px + 2vw,1rem)}.log-in-button{color:var(--accent);text-decoration:underline}.create-account-btn{background-color:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent)}main{text-align:center;flex-direction:column;gap:20px;max-width:400px;margin:auto;padding:20px;display:flex}h1{color:var(--text-h);font-size:33px;font-weight:700}input{border:2px solid var(--accent-border);padding:15px}input:focus{border-color:var(--accent);outline:none}form{flex-direction:column;gap:15px;display:flex}label{text-align:left;flex-direction:column;display:flex}.solid-btn{background-color:var(--accent);color:var(--bg);padding:15px}.url-input:not(:valid)~.url-copy-btn{background-color:var(--accent-bg);color:inherit}.qr-code-btn{padding:5px}.url-input:valid~.qr-code-btn{color:var(--accent)}