.auth-wrap{gap:20px;max-width:460px;padding-block:56px 40px;display:grid}.account-wrap{max-width:720px}.auth-head{gap:8px;display:grid}.auth-head h1{margin:0;font-size:clamp(30px,6vw,40px)}.auth-head p{margin:0}.auth-skel{border-radius:var(--radius);height:380px}.auth{gap:16px;padding:22px;display:grid}.auth-tabs{background:var(--sunk);border-radius:99px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{height:36px;color:var(--dim);font:600 14px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:99px;transition:background-color .15s,color .15s}.auth-tabs button[aria-selected=true]{background:var(--bg-2);color:var(--fg);box-shadow:var(--shadow)}.auth-submit{width:100%}.auth-err{color:var(--bad);background:color-mix(in srgb, var(--bad) 9%, transparent);border:1px solid color-mix(in srgb, var(--bad) 25%, transparent);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:14px;display:flex}.auth-err .ph{margin-top:2px}.auth-switch{text-align:center;color:var(--dim);margin:0;font-size:14px}.link{color:var(--accent-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link:hover{text-decoration:underline}.pw{position:relative}.pw .input{width:100%;padding-right:44px}.pw-eye{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{color:var(--fg);background:var(--sunk)}.link-code{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent-fg);font:600 22px var(--font-mono);letter-spacing:.12em;border-radius:14px;justify-self:start;align-items:center;gap:10px;padding:10px 16px;display:inline-flex}.link-code .ph{letter-spacing:0;font-size:20px}.auth-approve,.auth-done{gap:14px;padding:26px;display:grid}.auth-approve h1,.auth-done h1{margin:0;font-size:clamp(26px,5vw,32px)}.auth-approve p,.auth-done p{margin:0}.auth-done{text-align:center;justify-items:center;padding-block:36px}.auth-done-icon{color:var(--good);font-size:44px}.auth-done-icon.bad{color:var(--warn)}.auth-as{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.auth-as .link{margin-left:auto}.account-head{grid-template-columns:1fr auto;align-items:start;gap:16px}.account-card{gap:16px;padding:22px;display:grid}.account-card h2{margin:0;font-size:19px}.account-sub{margin:-8px 0 0;font-size:14px}.account-row{gap:8px;display:flex}.account-row .input{flex:1;min-width:0}.devices{gap:4px;margin:0;padding:0;list-style:none;display:grid}.devices li{border-radius:14px;align-items:center;gap:14px;margin-inline:-10px;padding:10px;display:flex}.devices li:hover{background:var(--sunk)}.device-icon{border-radius:12px;width:42px;height:42px;font-size:19px}.device-text{flex:1;gap:2px;min-width:0;display:grid}.device-text .muted{overflow-wrap:anywhere;font-size:13px}.device-confirm{gap:4px;display:flex}@media (max-width:560px){.auth-wrap{padding-top:32px}.account-head{grid-template-columns:1fr}.devices li{flex-wrap:wrap}.device-text{flex-basis:calc(100% - 60px)}.devices li>.btn,.device-confirm{margin-left:56px}}.plans{background:color-mix(in srgb, var(--accent) 6%, var(--bg-2));border-color:color-mix(in srgb, var(--accent) 22%, transparent);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.plans-icon{width:36px;height:36px;color:var(--on-accent);background:var(--accent);box-shadow:0 6px 16px -8px var(--accent);border-radius:11px;flex:none;place-items:center;font-size:18px;display:grid}.plans b{margin-bottom:4px;font-size:15px;display:block}.plans p{color:var(--dim);margin:0;font-size:14px;line-height:1.55}.code-head{align-items:center;gap:14px;display:flex}.code-head h2{margin:0 0 2px;font-size:20px}.code-head p{overflow-wrap:anywhere;margin:0;font-size:14px}.code-icon{width:44px;height:44px;color:var(--accent-fg);background:var(--accent-soft);border-radius:13px;flex:none;place-items:center;font-size:21px;display:grid}.code-input{font:600 26px var(--font-mono);letter-spacing:.4em;text-align:center;height:56px}.code-input::placeholder{color:color-mix(in srgb, var(--faint) 45%, transparent)}.code-actions{gap:6px;display:grid}.link[disabled]{color:var(--faint);cursor:default;text-decoration:none}.auth-note{color:var(--good);background:color-mix(in srgb, var(--good) 9%, transparent);border:1px solid color-mix(in srgb, var(--good) 25%, transparent);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:14px;display:flex}.auth-note .ph{margin-top:2px}