body.profile-header-notif-only #userAvatar,
body.profile-header-notif-only #userNick,
body.profile-header-notif-only #adminBtn{display:none!important}
body.profile-header-notif-only .user-area{gap:0}
.profile-page-wrap{align-items:start}
.profile-wrap{max-width:100%;margin:0;padding:0;position:relative}
.profile-main-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  max-width:var(--feed-card-max,740px);
  margin:0 auto;
}
.profile-settings-widget{width:100%}
.profile-settings-column{visibility:hidden;pointer-events:none}
.profile-page-spacer{visibility:hidden;pointer-events:none}
.settings-account-head.profile-settings-root-head{display:none}
@media(min-width:1025px){
  html[data-profile-view="own"] .profile-settings-column{visibility:visible;pointer-events:auto}
  html[data-profile-view="own"] .profile-page-spacer{visibility:visible}
}
.profile-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;padding:32px 36px;position:relative}
.profile-main{display:flex;flex-direction:column;gap:22px}
.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:36px;transform:translateY(3px);position:relative;z-index:2}

/* 아바타 */
.profile-left{flex-shrink:0}
.profile-avatar-img{
  width:116px;height:116px;border-radius:50%;
  background:var(--avatar-bg,#f9f9f9);border:var(--avatar-border,1px solid var(--border-light));
  display:flex;align-items:center;justify-content:center;font-size:42px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  overflow:hidden;position:relative;color:var(--text3);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.profile-avatar-img:has(> img){background:#fff}
.profile-avatar-img.avatar-editable{cursor:pointer}
.profile-avatar-img.avatar-editable:hover{transform:translateY(-1px);border-color:#d0d0cc;box-shadow:0 7px 24px rgba(0,0,0,.11)}
.profile-avatar-img.avatar-editable:active{transform:scale(.985)}
.avatar-edit-overlay{
  display:none;position:fixed;inset:0;z-index:10020;
  background:rgba(0,0,0,.42);
  align-items:center;justify-content:center;
  padding:18px;
}
.avatar-edit-overlay.open{display:flex}
.avatar-edit-overlay.nested{background:transparent}
.avatar-edit-modal,
.profile-edit-modal-box{
  width:90%;max-width:420px;
  background:#fff;border:1px solid var(--border);
  border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.22);
  padding:22px;
  animation:deleteModalIn .2s ease;
}
.avatar-edit-modal{
  display:grid;
  grid-template-rows:auto auto auto auto;
  align-content:space-between;
  row-gap:0;
  height:min(468px,calc(100vh - 36px));
  box-sizing:border-box;
}
.avatar-edit-head{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0}
.avatar-edit-title{font-size:18px;font-weight:800;color:var(--text)}
.avatar-edit-close,
.profile-edit-modal-close{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .15s,transform .15s;
}
.avatar-edit-close:hover,
.profile-edit-modal-close:hover{background:transparent}
.avatar-edit-close:active,
.profile-edit-modal-close:active{transform:translateY(-50%) scale(.96)}
.avatar-edit-preview{
  width:250px;height:250px;margin:0 auto;border-radius:50%;
  flex:0 0 250px;
  aspect-ratio:1/1;
  background:var(--avatar-bg,#f9f9f9);border:var(--avatar-border,1px solid var(--border-light));
  overflow:hidden;position:relative;touch-action:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 8px 26px rgba(0,0,0,.09);
}
.avatar-edit-preview img{
  position:absolute;left:50%;top:50%;
  width:auto;height:auto;max-width:none;max-height:none;
  transform:translate(-50%,-50%) scale(1);
  transform-origin:center;display:none;user-select:none;
  -webkit-user-drag:none;
}
.avatar-edit-preview.has-image{cursor:grab;background:#fff}
.avatar-edit-preview.has-image:active{cursor:grabbing}
.avatar-edit-preview.has-image img{display:block}
.avatar-edit-preview.has-image .avatar-edit-empty{display:none}
.avatar-edit-empty{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--text3);font-size:13px;font-weight:700;
}
.avatar-edit-tools{position:relative;margin:0 4px}
.avatar-edit-preview:not(.has-image) + .avatar-edit-tools{display:none}
.avatar-edit-modal:has(.avatar-edit-preview:not(.has-image)){
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto;
}
.avatar-edit-modal:has(.avatar-edit-preview:not(.has-image)) .avatar-edit-head{margin-bottom:0}
.avatar-edit-modal:has(.avatar-edit-preview:not(.has-image)) .avatar-edit-preview{grid-row:3;margin:0 auto}
.avatar-edit-modal:has(.avatar-edit-preview:not(.has-image)) .avatar-edit-actions{grid-row:5;margin-top:0}
.avatar-edit-range-label{position:absolute;left:0;top:-20px;font-size:12px;font-weight:800;color:var(--text2)}
.avatar-edit-range{
  width:100%;height:18px;accent-color:#EC221F;margin:0 0 6px;
  appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;
}
.avatar-edit-range::-webkit-slider-runnable-track{
  height:8px;border:none;border-radius:999px;background:#deded9;
}
.avatar-edit-range::-webkit-slider-thumb{
  -webkit-appearance:none;width:16px;height:16px;border:none;border-radius:50%;
  background:#EC221F;margin-top:-4px;box-shadow:none;
}
.avatar-edit-range::-moz-range-track{
  height:8px;border:none;border-radius:999px;background:#deded9;
}
.avatar-edit-range::-moz-range-thumb{
  width:16px;height:16px;border:none;border-radius:50%;
  background:#EC221F;box-shadow:none;
}
.avatar-edit-help{margin:0;color:var(--muted);font-size:12px;line-height:1.45;text-align:center}
.avatar-edit-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin:0}
.avatar-edit-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  font-family:var(--site-font);
  transition:all .15s;
  letter-spacing:-.2px;
  min-width:58px;
  min-height:32px;
  padding:6px 12px;
  white-space:nowrap;
}
.avatar-edit-action svg{width:14px;height:14px;flex-shrink:0}
.avatar-edit-action span{line-height:1}
.avatar-edit-action:not(.avatar-edit-save){
  background:#fff;
  border:1.5px solid var(--border-strong);
  color:var(--text2);
}
.avatar-edit-action:not(.avatar-edit-save):hover{background:#fff;border-color:#bcbcb6;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.avatar-edit-action:not(.avatar-edit-save):active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.avatar-edit-delete{color:#EC221F!important;border-color:#ffd5d5!important}
.avatar-edit-save{border:none;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 2px 8px rgba(255,69,0,.3)}
.avatar-edit-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,69,0,.4)}
.avatar-edit-save:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px rgba(255,69,0,.3)}
.avatar-edit-save:disabled{background:#ddd;border-color:#ddd;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}
.profile-edit-modal-overlay{
  display:none;position:fixed;inset:0;z-index:10000;
  background:rgba(0,0,0,.42);
  align-items:center;justify-content:center;
  padding:18px;
}
.profile-edit-modal-overlay.open{display:flex}
.profile-edit-modal-head{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:18px;text-align:center}
.profile-edit-modal-title{font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.03em}
.profile-edit-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 0 0;
  border:none;
  background:transparent;
  box-shadow:none;
  margin-bottom:8px;
}
.profile-edit-avatar-button{
  position:relative;
  width:100px;height:100px;border:none;border-radius:50%;
  background:transparent;padding:0;cursor:pointer;
  transition:transform .16s ease;
}
.profile-edit-avatar-preview{
  width:100px;height:100px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:var(--avatar-bg,#f9f9f9);
  border:1px solid var(--border-light);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  color:var(--text3);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.profile-edit-avatar-button:hover{transform:translateY(-1px)}
.profile-edit-avatar-button:hover .profile-edit-avatar-preview{
  border-color:#ffd0d0;
  box-shadow:0 12px 30px rgba(255,34,34,.13),0 8px 22px rgba(0,0,0,.08);
}
.profile-edit-avatar-button:active{transform:scale(.985)}
.profile-edit-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-edit-avatar-preview.has-image{background:#fff}
.profile-edit-avatar-preview svg{width:50px;height:50px}
.profile-edit-avatar-mark{
  position:absolute;right:0;bottom:3px;
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#EC221F;color:#fff;border:2px solid #EC221F;
  box-shadow:0 6px 14px rgba(255,34,34,.24);
  transition:box-shadow .16s ease;
}
.profile-edit-avatar-button:hover .profile-edit-avatar-mark{box-shadow:0 8px 16px rgba(236,34,31,.3)}
.profile-edit-avatar-mark svg{width:13px;height:13px}
.profile-edit-modal-body{
  display:grid;
  grid-template-columns:1fr;
  row-gap:10px;
}
.profile-edit-field-block{min-width:0;display:flex;flex-direction:column;gap:4px}
.profile-edit-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.profile-edit-field > span{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:-.02em}
.profile-edit-field input,
.profile-edit-field select,
.profile-edit-country-trigger{
  width:100%;height:42px;border:1px solid var(--border-strong);border-radius:12px;
  background:#fff;color:var(--text);font-size:14px;font-weight:700;
  font-family:var(--site-font);outline:none;padding:0 13px;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.profile-edit-input-wrap{position:relative;display:block;width:100%;height:42px}
.profile-edit-input-wrap input{
  position:relative;
  z-index:2;
  background:transparent;
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text);
}
.profile-edit-input-wrap input:disabled{cursor:default;pointer-events:none}
.profile-edit-input-ghost{
  position:absolute;
  z-index:1;
  left:13px;right:13px;top:0;
  height:42px;
  display:flex;align-items:center;
  min-width:0;
  overflow:hidden;
  white-space:pre;
  font-size:14px;
  font-weight:700;
  font-family:var(--site-font);
  letter-spacing:0;
  pointer-events:none;
}
.profile-edit-input-ghost-main{color:var(--text);white-space:pre}
.profile-edit-input-ghost-hint{color:var(--muted2);white-space:pre}
.profile-edit-handle-prefix{
  position:absolute;
  z-index:3;
  left:13px;top:0;
  height:42px;
  display:flex;align-items:center;
  color:var(--text);
  font-size:14px;
  font-weight:700;
  font-family:var(--site-font);
  pointer-events:none;
}
.profile-edit-handle-wrap input{padding-left:27px}
.profile-edit-handle-wrap .profile-edit-input-ghost{left:27px}
.profile-edit-handle-wrap.is-loading input{padding-left:13px}
.profile-edit-handle-wrap.is-loading .profile-edit-handle-prefix{display:none}
.profile-edit-handle-wrap.is-loading .profile-edit-input-ghost{left:13px}
.profile-edit-field input:focus,
.profile-edit-field select:focus,
.profile-edit-country-trigger:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(255,34,34,.08);
}
.profile-edit-country-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  cursor:pointer;text-align:left;
}
.profile-edit-country-trigger:disabled{cursor:default;pointer-events:none;opacity:1}
.profile-edit-modal-overlay.is-loading .profile-edit-country-trigger span{color:var(--muted2)}
.profile-edit-country-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-edit-country-modal.cc-country-modal{display:none;position:fixed;inset:0;z-index:10010;background:transparent;align-items:center;justify-content:center}
.profile-edit-country-modal.cc-country-modal.open{display:flex}
.profile-edit-country-modal .cc-country-box{background:#fff;border-radius:24px;width:90%;max-width:420px;height:min(520px,70vh);max-height:70vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column}
.profile-edit-country-modal .cc-country-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.profile-edit-country-modal .cc-country-header h3{font-size:15px;font-weight:800;margin:0}
.profile-edit-country-modal .cc-country-close{background:none;border:none;cursor:pointer;color:var(--text3);padding:4px}
.profile-edit-country-modal .cc-country-close:hover{background:transparent}
.profile-edit-country-modal .cc-country-search{padding:12px 16px;border-bottom:none}
.profile-edit-country-modal .cc-country-search-input{position:relative;display:flex;align-items:center}
.profile-edit-country-modal .cc-country-search-input i,
.profile-edit-country-modal .cc-country-search-input svg{position:absolute;left:12px;width:15px;height:15px;color:var(--muted);pointer-events:none}
.profile-edit-country-modal .cc-country-search input{width:100%;height:36px;border:1.5px solid var(--border-strong);border-radius:999px;padding:0 10px 0 34px;font-size:14px;font-family:var(--site-font);outline:none;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.profile-edit-country-modal .cc-country-search input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(255,69,0,.08)}
.profile-edit-country-modal .cc-country-list{overflow-y:auto;overflow-x:hidden;padding:0 2px 8px 0;flex:1 1 auto;min-height:0}
.profile-edit-country-modal .cc-country-group-title{padding:9px 20px 5px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:-.1px}
.profile-edit-country-modal .cc-country-item{display:flex;align-items:center;gap:10px;width:calc(100% + 10px);box-sizing:border-box;padding:11px 20px;cursor:pointer;font-size:15px;transition:background .1s}
.profile-edit-country-modal .cc-country-item:hover{background:var(--bg-hover,#f5f5f5)}
.profile-edit-country-modal .cc-country-item.selected{background:var(--bg-hover,#f5f5f5);color:var(--text)}
.profile-edit-country-modal .cc-country-item .flag{--country-flag-size:15px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;flex:0 0 auto;overflow:visible;color:currentColor;font-size:var(--country-flag-size);line-height:1}
.profile-edit-country-modal .cc-country-item .flag svg{width:var(--country-flag-size);height:var(--country-flag-size);display:block}
.profile-edit-country-modal .cc-country-empty{padding:24px 16px;text-align:center;font-size:12px;color:var(--muted);line-height:1.6}
.profile-edit-modal-error{
  max-height:0;
  opacity:0;
  overflow:hidden;
  color:#EC221F;
  font-size:12px;
  font-weight:400;
  line-height:1.45;
  padding-left:2px;
  box-sizing:border-box;
  transform:translateY(-2px);
  transition:max-height .22s ease,opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.profile-edit-modal-error.is-visible{
  max-height:34px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.profile-edit-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.profile-edit-modal-btn{
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
  font-family:var(--site-font);
  transition:all .15s;
  letter-spacing:-.2px;
  min-width:58px;
  min-height:32px;
  padding:6px 12px;
}
.profile-edit-modal-cancel{background:#fff;border:1.5px solid var(--border-strong);color:var(--text2)}
.profile-edit-modal-cancel:hover{background:#fff;border-color:#bcbcb6;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.profile-edit-modal-cancel:active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.profile-edit-modal-save{border:none;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 2px 8px rgba(255,69,0,.3)}
.profile-edit-modal-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,69,0,.4)}
.profile-edit-modal-save:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px rgba(255,69,0,.3)}
.profile-edit-modal-save:disabled,
.profile-edit-modal-save:disabled:hover,
.profile-edit-modal-save:disabled:active{background:#ddd;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}
.profile-settings-widget{
  width:100%;
  max-width:100%;
  padding:6px 0;
  overflow:hidden;
  position:relative;
}
/* 슬라이드 컨테이너 */
.settings-slider{
  position:relative;
  overflow:hidden;
}
.settings-slide{
  padding:0 4px;
  transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .22s ease;
}
.settings-slide:first-child{
  transform:translateX(0);
  opacity:1;
}
.settings-slide[data-slide]{
  position:absolute;top:0;left:0;right:0;
  transform:translateX(100%);
  opacity:0;
  pointer-events:none;
}
.settings-slide[data-slide].active{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  position:relative;
}
.settings-slide[data-slide="language"]{
  display:flex;
  flex-direction:column;
  height:var(--settings-root-height,390px);
  min-height:0;
}
.settings-slide[data-slide="language"] .settings-account-head{
  flex:0 0 auto;
}
.settings-slider.has-sub>.settings-slide:first-child{
  position:absolute;
  transform:translateX(-100%);
  opacity:0;
  pointer-events:none;
}
/* 리스트 */
.profile-settings-list{display:flex;flex-direction:column;gap:0}
.settings-lang-search{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  margin:0 14px 8px;
  padding:0 10px;
  border:1.5px solid var(--border-strong);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  flex:0 0 auto;
  box-sizing:border-box;
  contain:layout paint;
  transition:border-color .15s,background .15s,box-shadow .15s;
}
.settings-lang-search:focus-within{
  border-color:var(--orange);
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,69,0,.08);
}
.settings-lang-search svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
}
.settings-lang-search input{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font:600 13px/36px var(--site-font);
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
}
.settings-lang-search input::placeholder{color:var(--muted)}
.settings-lang-search input::-webkit-search-cancel-button,
.settings-lang-search input::-webkit-search-decoration{
  display:none;
  -webkit-appearance:none;
}
.settings-lang-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:2px;
  contain:layout paint;
}
.profile-settings-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  cursor:pointer;
  transition:background .12s;
  border-radius:8px;
}
.profile-settings-item:hover{background:var(--bg-hover,#f5f5f5)}
.profile-settings-item:active{background:#eee}
.settings-item-left{display:flex;align-items:center;gap:12px;min-width:0}
.settings-item-left .settings-item-icon{
  width:18px;height:18px;flex-shrink:0;color:var(--text2);
}
.profile-settings-title{
  font-size:14px;
  font-weight:500;
  color:var(--text);
  line-height:1.3;
}
.profile-settings-desc{
  font-size:11px;
  color:var(--muted);
  line-height:1.4;
  margin-top:1px;
}
.settings-item-right{
  display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--muted);
}
.settings-item-right svg{width:16px;height:16px;color:var(--text)}
.settings-item-value{font-size:12px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-settings-item.profile-settings-logout .profile-settings-title{color:var(--text)}
.profile-settings-item.profile-settings-logout .settings-item-icon{color:var(--text2)}
.profile-settings-item.profile-settings-logout:hover{background:var(--bg-hover,#f5f5f5)}
/* 계정 정보 슬라이드 */
.settings-account-head{
  display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;
  min-height:28px;
  padding:8px 14px 8px 6px;margin-bottom:2px;
  position:relative;
}
.settings-back-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:none;background:transparent;
  cursor:pointer;border-radius:50%;transition:background .12s;
  color:var(--text);margin-right:0;flex-shrink:0;
}
.settings-back-btn:hover{background:var(--bg-hover,#f5f5f5)}
.settings-back-btn svg{display:block;width:18px;height:18px}
.settings-account-title{
  display:block;
  min-height:28px;line-height:28px;
  transform:translateY(0);
  font-size:15px;font-weight:700;color:var(--text);
}
.settings-divider{height:1px;background:var(--border-light);margin:2px 14px}
.profile-settings-item.settings-danger .profile-settings-title{color:var(--text)}
.profile-settings-item.settings-danger .settings-item-icon{color:var(--text2)}
.profile-settings-item.settings-danger:hover{background:var(--bg-hover,#f5f5f5)}
/* 편집 액션 버튼 — 슬라이드 애니메이션 */
.settings-edit-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:0 14px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .25s ease;
}
.settings-edit-actions.show{
  max-height:44px;
  opacity:1;
  padding:4px 14px 6px;
}
.settings-edit-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 0;border-radius:999px;font-size:12px;font-weight:600;
  cursor:pointer;font-family:var(--site-font);transition:all .15s;
  border:none;
}
.settings-edit-btn.btn-save{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 2px 8px rgba(255,69,0,.3)}
.settings-edit-btn.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,69,0,.4)}
.settings-edit-btn.btn-save:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px rgba(255,69,0,.3)}
.settings-edit-btn.btn-cancel-e{background:#fff;color:var(--text2);border:1.5px solid var(--border-strong)}
.settings-edit-btn.btn-cancel-e:hover{background:#fff;border-color:#bcbcb6;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.settings-edit-btn.btn-cancel-e:active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
/* 프로필 수정 아이템 editing 상태 */
#btnEdit.is-editing{background:var(--bg-hover,#f5f5f5)}
#btnEdit.is-editing .profile-settings-title{color:var(--orange)}
#btnEdit.is-editing .settings-item-icon{color:var(--orange)}
.profile-settings-copy{min-width:0}
/* 계정 정보 — 서브 슬라이드 폼 */
.settings-form-area{
  display:flex;flex-direction:column;gap:10px;
  padding:4px 14px 14px;
}
.settings-form-current{
  font-size:12px;color:var(--muted);padding:2px 2px 4px;
}
.settings-form-current span{color:var(--text);font-weight:600}
.acc-input{
  width:100%;padding:19px 13px 5px;border:1px solid var(--border-strong);
  border-radius:12px;font-size:14px;font-family:var(--site-font);
  outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-sizing:border-box;
}
.acc-input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(255,34,34,.08)}
.settings-form-area .float-field{position:relative}
.settings-form-area .float-field label{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  font-size:13px;color:var(--muted);pointer-events:none;
  transition:all .18s ease;line-height:1;
}
.settings-form-area .float-field .acc-input::placeholder{color:transparent}
.settings-form-area .float-field .acc-input:focus+label,
.settings-form-area .float-field .acc-input:not(:placeholder-shown)+label{
  top:7px;transform:translateY(0);font-size:10px;color:var(--muted2);
}
.acc-panel-btn{
  width:100%;height:34px;padding:0;border:none;border-radius:999px;
  background:var(--orange);color:#fff;font-size:13px;font-weight:700;
  cursor:pointer;font-family:var(--site-font);transition:all .15s;
  text-align:center;line-height:34px;-webkit-appearance:none;appearance:none;
}
.settings-slide[data-slide="emailChange"] .acc-panel-btn,
.settings-slide[data-slide="pwChange"] .acc-panel-btn,
.settings-slide[data-slide="adminPw"] .acc-panel-btn{
  height:30px;
  line-height:30px;
}
.acc-panel-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,69,0,.4)}
.forgot-pw-link{
  display:block;text-align:left;font-size:11px;color:var(--muted);
  cursor:pointer;padding:2px 0 0;
  text-decoration:none;transition:color .15s;
}
.settings-slide[data-slide="pwChange"] .forgot-pw-link{
  padding-top:0;
  margin-top:-2px;
  line-height:1;
  padding-left:6px;
}
.settings-slide[data-slide="adminPw"] .forgot-pw-link{
  padding-top:0;
  margin-top:-2px;
  line-height:1;
  padding-left:6px;
}
.forgot-pw-link:hover{color:var(--orange);text-decoration:none}
.acc-panel-msg{
  display:block;
  font-size:11px;
  line-height:1.4;
  min-height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-2px);
  transition:max-height .22s ease,opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.settings-form-area .acc-panel-msg{
  width:100%;
  margin:0;
  box-sizing:border-box;
  overflow-wrap:anywhere;
}
.settings-slide[data-slide="emailChange"] #accEmailMsg:empty,
.settings-slide[data-slide="pwChange"] #accPwMsg:empty,
.settings-slide[data-slide="adminPw"] #settingsAdminPwMsg:empty{
  max-height:0;
  opacity:0;
  transform:translateY(-2px);
}
.settings-form-area .acc-panel-msg:not(:empty){
  max-height:90px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.settings-slide[data-slide="emailChange"] #accEmailMsg:empty+.acc-panel-btn{
  margin-top:4px;
}
.settings-slide[data-slide="pwChange"] #accPwBtn{
  margin-top:6px;
}
.settings-slide[data-slide="adminPw"] #settingsAdminPwMsg:empty+.acc-panel-btn{
  margin-top:6px;
}
.acc-panel-msg.error{color:#EC221F}
.acc-panel-msg.success{color:#2e7d32}
/* 소셜 연동 */
.acc-social-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 0;
}
.settings-slide[data-slide="social"] .settings-form-area{
  gap:0;
  padding:10px 14px;
}
.settings-slide[data-slide="social"] .acc-social-row{
  padding:0;
}
.settings-slide[data-slide="social"] #accSocialMsg:empty{
  display:none;
}
.settings-slide[data-slide="social"] #accSocialMsg:not(:empty){
  margin-top:6px;
}
.acc-social-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text)}
.acc-social-btn{
  height:22px;min-width:72px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:700;
  display:inline-block;text-align:center;line-height:18px;vertical-align:middle;
  cursor:pointer;font-family:var(--site-font);transition:all .15s;
  border:1.5px solid var(--border-strong);background:#fff;color:var(--text2);
  -webkit-appearance:none;appearance:none;
}
.acc-social-btn:hover{background:#fff;border-color:#bcbcb6;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.acc-social-btn:active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.acc-social-btn.linked{background:#fff;color:var(--text2);border-color:var(--border-strong)}
/* 비밀번호 Google 안내 */
.acc-pw-notice{
  display:flex;align-items:flex-start;gap:8px;
  padding:10px 12px;border-radius:10px;
  background:#fff8f0;border:1px solid #ffe0c0;
  font-size:11px;color:var(--text2);line-height:1.5;
}
.acc-pw-notice svg{flex-shrink:0;margin-top:1px}
/* 계정 탈퇴 모달 */
.delete-account-overlay{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.45);
  justify-content:center;align-items:center;
}
.delete-account-overlay.open{display:flex}
.delete-account-modal{
  position:relative;
  background:#fff;border-radius:16px;padding:32px 28px 24px;
  width:340px;max-width:90vw;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
  animation:deleteModalIn .22s ease;
}
@keyframes deleteModalIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.delete-modal-icon{margin:0 auto 14px}
.delete-modal-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:8px}
.delete-modal-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.delete-modal-confirm-label{font-size:12px;color:var(--text2);margin-bottom:10px;line-height:1.5}
.delete-modal-confirm-label b{color:#EC221F}
.delete-modal-input{
  width:100%;height:42px;padding:0 13px;border:1px solid var(--border-strong);
  border-radius:12px;font-size:14px;font-family:var(--site-font);
  outline:none;text-align:center;box-sizing:border-box;
  background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.delete-modal-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,34,34,.08)}
