body.auth-page{display:block;min-height:100vh;background:var(--bg);color:var(--text)}.login-card{width:min(380px,calc(100vw - 32px));margin:14vh auto 0;padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--pop);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:22px;margin:0}.login-card p{margin:0;color:var(--muted);font-size:14px}.login-error{color:var(--danger)!important}.login-google,.auth-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);text-decoration:none;font-size:14px;cursor:pointer}.login-google:hover,.auth-btn:hover{background:var(--hover)}.auth-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.auth-btn.danger{color:var(--danger)}.auth-input,.auth-select{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:14px}.login-dev{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:14px}.admin{width:min(960px,calc(100vw - 32px));margin:32px auto;display:flex;flex-direction:column;gap:16px}.admin h1{font-size:22px;margin:0}.admin h2{font-size:16px;margin:8px 0 0}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border)}.admin-tabs button{padding:6px 10px;border-radius:6px 6px 0 0;color:var(--muted)}.admin-tabs button.on{color:var(--text);background:var(--hover)}.admin table{width:100%;border-collapse:collapse;font-size:13px}.admin th,.admin td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.admin th{color:var(--muted);font-weight:500}.admin-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-msg{color:var(--muted);font-size:13px;min-height:18px}.admin-msg.err{color:var(--danger)}.modal.share{padding:16px 44px 16px 18px;gap:12px;overflow-y:auto}.share-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px}.share-row .who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-note{color:var(--muted);font-size:13px}.share-btn{padding:2px 8px;border-radius:5px;color:var(--text)}.share-btn:hover{background:var(--hover)}.modal.tokens form.share-row{flex-wrap:wrap}.modal.tokens form.share-row .who{flex:1 1 180px;min-width:0}.modal.tokens form.share-row [data-testid=tokens-ips]{flex:1 1 220px;min-width:0}.modal.tokens form.share-row .auth-btn{flex:0 0 auto;white-space:nowrap}.account{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px;border-top:1px solid var(--border);font-size:13px}.account-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:12px;flex:none}.account-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account a,.account button{color:var(--muted);font-size:12px;padding:2px 4px;border-radius:4px;text-decoration:none}.account a:hover,.account button:hover{background:var(--hover);color:var(--text)}.login-help{border-top:1px solid var(--border);padding-top:12px;font-size:13px;color:var(--muted)}.login-help summary{cursor:pointer;color:var(--text)}.login-help-current:empty{display:none}.login-help-current{margin:8px 0 0!important;color:var(--text)!important}.login-help-list{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.login-help-list b{color:var(--text);font-weight:500}img.account-avatar{object-fit:cover;background:var(--border)}
