:root{
  --brand-gold:#C8A24A;
  --brand-gold-soft:#E0C47A;
  --brand-gold-deep:#9A6B18;
  --brand-brown:#2F2A26;
  --brand-ivory:#F2EFE6;
  --brand-surface:#161A20;
  --brand-border:rgba(200,162,74,.22);
  --brand-logo-text:var(--text, #F2EFE6);
  --brand-logo-tagline:var(--brand-gold-soft);
  --brand-logo-y:#D4AF37;
  --brand-logo-house:var(--surface, #111319);
}
html[data-theme="dark"]{
  --brand-gold:#C8A24A;
  --brand-gold-soft:#E0C47A;
  --brand-gold-deep:#9A6B18;
  --brand-brown:#2F2A26;
  --brand-ivory:#F2EFE6;
  --brand-surface:#161A20;
  --brand-border:rgba(200,162,74,.22);
  --brand-logo-text:#F2EFE6;
  --brand-logo-tagline:#E8CC72;
  --brand-logo-y:#D4AF37;
  --brand-logo-house:var(--surface, #111318);
}
html[data-theme="light"]{
  --brand-gold:#C8A24A;
  --brand-gold-soft:#E0C47A;
  --brand-gold-deep:#9A6B18;
  --brand-brown:#2F2A26;
  --brand-ivory:#FFFDF8;
  --brand-surface:#FBF8F1;
  --brand-border:#E8DCC7;
  --brand-logo-text:#2F2A26;
  --brand-logo-tagline:#76511D;
  --brand-logo-y:#C8A24A;
  --brand-logo-house:var(--surface, #FBF8F1);
}

.yg-brand{
  --yg-logo-y-size:31px;
  --yg-logo-o-size:28px;
  --yg-word-size:22px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--brand-logo-text);
  text-decoration:none;
  min-width:0;
  letter-spacing:0;
}
.yg-brand-horizontal{flex-direction:row;}
.yg-brand-vertical{flex-direction:row;text-align:left;}
.yg-brand-logo{
  display:inline-flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
  color:var(--brand-gold);
  line-height:1;
  white-space:nowrap;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.42));
  transform:translateY(1px);
}
html[data-theme="light"] .yg-brand-logo{filter:drop-shadow(0 6px 9px rgba(78,54,18,.16));}
.yg-logo-y{
  display:inline-block;
  color:var(--brand-logo-y);
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:currentColor;
  font-family:"Arial Black", "Montserrat", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size:var(--yg-logo-y-size);
  font-weight:900;
  letter-spacing:0;
  line-height:1;
  padding-right:2px;
  margin-right:-2px;
  overflow:visible;
  transform:translateY(-2px);
  transform-origin:left center;
  text-shadow:none;
}
.yg-logo-o{
  width:var(--yg-logo-o-size);
  height:var(--yg-logo-o-size);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:0;
  border-radius:999px;
  color:var(--brand-logo-house);
  background:linear-gradient(145deg, #D9B34D 0%, #C69A2D 100%);
  box-shadow:none;
  overflow:hidden;
}
.yg-logo-o svg{
  display:none;
}
.yg-logo-o::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:68%;
  height:60%;
  transform:translate(-50%,-43%);
  background:var(--brand-logo-house);
  clip-path:polygon(50% 0, 100% 42%, 83% 42%, 83% 100%, 61% 100%, 61% 72%, 39% 72%, 39% 100%, 17% 100%, 17% 42%, 0 42%);
  filter:none;
}
.yg-brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1.02;
}
.yg-brand-wordmark{
  display:block;
  color:var(--brand-logo-text);
  font-size:var(--yg-word-size);
  font-family:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-weight:800;
  line-height:.94;
  letter-spacing:-.02em;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.26);
}
html[data-theme="light"] .yg-brand-wordmark{text-shadow:0 1px 1px rgba(75,54,28,.12);}
.yg-brand-tagline,
.yg-brand-subtitle{
  display:block;
  margin-top:4px;
  color:var(--brand-logo-tagline);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1;
  white-space:nowrap;
}

/* Backward-compatible icon class for older places that still reference it. */
.yg-brand-symbol{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  line-height:0;
}
.yg-brand-symbol img,
.yg-brand-symbol svg{width:100%;height:100%;display:block;}
.yg-brand-symbol-sm{width:31px;height:31px;flex-basis:31px;}
.yg-brand-symbol-lg{width:54px;height:54px;flex-basis:54px;border-radius:16px;}

