*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{margin:0;padding:0}.App{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #4096ff33;padding:2rem 1rem 1rem;position:relative;text-align:center}.header-brand{left:1rem;position:absolute;text-align:left;top:1rem;z-index:10}.brand-name{color:#73d0ff;font-size:1.035rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem}.brand-name,.license-info{font-family:Bitcount Grid Single,monospace}.license-info{color:#fff9;font-size:.805rem;font-weight:400}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4096ff,#73d0ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0}.app-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.8}.app-content{display:flex;flex:1 1;gap:1rem;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.ad-banner{align-items:flex-start;background:#ffffff05;border:1px solid #4096ff1a;border-radius:8px;display:flex;flex:0 0 160px;justify-content:center;min-height:600px;padding:1rem .5rem}.left-ad{order:1}.right-ad{order:3}.ad-banner .adsbygoogle{min-height:600px;width:100%}.ad-error,.ad-fallback,.ad-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:2rem 1rem;text-align:center}.ad-loading{gap:1rem}.ad-spinner{animation:spin 1s linear infinite;border:2px solid #4096ff33;border-radius:50%;border-top-color:#4096ff;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ad-error{color:#ff6b7acc;gap:1rem}.ad-retry-btn{background:linear-gradient(45deg,#4096ff,#73d0ff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.ad-retry-btn:hover{box-shadow:0 4px 8px #4096ff4d;transform:translateY(-1px)}.ad-fallback{background:#4096ff0d;border:1px solid #4096ff33;border-radius:8px;margin:1rem 0}.fallback-content h4{color:#4096ff;font-size:1rem;margin:0 0 .5rem}.fallback-content p{font-size:.8rem;margin:0;opacity:.8}.app-main{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem 1rem;width:100%}.technique-selector{margin-bottom:3rem;text-align:center}.technique-selector h3{color:#4096ff;font-size:1.4rem;margin-bottom:1.5rem}.technique-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.technique-btn{background:#ffffff1a;border:2px solid #4096ff4d;border-radius:12px;color:#fff;cursor:pointer;min-width:150px;padding:1rem 1.5rem;transition:all .3s ease}.technique-btn:hover{background:#4096ff33;border-color:#4096ff99;transform:translateY(-2px)}.technique-btn.active{background:#4096ff4d;border-color:#4096ff;box-shadow:0 0 20px #4096ff66}.technique-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.technique-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.technique-pattern{font-size:.9rem;opacity:.8}.breathing-container{align-items:center;width:100%}.breathing-container,.breathing-info{display:flex;flex-direction:column;gap:.5rem}.breathing-info{justify-content:center;margin-bottom:.5rem;min-height:120px;text-align:center}.phase-text{color:#4096ff;font-size:2rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 0 10px #4096ff80}.timer{color:#73d0ff;font-size:3rem;font-weight:700;text-shadow:0 0 20px #73d0ff99}.cycle-counter{color:#b3d9ff;font-size:1.1rem;opacity:.8}.circle-container{margin:.5rem 0}.breathing-circle,.circle-container{align-items:center;display:flex;justify-content:center;position:relative}.breathing-circle{background:radial-gradient(circle,#4096ff1a 0,#4096ff0d 70%,#0000 100%);border:3px solid #4096ff66;border-radius:50%;height:250px;transition:all .3s ease;width:250px}.breathing-circle:before{animation:pulse-ring 2s infinite;border:2px solid #4096ff33;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.circle-dot{background:radial-gradient(circle,#73d0ff 0,#4096ff 100%);border-radius:50%;box-shadow:0 0 20px #73d0ffcc;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:20px}.breathing-circle.breathe-in{animation:breathe-in-pulse 7s ease-in-out infinite;animation:breathe-in-pulse var(--breathe-in-duration,7s) ease-in-out infinite;border-color:#4096ff;box-shadow:0 0 30px #4096ff99}.breathing-circle.breathe-in .circle-dot{animation:dot-move-clockwise 7s linear 1;animation:dot-move-clockwise var(--breathe-in-duration,7s) linear 1;animation-fill-mode:forwards}.breathing-circle.hold{border-color:#73d0ff;box-shadow:0 0 25px #73d0ff80}.breathing-circle.hold .circle-dot{animation:dot-hold-position 4s ease-in-out 1;animation:dot-hold-position var(--hold-duration,4s) ease-in-out 1;animation-fill-mode:forwards;box-shadow:0 0 25px #73d0ff;transform:translate(-50%,-50%) scale(1.2)}.breathing-circle.breathe-out{animation:breathe-out-pulse 7s ease-in-out infinite;animation:breathe-out-pulse var(--breathe-out-duration,7s) ease-in-out infinite;border-color:#4096ff;box-shadow:0 0 20px #4096ff66}.breathing-circle.breathe-out .circle-dot{animation:dot-move-counterclockwise 7s linear 1;animation:dot-move-counterclockwise var(--breathe-out-duration,7s) linear 1;animation-fill-mode:forwards}.breathing-circle.complete{animation:complete-celebration 2s ease-in-out infinite;border-color:#00ff9f;box-shadow:0 0 30px #00ff9f99}.breathing-circle.complete .circle-dot{animation:dot-celebrate 2s ease-in-out infinite;background:radial-gradient(circle,#00ff9f 0,#00cc7f 100%)}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes breathe-in-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes breathe-out-pulse{0%,to{transform:scale(1)}50%{transform:scale(.85)}}@keyframes dot-move-clockwise{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg) translateX(var(--dot-radius,100px)) rotate(0deg)}25%{transform:translate(-50%,-50%) rotate(90deg) translateX(100px) rotate(-90deg);transform:translate(-50%,-50%) rotate(90deg) translateX(var(--dot-radius,100px)) rotate(-90deg)}50%{transform:translate(-50%,-50%) rotate(180deg) translateX(100px) rotate(-180deg);transform:translate(-50%,-50%) rotate(180deg) translateX(var(--dot-radius,100px)) rotate(-180deg)}75%{transform:translate(-50%,-50%) rotate(270deg) translateX(100px) rotate(-270deg);transform:translate(-50%,-50%) rotate(270deg) translateX(var(--dot-radius,100px)) rotate(-270deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(100px) rotate(-1turn);transform:translate(-50%,-50%) rotate(1turn) translateX(var(--dot-radius,100px)) rotate(-1turn)}}@keyframes dot-move-counterclockwise{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg) translateX(var(--dot-radius,100px)) rotate(0deg)}25%{transform:translate(-50%,-50%) rotate(-90deg) translateX(100px) rotate(90deg);transform:translate(-50%,-50%) rotate(-90deg) translateX(var(--dot-radius,100px)) rotate(90deg)}50%{transform:translate(-50%,-50%) rotate(-180deg) translateX(100px) rotate(180deg);transform:translate(-50%,-50%) rotate(-180deg) translateX(var(--dot-radius,100px)) rotate(180deg)}75%{transform:translate(-50%,-50%) rotate(-270deg) translateX(100px) rotate(270deg);transform:translate(-50%,-50%) rotate(-270deg) translateX(var(--dot-radius,100px)) rotate(270deg)}to{transform:translate(-50%,-50%) rotate(-1turn) translateX(100px) rotate(1turn);transform:translate(-50%,-50%) rotate(-1turn) translateX(var(--dot-radius,100px)) rotate(1turn)}}@keyframes dot-hold-position{0%,to{transform:translate(-50%,-50%) translateX(100px) scale(1.2);transform:translate(-50%,-50%) translateX(var(--dot-radius,100px)) scale(1.2)}50%{transform:translate(-50%,-50%) translateX(100px) scale(1.4);transform:translate(-50%,-50%) translateX(var(--dot-radius,100px)) scale(1.4)}}@keyframes complete-celebration{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1.2) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}}@keyframes dot-celebrate{0%{box-shadow:0 0 20px #00ff9fcc;transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0deg) translateX(var(--dot-radius,100px)) rotate(0deg) scale(1)}25%{box-shadow:0 0 30px #00ff9f;transform:translate(-50%,-50%) rotate(180deg) translateX(100px) rotate(-180deg) scale(1.5);transform:translate(-50%,-50%) rotate(180deg) translateX(var(--dot-radius,100px)) rotate(-180deg) scale(1.5)}50%{box-shadow:0 0 40px #00ff9f;transform:translate(-50%,-50%) rotate(1turn) translateX(100px) rotate(-1turn) scale(1.8);transform:translate(-50%,-50%) rotate(1turn) translateX(var(--dot-radius,100px)) rotate(-1turn) scale(1.8)}75%{box-shadow:0 0 30px #00ff9f;transform:translate(-50%,-50%) rotate(540deg) translateX(100px) rotate(-540deg) scale(1.5);transform:translate(-50%,-50%) rotate(540deg) translateX(var(--dot-radius,100px)) rotate(-540deg) scale(1.5)}to{box-shadow:0 0 20px #00ff9fcc;transform:translate(-50%,-50%) rotate(2turn) translateX(100px) rotate(-2turn) scale(1);transform:translate(-50%,-50%) rotate(2turn) translateX(var(--dot-radius,100px)) rotate(-2turn) scale(1)}}.progress-container{margin:1rem 0;max-width:400px;width:100%}.progress-bar{background:#ffffff1a;border:1px solid #4096ff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4096ff,#73d0ff);border-radius:4px;box-shadow:0 0 10px #4096ff80;height:100%;transition:width 1s ease}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.control-btn{border:none;border-radius:25px;cursor:pointer;font-size:.77rem;font-weight:600;letter-spacing:.5px;min-width:98px;padding:.7rem 1.4rem;text-transform:uppercase;transition:all .3s ease}.start-btn{background:linear-gradient(45deg,#4096ff,#73d0ff);box-shadow:0 4px 15px #4096ff66;color:#fff}.start-btn:hover{box-shadow:0 6px 20px #4096ff99;transform:translateY(-2px)}.start-btn:disabled{background:linear-gradient(45deg,#666,#888);box-shadow:none;cursor:not-allowed;transform:none}.stop-btn{background:linear-gradient(45deg,#ff4757,#ff6b7a);box-shadow:0 4px 15px #ff475766;color:#fff}.stop-btn:hover{box-shadow:0 6px 20px #ff475799;transform:translateY(-2px)}.restart-btn{background:linear-gradient(45deg,#00ff9f,#00cc7f);box-shadow:0 4px 15px #00ff9f66;color:#1a1a2e}.restart-btn:hover{box-shadow:0 6px 20px #00ff9f99;transform:translateY(-2px)}@media (max-width:1200px){.app-content{gap:.5rem;padding:0 .5rem}.ad-banner{flex:0 0 120px}.ad-banner,.ad-banner .adsbygoogle{min-height:500px}}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch}.App{height:auto;min-height:100vh}.app-header{align-items:center;display:flex;flex-direction:column;padding:1rem 1rem 2rem}.header-brand{margin-top:1rem;order:2;position:static;text-align:center}.app-header h1{order:1}.app-header p{margin-top:.25rem;order:3}.app-content{flex-direction:column;gap:1rem}.ad-banner{flex:none;max-height:120px;min-height:100px;order:0;width:100%}.left-ad{order:1}.app-main{order:2}.right-ad{order:3}.ad-banner .adsbygoogle{height:100px;min-height:100px}.ad-error,.ad-fallback,.ad-loading{font-size:.8rem;padding:1rem .5rem}.ad-spinner{height:20px;width:20px}.app-header h1{font-size:2rem}.breathing-circle{--dot-radius:80px;height:200px;width:200px}.phase-text{font-size:1.5rem}.timer{font-size:2.5rem}.technique-buttons{align-items:center;flex-direction:column}.technique-btn{max-width:250px;width:100%}.controls{align-items:center;flex-direction:column}.control-btn{max-width:200px;width:100%}}@media (max-width:480px){.app-content{padding:0}.ad-banner{margin:0 .5rem;max-height:100px;min-height:80px}.ad-banner .adsbygoogle{height:80px;min-height:80px}.app-main{padding:1rem .5rem}.breathing-circle{--dot-radius:70px;height:180px;width:180px}.phase-text{font-size:1.3rem}.timer{font-size:2rem}}
/*# sourceMappingURL=main.c891df06.css.map*/