:root{--bg-primary: var(--theme-bg-primary);--bg-secondary: var(--theme-bg-secondary);--bg-gradient: var(--theme-bg-gradient);--orb-primary: var(--theme-orb-primary);--orb-secondary: var(--theme-orb-secondary);--orb-glow: var(--theme-orb-glow);--text-primary: var(--theme-text-primary);--text-muted: var(--theme-text-muted);--accent: var(--theme-accent);--surface: var(--theme-surface)}:root{transition:background-color .5s ease,color .3s ease}[data-theme=ocean],:root{--theme-bg-primary: #0a1628;--theme-bg-secondary: #1a3a5c;--theme-bg-gradient: linear-gradient(180deg, #0a1628 0%, #1a3a5c 100%);--theme-orb-primary: #14b8a6;--theme-orb-secondary: #0d9488;--theme-orb-glow: rgba(6, 182, 212, .5);--theme-text-primary: rgba(255, 255, 255, .95);--theme-text-muted: rgba(255, 255, 255, .6);--theme-accent: #38bdf8;--theme-surface: rgba(26, 58, 92, .6)}[data-theme=sunset]{--theme-bg-primary: #1a0a0a;--theme-bg-secondary: #3d1a1a;--theme-bg-gradient: linear-gradient(180deg, #1a0a0a 0%, #3d1a1a 100%);--theme-orb-primary: #f97316;--theme-orb-secondary: #ea580c;--theme-orb-glow: rgba(236, 72, 153, .5);--theme-text-primary: #fef3c7;--theme-text-muted: rgba(254, 243, 199, .6);--theme-accent: #fb923c;--theme-surface: rgba(61, 26, 26, .6)}[data-theme=midnight]{--theme-bg-primary: #0d0d1a;--theme-bg-secondary: #1a1a2e;--theme-bg-gradient: linear-gradient(180deg, #0d0d1a 0%, #1a1a2e 100%);--theme-orb-primary: #6366f1;--theme-orb-secondary: #4f46e5;--theme-orb-glow: rgba(168, 85, 247, .5);--theme-text-primary: #e2e8f0;--theme-text-muted: rgba(226, 232, 240, .6);--theme-accent: #8b5cf6;--theme-surface: rgba(26, 26, 46, .6)}[data-theme=forest]{--theme-bg-primary: #0a1a0a;--theme-bg-secondary: #1a2e1a;--theme-bg-gradient: linear-gradient(180deg, #0a1a0a 0%, #1a2e1a 100%);--theme-orb-primary: #22c55e;--theme-orb-secondary: #16a34a;--theme-orb-glow: rgba(16, 185, 129, .5);--theme-text-primary: #dcfce7;--theme-text-muted: rgba(220, 252, 231, .6);--theme-accent: #84cc16;--theme-surface: rgba(26, 46, 26, .6)}:root{--color-bg: var(--bg-primary);--color-surface: var(--surface);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-inhale: var(--orb-primary);--color-hold: var(--accent);--color-exhale: var(--orb-secondary);--orb-size: min(280px, 70vw);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-gradient);transition:background .5s ease}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}@media(max-height:700px){:root{--orb-size: min(180px, 45vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.breathing-orb{width:var(--orb-size);height:var(--orb-size);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transform:scale(var(--orb-scale, .6));opacity:var(--orb-opacity, .7);background:var(--local-orb-color, var(--orb-primary));transition:transform var(--phase-duration, 4s) ease-in-out,opacity var(--phase-duration, 4s) ease-in-out,background var(--phase-duration, 4s) ease-in-out,box-shadow var(--phase-duration, 4s) ease-in-out;box-shadow:0 0 60px var(--orb-glow),0 0 120px color-mix(in srgb,var(--orb-glow) 60%,transparent),inset 0 0 60px #ffffff1a}.breathing-orb[data-phase=hold]{animation:holdPulse 2s ease-in-out infinite}@keyframes holdPulse{0%,to{transform:scale(var(--orb-scale, 1))}50%{transform:scale(calc(var(--orb-scale, 1) * 1.02))}}.breathing-orb[data-phase=inhale]{--orb-scale: 1;--orb-opacity: 1;--local-orb-color: var(--orb-primary)}.breathing-orb[data-phase=hold]{--orb-scale: 1;--orb-opacity: 1;--local-orb-color: var(--accent)}.breathing-orb[data-phase=exhale]{--orb-scale: .6;--orb-opacity: .7;--local-orb-color: var(--orb-secondary)}.breathing-orb[data-phase=idle]{--orb-scale: .6;--orb-opacity: .7;--local-orb-color: var(--orb-primary)}@media(prefers-reduced-motion:reduce){.breathing-orb{transition:none;animation:none}.breathing-orb[data-phase=hold]{animation:none}}.phase-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10}.phase-text{font-size:1.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phase-text{animation:none}}.progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.progress-ring__bg{fill:none;stroke:#ffffff1a}.progress-ring__progress{fill:none;stroke:#fff6;stroke-linecap:round;transition:stroke-dashoffset .05s linear}@media(prefers-reduced-motion:reduce){.progress-ring__progress{transition:none}}.cycle-counter{font-size:1rem;color:var(--color-text-muted);margin-top:2rem}.cycle-current{font-weight:600;color:var(--color-text)}.cycle-separator{margin:0 .25rem}.cycle-total{font-weight:400}.cycle-selector{display:flex;gap:.5rem;margin-bottom:2rem}.cycle-option{width:3rem;height:3rem;border-radius:50%;font-size:1rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface);border:2px solid transparent;transition:all .2s ease}.cycle-option:hover:not(:disabled){color:var(--color-text);border-color:#fff3}.cycle-option--selected{color:var(--color-text);border-color:var(--color-inhale);background:#3b82f633}.cycle-option:disabled{opacity:.5}.session-controls{display:flex;gap:1rem;margin-top:2rem}.control-btn{padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:500;transition:all .2s ease}.control-btn--primary{background:var(--color-inhale);color:#fff}.control-btn--primary:hover{background:#2563eb;transform:translateY(-1px)}.control-btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.control-btn--secondary:hover{background:#ffffff1a}.control-btn--ghost{background:transparent;color:var(--color-text-muted)}.control-btn--ghost:hover{color:var(--color-text)}.completion-message{text-align:center;animation:fadeInUp .5s ease-out}.completion-title{font-size:2rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.completion-subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem}.completion-btn{padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:500;background:var(--color-inhale);color:#fff;transition:all .2s ease}.completion-btn:hover{background:#2563eb;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.completion-message{animation:none}}.countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-number{font-size:8rem;font-weight:200;color:var(--text-primary);animation:countdownPop .8s ease-out forwards;text-shadow:0 0 40px var(--orb-glow)}.countdown-go{font-size:5rem;font-weight:300;letter-spacing:.2em;color:var(--accent)}@keyframes countdownPop{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.countdown-number{animation:none;opacity:1}}@media(max-width:480px){.countdown-number{font-size:6rem}.countdown-go{font-size:4rem}}.audio-control{display:flex;align-items:center;gap:.5rem;position:absolute;top:1rem;right:1rem}.audio-toggle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-muted);transition:all .2s ease}.audio-toggle:hover{color:var(--text-primary);background:#ffffff1a}.audio-toggle--on{color:var(--orb-primary)}.volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--orb-primary);cursor:pointer;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--orb-primary);cursor:pointer;border:none}.soundscape-current{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);font-size:.9rem;transition:all .2s ease}.soundscape-current:hover{background:#ffffff26;transform:scale(1.05)}.soundscape-picker{display:flex;gap:.25rem;padding:.375rem;background:var(--bg-secondary);border-radius:1.5rem;animation:fadeIn .2s ease;box-shadow:0 4px 12px #0000004d}.soundscape-option{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;font-size:.85rem;transition:all .15s ease;opacity:.6}.soundscape-option:hover{opacity:1;background:#ffffff1a}.soundscape-option--selected{opacity:1;background:#ffffff26;box-shadow:0 0 0 2px var(--orb-primary)}.soundscape-icon{line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.audio-control{top:.5rem;right:.5rem;gap:.375rem}.audio-toggle{width:2.25rem;height:2.25rem}.volume-slider{width:50px}.soundscape-current{width:1.75rem;height:1.75rem;font-size:.8rem}.soundscape-picker{padding:.25rem}.soundscape-option{width:1.75rem;height:1.75rem;font-size:.75rem}}.theme-switcher{display:flex;gap:.5rem;position:absolute;top:1rem;left:1rem}.theme-option{width:2rem;height:2rem;border-radius:50%;padding:0;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;transition:all .2s ease}.theme-option:hover{transform:scale(1.1)}.theme-option--selected{border-color:var(--text-primary)}.theme-preview{width:100%;height:100%;border-radius:50%;box-shadow:0 2px 8px #0000004d}.theme-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@media(max-width:480px){.theme-switcher{top:.5rem;left:.5rem;gap:.375rem}.theme-option{width:1.75rem;height:1.75rem}}.breathing-session{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem 1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));text-align:center}.session-title{font-size:1.5rem;font-weight:300;color:var(--color-text-muted);margin-bottom:1.5rem;letter-spacing:.05em}.orb-container{position:relative;width:var(--orb-size);height:var(--orb-size);display:flex;align-items:center;justify-content:center;margin:1rem 0}@media(max-width:480px){.session-title{font-size:1.25rem}:root{--orb-size: min(250px, 80vw)}}@media(min-width:768px){:root{--orb-size: 320px}.session-title{font-size:1.75rem}}@media(min-width:1024px){:root{--orb-size: 360px}}