.account{max-width:320px;margin-inline:auto}.account h1{margin-bottom:var(--space-2)}.account .lead{margin:0 0 var(--space-6);color:var(--color-secondary);font-size:var(--text-small)}.account .who{margin:0;font-weight:600}.account .who+p{margin:0}.account .address{overflow-wrap:anywhere}.account .note{margin:var(--space-4) 0 0;color:var(--color-secondary)}.account .notice,.account .error{margin:0 0 var(--space-3)}.account .error{color:var(--color-text);font-weight:600}.account .providers{gap:var(--space-1);flex-direction:column;display:flex}.account button.provider{width:100%;min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-hairline);color:var(--color-text);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.account button.wallet{margin-top:var(--space-1)}.account button.provider:hover{border-color:var(--color-text)}.account .or{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;color:var(--color-secondary);display:flex}.account .or:before,.account .or:after{content:"";border-top:1px solid var(--color-hairline);flex:1}.account .fields{flex-direction:column;display:flex}.account .fields input{min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-hairline);color:inherit;font:inherit;font-size:var(--text-small);background:0 0}.account .fields input+input{margin-top:-1px}.account .fields input:focus{z-index:1;position:relative}.account .fields input::placeholder{color:var(--color-secondary);opacity:1}.account .select{margin-top:-1px;display:flex;position:relative}.account .select:after{content:"▾";top:50%;right:var(--space-2);color:var(--color-secondary);pointer-events:none;position:absolute;transform:translateY(-50%)}.account .fields select{width:100%;min-height:44px;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-2);border:1px solid var(--color-hairline);color:inherit;font:inherit;font-size:var(--text-small);appearance:none;background:0 0;border-radius:0}.account .hint{margin:var(--space-1) 0 0;color:var(--color-secondary)}.account button.primary{width:100%;min-height:44px;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent);color:var(--color-accent);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;font-weight:500;transition:background-color .15s}.account button.primary:hover{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.account .edit{margin-top:var(--space-6)}.account .edit h2{margin-bottom:var(--space-2);font-size:var(--text-h3)}.account .edit form+.actions button{margin-top:var(--space-2)}.account .current{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);display:flex}.account .current img,.account .current .placeholder{width:var(--space-6);height:var(--space-6);object-fit:cover;border-radius:50%}.account .current .placeholder{background:var(--color-code-bg);color:var(--color-secondary);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.account input[type=file]{width:100%;font-size:var(--text-small)}.account input[type=file]::file-selector-button{margin-right:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-hairline);color:var(--color-text);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border-radius:0}.account input[type=file]::file-selector-button:hover{border-color:var(--color-text)}.account .actions button{min-height:44px;margin-top:var(--space-4);color:var(--color-accent);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;padding:0}.account .links{justify-content:space-between;gap:var(--space-2);margin:var(--space-2) 0 0;display:flex}.account .admin,.account .dev,.account .back{margin:var(--space-3) 0 0}.account .dev{color:var(--color-secondary)}
