.profile{height:100%;width:100vw;padding:var(--space-8) var(--space-12);align-items:self-start;gap:var(--space-6);background:var(--bg)}.profile,.profile-content{display:flex;flex-direction:column}.profile-content{width:100%;align-items:flex-start;gap:var(--space-8)}.profile .page-header{padding:0;background:transparent}.profile-details{display:flex;flex-direction:row;gap:var(--space-6);width:100%;max-width:720px;background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.profile-image{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.profile-info{width:100%;display:flex;flex-direction:column;align-self:center;gap:var(--space-2)}.profile-info-left{display:flex;flex-direction:row;align-items:center;gap:var(--space-1);font-size:12px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:600}.profile-info-row{align-items:baseline;font-size:14px;color:var(--text-ink);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.profile-edit-form,.profile-info-row{display:flex;flex-direction:row;gap:var(--space-3)}.profile-edit-form input{padding:var(--space-2) var(--space-3);font-size:14px;font-family:inherit;color:var(--text-ink);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.profile-edit-form input::-moz-placeholder{color:var(--text-muted)}.profile-edit-form input::placeholder{color:var(--text-muted)}.profile-edit-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.profile-edit-form button{padding:var(--space-2) var(--space-4);font-size:14px;font-weight:var(--weight-medium);font-family:inherit;color:var(--text-ink);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-3);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.profile-edit-form button:hover{background:var(--surface-flat);border-color:var(--accent-tint-border)}.profile-edit-form button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-password{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.profile-title-password{width:100%;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-ink);letter-spacing:var(--tracking-tight);padding-bottom:var(--space-1)}.profile-password-hint{margin:0 0 var(--space-2);font-size:12px;color:var(--text-muted)}.profile-password-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-password-error{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--status-lost-bg);border:1px solid var(--status-lost);font-size:14px;color:var(--status-lost)}.profile-password-button-wrapper{display:flex;justify-content:flex-end}.profile-logout{display:flex;flex-direction:row;gap:var(--space-3);margin-top:var(--space-6)}.edit-button{padding:var(--space-3);font-size:var(--text-base);color:var(--text-ink);background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:100%}.edit-button:hover{background:var(--surface-sunken)}.logout-button{padding:var(--space-2) var(--space-5);font-size:14px;color:var(--accent-on);background:var(--status-lost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-standard)}.logout-button:hover{opacity:.9}@media (max-width:768px){.profile{padding:var(--space-6) var(--space-4)}.profile-details{width:100%;flex-direction:column;gap:var(--space-8);align-items:center}.profile-image-container{display:flex;justify-content:center}.profile-info{align-items:center;text-align:center}.profile-info-left,.profile-info-row{justify-content:center}}@media (max-width:640px){.profile{width:100%;padding:var(--space-6) var(--space-3)}.profile-edit-form{flex-direction:column;gap:var(--space-2)}.profile-edit-form input{width:100%}.profile-edit-form button{width:100%;margin-top:var(--space-2)}.profile-password-button-wrapper{justify-content:stretch}.profile-password-button-wrapper button{width:100%}.profile-logout{flex-direction:column;margin-top:var(--space-4)}}