/* Hanboreum home redesign preview v3.3 — compact reference-inspired homepage. */
.home-main-v330{display:grid;gap:18px}
.home-title-row{margin-bottom:18px}
.home-section-heading-v330{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}
.home-section-heading-v330 h2{font-size:clamp(22px,2.6vw,30px)}
.home-section-heading-v330 p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:13px}
.home-more-link-v330{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--lavender-deep);font-size:13px;font-weight:850}
.home-more-link-v330:hover{text-decoration:underline}

.home-featured-v330{
  width:min(1120px,100%);
  margin-inline:auto;
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface-strong);
  box-shadow:0 12px 30px rgba(103,76,132,.08);
}
.home-featured-grid-v330{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));
  gap:10px;
  min-height:0;
}
.home-featured-loading-v330{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:var(--muted);font-weight:750}
.home-featured-card-v330{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:0 8px 20px rgba(91,66,116,.07);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-featured-card-v330:hover{transform:translateY(-2px);border-color:rgba(143,108,182,.32);box-shadow:0 12px 26px rgba(91,66,116,.12)}
.home-featured-card-v330>a{display:grid;height:100%;grid-template-rows:132px auto;color:inherit}
.home-featured-card-v330.is-primary>a{grid-template-rows:160px auto}
.home-featured-thumb-v330{position:relative;overflow:hidden;background:#ece6f3}
.home-featured-thumb-v330 img{display:block;width:100%;height:132px;object-fit:cover}
.home-featured-card-v330.is-primary .home-featured-thumb-v330 img{height:160px}
.home-featured-play-v330{
  position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:31px;height:31px;
  border-radius:50%;background:rgba(21,17,27,.82);color:#fff;font-size:11px;box-shadow:0 6px 18px rgba(0,0,0,.16)
}
.home-featured-copy-v330{padding:10px 11px 11px;min-width:0}
.home-featured-owner-v330{display:block;margin-bottom:4px;color:var(--lavender-deep);font-size:10px;font-weight:900}
.home-featured-copy-v330 strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;word-break:keep-all}
.home-featured-card-v330.is-primary .home-featured-copy-v330 strong{font-size:15px}
.home-featured-copy-v330 small{display:block;margin-top:5px;color:var(--muted);font-size:10px}

.home-today-v330{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface-strong);
  box-shadow:0 9px 24px rgba(103,76,132,.07);
}
.home-today-label-v330{display:flex;align-items:center;gap:7px;white-space:nowrap}
.home-today-label-v330 strong{font-size:12px}
.home-today-dot-v330{width:8px;height:8px;border-radius:50%;background:#9b79c7;box-shadow:0 0 0 4px rgba(155,121,199,.12)}
.home-today-date-v330{color:var(--muted);font-size:10px}
.home-today-track-v330{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:1px 0}
.home-today-chip-v330{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;max-width:360px;padding:7px 10px 7px 8px;
  border:1px solid color-mix(in srgb,var(--member-accent,#9f84c7) 28%,transparent);
  border-radius:999px;background:color-mix(in srgb,var(--member-accent,#9f84c7) 8%,var(--surface-strong));
  color:var(--ink);font-size:11px
}
.home-today-chip-v330.is-off{opacity:.65}
.home-today-avatar-v330{width:22px;height:22px;border-radius:50%;object-fit:cover;object-position:50% 25%}
.home-today-time-v330{font-weight:900;color:var(--lavender-deep)}
.home-today-member-v330{font-weight:850}
.home-today-title-v330{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.home-today-empty-v330{color:var(--muted);font-size:11px}

.home-music-v330{
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface-strong);
  box-shadow:0 14px 38px rgba(103,76,132,.08);
}
.home-music-feature-v330{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
}
.home-music-art-v330{position:relative;min-height:330px;overflow:hidden;background:#ece6f3}
.home-music-art-v330 img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.home-music-kind-v330{
  position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;
  background:rgba(25,20,31,.82);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em
}
.home-music-info-v330{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 30px}
.home-music-meta-v330{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.home-music-meta-v330>span{color:var(--lavender-deep);font-weight:900}
.home-music-info-v330 h3{margin:14px 0 0;font-size:clamp(24px,3.2vw,38px);line-height:1.22;letter-spacing:-.04em;word-break:keep-all}
.home-music-info-v330>p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.home-music-actions-v330{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.home-music-watch-v330{
  display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;
  background:var(--lavender-deep);color:#fff;font-size:12px;font-weight:900
}
.home-music-nav-v330{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:850}
.home-music-nav-v330 button{
  display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;
  background:var(--surface-strong);color:var(--ink);cursor:pointer;font-size:20px
}
.home-music-nav-v330 button:hover{border-color:rgba(143,108,182,.4)}

.home-latest-v330{margin-top:0!important;padding:18px}
.home-latest-v330 .live-section-heading{margin-bottom:13px}
.home-latest-actions-v330{display:flex;align-items:center;gap:11px}

html[data-theme="dark"] .home-featured-v330,
html[data-theme="dark"] .home-today-v330,
html[data-theme="dark"] .home-music-v330,
html[data-theme="dark"] .home-featured-card-v330,
html[data-theme="dark"] .home-music-feature-v330{
  background:var(--hb-surface,#211a2c);
  border-color:var(--hb-border,rgba(205,179,239,.14));
}
html[data-theme="dark"] .home-featured-copy-v330 strong,
html[data-theme="dark"] .home-today-chip-v330,
html[data-theme="dark"] .home-today-label-v330 strong,
html[data-theme="dark"] .home-music-info-v330 h3{color:var(--hb-text-primary,#f3ebfb)}
html[data-theme="dark"] .home-featured-copy-v330 small,
html[data-theme="dark"] .home-today-date-v330,
html[data-theme="dark"] .home-today-title-v330,
html[data-theme="dark"] .home-today-empty-v330,
html[data-theme="dark"] .home-section-heading-v330 p:not(.eyebrow),
html[data-theme="dark"] .home-music-meta-v330,
html[data-theme="dark"] .home-music-info-v330>p{color:var(--hb-text-secondary,#d2c6dc)}
html[data-theme="dark"] .home-today-chip-v330{background:#282031}
html[data-theme="dark"] .home-featured-thumb-v330,
html[data-theme="dark"] .home-music-art-v330{background:#2d2537}
html[data-theme="dark"] .home-music-nav-v330 button{background:#282031;color:#f3ebfb;border-color:rgba(205,179,239,.16)}

@media(max-width:900px){
  .home-featured-grid-v330{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-featured-card-v330>a,.home-featured-card-v330.is-primary>a{grid-template-rows:135px auto}
  .home-featured-thumb-v330 img,.home-featured-card-v330.is-primary .home-featured-thumb-v330 img{height:135px}
  .home-music-feature-v330{grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr)}
  .home-music-art-v330,.home-music-art-v330 img{min-height:280px}
  .home-music-info-v330{padding:22px}
}
@media(max-width:700px){
  .home-section-heading-v330{align-items:center}
  .home-section-heading-v330 p:not(.eyebrow){display:none}
  .home-featured-v330,.home-music-v330,.home-latest-v330{padding:13px;border-radius:18px}
  .home-featured-grid-v330{
    display:flex;overflow-x:auto;gap:10px;min-height:0;padding-bottom:2px;scroll-snap-type:x mandatory;scrollbar-width:thin
  }
  .home-featured-card-v330{flex:0 0 min(72vw,290px);scroll-snap-align:start}
  .home-featured-card-v330>a,.home-featured-card-v330.is-primary>a{grid-template-rows:145px auto}
  .home-featured-thumb-v330 img,.home-featured-card-v330.is-primary .home-featured-thumb-v330 img{height:145px}
  .home-featured-card-v330.is-primary .home-featured-copy-v330 strong{font-size:14px}
  .home-today-v330{grid-template-columns:1fr;gap:8px;padding:10px}
  .home-today-label-v330{grid-column:1/-1}
  .home-today-track-v330{grid-column:1/-1}
  .home-today-title-v330{max-width:130px}
  .home-music-feature-v330{grid-template-columns:1fr}
  .home-music-art-v330,.home-music-art-v330 img{min-height:0;height:220px}
  .home-music-info-v330{padding:18px}
  .home-music-info-v330 h3{font-size:23px}
  .home-music-actions-v330{margin-top:20px}
  .home-latest-actions-v330 .home-more-link-v330{display:none}
}
@media(max-width:480px){
  .home-more-link-v330{font-size:11px}
  .home-featured-v330 .home-section-heading-v330 .eyebrow{display:none}
  .home-today-member-v330{display:none}
  .home-today-title-v330{max-width:150px}
  .home-music-actions-v330{align-items:flex-start;flex-direction:column}
}