/* Account screens use the established DeepLook colors, type and thin rules. */
.account-main{padding-bottom:45px}.account-main [hidden]{display:none!important}.account-main .page-heading{padding-bottom:18px}.account-main .page-heading h1{font-size:clamp(46px,5.5vw,70px)}.account-status{margin:0 0 30px;padding:15px 18px;border:1px solid #b8c6ad;border-radius:3px;background:#e9eedf;font-size:13px;min-height:54px;overflow-wrap:anywhere}.account-status[data-state=error]{border-color:#c79578;background:#f5e9da;color:#713a23}.account-status:focus-visible{outline:2px solid #386254;outline-offset:4px}.account-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:start;margin:0 0 50px}.account-layout>*{min-width:0}.account-layout .form-card h2{margin:18px 0}.account-layout .form-card form{margin-top:25px}.account-layout .field input{font-size:16px}.account-layout .form-card .micro{margin-top:12px;font-size:12px}.account-privacy{border-top:1px solid #c1cdb5;padding-top:20px}.account-guide{padding-top:8px}.account-guide h2{font-size:32px;margin:18px 0}.account-guide>p{font-size:14px;max-width:450px;margin:18px 0 22px}.account-guide>.micro{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.account-guide .code-panel{margin:23px 0 12px}.account-code-caption{color:#c9d4c1;padding:12px}.account-guide pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px}.account-guide .account-support{margin-top:26px}.account-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:30px}.account-identity>div{min-width:0}.account-identity p{margin-top:9px;font-size:15px;overflow-wrap:anywhere}.account-identity .eyebrow{font-size:9px}.account-identity .button{flex-shrink:0}.account-key-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.account-key-heading h2{font-size:32px;margin-top:12px}.account-key-heading .quiet-link{white-space:nowrap;flex-shrink:0}.account-dashboard>p{font-size:14px}.account-create{display:flex;align-items:end;gap:12px;margin:25px 0}.account-create .field{min-width:0;flex:1}.account-create>.button{flex-shrink:0;gap:20px;min-height:47px}.account-secret{border:1px solid #789363;background:#e5edda;padding:22px;margin:25px 0;border-radius:3px}.account-secret .eyebrow{font-size:9px}.account-secret h3{font-size:24px;margin:14px 0}.account-secret>p{font-size:13px}.account-secret input{width:100%;min-width:0;margin-top:18px;padding:13px;background:#fafbf6;border:1px solid #a2b394;border-radius:2px;font:13px var(--mono);color:#243b29}.account-secret .actions{margin:15px 0 0;gap:9px}.account-secret .button{font-size:12px;gap:10px}.account-key-note{font-size:11px!important;margin:20px 0;color:var(--muted)}.account-key{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:22px 0}.account-key-info{min-width:0}.account-key h3{font-size:17px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.account-key code{font-size:12px;overflow-wrap:anywhere}.account-key .micro{font-size:10px;margin-top:8px}.account-key-actions{display:flex;gap:8px;flex-shrink:0}.account-key-actions .button{font-size:11px;padding:8px 10px;min-height:38px}.account-empty{font-size:13px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:1100px){.account-layout{gap:32px}.account-create{flex-wrap:wrap}.account-create .field{flex-basis:100%}.account-key{align-items:start;flex-direction:column}.account-key-actions{align-self:start}}
@media(max-width:900px){.account-layout{grid-template-columns:1fr;gap:40px}.account-main .page-heading{padding-top:38px}.account-main .page-heading h1{font-size:54px}.account-guide{border-top:1px solid var(--line);padding-top:30px}.account-create{flex-wrap:nowrap}.account-create .field{flex-basis:auto}.account-key{flex-direction:row}.account-layout .form-card .button{width:auto}.account-guide>p{max-width:650px}}
@media(max-width:520px){.account-main .page-heading h1{font-size:44px}.account-main .page-heading>p{font-size:15px}.account-status{font-size:12px;padding:13px}.account-key-heading{align-items:start;flex-direction:column;gap:6px}.account-key-heading .quiet-link{min-height:32px}.account-create{flex-wrap:wrap}.account-create .field{flex-basis:100%}.account-create>.button{width:100%;justify-content:space-between}.account-key{flex-direction:column}.account-secret{padding:18px}.account-secret .actions{flex-direction:column;align-items:stretch}.account-secret .button{justify-content:center}.account-identity p{font-size:13px}.account-identity .button{font-size:11px;padding:9px 12px}.account-key-heading h2,.account-guide h2{font-size:29px}.account-guide pre{padding:17px;font-size:11px}}