.hy-board-screen,.hy-write-shell,.hy-view-shell,.hy-comment-shell {
  --hy-pink: #ff7fb7;
  --hy-hot: #ff5ca5;
  --hy-ink: #2b1b28;
  --hy-muted: #806f7d;
  --hy-line: #f1dce8;
  --hy-soft: #fff7fc;
  font-family: Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color: var(--hy-ink);
  box-sizing: border-box;
}

.hy-board-screen *,.hy-write-shell *,.hy-view-shell *,.hy-comment-shell * {
  box-sizing: border-box;
}

.hy-board-screen,.hy-write-shell,.hy-view-shell {
  width: min(1120px,calc(100% - 28px));
  margin: 22px auto 70px;
}

.hy-board-title,.hy-write-titlebar,.hy-view-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 16px;
  border: 1px solid rgba(255,143,191,.25);
  border-radius: 30px;
  background: radial-gradient(circle at 10% 20%,rgba(255,255,255,.88),transparent 25%),linear-gradient(135deg,#fff7fb,#fff,#fff2f8);
  box-shadow: 0 20px 60px rgba(153,66,113,.1);
  padding: 22px;
}

.hy-board-kicker,.hy-write-eyebrow,.hy-view-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #fff0f8;
  color: #a04470;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .03em;
}

.hy-board-title h1,.hy-write-titlebar h1,.hy-view-head h1 {
  margin: 0;
  font-size: clamp(26px,4vw,42px);
  letter-spacing: -.065em;
  line-height: 1.08;
}

.hy-board-title p,.hy-write-titlebar span,.hy-view-head p {
  margin: 8px 0 0;
  color: var(--hy-muted);
  line-height: 1.6;
}

.hy-board-actions,.hy-view-actions,.hy-write-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.hy-board-btn,.hy-view-btn,.hy-write-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid var(--hy-line);
  background: #fff;
  color: #6d4a62;
  text-decoration: none;
  font-weight: 950;
  cursor: pointer;
}

.hy-board-btn.is-primary,.hy-view-btn.is-primary,.hy-write-btn.is-primary,.hy-write-actions .btn_submit {
  border: 0;
  background: linear-gradient(135deg,#ff5ca5,#ff9ac9);
  color: #fff;
  box-shadow: 0 12px 26px rgba(255,92,165,.23);
}

.hy-board-btn.is-danger {
  background: #fff0f2;
  color: #a43643;
}

.hy-board-category {
  margin: 12px 0;
}

.hy-board-category ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-board-category a,.hy-board-category li {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #f1dce8;
  border-radius: 999px;
  background: #fff;
  color: #734d65;
  text-decoration: none;
  font-weight: 900;
}

.hy-board-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.hy-board-total {
  color: #806f7d;
  font-weight: 900;
}

.hy-board-total strong {
  color: #ff5ca5;
}

.hy-board-search {
  display: flex;
  gap: 7px;
  align-items: center;
}

.hy-board-search select,.hy-board-search input,.hy-write-field input,.hy-write-field select,.hy-write-field textarea,.hy-write-native input[type=text],.hy-write-native input[type=password],.hy-write-native input[type=email],.hy-write-native input[type=url],.hy-write-native select,.hy-write-native textarea {
  min-height: 42px;
  border: 1px solid #ead7e4;
  border-radius: 15px;
  background: #fff;
  padding: 10px 12px;
  color: var(--hy-ink);
  outline: none;
}

.hy-board-search input {
  width: 210px;
}

.hy-board-search button {
  min-height: 42px;
  border: 0;
  border-radius: 15px;
  background: #2b1b28;
  color: #fff;
  padding: 0 14px;
  font-weight: 950;
  cursor: pointer;
}

.hy-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

.hy-gallery-card {
  position: relative;
  border: 1px solid var(--hy-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(89,44,73,.08);
  overflow: hidden;
  transition: transform .18s ease,box-shadow .18s ease;
}

.hy-gallery-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(89,44,73,.13);
}

.hy-gallery-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.hy-gallery-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  background: linear-gradient(135deg,#fff1f8,#f7f3ff);
  overflow: hidden;
}

.hy-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-gallery-thumb em {
  font-style: normal;
  font-size: 42px;
  opacity: .8;
}

.hy-gallery-info {
  display: block;
  padding: 14px;
}

.hy-gallery-info strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 44px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -.03em;
}

.hy-gallery-info strong em {
  font-style: normal;
  color: #ff5ca5;
  font-size: 13px;
}

.hy-gallery-info small {
  display: block;
  margin-top: 9px;
  color: #8b7786;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-board-cat-chip {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff1f8;
  color: #a13d6e;
  font-size: 12px;
  font-weight: 950;
}

.hy-gallery-check {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  font-size: 12px;
  font-weight: 900;
}

.hy-board-adminbar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 12px;
  border: 1px dashed #f0d3e4;
  border-radius: 20px;
  background: #fff8fc;
}

.hy-board-pages {
  margin-top: 18px;
  text-align: center;
}

.hy-board-pages a,.hy-board-pages strong,.hy-board-pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 2px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #f0dce8;
  color: #735568;
  text-decoration: none;
}

.hy-board-pages strong {
  background: #2b1b28;
  color: #fff;
  border-color: #2b1b28;
}

.hy-board-empty,.hy-board-empty-rich {
  padding: 48px 20px;
  border: 1px dashed #efcadf;
  border-radius: 26px;
  background: #fff9fd;
  text-align: center;
  color: #8c7285;
}

