.kt-avatar{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;border-radius:50%;flex-shrink:0}.kt-avatar>span{font-size:inherit;line-height:1}.kt-avatar>img{width:100%;height:100%;display:block;object-fit:cover}.kt-cover{position:relative;overflow:hidden;isolation:isolate;background:#dbe6bb}.kt-cover>svg,.kt-cover>img{display:block;width:100%;height:100%;object-fit:cover}.profile-dialog{width:min(600px,calc(100vw - 24px));max-height:90dvh;padding:26px;border:1px solid #c4d6b7;border-radius:23px;background:#f5f8ee;overflow:auto;color:#304e37;box-shadow:0 25px 90px #243b3344}.profile-dialog::backdrop{background:#17332170;backdrop-filter:blur(5px)}.profile-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}.profile-dialog-heading h2{font-size:1.25rem;line-height:1.6;margin:9px 0 0}.profile-dialog-heading .close-button{min-width:44px;min-height:44px;border:1px solid #ccd9c0;border-radius:50%;background:#edf4e4;font-size:1.6rem;color:#476949}.profile-preview{border:1px solid #ccdbc0;border-radius:16px;overflow:hidden;background:#fbfdf6;margin-bottom:25px}.profile-preview-cover{height:144px}.profile-preview-person{display:flex;align-items:center;gap:14px;padding:0 19px 18px}.profile-preview-avatar{width:76px;height:76px;font-size:2.7rem;border:4px solid #fbfdf6;margin-top:-24px;z-index:1;box-shadow:0 3px 12px #3d5c3622}.profile-preview-person>strong{font-size:.95rem;padding-top:7px;overflow-wrap:anywhere;min-width:0}.profile-choice-section{margin-top:23px}.profile-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.profile-choice-heading h3{margin:0;font-size:.875rem;line-height:1.6;font-weight:600}.profile-upload-button{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;background:#e5efd9;color:#476d43;border:1px solid #c2d4b1;border-radius:9px;font-size:.6875rem;cursor:pointer;overflow:hidden;flex-shrink:0}.profile-upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-upload-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.profile-avatar-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.profile-avatar-presets>button{aspect-ratio:1;width:100%;min-height:44px;font-size:1.7rem;border:2px solid transparent;padding:4px;border-radius:14px;transition:transform .15s,border-color .15s}.profile-avatar-presets>button:hover{transform:translateY(-2px)}.profile-avatar-presets>button[aria-pressed=true]{border-color:#558046;box-shadow:0 0 0 2px #dae7ce}.profile-cover-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-cover-presets>button{padding:3px;border:2px solid transparent;border-radius:11px;background:#e8eedf;color:#526c48;min-height:74px;overflow:hidden}.profile-cover-presets>button>.kt-cover{display:block;height:48px;border-radius:7px}.profile-cover-presets>button>span:last-child{font-size:.625rem;display:block;padding:6px 2px;white-space:nowrap}.profile-cover-presets>button[aria-pressed=true]{border-color:#558046;background:#d9e6cc}.profile-crop-editor{padding:18px;margin-top:22px;background:#e7efdd;border:1px solid #c1d1b4;border-radius:15px}.profile-crop-editor>h3{font-size:.875rem;margin:0 0 15px}.profile-crop-editor>canvas{display:block;width:100%;height:auto;max-width:512px;margin:0 auto 16px;cursor:grab;touch-action:none;border:2px solid #fff;border-radius:8px;box-shadow:0 5px 15px #34573320}.profile-crop-editor.avatar-crop>canvas{max-width:256px;border-radius:50%}.profile-zoom-label{display:flex;align-items:center;gap:12px;font-size:.75rem}.profile-zoom-label>input{flex:1;min-width:0;accent-color:#5a8050;min-height:44px}.profile-pan-buttons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.profile-pan-buttons>button{min-width:42px;min-height:42px;border:1px solid #bbcbae;border-radius:8px;background:#f5f9ef;color:#456742;padding:6px 10px;font-size:.8rem}.profile-pan-buttons>button:last-child{font-size:.6875rem}.profile-crop-actions{display:flex;gap:8px;justify-content:flex-end}.profile-crop-actions button{min-height:44px;font-size:.75rem}.profile-media-message{font-size:.75rem;line-height:1.8;color:#735437;margin:17px 0 0}.profile-media-message:empty{display:none}.profile-save-row{display:flex;gap:17px;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #d4dfc9;margin-top:22px}.profile-save-row>p{font-size:.625rem;line-height:1.85;color:#728368;max-width:300px;margin:0}.profile-save-row>button{min-height:46px;white-space:nowrap;padding:10px 19px;border-radius:10px;font-size:.8125rem}.profile-button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid #bacbad;border-radius:10px;background:#edf4e3;color:#426b44;font-size:1.3rem;padding:7px 10px}.profile-button:hover{background:#dceacc}.profile-button>span:last-child{font-size:.75rem}.person-avatar.kt-avatar{display:grid!important;font-size:1.35rem}.account-avatar.kt-avatar{width:28px;height:28px;font-size:1.25rem}.profile-cover{height:108px;border-radius:14px;margin-bottom:12px}.profile-strip-avatar.kt-avatar{width:45px;height:45px;font-size:1.8rem}.profile-upload-button:has(input:disabled){opacity:.5}
#account-avatar.kt-avatar{width:28px;height:28px;font-size:1.25rem}.profile-account-edit{margin:12px 0 0 8px}
@media(max-width:600px){.profile-dialog{padding:20px 16px;max-height:92dvh}.profile-dialog-heading h2{font-size:1.05rem}.profile-preview-cover{height:116px}.profile-avatar-presets{grid-template-columns:repeat(4,1fr);gap:9px}.profile-avatar-presets>button{font-size:2rem;aspect-ratio:1.1}.profile-cover-presets{grid-template-columns:repeat(2,1fr)}.profile-cover-presets>button>.kt-cover{height:57px}.profile-choice-heading{align-items:start}.profile-choice-heading h3{max-width:150px;padding-top:9px}.profile-preview-avatar{width:65px;height:65px;font-size:2.25rem}.profile-save-row{align-items:stretch;flex-direction:column;gap:12px}.profile-save-row>p{max-width:none}.profile-save-row>button{width:100%}.profile-crop-editor{padding:14px 10px}.profile-pan-buttons>button{min-width:40px}.site-header .profile-button{padding:7px;min-width:40px}.profile-button>span:last-child{display:none}.profile-account-edit{margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){.profile-avatar-presets>button{transition:none}}