.breathing-container{background:var(--cream-50,#fefdfb);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.breathing-loading{flex:1;justify-content:center;align-items:center;display:flex}.loading-orb{background:var(--matcha-400);border-radius:50%;width:60px;height:60px;animation:1.5s ease-in-out infinite pulse-loading}@keyframes pulse-loading{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.breathing-ambient-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.breathing-ambient-orb{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.breathing-ambient-orb.orb-1{background:var(--matcha-200);width:400px;height:400px;animation:20s ease-in-out infinite float-slow;top:-100px;right:-100px}.breathing-ambient-orb.orb-2{background:var(--cream-300);width:300px;height:300px;animation:25s ease-in-out infinite reverse float-slow;bottom:-50px;left:-50px}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}.breathing-exit-btn{border:1px solid var(--border-soft);cursor:pointer;z-index:10;width:44px;height:44px;color:var(--text-secondary);background:#fffc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:16px;right:16px}.breathing-exit-btn:hover{box-shadow:var(--shadow-md);color:var(--text-primary);background:#fff}.breathing-header{text-align:center;z-index:1;padding:20px 24px;position:relative}.breathing-title{font-family:var(--font-dm-serif,"DM Serif Display"),Georgia,serif;color:var(--text-primary);margin:0;font-size:28px}.breathing-pattern-selection{z-index:1;padding:0 24px 24px;position:relative}.breathing-pattern-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.breathing-patterns{gap:12px;display:flex}.breathing-pattern-card{border:1px solid var(--border-soft);cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:16px;transition:all .2s;display:flex}.breathing-pattern-card:hover{border-color:var(--matcha-400);box-shadow:var(--shadow-sm)}.breathing-pattern-card.selected{background:var(--matcha-600);border-color:var(--matcha-600)}.breathing-pattern-card .pattern-name{color:var(--text-primary);font-size:15px;font-weight:600}.breathing-pattern-card.selected .pattern-name{color:#fff}.breathing-pattern-card .pattern-description{color:var(--text-muted);font-size:12px}.breathing-pattern-card.selected .pattern-description{color:#fffc}.breathing-circle-container{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.breathing-circle{opacity:.7;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;transition:background-color .3s;display:flex}.breathing-circle-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.breathing-countdown{font-size:48px;font-weight:700}.breathing-inhale{animation:breathe-in var(--phase-duration,4s)ease-out forwards}.breathing-exhale{animation:breathe-out var(--phase-duration,6s)ease-in forwards}.breathing-hold-expanded{opacity:.8;transform:scale(1.5)}.breathing-hold-normal{opacity:.5;transform:scale(1)}@keyframes breathe-in{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.5)}}@keyframes breathe-out{0%{opacity:.8;transform:scale(1.5)}to{opacity:.5;transform:scale(1)}}.breathing-phase-text{color:var(--text-primary);text-align:center;margin-top:32px;font-size:28px;font-weight:600}.breathing-cycle-counter{color:var(--text-muted);margin-top:8px;font-size:14px}.breathing-pattern-info{text-align:center;margin-top:16px}.breathing-pattern-info p{color:var(--text-muted);margin:0;font-size:14px}.breathing-pattern-info p+p{margin-top:4px}.breathing-action-container{z-index:1;padding:24px 24px 48px;position:relative}.breathing-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.breathing-btn.primary{background:var(--matcha-600);color:#fff}.breathing-btn.primary:hover{background:var(--matcha-700);transform:translateY(-1px);box-shadow:0 4px 12px #5a94704d}.breathing-btn.secondary{background:var(--cream-200);color:var(--text-secondary)}.breathing-btn.secondary:hover{background:var(--cream-300)}.breathing-complete-section{flex-direction:column;gap:12px;display:flex}.breathing-complete-message{text-align:center;background:#dcedde;border-radius:12px;padding:16px}.breathing-complete-message .complete-title{color:#3d654c;margin:0;font-size:16px;font-weight:600}.breathing-complete-message .complete-subtitle{color:var(--matcha-600);margin:4px 0 0;font-size:14px}@media (max-width:640px){.breathing-patterns{flex-direction:column}.breathing-pattern-card{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}.breathing-circle{width:180px;height:180px}.breathing-circle-inner{width:140px;height:140px}.breathing-countdown{font-size:40px}.breathing-phase-text{font-size:24px}}@media (min-width:768px){.breathing-container{padding:24px}.breathing-circle{width:240px;height:240px}.breathing-circle-inner{width:190px;height:190px}.breathing-countdown{font-size:56px}.breathing-action-container{width:100%;max-width:400px;margin:0 auto}}