.authpage{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.authcol{align-items:center;gap:var(--space-9);flex-direction:column;width:100%;max-width:440px;display:flex}.authcol.mid{max-width:480px}.authcol.wide{max-width:560px}.authbrand{align-items:center;gap:10px;display:flex}.authcard{gap:20px;width:100%}.authcard form{flex-direction:column;gap:20px;display:flex}.authhead{flex-direction:column;gap:6px;display:flex}.authhead .titlerow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.authhead h1{margin:0}.authfoot{text-align:center}.authfoot a{color:inherit;text-decoration:underline}.field{flex-direction:column;gap:6px;display:flex}.field .input,.btn.block{width:100%}.qrrow{align-items:flex-start;gap:20px;display:flex}.qr{border:1px solid var(--color-border);background:#fff;border-radius:8px;flex:none;place-items:center;width:176px;height:176px;display:grid}.qr img{width:160px;height:160px;image-rendering:pixelated}.qrkey{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.keybox{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-numeric);font-size:var(--text-base);word-break:break-word;-webkit-user-select:all;user-select:all;padding:10px 12px;line-height:22px}.terms{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.terms input{width:18px;height:18px;accent-color:var(--color-accent);flex:none;margin:1px 0 0}.terms .t{flex-direction:column;gap:4px;display:flex}@media (max-width:560px){.qrrow{flex-direction:column;align-items:center}.qrkey{width:100%}}.codesgrid{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:14px 16px;display:grid}.codesactions{flex-wrap:wrap;gap:8px;display:flex}.rowpanel{border-bottom:1px solid var(--color-divider);flex-direction:column;gap:12px;padding:4px 0 14px;display:flex}.rowpanel .actions{flex-wrap:wrap;gap:8px;display:flex}.settingrow .controls{flex:none;align-items:center;gap:8px;display:flex}.btn.danger-solid{background:var(--color-negative);color:var(--color-canvas);border-color:#0000}.inviteform{align-items:center;gap:8px;display:flex}.inviteform .input{flex:auto;min-width:0}.linkbox{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.linkbox .num{word-break:break-all}.invitelist>div{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;padding:10px 0;display:flex}.invitelist>div:last-child{border-bottom:0}.invitelist .t{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.pwform{border-bottom:1px solid var(--color-divider);flex-direction:column;gap:12px;padding:4px 0 14px;display:flex}.pwform .actions{gap:8px;display:flex}.acctmenu{position:relative}.acctmenu>button.userrow{width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-md);font:inherit;background:0 0;border:0}.acctmenu>button.userrow:hover{background:var(--color-surface-raised)}.acctmenu .menu{z-index:20;gap:4px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.acctmenu .menu .who{border-bottom:1px solid var(--color-divider);flex-direction:column;gap:2px;margin-bottom:4px;padding:0 8px 8px;display:flex}.acctmenu .menu .who .namerow{align-items:center;gap:8px;display:flex}.acctmenu .menu .item{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px;font-family:inherit;display:flex}.acctmenu .menu .item:hover,.acctmenu .menu .item:focus-visible{background:var(--color-surface-raised);outline:none}.acctmenu .menu .item svg{color:var(--color-text-muted)}