.site-header .home-notice-roll{position:static;flex:1;min-width:0;display:flex;align-items:center;gap:2px;margin:0 4px;padding:0;background:transparent;border:0}.site-header .site-logo{flex-shrink:0}
.home-notice-roll[hidden]{display:none}.home-notice-roll button{border:0;background:transparent;color:#786b59;cursor:pointer;font:inherit;font-size:12px}.home-notice-title{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}.home-notice-title{min-height:28px}.home-notice-roll button:focus-visible,#today-tip-open:focus-visible{outline:2px solid #a58b66;outline-offset:2px}
#home-screen #today-panel:not([hidden]){display:flex;align-items:center;gap:14px;width:auto;margin:12px 0 20px;transform:none;border:1px solid #e0d8c9;border-radius:14px;padding:15px;background:#f6f2e8}#today-panel>div{flex:1;min-width:0}#today-tip-open{flex-shrink:0;border:1px solid #c8bda6;border-radius:999px;padding:9px 12px;background:#fffaf0;color:#786344;font:inherit;font-size:12px;cursor:pointer}.home-release-notes{margin:35px 0;padding:22px 0;border-top:1px solid #e4dcca}.home-release-notes h3{font:600 24px/1.4 var(--serif,serif)}.home-release-row{border-bottom:1px solid #e2d9c8}.home-release-row summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 0;font-size:14px;color:#5c5143;list-style:none}.home-release-row summary:before{content:'+';font-size:16px}.home-release-row[open] summary:before{content:'−'}.home-release-row summary span{flex:1}.home-release-row time{font-size:11px;color:#948575;white-space:nowrap}.home-release-row p{font-size:13px;line-height:1.8;color:#7c6d59;padding-left:22px}.home-live-dialog{max-width:520px;width:calc(100% - 40px);max-height:80dvh;overflow:auto;padding:24px;border:1px solid #d2c3a9;border-radius:18px;background:#fffaf0;color:#594b38;box-sizing:border-box}.home-live-dialog::backdrop{background:#18141099}.home-live-dialog>button{float:right;border:1px solid #c5b699;border-radius:9px;background:transparent;padding:7px 10px;font:inherit;color:inherit;cursor:pointer}.home-live-dialog h3{padding-right:60px;font-family:serif}.home-live-dialog p{font-size:14px;line-height:1.85;white-space:pre-wrap}.home-notice-date{color:#998870;font-size:12px!important}@media(max-width:400px){#home-screen #today-panel:not([hidden]){gap:9px;padding:12px}#today-tip-open{max-width:74px;white-space:normal;font-size:11px;padding:8px}.home-release-row summary{font-size:13px}}
#today-count .home-social-dot{background:#739b81}#today-count .home-social-dot::after{animation:none}.home-release-notes h3 small{font:400 13px/1.4 var(--sans,sans-serif);color:#9a8b75}

/* Daily note and release history share the same quiet paper treatment. */
.home-notice-title { min-height: 44px; }
#home-screen #today-panel:not([hidden]) { gap: 18px; margin: 18px 0 24px; padding: 20px; border-color: var(--ui-line,#ded5c7); border-radius: 18px; background: linear-gradient(120deg,#fffdf9,#f5efe5); }
#today-tip-open { min-height: 44px; padding: 10px 14px; border-color: var(--ui-line,#ded5c7); border-radius: 12px; background: var(--ui-surface,#fffdf8); color: var(--ui-action,#B8365A); font: 600 12px/1.5 var(--sans,sans-serif); }
#today-tip-open:hover { border-color: var(--ui-action,#B8365A); }
.home-release-notes { margin: 40px 0; padding: 24px; border: 1px solid var(--ui-line,#ded5c7); border-radius: 22px; background: var(--ui-surface,#fffdf8); }
.home-release-notes h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0 0 18px; color: var(--ui-ink,#302b26); font: 700 23px/1.45 var(--serif,serif); letter-spacing: -.035em; }
.home-release-notes h3 small { color: var(--ui-muted,#72685c); }
.home-release-row { border-bottom-color: var(--ui-line,#ded5c7); }
.home-release-row:last-child { border-bottom: 0; }
.home-release-row summary { min-height: 56px; padding: 14px 0; color: var(--ui-ink,#302b26); font: 500 14px/1.7 var(--sans,sans-serif); }
.home-release-row summary::-webkit-details-marker { display: none; }
.home-release-row summary::before { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 8px; background: var(--ui-soft,#f5efe5); color: var(--ui-action,#B8365A); }
.home-release-row summary span { overflow-wrap: anywhere; }
.home-release-row time { color: var(--ui-muted,#72685c); font-size: 12px; font-variant-numeric: tabular-nums; }
.home-release-row p { margin: 0 0 18px; padding-left: 38px; color: var(--ui-muted,#72685c); font: 400 14px/1.9 var(--sans,sans-serif); overflow-wrap: anywhere; }
.home-live-dialog { width: min(520px,calc(100% - 32px)); padding: 28px; border-color: var(--ui-line,#ded5c7); border-radius: 22px; background: var(--ui-surface,#fffdf8); color: var(--ui-ink,#302b26); box-shadow: 0 24px 80px #302b2626; }
.home-live-dialog::backdrop { background: #211c1899; backdrop-filter: blur(3px); }
.home-live-dialog>button { min-height: 44px; padding: 10px 14px; border-color: var(--ui-line,#ded5c7); border-radius: 12px; background: var(--ui-soft,#f5efe5); color: var(--ui-muted,#72685c); font: 500 13px/1.5 var(--sans,sans-serif); }
.home-live-dialog h3 { margin: 4px 0 20px; color: var(--ui-ink,#302b26); font: 700 23px/1.5 var(--serif,serif); letter-spacing: -.035em; }
.home-live-dialog p { color: var(--ui-muted,#72685c); font: 400 15px/1.9 var(--sans,sans-serif); overflow-wrap: anywhere; }
.home-notice-date { color: var(--ui-muted,#72685c); }
:is(.home-live-dialog button,.home-release-row summary,#today-tip-open):focus-visible { outline: 2px solid var(--ui-action,#B8365A); outline-offset: 3px; }
@media(max-width:400px) { #home-screen #today-panel:not([hidden]) { gap: 12px; padding: 16px; }#today-tip-open { max-width: none; padding: 10px; font-size: 12px; }.home-release-notes { padding: 20px 16px; }.home-release-row summary { flex-wrap: wrap; gap: 8px; }.home-release-row summary span { flex-basis: calc(100% - 34px); }.home-release-row time { margin-left: 34px; }.home-release-row p { padding-left: 0; }.home-live-dialog { padding: 22px; } }

/* 오늘의 일진: 날짜와 일주는 한 줄, 해석은 카드의 중심, 팁은 아래에 둔다. */
#home-screen #today-panel:not([hidden]) {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 10px;
  align-items: center;
  padding: 18px 20px 10px;
  border: 1px solid var(--ui-line, #ded5c7);
  border-radius: 18px;
  background: linear-gradient(125deg, var(--ui-surface, #fffdf8), var(--ui-soft, #f5efe5));
}
#today-panel > .today-symbol {
  position: relative;
  display: grid;
  place-content: center;
  gap: 1px;
  width: 52px;
  height: 52px;
  flex: none;
  border: 1px solid color-mix(in srgb, var(--today-accent, #756b5c) 55%, #d7c8b4);
  border-radius: 48% 52% 47% 53%;
  background: color-mix(in srgb, var(--today-accent, #756b5c) 9%, #fffaf0);
  color: var(--ui-ink, #302b26);
  text-align: center;
  transform: rotate(-5deg);
}
.today-symbol b { font: 700 25px/1 var(--serif, serif); }
.today-symbol small { color: var(--ui-muted, #72685c); font: 600 9px/1.3 var(--sans, sans-serif); }
#today-panel > .today-copy { min-width: 0; }
#today-panel .today-meta {
  display: flex;
  align-items: baseline;
  overflow: hidden;
  white-space: nowrap;
  color: var(--ui-muted, #72685c);
  font: 600 11px/1.5 var(--sans, sans-serif);
  letter-spacing: -.025em;
}
.today-meta span + span::before { content: '·'; margin: 0 6px; color: #b1a28e; }
#today-panel .today-say {
  margin: 5px 0 0;
  color: var(--ui-ink, #302b26);
  font: 700 17px/1.5 var(--serif, serif);
  letter-spacing: -.035em;
}
#today-tip-open {
  grid-column: 1 / -1;
  justify-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-height: 42px;
  max-width: none;
  padding: 8px 1px 0;
  border: 0;
  border-top: 1px solid var(--ui-line, #ded5c7);
  border-radius: 0;
  background: transparent;
  color: var(--ui-action, #B8365A);
  font: 600 12px/1.4 var(--sans, sans-serif);
  cursor: pointer;
}
#today-tip-open:hover { color: var(--ui-ink, #302b26); text-decoration: underline; text-underline-offset: 3px; }
#today-tip-open span { font-size: 16px; line-height: 1; }
@media (max-width: 400px) {
  #home-screen #today-panel:not([hidden]) { grid-template-columns: 46px minmax(0, 1fr); gap: 8px 12px; padding: 15px 15px 8px; }
  #today-panel > .today-symbol { width: 44px; height: 44px; }
  .today-symbol b { font-size: 22px; }
  #today-panel .today-meta { font-size: 10px; }
  .today-meta span + span::before { margin: 0 4px; }
  #today-panel .today-say { font-size: 15px; }
}