:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-color: #030712;--card-bg: rgba(17, 24, 39, .7);--card-border: rgba(255, 255, 255, .08);--text-primary: #f9fafb;--text-secondary: #9ca3af;--cyan-primary: #06b6d4;--cyan-glow: rgba(6, 182, 212, .15);--blue-primary: #3b82f6;--blue-glow: rgba(59, 130, 246, .2);--gold-primary: #f59e0b;--gold-glow: rgba(245, 158, 11, .15);--header-bg: rgba(3, 7, 18, .75);--nav-bg: rgba(255, 255, 255, .05);--nav-btn-hover: rgba(255, 255, 255, .05);--nav-btn-active: rgba(255, 255, 255, .1);--slider-bg: rgba(255, 255, 255, .1);--switch-bg: rgba(255, 255, 255, .1);--button-secondary-bg: rgba(255, 255, 255, .06);--button-secondary-border: rgba(255, 255, 255, .1);--button-secondary-hover: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .5);--glow-orb-blend: screen;--glow-orb-opacity: .35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;--bg-color: #f3f4f6;--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(0, 0, 0, .08);--text-primary: #111827;--text-secondary: #4b5563;--cyan-primary: #0891b2;--cyan-glow: rgba(8, 145, 178, .1);--blue-primary: #2563eb;--blue-glow: rgba(37, 99, 235, .1);--gold-primary: #d97706;--gold-glow: rgba(217, 119, 6, .1);--header-bg: rgba(243, 244, 246, .75);--nav-bg: rgba(0, 0, 0, .04);--nav-btn-hover: rgba(0, 0, 0, .04);--nav-btn-active: rgba(0, 0, 0, .08);--slider-bg: rgba(0, 0, 0, .08);--switch-bg: rgba(0, 0, 0, .08);--button-secondary-bg: rgba(0, 0, 0, .04);--button-secondary-border: rgba(0, 0, 0, .1);--button-secondary-hover: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .06);--glow-orb-blend: multiply;--glow-orb-opacity: .18}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:calc(var(--glow-orb-opacity) * (.35 + var(--breath-glow, 1) * 1.15));mix-blend-mode:var(--glow-orb-blend);transition:opacity .15s ease-out}.glow-orb-1{width:50vw;height:50vw;background:radial-gradient(circle,var(--cyan-primary) 0%,transparent 70%);top:-10%;left:-10%;transform:translate(var(--spot-x1, 0%),var(--spot-y1, 0%))}.glow-orb-2{width:60vw;height:60vw;background:radial-gradient(circle,var(--blue-primary) 0%,transparent 70%);bottom:-15%;right:-10%;transform:translate(var(--spot-x2, 0%),var(--spot-y2, 0%))}.glow-orb-3{width:40vw;height:40vw;background:radial-gradient(circle,var(--gold-primary) 0%,transparent 70%);top:40%;left:50%;transform:translate(calc(-50% + var(--spot-x3, 0%)),calc(-50% + var(--spot-y3, 0%)));opacity:calc(var(--glow-orb-opacity) * .4 * (.35 + var(--breath-glow, 1) * 1.15))}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,8%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.9)}}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 10px 30px var(--shadow-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.header-wrapper{position:sticky;top:0;z-index:90;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%}.app-header,.nav-bar-container{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.75rem}.logo span{font-size:1.75rem}nav{display:flex;gap:.5rem;background:var(--nav-bg);padding:.25rem;border-radius:14px;border:1px solid var(--card-border)}.nav-btn{background:transparent;color:var(--text-secondary);border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.nav-btn:hover{color:var(--text-primary);background:var(--nav-btn-hover)}.nav-btn.active{color:var(--text-primary);background:var(--nav-btn-active);box-shadow:0 2px 8px var(--shadow-color)}main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem 2rem 4rem;max-width:1200px;margin:0 auto;width:100%;min-height:calc(100vh - 120px)}.timer-viewport{width:100%;max-width:550px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:default;-webkit-user-select:none;user-select:none}.timer-stats-container{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem;position:relative;z-index:10;width:100%}.timer-guide-container{margin-top:2rem;text-align:center;min-height:48px;width:100%;max-width:380px;position:relative;z-index:10}.timer-voice-indicator{margin:.5rem 0 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;width:100%;max-width:420px;background:#06b6d40a;border:1px solid rgba(6,182,212,.1);padding:.65rem .85rem;border-radius:12px;position:relative;z-index:10}.timer-controls-drawer{margin-top:1.5rem;display:flex;gap:1rem;width:100%;justify-content:center;position:relative;z-index:10}.timer-volume-settings{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;position:relative;z-index:10}.breathing-circle-outer{width:260px;height:260px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .15s ease-out,box-shadow .3s ease,border-color .3s ease;z-index:1}.circle-countdown-text{font-size:4.5rem;font-weight:800;line-height:1}.circle-number-text{font-size:2.5rem;font-weight:700;line-height:1}.circle-retention-text{font-size:3rem;font-weight:600}.circle-recovery-text{font-size:3.5rem;font-weight:700}.circle-label-text{font-size:.8rem;color:var(--text-secondary);margin-top:.35rem;text-transform:uppercase;letter-spacing:.05em}button.primary-btn{background:linear-gradient(135deg,var(--cyan-primary),var(--blue-primary));color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #06b6d44d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}button.primary-btn:active{transform:translateY(0)}button.secondary-btn{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--button-secondary-border);padding:.875rem 2rem;font-size:1rem;font-weight:500;border-radius:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button.secondary-btn:hover{background:var(--button-secondary-hover);border-color:var(--card-border)}.switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%}.switch-input{display:none}.switch-slider{position:relative;width:48px;height:24px;background-color:var(--switch-bg);border:1px solid var(--card-border);border-radius:12px;transition:background-color .2s ease}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.switch-input:checked+.switch-slider{background-color:var(--cyan-primary)}.switch-input:checked+.switch-slider:before{transform:translate(24px)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--slider-bg);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cyan-primary);cursor:pointer;box-shadow:0 0 10px #06b6d480;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}select{background:var(--nav-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:.625rem 1rem;border-radius:10px;outline:none;font-family:inherit;font-size:.95rem;cursor:pointer}select:focus{border-color:var(--cyan-primary)}@media (max-width: 768px){.glass-panel{border-radius:20px}}@media (max-width: 640px){.header-wrapper{position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;padding:0;flex-direction:column;gap:0}.app-header{position:sticky;top:0;width:100%;height:48px;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);display:flex;justify-content:center;align-items:center;z-index:95;padding:0 1rem}.app-header .logo{font-size:1.15rem;gap:.4rem}.app-header .logo svg{width:20px;height:20px}.nav-bar-container{width:100%;display:flex;justify-content:center;padding:.5rem .75rem;background:transparent}.nav-bar-container nav{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.25rem;border-radius:12px;display:flex;gap:.25rem;width:100%;max-width:480px;justify-content:space-around}.nav-btn{flex-direction:row;gap:.35rem;padding:.45rem .5rem;font-size:.75rem;border-radius:10px;flex:1;align-items:center;justify-content:center}main{padding:.25rem .75rem 3rem;min-height:calc(100vh - 120px);align-items:flex-start}.timer-viewport{padding:1rem .85rem}.timer-stats-container{margin-bottom:.5rem;gap:.4rem}.timer-stats-container>div{font-size:1.05rem!important;padding:.35rem .8rem!important}.timer-guide-container{margin-top:1rem;min-height:auto}.timer-guide-container p{font-size:.95rem!important}.timer-voice-indicator{margin:.35rem 0 .75rem;padding:.5rem .75rem}.timer-controls-drawer{margin-top:1rem}.timer-volume-settings{margin-top:1rem;padding:.85rem}.breathing-circle-outer{width:210px!important;height:210px!important}.circle-countdown-text{font-size:3.25rem}.circle-number-text{font-size:2rem}.circle-retention-text{font-size:2.25rem}.circle-recovery-text{font-size:2.5rem}.circle-label-text{font-size:.75rem}}.settings-responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.settings-responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}@media (max-width: 480px){.settings-responsive-grid-4,.settings-responsive-grid-3{grid-template-columns:repeat(2,1fr)!important}select,input[type=text]{font-size:.85rem!important}.glass-panel{padding:1.25rem 1rem!important}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}