.account-trigger{top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));z-index:5;border:1px solid var(--rule);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px;position:fixed}.account-dialog{box-sizing:border-box;border:1px solid var(--card-edge);background:var(--card);width:min(420px,100vw - 32px);max-height:calc(100svh - 40px);color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:32px;box-shadow:0 24px 90px #0003}.account-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161a44}.account-dialog h2{letter-spacing:-.6px;margin:8px 0;font-size:26px}.account-dialog p{color:var(--muted);font-size:14px}.account-dialog button,.account-dialog input{font:inherit}.account-dialog button{cursor:pointer}.account-dialog button:disabled{cursor:default;opacity:.5}.account-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;position:absolute;top:12px;right:16px;font-size:24px!important}.account-back{background:var(--wash);width:36px;height:36px;color:var(--ink);border:0;border-radius:50%;place-items:center;padding:8px;display:grid;position:absolute;top:16px;left:24px}.account-back svg{width:20px;height:20px}.account-back:hover:enabled{background:var(--wash-hi)}.account-dialog[data-step=code] h2{margin-top:40px}.account-methods{border:0;border-bottom:1px solid var(--method-line,var(--rule));background:0 0;border-radius:0;gap:0;margin:24px 0;padding:0;display:flex}.account-methods>button{min-height:48px;color:var(--method-muted,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;margin-bottom:-1px;padding:10px 12px;font-size:16px}.account-methods>button[aria-pressed=true]{border-bottom-color:var(--method-ink,var(--ink));color:var(--method-ink,var(--ink));background:0 0;font-weight:600}.account-dialog label{margin-bottom:8px;font-size:14px;display:block}.account-dialog input{box-sizing:border-box;border:2px solid var(--rule);width:100%;color:var(--ink);background:var(--field,var(--wash));border-radius:10px;padding:12px 14px}.account-dialog input:focus{box-shadow:none;border-color:var(--ink);outline:none}.account-methods button:focus-visible{outline-offset:-2px}.account-dialog small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.account-primary{background:var(--pill);width:100%;color:var(--pill-ink);border:0;border-radius:999px;margin-top:20px;padding:12px;display:block;font-size:14px!important}.account-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.account-actions button{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:12px}.account-privacy{margin-top:24px;font-size:12px!important}.account-privacy a{color:inherit}.account-status:empty{display:none}.account-status{overflow-wrap:anywhere;margin-bottom:0}.account-identity,.account-dialog p{overflow-wrap:anywhere}@media (max-width:600px){.account-trigger{top:16px;right:16px}}@media (max-width:600px),(max-height:500px) and (pointer:coarse){.account-dialog{inset:var(--dialog-visible-top,0px) 0 auto;width:100%;max-width:none;height:var(--dialog-visible-height,100dvh);max-height:none;padding:max(12px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));box-shadow:none;background:var(--solid);-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain;border:0;border-radius:0;margin:0;scroll-padding-block:64px 20px;position:fixed;overflow-y:auto}.account-dialog-controls{z-index:1;background:var(--solid);align-items:center;width:100%;max-width:420px;min-height:44px;margin:0 auto 16px;display:flex;position:sticky;top:0}.account-dialog .account-close,.account-dialog .account-back{flex:none;width:44px;height:44px;position:static}.account-dialog .account-close{margin-left:auto}.account-dialog-content{width:100%;max-width:420px;margin:0 auto}.account-dialog[data-step=code] h2{margin-top:8px}.account-dialog input{min-height:48px;font-size:16px}.account-dialog .account-methods button,.account-dialog .account-primary{min-height:48px;font-size:16px!important}.account-dialog .account-actions button{min-height:44px;padding-inline:8px}.account-dialog[data-compact=true] .account-dialog-controls{margin-bottom:0}.account-dialog[data-compact=true] h2{margin:0 0 6px;font-size:24px}.account-dialog[data-compact=true] .account-dialog-content>p:first-of-type{margin:8px 0}.account-dialog[data-compact=true] .account-methods{margin:12px 0}.account-dialog[data-compact=true] .account-primary{margin-top:12px}.account-dialog[data-compact=true] .account-privacy{margin:16px 0 0;line-height:1.5}}
