/* ---- meditation / breathing ---- */
html:has(#view-meditation.active), body:has(#view-meditation.active), body:has(#view-meditation.active) .app{background:var(--navy);}
body:has(#view-meditation.active){min-height:100vh;}
#view-meditation{background:var(--navy);margin:-20px -6px 0;padding:0 6px 40px;min-height:100vh;border-radius:0;}
#view-meditation .back{background:rgba(255,255,255,.12);color:#fff;}
#view-meditation h2{color:#fff;}
#view-meditation > p{color:rgba(255,255,255,.62) !important;}
.breath-pattern-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;}
.breath-pattern-tab{flex-shrink:0;border:0;background:rgba(255,255,255,.08);color:#fff;font-family:'Manrope';font-weight:700;font-size:12px;padding:9px 14px;border-radius:12px;cursor:pointer;}
.breath-pattern-tab.active{background:var(--purple);color:#fff;}
.breath-circle-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:18px 0 22px;}
.breath-circle{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9FD0FF,var(--purple-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(90,150,255,.45),0 10px 40px rgba(0,0,0,.35);transition:transform 4s ease-in-out;transform:scale(0.7);}
.breath-phase-label{color:#fff;font-family:'Baloo 2';font-weight:700;font-size:19px;text-align:center;}
.breath-timer{margin-top:16px;font-family:'Baloo 2';font-size:26px;font-weight:700;color:#fff;}
#view-meditation .dur-chips .dur-chip{background:rgba(255,255,255,.08);color:#fff;}
#view-meditation .dur-chips .dur-chip.active{background:var(--purple);color:#fff;}
#view-meditation .section-label{color:rgba(255,255,255,.75);}
#view-meditation .habit-stat-box{background:rgba(255,255,255,.08);}
#view-meditation .habit-stat-box .num{color:#fff;}
#view-meditation .habit-stat-box .label{color:rgba(255,255,255,.55);}

/* ---- focus ambient sound ---- */
.sound-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.sound-chip{flex:1;min-width:0;border:0;background:var(--white);box-shadow:var(--shadow);color:var(--ink);font-family:'Manrope';font-weight:700;font-size:11.5px;padding:10px 4px;border-radius:12px;cursor:pointer;text-align:center;}
.sound-chip.active{background:var(--purple);color:#fff;}