.meditation-container{color:#fff;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(255,255,255,0.03)' fill-rule='evenodd'/%3E%3C/svg%3E");border:1px solid #ffffff4d;border-radius:16px;width:100%;max-width:900px;height:100%;margin:2rem auto 0;overflow:hidden;box-shadow:0 40px 40px #0000004d}.timer-container{padding:2rem;overflow:hidden}.timer-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#f59e0b1a,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f61a,#0000 50%);position:absolute;inset:0}.start-meditation{justify-content:center;align-items:center;padding:2rem 0;display:flex}.start-meditation-button{color:#fff;cursor:pointer;z-index:1;background:linear-gradient(135deg,#f59e0b,#3b82f6);border:none;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #3b82f64d}.start-meditation-button:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.start-meditation-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #3b82f666}.start-meditation-button:hover:before{left:100%}.start-meditation-button:active{transform:translateY(-1px)scale(1.01)}.preparation-timer{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.prep-circle{background:linear-gradient(135deg,#f59e0b33,#3b82f633);border:3px solid #f59e0b66;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;animation:1s ease-in-out infinite alternate preparationPulse;display:flex;position:relative;box-shadow:0 0 30px #f59e0b4d,inset 0 0 30px #ffffff1a}.prep-time{color:#f59e0b;text-shadow:0 0 20px #f59e0b80;font-size:3rem;font-weight:700;line-height:1}.prep-label{color:#fffc;margin-top:.5rem;font-size:.9rem;font-weight:500}.prep-text{color:#ffffffe6;text-align:center;font-size:1.1rem;font-weight:500}@keyframes preparationPulse{0%{transform:scale(1);box-shadow:0 0 20px #f59e0b4d,inset 0 0 20px #ffffff1a}to{transform:scale(1.02);box-shadow:0 0 40px #f59e0b80,inset 0 0 30px #fff3}}.main-timer{flex-direction:column;align-items:center;gap:2rem;display:flex}.timer-circle{justify-content:center;align-items:center;display:flex;position:relative}.timer-ring{transform:rotate(-90deg)}.timer-ring-progress{transition:stroke-dashoffset 1s linear}.timer-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.timer-time{color:#fff;text-shadow:0 0 20px #ffffff4d;font-size:2.5rem;font-weight:700;line-height:1}.timer-label{color:#fffc;margin-top:.5rem;font-size:1rem;font-weight:500}.timer-controls{align-items:center;gap:1rem;display:flex}.timer-control-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.timer-control-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.pause-btn:hover,.resume-btn:hover{background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 20px #f59e0b4d}.stop-btn:hover{background:#ef44444d;border-color:#ef444480;box-shadow:0 8px 20px #ef44444d}.meditation-completed{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;display:flex}.completion-circle{background:linear-gradient(135deg,#22c55e33,#3b82f633);border:3px solid #22c55e99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;animation:2s ease-in-out infinite alternate completionGlow;display:flex;position:relative;box-shadow:0 0 30px #22c55e66,inset 0 0 30px #ffffff1a}.completion-icon{color:#22c55e;text-shadow:0 0 20px #22c55e80;font-size:3rem;font-weight:700}.completion-text{color:#ffffffe6;margin-top:.5rem;font-size:.9rem;font-weight:600}.completion-message{color:#ffffffe6;text-align:center;max-width:300px;font-size:1.1rem;font-weight:500;line-height:1.5}.restart-meditation-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55ecc,#3b82f6cc);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #22c55e4d}.restart-meditation-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}@keyframes completionGlow{0%{box-shadow:0 0 20px #22c55e66,inset 0 0 20px #ffffff1a}to{box-shadow:0 0 40px #22c55e99,inset 0 0 30px #fff3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.meditation-preferences{flex-direction:column;gap:2.5rem;padding:2rem;display:flex}.preferences-header{text-align:center;margin-bottom:1.5rem}.preferences-header h2{text-shadow:0 0 20px #fb923c4d;background:linear-gradient(90deg,#fcd34d,#f97316);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.2rem;font-weight:700;display:inline-block;position:relative}.preferences-header h2:after{content:"";background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:3px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.preferences-header p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.preferences-section{background:linear-gradient(135deg,#1e293b66,#2c374f66);border:1px solid #ffffff12;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.preferences-section:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000026}.preferences-section:before{content:"";opacity:.8;background:linear-gradient(90deg,#f59e0b,#3b82f6);width:100%;height:4px;position:absolute;top:0;left:0}.preferences-section h3{color:#fffffff2;letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.3rem;font-weight:600;display:flex}.preferences-section p{color:#ffffffbf;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.preference-options{flex-wrap:wrap;gap:.85rem;display:flex}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.preference-button{color:#fff;cursor:pointer;background-color:#1e293b99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-weight:500;transition:all .25s;display:flex;position:relative;overflow:hidden}.preference-button:before{content:"";opacity:0;background:linear-gradient(135deg,#f59e0b1a,#3b82f61a);transition:opacity .25s;position:absolute;inset:0}.preference-button:hover{background-color:#233045cc;border-color:#ffffff26;transform:translateY(-2px)}.preference-button:hover:before{opacity:1}.preference-button.active{background-color:#f59e0b40;border-color:#f59e0b80;position:relative;box-shadow:0 0 15px #f59e0b26}.preference-button.active:after{content:"";background-color:#f59e0b;border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:12px;box-shadow:0 0 8px #f59e0b80}.save-preferences-button{text-shadow:0 0 20px #fb923c4d;color:#fff;cursor:pointer;background:linear-gradient(90deg,#fcd34de7,#f97416e3);border:none;border-radius:12px;align-self:center;width:100%;margin-top:2rem;padding:1.1rem 2.5rem;font-size:1.15rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 5px 15px #3b82f64d}.save-preferences-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.save-preferences-button:hover:not(:disabled):before{left:100%}.save-preferences-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 20px #3b82f666}.save-preferences-button:active:not(:disabled){transform:translateY(-2px)}.save-preferences-button:disabled{opacity:.5;cursor:not-allowed}.meditation-experience{background-color:#1b213480;flex-direction:column;gap:2.5rem;padding:2.5rem;display:flex}.meditation-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.meditation-header h2{text-shadow:0 0 20px #fb923c4d;background:linear-gradient(135deg,#fcd34d,#f97316,#8b5cf6);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;font-size:1.8rem;font-weight:700;display:inline-block}.preferences-toggle{color:#f59e0b;cursor:pointer;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;align-items:center;gap:.5rem;margin-left:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .25s;display:flex}.preferences-toggle:hover{background-color:#f59e0b40;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.meditation-current{margin-bottom:2.5rem}.current-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:2.5rem;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0003}.current-card:before{content:"";background:radial-gradient(circle,#f59e0b26,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-100px;right:-100px}.current-card:after{content:"";background:radial-gradient(circle,#3b82f626,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-75px;left:-75px}.current-info h3{color:#f8a532;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.meditation-meta{color:#ffffffbf;gap:1.25rem;margin-bottom:1rem;font-size:.95rem;display:flex}.meditation-meta span{background-color:rgba(255,557);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.current-info p{color:#ffffffe6;text-shadow:0 1px 2px #0000001a;font-size:1.05rem;line-height:1.7}.player-container{background-color:#0f172a80;border:1px solid #ffffff0d;border-radius:16px;margin-top:1.5rem;padding:1.75rem}.progress-bar{background-color:#ffffff14;border-radius:4px;width:100%;height:8px;margin-bottom:.75rem;position:relative;overflow:hidden}.progress-filled{background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:4px;width:16%;height:100%;transition:width .3s;position:relative}.progress-filled:after{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 8px #ffffff80}.time-display{color:#ffffffb3;justify-content:space-between;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;display:flex}.player-controls{justify-content:center;align-items:center;gap:2.25rem;display:flex}.control-button{color:#fff;cursor:pointer;background-color:#1e293bb3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0000001a}.control-button:hover{background-color:#3b82f640;transform:translateY(-3px);box-shadow:0 6px 16px #3b82f633}.control-button:active{transform:translateY(-1px)}.play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#3b82f6);border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #3b82f666}.play-button:before{content:"";opacity:0;background:radial-gradient(circle,#fff3,#0000 70%);width:100%;height:100%;transition:opacity .3s;position:absolute}.play-button:hover{transform:scale(1.08);box-shadow:0 8px 20px #3b82f680}.play-button:hover:before{opacity:1}.play-button:active{transform:scale(1.05)}.meditation-list h3{color:#fffffff2;margin-bottom:1.75rem;font-size:1.4rem;font-weight:600;display:inline-block;position:relative}.meditation-list h3:after{content:"";background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:3px;width:40px;height:3px;position:absolute;bottom:-8px;left:0}.meditation-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.75rem;margin-bottom:2.5rem;display:grid}.meditation-card{background:linear-gradient(135deg,#1e293b99,#0f172ab3);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.meditation-card:before{content:"";background:radial-gradient(circle,#3b82f61a,#0000 70%);border-radius:50%;width:120px;height:120px;transition:all .3s;position:absolute;top:-60px;right:-60px}.meditation-card:hover{cursor:pointer;background:linear-gradient(135deg,#233045b3,#141e34cc);border-color:#66d2e6d5;transform:translateY(-6px);box-shadow:0 12px 28px #00000040}.meditation-card:hover:before{opacity:.7;transform:scale(1.2)}.meditation-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.meditation-icon{color:#f8a532;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 12px #f59e0b26}.meditation-card:hover .meditation-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 16px #f59e0b40}.meditation-duration{color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;display:flex}.meditation-card h4{color:#fff;margin-bottom:.75rem;font-size:1.2rem;font-weight:600;line-height:1.4}.meditation-card p{color:#ffffffbf;flex-grow:1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.meditation-type{color:#3b82f6e6;background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.9rem;font-weight:500;display:inline-block}.play-meditation-button{color:#3b82f6;cursor:pointer;background-color:#3b82f626;border:1px solid #3b82f640;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;font-weight:500;transition:all .25s;display:flex;position:relative;overflow:hidden}.play-meditation-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.play-meditation-button:hover{background-color:#3b82f640;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f626}.play-meditation-button:hover:before{left:100%}.generate-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#b45309,#c2410c);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.2rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px #b4530933}.generate-button:before{content:"";opacity:0;background:linear-gradient(135deg,#f59e0b1a,#3b82f61a);transition:opacity .3s;position:absolute;inset:0}.generate-button:hover{background:linear-gradient(135deg,#f59e0b4d,#3b82f64d);transform:translateY(-3px);box-shadow:0 8px 20px #3b82f633}.generate-button:hover:before{opacity:1}.selected-meditation{border:2px solid #4285f4;transform:translateY(-4px);box-shadow:0 4px 12px #4285f433}@media (max-width:768px){.meditation-preferences,.meditation-experience,.preferences-section{padding:1.5rem}.current-card{padding:1.75rem}.meditation-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preference-options{flex-direction:column}.goals-grid{grid-template-columns:1fr}.timer-container{padding:1.5rem}.prep-circle{width:120px;height:120px}.prep-time{font-size:2.5rem}.timer-time{font-size:2rem}.timer-controls{flex-direction:column;gap:.75rem}.timer-control-btn{justify-content:center;width:100%}}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.play-button:focus{animation:1.5s infinite pulse}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.meditation-icon{animation:3s ease-in-out infinite float}.meditation-container::-webkit-scrollbar{width:8px}.meditation-container::-webkit-scrollbar-track{background:#0f172a80}.meditation-container::-webkit-scrollbar-thumb{background:linear-gradient(#f59e0b,#3b82f6);border-radius:4px}.meditation-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f8a532,#4f8df9)}