.b478, .b478
*{box-sizing:border-box}.b478{--b478-navy:#174b78;--b478-blue:#4ba3cf;--b478-light:#eef8fc;--b478-orange:#ed8b32;--b478-text:#17324a;--b478-muted:#61798d;--b478-border:#d8e8f1;width:100%;margin:2rem auto;color:var(--b478-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.b478__card{max-width:980px;margin:0
auto;overflow:hidden;border:1px
solid var(--b478-border);border-radius:24px;background:linear-gradient(180deg, #fff 0%, var(--b478-light) 100%);box-shadow:0 18px 50px rgba(23, 75, 120, .12)}.b478__header{padding:28px
28px 20px;text-align:center;border-top:8px solid var(--b478-navy)}.b478__eyebrow{margin:0
0 7px;color:var(--b478-navy);font-size: .78rem;font-weight:800;letter-spacing: .12em;text-transform:uppercase}.b478
h2{margin:0;font-size:clamp(1.65rem, 4vw, 2.55rem);line-height:1.12}.b478__intro{max-width:650px;margin:12px
auto 0;color:var(--b478-muted);line-height:1.6}.b478__content{display:grid;grid-template-columns:minmax(240px, .8fr) minmax(300px, 1.2fr);gap:18px;padding:10px
28px 24px}.b478__visual,.b478__guide{min-height:330px;border:1px
solid var(--b478-border);border-radius:20px;background:rgba(255,255,255,.84)}.b478__visual{display:grid;place-items:center;align-content:center;padding:24px}.b478__orb{width:180px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%, #fff 0 17%, #cdeaf7 47%, #80c6e2 76%, #4ba3cf 100%);box-shadow:0 0 0 12px rgba(75,163,207,.12), 0 20px 35px rgba(23,75,120,.18);transform:scale(.72);transition:transform 900ms ease-in-out, background 500ms ease, box-shadow 500ms ease}.b478__orbCore{width:44%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(1px)}.b478[data-phase-name="inhale"] .b478__orb{transform:scale(1)}.b478[data-phase-name="hold"] .b478__orb{transform:scale(1);box-shadow:0 0 0 17px rgba(75,163,207,.16), 0 20px 35px rgba(23,75,120,.18)}.b478[data-phase-name="exhale"] .b478__orb{transform:scale(.72);background:radial-gradient(circle at 40% 35%, #fff 0 17%, #ffe5ce 47%, #f6b477 76%, #ed8b32 100%)}.b478__cycle{margin:24px
0 8px;color:var(--b478-muted)}.b478__dots{display:flex;gap:8px}.b478__dot{width:9px;height:9px;border-radius:50%;background:#c7dbe6}.b478__dot.is-done,.b478__dot.is-current{background:var(--b478-orange)}.b478__dot.is-current{outline:4px
solid rgba(237,139,50,.17)}.b478__guide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.b478__phase{margin:0;color:var(--b478-navy);font-size:clamp(1.45rem, 3vw, 2rem);font-weight:800}.b478[data-phase-name="exhale"] .b478__phase{color:var(--b478-orange)}.b478__instruction{min-height:1.6em;margin:7px
0 13px;color:var(--b478-muted)}.b478__timerWrap{width:118px;height:118px;display:grid;place-content:center;border:9px
solid #dff0f7;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--b478-border)}.b478__timer{display:block;font-size:2.7rem;font-weight:850;line-height: .9;font-variant-numeric:tabular-nums}.b478__seconds{margin-top:7px;color:var(--b478-muted);font-size: .72rem}.b478__progress{width:min(100%, 470px);height:8px;margin:24px
0 16px;overflow:hidden;border-radius:999px;background:#dcecf4}.b478__progress
span{display:block;width:0;height:100%;border-radius:inherit;background:var(--b478-blue);transition:width 100ms linear}.b478[data-phase-name="exhale"] .b478__progress
span{background:var(--b478-orange)}.b478__steps{display:grid;grid-template-columns:repeat(3, 1fr);width:min(100%, 470px);color:#7890a2;font-size: .78rem}.b478__steps
span{padding-top:8px;border-top:3px solid #d9e9f1}.b478__steps
b{display:block;font-size: .68rem}.b478__steps .is-active{color:var(--b478-navy);border-color:var(--b478-blue)}.b478__steps [data-step="exhale"].is-active{color:#b85f10;border-color:var(--b478-orange)}.b478__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:0
28px 20px}.b478__button{min-width:130px;min-height:46px;padding:10px
18px;cursor:pointer;border:1px
solid var(--b478-navy);border-radius:999px;background:#fff;color:var(--b478-navy);font:inherit;font-weight:750}.b478__button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(23,75,120,.13)}.b478__button:focus-visible, .b478__sound input:focus-visible+span{outline:3px
solid rgba(75,163,207,.45);outline-offset:3px}.b478__button--primary{border-color:var(--b478-navy);background:var(--b478-navy);color:#fff}.b478__sound{display:inline-flex;align-items:center;gap:8px;margin-left:6px;cursor:pointer;color:var(--b478-muted);font-size: .9rem}.b478__sound
input{width:18px;height:18px;accent-color:var(--b478-navy)}.b478__note{margin:0;padding:14px
28px 18px;border-top:1px solid var(--b478-border);color:var(--b478-muted);font-size: .82rem;text-align:center;line-height:1.5}@media (max-width: 720px){.b478__card{border-radius:17px}.b478__header{padding:22px
18px 14px}.b478__content{grid-template-columns:1fr;padding:8px
14px 18px}.b478__visual,.b478__guide{min-height:270px}.b478__orb{width:138px}.b478__guide{padding:22px
15px}.b478__sound{width:100%;justify-content:center;margin:5px
0 0}}@media (prefers-reduced-motion: reduce){.b478__orb, .b478__progress span,.b478__button{transition:none !important}}