.delete-modal-input.matched{border-color:#EC221F;background:#fff5f3}
.delete-modal-btn{
  width:100%;padding:11px 0;border:none;border-radius:999px;
  background:#ccc;color:#fff;font-size:14px;font-weight:700;
  cursor:not-allowed;font-family:var(--site-font);
  transition:transform .15s,box-shadow .2s,background .15s,filter .15s;
  margin-top:12px;
}
.delete-modal-btn:not(:disabled){
  background:#EC221F;cursor:pointer;
  box-shadow:var(--red-btn-shadow,0 2px 8px rgba(236,34,31,.3));
}
.delete-modal-btn:not(:disabled):hover{
  background:#EC221F;transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(236,34,31,.4);
  filter:saturate(1.03);
}
.delete-modal-btn:not(:disabled):active{
  transform:translateY(0) scale(.98);
  box-shadow:0 3px 10px rgba(236,34,31,.3);
}
/* 토글 스위치 */
.settings-toggle{position:relative;width:40px;height:22px;flex-shrink:0}
.settings-toggle input{opacity:0;width:0;height:0}
.settings-toggle-slider{
  position:absolute;inset:0;
  background:#ccc;border-radius:22px;
  cursor:pointer;transition:background .2s;
}
.settings-toggle-slider::before{
  content:'';position:absolute;
  width:18px;height:18px;left:2px;bottom:2px;
  background:#fff;border-radius:50%;
  transition:transform .2s;
}
.settings-toggle input:checked+.settings-toggle-slider{background:var(--orange)}
.settings-toggle input:checked+.settings-toggle-slider::before{transform:translateX(18px)}
/* 라디오 */
.settings-radio{
  width:20px;height:20px;border-radius:50%;
  border:2px solid var(--border-strong,#ccc);
  position:relative;transition:border-color .15s;
}
.settings-radio.active{border-color:var(--orange)}
.settings-radio.active::after{
  content:'';position:absolute;
  width:10px;height:10px;border-radius:50%;
  background:var(--orange);
  top:50%;left:50%;transform:translate(-50%,-50%);
}

/* 오른쪽 */
.profile-right{min-width:0;padding-top:6px}

/* 닉네임 행 */
.profile-top-row{position:relative;display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;flex-wrap:wrap;padding-right:44px}
.name-country-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1 1 auto;min-width:0;max-width:100%}
.name-country-top{position:relative;display:block;min-width:0;width:100%;max-width:100%;min-height:34px}
.name-edit-wrap{
  position:relative;
  display:block;
  flex:1 1 auto;
  min-width:0;
  width:100%;
  max-width:100%;
  min-height:34px;
  overflow:hidden;
  transition:height .2s ease;
}
.name-measure{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:100%;
  max-width:100%;
  visibility:hidden;
  pointer-events:none;
  font-family:var(--site-font);
  font-size:28px;
  font-weight:800;
  letter-spacing:-.2px;
  line-height:34px;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:pre-wrap;
  z-index:-1;
}
.profile-name{
  display:block;
  width:100%;
  max-width:100%;
  max-height:68px;
  overflow:hidden;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-family:var(--site-font);
  font-size:28px;
  font-weight:800;
  letter-spacing:-.2px;
  color:var(--text);
  line-height:34px;
  transition:opacity .2s ease,transform .2s ease;
}
.name-ghost{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  max-height:68px;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:pre-wrap;
  font-family:var(--site-font);
  font-size:28px;
  font-weight:800;
  letter-spacing:-.2px;
  line-height:34px;
  color:var(--muted2);
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
  z-index:1;
}
.name-edit-wrap[data-name-fit="1"] .profile-name,
.name-edit-wrap[data-name-fit="1"] .name-ghost,
.name-edit-wrap[data-name-fit="1"] .nick-input,
.name-edit-wrap[data-name-fit="1"] .name-measure{
  font-size:27px;
  line-height:33px;
}
.name-edit-wrap[data-name-fit="2"] .profile-name,
.name-edit-wrap[data-name-fit="2"] .name-ghost,
.name-edit-wrap[data-name-fit="2"] .nick-input,
.name-edit-wrap[data-name-fit="2"] .name-measure{
  font-size:25px;
  line-height:31px;
}
.name-edit-wrap[data-name-fit="3"] .profile-name,
.name-edit-wrap[data-name-fit="3"] .name-ghost,
.name-edit-wrap[data-name-fit="3"] .nick-input,
.name-edit-wrap[data-name-fit="3"] .name-measure{
  font-size:23px;
  line-height:29px;
}
.profile-handle-row{position:relative;display:flex;align-items:flex-start;gap:2px;min-height:18px;width:100%;min-width:0;flex-wrap:wrap;--handle-input-offset:0px}
.profile-handle{
  display:block;
  min-width:0;
  max-width:100%;
  padding:0;
  border-radius:0;
  background:transparent;
  border:none;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.handle-prefix{display:none;color:var(--muted2);font-size:14px;font-weight:700;line-height:1.35;margin-right:2px}
.handle-edit-wrap{position:relative;display:none;align-items:center;flex:1 1 180px;min-width:0;max-width:100%;height:24px}
.handle-ghost{position:absolute;left:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--muted2);font-size:14px;font-weight:700;line-height:24px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease;z-index:1}
.handle-input{width:100%;height:24px;padding:0;border:none;border-radius:0;background:transparent;color:var(--text2);font-size:14px;font-weight:700;font-family:var(--site-font);outline:none;position:absolute;left:0;top:0;z-index:2}
.handle-input:focus{border:none;box-shadow:none}
.handle-input::placeholder{color:var(--muted2)}
.profile-edit-errors{display:flex;flex-direction:column;gap:2px;width:100%}
.profile-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;background:var(--tag-bg);border:1px solid var(--border-strong);color:var(--muted)}
.profile-inline-stats{margin-top:12px}
.profile-top-row .profile-inline-stats .stat-row-main{transform:translateY(-12px)}
.activity-country-slot{
  position:absolute;
  left:0;
  top:-4px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-left:0;
  transform:translate3d(0,0,0);
  transition:transform .24s ease;
  will-change:transform;
  z-index:4;
  pointer-events:auto;
}
.live-country-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;
  min-height:26px;
  border-radius:999px;
  background:#fff;
  border:1px solid #c7cec9;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  color:#555b57;
  font-size:11px;
  font-weight:500;
  font-family:var(--site-font);
  white-space:nowrap;
  line-height:1;
}
.live-country-badge::before{
  content:'';
  width:6px;height:6px;border-radius:50%;
  background:#929a94;
}
.live-country-badge.is-live{
  background:#f3f9f5;
  border-color:#d4e7da;
  box-shadow:none;
  color:#3c7d54;
}
.live-country-badge.is-live::before{
  background:#58a474;
  animation:adminPulse 1.5s ease-in-out infinite;
}

