*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;-webkit-user-select:none;user-select:none}#root{min-height:100vh}.App{overflow-x:hidden;position:relative}.App,.home-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.home-page{color:#fff;padding:20px 20px 100px}.profile-section{justify-content:space-between;margin-bottom:20px}.avatar,.profile-section{align-items:center;display:flex}.avatar{background:linear-gradient(45deg,#ff9a9e,#fecfef);border-radius:50%;cursor:pointer;height:50px;justify-content:center;margin-right:15px;overflow:hidden;transition:all .3s ease;width:50px}.avatar:hover{transform:scale(1.1)}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-text{color:#fff;font-size:18px;font-weight:600}.greeting h2{font-size:24px;font-weight:600;margin-bottom:5px}.greeting p{font-size:16px;opacity:.8}.auth-hint{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;margin-top:5px;padding:6px 12px;transition:all .3s ease}.auth-hint:hover{background:#ffffff4d;transform:translateY(-1px)}.icons{display:flex;font-size:24px;gap:15px}.main-card{margin-bottom:30px}.meditation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="url(%23a)" opacity=".3"/></svg>');background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:20px;position:relative}.card-overlay{justify-content:space-between;margin-bottom:20px}.card-content,.card-overlay{align-items:center;display:flex}.card-content{gap:15px}.bell-icon{background:#fff3;border-radius:10px;font-size:24px;padding:10px}.card-text h3{font-size:16px;font-weight:500;margin-bottom:5px}.card-text p{font-size:14px;opacity:.8}.play-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.play-button:hover{background:#fff;transform:scale(1.1)}.progress-section h3{font-size:20px;font-weight:600;margin-bottom:5px}.progress-section p{font-size:14px;margin-bottom:15px;opacity:.8}.progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff9a9e,#fecfef);border-radius:3px;height:100%;transition:width .3s ease;width:0}.action-buttons{display:flex;gap:15px;margin-bottom:30px}.action-btn{align-items:center;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex:1 1;gap:15px;padding:20px;text-align:left;transition:all .3s ease}.action-btn.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-btn.purple{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.action-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.action-btn span{font-size:24px;min-width:30px}.action-btn div p{font-weight:600;margin-bottom:5px}.action-btn div small{font-size:12px;opacity:.8}.bottom-section{margin-bottom:30px}.bottom-section h3{font-size:24px;font-weight:600;margin-bottom:20px}.main-image{background:linear-gradient(135deg,#667eea,#764ba2);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23fff" opacity=".3"/><circle cx="80" cy="30" r="1.5" fill="%23fff" opacity=".4"/><circle cx="60" cy="70" r="1" fill="%23fff" opacity=".5"/></svg>');border-radius:15px;height:200px;width:100%}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-around;left:0;padding:15px 0;position:fixed;right:0;z-index:100}.nav-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px 10px;transition:all .3s ease}.nav-item.active{background:#fff3}.nav-item:hover{background:#ffffff26}.nav-item span{font-size:20px}.nav-item p{font-size:12px;opacity:.8}.author-credit{bottom:90px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:150}.author-credit p{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 15px #0000001a;font-size:13px;margin:0;opacity:.9;padding:10px 18px;pointer-events:auto;text-align:center;transition:all .3s ease}.author-credit p:hover{background:#ffffff26;opacity:1;transform:translateY(-2px)}.author-credit a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease}.author-credit a:hover{color:#fecfef;text-shadow:0 0 10px #fecfef80}@media (max-width:768px){.home-page{padding:15px}.profile-section{align-items:flex-start;gap:15px}.action-buttons,.profile-section{flex-direction:column}.action-btn{padding:15px}.author-credit{bottom:70px}.author-credit p{font-size:11px;padding:6px 12px}}.daily-quote{margin:25px 0;opacity:0;transform:translateY(20px);transition:all .8s ease}.daily-quote.visible{opacity:1;transform:translateY(0)}.quote-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.quote-container:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}.quote-container:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.quote-icon{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:50%;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;right:20px;top:-10px;width:50px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.quote-content{position:relative;z-index:2}.quote-text{color:#fff;font-size:16px;font-style:italic;font-weight:400;line-height:1.6;margin:0 0 15px;padding:0 20px;position:relative;text-align:center}.quote-text:after,.quote-text:before{content:'"';font-size:24px;font-weight:600;opacity:.3;position:absolute;top:-5px}.quote-text:before{left:0}.quote-text:after{right:0}.quote-author{color:#fffc;display:block;font-size:14px;font-style:normal;font-weight:500;margin-top:10px;text-align:center}.quote-decoration{bottom:-15px;left:20px;opacity:.1;pointer-events:none;position:absolute}.quote-marks{color:#fff;font-size:80px;font-weight:700;line-height:1}.quote-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px;padding:0 5px}.quote-label{color:#fff9;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.quote-sparkles{display:flex;font-size:12px;gap:8px}.quote-sparkles span{animation:sparkle 2s infinite;animation-delay:calc(var(--i)*.3s)}.quote-sparkles span:first-child{--i:0}.quote-sparkles span:nth-child(2){--i:1}.quote-sparkles span:nth-child(3){--i:2}@media (max-width:768px){.quote-container{margin:0 5px;padding:20px}.quote-text{font-size:15px;padding:0 15px}.quote-icon{font-size:20px;height:40px;right:15px;top:-8px;width:40px}.quote-author{font-size:13px}.quote-marks{font-size:60px}}@media (max-width:480px){.daily-quote{margin:20px -5px}.quote-container{border-radius:16px;padding:18px}.quote-text{font-size:14px;line-height:1.5;padding:0 10px}.quote-footer{margin-top:12px}.quote-label{font-size:11px}.quote-sparkles{font-size:10px;gap:6px}}@media (prefers-color-scheme:dark){.quote-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.quote-container:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14)}}.meditation-timer{background:linear-gradient(135deg,#667eea,#764ba2);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="%23fff" opacity=".1"/><circle cx="80" cy="30" r=".5" fill="%23fff" opacity=".2"/><circle cx="60" cy="70" r=".8" fill="%23fff" opacity=".15"/><circle cx="30" cy="80" r="1.2" fill="%23fff" opacity=".1"/></svg>');color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px;position:relative}.timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding-top:20px}.timer-header h2{font-size:20px;font-weight:600}.timer-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.lesson-info{margin-bottom:40px}.lesson-info h1{font-size:36px;font-weight:700;margin-bottom:10px}.lesson-info p{font-size:18px;opacity:.8}.timer-circle{height:280px;margin-bottom:40px;position:relative;width:280px}.progress-ring{height:100%;transform:rotate(-90deg);width:100%}.progress-circle{transition:stroke-dashoffset 1s ease}.timer-display{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;height:200px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.time-text{font-size:48px;font-weight:300;letter-spacing:2px}.timer-controls{gap:30px;margin-bottom:30px}.control-btn,.timer-controls{align-items:center;display:flex}.control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.play-pause-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 10px 30px #0003;color:#333;cursor:pointer;display:flex;font-size:24px;height:80px;justify-content:center;transition:all .3s ease;width:80px}.play-pause-btn:hover{background:#fff;box-shadow:0 15px 40px #0000004d;transform:scale(1.1)}.current-time{font-size:24px;font-weight:300;margin-bottom:20px;opacity:.8}.sound-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:20px;padding:15px 25px}.sound-info p{font-size:14px;margin:0}.sound-info p:first-child{margin-bottom:5px;opacity:.7}.reset-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:all .3s ease}.reset-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.lesson-info h1{font-size:28px}.lesson-info p{font-size:16px}.timer-circle{height:240px;width:240px}.timer-display{height:160px;width:160px}.time-text{font-size:36px}.timer-controls{gap:20px}.control-btn{font-size:14px;height:50px;width:50px}.play-pause-btn{font-size:20px;height:70px;width:70px}}@media (max-width:480px){.meditation-timer{padding:15px}.lesson-info h1{font-size:24px}.timer-circle{height:200px;width:200px}.timer-display{height:140px;width:140px}.time-text{font-size:30px}}.sound-library{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;min-height:100vh;padding:20px;position:relative}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding-top:20px}.header h2{font-size:24px;font-weight:600}.back-btn,.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.back-btn:hover,.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.sounds-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.sound-item{align-items:center;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.sound-item:hover{background:#ffffff1a;transform:translateY(-5px)}.sound-image{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;border-radius:50%;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:10px;width:60px}.sound-name{font-size:12px;line-height:1.3;opacity:.9;text-align:center}.volume-control{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;bottom:30px;left:20px;padding:20px;position:fixed;right:20px}.volume-control p{font-weight:500;margin-bottom:15px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;height:20px;width:20px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;height:20px;width:20px}@media (max-width:768px){.sounds-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.sound-image{font-size:20px;height:50px;width:50px}.sound-name{font-size:11px}}@media (max-width:480px){.sounds-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.sound-item{padding:10px}}.profile-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding-top:20px}.profile-header h2{font-size:24px;font-weight:600}.back-btn,.logout-btn{background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:all .3s ease}.back-btn:hover,.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.logout-btn{background:#ff63634d}.logout-btn:hover{background:#ff636380}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px}.avatar-section{gap:30px}.avatar-large,.avatar-section{align-items:center;display:flex}.avatar-large{background:linear-gradient(135deg,#ff9a9e,#fecfef);border-radius:50%;color:#fff;flex-shrink:0;font-size:36px;font-weight:600;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar-large img{height:100%;object-fit:cover;width:100%}.profile-info h3{font-size:28px;font-weight:600;margin-bottom:5px}.profile-info p{font-size:16px;margin-bottom:5px;opacity:.8}.join-date{font-size:14px!important;margin-bottom:20px!important;opacity:.6!important}.edit-btn{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.edit-btn:hover{background:#ffffff4d}.edit-form{display:flex;flex:1 1;flex-direction:column;gap:15px}.edit-form input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:16px;padding:12px 16px}.edit-form input::placeholder{color:#fff9}.avatar-edit-section{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px}.avatar-preview{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:600;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.avatar-upload-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.avatar-upload-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.avatar-remove-btn{align-items:center;background:#ff63634d;border:1px solid #ff636366;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.avatar-remove-btn:hover{background:#ff636380;transform:translateY(-2px)}.edit-buttons{display:flex;gap:10px}.cancel-btn,.save-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.save-btn{background:#4caf50;color:#fff}.cancel-btn{background:#fff3;color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;gap:15px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.stat-card.clickable{cursor:pointer;transition:all .3s ease}.stat-card.clickable:hover{background:#fff3;box-shadow:0 15px 40px #0000004d;transform:translateY(-8px)}.stat-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.stat-content h3{font-size:24px;font-weight:600;margin-bottom:5px}.stat-content p{font-size:14px;opacity:.8}.achievements-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px}.achievements-section h3{font-size:22px;font-weight:600;margin-bottom:20px}.achievements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.achievement-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.achievement-card.unlocked{background:#4caf5033;border-color:#4caf5066}.achievement-card.locked{opacity:.5}.achievement-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:45px;justify-content:center;width:45px}.achievement-content h4{font-size:16px;font-weight:600;margin-bottom:5px}.achievement-content p{font-size:14px;line-height:1.4;opacity:.8}.unlocked-badge{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.last-session{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:25px;text-align:center}.last-session h3{font-size:18px;font-weight:600;margin-bottom:10px}.last-session p{font-size:16px;opacity:.8}@media (max-width:768px){.profile-page{padding:15px}.avatar-section{flex-direction:column;gap:20px;text-align:center}.achievements-grid,.stats-grid{grid-template-columns:1fr}.achievement-card{padding:15px}.profile-header{flex-wrap:wrap;gap:10px}.profile-header h2{font-size:20px}}@media (max-width:480px){.avatar-large{font-size:28px;height:80px;width:80px}.stat-card{padding:20px}.stat-icon{font-size:24px;height:40px;width:40px}.achievements-section,.profile-card{padding:20px}.avatar-edit-section{padding:15px}.avatar-preview{font-size:28px;height:80px;width:80px}.avatar-controls{align-items:center;flex-direction:column}.avatar-remove-btn,.avatar-upload-btn{font-size:13px;justify-content:center;padding:10px 20px;width:100%}}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;color:#fff;max-width:400px;padding:30px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.auth-header h2{font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:500;opacity:.9}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder{color:#fff9}.form-group input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 20px #ffffff1a;outline:none}.error-message{background:#ff636333;border:1px solid #ff636366;border-radius:8px;color:#f99;font-size:14px;padding:12px;text-align:center}.auth-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease}.auth-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-btn.primary:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.auth-footer{margin-top:20px;text-align:center}.auth-footer p{font-size:14px;opacity:.8}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;transition:all .3s ease}.link-btn:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.auth-overlay{padding:15px}.auth-modal{padding:20px}.auth-header h2{font-size:20px}.form-group input{font-size:16px}}.explore-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px 20px 100px}.explore-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-top:20px}.explore-header h2{font-size:24px;font-weight:600}.back-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.back-btn:hover{background:#ffffff4d;transform:scale(1.1)}.header-icon{animation:sparkle 2s infinite;font-size:24px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.explore-subtitle{margin-bottom:30px;text-align:center}.explore-subtitle p{font-size:16px;margin:0;opacity:.8}.categories-scroll{-webkit-overflow-scrolling:touch;margin-bottom:30px;overflow-x:auto}.categories-list{display:flex;gap:12px;min-width:-webkit-max-content;min-width:max-content;padding:0 5px}.category-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-direction:column;min-width:80px;padding:15px 20px}.category-btn:hover{background:#fff3}.category-btn.active{background:#ffffff40;border-color:#fff6;box-shadow:0 5px 20px #ffffff1a}.category-icon{font-size:20px}.category-name{font-size:12px;font-weight:500}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.news-card{animation:slideInUp .6s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;opacity:0;overflow:hidden;transform:translateY(30px);transition:all .3s ease}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.news-card:hover{background:#ffffff26;box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.news-image{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.news-emoji{filter:drop-shadow(0 2px 10px rgba(0,0,0,.2));font-size:48px}.news-category-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.news-content{padding:20px}.news-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px;opacity:.7}.news-date,.news-read-time{background:#ffffff1a;border-radius:8px;padding:4px 8px}.news-title{-webkit-line-clamp:2;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px}.news-description,.news-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-description{-webkit-line-clamp:3;font-size:14px;line-height:1.5;margin-bottom:15px;opacity:.8}.news-footer{align-items:center;display:flex;justify-content:space-between}.news-source{opacity:.6}.news-source,.read-more-btn{font-size:12px;font-weight:500}.read-more-btn{background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.read-more-btn:hover{background:#ffffff4d;transform:translateX(2px)}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:24px;font-weight:600;margin-bottom:10px;opacity:.8}.empty-state p{font-size:16px;opacity:.6}@media (max-width:768px){.explore-page{padding:15px 15px 100px}.explore-header h2{font-size:20px}.news-grid{gap:15px;grid-template-columns:1fr}.categories-list{gap:8px}.category-btn{min-width:70px;padding:12px 16px}.category-icon{font-size:18px}.category-name{font-size:11px}.news-image{height:100px}.news-emoji{font-size:36px}.news-content{padding:15px}}@media (max-width:480px){.news-grid{grid-template-columns:1fr}.categories-scroll{margin-left:-15px;margin-right:-15px;padding:0 15px}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.empty-state h3{font-size:20px}}.notes-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding-top:20px}.notes-header h2{font-size:24px;font-weight:600}.add-note-btn,.back-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:45px;justify-content:center;padding:10px 15px;transition:all .3s ease;width:45px}.add-note-btn:hover,.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.add-note-btn{font-size:24px;font-weight:600}.add-note-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.notes-content{display:flex;flex-direction:column;gap:20px}.note-editor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:25px}.note-title-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;padding:15px 20px;width:100%}.note-title-input::placeholder{color:#fff9}.mood-selector{margin-bottom:20px}.mood-selector label{display:block;font-size:16px;font-weight:500;margin-bottom:10px}.mood-options{display:flex;flex-wrap:wrap;gap:10px}.mood-btn{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.mood-btn:hover{background:#ffffff1a}.mood-btn.active{border-color:#0000;color:#fff}.note-content-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;line-height:1.6;margin-bottom:20px;padding:15px 20px;resize:vertical;width:100%}.note-content-input::placeholder{color:#fff9}.note-editor-buttons{display:flex;gap:10px;justify-content:flex-end}.cancel-note-btn,.save-note-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-note-btn{background:#4caf50;color:#fff}.save-note-btn:hover{background:#45a049;transform:translateY(-2px)}.cancel-note-btn{background:#fff3;color:#fff}.cancel-note-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.notes-list{display:flex;flex-direction:column;gap:15px}.note-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;transition:all .3s ease}.note-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.note-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.note-mood{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.note-meta{flex:1 1}.note-meta h3{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:5px}.note-date{font-size:12px;opacity:.7}.note-actions{display:flex;gap:5px}.delete-note-btn,.edit-note-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.edit-note-btn:hover{background:#fff3}.delete-note-btn:hover{background:#ff63634d}.delete-note-btn:disabled,.edit-note-btn:disabled{cursor:not-allowed;opacity:.5}.note-content{font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.empty-notes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:60px 20px;text-align:center}.empty-notes-icon{font-size:64px;margin-bottom:20px}.empty-notes h3{font-size:24px;font-weight:600;margin-bottom:10px}.empty-notes p{font-size:16px;line-height:1.5;margin-bottom:30px;opacity:.8}.create-first-note-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.create-first-note-btn:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.auth-required{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:60px 20px;text-align:center}.auth-required p{font-size:18px;opacity:.8}@media (max-width:768px){.notes-page{padding:15px}.mood-options{justify-content:center}.mood-btn{font-size:12px;padding:6px 10px}.note-editor-buttons{flex-direction:column}.cancel-note-btn,.save-note-btn{width:100%}.note-header{flex-wrap:wrap}.note-actions{justify-content:center;margin-top:10px;width:100%}}@media (max-width:480px){.notes-header h2{font-size:20px}.note-card{padding:15px}.note-meta h3{font-size:16px}.empty-notes-icon{font-size:48px}.empty-notes h3{font-size:20px}}.yoga-exercises{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.yoga-header{margin-bottom:30px}.yoga-header h1{word-wrap:break-word;font-size:2rem;font-weight:700;margin:10px 0;overflow-wrap:break-word}.yoga-subtitle{font-size:1.1rem;margin-bottom:20px;opacity:.9}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:10px 15px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateY(-2px)}.yoga-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#ffffff40;transform:translateY(-2px)}.category-btn.active{background:#ffffff4d;box-shadow:0 4px 15px #fff3}.category-icon{font-size:1.2rem}.yoga-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.yoga-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:20px;transition:all .3s ease}.yoga-card:hover{background:#fff3;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.yoga-card.favorite{border:2px solid #ffc0cb80;box-shadow:0 0 15px #ffc0cb4d}.favorite-indicator{animation:pulse 2s infinite;font-size:.9rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.exercise-icon{font-size:2.5rem;margin-bottom:10px}.card-meta{display:flex;flex-direction:column;gap:5px;text-align:right}.difficulty,.duration{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:12px;font-size:.8rem;padding:4px 8px}.card-content h3{font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:10px}.card-content h3,.card-content p{word-wrap:break-word;overflow-wrap:break-word}.card-content p{font-size:.85rem;line-height:1.4;margin-bottom:15px;opacity:.9}.benefits-preview{font-size:.9rem;margin-bottom:15px;opacity:.8}.card-actions{align-items:center;display:flex;gap:10px}.start-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:12px 20px;transition:all .3s ease}.start-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.quick-start-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4caf504d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;padding:12px;transition:all .3s ease;width:48px}.quick-start-btn:hover{background:#4caf5080;transform:scale(1.1)}.yoga-tips{margin-top:30px}.tip-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;display:flex;gap:15px;padding:20px}.tip-icon{flex-shrink:0;font-size:2rem}.tip-content h3{font-size:1.2rem;margin-bottom:8px}.tip-content p{line-height:1.5;opacity:.9}.yoga-exercise-detail{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.exercise-header{margin-bottom:30px}.exercise-header h1{word-wrap:break-word;font-size:2rem;font-weight:700;line-height:1.2;margin:10px 0;overflow-wrap:break-word}.exercise-meta{display:flex;gap:15px;margin-top:15px}.exercise-meta .difficulty,.exercise-meta .duration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.9rem;padding:8px 16px}.exercise-content{margin:0 auto;max-width:800px}.exercise-content .exercise-icon{font-size:4rem;margin-bottom:20px;text-align:center}.exercise-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;margin-bottom:20px;padding:20px}.exercise-description p{font-size:1.1rem;line-height:1.6;margin:0}.exercise-benefits,.exercise-poses{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;margin-bottom:20px;padding:20px}.exercise-benefits h3,.exercise-poses h3{color:#fff;font-size:1.3rem;margin-bottom:15px}.exercise-benefits ul{list-style:none;padding:0}.exercise-benefits li{padding:8px 0 8px 25px;position:relative}.exercise-benefits li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.exercise-poses ol{padding-left:20px}.exercise-poses li{line-height:1.5;padding:8px 0}.exercise-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.start-exercise-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:30px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-exercise-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-3px)}.start-exercise-btn:disabled{background:#9696964d;cursor:not-allowed}.start-exercise-btn:disabled,.start-exercise-btn:disabled:hover{box-shadow:none;transform:none}.favorite-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 25px;transition:all .3s ease}.favorite-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.yoga-exercise-detail,.yoga-exercises{padding:15px}.exercise-header h1,.yoga-header h1{font-size:1.7rem}.yoga-grid{gap:15px;grid-template-columns:1fr}.yoga-categories{justify-content:flex-start}.category-btn{font-size:.85rem;padding:10px 16px}.yoga-card{padding:15px}.exercise-content .exercise-icon{font-size:3rem}.exercise-actions{flex-direction:column;gap:10px}.favorite-btn,.start-exercise-btn{padding:12px 20px;width:100%}.tip-card{flex-direction:column;text-align:center}.exercise-meta{justify-content:center}}@media (max-width:480px){.exercise-header h1,.yoga-header h1{font-size:1.5rem}.yoga-subtitle{font-size:1rem}.card-header{align-items:center;flex-direction:column;gap:10px;text-align:center}.card-content h3{font-size:1.1rem}.card-content p{font-size:.8rem}.card-meta{flex-direction:row;gap:10px}.exercise-content{padding:0 10px}}
/*# sourceMappingURL=main.8705f923.css.map*/