/* ─────────────────────────────────────────────────────────
   YUNIVERSE 디자인 정리 (2026-11)
   다른 스타일시트 뒤에 마지막으로 불러와 덮어쓴다.
   1) 글자 크기·대비  2) 폰트  3) 강조색 하나로  4) 꾸밈 문구 줄이기
   5) 중복 메뉴 제거  6) 프로젝트 그리드  7) 모바일 BGM  8) 자잘한 정리
   ───────────────────────────────────────────────────────── */

/* 2) 폰트: 본문은 Pretendard, 제목은 기존 Jua(--work-round) 유지 */
:root {
  --font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fix-accent: #5b449a;
  --fix-accent-soft: #eee6fb;
  --fix-accent-line: #cdbdf0;
  --fix-text: #2b2740;
  --fix-muted: #565b70;
}
body { font-family: var(--font); color: var(--fix-text); }
:where(button, input, select, textarea) { font-family: inherit; }

/* 1) 글자 크기·대비 ───────────────────────────────────── */
.eyebrow, span.eyebrow { font-size: 11px !important; letter-spacing: .08em; }
.hero-description,
.collection-intro,
.section-description,
.project-info p,
.research-content > p,
.about-content > p,
.closing > span { font-size: 15px !important; line-height: 1.65; }
.hero-description, .collection-intro, .section-description, .project-info p, .research-content > p { color: var(--fix-muted) !important; }

.tags > span, .interest-tags > span { font-size: 12px !important; }
.project-meta { font-size: 12px !important; color: var(--fix-muted) !important; }
.room-entry > span, .archive-work-button { font-size: 13px !important; }
.archive-work-button { color: #4a5578 !important; }

.primary-button, .secondary-button, .filter, .note-filter, .calendar-today,
.edit-mode-button, .record-button, .agenda-add, .subtle-button, .hero-cta { font-size: 13px !important; }
.filter > span { font-size: 11px !important; }

.calendar-weekdays > span { font-size: 12px !important; color: #6a6f63 !important; }
.calendar-day-number { font-size: 13px !important; }
.calendar-legend > span { font-size: 12px !important; color: var(--fix-muted) !important; }
.agenda-heading > span, #agenda-count, .agenda-empty > p, .agenda-add { font-size: 13px !important; color: var(--fix-muted) !important; }
.workspace-storage-note { font-size: 12px !important; color: var(--fix-muted) !important; }

.album-caption > span { font-size: 12px !important; color: var(--fix-muted) !important; }
.album-caption > p { font-size: 13px !important; }
.note-category, .starter-note-label, .note-date, .notes-bottom > span, summary > span { font-size: 12px !important; color: var(--fix-muted) !important; }

.identity-strip span { font-size: 12px !important; }
.yuni-bgm-player b { font-size: 10px !important; }
.site-footer > span, .footer-location { font-size: 11px !important; color: var(--fix-muted) !important; }

/* 3) 강조색 하나로 (작업실) ─────────────────────────────── */
[data-yuni-space="yuniwork"] :is(#calendar, #my-collection, #work) {
  --work-accent: var(--fix-accent);
  --work-soft: var(--fix-accent-soft);
}
[data-yuni-space="yuniwork"] .primary-button {
  color: #fff !important;
  background: var(--fix-accent) !important;
  border-color: var(--fix-accent) !important;
}
[data-yuni-space="yuniwork"] .primary-button:is(:hover, :focus-visible) { background: #4a3684 !important; }
[data-yuni-space="yuniwork"] .record-button { color: var(--fix-accent); }
[data-yuni-space="yuniwork"] .filter-bar .filter.active { background: var(--fix-accent); }
[data-yuni-space="yuniwork"] .project-link:is(:hover, :focus-visible) .project-arrow { background: var(--fix-accent); }
[data-yuni-space="yuniwork"] .room-entry > span:first-child { color: var(--fix-accent); }
[data-yuni-space="yuniwork"] .album-caption > p { color: var(--fix-accent) !important; }

/* 캘린더: 민트 → 같은 보라 계열 */
[data-yuni-space="yuniwork"] .calendar-panel { border-color: #e4dcf3; }
[data-yuni-space="yuniwork"] .calendar-toolbar { background: #f7f3fd; }
[data-yuni-space="yuniwork"] .calendar-day.selected { background: var(--fix-accent-soft); border-color: var(--fix-accent-line); }
[data-yuni-space="yuniwork"] .calendar-day.is-today .calendar-day-number { background: var(--fix-accent); }
[data-yuni-space="yuniwork"] .calendar-day.selected:not(.is-today) .calendar-day-number { color: var(--fix-accent); }
[data-yuni-space="yuniwork"] .day-agenda { background: linear-gradient(140deg, #f3eefc, #fffdf8); border-color: #e4dcf3; }

/* 행인 카드의 라임 버튼 → 다른 카드와 같은 보조 버튼 */
.hangin-project-link {
  background: transparent !important;
  color: var(--fix-accent) !important;
  border: 1px solid var(--fix-accent-line) !important;
  box-shadow: none !important;
}
.hangin-project-link:is(:hover, :focus-visible) { background: var(--fix-accent-soft) !important; }

/* 4) 꾸밈 문구 줄이기 ─────────────────────────────────── */
.universe-sticker-row > span,
.character-caption,
.hero-footnote { display: none !important; }
.today-overview[data-empty="true"] { display: none !important; }

/* 5) 상단 메뉴 중복 제거: 공간 탭(놀이터·작업실·내 방)만 남긴다 */
.desktop-nav { display: none !important; }

/* 6) 프로젝트 그리드: 두 장씩, 리서치 카드는 전체 폭 */
@media (min-width: 641px) {
  .projects-grid > .project { grid-column: span 3 !important; }
  .projects-grid > .project-research { grid-column: 1 / -1 !important; }
}

/* 7) 모바일: BGM 플레이어를 작은 버튼으로 */
@media (max-width: 640px) {
  .yuni-bgm-player { width: auto !important; padding-right: 6px !important; gap: 4px !important; }
  .yuni-bgm-player > div { display: none !important; }
  main { padding-bottom: 72px; }
}

/* 8) 자잘한 정리 ──────────────────────────────────────── */
/* 메모 보관함·이전 작업 자료 아코디언을 카드 톤에 맞춤 */
[data-yuni-space="yuniwork"] :is(.archive-notes, .previous-work) {
  background: #fff !important;
  border-color: #e4dcf3 !important;
  box-shadow: 0 1px 0 #e4dcf3;
}
[data-yuni-space="yuniwork"] :is(.archive-notes, .previous-work) > summary strong { font-size: 15px; }
/* 빈 일정 안내는 조금 더 작게 */
.agenda-empty { padding-block: 8px !important; }