.App{text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;padding:20px;background-color:#f9f9f9;min-height:100vh}.App-header{margin-bottom:40px}.App-header h1{color:#3a6351;font-weight:300;font-size:2.5rem}footer{margin-top:50px;color:#888;font-size:.9rem}.duration-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.duration-button{background-color:#f0ece3;border:2px solid #ddd;border-radius:8px;padding:12px 18px;font-size:1rem;cursor:pointer;transition:all .2s}.duration-button:hover{background-color:#e6e2d9}.duration-button.selected{background-color:#3a6351;color:#fff;border-color:#3a6351}._centerControlButton_1l2pp_2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffff1a;border:none;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}._centerControlButton_1l2pp_2:hover{background-color:#ffffff4d}._centerControlButton_1l2pp_2:active{transform:translate(-50%,-50%) scale(.95)}._centerControlButton_1l2pp_2 ._controlIcon_1l2pp_28{font-size:2.5rem;color:#3a6351e6;text-shadow:0 1px 3px rgba(255,255,255,.5);filter:drop-shadow(0 1px 2px rgba(255,255,255,.3));transition:transform .3s ease,color .3s ease}._centerControlButton_1l2pp_2:hover ._controlIcon_1l2pp_28{transform:scale(1.1);color:#3a6351}._zenCircleContainer_1l2pp_42{width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;background-color:transparent;position:relative;border-radius:50%}._zenCircle_1l2pp_42{width:160px;height:160px;transition:all .8s ease;transform-origin:center;background-color:transparent;object-fit:contain;position:relative;z-index:1}._zenCircleContainer_1l2pp_42:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;z-index:-1;opacity:0;transition:all .5s ease}._zenCircle_1l2pp_42._spinning_1l2pp_78{animation:_zenSpin_1l2pp_1 16s infinite linear}._zenCircle_1l2pp_42._spinning_1l2pp_78+._zenCircleContainer_1l2pp_42:after{animation:_zenPulse_1l2pp_1 4s infinite ease-in-out}._zenCircle_1l2pp_42._paused_1l2pp_86{animation-play-state:paused;opacity:.9;transition:opacity .8s ease}._zenCircleContainer_1l2pp_42._spinning_1l2pp_78:after{opacity:.3;box-shadow:0 0 30px 5px #3a635133}@keyframes _zenSpin_1l2pp_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _zenPulse_1l2pp_1{0%{opacity:.2;box-shadow:0 0 20px 2px #3a635133}50%{opacity:.4;box-shadow:0 0 30px 10px #3a63514d}to{opacity:.2;box-shadow:0 0 20px 2px #3a635133}}._animationControls_1l2pp_122,._controlButton_1l2pp_126,._controlButton_1l2pp_126:hover,._controlButton_1l2pp_126:active,._controlButton_1l2pp_126._playing_1l2pp_129,._controlButton_1l2pp_126._paused_1l2pp_86,._controlText_1l2pp_131{display:none}._buttonContainer_1g0o0_1{display:flex;gap:1rem;margin:1rem 0}._selectionButton_1g0o0_7{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}._selected_1g0o0_16{background-color:#4a5568;color:#fff;border:2px solid #4a5568}._unselected_1g0o0_22{background-color:transparent;color:#4a5568;border:2px solid #4a5568}._selectionButton_1g0o0_7:hover{opacity:.9;transform:translateY(-2px)}.meditation-app{max-width:600px;margin:0 auto;padding:20px;background-color:#f8f5f2;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center}.meditation-app h2{color:#3a6351;margin-bottom:20px}.meditation-app p{color:#5d5d5d;margin-bottom:30px;font-size:1.1rem;line-height:1.5}.start-button,.reset-button{background-color:#3a6351;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:25px;cursor:pointer;transition:background-color .3s;margin-top:20px}.start-button:hover,.reset-button:hover{background-color:#2a4b3c}.setup-screen,.preparing-screen,.intro-screen,.meditation-screen,.ending-screen,.completed-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.countdown-container{display:flex;flex-direction:column;align-items:center;margin:20px 0}.countdown{font-size:4rem;font-weight:700;color:#3a6351;width:120px;height:120px;border-radius:50%;border:3px solid #3a6351;display:flex;align-items:center;justify-content:center;margin-bottom:15px;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(.98);box-shadow:0 0 #3a63514d}to{transform:scale(1.02);box-shadow:0 0 10px #3a635180}}.hidden-audio-player{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.breathing-animation{display:flex;flex-direction:column;align-items:center;margin:20px 0}@keyframes breathe{0%{transform:scale(.9);background-color:#3a635199;box-shadow:0 0 5px #3a635133}50%{transform:scale(1.1);background-color:#3a6351e6;box-shadow:0 0 20px #3a635166}to{transform:scale(.9);background-color:#3a635199;box-shadow:0 0 5px #3a635133}}.breathing-text{color:#3a6351;font-size:1.2rem;animation:fadeText 4s infinite ease-in-out}@keyframes fadeText{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.skip-button{background-color:transparent;color:#3a6351;border:1px solid #3a6351;padding:8px 16px;font-size:.9rem;border-radius:20px;cursor:pointer;transition:all .3s;margin-top:20px}.skip-button:hover{background-color:#3a63511a}.wake-lock-status{font-size:.9rem;color:#666;margin-top:1rem;font-style:italic}.name-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0}.input{padding:12px 16px;font-size:16px;border:2px solid #3a6351;border-radius:8px;background-color:#fff;color:#333;width:200px;box-shadow:0 2px 6px #3a635126;transition:all .3s ease;outline:none}.input:focus{border-color:#2a4b3c;box-shadow:0 4px 8px #3a635140}.input::placeholder{color:#a0a0a0;opacity:.8}.copy-button{background-color:transparent;border:none;border-radius:8px;padding:10px;font-size:16px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#3a6351}.copy-button:hover{background-color:#3a63511a}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copy-button svg{transition:all .2s ease}.copy-button:hover svg{transform:scale(1.1)}.name-button{background-color:#f8f5f2;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;color:#333;cursor:pointer;transition:all .3s}.name-button:hover{background-color:#3a63510d}.timer{margin:20px 0}.timer-display{font-size:4rem;font-weight:300;color:#3a6351;font-family:monospace;background-color:#fff;border-radius:8px;padding:10px 20px;box-shadow:0 2px 8px #0000001a;display:inline-block}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}*{box-sizing:border-box}#root{width:100%}