:root{--saffron-deep: #c44900;--saffron-main: #f4a261;--saffron-light: #f8c291;--cream: #fef3e2;--gold: #e9c46a;--terracotta: #d35400;--maroon: #7b2d26;--soft-white: #fff8f0;--dark-text: #3d2914;--teal: #2a9d8f;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--saffron-main) 0%,var(--saffron-light) 30%,var(--cream) 70%,var(--gold) 100%);min-height:100vh;color:var(--dark-text);overflow-x:hidden}#root{min-height:100vh}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.6}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes breatheIn{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes breatheOut{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes holdPulse{0%,to{box-shadow:0 0 60px var(--saffron-main),0 0 120px var(--saffron-main)}50%{box-shadow:0 0 80px var(--saffron-main),0 0 160px var(--saffron-main)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px var(--terracotta))}50%{filter:drop-shadow(0 0 40px var(--terracotta))}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(135deg,var(--saffron-main) 0%,var(--saffron-light) 30%,var(--cream) 70%,var(--gold) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,var(--terracotta) 0%,transparent 70%);border-radius:50%;animation:twinkle 3s ease-in-out infinite}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;position:relative;z-index:1;animation:scaleIn .5s ease-out;box-shadow:0 8px 32px #c4490026}.title{font-family:Cormorant Garamond,serif;font-size:3.5rem;font-weight:500;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,var(--maroon) 0%,var(--terracotta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.9rem;text-align:center;color:var(--maroon);margin-bottom:1.5rem;font-weight:300;letter-spacing:.1em;opacity:.8}.section-title{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--maroon);margin-bottom:.5rem;opacity:.7}.mode-toggle{display:flex;background:#7b2d2626;border-radius:50px;padding:4px;margin-bottom:1rem}.mode-btn{flex:1;padding:.875rem 1.5rem;border:none;background:transparent;color:var(--maroon);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease;opacity:.7}.mode-btn.active{background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);color:var(--soft-white);box-shadow:0 4px 20px #c4490066;opacity:1}.mode-btn:hover:not(.active){opacity:1;background:#7b2d261a}.mode-ratio{display:block;font-size:.75rem;opacity:.7;margin-top:2px}.duration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.duration-pill{padding:.875rem .5rem;border:1px solid rgba(123,45,38,.3);background:#fff6;color:var(--maroon);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-pill:hover{transform:translateY(-2px) scale(1.02);background:#fff9;border-color:var(--terracotta);box-shadow:0 8px 30px #c4490033}.duration-pill.active{background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);color:var(--soft-white);border-color:transparent;box-shadow:0 8px 30px #c4490066;transform:scale(1.05)}.duration-label{font-size:.7rem;opacity:.6;margin-top:2px}.rep-selector{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.rep-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(123,45,38,.3);background:#fff6;color:var(--maroon);font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.rep-btn:hover{background:#fff9;transform:scale(1.1);border-color:var(--terracotta)}.rep-btn:active{transform:scale(.95)}.rep-display{text-align:center;min-width:80px}.rep-number{font-size:2.5rem;font-weight:600;color:var(--terracotta)}.rep-label{font-size:.8rem;color:var(--maroon);opacity:.6}.session-info{text-align:center;padding:.75rem;background:#7b2d261a;border-radius:12px;margin-bottom:1rem}.session-time{font-size:1.5rem;font-weight:600;color:var(--terracotta)}.session-label{font-size:.8rem;color:var(--maroon);margin-top:.25rem;opacity:.6}.begin-btn{width:100%;padding:1.25rem 2rem;border:none;background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);color:var(--soft-white);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;cursor:pointer;border-radius:50px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #c449004d}.begin-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #c4490080}.begin-btn:active{transform:translateY(0)}.sound-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;color:var(--maroon);font-size:.85rem;opacity:.7}.sound-switch{width:44px;height:24px;background:#7b2d2633;border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.sound-switch.active{background:var(--terracotta)}.sound-switch:after{content:"";position:absolute;width:18px;height:18px;background:var(--soft-white);border-radius:50%;top:3px;left:3px;transition:all .3s ease}.sound-switch.active:after{left:23px}.countdown-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1;animation:fadeIn .5s ease-out}.countdown-label{font-family:Cormorant Garamond,serif;font-size:2rem;color:var(--maroon);margin-bottom:2rem;opacity:.8}.countdown-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px #c4490066,0 0 100px #c4490033;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{font-family:Cormorant Garamond,serif;font-size:5rem;font-weight:500;color:var(--soft-white);text-shadow:0 2px 10px rgba(0,0,0,.2)}.countdown-hint{font-size:1rem;color:var(--maroon);margin-top:2rem;opacity:.6}.practice-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.round-counter{font-size:1rem;color:var(--maroon);margin-bottom:2rem;letter-spacing:.1em;opacity:.8}.round-number{color:var(--terracotta);font-weight:600}.breathing-container{position:relative;width:280px;height:280px;margin-bottom:2.5rem}.breathing-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--saffron-light),var(--terracotta));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .1s linear}.breathing-circle.inhale{animation:breatheIn var(--inhale-duration) ease-in-out forwards;box-shadow:0 0 60px var(--saffron-main),0 0 100px #f4a26166}.breathing-circle.hold{transform:scale(1);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 80px var(--terracotta),0 0 140px #c4490080;background:radial-gradient(circle at 30% 30%,var(--gold),var(--saffron-deep))}.breathing-circle.exhale{animation:breatheOut var(--exhale-duration) ease-in-out forwards;box-shadow:0 0 40px var(--saffron-main),0 0 80px #f4a2614d}.breathing-circle:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:2px solid rgba(123,45,38,.2);animation:glowPulse 3s ease-in-out infinite}.phase-text{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:500;color:var(--soft-white);text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:.5rem}.timer-text{font-size:3.5rem;font-weight:300;color:var(--soft-white);text-shadow:0 2px 10px rgba(0,0,0,.3)}.practice-controls{display:flex;gap:1rem;margin-top:1rem}.control-btn{padding:1rem 2rem;border:1px solid rgba(123,45,38,.3);background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--maroon);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease;min-width:120px}.control-btn:hover{background:#fff9;transform:translateY(-2px)}.control-btn.pause{background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);color:var(--soft-white);border:none}.control-btn.stop{border-color:#b4323280;color:#b43232}.control-btn.stop:hover{background:#b432321a}.completion-screen{text-align:center;animation:fadeIn .6s ease-out}.completion-icon{font-size:5rem;margin-bottom:1rem}.completion-title{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:500;background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.completion-message{color:var(--maroon);font-size:1.1rem;margin-bottom:2rem;line-height:1.6;opacity:.8}.summary-box{background:#7b2d261a;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(123,45,38,.1)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--maroon);opacity:.6}.summary-value{color:var(--terracotta);font-weight:600}.restart-btn{padding:1rem 3rem;border:1px solid var(--terracotta);background:transparent;color:var(--terracotta);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease}.restart-btn:hover{background:var(--terracotta);color:var(--soft-white);transform:translateY(-2px);box-shadow:0 8px 30px #c449004d}@media (max-width: 600px){.glass-card{padding:2rem 1.5rem;margin:1rem;border-radius:20px}.title{font-size:2.5rem}.duration-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}.duration-pill{padding:.75rem .25rem;font-size:.9rem}.breathing-container{width:240px;height:240px}.phase-text{font-size:1.5rem}.timer-text{font-size:2.5rem}.practice-controls{flex-direction:column;width:100%;padding:0 2rem}.control-btn{width:100%}.countdown-circle{width:160px;height:160px}.countdown-number{font-size:4rem}}@media (max-width: 400px){.duration-grid{grid-template-columns:repeat(5,1fr);gap:.4rem}.duration-pill{padding:.6rem .2rem;font-size:.8rem;border-radius:12px}.mode-btn{padding:.75rem 1rem;font-size:.8rem}}.alternate-toggle{display:flex;gap:.75rem;margin-bottom:.75rem}.alternate-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:#ffffff4d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;opacity:.6}.alternate-option span{font-size:.85rem;font-weight:500;color:var(--maroon)}.alternate-option:hover{opacity:.9;background:#fff6}.alternate-option.active{opacity:1;background:#ffffff80;border-color:var(--terracotta);box-shadow:0 4px 20px #c4490033}.alternate-icon{font-size:1.5rem}.alternate-option span:last-child{font-size:.85rem;font-weight:500;color:var(--maroon)}.alternate-info{font-size:.7rem;color:var(--maroon);opacity:.7;text-align:center;padding:.5rem;background:#7b2d2614;border-radius:8px;margin-bottom:1rem;line-height:1.3}.nostril-indicator{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;animation:fadeIn .3s ease-out}.nostril-face{display:flex;align-items:center;gap:.5rem}.nostril{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;opacity:.3;transition:all .4s ease}.nostril.active{opacity:1}.nostril-dot{width:24px;height:24px;border-radius:50%;background:#7b2d264d;transition:all .4s ease}.nostril.active .nostril-dot{background:linear-gradient(135deg,var(--terracotta) 0%,var(--saffron-deep) 100%);box-shadow:0 0 20px #c4490080}.nostril.active.hold .nostril-dot{background:linear-gradient(135deg,var(--gold) 0%,var(--saffron-main) 100%);box-shadow:0 0 25px #e9c46a99;animation:pulse 1.5s ease-in-out infinite}.nostril-label{font-size:.75rem;font-weight:600;color:var(--maroon);opacity:.6}.nostril.active .nostril-label{opacity:1;color:var(--terracotta)}.nose-bridge{width:12px;height:40px;background:linear-gradient(180deg,#7b2d261a,#7b2d2633);border-radius:6px}.nostril-instruction{font-size:.9rem;color:var(--maroon);margin-top:.75rem;font-weight:500;opacity:.8}@media (max-width: 600px){.alternate-toggle{gap:.5rem}.alternate-option{padding:.75rem}.alternate-icon{font-size:1.25rem}.alternate-option span:last-child{font-size:.75rem}.nostril-dot{width:20px;height:20px}.nostril-instruction{font-size:.8rem}}