.activity-country-edit{position:relative;display:none;z-index:12}
.activity-country-trigger{
  border-color:#c9dfd1;
  background:#f3f9f5;
  color:#3c7d54;
  cursor:pointer;
  font-family:var(--site-font);
  outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.activity-country-trigger:hover,
.activity-country-trigger:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(255,69,0,.08);
}
.activity-country-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.activity-country-caret{width:13px;height:13px;flex-shrink:0}
.activity-country-modal{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:120;
  width:min(276px,calc(100vw - 40px));
}
.activity-country-modal.open{display:block}
.activity-country-sheet{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  width:100%;
  max-height:min(50vh,360px);
  overflow:hidden;
  box-shadow:0 16px 34px rgba(0,0,0,.14);
  display:flex;
  flex-direction:column;
}
.activity-country-head{
  padding:10px 10px 10px 14px;
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.activity-country-head h3{margin:0;font-size:13px;font-weight:700;color:var(--text)}
.activity-country-close{
  width:26px;height:26px;border-radius:50%;
  border:none;background:transparent;color:var(--text3);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.activity-country-close:hover{background:transparent}
.activity-country-search{padding:8px 10px;border-bottom:none}
.activity-country-search-input{position:relative;display:flex;align-items:center}
.activity-country-search-icon{position:absolute;left:11px;width:14px;height:14px;color:var(--muted);pointer-events:none}
.activity-country-search input{
  width:100%;
  height:32px;
  border:1.5px solid var(--border-strong);
  border-radius:999px;
  padding:0 12px 0 31px;
  font-size:12px;
  font-family:var(--site-font);
  outline:none;
  background:#fff;
  transition:border-color .15s,background .15s,box-shadow .15s;
}
.activity-country-search input:focus{
  border-color:var(--orange);
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,69,0,.08);
}
.activity-country-list{padding:0 2px 4px 0;overflow-y:auto;overflow-x:hidden;flex:1;max-height:228px}
.activity-country-group-title{
  padding:8px 12px 5px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.1px;
}
.activity-country-item{
  width:calc(100% + 10px);
  box-sizing:border-box;
  border:none;
  background:#fff;
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 12px;
  cursor:pointer;
  text-align:left;
  font-family:var(--site-font);
  font-size:14px;
  transition:background .12s ease;
}
.activity-country-item:hover{background:var(--bg-hover,#f5f5f5)}
.activity-country-item.selected{background:var(--bg-hover,#f5f5f5)}
.activity-country-flag{
  --country-flag-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
  overflow:visible;
  color:currentColor;
  font-size:var(--country-flag-size);
  line-height:1;
  text-align:center;
}
.activity-country-flag svg{width:var(--country-flag-size);height:var(--country-flag-size);display:block}
.activity-country-item-name{display:inline;max-width:100%;min-width:0;flex:0 1 auto;font-size:inherit;font-weight:500;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-country-empty{padding:24px 16px;text-align:center;font-size:12px;color:var(--muted);line-height:1.6}
.profile-top-row.editing .activity-country-view{display:none}
.profile-top-row.editing .activity-country-edit{display:inline-flex}

.profile-top-actions{position:absolute;top:-6px;right:0;display:flex;align-items:flex-start;gap:8px;z-index:5}
.profile-follow-btn{
  min-width:76px;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--orange);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  font-family:var(--site-font);
  line-height:1;
  white-space:nowrap;
  transform:translateY(0);
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
  box-shadow:0 10px 20px rgba(236,34,31,.16);
}
.profile-follow-btn:hover{background:var(--orange-hover);transform:translateY(-1px)}
.profile-follow-btn.following{
  background:#FAFAF9;
  color:#4f4b46;
  border:1px solid #d7d2c9;
  box-shadow:none;
}
.profile-follow-btn.following:hover{background:#e6e4df;transform:translateY(-1px)}
.profile-follow-btn:disabled{opacity:.6;cursor:wait}
.profile-admin-gear-btn{
  width:30px;height:30px;
  border:none;
  background:transparent;
  color:#555;
  padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
  margin-left:6px;
  transition:color .15s,transform .15s;
  flex-shrink:0;
}
.profile-admin-gear-btn:hover{color:#EC221F;transform:translateY(-1px)}
.profile-admin-gear-btn i,.profile-admin-gear-btn svg{width:20px;height:20px}
.profile-meta-info{position:relative;display:inline-flex;align-items:center}
.profile-meta-btn{
  position:relative;
  width:36px;height:36px;border-radius:50%;
  border:none;background:transparent;color:#111;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:700;cursor:pointer;font-family:var(--site-font);
  transition:all .15s;
}
.profile-meta-btn i,.profile-meta-btn svg{width:19px;height:19px;display:block;flex-shrink:0}
.profile-meta-btn:hover{color:#111;background:var(--tag-bg)}
.profile-meta-btn.is-settings-entry{color:var(--text2)}
.profile-meta-btn.is-settings-entry:hover{color:var(--orange);background:var(--orange-pale)}
.profile-meta-tooltip{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:6px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .16s ease,transform .16s ease;
  z-index:20;
}
.profile-meta-tooltip::before{
  content:'';
  position:absolute;
  top:-7px;
  right:12px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid var(--border);
  border-top:1px solid var(--border);
  transform:rotate(45deg);
}
.profile-meta-info.open .profile-meta-tooltip{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.profile-meta-line{font-size:12px;color:#111;line-height:1.5}

/* 더보기 드롭다운 메뉴 */
.profile-more-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:168px;
  padding:5px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:1px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .14s ease,transform .14s ease;
  z-index:30;
}
.profile-more-menu.open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.profile-more-item{
  all:unset;
  box-sizing:border-box;
  display:flex;align-items:center;gap:9px;
  padding:9px 12px;
  border-radius:7px;
  font-size:13px;font-weight:600;color:var(--text);
  cursor:pointer;
  font-family:var(--site-font);
  transition:background .12s;
  white-space:nowrap;
}
.profile-more-item:hover{background:var(--bg-subtle,#f5f5f5)}
.profile-more-item i,.profile-more-item svg{width:15px;height:15px;flex-shrink:0;color:var(--text2)}
.profile-more-item.danger{color:var(--text)}
.profile-more-item.danger i,.profile-more-item.danger svg{color:var(--text2)}

/* 정보 팝업 (기존 tooltip 스타일 재활용, click-toggle) */
.profile-info-popup{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:6px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .16s ease,transform .16s ease;
  z-index:31;
}
.profile-info-popup::before{
  content:'';
  position:absolute;
  top:-7px;
  right:12px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid var(--border);
  border-top:1px solid var(--border);
  transform:rotate(45deg);
}
.profile-info-popup.open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

/* ─── 차단된 프로필 오버레이 ─── */
.profile-blocked-overlay{display:none}
.profile-blocked-overlay.active{
  display:flex;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  align-items:center;
  justify-content:center;
  z-index:20;
  padding:0 16px;
  width:100%;
  max-width:calc(100% - 0px);
  pointer-events:none;
  box-sizing:border-box;
}
/* 차단된 프로필: 카드 + 분류바까지 그대로 표시, 게시물 리스트만 숨김 */
body.is-blocked-profile .profile-posts-list{display:none !important}
body.is-blocked-profile .profile-card{position:relative}
/* 카드·분류바 회색 처리 + 잠금 (오버레이 카드는 제외) */
body.is-blocked-profile .profile-card > .profile-main,
body.is-blocked-profile .profile-posts-head,
body.is-blocked-profile .profile-posts-section{
  filter:grayscale(1);
  opacity:.55;
  pointer-events:none !important;
  user-select:none;
}
.profile-blocked-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:14px 18px;
  display:inline-flex;align-items:center;gap:14px;
  box-shadow:0 12px 32px rgba(44,44,36,.22),0 2px 8px rgba(44,44,36,.12),inset 0 1px 0 rgba(255,255,255,.9);
  pointer-events:auto;
  max-width:100%;
}
.profile-blocked-icon{
  width:22px;height:22px;
  color:#EC221F;
  flex-shrink:0;
}
.profile-blocked-text{flex:1;min-width:0}
.profile-blocked-title{
  font-size:14px;font-weight:800;color:var(--text);
  line-height:1.3;
}
.profile-blocked-desc{
  font-size:12px;color:var(--text3);
  margin-top:2px;
}
.profile-blocked-btn{
  all:unset;
  box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 16px;
  border-radius:20px;
  background:#EC221F;color:#fff;
  font-size:13px;font-weight:700;
  cursor:pointer;
  font-family:var(--site-font);
  transition:background .15s,transform .15s;
  flex-shrink:0;
}
.profile-blocked-btn:hover{background:#d41e1b;transform:translateY(-1px)}

/* ─── 차단 목록 행 ─── */
.blocked-user-row{
  display:flex;align-items:center;gap:12px;
  padding:13px 14px;
  cursor:pointer;
  transition:background .12s;
  border-radius:8px;
}
.blocked-user-row:hover{background:var(--bg-hover,#f5f5f5)}
.blocked-user-row:active{background:#eee}
.blocked-user-avatar{
  width:34px;height:34px;border-radius:50%;
  object-fit:cover;flex-shrink:0;
  border:var(--avatar-border,1px solid var(--border-light));
  background:#fff;
  display:block;
}
.blocked-user-avatar-empty{
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--muted);
  border:var(--avatar-border,1px solid var(--border-light));
  background:var(--avatar-bg,#f9f9f9);
}
.blocked-user-meta{flex:1;min-width:0}
.blocked-user-nick{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blocked-user-handle{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blocked-user-unbtn{
  all:unset;box-sizing:border-box;
  padding:6px 12px;border-radius:16px;
  border:1px solid var(--border-strong);
  font-size:12px;font-weight:700;color:var(--text2);
  cursor:pointer;flex-shrink:0;
  font-family:var(--site-font);
  transition:background .15s,border-color .15s,color .15s;
}
.blocked-user-unbtn:hover{background:#fdecec;border-color:#EC221F;color:#EC221F}

/* 인라인 입력 */
.nick-input{
  font-family:var(--site-font);font-size:28px;font-weight:800;letter-spacing:-.2px;line-height:34px;
  color:var(--text);
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;margin:0;
  outline:none;
  width:100%;
  min-height:34px;
  height:34px;
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  opacity:1;
  pointer-events:auto;
  -webkit-appearance:none;appearance:none;
  resize:none;
  overflow:hidden;
  white-space:pre-wrap;
  word-break:break-word;
}
.profile-top-row.editing .profile-name{opacity:1}
.profile-top-row.editing .profile-name{pointer-events:none}
.profile-top-row.editing .name-ghost{opacity:0}
.profile-top-row.editing .nick-input{
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text);
  pointer-events:auto;
}
.profile-top-row.editing .profile-name-main{color:var(--text)}
.profile-top-row.editing .profile-name-hint{color:var(--muted2)}
.profile-top-row.editing .name-edit-wrap.is-pristine .profile-name{opacity:1}
.profile-top-row.editing .name-edit-wrap.is-pristine .name-ghost{opacity:0}
.profile-top-row.editing .name-edit-wrap.is-pristine .nick-input{
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text);
  pointer-events:auto;
}
.profile-top-row.editing .profile-handle{display:block}
.profile-top-row.editing .profile-handle{pointer-events:none}
.profile-top-row.editing .handle-prefix{display:none}
.profile-top-row.editing .handle-edit-wrap{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:block;
}
.profile-top-row.editing .handle-ghost{opacity:0}
.profile-top-row.editing .handle-input{
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text2);
  line-height:1.35;
  height:100%;
  box-sizing:border-box;
  padding-left:var(--handle-input-offset,0px);
  pointer-events:auto;
}
.profile-top-row.editing .profile-handle-prefix{color:var(--muted2)}
.profile-top-row.editing .profile-handle-main{color:var(--text2)}
.profile-top-row.editing .profile-handle-hint{color:var(--muted2)}
.profile-top-row.editing .profile-handle-row.is-pristine .profile-handle{display:block}
.profile-top-row.editing .profile-handle-row.is-pristine .handle-prefix{display:none}
.profile-top-row.editing .profile-handle-row.is-pristine .handle-edit-wrap{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:block;
}
.profile-top-row.editing .profile-handle-row.is-pristine .handle-ghost{opacity:0}
.profile-top-row.editing .profile-handle-row.is-pristine .handle-input{
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text2);
  pointer-events:auto;
}
.nick-input.on{display:block}
.nick-input:focus{box-shadow:none}
.nick-input::placeholder{color:var(--muted2)}
.nick-err,.handle-err{
  font-size:12px;
  color:#EC221F;
  display:block;
  width:100%;
  line-height:1.45;
  font-weight:400;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-2px);
  transition:max-height .22s ease,opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.nick-err.is-visible,.handle-err.is-visible{
  max-height:34px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}


/* 버튼들 */
.profile-btn{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--site-font);transition:all .15s;white-space:nowrap;position:relative;z-index:6}
.profile-btn.btn-edit{background:#fff;border:1.5px solid var(--border-strong);color:var(--text2)}
.profile-btn.btn-edit:hover{border-color:var(--orange);color:var(--orange)}
.profile-btn.btn-save{background:var(--orange);border:none;color:#fff;box-shadow:0 2px 6px rgba(255,69,0,.25)}
.profile-btn.btn-save:hover{background:var(--orange-hover)}
.profile-btn.btn-cancel-e{background:#fff;border:1.5px solid var(--border-strong);color:var(--muted)}
.profile-btn.btn-cancel-e:hover{border-color:var(--text);color:var(--text)}

/* 팔로워/팔로잉/커뮤니티 — 인라인 통계 */
.profile-stats{width:100%;margin-top:-12px;position:relative;z-index:1}
.stat-row-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  margin-bottom:0;
  padding:2px 0;
  flex-wrap:wrap;
}
.stat-row-cells{
  display:flex;
  align-items:center;
  gap:20px;
  flex:1 1 auto;
  min-width:0;
  flex-wrap:wrap;
}
.stat-row-follow{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.stats-divider{
  width:100%;
  height:1px;
  margin:8px 0 24px;
  background:var(--border);
}
.stat-cell{
  display:inline-flex;align-items:baseline;gap:7px;
  cursor:default;
  position:relative;
}
.stat-cell-btn{
  appearance:none;
  border:none;
  background:none;
  padding:0;
  margin:0;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.stat-cell-btn:focus-visible{
  outline:2px solid rgba(236,34,31,.24);
  outline-offset:4px;
  border-radius:8px;
}
.stat-cell + .stat-cell{
  padding-left:18px;
}
.stat-cell + .stat-cell::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:16px;
  background:var(--border-strong);
  transform:translateY(-50%);
}
.stat-cell-num{
  font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--text);line-height:1;
  transition:color .15s;
}
.stat-cell:hover .stat-cell-num{color:var(--orange)}
.stat-cell-label{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.2px}
.stat-cell:hover .stat-cell-label,
.stat-cell-btn:hover .stat-cell-label{color:var(--text2)}

.profile-list-modal{
  position:fixed;
  inset:0;
  z-index:320;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(15,15,15,.34);
  padding:20px;
}
.profile-list-modal.open{display:flex}
.profile-list-sheet{
  width:min(100%,440px);
  max-height:min(70vh,560px);
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  overflow:hidden;
}
.profile-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border-bottom:1px solid var(--border-light);
}
.profile-list-tabs{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  scrollbar-width:none;
}
.profile-list-tabs::-webkit-scrollbar{display:none}
.profile-list-tab{
  position:relative;
  flex:0 0 auto;
  height:54px;
  padding:0;
  border:none;
  background:none;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  font-family:var(--site-font);
  cursor:pointer;
  transition:color .15s ease;
}
.profile-list-tab::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:transparent;
  transition:background .15s ease;
}
.profile-list-tab:hover{color:var(--text2)}
.profile-list-tab.active{color:var(--text)}
.profile-list-tab.active::after{background:var(--text)}
.profile-list-subhead{
  padding:10px 14px 0;
}
.profile-list-search-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.profile-list-search-ico{
  position:absolute;
  left:10px;
  color:var(--muted);
  pointer-events:none;
}
.profile-list-search{
  width:100%;
  padding:8px 10px 8px 32px;
  border:1.5px solid var(--border);
  border-radius:10px;
  font-size:13px;
  font-family:var(--site-font);
  outline:none;
  background:#fff;
  transition:border-color .15s;
}
.profile-list-search:focus{
  border-color:var(--orange);
}
.profile-list-close{
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:#f6f4f1;
  color:var(--text3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  margin-top:10px;
  transition:background .15s ease,color .15s ease;
}
.profile-list-close:hover{
  background:#efeae3;
  color:var(--text);
}
.profile-list-body{
  padding:8px 12px 12px;
  overflow-y:auto;
}
.profile-list-loading,
.profile-list-empty{
  padding:34px 16px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.profile-list-items{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.profile-list-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  text-decoration:none;
  color:inherit;
  border-radius:14px;
  transition:background .15s ease, box-shadow .15s ease;
}
.profile-list-item:last-child{border-bottom:none}
.profile-list-item:hover{background:var(--bg-hover,#f5f5f5)}
.profile-list-item:active{background:#efefef}
.profile-list-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--border-light);
  background:var(--avatar-bg,#f9f9f9);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--muted2);
}
.profile-list-avatar:has(> img){background:#fff}
.profile-list-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-list-avatar-community{
  color:var(--muted);
}
.profile-list-avatar-community svg{
  width:53%;
  height:53%;
  display:block;
  transform:none;
}
.profile-list-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.profile-list-name{
  font-size:14px;
  font-weight:700;
  color:var(--text);
  line-height:1.25;
  display:flex;
  align-items:center;
  gap:6px;
}
.profile-country-icon{
  width:14px;
  height:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  flex:0 0 14px;
}
.profile-country-icon svg{
  width:14px;
  height:14px;
  display:block;
}
.profile-list-handle{
  font-size:12px;
  color:var(--muted);
  font-weight:600;
  line-height:1.28;
}
.profile-list-meta{
  font-size:11px;
  color:var(--muted2);
  font-weight:500;
  line-height:1.28;
}

/* 게시물/댓글/레벨 박스 */
.stat-row-box{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin:8px 0 22px;
}
.stat-box{
  min-height:88px;
  text-align:center;
  padding:8px 8px;
  background:var(--tag-bg);
  border-radius:10px;
  border:1px solid var(--border);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.stat-box{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.stat-box:hover{
  border-color:#efc8c1;
  box-shadow:0 10px 18px rgba(236,34,31,.08);
  transform:translateY(-1px);
}
.stat-box-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:22px;
  color:var(--orange);
  transition:color .18s ease,text-shadow .18s ease,filter .18s ease;
}
.stat-box-label{
  font-size:11px;
  color:var(--muted);
  margin-top:3px;
  font-weight:600;
  transition:color .18s ease,text-shadow .18s ease;
}
.stat-box:hover .stat-box-num{
  color:var(--orange2);
  text-shadow:0 0 8px rgba(236,34,31,.22),0 0 18px rgba(236,34,31,.14);
  filter:brightness(1.04);
}
.stat-box:hover .stat-box-label{
  color:var(--text2);
  text-shadow:0 0 10px rgba(236,34,31,.12);
}

/* 레벨 + XP 바 (가로 전체) */
.xp-section{margin-bottom:16px}
.xp-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.xp-level{
  font-family:'Bebas Neue',sans-serif;font-size:17px;color:var(--orange);
  flex-shrink:0;
}
.xp-info{font-size:11px;color:var(--muted);font-weight:500;flex:1}
.xp-total{font-size:12px;font-weight:700;color:var(--text3);flex-shrink:0}
.xp-bar-wrap{width:100%;height:6px;background:var(--border);border-radius:99px;overflow:hidden}
.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:99px;transition:width .7s cubic-bezier(.34,1.56,.64,1)}

.email-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted2)}
.logout-btn{margin-top:18px;padding:7px 18px;border-radius:20px;background:#fff;border:1.5px solid var(--border-strong);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--site-font);color:var(--text2);transition:all .15s}
.logout-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-hover,#f5f5f5)}
.profile-posts-section{margin-top:0}
.profile-posts-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:14px 20px;
  background:#fff;
  border:1px solid var(--border);
  border-top:none;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow-sm);
  margin-bottom:10px;
}
.profile-posts-tabs{display:flex;gap:2px;background:var(--tag-bg);padding:3px;border-radius:20px}
.profile-tab{padding:6px 16px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;border:none;border-radius:16px;background:transparent;font-family:var(--site-font);transition:all .15s}
.profile-tab:hover{color:var(--text2)}
.profile-tab.active{background:#fff;color:var(--orange);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.profile-posts-right{display:flex;align-items:center;gap:10px}
.profile-posts-count{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.profile-view-toggle{display:flex;gap:2px;background:var(--tag-bg);padding:2px;border-radius:6px}
.pv-btn{width:28px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:5px;transition:all .15s}
.pv-btn:hover{color:var(--text2)}
.pv-btn.active{background:#fff;color:var(--orange);box-shadow:0 1px 3px rgba(0,0,0,.1)}
/* (logout styles moved to settings widget block) */
.profile-posts-list{
  display:flex;
  flex-direction:column;
}
.profile-posts-list:not(.feed-view){
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.profile-post-card{
  display:block;
  padding:18px 20px;
  text-decoration:none;
  color:inherit;
  border-top:1px solid var(--border-light);
  transition:background .15s;
}
.profile-post-card:first-child{border-top:none}
.profile-post-card:hover{background:#fcfbf9}
.profile-managed-community-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
}
.profile-managed-community-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--border-light);
  overflow:hidden;
  flex:0 0 44px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--avatar-bg,#f9f9f9);
  color:var(--muted);
}
.profile-managed-community-avatar:has(> img){background:#fff}
.profile-managed-community-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-managed-community-avatar svg{
  width:37.5%;
  height:37.5%;
  display:block;
}
.profile-managed-community-main{
  min-width:0;
  flex:1;
}
.profile-managed-community-name{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:var(--text);
  font-size:15px;
  font-weight:700;
  line-height:1.35;
}
.profile-managed-community-name .profile-community-name-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-managed-community-meta{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  line-height:1.3;
}
.profile-post-title{
  font-size:16px;
  font-weight:700;
  color:var(--text);
  line-height:1.45;
  margin-bottom:6px;
}
.profile-post-preview{
  font-size:13px;
  color:var(--text3);
  line-height:1.7;
  margin-bottom:10px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.profile-post-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:11px;
  color:var(--muted);
  font-weight:700;
}
.profile-post-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border-radius:999px;
  background:var(--tag-bg);
  border:1px solid var(--border-light);
}
.profile-post-empty{
  padding:34px 20px 38px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

/* 피드 뷰 - 홈화면 피드 카드처럼 개별 카드 */
.profile-posts-list.feed-view{gap:0;display:flex;flex-direction:column}
.profile-posts-list.feed-view .post-card{
  max-width:100%;
  margin:0 0 10px;
  border-radius:var(--radius);
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  background:#fff;
  overflow:visible;
  position:relative;
}
.profile-posts-list.feed-view .post-card:last-child{margin-bottom:0}

@media(max-width:1180px){
  .profile-page-wrap{
    grid-template-columns:264px minmax(0,var(--feed-card-max,740px));
    justify-content:center;
  }
  .profile-page-spacer{display:none}
  .profile-settings-widget{max-width:264px}
}

@media(max-width:1024px){
  .profile-page-wrap{
    grid-template-columns:1fr;
    padding:14px;
  }
  .profile-page-wrap .profile-settings-column{display:none}
  .profile-page-wrap.profile-settings-mode .profile-settings-column{
    display:flex;
    visibility:visible!important;
    pointer-events:auto!important;
    width:100%;
    max-width:var(--feed-card-max,740px);
    margin:0 auto;
  }
  .profile-page-wrap.profile-settings-mode .profile-main-column{display:none}
  .profile-page-wrap .sidebar{display:none}
  .profile-page-wrap.profile-settings-mode .profile-settings-widget{width:100%;max-width:100%}
  .profile-page-wrap.profile-settings-mode .profile-settings-root-head{display:grid}
}

@media(max-width:760px){
  .profile-card{border:none;border-radius:0;box-shadow:none}
  .profile-posts-head{border:none;border-radius:0;box-shadow:none;margin-bottom:0}
  .profile-posts-list:not(.feed-view){border:none;border-radius:0;box-shadow:none;background:#fff}
  .profile-posts-list.feed-view .post-card{border:none;border-radius:0;box-shadow:none;margin:0 0 10px}
  .stat-row-box{min-width:0}
  .stat-box{min-width:0}
  .stat-box-label{white-space:normal;word-break:keep-all}
}

@media(max-width:640px){
  .profile-page-wrap{padding:10px}
  .profile-wrap{padding:0;margin:0}
  .profile-card{padding:20px 16px;border:none;border-radius:0;box-shadow:none}
  .profile-main{gap:18px}
  .profile-hero{grid-template-columns:80px minmax(0,1fr);gap:20px;transform:none}
  .profile-avatar-img{width:80px;height:80px;font-size:32px}
  .avatar-edit-modal,
  .profile-edit-modal-box{width:90%;max-width:420px;padding:18px}
  .avatar-edit-preview{width:230px;height:230px;flex-basis:230px}
  .profile-edit-modal-body{grid-template-columns:1fr}
  .profile-edit-field-block-wide{grid-column:auto}
  .profile-top-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;column-gap:10px;row-gap:8px;padding-right:32px}
  .name-country-group{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
  .name-country-top{min-height:26px}
  .activity-country-slot{min-height:0}
  .profile-name,.name-ghost,.nick-input,.name-measure{font-size:20px;line-height:26px}
  .name-edit-wrap[data-name-fit="1"] .profile-name,
  .name-edit-wrap[data-name-fit="1"] .name-ghost,
  .name-edit-wrap[data-name-fit="1"] .nick-input,
  .name-edit-wrap[data-name-fit="1"] .name-measure{font-size:19px;line-height:24px}
  .name-edit-wrap[data-name-fit="2"] .profile-name,
  .name-edit-wrap[data-name-fit="2"] .name-ghost,
  .name-edit-wrap[data-name-fit="2"] .nick-input,
  .name-edit-wrap[data-name-fit="2"] .name-measure{font-size:18px;line-height:23px}
  .name-edit-wrap[data-name-fit="3"] .profile-name,
  .name-edit-wrap[data-name-fit="3"] .name-ghost,
  .name-edit-wrap[data-name-fit="3"] .nick-input,
  .name-edit-wrap[data-name-fit="3"] .name-measure{font-size:17px;line-height:21px}
  .profile-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    max-width:100%;
    line-height:26px;
  }
  .name-edit-wrap{min-height:26px}
  .nick-input{min-height:26px;height:26px}
  .profile-handle{font-size:13px;padding:0;line-height:1.3}
  .handle-prefix{font-size:13px}
  .handle-edit-wrap{min-width:150px;height:23px}
  .handle-ghost{font-size:13px;line-height:23px}
  .handle-input{font-size:13px;height:23px}
  .live-country-badge{
    height:22px;
    min-height:22px;
    padding:0 8px;
    gap:4px;
    font-size:0;
    line-height:22px;
  }
  .live-country-badge::before{width:5px;height:5px}
  .live-country-badge::after{
    content:attr(data-mobile-label);
    font-size:10px;
    font-weight:700;
    line-height:1;
  }
  .activity-country-trigger{height:24px;min-height:24px;padding:0 8px}
  .activity-country-trigger span{display:none}
  .activity-country-caret{display:none}
  .profile-edit-country-trigger .activity-country-caret{display:block}
  .profile-top-actions{top:0;right:0;width:auto;justify-content:flex-end;gap:6px}
  .profile-meta-btn{width:28px;height:26px;font-size:15px}
  .profile-meta-btn i,.profile-meta-btn svg{width:20px;height:20px}
  .profile-meta-tooltip{right:auto;left:0;min-width:190px;padding:10px 12px}
  .profile-more-menu{right:0;min-width:170px}
  .profile-info-popup{right:auto;left:0;min-width:190px;padding:10px 12px}
  .profile-info-popup::before{right:auto;left:12px}
  .profile-badge{grid-column:1/span 2;justify-self:start}
  .profile-inline-stats{grid-column:1/span 2;margin-top:4px}
  .profile-top-row .profile-inline-stats .stat-row-main{transform:translateY(-7px)}
  .profile-btn{padding:4px 8px;font-size:10px;line-height:1.2;border-radius:999px;min-height:24px}
  .settings-edit-actions .settings-edit-btn{min-height:30px}
  .btn-edit{font-weight:700;border:1.5px solid var(--border-strong);color:var(--text2);background:#fff}
  .stat-row-main{gap:12px}
  .stat-row-cells{gap:12px}
  .stat-row-follow{width:100%;justify-content:flex-start}
  .profile-stats{margin-top:-8px}
  .stats-divider{margin:8px 0 20px}
  .stat-cell + .stat-cell{padding-left:12px}
  .stat-cell + .stat-cell::before{height:13px}
  .stat-cell-num{font-size:24px}
  .stat-row-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 20px}
  .stat-box{min-height:72px;padding:7px 6px}
  .profile-list-modal{padding:12px}
  .profile-list-sheet{width:100%;max-height:min(82vh,640px);border-radius:16px}
  .profile-list-head{padding:0 14px}
  .profile-list-tab{height:50px;font-size:13px}
  .profile-list-subhead{padding:8px 16px 0}
  .profile-list-body{padding:8px 12px 12px}
  .profile-list-item{padding:9px 10px}
  .profile-list-avatar{width:42px;height:42px}
  .profile-posts-head{padding:12px 16px;gap:6px;flex-wrap:wrap;border:none;border-radius:0;box-shadow:none;margin-bottom:0}
  .profile-posts-tabs{flex-shrink:0}
  .profile-tab{padding:5px 12px;font-size:11px}
  .profile-posts-right{gap:6px}
  .profile-posts-list:not(.feed-view){border:none;border-radius:0;box-shadow:none;background:#fff}
  .profile-posts-list.feed-view .post-card{border:none;border-radius:0;box-shadow:none;margin:0 0 10px}
  .profile-post-card{padding:16px}
  .profile-managed-community-item{padding:13px 16px}
  .profile-post-title{font-size:15px}
  .profile-post-preview{font-size:12px}
}

html[data-theme="dark"] :is(.profile-card,.avatar-edit-modal,.delete-modal-box,.profile-meta-tooltip,.profile-more-menu,.profile-info-popup,.profile-blocked-card,.profile-list-sheet,.profile-posts-head,.profile-posts-list:not(.feed-view),.profile-posts-list.feed-view .post-card,.activity-country-sheet){
  background:var(--white);
  border-color:var(--border);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .profile-edit-modal-box{
  background:var(--white);
  border-color:var(--border);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .profile-meta-tooltip::before,
html[data-theme="dark"] .profile-info-popup::before{background:var(--white);border-color:var(--border)}

html[data-theme="dark"] :is(.profile-avatar-img,.avatar-edit-preview,.profile-list-avatar,.blocked-user-avatar,.blocked-user-avatar-empty){
  background:var(--avatar-bg);
  border:var(--avatar-border);
  color:#8a8a86;
}

html[data-theme="dark"] :is(.settings-lang-search,.acc-input,.acc-input:focus,.activity-country-trigger,.activity-country-menu,.activity-country-search input,.activity-country-item,.profile-btn.btn-edit,.profile-btn.btn-cancel-e,.settings-edit-btn.btn-cancel-e,.acc-social-btn,.acc-social-btn.linked,.profile-list-search,.logout-btn,.profile-tab.active,.pv-btn.active,.avatar-edit-action,.delete-modal-input,.live-country-badge){
  background:var(--white);
  color:var(--text2);
  border-color:var(--border-strong);
}

html[data-theme="dark"] :is(.profile-edit-field input,.profile-edit-field select,.profile-edit-country-trigger,.profile-edit-modal-btn,.profile-edit-modal-close){
  background:var(--white);
  color:var(--text2);
  border-color:var(--border-strong);
}

html[data-theme="dark"] .profile-edit-input-wrap input{
  background:transparent;
  color:transparent;
  -webkit-text-fill-color:transparent;
  caret-color:var(--text);
}

html[data-theme="dark"] .profile-edit-input-ghost-main,
html[data-theme="dark"] .profile-edit-handle-prefix{color:var(--text)}
html[data-theme="dark"] .profile-edit-input-ghost-hint{color:var(--muted2)}

html[data-theme="dark"] .profile-edit-avatar-mark{border-color:#EC221F}

html[data-theme="dark"] :is(.profile-edit-modal-save,.avatar-edit-save){
  border:none;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#fff;
  box-shadow:0 2px 8px rgba(255,69,0,.3);
}

html[data-theme="dark"] .live-country-badge.is-live{background:rgba(88,164,116,.14);border-color:rgba(88,164,116,.35);color:#8ccf9f}

html[data-theme="dark"] :is(.profile-settings-item:hover,.settings-back-btn:hover,#btnEdit.is-editing,.profile-meta-btn:hover,.profile-more-item:hover,.profile-list-item:hover,.profile-post-card:hover,.profile-list-close:hover,.activity-country-item:hover,.settings-edit-btn.btn-cancel-e:hover,.acc-social-btn:hover){background:var(--bg-hover)}

html[data-theme="dark"] :is(.profile-settings-item:active,.profile-list-item:active){background:var(--surface)}

html[data-theme="dark"] .delete-modal-input.matched{background:rgba(236,34,31,.12)}

html[data-theme="dark"] .activity-country-item.selected{background:var(--bg-hover)}

html[data-theme="dark"] .profile-edit-country-modal .cc-country-box{background:var(--white);border:1px solid var(--border)}
html[data-theme="dark"] .profile-edit-country-modal :is(.cc-country-search input,.cc-country-item){background:var(--white);color:var(--text2);border-color:var(--border-strong)}
html[data-theme="dark"] .profile-edit-country-modal :is(.cc-country-item:hover){background:var(--bg-hover);color:var(--text)}
html[data-theme="dark"] .profile-edit-country-modal .cc-country-item.selected{background:var(--bg-hover);color:var(--text)}
html[data-theme="dark"] .profile-edit-country-modal :is(.cc-country-header,.cc-country-search){border-color:var(--border)}

html[data-theme="dark"] :is(.profile-name,.profile-settings-title,.settings-account-title,.profile-list-name,.profile-post-title,.profile-top-row.editing .profile-name-main,.profile-top-row.editing .profile-handle-main){color:var(--text)}

html[data-theme="dark"] :is(.profile-meta-btn,.profile-meta-line,.profile-admin-gear-btn,.profile-post-preview,.settings-form-current,.social-connection-note){color:var(--text2)}

html[data-theme="dark"] .profile-posts-list.feed-view .post-card{border-color:var(--border)}

@media(max-width:760px){
  .profile-avatar-img > svg,
  .profile-edit-avatar-preview > svg,
  .blocked-user-avatar-empty > svg,
  .profile-list-avatar:not(.profile-list-avatar-community) > svg{
    width:53%;
    height:53%;
    display:block;
  }
}