.meditation-container{border-radius:16px;width:100%;max-width:900px;overflow:hidden;color:white;height:100%;margin:2rem auto 0;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");box-shadow:0 40px 40 rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.meditation-preferences{display:flex;flex-direction:column;gap:2.5rem;padding:2rem}.preferences-header{text-align:center;margin-bottom:1.5rem}.preferences-header h2{font-size:2.2rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(90deg,#fcd34d,#f97316);text-shadow:0 0 20px rgba(251,146,60,.3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-.02em;position:relative}.preferences-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:3px}.preferences-header p{color:rgba(255,255,255,.8);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.preferences-section{background:linear-gradient(135deg,rgba(30,41,59,.4),rgba(44,55,79,.4));border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.preferences-section:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.15)}.preferences-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f59e0b,#3b82f6);opacity:.8}.preferences-section h3{font-size:1.3rem;margin-bottom:1.25rem;color:rgba(255,255,255,.95);font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.preferences-section p{color:rgba(255,255,255,.75);font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.preference-options{display:flex;flex-wrap:wrap;gap:.85rem}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.preference-button{padding:.85rem 1.5rem;border-radius:12px;background-color:rgba(30,41,59,.6);color:white;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:.75rem;font-weight:500;position:relative;overflow:hidden}.preference-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(59,130,246,.1));opacity:0;transition:opacity .25s ease}.preference-button:hover{background-color:rgba(35,48,69,.8);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.preference-button:hover:before{opacity:1}.preference-button.active{background-color:rgba(245,158,11,.25);border-color:rgba(245,158,11,.5);position:relative;box-shadow:0 0 15px rgba(245,158,11,.15)}.preference-button.active:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#f59e0b;top:12px;right:12px;box-shadow:0 0 8px rgba(245,158,11,.5)}.save-preferences-button{padding:1.1rem 2.5rem;border-radius:12px;background:linear-gradient(90deg,#fcd34de7,#f97416e3);text-shadow:0 0 20px rgba(251,146,60,.3);color:white;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-top:2rem;font-size:1.15rem;align-self:center;box-shadow:0 5px 15px rgba(59,130,246,.3);position:relative;overflow:hidden;width:100%}.save-preferences-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.save-preferences-button:hover:not(:disabled):before{left:100%}.save-preferences-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 20px rgba(59,130,246,.4)}.save-preferences-button:active:not(:disabled){transform:translateY(-2px)}.save-preferences-button:disabled{opacity:.5;cursor:not-allowed}.meditation-experience{display:flex;flex-direction:column;gap:2.5rem;background-color:rgba(27,33,52,.5);padding:2.5rem}.meditation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.meditation-header h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fcd34d,#f97316,#8b5cf6);text-shadow:0 0 20px rgba(251,146,60,.3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-.01em}.preferences-toggle{padding:.6rem 1.25rem;border-radius:10px;background-color:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3);cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.preferences-toggle:hover{background-color:rgba(245,158,11,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.2)}.meditation-current{margin-bottom:2.5rem}.current-card{background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(15,23,42,.9));border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:2.5rem;box-shadow:0 15px 40px rgba(0,0,0,.2);position:relative;overflow:hidden}.current-card:before{width:200px;height:200px;background:radial-gradient(circle,rgba(245,158,11,.15),transparent 70%);top:-100px;right:-100px}.current-card:after,.current-card:before{content:"";position:absolute;border-radius:50%}.current-card:after{width:150px;height:150px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);bottom:-75px;left:-75px}.current-info h3{font-size:1.8rem;margin-bottom:1rem;color:#f8a532;font-weight:700;letter-spacing:-.01em}.meditation-meta{display:flex;gap:1.25rem;color:rgba(255,255,255,.75);font-size:.95rem;margin-bottom:1rem}.meditation-meta span{display:flex;align-items:center;gap:.6rem;background-color:rgba(255,557);padding:.5rem .75rem;border-radius:8px;backdrop-filter:blur(4px)}.current-info p{color:rgba(255,255,255,.9);line-height:1.7;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.player-container{margin-top:1.5rem;background-color:rgba(15,23,42,.5);border-radius:16px;padding:1.75rem;border:1px solid rgba(255,255,255,.05)}.progress-bar{width:100%;height:8px;background-color:rgba(255,255,255,.08);margin-bottom:.75rem;overflow:hidden}.progress-bar,.progress-filled{border-radius:4px;position:relative}.progress-filled{height:100%;background:linear-gradient(90deg,#f59e0b,#3b82f6);width:16%;transition:width .3s}.progress-filled:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:white;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.5)}.time-display{display:flex;justify-content:space-between;color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:1.5rem;font-weight:500}.player-controls{gap:2.25rem}.control-button,.player-controls{display:flex;justify-content:center;align-items:center}.control-button{width:48px;height:48px;border-radius:50%;background-color:rgba(30,41,59,.7);color:white;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.control-button:hover{background-color:rgba(59,130,246,.25);transform:translateY(-3px);box-shadow:0 6px 16px rgba(59,130,246,.2)}.control-button:active{transform:translateY(-1px)}.play-button{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#3b82f6);color:white;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 6px 16px rgba(59,130,246,.4);transition:all .25s ease;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent 70%);opacity:0;transition:opacity .3s}.play-button:hover{transform:scale(1.08);box-shadow:0 8px 20px rgba(59,130,246,.5)}.play-button:hover:before{opacity:1}.play-button:active{transform:scale(1.05)}.meditation-list h3{font-size:1.4rem;margin-bottom:1.75rem;color:rgba(255,255,255,.95);font-weight:600;position:relative;display:inline-block}.meditation-list h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:3px}.meditation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.75rem;margin-bottom:2.5rem}.meditation-card{background:linear-gradient(135deg,rgba(30,41,59,.6),rgba(15,23,42,.7));border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100%;transition:all .3s ease;position:relative;overflow:hidden}.meditation-card:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.1),transparent 70%);top:-60px;right:-60px;border-radius:50%;transition:all .3s ease}.meditation-card:hover{background:linear-gradient(135deg,rgba(35,48,69,.7),rgba(20,30,52,.8));transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.25);border-color:rgba(102,210,230,.836);cursor:pointer}.meditation-card:hover:before{transform:scale(1.2);opacity:.7}.meditation-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.meditation-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.1));color:#f8a532;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(245,158,11,.15);transition:all .3s ease}.meditation-card:hover .meditation-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px rgba(245,158,11,.25)}.meditation-duration{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7);font-size:.9rem;background-color:rgba(15,23,42,.4);padding:.4rem .8rem;border-radius:20px;backdrop-filter:blur(4px)}.meditation-card h4{font-size:1.2rem;margin-bottom:.75rem;color:white;font-weight:600;line-height:1.4}.meditation-card p{color:rgba(255,255,255,.75);font-size:.95rem;margin-bottom:1.25rem;flex-grow:1;line-height:1.6}.meditation-type{color:rgba(59,130,246,.9);font-size:.9rem;margin-bottom:1.25rem;font-weight:500;display:inline-block;padding:.35rem .75rem;background-color:rgba(59,130,246,.1);border-radius:20px;border:1px solid rgba(59,130,246,.2)}.play-meditation-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0;border-radius:10px;background-color:rgba(59,130,246,.15);color:rgba(59,130,246,1);border:1px solid rgba(59,130,246,.25);cursor:pointer;transition:all .25s ease;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.play-meditation-button:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.play-meditation-button:hover{background-color:rgba(59,130,246,.25);transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.15)}.play-meditation-button:hover:before{left:100%}.generate-button{background:linear-gradient(90deg,#b45309,#c2410c);color:white;border:none;border-radius:12px;padding:1rem;font-size:1.2rem;font-weight:600;margin-top:1.5rem;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 10px 15px rgba(180,83,9,.2);position:relative;overflow:hidden}.generate-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(59,130,246,.1));opacity:0;transition:opacity .3s ease}.generate-button:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(59,130,246,.3));transform:translateY(-3px);box-shadow:0 8px 20px rgba(59,130,246,.2)}.generate-button:hover:before{opacity:1}.selected-meditation{border:2px solid #4285f4;box-shadow:0 4px 12px rgba(66,133,244,.2);transform:translateY(-4px)}@media (max-width:768px){.meditation-experience,.meditation-preferences,.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}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.play-button:focus{animation:pulse 1.5s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.meditation-icon{animation:float 3s ease-in-out infinite}.meditation-container::-webkit-scrollbar{width:8px}.meditation-container::-webkit-scrollbar-track{background:rgba(15,23,42,.5)}.meditation-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#3b82f6);border-radius:4px}.meditation-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f8a532,#4f8df9)}