.app-header .yg-brand-header,
.logo-btn.yg-brand-header{
  --yg-logo-y-size:39px;
  --yg-logo-o-size:31px;
  --yg-word-size:23px;
  gap:8px;
  padding:3px 2px 3px 0;
  background:none;
  border:0;
  cursor:pointer;
  line-height:1;
  flex:0 1 auto;
  min-width:125px;
}
.app-header .yg-brand-header:focus-visible,
.sidebar-logo.yg-admin-brand:focus-visible{
  outline:2px solid var(--brand-gold-soft);
  outline-offset:3px;
  border-radius:10px;
}
.app-header .yg-brand-header .yg-brand-wordmark{
  color:var(--brand-logo-text);
  text-shadow:0 1px 0 rgba(0,0,0,.14);
}
html[data-theme="light"] .app-header .yg-brand-header .yg-brand-wordmark{text-shadow:none;}
.app-header .yg-brand-header .yg-brand-tagline{
  margin-top:4px;
  color:var(--brand-logo-tagline);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1;
}

.sidebar-logo.yg-admin-brand{
  --yg-logo-y-size:39px;
  --yg-logo-o-size:25px;
  --yg-word-size:19px;
  gap:8px;
  min-height:62px;
  color:var(--brand-logo-text);
}
.sidebar-logo.yg-admin-brand .yg-logo-y{
  font-size:var(--yg-logo-y-size);
  font-weight:900;
}
.sidebar-logo.yg-admin-brand .yg-logo-o{
  width:var(--yg-logo-o-size);
  height:var(--yg-logo-o-size);
}
.sidebar-logo.yg-admin-brand .yg-brand-wordmark{
  font-size:var(--yg-word-size);
  font-weight:800;
}
.sidebar-logo.yg-admin-brand .yg-brand-copy{line-height:1.03;}
.sidebar-logo.yg-admin-brand .yg-brand-tagline{
  margin-top:4px;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1;
  color:var(--brand-logo-tagline);
}
.topbar .yg-admin-topbar-brand{
  --yg-logo-y-size:28px;
  --yg-logo-o-size:22px;
  --yg-word-size:16px;
  gap:6px;
  padding-right:6px;
  border-right:1px solid var(--border);
}
.topbar .yg-admin-topbar-brand .yg-brand-tagline{display:none;}

.login-box .yg-brand-login{
  --yg-logo-y-size:48px;
  --yg-logo-o-size:38px;
  --yg-word-size:30px;
  justify-content:center;
  margin:0 auto 18px;
  width:100%;
  gap:11px;
}
.login-box .yg-brand-login .yg-brand-tagline{
  font-size:10px;
  color:var(--brand-logo-tagline);
}

@media (max-width:480px){
  .app-header{padding-left:9px;padding-right:9px;gap:6px;}
  .header-right{gap:5px;}
  .theme-mode-select{min-width:70px;padding:0 6px;}
  .hbtn{padding-left:6px;padding-right:6px;}
  .app-header .yg-brand-header{
    --yg-logo-y-size:38px;
    --yg-logo-o-size:30px;
    --yg-word-size:23px;
    gap:7px;
    min-width:118px;
  }
  .app-header .yg-brand-header .yg-brand-tagline{display:block;}
}
@media (max-width:420px){
  .app-header{padding-left:8px;padding-right:8px;gap:5px;}
  .header-right{gap:4px;}
  .theme-mode-select{min-width:62px;font-size:11px;padding:0 5px;}
  .hbtn{font-size:11px;padding-left:4px;padding-right:4px;}
}
@media (max-width:380px){
  .app-header .yg-brand-header{
    --yg-logo-y-size:36px;
    --yg-logo-o-size:28px;
    --yg-word-size:22px;
    min-width:110px;
  }
  .theme-mode-select{min-width:64px;font-size:11px;}
  .hbtn{font-size:11px;padding-left:5px;padding-right:5px;}
}
@media (max-width:360px){
  .app-header .yg-brand-header .yg-brand-tagline{display:none;}
  .app-header .yg-brand-header{min-width:104px;}
}
@media (max-width:900px){
  .topbar .yg-admin-topbar-brand{display:none;}
}