.acct-sec{padding:40px 0 70px}.login-card{text-align:center;background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface));justify-items:center;gap:14px;max-width:460px;margin:10px auto 0;padding:34px 30px 26px;display:grid}.login-card h1{margin:0;font-size:clamp(1.5rem,3.4vw,1.9rem)}.login-card>p{margin:0}.login-card .note{text-align:left;width:100%}.login-mark{width:64px;height:64px;color:var(--accent);background:var(--surface-2);border:1px solid var(--line-2);border-radius:18px;place-items:center;display:grid}.login-btns{gap:10px;width:100%;max-width:340px;display:grid}.sbtn{width:100%;font:600 1rem/1.2 var(--font);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;transition:box-shadow .15s,filter .15s;display:flex;text-decoration:none!important}.sbtn[hidden]{display:none}.sbtn:hover{box-shadow:0 2px 10px -2px #00000059}.sbtn svg{flex:none;display:block}.gbtn{color:#1f1f1f;background:#fff;border-color:#747775}.gbtn:hover{background:#f8f9fa}.lbtn{color:#fff;background:#06c755}.lbtn:hover{filter:brightness(.94)}.fbtn{color:#fff;background:#1877f2}.fbtn:hover{filter:brightness(.94)}.login-legal{margin:0;font-size:.78rem}.acct-loading{color:var(--text-2);align-items:center;gap:12px;display:flex}.spin{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[data-ready]{gap:16px;display:grid}[data-ready][hidden]{display:none}.acct-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.avatar{width:64px;height:64px;font:700 1.6rem/1 var(--font);color:var(--accent-ink);background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:50%;flex:none;place-items:center;display:grid}.who{flex:1;min-width:0}.who h1{overflow-wrap:anywhere;margin:0 0 2px;font-size:clamp(1.35rem,3vw,1.7rem)}.mono-sm{font:400 .85rem/1.5 var(--mono);overflow-wrap:anywhere}.acct-acts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.acct-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=860px){.acct-grid{grid-template-columns:minmax(0,1fr)}}.h3{margin-bottom:12px;font-size:1.15rem}.sub{color:var(--text-2);margin:20px 0 8px;font-size:.95rem}.empty{color:var(--text-3);text-align:center;justify-items:center;gap:8px;padding:26px 10px;display:grid}.empty p{color:var(--text-2);margin:0}.dev-list,.ev-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.dev-list li,.ev-list li{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;font-size:.88rem;display:flex}.dev-list .dev,.ev-list .ev{color:var(--text);font-weight:600}.ev-list li{color:var(--text-2);padding:7px 12px;font-size:.82rem}.danger-zone{border-color:color-mix(in srgb, var(--down) 35%, var(--line))}.del-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.del-row .fld{flex:1;gap:6px;min-width:200px;max-width:320px;display:grid}.del-row .fld>span{color:var(--text-3);font-size:.8rem}.btn.danger{color:var(--down);border-color:color-mix(in srgb, var(--down) 50%, transparent)}.btn.danger:not(:disabled):hover{background:color-mix(in srgb, var(--down) 12%, var(--surface))}.btn:disabled{opacity:.45;cursor:not-allowed}.acct-note{margin:0}.prov-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.prov-list li{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.prov-list .pn{color:var(--text);min-width:84px;font-weight:600}.prov-list .ps{min-width:0;color:var(--text-3);flex:1;font-size:.82rem}.prov-dot{border-radius:50%;flex:none;width:10px;height:10px}.prov-dot.google{background:#4285f4}.prov-dot.line{background:#06c755}.prov-dot.facebook{background:#1877f2}.access-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.access-list li{border:1px solid color-mix(in srgb, var(--up) 35%, var(--line));background:color-mix(in srgb, var(--up) 7%, var(--bg-2));border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.ev-list li.warn{border-color:color-mix(in srgb, var(--down) 45%, var(--line));color:var(--text)}.ev-list li.warn .ev{color:var(--down)}
