/* BPF 12.5.12.47.27.1 — Breath Protocol guided simplification.
   Presentation only: preserve existing safety, storage, routing and player logic. */
body[data-bpf-breath-ui="1"]{
  --breath-bg:#06131f;--breath-bg2:#04101a;--breath-card:#0a2131;--breath-card2:#081b29;
  --breath-line:#28536c;--breath-line-soft:rgba(94,214,228,.18);--breath-cyan:#5ed6e4;
  --breath-blue:#2d8fc8;--breath-blue2:#2878b8;--breath-text:#f5fbfd;--breath-muted:#a9bec9;
  background:radial-gradient(circle at 82% -10%,rgba(45,143,200,.22),transparent 34rem),linear-gradient(180deg,var(--breath-bg),var(--breath-bg2) 64%,#030b12)!important;
  color:var(--breath-text)!important;font-family:Inter,Arial,Helvetica,sans-serif!important;
}
body[data-bpf-breath-ui="1"] .wrap{max-width:860px!important;padding:18px 20px calc(120px + env(safe-area-inset-bottom,0px))!important}
body[data-bpf-breath-ui="1"] h1,body[data-bpf-breath-ui="1"] h2,body[data-bpf-breath-ui="1"] h3{font-family:'Barlow Condensed',Inter,Arial,sans-serif!important;letter-spacing:-.01em}
body[data-bpf-breath-ui="1"] h1{font-size:clamp(32px,5vw,44px)!important;line-height:.98!important;margin-bottom:8px!important}
body[data-bpf-breath-ui="1"] .lead{max-width:700px;color:var(--breath-muted)!important;font-size:14px!important;line-height:1.48!important}
body[data-bpf-breath-ui="1"] .panel,body[data-bpf-breath-ui="1"] .cc,body[data-bpf-breath-ui="1"] .week,body[data-bpf-breath-ui="1"] .prog,body[data-bpf-breath-ui="1"] .stage{border:1px solid var(--breath-line)!important;border-radius:18px!important;background:linear-gradient(150deg,var(--breath-card),var(--breath-card2))!important;box-shadow:0 16px 40px rgba(0,0,0,.20)!important}
body[data-bpf-breath-ui="1"] .rib{border-color:rgba(94,214,228,.16)!important;background:rgba(10,33,49,.74)!important;color:#d9e9ef!important;border-radius:12px!important}
body[data-bpf-breath-ui="1"] .rib a,body[data-bpf-breath-ui="1"] .brand,body[data-bpf-breath-ui="1"] .focus{color:var(--breath-cyan)!important}
/* Premium, quiet CTAs: no glossy red primary buttons. Reserve red only for real safety/destructive actions. */
body[data-bpf-breath-ui="1"] .btn:not(.stop):not(.danger),
body[data-bpf-breath-ui="1"] .actions a.p,
body[data-bpf-breath-ui="1"] .bpf-guided-next,
body[data-bpf-breath-ui="1"] .bpf-guided-final,
body[data-bpf-breath-ui="1"] .bpf-breath-primary{
  background:linear-gradient(180deg,#67dce8,#3ca9d6)!important;color:#052031!important;border:1px solid rgba(126,230,240,.72)!important;
  box-shadow:0 10px 24px rgba(45,143,200,.16)!important;text-transform:none!important;letter-spacing:0!important;font-weight:900!important;
}
body[data-bpf-breath-ui="1"] .btn.ghost,body[data-bpf-breath-ui="1"] .actions a.g,body[data-bpf-breath-ui="1"] .bpf-guided-back{
  background:#0a2131!important;color:#dceaf0!important;border:1px solid #315b73!important;box-shadow:none!important;text-transform:none!important;
}
body[data-bpf-breath-ui="1"] .btn.stop,body[data-bpf-breath-ui="1"] .btn.danger{background:#14212a!important;color:#ffc8d1!important;border:1px solid rgba(232,74,100,.52)!important;box-shadow:none!important}
body[data-bpf-breath-ui="1"] .seg{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:10px!important}
body[data-bpf-breath-ui="1"] .seg button,body[data-bpf-breath-ui="1"] .opt button{
  min-height:54px!important;border:1px solid #315b73!important;border-radius:13px!important;background:#091d2c!important;color:#e5eff4!important;font-weight:850!important;box-shadow:none!important;
}
body[data-bpf-breath-ui="1"] .seg button.sel,body[data-bpf-breath-ui="1"] .opt button.sel{
  background:linear-gradient(145deg,#123a50,#0d3044)!important;border-color:#59c8df!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(101,216,231,.24)!important;
}
body[data-bpf-breath-ui="1"] .note{border:1px solid rgba(242,170,74,.35)!important;border-left:4px solid #e7aa4c!important;background:rgba(231,170,76,.07)!important;color:#f0dcc1!important}
body[data-bpf-breath-ui="1"] .danger{background:rgba(232,74,100,.07)!important;border-color:rgba(232,74,100,.35)!important;border-left-color:#e84a64!important;color:#ffd8de!important}
body[data-bpf-breath-ui="1"] .foot{color:#829ba8!important;border-top-color:rgba(94,214,228,.14)!important}
body[data-bpf-breath-ui="1"] details.bpf-more-info{border:1px solid rgba(94,214,228,.16);border-radius:14px;background:rgba(8,27,41,.72);padding:0 13px;margin:12px 0}
body[data-bpf-breath-ui="1"] details.bpf-more-info summary{cursor:pointer;list-style:none;padding:13px 0;color:#dbeaf0;font-weight:850}
body[data-bpf-breath-ui="1"] details.bpf-more-info summary::-webkit-details-marker{display:none}
body[data-bpf-breath-ui="1"] details.bpf-more-info summary:after{content:'+';float:right;color:var(--breath-cyan);font-size:20px;line-height:1}
body[data-bpf-breath-ui="1"] details.bpf-more-info[open] summary:after{content:'–'}
/* Train-for-the-Day-style guided question treatment. */
body[data-bpf-breath-ui="1"] .bpf-guided-shell{max-width:760px!important;margin:14px auto 18px!important;padding:22px!important;border-radius:22px!important;border:1px solid #2f617c!important;background:linear-gradient(155deg,#0a2638,#071b29)!important;box-shadow:0 22px 58px rgba(0,0,0,.28)!important}
body[data-bpf-breath-ui="1"] .bpf-guided-bar{height:7px!important;border-color:#2c5b73!important;background:#061722!important}
body[data-bpf-breath-ui="1"] .bpf-guided-fill{background:linear-gradient(90deg,#2f8fd8,#63d9e6)!important}
body[data-bpf-breath-ui="1"] .bpf-guided-stage{min-height:245px!important;display:flex!important;align-items:flex-start!important}
body[data-bpf-breath-ui="1"] .bpf-guided-stage>.bpf-guided-current{width:100%!important}
body[data-bpf-breath-ui="1"] .bpf-guided-stage .q>b:first-child{font-size:clamp(30px,5vw,42px)!important;line-height:.98!important;margin-bottom:14px!important}
body[data-bpf-breath-ui="1"] .bpf-guided-stage .detail{font-size:13px!important;color:#9eb5c1!important;max-width:690px!important}
body[data-bpf-breath-ui="1"] .bpf-guided-nav{border-top:1px solid rgba(94,214,228,.12)!important;padding-top:17px!important;margin-top:18px!important}
body[data-bpf-breath-ui="1"] .bpf-guided-nav button{min-height:52px!important;border-radius:13px!important}
body[data-bpf-breath-ui="1"] .bpf-guided-review h2{font-size:clamp(32px,5vw,42px)!important;line-height:.98!important}
body[data-bpf-breath-ui="1"] .bpf-guided-summary-row{background:#081e2d!important;border-color:#28536c!important}
body[data-bpf-breath-ui="1"] .bpf-guided-summary-row b{color:var(--breath-cyan)!important}
body[data-bpf-breath-ui="1"] .bpf-guided-compact-summary{border:1px solid rgba(94,214,228,.18);border-radius:14px;background:#081e2d;padding:0 13px;margin:14px 0}
body[data-bpf-breath-ui="1"] .bpf-guided-compact-summary summary{cursor:pointer;padding:13px 0;font-weight:850;color:#dbeaf0}
body[data-bpf-breath-ui="1"] .bpf-guided-compact-summary .bpf-guided-summary{margin:0 0 13px!important}
/* Breath hub: one clear action first; everything else stays available but subordinate. */
body[data-bpf-hub-id="breath-protocol"] .hero{padding:18px 20px!important;border-radius:20px!important;background:linear-gradient(155deg,#0a2638,#071b29)!important;border-color:#2d5b74!important}
body[data-bpf-hub-id="breath-protocol"] .hero .badge,body[data-bpf-hub-id="breath-protocol"] .hero .tag,body[data-bpf-hub-id="breath-protocol"] .hero .week{display:none!important}
body[data-bpf-hub-id="breath-protocol"] .hero h1{font-size:clamp(34px,5vw,46px)!important;margin-bottom:7px!important}
body[data-bpf-hub-id="breath-protocol"] .hero p{max-width:650px!important;margin:0!important;color:#a9bec9!important;font-size:14px!important;line-height:1.45!important}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-guide{border-radius:20px!important;border-color:#2f617c!important;background:linear-gradient(155deg,#0a2638,#071b29)!important;box-shadow:0 22px 58px rgba(0,0,0,.26)!important}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-guide__button--primary{background:linear-gradient(180deg,#67dce8,#3ca9d6)!important;color:#052031!important;border-color:#74dce9!important;box-shadow:none!important}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-guide__button--secondary{background:#0a2131!important;color:#dceaf0!important;border-color:#315b73!important}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-guide__steps,body[data-bpf-hub-id="breath-protocol"] .bpf-hub-guide__book{display:none!important}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-more-options{margin-top:14px!important}
/* Generic one-step-at-a-time mini wizard used by optional pause setup. */
body[data-bpf-breath-ui="1"] .bpf-breath-guide{border:1px solid #2f617c;border-radius:20px;background:linear-gradient(155deg,#0a2638,#071b29);padding:20px;margin:14px 0;box-shadow:0 20px 52px rgba(0,0,0,.24)}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:18px}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__count{color:var(--breath-cyan);font:900 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__bar{height:7px;border-radius:999px;background:#061722;border:1px solid #2c5b73;overflow:hidden}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__bar i{display:block;height:100%;background:linear-gradient(90deg,#2f8fd8,#63d9e6);transition:width .2s ease}
body[data-bpf-breath-ui="1"] .bpf-breath-step{display:none;min-height:250px}
body[data-bpf-breath-ui="1"] .bpf-breath-step.current{display:block}
body[data-bpf-breath-ui="1"] .bpf-breath-step h2{font-size:clamp(30px,5vw,42px);line-height:.98;margin:0 0 10px;color:#fff}
body[data-bpf-breath-ui="1"] .bpf-breath-step>p{color:#a9bec9;line-height:1.48;margin:0 0 16px}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__nav{display:grid;grid-template-columns:minmax(110px,.34fr) 1fr;gap:10px;border-top:1px solid rgba(94,214,228,.12);padding-top:17px;margin-top:14px}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__nav button{min-height:52px;border-radius:13px;font-weight:900;cursor:pointer}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__back{background:#0a2131;color:#dceaf0;border:1px solid #315b73}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__next{background:linear-gradient(180deg,#67dce8,#3ca9d6);color:#052031;border:1px solid #74dce9}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__summary{display:grid;gap:8px;margin:12px 0 16px}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__summary div{display:flex;justify-content:space-between;gap:12px;border:1px solid #28536c;border-radius:12px;background:#081e2d;padding:11px 13px}
body[data-bpf-breath-ui="1"] .bpf-breath-guide__summary span{color:#9eb5c1}body[data-bpf-breath-ui="1"] .bpf-breath-guide__summary b{color:#fff}
/* 28-day plan: one week at a time, same day-state logic. */
body[data-bpf-breath-ui="1"] #weeks{min-height:390px}
body[data-bpf-breath-ui="1"] .week{display:none!important;padding:20px!important;margin:0!important}
body[data-bpf-breath-ui="1"] .week.current{display:block!important}
body[data-bpf-breath-ui="1"] .week h2{font-size:clamp(28px,4vw,36px)!important;line-height:1!important}
body[data-bpf-breath-ui="1"] .week p{color:#a9bec9!important;font-size:13.5px!important}
body[data-bpf-breath-ui="1"] .days{gap:8px!important;margin-top:14px!important}
body[data-bpf-breath-ui="1"] .day{aspect-ratio:auto!important;min-height:52px!important;border-radius:12px!important;background:#091d2c!important;border-color:#315b73!important;color:#dceaf0!important}
body[data-bpf-breath-ui="1"] .day.done{background:linear-gradient(145deg,#123a50,#0d3044)!important;border-color:#59c8df!important;color:#fff!important}
body[data-bpf-breath-ui="1"] .day.retest{border-color:#b8893f!important;color:#edcb90!important}
body[data-bpf-breath-ui="1"] .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body[data-bpf-breath-ui="1"] .actions a{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important}
body[data-bpf-breath-ui="1"] .bpf-week-nav{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:12px 0 10px}
body[data-bpf-breath-ui="1"] .bpf-week-nav button{min-height:44px;border:1px solid #315b73;border-radius:12px;background:#0a2131;color:#dceaf0;font-weight:850;padding:0 14px;cursor:pointer}
body[data-bpf-breath-ui="1"] .bpf-week-nav button:disabled{opacity:.35;cursor:not-allowed}
body[data-bpf-breath-ui="1"] .bpf-week-nav strong{text-align:center;color:#dceaf0;font-size:13px}
body[data-bpf-breath-ui="1"] .bpf-plan-help{margin:12px 0 0}
@media(max-width:620px){
  body[data-bpf-breath-ui="1"] .wrap{padding:12px 12px calc(116px + env(safe-area-inset-bottom,0px))!important}
  body[data-bpf-breath-ui="1"] .bpf-guided-shell,body[data-bpf-breath-ui="1"] .bpf-breath-guide{padding:17px 15px!important;border-radius:17px!important}
  body[data-bpf-breath-ui="1"] .bpf-guided-stage{min-height:0!important}
  body[data-bpf-breath-ui="1"] .bpf-breath-guide__nav{grid-template-columns:1fr!important}
  body[data-bpf-breath-ui="1"] .bpf-breath-step{min-height:0}
  body[data-bpf-breath-ui="1"] .days{grid-template-columns:repeat(4,1fr)!important}
}
body[data-bpf-hub-id="breath-protocol"] .bpf-hub-mobile-action{background:linear-gradient(180deg,#67dce8,#3ca9d6)!important;color:#052031!important;border-color:#74dce9!important;box-shadow:0 10px 24px rgba(45,143,200,.18)!important;text-transform:none!important;letter-spacing:0!important}
