/* Check-ins use BitNook's charcoal / subtle lilac / gold home palette. */
.bn-checkin-hero{
 background:radial-gradient(circle at 95% 5%,rgba(171,146,190,.11),transparent 45%),
  linear-gradient(135deg,#232626,#1b1f1f 80%)!important;
 border:1px solid #59544d!important;border-radius:17px!important;
 box-shadow:inset 0 1px rgba(245,228,192,.045);
 padding:clamp(15px,2vw,24px)!important;
}
.bn-checkin-hero>.row:first-child{align-items:center}
.bn-checkin-hero .streak-visual{
 background:linear-gradient(145deg,#40344a,#2e2d37)!important;
 border-color:#7a6985!important;
 color:#dfc6ed!important;width:48px;height:48px;border-radius:13px
}
.bn-checkin-hero .daily-demo{
 border:1px solid #635a4a!important;color:#c6b798!important;
 background:#30302d!important;border-radius:9px;padding:6px 9px;
 font:750 10px var(--font-mono,ui-monospace,monospace);letter-spacing:.04em
}
.bn-checkin-hero .bn-streak-hero-total{color:#f0e5d5;font-size:clamp(34px,4vw,49px)}
.bn-checkin-hero .bn-streak-hero-total span{color:#d9c4e6!important}
.bn-checkin-hero>.week-dots{margin:18px 0 13px!important;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.bn-checkin-hero .week-day{gap:8px;align-items:center;font:750 10px var(--font-mono,ui-monospace,monospace);letter-spacing:.03em}
.bn-checkin-hero .week-day i{width:25px;height:25px;background:#202725;border-color:#48514b;color:#9fab9f}
.bn-checkin-hero .week-day.on i{background:#5a4c67;border-color:#a98bbd;color:#f5ddff}
.bn-checkin-hero .week-day.today i{box-shadow:0 0 0 2px #cdb08e55}
.bn-checkin-hero .streak-card-checkin{border-top:1px solid #4b4b44;margin-top:16px;padding-top:16px;gap:12px}
.bn-checkin-hero .checkin-btn{border:1px solid #6b826b;background:#20382e;color:#a9d6b9;border-radius:10px;padding:11px 13px}
.bn-checkin-calendar{background:linear-gradient(145deg,#212525,#1a1e1f 75%)!important;
 border:1px solid #505048!important;border-radius:16px!important;
 padding:clamp(13px,2vw,21px)!important;margin:13px 0 0!important}
.bn-checkin-calendar .backfill-top .upper,.bn-checkin-calendar .smallcaps{color:#d2b785}
.bn-checkin-calendar .checkin-day{
 border:1px solid #3c4946;background:#1c2422;color:#c1ccc4;border-radius:10px;
 min-height:64px;transition:background .14s,border-color .14s
}
.bn-checkin-calendar .checkin-day:hover{background:#29312e;border-color:#bba37d}
.bn-checkin-calendar .checkin-day.is-checked{
 border-color:#9d82b1;background:linear-gradient(140deg,#3b3244,#28272d);color:#f3e0ff
}
.bn-checkin-calendar .checkin-day.is-today{box-shadow:inset 0 0 0 1px #dfc38a91}
.bn-checkin-calendar .checkin-day.is-checked .checkin-mark{color:#e6c896}
.bn-checkin-calendar .backfill-legend{color:#b1bcb3}
.bn-checkin-note{border:1px solid #494e49!important;background:#222623!important;color:#c1c6bb!important;
 border-radius:11px!important;font-size:11px!important;line-height:1.6!important}
.bn-checkin-continue{margin-top:13px!important;border:1px solid #555349!important;
 background:linear-gradient(110deg,#282925,#1b2020)!important;border-radius:13px!important}
.bn-checkin-continue .continue-art{background:linear-gradient(145deg,#4e4054,#302e34)!important;
 border-color:#897493!important;color:#e0c6e9!important}
.bn-checkin-continue .continue-title{color:#f0e9d8}
.bn-checkin-continue .continue-sub{color:#acb9ac}
@media(max-width:590px){
 .bn-checkin-hero .streak-card-checkin{align-items:stretch;flex-direction:column}
 .bn-checkin-hero>.week-dots{gap:4px}
 .bn-checkin-hero .week-day i{width:19px;height:19px}
 .bn-checkin-calendar .backfill-grid{gap:4px}
 .bn-checkin-calendar .checkin-day{min-height:56px;padding:4px 1px}
}