#bypLifeView.byp-day-active{
  min-height:100vh!important;background:
  radial-gradient(circle at 8% 0,rgba(255,46,196,.13),transparent 27%),
  radial-gradient(circle at 92% 2%,rgba(0,229,255,.10),transparent 28%),#050507!important;
  color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:0!important
}
.byp-day{max-width:1120px;margin:0 auto;padding:18px 18px 76px}
.byp-day *{box-sizing:border-box}
.byp-day-head{
  position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:62px;margin:0 -18px 20px;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(5,5,7,.90);backdrop-filter:blur(16px)
}
.byp-day-head-left{display:flex;align-items:center;gap:10px}
.byp-day-head-left img{width:38px;height:38px;object-fit:contain}
.byp-day-head-copy small{font-size:9px;font-weight:950;letter-spacing:.16em;color:#8c8c98}
.byp-day-head-copy b{display:block;font-size:16px;font-weight:850;letter-spacing:-.02em}
.byp-day-x{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#0d0d13;color:#fff;
  font-size:20px;cursor:pointer
}
.byp-day-progress{display:grid;grid-template-columns:1.25fr 1fr 1fr .9fr;gap:7px;margin-bottom:18px}
.byp-day-progress span{
  min-height:39px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);
  color:#656570;font-size:9px;font-weight:950;letter-spacing:.07em;text-align:center
}
.byp-day-progress .done{color:#91f0aa;border-color:rgba(89,236,128,.22)}
.byp-day-progress .active{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.byp-day-progress .w.active{box-shadow:0 0 26px rgba(255,46,196,.13)}
.byp-day-progress .g.active{box-shadow:0 0 26px rgba(70,237,120,.12)}
.byp-day-progress .e.active{box-shadow:0 0 26px rgba(0,229,255,.12)}
.byp-day-card{
  overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:#0b0b11;
  box-shadow:0 28px 70px rgba(0,0,0,.34)
}
.byp-day-task-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);min-height:560px}
.byp-day-media{position:relative;min-height:560px;background:#050507;overflow:hidden}
.byp-day-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.byp-day-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.02) 50%,rgba(5,5,7,.43) 100%)}
.byp-day-media-label{
  position:absolute;left:20px;bottom:18px;z-index:2;display:inline-flex;border:1px solid rgba(255,255,255,.20);
  background:rgba(5,5,7,.72);backdrop-filter:blur(10px);border-radius:999px;padding:8px 11px;
  font-size:9px;font-weight:950;letter-spacing:.12em
}
.byp-day-content{
  display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,4vw,44px);
  border-left:1px solid rgba(255,255,255,.08);background:
  radial-gradient(circle at 100% 0,rgba(168,85,255,.09),transparent 35%),#0a0a10
}
.byp-day-card.w .byp-day-content{box-shadow:inset 3px 0 0 rgba(255,46,196,.30)}
.byp-day-card.g .byp-day-content{box-shadow:inset 3px 0 0 rgba(73,238,121,.28)}
.byp-day-card.e .byp-day-content{box-shadow:inset 3px 0 0 rgba(0,229,255,.28)}
.byp-day-kicker{font-size:9px;font-weight:950;letter-spacing:.16em;color:#888894}
.byp-day-content h1{margin:7px 0 10px;font-size:clamp(42px,6vw,68px);line-height:.91;letter-spacing:-.058em;font-weight:900}
.byp-day-content>p{margin:0;color:#aaaab6;font-size:15px;line-height:1.52}
.byp-day-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.byp-day-btn{
  min-height:44px;border:1px solid rgba(255,255,255,.14);background:#111117;color:#fff;border-radius:999px;
  padding:11px 14px;font-size:10px;font-weight:950;letter-spacing:.06em;cursor:pointer
}
.byp-day-btn.primary{border:0;background:linear-gradient(90deg,#ff2ec4,#a855ff 58%,#009fe8);box-shadow:0 8px 25px rgba(116,63,255,.16)}
.byp-day-taskbox{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.byp-day-taskbox[hidden]{display:none!important}
.byp-day-taskbox h2{margin:0 0 11px;font-size:16px;letter-spacing:-.02em}
.byp-day-checks{display:grid;gap:8px}
.byp-day-check{
  width:100%;display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(255,255,255,.09);border-radius:14px;
  padding:11px 12px;background:rgba(255,255,255,.024);color:#fff;text-align:left
}
button.byp-day-check{cursor:pointer}
.byp-day-check input{width:19px;height:19px;margin:1px 0 0;accent-color:#ff2ec4;flex:0 0 auto}
.byp-day-check span{display:block;min-width:0}.byp-day-check b{display:block;font-size:12px}.byp-day-check span span{margin-top:3px;color:#8f8f9b;font-size:11px;line-height:1.38}
.byp-day-proof{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.byp-day-proof button{border:1px solid rgba(255,255,255,.10);background:#0d0d13;color:#aaaab5;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
.byp-day-complete{display:grid;gap:9px;margin-top:14px}.byp-day-complete small{color:#8f8f9b;line-height:1.4;font-size:11px}
.byp-day-complete .primary{width:100%}
.byp-day-save-panel{
  margin-top:12px;padding:14px;border:1px solid rgba(0,229,255,.15);border-radius:15px;background:rgba(0,229,255,.025)
}
.byp-day-save-panel label{display:block;color:#93939e;font-size:10px;font-weight:900;margin-bottom:8px}
.byp-day-save-panel input,.byp-day-save-panel select{
  width:100%;margin-top:5px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0d0d13;color:#fff
}
.byp-day-mini{
  display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:13px 15px;
  border:1px solid rgba(0,229,255,.13);border-radius:15px;background:rgba(0,229,255,.025);color:#8f8f9b;font-size:11px
}
.byp-day-mini a{color:#7ce9ff;text-decoration:none;font-weight:950;letter-spacing:.06em;white-space:nowrap}
.byp-day-pick-card{padding:clamp(24px,4vw,42px)}
.byp-day-pick-card>span{font-size:9px;font-weight:950;letter-spacing:.16em;color:#858591}
.byp-day-pick-card>h1{margin:7px 0 10px;font-size:clamp(42px,6vw,70px);line-height:.92;letter-spacing:-.055em}
.byp-day-pick-card>p{margin:0;color:#aaaab6;line-height:1.5;font-size:15px}
.byp-day-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.byp-day-pick{
  position:relative;overflow:hidden;min-height:210px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:#07070b;color:#fff;
  padding:0;cursor:pointer;text-align:left
}
.byp-day-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.byp-day-pick:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.83))}
.byp-day-pick>span{position:absolute;left:15px;right:15px;bottom:14px;z-index:2}
.byp-day-pick b{display:block;font-size:20px;letter-spacing:-.03em}.byp-day-pick small{display:block;margin-top:5px;color:#b8b8c2;font-size:10px}
.byp-day-pick:hover,.byp-day-pick:focus-visible{border-color:rgba(255,255,255,.35);outline:none;transform:translateY(-2px)}
.byp-day-stage-next{margin-top:18px;display:flex;justify-content:flex-end}
.byp-day-celebrate{
  min-height:560px;padding:clamp(28px,6vw,72px);display:flex;flex-direction:column;justify-content:center;text-align:center;
  background:radial-gradient(circle at 50% 0,rgba(255,46,196,.12),transparent 31%),radial-gradient(circle at 50% 100%,rgba(0,229,255,.08),transparent 31%)
}
.byp-day-celebrate>small{font-size:9px;font-weight:950;letter-spacing:.16em;color:#858591}
.byp-day-celebrate h1{margin:8px 0 12px;font-size:clamp(48px,8vw,84px);line-height:.90;letter-spacing:-.06em}
.byp-day-celebrate p{max-width:620px;margin:0 auto 18px;color:#aaaab6;line-height:1.5}
.byp-day-gratitude{width:min(680px,100%);min-height:100px;margin:0 auto 12px;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#0f0f16;color:#fff;font:inherit}
.byp-day-celebrate .byp-day-choice{justify-content:center}
@media(max-width:900px){
 .byp-day-task-layout{grid-template-columns:1fr}.byp-day-media{min-height:420px}.byp-day-content{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
 .byp-day-card.w .byp-day-content,.byp-day-card.g .byp-day-content,.byp-day-card.e .byp-day-content{box-shadow:none}
 .byp-day-pick-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .byp-day{padding:10px 10px 78px}.byp-day-head{margin:0 -10px 12px;padding:8px 10px}
 .byp-day-progress{gap:3px}.byp-day-progress span{font-size:7.5px;letter-spacing:.02em;padding:7px 3px}
 .byp-day-card{border-radius:22px}.byp-day-media{min-height:300px}.byp-day-content{padding:21px 18px}
 .byp-day-content h1{font-size:43px}.byp-day-pick-card{padding:20px 16px}.byp-day-pick-card>h1{font-size:43px}
 .byp-day-pick-grid{grid-template-columns:1fr}.byp-day-mini{align-items:flex-start;flex-direction:column}
}

/* Batch 5: selected BYP goal remains visible while the Daily 5 continue. */
.byp-day-goal{margin:0 0 14px;padding:clamp(14px,2.5vw,23px);border:1px solid rgba(255,46,196,.42);border-radius:20px;background:linear-gradient(125deg,#100915,#090c12);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.byp-day-goal>div:first-child{flex:1 1 270px;min-width:0}
.byp-day-goal small{display:block;color:#7ce9ff;letter-spacing:.12em;font-size:10px;font-weight:900}
.byp-day-goal h2{font-size:clamp(19px,3.2vw,27px);margin:7px 0;line-height:1.12;color:#fff;overflow-wrap:anywhere}
.byp-day-goal p{color:#c8c5d5;font-size:13px;line-height:1.5;margin:0}
.byp-day-goal-actions{display:flex;flex:1 1 225px;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.byp-day-goal-actions .byp-day-btn{font-size:10px;min-height:43px}
.byp-day-goal-calendar{flex-basis:100%;width:100%;border-top:1px solid rgba(255,255,255,.12);margin-top:3px;padding-top:10px}
.byp-day-goal-calendar[hidden]{display:none!important}
.byp-day-inline-msg{font-size:12px;color:#ff8fd8;margin:6px 0}
@media(max-width:680px){.byp-day-goal{align-items:stretch}.byp-day-goal-actions{justify-content:flex-start;flex-basis:100%}.byp-day-goal-actions .byp-day-btn{flex:1 1 138px}}

/* Daily completion rules and recorded activities use the existing BYP palette. */
.byp-day-rules{padding:1rem;margin:1rem 0;border:1px solid currentColor;border-radius:1rem;line-height:1.6}
.byp-day-rules summary{cursor:pointer;font-weight:700}
.byp-day-action-label{display:grid;gap:.5rem;margin:1rem 0;font-weight:700}
.byp-day-action-label input{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:.6rem;padding:.8rem;min-width:0;width:100%;box-sizing:border-box}


/* My Daily Balance — all 16 existing activity areas visible at once.
   This opt-in home flow shares the original BYP Day completion authority. */
.byp-home-daily{max-width:1120px;margin:14px auto 28px;padding:20px 24px;border:1px solid rgba(255,46,196,.36);border-radius:20px;background:linear-gradient(110deg,#100819,#090e26);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}
.byp-home-daily small{font-size:10px;font-weight:900;letter-spacing:.11em;color:#86cfff}
.byp-home-daily h2{font-size:clamp(21px,3vw,30px);line-height:1.2;margin:5px 0 7px;color:#fff}
.byp-home-daily p{margin:0;color:#ddd5e5;line-height:1.5;font-size:13px;max-width:650px}
.byp-home-daily button{flex-shrink:0;min-height:44px;cursor:pointer}
.byp-overview{color:#fff;padding-bottom:12px}
.byp-overview-intro{padding:8px 4px 12px}
.byp-overview-intro>small{color:#ffa0e8;font-weight:900;letter-spacing:.11em}
.byp-overview-intro h1{font-size:clamp(26px,5vw,45px);line-height:1.13;margin:8px 0}
.byp-overview-intro p{font-size:14px;line-height:1.55;max-width:780px;color:#e2dbea;margin:9px 0}
.byp-overview-intro .byp-overview-hint{font-size:12px;color:#b9adca}
.byp-overview-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 22px}
.byp-overview-progress span{font-size:12px;padding:13px;border-radius:12px;background:#171327;border:1px solid #41365b;line-height:1.6}
.byp-overview-progress b{color:#fff;font-size:18px}
.byp-overview-group{background:#0d0b17;border-radius:18px;border:1px solid #3d3350;margin:18px 0;overflow:hidden}
.byp-overview-group>header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:15px 19px;border-bottom:1px solid #403451}
.byp-overview-group h2{font-size:23px;line-height:1.1;margin:0;color:#ff7bd8}
.byp-overview-group.g h2{color:#b991ff}
.byp-overview-group.e h2{color:#72caff}
.byp-overview-group header p{font-size:12px;color:#ccc1dc;line-height:1.45;margin:0}
.byp-overview-list{display:grid}
.byp-overview-item{display:grid;grid-template-columns:70px 35px minmax(0,1fr) 145px;gap:10px;padding:12px 18px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10)}
.byp-overview-item:last-child{border-bottom:0}
.byp-overview-focus{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;font-weight:750;cursor:pointer;color:#c1b7d1}
.byp-overview-focus input{width:21px;height:21px;accent-color:#ff2ec4}
.byp-overview-symbol{font-size:24px;text-align:center}
.byp-overview-copy{min-width:0}
.byp-overview-copy>b{display:block;font-size:15px;line-height:1.3}
.byp-overview-copy>small{display:block;color:#9bd9ff;font-size:11px;margin-top:3px}
.byp-overview-note{font-size:10px;color:#bdb0cb;display:block;margin-top:7px}
.byp-overview-note input{display:block;width:100%;max-width:430px;min-height:34px;box-sizing:border-box;margin-top:3px;padding:6px 9px;color:#fff;background:#21192c;border:1px solid #51426b;border-radius:9px;font-size:12px}
.byp-overview-note input:focus-visible{outline:2px solid #ff2ec4;outline-offset:1px}
.byp-overview-actions{display:flex;gap:6px;flex-direction:column}
.byp-overview-actions button{background:#261a38;border:1px solid #684f88;color:#fff;border-radius:10px;padding:8px 7px;font-weight:850;font-size:11px;cursor:pointer;min-height:34px}
.byp-overview-actions .byp-overview-done{background:linear-gradient(105deg,#c526b8,#792cdb)}
.byp-overview-actions button:disabled{background:#211d2b;color:#a2caae;border-color:#3d453e;cursor:default}
.byp-overview-goal{padding:11px 14px;border:1px solid #68418f;border-radius:12px;background:#20142e}
.byp-overview-goal button{background:transparent;border:0;color:#9dd8ff;font-weight:850;text-decoration:underline;cursor:pointer}
@media(max-width:680px){
.byp-home-daily{margin:10px 12px 18px;padding:17px;flex-direction:column;align-items:stretch;gap:12px}
.byp-overview-progress{grid-template-columns:1fr;gap:5px}
.byp-overview-group>header{display:block;padding:14px}
.byp-overview-group header p{margin:7px 0 0}
.byp-overview-item{grid-template-columns:44px 28px minmax(0,1fr);gap:6px;padding:13px 10px}
.byp-overview-actions{grid-column:3;flex-direction:row}
.byp-overview-actions button{flex:1;min-height:38px}
.byp-overview-copy>b{font-size:14px}
.byp-overview-note input{max-width:100%}
}
