#yba-app-wrapper,#yba-app-wrapper *{box-sizing:border-box}:root{--primary:#0d9488;--primary-light:#ccfbf1;--text-dark:#1f2937;--text-gray:#6b7280;--bg-card:#ffffff;--radius:16px;--shadow:0 10px 30px -5px rgba(0,0,0,0.1)}#yba-app-wrapper{max-width:900px;margin:40px auto;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);font-family:'Inter',system-ui,-apple-system,sans-serif;min-height:770px;overflow:hidden;border:1px solid #e5e7eb;line-height:1.5}#yba-app-wrapper.yba-auth-mode{max-width:450px!important}.yba-header-auth{text-align:center;padding:40px 30px 10px}.yba-logo-text{color:var(--primary);font-weight:800;text-transform:uppercase;font-size:13px;margin-bottom:10px;display:block}.yba-header-auth h2{margin:0;color:var(--text-dark);font-size:24px;font-weight:700;line-height:1.2}.yba-header-auth p{margin-top:10px;color:var(--text-gray);font-size:14px}.yba-auth-tabs{display:flex;justify-content:center;border-bottom:1px solid #f3f4f6;margin:20px 0;padding:0;list-style:none}.auth-tab{background:#fff0;border:none;padding:15px 25px;font-size:15px;color:var(--text-gray);cursor:pointer;border-bottom:2px solid #fff0;font-weight:600;transition:0.2s}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-tab:hover{color:var(--primary)}.auth-form{display:none;padding:0 30px 30px}.auth-form.active{display:block;animation:ybaFadeIn 0.3s ease-out}.input-group{margin-bottom:15px;text-align:left;color:#000}.input-group input{font-size:16px!important;padding:14px 15px!important;border:2px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;outline:none!important;transition:all 0.2s ease;background:#f9fafb!important}.input-group input:focus{background:#fff!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px rgb(13 148 136 / .1)!important}.input-group input.error{border-color:#ef4444!important;background:#fef2f2!important;animation:shake 0.4s cubic-bezier(.36,.07,.19,.97) both}.input-error-msg{color:#ef4444;font-size:12px;margin-top:5px;display:none;font-weight:600}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px}.forgot-pass-link{color:var(--text-gray);text-decoration:none;transition:0.2s}.forgot-pass-link:hover{color:var(--primary);text-decoration:underline}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.btn-primary-full:hover{background:#0f766e;transform:translateY(-1px)}.yba-header{padding:20px;background:var(--bg-card);border-bottom:1px solid var(--border-color,#f1f5f9)}.yba-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.yba-user-info{display:flex;align-items:center;gap:12px}.yba-avatar img{width:48px;height:48px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.yba-greeting h3{margin:0;font-size:16px;font-weight:700;color:var(--text-dark)}.btn-icon-round{width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:0.2s;color:#64748b}.btn-icon-round:hover{background:#f8fafc;transform:rotate(15deg)}.yba-stats-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yba-stat-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;font-weight:700;font-size:13px;transition:transform 0.2s}.yba-stat-pill:hover{transform:translateY(-2px)}.yba-stat-pill.fire{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.yba-stat-pill.time{background:#f0fdfa;color:#0d9488;border:1px solid #ccfbf1}#yba-app-wrapper.yba-dark .btn-icon-round{background:#334155;border-color:#475569;color:#fbbf24}#yba-app-wrapper.yba-dark .yba-stat-pill.fire{background:rgb(225 29 72 / .2);border-color:rgb(225 29 72 / .3)}#yba-app-wrapper.yba-dark .yba-stat-pill.time{background:rgb(13 148 136 / .2);border-color:rgb(13 148 136 / .3)}#yba-app-wrapper .mood-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:20px!important}#yba-app-wrapper .mood-card{display:flex!important;flex-direction:row!important;align-items:center!important;background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:16px;cursor:pointer;transition:all 0.2s ease;width:100%;text-align:left}#yba-app-wrapper .mood-card:hover{transform:translateY(-3px);border-color:var(--primary-light);box-shadow:0 10px 20px -5px rgb(0 0 0 / .05)}#yba-app-wrapper .mood-card.active{border-color:var(--primary);background:var(--primary-light)}.mood-icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:20px;margin-right:15px}.mood-info{flex-grow:1}.mood-info h4{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--text-dark)}.mood-info span{font-size:12px;color:var(--text-gray);display:block;line-height:1.4}.mood-select-icon{color:var(--primary);font-weight:700;opacity:0;transform:scale(.5);transition:0.2s}.mood-card.active .mood-select-icon{opacity:1;transform:scale(1)}.yba-action-area{text-align:center;margin-top:30px;animation:ybaFadeIn 0.5s ease}#btn-start-session{background:var(--primary);color:#fff;border:none;padding:15px 45px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 5px 15px rgb(13 148 136 / .4);transition:0.3s;display:inline-block}#btn-start-session:hover{background:#0f766e;transform:scale(1.05)}@keyframes ybaFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.yba-header{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.yba-stats{width:50%;justify-content:space-around;background:#f3f4f6;padding:10px;border-radius:8px}#yba-content-area{padding:20px}#yba-app-wrapper .mood-grid{grid-template-columns:1fr!important}}#yba-player-view{padding:30px;text-align:center;background:linear-gradient(180deg,#ffffff 0%,#f0fdfa 100%);min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-back{background:none;border:none;color:var(--text-gray);cursor:pointer;font-weight:600}.audio-control{font-size:13px;color:var(--primary);background:rgb(255 255 255 / .8);padding:5px 10px;border-radius:10px}.roadmap-header-area{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(to bottom,var(--bg-sub),#fff);border-radius:20px}#roadmap-title{font-size:1.8rem;font-weight:800;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.roadmap-subtitle{color:var(--text-gray);font-size:.95rem}.roadmap-list{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:20px}.roadmap-list::before{content:'';position:absolute;top:20px;bottom:20px;left:40px;width:2px;background:#f0f0f0;z-index:0}.roadmap-card{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:15px 20px;transition:all 0.3s cubic-bezier(.25,.8,.25,1);cursor:pointer;z-index:1}.roadmap-card.active{border-color:var(--primary);background:#fff;box-shadow:0 10px 25px -5px rgb(13 148 136 / .15);transform:scale(1.02)}.roadmap-card.active::after{content:'ĐANG TẬP';position:absolute;top:-10px;right:20px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:10px}.roadmap-card.locked{opacity:.6;background:#f9fafb;border:1px dashed #eee;cursor:not-allowed}.roadmap-card.done{border-color:#22c55e;background:#f0fdf4}.step-number{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-right:20px;flex-shrink:0;background:#fff;border:2px solid #eee;transition:0.3s}.roadmap-card.active .step-number{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px rgb(13 148 136 / .3)}.roadmap-card.done .step-number{background:#22c55e;color:#fff;border-color:#22c55e}.roadmap-card.locked .step-number{background:#f3f4f6;color:#9ca3af}.step-info h4{margin:0 0 5px 0;font-size:1rem;color:var(--text-dark);font-weight:700}.step-info span{font-size:.85rem;color:var(--text-gray);display:flex;align-items:center;gap:5px}.btn-start-mini{margin-left:auto;background:var(--primary);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:0.2s}.btn-start-mini:hover{background:#0f766e;transform:translateY(-2px)}.app-view{animation:ybaFadeIn 0.3s ease}.yba-content-area{padding:30px}.yba-action-area{text-align:center;margin-top:40px;padding-bottom:10px;animation:ybaFadeIn 0.5s ease}#btn-start-nav{background:var(--primary);color:#fff;border:none;padding:16px 50px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 10px 25px -5px rgb(13 148 136 / .4);transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;}#btn-start-nav:hover{background:#0f766e;transform:translateY(-3px);box-shadow:0 15px 30px -5px rgb(13 148 136 / .5)}#btn-start-nav:active{transform:translateY(-1px)}.btn-nav-back{background:#fff0;border:none;color:var(--text-gray);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:10px;display:flex;align-items:center;padding:0}.btn-nav-back:hover{color:var(--primary)}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.roadmap-list{margin-top:20px}#view-home{display:block}.daily-tip-box{background:#f0fdfa;color:var(--primary);padding:15px;border-radius:12px;margin:20px 0;font-size:14px;display:flex;align-items:center;gap:10px;border:1px dashed var(--primary);text-align:left;animation:ybaFadeIn 1s ease}.tip-icon{font-size:20px}#yba-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:9999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);}.yba-modal-box{background:#fff;width:90%;max-width:400px;padding:30px;border-radius:20px;text-align:center;box-shadow:0 20px 50px rgb(0 0 0 / .2);animation:modalPopUp 0.4s cubic-bezier(.175,.885,.32,1.275)}.modal-icon-large{font-size:50px;margin-bottom:10px;display:block}.yba-modal-box h3{color:var(--text-dark);margin:0 0 10px;font-size:22px}.yba-modal-box p{color:var(--text-gray);margin-bottom:25px;font-size:15px}#btn-close-modal{background:var(--primary);color:#fff;border:none;padding:12px 40px;font-size:16px;border-radius:30px;cursor:pointer;font-weight:700;width:100%;transition:0.2s}#btn-close-modal:hover{transform:scale(1.02);background:#0f766e}@keyframes modalPopUp{from{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.yba-nav-menu{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#fff;border-bottom:1px solid #f3f4f6;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.yba-nav-menu::-webkit-scrollbar{display:none}.nav-btn{background:none;border:1px solid #fff0;padding:8px 16px;font-size:14px;color:var(--text-gray);cursor:pointer;border-radius:20px;font-weight:600;transition:all 0.2s;flex-shrink:0}.nav-btn:hover{background:#f3f4f6;color:var(--primary)}.nav-btn.active{background:var(--primary-light);color:var(--primary);border-color:rgb(13 148 136 / .2)}.history-list{max-height:400px;overflow-y:auto;padding-right:5px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f3f4f6}.history-item:last-child{border-bottom:none}.h-info h4{margin:0;font-size:15px;color:var(--text-dark);font-weight:600}.h-info span{font-size:12px;color:var(--text-gray)}.h-time{font-weight:700;color:var(--primary);font-size:14px;background:var(--primary-light);padding:5px 10px;border-radius:10px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-top:10px}.badge-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:15px 10px;text-align:center;opacity:.5;filter:grayscale(100%);transition:0.3s}.badge-item.unlocked{opacity:1;filter:grayscale(0%);background:#fff;border-color:#fbbf24;box-shadow:0 4px 10px rgb(251 191 36 / .2);transform:scale(1.05)}.badge-icon{font-size:30px;display:block;margin-bottom:5px}.badge-item h4{font-size:12px;margin:0;color:var(--text-dark)}.badge-desc{font-size:10px;color:var(--text-gray);display:none}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}#btn-clear-history{background:#fee2e2;color:#ef4444;border:none;padding:8px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:0.2s}#btn-clear-history:hover{background:#fecaca}.history-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px dashed #eee}.h-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:15px;flex-shrink:0}.h-info{flex-grow:1;text-align:left}.h-info h4{margin:0;font-size:14px;color:#333}.h-info span{font-size:11px;color:#888}#yba-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:500;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(3px)}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn-secondary{background:#f3f4f6;color:#4b5563;border:none;padding:12px 25px;border-radius:30px;cursor:pointer;font-weight:600;transition:0.2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff;border:none;padding:12px 25px;border-radius:30px;cursor:pointer;font-weight:600;box-shadow:0 4px 10px rgb(239 68 68 / .3);transition:0.2s}.btn-danger:hover{background:#dc2626;transform:scale(1.05)}.badge-gift_500{border:2px dashed #ff4757!important;background:#fff0f1!important}.badge-gift_500 h4{color:#ff4757!important;font-weight:800!important}.badge-gift_500.unlocked{border:2px solid #ff4757!important;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)!important;box-shadow:0 0 15px rgb(255 71 87 / .6)!important;animation:pulseGift 2s infinite;transform:scale(1.1);}@keyframes pulseGift{0%{box-shadow:0 0 0 0 rgb(255 71 87 / .4)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.unlock-content-box{margin:20px 0;padding:15px;background:#f9fafb;border-radius:12px;border:1px solid #eee;min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:0.3s}#lock-message{text-align:center;color:#9ca3af}#lock-message p{margin:5px 0 0;font-size:13px}.action-buttons-row{display:flex;gap:10px;width:100%}.btn-action-video,.btn-action-link{flex:1;padding:10px;border-radius:8px;text-align:center;text-decoration:none;font-size:13px;font-weight:600;display:block;transition:0.2s}.btn-action-video{background:#ffe4e6;color:#be123c;}.btn-action-video:hover{background:#fecdd3}.btn-action-link{background:#e0f2fe;color:#0369a1;}.btn-action-link:hover{background:#bae6fd}#unlocked-buttons{width:100%}@keyframes vibration{0%{transform:translate(0,0) rotate(0deg)}20%{transform:translate(-2px,2px) rotate(-1deg)}40%{transform:translate(-2px,-2px) rotate(1deg)}60%{transform:translate(2px,2px) rotate(0deg)}80%{transform:translate(2px,-2px) rotate(1deg)}100%{transform:translate(0,0) rotate(0deg)}}.breath-visual{position:relative;width:320px;height:320px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:#fff0}.mandala-wrapper{position:absolute;inset:0;border-radius:50%;will-change:transform}.mandala-cw{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--primary-light) 0deg 10deg,transparent 10deg 20deg);opacity:.6;animation:spinCW 60s linear infinite}.mandala-ccw{position:absolute;inset:30px;border-radius:50%;border:2px dashed #f59e0b;box-shadow:0 0 0 10px rgb(255 255 255 / .5);opacity:.8;animation:spinCCW 40s linear infinite}.mandala-glow{position:absolute;inset:40px;border-radius:50%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);opacity:.8}.mandala-ring-green{position:absolute;inset:35px;border-radius:50%;border:2px dashed #34d399;z-index:1;opacity:.2;animation:spinCCW 45s linear infinite}.mandala-ring-yellow{position:absolute;inset:50px;border-radius:50%;border:4px dotted #fbbf24;z-index:1;opacity:.1;animation:spinCW 35s linear infinite}.breath-visual.inhale .mandala-ring-green{transform:rotate(-45deg) scale(1.15);transition:transform 4s ease-in-out;border-color:#10b981;opacity:1}.breath-visual.inhale .mandala-ring-yellow{transform:rotate(45deg) scale(1.1);transition:transform 4s ease-in-out;opacity:.9}.breath-visual.exhale .mandala-ring-green{transform:rotate(-360deg) scale(.9);transition:transform 4s ease-in-out}.breath-visual.exhale .mandala-ring-yellow{transform:rotate(360deg) scale(.85);transition:transform 4s ease-in-out}.circle-inner{position:absolute;width:160px;height:160px;background:#fff;border-radius:50%;box-shadow:0 10px 30px rgb(13 148 136 / .2);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;border:4px solid #fff;transition:transform 0.2s;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}.breath-visual:active .circle-inner{transform:scale(.95)}.circle-inner{display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}#text-guide{font-size:1.1rem;font-weight:800;color:var(--primary);text-transform:uppercase;margin-top:5px;line-height:1.2;width:100%;padding:0 10px;pointer-events:none}.player-finished-state{text-align:center;padding:20px;animation:hpFadeIn 0.5s ease}.player-finished-state h3{font-size:1.5rem;color:#22c55e;margin-bottom:10px}.btn-back-roadmap{background:var(--primary);color:#fff;padding:12px 30px;border-radius:30px;border:none;font-weight:700;font-size:1rem;cursor:pointer;margin-top:20px;box-shadow:0 5px 15px rgb(13 148 136 / .3)}.btn-back-roadmap:hover{transform:translateY(-2px)}.breath-visual.inhale .mandala-wrapper{transform:scale(1.3)}.breath-visual.exhale .mandala-wrapper{transform:scale(.85)}.breath-visual.inhale .circle-inner{border-color:var(--primary-light);box-shadow:0 0 40px var(--primary-light)}.timer-box{font-size:3.5rem;font-weight:800;color:var(--text-dark);text-align:center;font-family:monospace;margin:10px 0 20px;line-height:1}.daily-tip-box{background:#fffbeb;color:#b45309;border:1px dashed #f59e0b;padding:15px;border-radius:12px;margin-bottom:20px;text-align:center;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:10px}#yba-quiz-modal.hp-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:rgb(0 0 0 / .8)!important;backdrop-filter:blur(5px);z-index:400!important;display:none;align-items:center;justify-content:center}#yba-quiz-modal .yba-modal-box{background:#fff!important;width:90%;max-width:450px;border-radius:24px!important;box-shadow:0 20px 60px rgb(0 0 0 / .3);position:relative;display:flex;flex-direction:column;max-height:90vh}#yba-quiz-modal .history-header{background:#fff!important;padding:20px 25px!important;border-bottom:none!important;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}#yba-quiz-modal h3#quiz-title{color:#334155!important;font-size:1.1rem!important;font-weight:700;text-align:center;width:100%;margin:0;text-transform:uppercase;letter-spacing:1px}#btn-close-quiz{color:#94a3b8!important;background:#fff0;border:none;font-size:24px;cursor:pointer;transition:0.2s}#btn-close-quiz:hover{color:#ef4444!important}.hp-modal-body{padding:0 25px 30px!important;display:flex;flex-direction:column;justify-content:center;flex-grow:1;overflow-y:auto}#quiz-canvas-area{height:280px!important;border-radius:25px!important;background:#f8fafc!important;border:2px dashed #cbd5e1!important;box-shadow:inset 0 0 20px rgb(0 0 0 / .02);position:relative;overflow:hidden;margin-bottom:1rem}.yba-splatter{position:absolute;width:60px;height:60px;background-color:var(--color);border-radius:50%;opacity:.8;filter:blur(5px);animation:splashPop 0.4s cubic-bezier(.175,.885,.32,1.275)}@keyframes splashPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:.8}}#quiz-palette{gap:15px!important;margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap}.quiz-color-btn{display:flex;flex-direction:column;align-items:center;border:none;background:none;cursor:pointer;gap:5px;transition:0.2s}.quiz-color-btn span{font-size:11px;color:#64748b;margin-top:5px;font-weight:600}.quiz-color-circle{width:45px!important;height:45px!important;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--color);color:var(--color);box-shadow:0 4px 10px rgb(0 0 0 / .1)}.quiz-color-btn:hover .quiz-color-circle{background:var(--color);color:#fff;transform:scale(1.1)}#quiz-card-area{position:relative;height:360px!important;width:80%!important;margin:0 auto 20px!important;perspective:1000px;touch-action:none}.quiz-card-item{position:absolute;inset:0;background:#fff;border-radius:25px;box-shadow:0 15px 35px rgb(0 0 0 / .1),0 5px 15px rgb(0 0 0 / .05);border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;transform-origin:50% 100%;cursor:grab;user-select:none;will-change:transform,opacity;transform:translateZ(0);transition:none}.quiz-card-item.animating{transition:transform 0.4s cubic-bezier(.25,.8,.25,1),opacity 0.3s ease-in!important}.quiz-card-item:active{cursor:grabbing}.quiz-card-item.resetting{transition:transform 0.4s cubic-bezier(.175,.885,.32,1.275)!important}.quiz-card-item.flying{transition:transform 0.5s ease-in,opacity 0.5s ease-in!important}.quiz-card-item h3{font-size:1.4rem!important;line-height:1.5;color:#1e293b;padding:0 10px;margin-top:0}.yba-swipe-stamp{position:absolute;top:40px;padding:5px 15px;font-size:1.5rem;font-weight:800;text-transform:uppercase;border:4px solid;border-radius:12px!important;opacity:0;transform:rotate(-15deg);transition:opacity 0.1s;pointer-events:none;font-family:sans-serif;letter-spacing:1px;backdrop-filter:blur(5px)}.stamp-like{left:30px;color:#22c55e;border-color:#22c55e;transform:rotate(-20deg)}.stamp-nope{right:30px;color:#ef4444;border-color:#ef4444;transform:rotate(20deg)}.swipe-btn{padding:10px 30px;border-radius:30px;border:none;font-weight:700;cursor:pointer;font-size:1rem}.roadmap-subtitle{position:relative;padding-bottom:15px;display:inline-block}.roadmap-subtitle::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:4px;background:var(--primary-light);border-radius:10px}.roadmap-card .btn-start-mini{display:none!important}.roadmap-card.active .step-number{transform:scale(1.2);box-shadow:0 0 0 5px var(--primary-light);background:var(--primary);color:#fff;border:none;animation:pulseIcon 2s infinite}@keyframes pulseIcon{0%{box-shadow:0 0 0 0 rgb(13 148 136 / .4)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.breath-visual{background:transparent!important;position:relative;width:300px;height:300px}.mandala-cw{position:absolute;inset:-10px;border-radius:50%;border:2px dashed rgb(13 148 136 / .3);background:conic-gradient(from 0deg,transparent 0%,var(--primary-light) 20%,transparent 40%,var(--primary-light) 60%,transparent 80%,var(--primary-light) 100%);opacity:.6;z-index:0;animation:spinCW 20s linear infinite}.mandala-ccw{position:absolute;inset:15px;border-radius:50%;border:4px dotted rgb(245 158 11 / .4);z-index:1;animation:spinCCW 15s linear infinite}.mandala-glow{position:absolute;inset:40px;border-radius:50%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);z-index:0;opacity:.8}@keyframes spinCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spinCCW{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.yba-auth-mode-inline{padding:20px}.yba-auth-mode-inline .yba-auth-tabs{margin-bottom:15px}.hp-modal-close{font-size:24px;color:#999;background:none;border:none;cursor:pointer}.quiz-actions{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:15px!important;width:100%!important;margin-top:20px}.quiz-actions button{flex:1!important;width:auto!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;min-width:0!important}.quiz-actions .btn-secondary{background:#f1f5f9!important;color:#64748b!important;border:1px solid #cbd5e1!important}.btn-primary-full{display:block;width:100%;background:var(--primary);color:#fff;padding:14px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;margin-top:15px;box-shadow:0 4px 12px rgb(13 148 136 / .25);transition:0.2s}.quiz-actions .btn-primary-full{background:#0d9488!important;color:#fff!important;box-shadow:0 4px 10px rgb(13 148 136 / .3)!important}.player-finished-state .btn-primary-full{width:100%!important;margin:10px 0!important}.yba-auth-mode-inline{padding:20px;background:#f9fafb;border-radius:16px;border:1px solid #eee;margin-top:20px}.btn-replay{background:#fff;color:var(--text-gray);border:1px solid #eee;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:0.2s;margin-right:10px}.btn-replay:hover{border-color:var(--primary);color:var(--primary);transform:rotate(-90deg)}.player-finished-state~.btn-nav-back{display:none!important}.audio-spectrum{display:flex;justify-content:center;align-items:flex-end;height:60px;gap:3px;margin:20px auto;opacity:0;transition:opacity 0.5s}.spectrum-bar{width:4px;background:var(--primary);border-radius:2px;animation:spectrumBounce 1s infinite ease-in-out}.spectrum-bar:nth-child(1){height:20px;animation-delay:0s}.spectrum-bar:nth-child(2){height:30px;animation-delay:0.2s}.spectrum-bar:nth-child(3){height:50px;animation-delay:0.4s}.spectrum-bar:nth-child(4){height:30px;animation-delay:0.1s}.spectrum-bar:nth-child(5){height:20px;animation-delay:0.3s}@keyframes spectrumBounce{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.5)}}#yba-auth-modal.hp-modal-overlay{display:none;position:fixed!important;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:400!important;align-items:center;justify-content:center}#yba-auth-modal .yba-modal-box{position:relative!important;width:90%;max-width:400px;background:#fff;border-radius:16px;padding:0!important;top:20%;overflow:hidden;box-shadow:0 20px 50px rgb(0 0 0 / .3);margin:auto}#yba-auth-modal .hp-modal-close{position:absolute!important;top:10px!important;right:10px!important;font-size:28px!important;color:#999!important;background:transparent!important;border:none!important;cursor:pointer!important;z-index:10!important;line-height:1!important;padding:5px!important}#yba-auth-modal .hp-modal-close:hover{color:#ef4444!important}.yba-header-auth{background:#f9fafb;padding:20px;text-align:center;border-bottom:1px solid #eee}.yba-header-auth h2{margin:0;font-size:1.2rem;color:var(--text-dark)}.yba-auth-content{padding:20px}@keyframes meditatePulseOut{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes meditatePulseIn{0%,100%{transform:translate(-50%,-50%) scale(1.5);opacity:1}50%{transform:translate(-50%,-50%) scale(.7);opacity:.8}}.lotus-icon{display:none;width:100px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.breath-visual.meditating{#text-guide{display:none!important}.mandala-wrapper{animation:meditatePulseOut 8s ease-in-out infinite}.lotus-icon{display:block!important;animation:meditatePulseIn 8s ease-in-out infinite!important}}.fade-transition{transition:opacity 1s ease-in-out;opacity:1}.fade-transition.fading-out{opacity:0}.yba-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center}@media (max-width:600px){.yba-dash-grid{grid-template-columns:1fr}}.yba-dash-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 5px 15px rgb(0 0 0 / .02);display:flex;flex-direction:column;min-height:200px}.yba-widget-full{grid-column:1 / -1;min-height:auto}.yba-widget-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 15px 0;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed #e2e8f0;padding-bottom:10px}.yba-chart-container{flex-grow:1;position:relative;display:flex;align-items:center;justify-content:center;height:180px}.yba-chart-empty{font-size:.9rem;color:#94a3b8;font-style:italic}.yba-widget-text{text-align:center;font-weight:700;color:var(--primary);margin:10px 0;font-size:1.1rem}.btn-mini-action{margin-top:auto;background:#f0fdfa;color:var(--primary);border:1px solid var(--primary-light);padding:8px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;width:100%;transition:0.2s}.btn-mini-action:hover{background:var(--primary);color:#fff}#hp-dash-stress-canvas .hp-splatter{transform:scale(.6)}.yba-stats-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:scroll!important;overflow-y:hidden;gap:8px!important;width:100%!important;scrollbar-width:none;padding:5px 2px 10px 2px!important}.yba-stats-tabs::-webkit-scrollbar{display:none}.stat-tab-btn{flex:0 0 auto!important;font-size:12px!important;padding:6px 14px!important;border-radius:15px!important;border:1px solid #f1f5f9}.stat-tab-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}@media (max-width:768px){.yba-dash-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.yba-dash-widget{width:100%!important;margin:0!important}.yba-content-area{padding:15px!important}}.yba-app-footer{margin-top:30px;padding-top:20px;border-top:1px solid #f1f5f9;text-align:center}.yba-footer-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:10px}.app-link-item{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:12px;text-decoration:none;color:#475569;font-size:12px;font-weight:600;transition:0.2s}.app-link-item:hover{background:#fff;border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 6px rgb(0 0 0 / .05)}.session-timeline{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:10px}.timeline-step{font-size:12px;color:#94a3b8;font-weight:600;padding:5px 12px;border-radius:20px;background:#f1f5f9;transition:0.3s;display:flex;align-items:center;gap:5px}.timeline-line{width:30px;height:2px;background:#e2e8f0}.timeline-step.active{background:var(--primary-light);color:var(--primary)}.timeline-step.done{background:#dcfce7;color:#16a34a}.quiz-slider-container{padding:20px 0;text-align:center}.quiz-range-input{width:100%;-webkit-appearance:none;height:10px;border-radius:5px;background:#e2e8f0;outline:none}.quiz-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 4px rgb(13 148 136 / .2);transition:0.2s}.quiz-range-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#64748b;font-weight:600}.emoji-display{font-size:60px;margin-bottom:20px;transition:0.2s;animation:bounceIn 0.5s}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.yba-streak-box{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3;color:#e11d48;padding:6px 12px;border-radius:30px;font-size:10px;font-weight:800;margin-left:10px;transition:transform 0.2s}.yba-streak-box:hover{transform:scale(1.05)}.fire-anim{font-size:16px;display:inline-block;animation:burn 1s infinite alternate}@keyframes burn{from{transform:scale(1);text-shadow:0 0 0 #fff0}to{transform:scale(1.2);text-shadow:0 0 10px #fca5a5}}.yba-section-title{display:flex;justify-content:flex-start;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;flex-wrap:nowrap;flex-direction:column;align-content:center;align-items:flex-start}#yba-app-wrapper.yba-dark{--bg-card:#1e293b;--bg-sub:#0f172a;--text-dark:#f8fafc;--text-gray:#cbd5e1;--border-color:#334155;background:var(--bg-card);color:var(--text-dark)}#yba-app-wrapper.yba-dark .yba-header,#yba-app-wrapper.yba-dark .yba-nav-menu,#yba-app-wrapper.yba-dark .mood-card,#yba-app-wrapper.yba-dark .roadmap-card,#yba-app-wrapper.yba-dark .yba-dash-widget,#yba-app-wrapper.yba-dark .yba-modal-box,#yba-app-wrapper.yba-dark .history-header{background:#334155!important;border-color:#475569!important;color:#fff!important}#yba-app-wrapper.yba-dark h2,#yba-app-wrapper.yba-dark h3,#yba-app-wrapper.yba-dark h4,#yba-app-wrapper.yba-dark .mood-info h4,#yba-app-wrapper.yba-dark .step-info h4{color:#f1f5f9!important}#yba-app-wrapper.yba-dark .stat-tab-btn:not(.active),#yba-app-wrapper.yba-dark .app-link-item{background:#1e293b!important;color:#94a3b8!important;border-color:#475569!important}#yba-app-wrapper.yba-dark #btn-theme-toggle:hover{background:rgb(255 255 255 / .1)!important}#yba-app-wrapper.yba-dark .mood-icon-wrapper{background:rgb(13 148 136 / .2)!important}#yba-app-wrapper.yba-dark,#yba-app-wrapper.yba-dark p,#yba-app-wrapper.yba-dark span,#yba-app-wrapper.yba-dark div,#yba-app-wrapper.yba-dark li{color:#e2e8f0!important}#yba-app-wrapper.yba-dark h1,#yba-app-wrapper.yba-dark h2,#yba-app-wrapper.yba-dark h3,#yba-app-wrapper.yba-dark h4,#yba-app-wrapper.yba-dark h5,#yba-app-wrapper.yba-dark h6{color:#ffffff!important}#yba-app-wrapper.yba-dark .roadmap-card,#yba-app-wrapper.yba-dark .badge-item,#yba-app-wrapper.yba-dark .mood-card,#yba-app-wrapper.yba-dark .yba-dash-widget,#yba-app-wrapper.yba-dark .history-item,#yba-app-wrapper.yba-dark .app-link-item{background-color:#1e293b!important;border-color:#334155!important;box-shadow:none!important}#yba-app-wrapper.yba-dark .btn-secondary,#yba-app-wrapper.yba-dark .nav-btn{background-color:#334155!important;color:#f8fafc!important;border:1px solid #475569!important}#yba-app-wrapper.yba-dark .nav-btn.active{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}#yba-app-wrapper.yba-dark .yba-app-footer{border-top-color:#334155!important}#yba-app-wrapper.yba-dark a{color:#60a5fa!important}#yba-app-wrapper.yba-dark .sub-text,#yba-app-wrapper.yba-dark .stat-label,#yba-app-wrapper.yba-dark .text-muted{color:#94a3b8!important}.mixer-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 1px 10px rgb(0 0 0 / .1);animation:slideDown 0.3s ease-out;position:relative;z-index:100}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mixer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px dashed #eee;padding-bottom:10px}.mixer-header h4{margin:0;color:var(--primary);font-size:1rem}.mixer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;margin-top:20px}.mixer-row label{font-size:13px;color:var(--text-dark);font-weight:600}input[type=range]{width:60%;height:6px;border-radius:5px;background:#e2e8f0;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 3px rgb(13 148 136 / .2)}.mixer-section-title{font-size:11px;text-transform:uppercase;color:#94a3b8;margin:15px 0 10px;font-weight:700;letter-spacing:.5px}.ambience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ambience-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 5px;text-align:center;cursor:pointer;transition:0.2s;display:flex;flex-direction:column;align-items:center;gap:5px}.ambience-item:hover{background:#fff;border-color:var(--primary-light)}.ambience-item.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 10px rgb(13 148 136 / .2)}.amb-icon{font-size:20px}.amb-name{font-size:10px;font-weight:600}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(18px)}#yba-app-wrapper.yba-dark .mixer-panel{background:#1e293b;border-color:#334155}#yba-app-wrapper.yba-dark .ambience-item{background:#0f172a;border-color:#334155;color:#e2e8f0}#yba-app-wrapper.yba-dark .ambience-item.active{background:rgb(13 148 136 / .2);color:#fff}#yba-modal-overlay{z-index:500!important}#yba-auth-modal.hp-modal-overlay{z-index:100000!important}.exercise-list{display:none;margin-top:15px;padding-top:15px;border-top:1px dashed #eee;animation:slideDown 0.3s ease-out}.exercise-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:#feffee;border-radius:10px;cursor:pointer;border:1px solid #fff0;transition:0.2s}.exercise-item:hover{background:#fff;border-color:var(--primary);box-shadow:0 4px 10px rgb(0 0 0 / .05)}.ex-icon{width:32px;height:32px;background:#e0f2fe;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:12px}.ex-info h5{margin:0;font-size:13px;color:#333}.ex-info span{font-size:11px;color:#666}.exercise-item.locked{opacity:.7;background:#f1f5f9;border:1px dashed #cbd5e1}.exercise-item.locked .ex-icon{background:#fef3c7;color:#d97706}.roadmap-card.expanded{border-color:var(--primary);background:#f0fdfa}.roadmap-card.expanded .exercise-list{display:block}.roadmap-card.waiting{border-color:#f59e0b;background:#fffbeb}.roadmap-card.waiting .step-number{background:#fef3c7;color:#d97706;border-color:#f59e0b}#yba-upgrade-modal{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);z-index:400;overflow-y:auto;padding:20px}#yba-upgrade-modal.active-flex{display:flex!important}#yba-upgrade-modal .yba-modal-box{position:relative;background:#fff;width:100%;max-width:380px;border-radius:20px;padding:30px 20px 20px;box-shadow:0 20px 50px rgb(0 0 0 / .5);margin:auto;text-align:center}.btn-close-upgrade{position:absolute;top:10px;background-color:#ffffff!important;right:15px;font-size:32px;color:#999;cursor:pointer;line-height:1;z-index:10;font-weight:300;transition:0.2s}.btn-close-upgrade:hover{color:#d97706;transform:rotate(90deg)}.tag-premium{font-size:9px;background:#d97706;color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-left:5px;font-weight:700;letter-spacing:.5px}.tag-premium.unlocked-vip{background:#10b981;box-shadow:0 0 5px rgb(16 185 129 / .4);color:#fff}.yba-avatar-wrapper{position:relative;display:inline-block;width:50px;height:50px}.yba-avatar-img{width:100%;height:100%;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.yba-avatar-edit-btn{position:absolute;bottom:-4px;right:-4px;background:#fff;border:1px solid #e2e8f0;width:22px;height:22px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:0.2s;z-index:2}.yba-avatar-edit-btn:hover{background:var(--primary);color:#fff}.yba-avatar-wrapper.loading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:rgb(255 255 255 / .6);z-index:5}.yba-avatar-wrapper.loading::before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:3px solid #ccc;border-top-color:var(--primary);border-radius:50%;animation:avatarSpin 0.8s linear infinite;z-index:6}@keyframes avatarSpin{to{transform:rotate(360deg)}}.breath-visual,.roadmap-card,.mood-card,.btn-primary-full,.nav-btn,.yba-user-info,.mixer-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:#fff0}#yba-app-wrapper.yba-dark{--bg-card:#0f172a;--bg-sub:#1e293b;--text-dark:#f8fafc;--text-gray:#94a3b8;--border-color:#334155;background-color:var(--bg-card)!important;color:var(--text-dark)!important}#yba-app-wrapper.yba-dark .roadmap-card,#yba-app-wrapper.yba-dark .mood-card,#yba-app-wrapper.yba-dark .daily-tip-box,#yba-app-wrapper.yba-dark .mixer-panel,#yba-app-wrapper.yba-dark .unlock-content-box,#yba-app-wrapper.yba-dark .history-item,#yba-app-wrapper.yba-dark .yba-dash-widget,#yba-app-wrapper.yba-dark .badge-item{background-color:var(--bg-sub)!important;border-color:var(--border-color)!important;color:var(--text-dark)!important;box-shadow:none!important}#yba-app-wrapper.yba-dark h1,#yba-app-wrapper.yba-dark h2,#yba-app-wrapper.yba-dark h3,#yba-app-wrapper.yba-dark h4,#yba-app-wrapper.yba-dark h5,#yba-app-wrapper.yba-dark .step-info h4,#yba-app-wrapper.yba-dark .mood-info h4{color:#fff!important}#yba-app-wrapper.yba-dark .yba-modal-box,#yba-quiz-modal .yba-modal-box,#yba-auth-modal .yba-modal-box,#yba-upgrade-modal .yba-modal-box{background-color:#ffffff!important;color:#fff!important;border:1px solid #334155!important}#yba-app-wrapper.yba-dark .history-header,#yba-app-wrapper.yba-dark .yba-header-auth{background-color:#0f172a!important;border-bottom-color:#334155!important}#yba-app-wrapper.yba-dark .yba-modal-box p,#yba-app-wrapper.yba-dark .yba-modal-box span,#yba-app-wrapper.yba-dark .yba-modal-box label{color:#cbd5e1!important}#yba-app-wrapper.yba-dark input[type="text"],#yba-app-wrapper.yba-dark input[type="password"],#yba-app-wrapper.yba-dark input[type="email"],#yba-app-wrapper.yba-dark .btn-secondary,#yba-app-wrapper.yba-dark .nav-btn,#yba-app-wrapper.yba-dark .ambience-item{background-color:#0f172a!important;border-color:#334155!important;color:#fff!important}#yba-app-wrapper.yba-dark .step-number{background-color:#0f172a!important;border-color:#334155!important;color:#fff!important}#yba-app-wrapper.yba-dark .roadmap-card.active .step-number{background-color:var(--primary)!important;border-color:var(--primary)!important}#yba-app-wrapper.yba-dark .yba-header,#yba-app-wrapper.yba-dark .yba-nav-menu,#yba-app-wrapper.yba-dark .yba-app-footer{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}#yba-app-wrapper.yba-dark .circle-inner{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 0 20px rgb(0 0 0 / .5)!important}#yba-app-wrapper.yba-dark #text-guide{color:var(--primary-light)!important}#yba-app-wrapper.yba-dark #timer-display{color:#fff!important;text-shadow:0 0 10px rgb(255 255 255 / .2)}#yba-app-wrapper.yba-dark ::-webkit-scrollbar-track{background:#0f172a}#yba-app-wrapper.yba-dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}#yba-app-wrapper.yba-dark ::-webkit-scrollbar-thumb:hover{background:#475569}#yba-app-wrapper.yba-dark .exercise-item{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}#yba-app-wrapper.yba-dark .exercise-item:hover{background-color:#334155!important;border-color:var(--primary)!important}#yba-app-wrapper.yba-dark .ex-info h5{color:#fff!important}#yba-app-wrapper.yba-dark .ex-info span{color:#94a3b8!important}#yba-app-wrapper.yba-dark .ex-icon{background-color:#0f172a!important;color:#e2e8f0!important}#yba-app-wrapper.yba-dark .exercise-item.locked{background-color:#0f172a!important;border-color:#1e293b!important;opacity:.5}#yba-app-wrapper.yba-dark .timeline-step{background-color:#1e293b!important;color:#94a3b8!important;border:1px solid #334155}#yba-app-wrapper.yba-dark .timeline-step.active{background-color:rgb(13 148 136 / .2)!important;color:#2dd4bf!important;border-color:rgb(13 148 136 / .5)!important}#yba-app-wrapper.yba-dark .timeline-step.done{background-color:rgb(34 197 94 / .2)!important;color:#4ade80!important;border-color:rgb(34 197 94 / .5)!important}#yba-app-wrapper.yba-dark .timeline-line{background-color:#334155!important}input[type=range]{touch-action:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:var(--primary);cursor:pointer;margin-top:-8px;box-shadow:0 0 5px rgb(0 0 0 / .2)}body,html{overflow-x:hidden;width:100%;position:relative}#yba-app-wrapper{overflow-x:hidden}.yba-widget-full-heart{grid-column:1 / -1;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(to right,#fff1f2,#fff)!important;border:1px solid #fda4af!important;padding:20px!important;border-radius:16px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .05)}.btn-heart-action{background:#e11d48;color:#fff;border:none;padding:10px 24px;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgb(225 29 72 / .3);transition:transform 0.2s;white-space:nowrap}.btn-heart-action:active{transform:scale(.95)}.heart-monitor-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.camera-preview-circle{width:120px;height:120px;border-radius:50%;border:5px solid #f1f5f9;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgb(0 0 0 / .1);z-index:10;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black);transform:translateZ(0)}#hr-video-feed{position:absolute;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;z-index:1;display:block!important;opacity:.9}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:50%;background:#fff0;transition:background 0.05s;pointer-events:none}.camera-preview-circle.measuring{border-color:#e11d48;box-shadow:0 0 25px rgb(225 29 72 / .6)}.hr-progress-track{width:100%;height:6px;background:#f1f5f9;border-radius:3px;margin:15px 0;overflow:hidden}.hr-progress-bar{width:0%;height:100%;background:#e11d48;transition:width 0.2s linear}@keyframes pulseRing{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width:480px){.yba-widget-full-heart{flex-direction:row!important;padding:15px!important}.yba-widget-full-heart h3{font-size:14px!important}.yba-widget-full-heart p{font-size:11px!important}.btn-heart-action{padding:8px 16px;font-size:12px}}.heart-history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #eee;font-size:13px}.h-date{color:#64748b;font-weight:500;font-size:12px;min-width:90px}.h-visual{flex-grow:1;display:flex;align-items:center;justify-content:center;opacity:.4;padding:0 10px}.h-wave{width:50px;height:20px;display:block}.h-bpm{color:#e11d48;font-size:16px;min-width:60px;text-align:right}.fs-label{margin:0 0 10px;color:var(--text-dark);font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.fs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fs-card{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:15px;cursor:pointer;transition:0.2s;text-align:center}.fs-card:hover{transform:translateY(-2px);border-color:#ccfbf1}.fs-card.active{border-color:var(--primary);background:#f0fdfa;box-shadow:0 4px 10px rgb(13 148 136 / .2)}.fs-card h5{margin:0 0 5px;color:var(--text-dark);font-size:14px;font-weight:700}.fs-card p{margin:0;font-size:11px;color:var(--text-gray)}.fs-time-display{text-align:center;font-size:24px;font-weight:800;color:var(--primary);margin-top:10px}.quick-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.btn-quick-action{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:0.2s;box-shadow:0 2px 5px rgb(0 0 0 / .03)}.btn-quick-action:hover{transform:translateY(-2px);border-color:var(--primary);background:#f0fdfa}.btn-quick-action span:last-child{font-size:11px;font-weight:700;color:#64748b}@keyframes breathGuideAnim{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(225 29 72 / .4)}50%{transform:scale(1.15);box-shadow:0 0 30px 10px rgb(225 29 72 / .2)}100%{transform:scale(1);box-shadow:0 0 0 0 rgb(225 29 72 / .4)}}.camera-preview-circle.breathing-active{animation:breathGuideAnim 8s ease-in-out infinite;border-color:#e11d48}#breath-text-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .6);opacity:0;transition:opacity 0.5s;text-transform:uppercase;letter-spacing:1.5px;z-index:10;pointer-events:none}.reminder-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:15px;border-radius:12px;border:1px solid #f1f5f9}.reminder-input-group{display:flex;flex-direction:column;gap:5px;text-align:left}.reminder-input-group label{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px}#reminder-time{border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:20px;font-weight:800;color:var(--primary);background:#fff;outline:none;font-family:inherit;cursor:pointer;transition:0.2s}#reminder-time:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(13 148 136 / .1)}#yba-app-wrapper.yba-dark .reminder-row{background:#0f172a;border-color:#334155}#yba-app-wrapper.yba-dark #reminder-time{background:#1e293b;border-color:#475569;color:#fff}.checkin-container{margin-top:15px;padding-top:15px;border-top:1px dashed #e2e8f0}.streak-grid{display:flex;justify-content:space-between;margin-bottom:15px}.streak-dot{width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#cbd5e1;font-weight:700;flex-direction:column;position:relative}.streak-day-label{position:absolute;top:-18px;font-size:9px;color:#94a3b8}.streak-dot.success{background:#dcfce7;border-color:#22c55e;color:#16a34a;font-size:14px}.streak-dot.fail{background:#fee2e2;border-color:#ef4444;color:#ef4444;font-size:14px}.btn-gift-locked{width:100%;padding:10px;border-radius:8px;border:1px dashed #cbd5e1;background:#f8fafc;color:#94a3b8;font-weight:600;font-size:13px;cursor:not-allowed;transition:0.3s}.btn-gift-unlocked{border:none;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgb(245 158 11 / .4);animation:pulseGiftButton 1s infinite}@keyframes pulseGiftButton{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.reminder-schedule-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:15px}.schedule-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.schedule-row:last-child{margin-bottom:0}.schedule-label{font-size:13px;font-weight:600;color:#475569;width:60px}.schedule-input{border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:14px;color:var(--primary);background:#fff;outline:none;font-weight:700;font-family:inherit;width:100px}.schedule-check{font-size:16px;width:24px;text-align:center}.schedule-check.done{color:#16a34a}#mini-player-bar{position:fixed!important;bottom:85px!important;z-index:200!important;right:20px;background:#1e293b;color:#fff;border-radius:30px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 25px rgb(0 0 0 / .2);cursor:pointer;animation:slideUp 0.3s ease-out;border:1px solid rgb(255 255 255 / .1)}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.mini-info{display:flex;flex-direction:column;margin-left:10px;flex-grow:1}.mini-wave{display:flex;gap:3px;align-items:flex-end;height:15px}.mini-wave span{width:3px;background:#2dd4bf;animation:miniWave 1s infinite ease-in-out}.mini-wave span:nth-child(1){height:60%;animation-delay:0s}.mini-wave span:nth-child(2){height:100%;animation-delay:0.2s}.mini-wave span:nth-child(3){height:40%;animation-delay:0.4s}@keyframes miniWave{0%,100%{height:30%}50%{height:100%}}.btn-mini-close{background:rgb(255 255 255 / .2);border:none;color:#fff;width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.session-timeline{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0}.timeline-line{width:40px;height:2px;background:#e2e8f0;position:relative;z-index:0;margin:0 5px}.timeline-step{cursor:pointer!important;position:relative;z-index:10;transition:0.2s}.timeline-step:hover{background:#e0f2fe;color:#0d9488;transform:scale(1.05);border-color:#0d9488}#tl-step-1:hover::after{content:"⬅ Quay lại Thở";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}#tl-step-2:hover::after{content:"⏭ Sang Thiền";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none}#yba-app-wrapper.yba-dark .btn-quick-action{background-color:#1e293b!important;border-color:#334155!important}#yba-app-wrapper.yba-dark .btn-quick-action span{color:#e2e8f0!important}#yba-app-wrapper.yba-dark .btn-quick-action span:last-child{color:#94a3b8!important}#yba-app-wrapper.yba-dark .btn-quick-action:hover{background-color:#334155!important;border-color:var(--primary)!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .yba-modal-box,#yba-app-wrapper.yba-dark~#yba-modal-overlay .yba-modal-box,#yba-app-wrapper.yba-dark~#yba-confirm-overlay .yba-modal-box{background-color:#1e293b!important;border:1px solid #334155!important;color:#fff!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .yba-header-auth{background-color:#0f172a!important;border-bottom:1px solid #334155!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .yba-header-auth h2{color:#fff!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay label{color:#cbd5e1!important;font-weight:600!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay input[type="text"],#yba-app-wrapper.yba-dark~.hp-modal-overlay input[type="password"],#yba-app-wrapper.yba-dark~.hp-modal-overlay input[type="email"]{background-color:#0f172a!important;border:1px solid #334155!important;color:#fff!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay input:focus{border-color:var(--primary)!important;background-color:#1e293b!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .auth-tab{color:#94a3b8!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .auth-tab.active{color:var(--primary)!important}#yba-app-wrapper.yba-dark~.hp-modal-overlay .forgot-pass-link{color:#64748b!important}.timer-control-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0 20px}.timer-box{font-size:3.5rem;font-weight:800;color:var(--text-dark);font-family:monospace;line-height:1;min-width:180px;text-align:center;margin:0}.btn-timer-adjust{width:45px;height:45px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;font-size:24px;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;user-select:none;padding-bottom:4px;touch-action:manipulation}.btn-timer-adjust:hover{background:var(--primary-light);border-color:var(--primary);transform:scale(1.1)}.btn-timer-adjust:active{transform:scale(.95)}.breath-visual.running~.timer-control-wrapper .btn-timer-adjust{opacity:.3;pointer-events:none}#yba-app-wrapper.yba-dark .btn-timer-adjust{background:#1e293b;border-color:#334155;color:#fff}.mp-main-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.mp-player-box{background:#fdffe9;border-radius:20px;padding:20px;text-align:center;box-shadow:0 10px 30px -5px rgb(139 92 246 / .15);border:1px solid #f3f4f6;margin-bottom:20px;flex-shrink:0}.mp-disc-area{width:160px;height:160px;margin:0 auto 15px;border-radius:50%;padding:4px;border:2px dashed #e2e8f0;display:flex;align-items:center;justify-content:center}.mp-art-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.mp-art-img.spinning{animation:spinDisc 12s linear infinite}@keyframes spinDisc{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mp-playlist-box{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}#mp-playlist-items{height:300px;overflow-y:auto;padding-right:5px;padding-bottom:20px}#mp-playlist-items::-webkit-scrollbar{width:4px}#mp-playlist-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-item{display:flex;align-items:center;padding:10px 15px;background:#fff;border-radius:12px;margin-bottom:8px;border:1px solid #fff0;cursor:pointer;transition:0.2s}.mp-item:hover{background:#fdf4ff}.mp-item.active{background:#f5f3ff;border-color:#8b5cf6}.mp-item.active .mp-item-title{color:#8b5cf6}.mp-item-title{font-weight:700;font-size:13px;color:#334155}.mp-item-artist{font-size:11px;color:#94a3b8}.mp-idx{width:25px;font-weight:700;color:#cbd5e1;font-size:12px}#music-mini-bar{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#1e293b;border-top:1px solid rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:99999;box-shadow:0 -5px 10px rgb(0 0 0 / .1);transition:transform 0.3s ease}.mp-mini-left{display:flex;align-items:center;gap:12px;flex-grow:1;overflow:hidden}#mp-mini-title{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}#btn-mini-music-toggle{background:#8b5cf6;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-controls-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;margin:25px 0!important;width:100%}.mp-btn-control{background:transparent!important;border:none!important;font-size:28px!important;color:#94a3b8!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;width:50px!important;height:50px!important;padding:0!important;transition:all 0.2s ease}.mp-btn-control:hover{color:#8b5cf6!important;transform:scale(1.1)}.mp-btn-play{width:70px!important;height:70px!important;background:#8b5cf6!important;color:#ffffff!important;border-radius:50%!important;font-size:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-left:5px!important;box-shadow:0 10px 20px rgb(139 92 246 / .4)!important;transition:all 0.2s ease!important}.mp-btn-play:active{transform:scale(.95);box-shadow:0 5px 10px rgb(139 92 246 / .4)!important}.mp-btn-play:hover{background:#7c3aed!important;transform:scale(1.05)}#yba-app-wrapper.yba-dark .mp-btn-control{color:#cbd5e1!important}#yba-app-wrapper.yba-dark .mp-btn-control:hover{color:#a78bfa!important}.mp-mini-left{display:flex;align-items:center;gap:15px;overflow:hidden;flex-grow:1}.mp-mini-info{display:flex;flex-direction:column;overflow:hidden}#mp-mini-title{color:#fff;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btn-mini-music-toggle{width:40px;height:40px;border-radius:50%;background:#8b5cf6;border:none;color:#fff;font-size:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}#btn-mini-music-close{background:#fff0;border:none;color:#94a3b8;font-size:20px;margin-left:10px;cursor:pointer;padding:0 5px}.mini-music-wave{display:flex;gap:3px;align-items:flex-end;height:15px}.mini-music-wave span{width:3px;background:#a78bfa;animation:mpWave 1s infinite ease-in-out}.mini-music-wave span:nth-child(2){animation-delay:0.2s}.mini-music-wave span:nth-child(3){animation-delay:0.4s}@keyframes mpWave{0%,100%{height:40%}50%{height:100%}}#yba-app-wrapper.yba-dark .mp-player-box{background:#1e293b;border-color:#334155}#yba-app-wrapper.yba-dark .mp-item{background:#1e293b;border-color:#334155}#yba-app-wrapper.yba-dark .mp-item-title{color:#fff}