:root{
  --pink-50:#FBEAF0; --pink-100:#F4C0D1; --pink-200:#ED93B1; --pink-600:#993556; --pink-800:#4B1528;
  --ink:#2C2C2A; --sub:#5F5E5A; --muted:#B4B2A9; --line:#E7E5DD;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:var(--ink);background:#fff;}

.hero{background:var(--pink-50);padding:36px 20px 26px;}
.hero-inner{max-width:480px;margin:0 auto;text-align:center;}
.hero-video{width:180px;height:180px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 14px;}
.band-name{font-size:22px;font-weight:600;margin:0;color:var(--pink-800);}
.band-sub{font-size:12px;color:var(--pink-600);margin:4px 0 18px;}
.sns-row{display:flex;justify-content:center;gap:22px;}
.sns-row a{color:var(--pink-600);}

.content{background:#fff;}
.content-inner{max-width:900px;margin:0 auto;padding:24px 18px 60px;}

.calendar-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;max-width:340px;margin:0 auto;}
.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.cal-header button{border:1px solid var(--line);background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:14px;}
.cal-header p{font-size:14px;font-weight:600;margin:0;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;}
.cal-dow{font-size:11px;color:var(--muted);padding-bottom:4px;}
.cal-day{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;margin:0 auto;border-radius:50%;color:var(--ink);}
.cal-day.has-live{background:var(--pink-200);color:var(--pink-800);font-weight:600;cursor:pointer;}
.cal-day.empty{visibility:hidden;}

.section-label{font-size:13px;font-weight:600;color:var(--sub);margin:24px 0 12px;text-align:center;}
.live-list{display:flex;flex-direction:column;gap:14px;max-width:400px;margin:0 auto;}
.live-empty{text-align:center;color:var(--muted);font-size:13px;padding:20px;}

.live-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;scroll-margin-top:20px;}
.live-card .main-img{aspect-ratio:16/9;background:#F1EFE8;display:flex;align-items:center;justify-content:center;color:var(--muted);position:relative;overflow:hidden;}
.live-card .main-img img{width:100%;height:100%;object-fit:cover;cursor:pointer;}
.live-card .count-badge{position:absolute;bottom:8px;right:8px;background:rgba(255,255,255,0.85);color:var(--pink-600);font-size:10px;padding:2px 8px;border-radius:10px;}
.live-card .body{padding:16px;}
.live-card .datetime{font-size:14px;color:var(--pink-600);font-weight:600;}
.live-card .datetime .time{font-size:13px;color:var(--sub);font-weight:400;margin-left:6px;}
.live-card .venue{font-size:16px;font-weight:600;margin:3px 0 6px;}
.live-card .meta{display:flex;gap:14px;font-size:13px;color:var(--sub);margin-bottom:12px;flex-wrap:wrap;}
.live-card .freetext{background:var(--pink-50);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--pink-800);line-height:1.8;margin-bottom:12px;white-space:pre-wrap;}
.live-card .thumbs{display:flex;gap:6px;margin-bottom:12px;}
.live-card .thumbs img{width:52px;height:52px;object-fit:cover;border-radius:8px;cursor:pointer;border:1.5px solid transparent;}
.live-card .map-btn{display:block;width:100%;text-align:center;padding:11px;font-size:13px;font-weight:600;border:1px solid var(--pink-200);color:var(--pink-600);border-radius:8px;text-decoration:none;background:#fff;}

.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);align-items:center;justify-content:center;z-index:200;padding:20px;}
.lightbox.show{display:flex;}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px;}

@media (min-width: 720px){
  .content-inner{display:flex;gap:40px;align-items:flex-start;}
  .calendar-col{flex:0 0 340px;position:sticky;top:20px;}
  .list-col{flex:1;min-width:0;}
  .section-label{text-align:left;margin-top:0;}
  .live-list{max-width:none;}
}