:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome-container{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:fixed;inset:0}.welcome-container h1{margin-bottom:5.5rem}.login-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;margin-top:20px;padding:12px 24px;font-size:16px;transition:background-color .3s}.login-button:hover{background-color:#106ebe}.user-data-container{max-width:800px;margin:0 auto;padding:20px}.qr-section{scroll-snap-align:start;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:50px 20px 20px;display:flex;position:relative}.table-section{scroll-snap-align:start;box-sizing:border-box;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:20px}.scroll-container{scroll-snap-type:y mandatory;box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100vh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.scroll-container::-webkit-scrollbar{width:10px;right:0}.scroll-container::-webkit-scrollbar-track{background:0 0}.scroll-container::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border:#0000;border-radius:20px}.qr-container{background:var(--table-bg);border-radius:12px;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 1px 3px #0003}.qr-code{width:min(80vw,300px);height:min(80vw,300px)}.scroll-indicator{color:var(--text-color);opacity:.7;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.user-data-table{border-collapse:collapse;background:var(--table-bg);box-sizing:border-box;width:100%;max-width:600px;margin:20px auto;box-shadow:0 1px 3px #0003}.user-data-table th,.user-data-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-color);padding:12px}.user-data-table th{background-color:var(--header-bg);width:30%;font-weight:600}@media (prefers-color-scheme:dark){:root{--table-bg:#1a1a1a;--header-bg:#2d2d2d;--text-color:#fff;--border-color:#404040}}@media (prefers-color-scheme:light){:root{--table-bg:#fff;--header-bg:#f5f5f5;--text-color:#000;--border-color:#ddd}}.error{color:red;text-align:center;padding:20px}.logout-button{color:#fff;cursor:pointer;background-color:#d83b01;border:none;border-radius:4px;margin-top:20px;padding:12px 24px;font-size:16px;transition:background-color .3s}.logout-button:hover{background-color:#a42e01}h2{color:var(--text-color)}@media (width<=768px){.user-data-container{padding:10px}.user-data-table th,.user-data-table td{padding:8px;font-size:14px}.qr-section,.table-section{padding:20px 10px}.user-data-table th,.user-data-table td{word-break:break-word;padding:8px 4px}}@media (width<=375px){.user-data-table th,.user-data-table td{padding:6px;font-size:13px}.qr-code{width:min(90vw,250px);height:min(90vw,250px)}}.edit-hint{text-align:center;color:var(--text-color);opacity:.7;margin:10px 0 20px;font-size:14px;font-style:italic}.field-label--clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,opacity .2s}.field-label--clickable:hover{background-color:var(--header-bg);opacity:.8}.field-label--deleted{opacity:.5;cursor:pointer;text-decoration:line-through;transition:opacity .2s}.field-label--deleted:hover{opacity:.7}.field-value--editable{cursor:text;transition:background-color .2s}.field-value--editable:hover{background-color:var(--header-bg);opacity:.8}.field-input{border:2px solid var(--text-color);background-color:var(--table-bg);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:4px;padding:8px;font-family:inherit;font-size:14px}.field-input:focus{border-color:#0078d4;outline:none;box-shadow:0 0 0 2px #0078d433}.row--deleted{opacity:.5;background-color:#d43b010d}.row--deleted th,.row--deleted td{text-decoration:line-through}.button-group{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.reset-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;margin-top:20px;padding:12px 24px;font-size:16px;transition:background-color .3s}.reset-button:hover{background-color:#106ebe}.reset-button:active{transform:scale(.98)}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}