/* Adjustments layered on top of the approved sheet. Loaded last on every page so the
   original files stay untouched. */

/* ── nav logo: SOOP photo instead of the drawn mark, larger name, nudged left ── */
.profile-sheet .site-nav .nav-logo::before,
.profile-sheet .site-nav .nav-logo::after{ content:none !important; }

.profile-sheet .site-nav .nav-logo{
  left:30px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-height:44px !important;
  padding:0 !important;
  font-size:27px !important;
}
.profile-sheet .site-nav .nav-ava{
  width:42px !important; height:42px !important;
  min-width:42px !important; max-width:42px !important; flex:0 0 42px !important;
  border-radius:50% !important; object-fit:cover !important;
  border:1.5px solid var(--ep-line) !important;
  background:var(--ep-paper-soft) !important;
}
.profile-sheet .site-nav .nav-name{
  display:flex !important; flex-direction:column !important;
  align-items:flex-start !important; justify-content:center !important;
  gap:0 !important; line-height:1 !important;
}
.profile-sheet .site-nav .lg-en{
  display:block !important; margin:5px 0 0 !important;
  font-size:11px !important; letter-spacing:.2em !important;
}
.profile-sheet .site-nav .nav-inner{ padding-left:212px !important; }

/* ── footer links: labelled pills instead of blank initials ── */
.profile-sheet .moments-links .lbtn{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  width:auto !important; min-width:0 !important; height:36px !important;
  padding:0 16px 0 9px !important;
  border:1px solid var(--ep-line) !important; border-radius:999px !important;
  background:var(--ep-paper-soft) !important; color:var(--ep-ink) !important;
  font:700 12.5px/1 var(--font-body,Pretendard,sans-serif) !important;
  letter-spacing:-.01em !important; box-shadow:none !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
}
.profile-sheet .moments-links .lbtn:hover{
  background:var(--ep-paper) !important; border-color:var(--ep-yellow) !important;
  transform:translateY(-2px) !important;
}
.profile-sheet .moments-links .l-ic{
  display:grid !important; place-items:center !important;
  width:20px !important; height:20px !important; margin:0 !important;
  border:0 !important; border-radius:50% !important; color:#fff !important;
  font:800 9px/1 Arial,sans-serif !important;
}
.profile-sheet .moments-links .l-ic.soop{ background:#315EF0 !important; }
.profile-sheet .moments-links .l-ic.yt{ background:#E53935 !important; font-size:7.5px !important; }
.profile-sheet .moments-links .l-ic.xx{ background:#15181C !important; }
.profile-sheet .moments-links .l-ic.cafe{ background:#03C75A !important; }

/* ── category pages: legacy variable names aliased to the approved palette ── */
:root{
  /* Literal fallbacks so pages that do not load the profile sheet (admin) still get colours. */
  --main:var(--ep-week, #f1f7e9); --sub:var(--ep-week, #f1f7e9);
  --main-light:var(--ep-paper-soft, #fdfcee); --main-dark:var(--ep-leaf, #9db27d);
  --main-deep:var(--ep-ink, #35513a); --logo:var(--ep-ink, #35513a);
  --sub-mid:var(--ep-leaf, #9db27d); --sub-deep:var(--ep-forest, #4f6949);
  --accent:var(--ep-yellow, #efb53d);
  --bg:var(--ep-paper, #fffdf6); --sheet:var(--ep-paper, #fffdf6);
  --card:var(--ep-paper-soft, #fdfcee); --card2:var(--ep-week, #f1f7e9);
  --text:var(--ep-ink, #35513a); --text-mid:var(--ep-body, #566253); --text-soft:var(--ep-muted, #84907e);
  --ink-on-dark:var(--ep-paper, #fffdf6);
  --line:var(--ep-line, #cbd7ad);
  --line-soft:color-mix(in srgb, var(--ep-line, #cbd7ad) 55%, transparent);
}

@media(max-width:960px){
  .profile-sheet .site-nav .nav-logo{
    position:static !important; top:auto !important; left:auto !important;
    transform:none !important; flex:0 0 auto !important;
    margin-right:14px !important; font-size:23px !important;
  }
  .profile-sheet .site-nav .nav-ava{
    width:36px !important; height:36px !important;
    min-width:36px !important; max-width:36px !important; flex:0 0 36px !important;
  }
  .profile-sheet .site-nav .nav-inner{ padding-left:16px !important; }
}

/* narrow screens: the footer stacks so pills never sit on the copyright */
/* the fifth pill needs the footer to stack a little earlier */
@media(max-width:900px){
  .profile-sheet>footer{
    display:flex !important; flex-direction:column !important; align-items:center !important;
    gap:14px !important; height:auto !important; min-height:0 !important;
    padding:26px 18px 24px !important;
  }
  .profile-sheet>footer>.moments-links,
  .profile-sheet>footer>.moments-links .l-grid{
    position:static !important; transform:none !important;
    width:100% !important; height:auto !important; min-height:0 !important;
  }
  .profile-sheet>footer>.moments-links .l-grid{
    flex-wrap:wrap !important; justify-content:center !important; gap:8px !important;
  }
  .profile-sheet>footer>.footer-copy{ position:static !important; transform:none !important; text-align:center !important; }
  .profile-sheet>footer::before{ display:none !important; }
}

@media(max-width:640px){
  .profile-sheet>footer{
    display:flex !important; flex-direction:column !important; align-items:center !important;
    gap:14px !important; height:auto !important; min-height:0 !important;
    padding:26px 18px 24px !important;
  }
  .profile-sheet>footer>.moments-links,
  .profile-sheet>footer>.moments-links .l-grid{
    position:static !important; transform:none !important;
    width:100% !important; height:auto !important; min-height:0 !important;
  }
  .profile-sheet>footer>.moments-links .l-grid{
    flex-wrap:wrap !important; justify-content:center !important; gap:8px !important;
  }
  .profile-sheet>footer>.footer-copy{ position:static !important; transform:none !important; text-align:center !important; }
  .profile-sheet>footer::before{ display:none !important; }
}

/* ── inquiry button in the footer link row (the nav button stays hidden by design) ── */
.profile-sheet .moments-links .lbtn-ask{
  cursor:pointer !important;
  font-family:inherit !important;
}
.profile-sheet .moments-links .l-ic.ask{ background:var(--ep-forest) !important; font-size:10px !important; }

/* category pages: a single centred button above the footer */
.sub-ask{
  display:flex; justify-content:center;
  padding:6px 0 22px;
}
.sub-ask .lbtn-ask{
  display:inline-flex; align-items:center; gap:9px;
  height:36px; padding:0 18px 0 9px;
  border:1px solid var(--ep-line); border-radius:999px;
  background:var(--ep-paper-soft); color:var(--ep-ink);
  font:700 12.5px/1 var(--font-body,Pretendard,sans-serif);
  cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.sub-ask .lbtn-ask:hover{ background:var(--ep-paper); border-color:var(--ep-yellow); transform:translateY(-2px); }
.sub-ask .l-ic{
  display:grid; place-items:center; width:20px; height:20px;
  border-radius:50%; background:var(--ep-forest); color:#fff; font:800 10px/1 Arial,sans-serif;
}


/* ── 은뽀 커서 (윈도우 .ani 1프레임 → 48px PNG, 알파·핫스팟 유지) ── */
/* Browsers cannot use .ani, so each cursor ships as a transparent PNG with its hotspot. */
html, body{ cursor:url('/assets/cursor/default.png') 4 4, auto; }
a, button, .ntab, .lbtn, .theme-switch, .tab-btn, .gt, .ct, .pg, .cal-nav, .adv-btn, .game-tab, .lg-btn, .jb-stick, .viewer-card, .poster, .album, .cal-cell.has, .up-item, input[type=checkbox], input[type=radio], input[type=color], label, select, summary{ cursor:url('/assets/cursor/pointer.png') 4 4, pointer; }
input[type=text], input[type=url], input[type=email], input[type=password], input[type=number], input[type=search], input[type=date], textarea, .input, .search-box, .iq-input{ cursor:url('/assets/cursor/text.png') 8 7, text; }
.spinner, [aria-busy='true']{ cursor:url('/assets/cursor/progress.png') 4 4, progress; }
button:disabled, .disabled, [aria-disabled='true']{ cursor:url('/assets/cursor/not-allowed.png') 5 5, not-allowed; }
.avatar, #avatarWrap, .nav-ava, .profile-sheet .avatar, .profile-sheet #avatarWrap{ cursor:url('/assets/cursor/alias.png') 4 4, pointer !important; }
.delete-btn{ cursor:url('/assets/cursor/context-menu.png') 16 8, pointer; }
input[type=range]{ cursor:url('/assets/cursor/ew-resize.png') 7 3, ew-resize; }

/* No black flash before the palette resolves: the canvas is painted immediately. */
html{ background:#fffdf6; }
body.dark html, html:has(body.dark){ background:#121712; }