.hy-board-empty strong {
  display: block;
  margin-bottom: 5px;
  color: #2b1b28;
  font-size: 18px;
}

.hy-write-guide {
  border: 1px solid #f1dce8;
  border-radius: 20px;
  background: #fff;
  padding: 14px;
  min-width: 230px;
  color: #7e6174;
}

.hy-write-guide strong,.hy-write-guide em {
  display: block;
}

.hy-write-guide em {
  margin-top: 5px;
  font-style: normal;
  font-size: 13px;
  line-height: 1.5;
}

.hy-write-native,.hy-view-body,.hy-comment-shell {
  border: 1px solid var(--hy-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(89,44,73,.08);
  padding: 18px;
}

.hy-write-card form {
  width: 100%;
}

.hy-write-grid,.hy-write-author-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.hy-write-field {
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
}

.hy-write-field label,.hy-write-label {
  font-weight: 950;
  color: #4b3344;
}

.hy-write-field b {
  color: #ff5ca5;
}

.hy-write-help {
  margin: 0;
  color: #8b7786;
  font-size: 13px;
  line-height: 1.55;
}

.hy-write-options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-write-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 11px;
  border-radius: 999px;
  background: #fff7fc;
  border: 1px solid #f1dce8;
  color: #724b64;
  font-weight: 900;
}

.hy-write-field--title,.hy-write-field--content,.hy-write-section {
  grid-column: 1/-1;
}

.hy-write-title-wrap {
  display: flex;
  gap: 8px;
}

.hy-write-title-wrap input {
  flex: 1;
}

.hy-autosave-btn {
  border: 0;
  border-radius: 15px;
  background: #fff1f8;
  color: #9f3e70;
  padding: 0 13px;
  font-weight: 950;
}

.wr_content iframe,.wr_content textarea {
  width: 100%;
  min-height: 260px;
  border-radius: 18px;
}

.hy-write-section {
  border-top: 1px solid #f4e5ee;
  padding-top: 14px;
  margin-top: 4px;
}

.hy-write-section h3 {
  margin: 0 0 10px;
  font-size: 17px;
}

.hy-write-actions {
  margin-top: 16px;
}

.hy-view-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: #8a7484;
  font-size: 13px;
  font-weight: 900;
}

.hy-view-content {
  line-height: 1.85;
  color: #332431;
  word-break: break-word;
}

.hy-view-content img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}

.hy-view-files,.hy-view-links {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  padding: 12px;
  border: 1px solid #f2dfea;
  border-radius: 20px;
  background: #fff8fc;
}

.hy-view-files a,.hy-view-links a {
  color: #764060;
  text-decoration: none;
  font-weight: 900;
}

.hy-youtube-embed {
  position: relative;
  aspect-ratio: 16/9;
  margin: 16px 0;
  border-radius: 22px;
  overflow: hidden;
  background: #000;
}

.hy-youtube-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.hy-comment-shell {
  margin-top: 18px;
}

.hy-comment-list {
  display: grid;
  gap: 10px;
}

.hy-comment-item {
  border: 1px solid #f2dfea;
  border-radius: 20px;
  background: #fff8fc;
  padding: 12px;
}

.hy-comment-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #8a7484;
  font-size: 12px;
}

.hy-comment-content {
  margin-top: 8px;
  line-height: 1.65;
}

.hy-comment-form textarea {
  width: 100%;
  min-height: 92px;
  border: 1px solid #ead7e4;
  border-radius: 18px;
  padding: 12px;
}

.hy-comment-form button {
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: #2b1b28;
  color: #fff;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 950;
}

@media (max-width:920px) {
  .hy-gallery-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .hy-board-title,.hy-write-titlebar,.hy-view-head {
    display: grid;
    align-items: start;
  }
  .hy-board-actions,.hy-view-actions {
    justify-content: flex-start;
  }
  .hy-board-toolbar {
    display: grid;
  }
  .hy-board-search {
    width: 100%;
    display: grid;
    grid-template-columns: 130px minmax(0,1fr) auto;
  }
  .hy-board-search input {
    width: 100%;
  }
}

@media (max-width:640px) {
  .hy-board-screen,.hy-write-shell,.hy-view-shell {
    width: calc(100% - 16px);
    margin-top: 10px;
  }
  .hy-board-title,.hy-write-titlebar,.hy-view-head {
    border-radius: 22px;
    padding: 16px;
  }
  .hy-gallery-grid,.hy-write-grid,.hy-write-author-grid {
    grid-template-columns: 1fr;
  }
  .hy-board-search {
    grid-template-columns: 1fr;
  }
  .hy-write-title-wrap {
    display: grid;
  }
  .hy-gallery-info strong {
    min-height: auto;
  }
  .hy-write-native,.hy-view-body,.hy-comment-shell {
    border-radius: 22px;
    padding: 14px;
  }
  .hy-write-guide {
    min-width: 0;
  }
}


/* 2026-06-08 custom uploaded font fallback */
html body .hy-board-screen,html body .hy-board-screen *,html body .hy-gallery-wrap,html body .hy-gallery-wrap *,html body .hy-att-wrap,html body .hy-att-wrap *,html body .hy-content-page,html body .hy-content-page *,html body .hy-faq-wrap,html body .hy-faq-wrap *{font-family:var(--hy-custom-font, Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif)!important;}