:root,.theme-dark{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;--bg-dark: #12141a;--bg-gradient-1: #1a1e29;--bg-gradient-2: #242938;--accent-primary: #8ea4a0;--accent-glow: rgba(142, 164, 160, .15);--accent-secondary: #a3b8b4;--text-main: #e2e8f0;--text-muted: #94a3b8;--surface-bg: #1e2230;--surface-border: #2d3345;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-light{--bg-dark: #f8fafc;--bg-gradient-1: #f1f5f9;--bg-gradient-2: #e2e8f0;--accent-primary: #5c7f78;--accent-glow: rgba(92, 127, 120, .15);--accent-secondary: #4a6b65;--text-main: #334155;--text-muted: #64748b;--surface-bg: #ffffff;--surface-border: #e2e8f0;color:var(--text-main);background-color:var(--bg-dark)}@media(prefers-color-scheme:light){:root:not(.theme-dark):not(.theme-light){--bg-dark: #f8fafc;--bg-gradient-1: #f1f5f9;--bg-gradient-2: #e2e8f0;--accent-primary: #5c7f78;--accent-glow: rgba(92, 127, 120, .15);--accent-secondary: #4a6b65;--text-main: #334155;--text-muted: #64748b;--surface-bg: #ffffff;--surface-border: #e2e8f0;color:var(--text-main);background-color:var(--bg-dark)}}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--bg-gradient-2) 0%,var(--bg-dark) 100%)}.app-container{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:10;animation:appFadeIn 1.5s ease-out forwards}@keyframes appFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--surface-bg);border-radius:16px;border:1px solid var(--surface-border);box-shadow:0 4px 15px #0000000d}h1{font-size:1.5rem;font-weight:500;letter-spacing:.5px;color:var(--text-main);margin-right:auto}.toggles{display:flex;gap:.5rem}.icon-toggle{background:var(--surface-bg);border:1px solid var(--surface-border);color:var(--text-muted);border-radius:50%;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;box-shadow:0 2px 5px #00000008}.icon-toggle.active{color:var(--accent-secondary);border-color:var(--surface-border);background:var(--bg-gradient-1)}.icon-toggle:hover{background:var(--bg-gradient-1);transform:translateY(-2px)}.settings-menu{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);z-index:100;transform-origin:bottom center;transition:all .2s cubic-bezier(.2,.8,.2,1);background:var(--surface-bg);border-radius:20px;border:1px solid var(--surface-border);box-shadow:0 10px 30px #00000026;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-width:260px}.settings-divider{border:0;border-top:1px solid var(--surface-border);margin:.5rem 0}.settings-footer{display:flex;justify-content:center;gap:1.5rem;padding-top:.5rem}.footer-link{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease;padding:.25rem .5rem}.footer-link:hover{color:var(--accent-secondary)}.settings-menu.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px) scale(.95);display:flex!important}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%}.settings-slider-group{display:flex;align-items:center}.settings-label{display:flex;align-items:center;color:var(--text-main);font-size:1rem;font-weight:500;gap:.5rem}.settings-label i{color:var(--text-muted);font-size:1.25rem}.mini-toggle{width:36px;height:36px;font-size:1.1rem}.mini-toggle.active{color:var(--accent-secondary);border-color:var(--surface-border);background:var(--bg-gradient-1)}.slider-value-container{display:flex;align-items:baseline;min-width:3.5ch;justify-content:flex-end}#interval-value{color:var(--text-main);font-family:inherit;font-size:1.1rem;font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100px;margin:0 .5rem}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-border);height:6px;border-radius:3px}input[type=range]::-moz-range-track{background:var(--surface-border);height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;background-color:var(--accent-secondary);height:16px;width:16px;border-radius:50%;transition:transform .1s}input[type=range]::-moz-range-thumb{border:none;background-color:var(--accent-secondary);height:16px;width:16px;border-radius:50%;transition:transform .1s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}.unit{font-size:.85rem;font-weight:500;color:var(--text-muted);margin-left:.15rem}.breathing-area{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.visualizer-container{position:relative;width:280px;height:280px;display:flex;justify-content:center;align-items:center}.breathing-circle{position:relative;width:100%;height:100%;border-radius:50%;background:var(--surface-bg);border:1px solid var(--surface-border);box-shadow:0 10px 40px #0000001a;z-index:5;transform:scale(.5);opacity:.7;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.2,.8,.2,1);display:flex;justify-content:center;align-items:center;overflow:hidden}.breathing-circle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at center,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity inherit;pointer-events:none}.circle-inner{width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;border:1px solid var(--surface-border)}.state-inhale .breathing-circle,.state-hold-in .breathing-circle{transform:scale(1);opacity:1}.state-inhale .breathing-circle:after,.state-hold-in .breathing-circle:after{opacity:1}.state-exhale .breathing-circle,.state-hold-out .breathing-circle{transform:scale(.5);opacity:.7}.state-exhale .breathing-circle:after,.state-hold-out .breathing-circle:after{opacity:0}.paused .breathing-circle{transition:transform .5s ease,opacity .5s ease!important;transform:scale(.5);opacity:.5}.phase-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none}.phase-text{font-size:2.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;transition:opacity .3s ease;color:var(--text-main)}.timer-text{font-size:1.25rem;font-weight:400;color:var(--text-muted);font-variant-numeric:tabular-nums}.reduced-motion .breathing-circle,.reduced-motion .phase-text{transition-duration:.1s!important;transform:none!important;opacity:1!important;border-radius:50%}.reduced-motion .breathing-circle:after{opacity:0}@media(prefers-reduced-motion:reduce){:root:not(.allow-motion) .breathing-circle,:root:not(.allow-motion) .phase-text{transition-duration:.1s!important;transform:none!important;opacity:1!important;border-radius:50%}:root:not(.allow-motion) .breathing-circle:after{opacity:0}}.controls{padding:2rem 0;display:flex;justify-content:center}.control-group{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.sensory-toggles{display:flex;gap:.5rem}.hidden{display:none!important}.page-content{width:100%;max-width:500px;background:var(--surface-bg);border-radius:24px;border:1px solid var(--surface-border);padding:2rem;box-shadow:0 10px 40px #0000001a;margin-top:2rem}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.page-header h2{font-size:1.5rem;font-weight:500;color:var(--text-main)}.back-btn{background:var(--bg-gradient-1);border:1px solid var(--surface-border);color:var(--text-main);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-btn:hover{transform:translate(-2px);background:var(--bg-gradient-2)}.page-body{color:var(--text-main);line-height:1.6}.page-body p{margin-bottom:1.25rem;font-size:1.05rem}.page-body ul{list-style:none;margin-top:1rem}.page-body li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-muted)}.page-body li:before{content:"•";position:absolute;left:0;color:var(--accent-secondary);font-weight:700}.static-page{overflow-y:auto}.settings-footer a{text-decoration:none}