.breath-container{z-index:0;background-color:#f1f1f1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0}.breath-content{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;display:flex}.breath-visualization{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.breath-circle{will-change:transform;border:2px dashed #000;border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;animation:20s linear infinite spin;display:flex}@keyframes spin{0%{rotate:none}to{rotate:360deg}}.breath-text{text-align:center;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;font-weight:500;animation:20s linear infinite counter-spin}@keyframes counter-spin{0%{rotate:none}to{rotate:-360deg}}.breath-phase{text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.breath-count{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:700;line-height:1}.breath-controls{gap:1rem;display:flex}.breath-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:2px solid #fff;border-radius:50px;padding:1rem 3rem;font-family:inherit;font-size:1.125rem;font-weight:600;transition:all .3s}.breath-button:hover{color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.breath-button.active{color:#667eea;background:#fff}.breath-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;gap:2rem;padding:1.5rem;display:flex}.info-item{text-align:center;color:#fff}.info-label{opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.875rem}.info-value{font-size:1.5rem;font-weight:600}@media (max-width:640px){.breath-container{padding:1rem}.breath-header h1{font-size:2rem}.breath-visualization{width:300px;height:300px}.breath-circle{width:220px;height:220px}.breath-phase{font-size:1.125rem}.breath-count{font-size:3rem}.breath-button{padding:.875rem 2rem;font-size:1rem}.breath-info{flex-direction:column;gap:1rem;width:100%}}