@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--mg-bg:#fff8f0;--mg-bg2:#ffecd2;--mg-primary:#ff6b6b;--mg-secondary:#4ecdc4;--mg-accent:#ffe66d;--mg-purple:#c77dff;--mg-blue:#4895ef;--mg-green:#56cfe1;--mg-dark:#2d2d2d;--mg-card-back:#7c4dff;--mg-card-front:#fff;--mg-shadow:0 8px 30px rgba(0,0,0,.12);--mg-radius:20px;--mg-radius-card:16px;--mg-font-display:"Baloo 2",cursive;--mg-font-body:"Nunito",sans-serif}body{font-family:var(--mg-font-body);background:var(--mg-bg)}.memory-game-page{min-height:100vh;background:linear-gradient(135deg,#fff8f0,#ffe0cc 40%,#e8f4fd);padding:24px 16px 40px;position:relative;overflow:hidden}.memory-game-page:before{content:"";background:radial-gradient(circle at 10% 20%,hsla(0,100%,71%,.08) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(78,205,196,.08) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(199,125,255,.05) 0,transparent 60%)}.memory-game-page:before,.mg-bubbles{position:fixed;inset:0;pointer-events:none;z-index:0}.mg-bubbles{overflow:hidden}.mg-bubbles span{position:absolute;border-radius:50%;opacity:.15;animation:mgFloat linear infinite}.mg-bubbles span:first-child{width:80px;height:80px;left:5%;bottom:-80px;background:#ff6b6b;animation-duration:8s;animation-delay:0s}.mg-bubbles span:nth-child(2){width:50px;height:50px;left:20%;bottom:-50px;background:#4ecdc4;animation-duration:10s;animation-delay:2s}.mg-bubbles span:nth-child(3){width:100px;height:100px;left:40%;bottom:-100px;background:#ffe66d;animation-duration:7s;animation-delay:1s}.mg-bubbles span:nth-child(4){width:60px;height:60px;left:60%;bottom:-60px;background:#c77dff;animation-duration:12s;animation-delay:3s}.mg-bubbles span:nth-child(5){width:90px;height:90px;left:80%;bottom:-90px;background:#4895ef;animation-duration:9s;animation-delay:1.5s}.mg-bubbles span:nth-child(6){width:40px;height:40px;left:88%;bottom:-40px;background:#ff6b6b;animation-duration:11s;animation-delay:4s}@keyframes mgFloat{0%{transform:translateY(0) rotate(0deg);opacity:.15}50%{opacity:.2}to{transform:translateY(-110vh) rotate(2turn);opacity:0}}.mg-container{max-width:700px;margin:0 auto;position:relative;z-index:1}.mg-header{text-align:center;margin-bottom:28px;animation:mgSlideDown .6s cubic-bezier(.34,1.56,.64,1)}.mg-title{font-family:var(--mg-font-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1;margin-bottom:6px}.mg-title span{display:inline-block}.mg-title span.t1{color:#ff6b6b}.mg-title span.t2{color:#c77dff}.mg-title span.t3{color:#4ecdc4}.mg-title span.t4{color:#ffe66d;-webkit-text-stroke:1.5px #e6c000}.mg-title span.t5{color:#ff6b6b}.mg-title span.t6{color:#4895ef}.mg-title span.t7{color:#56cfe1}.mg-subtitle{font-size:1rem;color:#888;font-weight:600}.mg-setup{background:#fff;border-radius:var(--mg-radius);padding:28px 24px;box-shadow:var(--mg-shadow);animation:mgFadeUp .5s ease}.mg-setup h2{font-family:var(--mg-font-display);font-size:1.4rem;color:var(--mg-dark);margin-bottom:20px;text-align:center}.mg-setup-section{margin-bottom:24px}.mg-setup-section label{display:block;font-weight:700;font-size:.95rem;color:#555;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.mg-theme-btns{display:flex;gap:12px;flex-wrap:wrap}.mg-theme-btn{flex:1 1;min-width:120px;padding:14px 10px;border-radius:14px;border:3px solid #e8e8e8;background:#fafafa;cursor:pointer;text-align:center;transition:all .2s;font-family:var(--mg-font-body)}.mg-theme-btn .theme-emoji{font-size:2rem;display:block}.mg-theme-btn .theme-name{font-size:.9rem;font-weight:700;color:#444;margin-top:4px}.mg-theme-btn:hover{border-color:var(--mg-secondary);transform:translateY(-2px)}.mg-theme-btn.active{border-color:var(--mg-primary);background:#fff0f0;box-shadow:0 4px 16px hsla(0,100%,71%,.25);transform:translateY(-3px) scale(1.04)}.mg-diff-btns{display:flex;gap:10px;flex-wrap:wrap}.mg-diff-btn{flex:1 1;min-width:100px;padding:12px 8px;border-radius:12px;border:3px solid #e8e8e8;background:#fafafa;cursor:pointer;text-align:center;font-family:var(--mg-font-body);transition:all .2s}.mg-diff-btn .diff-label{font-size:.95rem;font-weight:800;color:#333}.mg-diff-btn .diff-desc{font-size:.72rem;color:#888;margin-top:2px}.mg-diff-btn:hover{border-color:var(--mg-purple);transform:translateY(-2px)}.mg-diff-btn.active{border-color:var(--mg-purple);background:#f5eeff;box-shadow:0 4px 16px rgba(199,125,255,.3);transform:translateY(-3px) scale(1.04)}.mg-start-btn{width:100%;padding:18px;border-radius:16px;border:none;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-family:var(--mg-font-display);font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px hsla(0,100%,71%,.4);transition:all .2s;margin-top:8px;letter-spacing:.03em}.mg-start-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px hsla(0,100%,71%,.5)}.mg-start-btn:active{transform:translateY(0) scale(.98)}.mg-scorebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap;animation:mgFadeUp .4s ease}.mg-stat{flex:1 1;min-width:80px;background:#fff;border-radius:14px;padding:10px 14px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.08)}.mg-stat .stat-val{font-family:var(--mg-font-display);font-size:1.6rem;font-weight:800;color:var(--mg-primary);display:block;line-height:1}.mg-stat .stat-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#aaa;font-weight:700;margin-top:2px;display:block}.mg-quit-btn{padding:10px 16px;border-radius:12px;border:2px solid #e8e8e8;background:#fff;color:#999;font-family:var(--mg-font-body);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.mg-quit-btn:hover{border-color:#ff6b6b;color:#ff6b6b;transform:translateY(-1px)}.mg-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr);animation:mgFadeUp .5s ease}@media(max-width:400px){.mg-grid{gap:8px}}.mg-card{aspect-ratio:1/1;perspective:800px;cursor:pointer;animation:mgCardIn .4s cubic-bezier(.34,1.56,.64,1) both}.mg-card:first-child{animation-delay:.04s}.mg-card:nth-child(2){animation-delay:.08s}.mg-card:nth-child(3){animation-delay:.12s}.mg-card:nth-child(4){animation-delay:.16s}.mg-card:nth-child(5){animation-delay:.2s}.mg-card:nth-child(6){animation-delay:.24s}.mg-card:nth-child(7){animation-delay:.28s}.mg-card:nth-child(8){animation-delay:.32s}.mg-card:nth-child(9){animation-delay:.36s}.mg-card:nth-child(10){animation-delay:.4s}.mg-card:nth-child(11){animation-delay:.44s}.mg-card:nth-child(12){animation-delay:.48s}.mg-card:nth-child(13){animation-delay:.52s}.mg-card:nth-child(14){animation-delay:.56s}.mg-card:nth-child(15){animation-delay:.6s}.mg-card:nth-child(16){animation-delay:.64s}.mg-card.flipped .mg-card-inner,.mg-card.matched .mg-card-inner{transform:rotateY(180deg)}.mg-card.matched .mg-card-front{background:linear-gradient(135deg,#d4f5e9,#a8edcc);border-color:#4ecdc4}.mg-card:not(.flipped):not(.matched):hover .mg-card-inner{transform:rotateY(12deg) scale(1.04)}.mg-card.shake{animation:mgShake .4s ease}.mg-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.mg-card-back,.mg-card-front{position:absolute;inset:0;border-radius:var(--mg-radius-card);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.mg-card-back{background:linear-gradient(135deg,#7c4dff,#c77dff);border:3px solid hsla(0,0%,100%,.3);box-shadow:0 6px 20px rgba(124,77,255,.35);font-size:clamp(1.5rem,5vw,2rem);color:#fff;font-family:var(--mg-font-display)}.mg-card-front{background:#fff;border:3px solid #efefef;box-shadow:0 6px 20px rgba(0,0,0,.1);transform:rotateY(180deg);flex-direction:column;gap:4px}.mg-card-front .card-emoji{font-size:clamp(2rem,7vw,3rem);display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.mg-card-front .card-label{font-size:clamp(.55rem,2vw,.75rem);font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.mg-card.matched .mg-card-front{animation:mgMatchPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes mgMatchPop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.15)}to{transform:rotateY(180deg) scale(1)}}.mg-progress-wrap{background:#e8e8e8;border-radius:50px;height:10px;margin:16px 0;overflow:hidden}.mg-progress-bar{height:100%;border-radius:50px;background:linear-gradient(90deg,#4ecdc4,#56cfe1);transition:width .5s ease;box-shadow:0 0 10px rgba(78,205,196,.5)}.mg-win-screen{background:#fff;border-radius:var(--mg-radius);padding:36px 28px;text-align:center;box-shadow:var(--mg-shadow);animation:mgScaleIn .5s cubic-bezier(.34,1.56,.64,1)}.mg-win-screen .win-trophy{font-size:4rem;display:block;margin-bottom:12px;animation:mgBounce 1s ease infinite}.mg-win-screen .win-title{font-family:var(--mg-font-display);font-size:2rem;font-weight:800;color:var(--mg-dark);margin-bottom:8px}.mg-win-screen .win-msg{font-size:1.05rem;color:#777;margin-bottom:20px}.mg-stars{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.mg-stars span{font-size:2.5rem;animation:mgStarPop .4s cubic-bezier(.34,1.56,.64,1) both}.mg-stars span:first-child{animation-delay:.1s}.mg-stars span:nth-child(2){animation-delay:.25s}.mg-stars span:nth-child(3){animation-delay:.4s}.mg-win-stats{display:flex;justify-content:center;gap:20px;margin-bottom:24px}.mg-win-stats .ws-item .ws-val{font-family:var(--mg-font-display);font-size:1.8rem;font-weight:800;color:var(--mg-primary);display:block}.mg-win-stats .ws-item .ws-lbl{font-size:.75rem;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mg-win-btns{display:flex;gap:12px;flex-wrap:wrap}.mg-btn-play-again{flex:2 1;padding:16px;border-radius:14px;border:none;background:linear-gradient(135deg,#4ecdc4,#26a69a);color:#fff;font-family:var(--mg-font-display);font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(78,205,196,.4);transition:all .2s}.mg-btn-play-again:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(78,205,196,.5)}.mg-btn-menu{flex:1 1;padding:16px;border-radius:14px;border:3px solid #e8e8e8;background:#fff;color:#666;font-family:var(--mg-font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.mg-btn-menu:hover{border-color:#ccc;transform:translateY(-2px)}.mg-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-80px);background:linear-gradient(135deg,#ffe66d,#ffb347);color:#4a3000;padding:12px 24px;border-radius:50px;font-family:var(--mg-font-display);font-size:1.1rem;font-weight:800;z-index:1000;box-shadow:0 8px 24px rgba(255,200,50,.5);transition:transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.mg-toast.show{transform:translateX(-50%) translateY(0)}.mg-confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.mg-confetti-piece{position:absolute;width:10px;height:10px;top:-10px;border-radius:2px;animation:mgConfettiFall linear both}.mg-confetti-piece:first-child{left:7%;background:#4ecdc4;animation-duration:1.552s;animation-delay:79ms;transform:rotate(81deg);width:14px;height:11px}.mg-confetti-piece:nth-child(2){left:74%;background:#ffe66d;animation-duration:2.309s;animation-delay:.531s;transform:rotate(86deg);width:9px;height:12px}.mg-confetti-piece:nth-child(3){left:55%;background:#c77dff;animation-duration:2.998s;animation-delay:.335s;transform:rotate(222deg);width:8px;height:15px}.mg-confetti-piece:nth-child(4){left:38%;background:#4895ef;animation-duration:2.24s;animation-delay:.315s;transform:rotate(95deg);width:16px;height:16px}.mg-confetti-piece:nth-child(5){left:65%;background:#56cfe1;animation-duration:3.217s;animation-delay:.275s;transform:rotate(253deg);width:12px;height:13px}.mg-confetti-piece:nth-child(6){left:79%;background:#ff9f43;animation-duration:2.939s;animation-delay:.521s;transform:rotate(90deg);width:9px;height:13px}.mg-confetti-piece:nth-child(7){left:2%;background:#ff6b6b;animation-duration:1.877s;animation-delay:.665s;transform:rotate(192deg);width:14px;height:14px}.mg-confetti-piece:nth-child(8){left:57%;background:#4ecdc4;animation-duration:1.615s;animation-delay:28ms;transform:rotate(250deg);width:15px;height:15px}.mg-confetti-piece:nth-child(9){left:40%;background:#ffe66d;animation-duration:3.263s;animation-delay:.31s;transform:rotate(319deg);width:12px;height:12px}.mg-confetti-piece:nth-child(10){left:94%;background:#c77dff;animation-duration:3.466s;animation-delay:.695s;transform:rotate(233deg);width:8px;height:14px}.mg-confetti-piece:nth-child(11){left:59%;background:#4895ef;animation-duration:1.584s;animation-delay:.298s;transform:rotate(161deg);width:12px;height:12px}.mg-confetti-piece:nth-child(12){left:19%;background:#56cfe1;animation-duration:2.618s;animation-delay:.764s;transform:rotate(193deg);width:10px;height:10px}.mg-confetti-piece:nth-child(13){left:15%;background:#ff9f43;animation-duration:2.383s;animation-delay:5ms;transform:rotate(22deg);width:11px;height:13px}.mg-confetti-piece:nth-child(14){left:81%;background:#ff6b6b;animation-duration:3.409s;animation-delay:.677s;transform:rotate(190deg);width:10px;height:16px}.mg-confetti-piece:nth-child(15){left:32%;background:#4ecdc4;animation-duration:1.591s;animation-delay:.787s;transform:rotate(83deg);width:16px;height:15px}.mg-confetti-piece:nth-child(16){left:90%;background:#ffe66d;animation-duration:3.5s;animation-delay:.504s;transform:rotate(291deg);width:7px;height:15px}.mg-confetti-piece:nth-child(17){left:83%;background:#c77dff;animation-duration:1.741s;animation-delay:.543s;transform:rotate(126deg);width:14px;height:9px}.mg-confetti-piece:nth-child(18){left:61%;background:#4895ef;animation-duration:2.483s;animation-delay:38ms;transform:rotate(79deg);width:8px;height:14px}.mg-confetti-piece:nth-child(19){left:80%;background:#56cfe1;animation-duration:2.929s;animation-delay:.351s;transform:rotate(104deg);width:9px;height:9px}.mg-confetti-piece:nth-child(20){left:19%;background:#ff9f43;animation-duration:2.246s;animation-delay:.218s;transform:rotate(278deg);width:9px;height:8px}.mg-confetti-piece:nth-child(21){left:63%;background:#ff6b6b;animation-duration:2.468s;animation-delay:.316s;transform:rotate(192deg);width:14px;height:9px}.mg-confetti-piece:nth-child(22){left:69%;background:#4ecdc4;animation-duration:1.579s;animation-delay:.219s;transform:rotate(39deg);width:10px;height:12px}.mg-confetti-piece:nth-child(23){left:73%;background:#ffe66d;animation-duration:1.603s;animation-delay:.706s;transform:rotate(330deg);width:13px;height:11px}.mg-confetti-piece:nth-child(24){left:23%;background:#c77dff;animation-duration:2.875s;animation-delay:.55s;transform:rotate(314deg);width:7px;height:13px}.mg-confetti-piece:nth-child(25){left:53%;background:#4895ef;animation-duration:2.967s;animation-delay:.72s;transform:rotate(217deg);width:10px;height:14px}.mg-confetti-piece:nth-child(26){left:87%;background:#56cfe1;animation-duration:2.52s;animation-delay:.309s;transform:rotate(300deg);width:14px;height:16px}.mg-confetti-piece:nth-child(27){left:74%;background:#ff9f43;animation-duration:2.752s;animation-delay:.72s;transform:rotate(18deg);width:7px;height:13px}.mg-confetti-piece:nth-child(28){left:73%;background:#ff6b6b;animation-duration:2.928s;animation-delay:.716s;transform:rotate(75deg);width:15px;height:14px}.mg-confetti-piece:nth-child(29){left:28%;background:#4ecdc4;animation-duration:3.303s;animation-delay:.557s;transform:rotate(352deg);width:8px;height:14px}.mg-confetti-piece:nth-child(30){left:36%;background:#ffe66d;animation-duration:1.556s;animation-delay:.794s;transform:rotate(296deg);width:10px;height:9px}@keyframes mgConfettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(105vh) rotate(2turn);opacity:0}}@keyframes mgSlideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mgFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mgScaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes mgCardIn{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes mgBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes mgStarPop{0%{opacity:0;transform:scale(0) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes mgShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px) rotate(-3deg)}40%{transform:translateX(8px) rotate(3deg)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@media(max-width:480px){.mg-setup{padding:20px 16px}.mg-diff-btns,.mg-theme-btns{gap:8px}}.mobile-footer{position:fixed;bottom:0;left:0;width:100%;height:64px;background:rgba(15,23,42,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:space-around;z-index:999;border-top:1px solid rgba(99,179,237,.1);padding:0 8px}.mobile-footer,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;gap:4px;color:#475569;font-size:10px;font-weight:500;letter-spacing:.4px;cursor:pointer;padding:6px 14px;border-radius:12px;min-width:48px;transition:color .2s,background .2s,transform .15s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-item:hover{color:#94a3b8}.nav-item:active{transform:scale(.9)}.nav-item .icon{font-size:22px;display:flex;align-items:center;justify-content:center}.nav-item.active,.nav-item.active span{color:#38bdf8}.nav-item.center{position:relative;top:-22px;width:56px;height:56px;min-width:56px;border-radius:50%;padding:0;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:26px;box-shadow:0 0 0 4px #0f172a,0 4px 24px rgba(14,165,233,.45);transition:transform .18s ease,box-shadow .18s ease}.nav-item.center:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 4px #0f172a,0 8px 28px rgba(14,165,233,.55)}.nav-item.center:active{transform:scale(.94)}.nav-item.center.active{background:linear-gradient(135deg,#38bdf8,#818cf8)}.nav-item.center span{display:none}.nav-loader{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:36px;height:36px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.auth-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:28px 16px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.auth-wrapper:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.bubble{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);pointer-events:none;z-index:1;animation:float 7s ease-in-out infinite}.bubble--1{width:160px;height:160px;top:-50px;left:-50px;animation-delay:0s}.bubble--2{width:100px;height:100px;bottom:40px;right:60px;animation-delay:2s}.bubble--3{width:60px;height:60px;top:100px;right:30px;animation-delay:4s}.bubble--4{width:40px;height:40px;bottom:150px;left:40px;animation-delay:1s}.glass-card{position:relative;z-index:2;width:100%;max-width:500px;padding:28px 26px 24px;border-radius:20px;margin-bottom:20px;background:hsla(0,0%,100%,.98);border:1px solid hsla(0,0%,100%,.7);box-shadow:0 24px 70px rgba(0,0,0,.28),0 4px 18px rgba(0,0,0,.1);animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) both}@media(max-width:540px){.glass-card{padding:22px 16px 20px}}.brand{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.brand__owl{font-size:32px;animation:owlBounce 2.5s ease-in-out infinite}.brand__name{font-size:17px;font-weight:700;color:#7c5cbf;letter-spacing:.3px;margin:0}@keyframes owlBounce{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-4px)}}.stepper{flex-direction:row;align-items:flex-start;gap:0;margin-bottom:24px}.stepper,.stepper__item{display:flex;justify-content:center;position:relative}.stepper__item{flex-direction:column;align-items:center;flex:1 1;gap:5px}.stepper__item.active .stepper__circle{background:linear-gradient(135deg,#7c5cbf,#a78bfa);border-color:#7c5cbf;color:#fff;box-shadow:0 0 0 4px rgba(124,92,191,.2);transform:scale(1.1)}.stepper__item.done .stepper__circle{background:#10b981;border-color:#10b981;color:#fff}.stepper__item.done .stepper__label{color:#10b981}.stepper__item.active .stepper__label{color:#7c5cbf;font-weight:600}.stepper__circle{width:38px;height:38px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background:#fafafa;color:#6b7280;font-size:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.stepper__label{font-size:10px;color:#6b7280;transition:all .22s ease;white-space:nowrap}.stepper__line{position:absolute;top:19px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:rgba(0,0,0,.1);z-index:0;transition:background .4s ease}.stepper__line.done{background:#10b981}.step-body{animation:stepIn .32s ease both}@keyframes stepIn{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.step-title{font-size:15px;font-weight:600;text-align:center}.step-sub{font-size:12px;margin:0 0 16px}.input-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}.input-grid--single{grid-template-columns:1fr}@media(max-width:580px){.input-grid{grid-template-columns:1fr}}.input-box{position:relative;margin-bottom:14px}.input-box--full{grid-column:1/-1}.input-box__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#7c5cbf;pointer-events:none;z-index:1;transition:color .22s ease}.input-box input,.input-box select{width:100%;padding:12px 40px 12px 34px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);background:#fafafa;color:#1e1b2e;font-size:13px;outline:none;transition:border-color box-shadow background .22s .22s .22s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-box input:focus,.input-box select:focus{border-color:#7c5cbf;background:#fff;box-shadow:0 0 0 3px rgba(124,92,191,.2)}.input-box input::placeholder,.input-box select::placeholder{color:transparent}.input-box input:focus~label,.input-box input:not(:placeholder-shown)~label,.input-box select:focus~label,.input-box select:not(:placeholder-shown)~label{top:-8px;left:8px;font-size:10px;color:#7c5cbf;background:#fff;padding:0 4px}.input-box select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.input-box select.filled~label,.input-box select:focus~label{top:-8px;left:8px;font-size:10px;color:#7c5cbf;background:#fff;padding:0 4px}.input-box label{position:absolute;left:34px;top:50%;transform:translateY(-50%);font-size:13px;color:#6b7280;pointer-events:none;transition:all .22s ease;background:transparent}.input-box label.active{top:-8px;left:8px;font-size:10px;color:#7c5cbf;background:#fff;padding:0 4px;transform:none}.input-box__toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;font-size:14px;transition:color .22s ease}.input-box__toggle:hover{color:#7c5cbf}.input-box.has-error{margin-bottom:40px}.password-hint{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin-top:-4px;margin-bottom:8px;flex-wrap:wrap}.password-hint__chip{font-size:11px;padding:3px 10px;border-radius:50px;background:#f3f4f6;color:#6b7280;border:1px solid rgba(0,0,0,.1);transition:all .22s ease}.password-hint__chip.ok{background:#d1fae5;color:#10b981;border-color:#6ee7b7}.tags-grid{grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:6px}@media(max-width:380px){.tags-grid{grid-template-columns:repeat(2,1fr)}}.tag-chip{gap:5px;padding:12px 8px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);background:#fff}.tag-chip__emoji{font-size:22px}.tag-chip__label{font-size:12px}.tag-chip:hover{background:#faf7ff;transform:translateY(-2px)}.tag-chip.active{background:#f4f0ff;box-shadow:0 0 0 3px rgba(124,92,191,.2)}.tag-chip:nth-child(15n+1){background:#eef2ff;color:#4f46e5}.tag-chip:nth-child(15n+2){background:#e0f7fa;color:#0891b2}.tag-chip:nth-child(15n+3){background:#ecfdf5;color:#059669}.tag-chip:nth-child(15n+4){background:#fef2f2;color:#dc2626}.tag-chip:nth-child(15n+5){background:#fff7ed;color:#ea580c}.tag-chip:nth-child(15n+6){background:#fff1f2;color:#e11d48}.tag-chip:nth-child(15n+7){background:#f5f3ff;color:#7c3aed}.tag-chip:nth-child(15n+8){background:#eff6ff;color:#2563eb}.tag-chip:nth-child(15n+9){background:#f0fdf4;color:#16a34a}.tag-chip:nth-child(15n+10){background:#fefce8;color:#ca8a04}.tag-chip:nth-child(15n+11){background:#fdf4ff;color:#c026d3}.tag-chip:nth-child(15n+12){background:#ecfeff;color:#0e7490}.tag-chip:nth-child(15n+13){background:#f1f5f9;color:#334155}.tag-chip:nth-child(15n+14){background:#fff7f3;color:#fb7185}.tag-chip:nth-child(15n+15){background:#f0f9ff;color:#0284c7}.tag-chip.active{outline:2px solid currentColor;font-weight:600;transform:scale(1.05)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:6px}@media(max-width:580px){.plans-grid{grid-template-columns:1fr}}.plan-card{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;flex-direction:row;padding:16px 12px;border-radius:14px;border:1.5px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden;text-align:center;align-items:center}.plan-card:hover{border-color:#a78bfa;transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,92,191,.15)}.plan-card.active{border-color:#7c5cbf;background:#f4f0ff;box-shadow:0 0 0 3px rgba(124,92,191,.2),0 8px 24px rgba(124,92,191,.2)}.plan-card__badge{position:absolute;top:8px;right:-1px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px 0 0 6px;letter-spacing:.3px;text-transform:uppercase}.plan-card__badge--free{background:#d1fae5;color:#065f46}.plan-card__badge--popular{background:linear-gradient(135deg,#7c5cbf,#a78bfa);color:#fff}.plan-card__badge--premium{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.plan-card__icon{font-size:22px;margin-bottom:4px}.plan-card__icon svg{color:#7c5cbf}.plan-card__name{font-size:13px;font-weight:700;color:#1e1b2e;margin:0}.plan-card__price{font-size:22px;font-weight:800;color:#7c5cbf;margin:2px 0 0}.plan-card__rupee{font-size:14px;vertical-align:super}.plan-card__duration{font-size:10px;color:#6b7280;margin:0 0 6px}.plan-card__features{list-style:none;padding:0;margin:0;font-size:10px;color:#6b7280;text-align:left;width:100%}.plan-card__features li{padding:2px 0;color:#6b7280}.plan-card__features li:first-letter{color:#10b981}.plan-card__check{width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.1);display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:11px;color:transparent;background:#fafafa;margin-top:8px;transition:all .22s ease}.plan-card__check.active{background:#7c5cbf;border-color:#7c5cbf;color:#fff}.plan-card:first-child{background:#eff6ff;border-color:#bfdbfe}.plan-card:first-child .plan-card__icon{color:#3b82f6}.plan-card:first-child .plan-card__price{color:#2563eb}.plan-card:nth-child(2){background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;transform:scale(1.05)}.plan-card:nth-child(2) .plan-card__icon,.plan-card:nth-child(2) .plan-card__price{color:#fff}.plan-card:nth-child(2) .plan-card__duration{color:hsla(0,0%,100%,.8)}.plan-card:nth-child(3){background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.plan-card:nth-child(3) .plan-card__icon,.plan-card:nth-child(3) .plan-card__price{color:#fff}.plan-card:nth-child(3) .plan-card__duration{color:hsla(0,0%,100%,.85)}.plan-card.active{box-shadow:0 0 0 3px rgba(124,92,191,.25),0 10px 30px rgba(0,0,0,.15);transform:scale(1.05)}.fa-solid.fa-crown{color:gold}.step-actions{justify-content:space-between;margin-top:10px}.btn{padding:11px 20px;transition:transform box-shadow background .15s .15s .22s}.btn svg{font-size:12px}.btn:disabled{opacity:.6}.btn--primary{flex:1 1;max-width:200px}.btn--ghost{border:1.5px solid rgba(0,0,0,.1)}.btn--ghost:hover{border-color:#d1d5db}.btn--outline{background:transparent;color:#7c5cbf;border:1.5px solid rgba(124,92,191,.3);font-size:12px;padding:10px 16px}.btn--outline:hover{background:rgba(124,92,191,.2)}.error{position:absolute;color:#ef4444;font-size:14px;margin-top:3px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.error:before{content:"⚠";font-size:10px}.otp-info-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:rgba(124,92,191,.08);border-radius:16px;border:1px dashed rgba(124,92,191,.3)}.otp-info-box__icon{font-size:2.5rem}.otp-info-box p{font-size:1.1rem;font-weight:600;color:var(--text-primary,#1a1a2e);letter-spacing:.5px}.otp-send-btn{width:160px}.otp-boxes{display:flex;justify-content:center;gap:10px;margin:16px 0}.otp-box{width:46px;height:54px;text-align:center;font-size:1.4rem;font-weight:700;border:2px solid rgba(124,92,191,.3);border-radius:12px;background:hsla(0,0%,100%,.6);color:#1a1a2e;transition:border-color .2s,box-shadow .2s;outline:none}.otp-box:focus{border-color:#7c5cbf;box-shadow:0 0 0 3px rgba(124,92,191,.2)}.otp-box:not(:placeholder-shown){border-color:#7c5cbf;background:rgba(124,92,191,.08)}.resend-btn{display:block;margin:0 auto;font-size:.85rem}.step-sub{text-align:center;font-size:.9rem;color:rgba(26,26,46,.6);margin-top:-8px;margin-bottom:8px}.settings-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#faf9ff}.settings-menu{width:100%;max-width:420px;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 32px rgba(124,92,191,.08);overflow:hidden;animation:fadeUp .35s ease both}.settings-menu__header{padding:24px 20px 16px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:12px}.settings-menu__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c5cbf,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:22px}.settings-menu__title{font-size:16px;font-weight:700;color:#1e1b2e;margin:0}.settings-menu__subtitle{font-size:12px;color:#6b7280}.settings-menu__section{padding:14px 20px 6px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b7280}.settings-menu__divider{height:1px;background:rgba(0,0,0,.07);margin:4px 0}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;position:relative;transition:all .22s ease;text-decoration:none}.menu-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:0 4px 4px 0;background:linear-gradient(135deg,#7c5cbf,#a78bfa);transition:transform .22s ease}.menu-item:hover{background:#faf9ff}.menu-item:hover .icon-box{background:rgba(124,92,191,.15);color:#7c5cbf;transform:scale(1.08)}.menu-item:hover .label{color:#7c5cbf}.menu-item:hover .arrow{opacity:1;transform:translateX(0)}.menu-item.active{background:#f4f0ff}.menu-item.active:before{transform:translateY(-50%) scaleY(1)}.menu-item.active .icon-box{background:linear-gradient(135deg,#7c5cbf,#a78bfa);color:#fff;box-shadow:0 4px 12px rgba(124,92,191,.15)}.menu-item.active .label{color:#7c5cbf;font-weight:600}.menu-item.active .arrow{opacity:1;transform:translateX(0);color:#7c5cbf}.menu-item.logout{margin-bottom:15px}.menu-item.logout:hover{background:#fff5f5}.menu-item.logout:hover .icon-box{background:rgba(239,68,68,.12);color:#ef4444}.menu-item.logout:hover .label{color:#ef4444}.icon-box{width:38px;height:38px;border-radius:10px;background:#faf9ff;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;font-size:15px;color:#6b7280;transition:all .22s ease}.label{flex:1 1;font-size:14px;color:#1e1b2e;font-weight:500;transition:color .2s}.arrow{font-size:12px;color:#6b7280;opacity:0;transform:translateX(-4px);transition:all .2s ease}@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;900&family=Baloo+2:wght@700;800&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0d0f1a;color:#e8eaf6;font-family:Nunito,sans-serif;overflow-x:hidden}.speach,body{min-height:100vh}.speach{display:flex;flex-direction:column;padding:24px 16px 40px;background:radial-gradient(ellipse at 20% 0,#1a1060 0,transparent 60%),radial-gradient(ellipse at 80% 100%,#1a0a2e 0,transparent 60%),#0d0f1a}.speach__header{width:100%;max-width:640px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.speach__logo{font-family:Baloo\ 2,cursive;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#7c6af7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.speach__progress-bar{flex:1 1;max-width:200px;height:8px;background:#1e2235;border-radius:99px;margin:0 16px;overflow:hidden}.speach__progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#7c6af7,#c084fc);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.speach__count{font-size:.85rem;font-weight:700;color:#7b82a8}.card{width:100%;max-width:640px;background:#161929;border:1px solid #2a2f4a;border-radius:20px;padding:10px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:cardIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card__badge{width:-moz-fit-content;width:fit-content;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#1e2235;border:1px solid #2a2f4a;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:700;color:#7b82a8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.card__badge--easy{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08)}.card__badge--medium{color:#fbbf24;border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.08)}.card__badge--hard{color:#f76a6a;border-color:hsla(0,90%,69%,.3);background:hsla(0,90%,69%,.08)}.card__hint{font-size:.9rem;color:#7b82a8;margin-bottom:10px;font-weight:600;letter-spacing:.02em}.card__main-text{font-family:Baloo\ 2,cursive;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.15;color:#e8eaf6;margin-bottom:24px;letter-spacing:-.5px}.card__category{position:absolute;top:10px;right:28px;font-size:.75rem;font-weight:700;color:#7b82a8;padding:3px 10px;border-radius:99px;text-transform:capitalize}.ai-speaker,.card__category{background:#1e2235;border:1px solid #2a2f4a}.ai-speaker{display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:12px;padding:14px 18px;margin-bottom:20px;cursor:pointer;transition:all .2s ease}.ai-speaker:hover{border-color:rgba(124,106,247,.5);background:rgba(124,106,247,.06)}.ai-speaker.speaking{border-color:rgba(124,106,247,.6);background:rgba(124,106,247,.1);animation:speakerPulse 1.2s ease-in-out infinite}@keyframes speakerPulse{0%,to{box-shadow:0 0 0 0 rgba(124,106,247,.3)}50%{box-shadow:0 0 0 10px rgba(124,106,247,0)}}.ai-speaker__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7c6af7,#c084fc);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 12px rgba(124,106,247,.4)}.ai-speaker__info{flex:1 1}.ai-speaker__label{font-size:.75rem;font-weight:700;color:#7b82a8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.ai-speaker__status{font-size:.9rem;font-weight:600;color:#e8eaf6}.ai-speaker__waves{display:flex;align-items:center;gap:3px;height:24px}.ai-speaker__waves span{display:block;width:3px;background:#7c6af7;border-radius:99px;animation:wave 1s ease-in-out infinite}.ai-speaker__waves span:first-child{animation-delay:0s;height:16px}.ai-speaker__waves span:nth-child(2){animation-delay:.12s;height:24px}.ai-speaker__waves span:nth-child(3){animation-delay:.24s;height:8px}.ai-speaker__waves span:nth-child(4){animation-delay:.36s;height:16px}.ai-speaker__waves span:nth-child(5){animation-delay:.48s;height:24px}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.ai-speaker__waves--idle span{animation:none;height:4px!important;opacity:.3}.ai-speaker__replay{font-size:.75rem;color:#7b82a8;font-weight:600;white-space:nowrap}.ai-speaker__replay:hover{color:#7c6af7}.mic-section{flex-direction:column;gap:16px;padding:8px 0}.mic-btn,.mic-section{display:flex;align-items:center}.mic-btn{width:88px;height:88px;border-radius:50%;border:none;background:linear-gradient(135deg,#e84393,#f76a6a);color:#fff;font-size:2rem;cursor:pointer;justify-content:center;box-shadow:0 8px 24px hsla(0,90%,69%,.4);transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative}.mic-btn:hover{transform:scale(1.08)}.mic-btn:active{transform:scale(.95)}.mic-btn.listening{background:linear-gradient(135deg,#f76a6a,#ff9f43);animation:micPulse 1s ease-in-out infinite;box-shadow:0 0 0 0 hsla(0,90%,69%,.5)}@keyframes micPulse{0%{box-shadow:0 0 0 0 hsla(0,90%,69%,.6)}70%{box-shadow:0 0 0 20px hsla(0,90%,69%,0)}to{box-shadow:0 0 0 0 hsla(0,90%,69%,0)}}.mic-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.mic-label{font-size:.85rem;font-weight:700;color:#7b82a8}.result-box{margin-top:20px;padding:16px 18px;border-radius:12px;animation:fadeUp .3s ease both}.result-box--correct{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3)}.result-box--wrong{background:hsla(0,90%,69%,.1);border:1px solid hsla(0,90%,69%,.3)}.result-box__heard{font-size:.8rem;font-weight:600;color:#7b82a8;margin-bottom:8px}.result-box__transcript{font-size:1rem;font-weight:700;margin-bottom:10px;color:#e8eaf6}.result-box__diff{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.result-box__icon{font-size:1.5rem;margin-bottom:6px}.result-box__message{font-size:.9rem;font-weight:700}.result-box--correct .result-box__message{color:#4ade80}.result-box--wrong .result-box__message{color:#f76a6a}.result-box__correct-ans{font-size:.8rem;color:#7b82a8;margin-top:4px}.result-box__correct-ans strong{color:#fbbf24}.word-chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.85rem;font-weight:700}.word-chip--ok{background:rgba(74,222,128,.15);color:#4ade80}.word-chip--wrong{background:hsla(0,90%,69%,.15);color:#f76a6a;text-decoration:line-through}.word-chip--miss{background:rgba(251,191,36,.15);color:#fbbf24}.next-countdown{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;color:#7b82a8;font-weight:600}.next-countdown__bar{flex:1 1;height:4px;background:#1e2235;border-radius:99px;overflow:hidden}.next-countdown__bar span{display:block;height:100%;background:#4ade80;border-radius:99px;animation:countdown 2s linear forwards}@keyframes countdown{0%{width:100%}to{width:0}}.completed{width:100%;max-width:480px;text-align:center;animation:cardIn .5s cubic-bezier(.22,1,.36,1) both}.completed__emoji{font-size:4rem;margin-bottom:16px}.completed__title{font-family:Baloo\ 2,cursive;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.completed__sub{color:#7b82a8;font-size:1rem;font-weight:600;margin-bottom:28px}.completed__stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:28px}.completed__stat{background:#161929;border:1px solid #2a2f4a;border-radius:12px;padding:16px 8px}.completed__stat strong{display:block;font-family:Baloo\ 2,cursive;font-size:1.6rem;font-weight:800;color:#7c6af7}.completed__stat span{font-size:.75rem;color:#7b82a8;font-weight:600}.completed__btn{background:linear-gradient(135deg,#7c6af7,#c084fc);padding:14px 36px;border-radius:99px;font-size:1rem;font-weight:800;font-family:Nunito,sans-serif;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px rgba(124,106,247,.4)}.completed__btn:hover{box-shadow:0 12px 32px rgba(124,106,247,.5)}@media(max-width:480px){.speach{padding:16px 12px 32px}.card{padding:10px}.card__main-text{font-size:1.6rem}.speach__progress-bar{max-width:120px}}.face-wrap{position:relative;flex-shrink:0}.ripple{position:absolute;inset:-8px;border-radius:50%;border:2px solid #7c6af7;opacity:0}.speaking .ripple{animation:rippleOut 1.4s ease-out infinite}.speaking .ripple:nth-child(2){animation-delay:.5s}@keyframes rippleOut{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.4);opacity:0}}#mouth-open{opacity:0}.speaking #mouth-open{animation:talkO .28s steps(1) infinite}.speaking #mouth-half{animation:talkH .28s steps(1) infinite}@keyframes talkO{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes talkH{0%,49%{opacity:0}50%,to{opacity:1}}.filter-btn-wrap{position:fixed;top:50%;right:0;z-index:100}.filter-btn{width:44px;height:44px;border-radius:50% 0 0 50%;font-size:18px;justify-content:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#ff3b5c;box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 0 10px hsla(0,0%,100%,.2);transition:all .25s ease;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,hsla(0,0%,100%,.25),transparent);opacity:.6;pointer-events:none}.filter-btn:hover{transform:scale(1.08);background:hsla(0,0%,100%,.25);box-shadow:0 10px 30px rgba(255,59,92,.25),inset 0 0 12px hsla(0,0%,100%,.3)}.filter-btn:active{transform:scale(.95)}.filter-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:gold;color:#a0600a;font-size:10px;font-weight:800;border:2px solid #fff}.filter-badge,.filter-popup{display:flex;align-items:center;justify-content:center}.filter-popup{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:40px 16px}.filter-box{background:#fff;border-radius:20px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);overflow-y:auto;animation:pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.82) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.filter-header{background:linear-gradient(135deg,#ff3b5c,#ff6b6b);padding:20px 20px 16px;text-align:center;color:#fff}.filter-header .filter-header-icon{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin:0 auto 10px}.filter-header h3{font-size:17px;font-weight:700;color:#fff}.filter-header p{font-size:12px;opacity:.85;margin-top:3px}.filter-body{padding:16px}.filter-section{margin-bottom:12px}.filter-label{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.filter-divider{height:1px;background:#f0f0f0;margin:4px 0 12px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:20px;border:1.5px solid #e8e8e8;background:#f8f8f8;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:all .15s}.chip:hover{border-color:#ff3b5c;color:#ff3b5c;background:#fff5f7}.chip-active{background:#ff3b5c!important;border-color:#ff3b5c!important;color:#fff!important}.chip-active-blue{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.chip-active-green{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.chip-active-amber{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.filter-actions{display:flex;gap:8px;padding:0 16px 16px}.btn-cancel{flex:1 1;padding:11px;border-radius:12px;border:1.5px solid #e8e8e8;background:#f8f8f8;font-size:13px;font-weight:600;color:#666;cursor:pointer}.btn-cancel:hover{background:#eee}.btn-apply{flex:2 1;padding:11px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff3b5c,#ff6b6b);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.btn-apply:hover{transform:scale(1.02)}.no-data-card{display:flex;align-items:center;justify-content:center;min-height:350px;padding:20px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.no-data{text-align:center;max-width:320px}.no-data__emoji{font-size:3rem;margin-bottom:10px;animation:float 2s ease-in-out infinite}.no-data__title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:8px}.no-data__sub{font-size:.95rem;color:#fff;margin-bottom:18px;line-height:1.4}.completed__btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff3b5c,#ff3b5c);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .25s ease}.completed__btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(99,102,241,.3)}.completed__btn:active{transform:scale(.96)}.completed__btn svg{font-size:.9rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.avs-root{font-family:Inter,Nunito,sans-serif;background:#0f1219;color:#e8edf5;border-radius:20px;padding:0 0 8px;max-width:440px;width:100%}.avs-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid #242e48;position:relative}.avs-header__icon{font-size:28px}.avs-header__title{font-size:17px;font-weight:800;margin:0 0 2px}.avs-header__sub{font-size:12px;color:#5a6880;margin:0}.avs-close{position:absolute;right:16px;top:16px;background:#1d2540;border:none;color:#5a6880;font-size:14px;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .2s}.avs-close:hover{color:#e8edf5;background:#242e48}.avs-section{padding:16px 20px 0}.avs-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6880;margin-bottom:10px;display:flex;justify-content:space-between}.avs-label span{color:#3b82f6;font-size:13px;letter-spacing:0;text-transform:none}.avs-presets{display:flex;gap:8px;flex-wrap:wrap}.avs-preset{padding:7px 14px;border-radius:999px;border:1px solid #242e48;background:#161c2a;color:#5a6880;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.avs-preset.active{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(124,58,237,.2));border-color:rgba(59,130,246,.5);color:#e8edf5}.avs-preset:hover:not(.active){background:#1d2540;color:#e8edf5}.avs-voice-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-right:2px}.avs-voice-list::-webkit-scrollbar{width:4px}.avs-voice-list::-webkit-scrollbar-thumb{background:#242e48;border-radius:2px}.avs-voice-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.avs-voice-item__name{flex:1 1;font-size:13px;font-weight:500;color:#e8edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avs-voice-item__lang{border-radius:999px;background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2);white-space:nowrap}.avs-voice-item__lang,.avs-voice-item__tag{font-size:10px;font-weight:600;padding:1px 7px}.avs-voice-item__tag{border-radius:999px;background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.avs-voice-item:hover{background:#161c2a;border-color:#242e48}.avs-voice-item.active{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(124,58,237,.12));border-color:rgba(59,130,246,.4)}.avs-empty{font-size:13px;color:#5a6880;text-align:center;padding:16px 0;margin:0}.avs-sliders{gap:16px}.avs-slider-row,.avs-sliders{display:flex;flex-direction:column}.avs-slider-row{gap:6px}.avs-range{width:100%;-webkit-appearance:none;height:4px;border-radius:2px;background:#1d2540;outline:none;cursor:pointer}.avs-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.5);cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.avs-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.avs-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#5a6880;margin-top:-2px}.avs-selected-info{margin:14px 20px 0;display:flex;align-items:center;gap:8px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:9px 14px;font-size:13px;color:#5a6880}.avs-selected-info strong{color:#e8edf5;font-size:13px;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avs-actions{display:flex;gap:8px;padding:16px 20px 12px;flex-wrap:wrap}.avs-btn{padding:10px 20px;border-radius:999px;border:none;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.avs-btn--test{background:#1d2540;color:#e8edf5;border:1px solid #242e48}.avs-btn--test.testing{background:rgba(239,68,68,.15);color:#ef4444;border-color:rgba(239,68,68,.3)}.avs-btn--test:hover:not(.testing){background:#242e48}.avs-btn--reset{background:transparent;color:#5a6880;border:1px solid #242e48}.avs-btn--reset:hover{color:#e8edf5;border-color:hsla(0,0%,100%,.2)}.avs-btn--save{flex:1 1;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff}.avs-btn--save.saved{background:#22c55e}.avs-btn--save:hover{filter:brightness(1.1)}*{box-sizing:border-box}.reels-root{top:0;left:0;right:0;bottom:0;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;contain:strict}.reels-track{transition:transform .38s cubic-bezier(.77,0,.175,1)}.reel__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateZ(0);will-change:transform;background:#000}.reel__gradient-top{top:0;height:130px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.reel__gradient-bot,.reel__gradient-top{position:absolute;left:0;right:0;z-index:3;pointer-events:none}.reel__gradient-bot{bottom:0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.45) 40%,transparent)}.reel__progress{position:absolute;top:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.2);z-index:20}.reel__progress-fill{height:100%;background:#fff;transition:width .2s linear;border-radius:0 1px 1px 0}.reel__tap-layer{position:absolute;inset:0;z-index:5;cursor:pointer}.reel__mute-btn{position:absolute;top:14px;right:14px;z-index:15;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,background .14s ease}.reel__mute-btn:active{transform:scale(.86)}.reel__mute-btn.muted{background:hsla(0,0%,100%,.16)}.reel__pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;width:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;pointer-events:none;animation:pauseFadeOut .5s ease .4s forwards}@keyframes pauseFadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(.78)}}.reel__heart-burst{position:absolute;top:50%;left:50%;z-index:20;font-size:100px;color:#fff;pointer-events:none;filter:drop-shadow(0 6px 28px rgba(255,48,64,.75));animation:heartPop .75s ease forwards}.reel__heart-burst.unlike{filter:drop-shadow(0 4px 12px rgba(255,255,255,.35))}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.45)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}.reel__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.reel__spinner-ring{width:42px;height:42px;border-radius:50%;border:2.5px solid hsla(0,0%,100%,.15);border-top-color:#fff;animation:spin .72s linear infinite}.reel__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0c0c0c;color:#fff}.reel__error span{font-size:52px}.reel__error p{font-size:15px;opacity:.6}.reel__error button{padding:9px 26px;border-radius:22px;border:1.5px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.08);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.reel__error button:active{background:hsla(0,0%,100%,.18);transform:scale(.95)}.reel__info{position:absolute;bottom:26px;left:14px;right:76px;z-index:10;pointer-events:none}.reel__creator-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;pointer-events:auto}.reel__avatar{width:42px;height:42px;border-radius:50%;border:2px solid #fff;background:#1c1c1c;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.55)}.reel__creator-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.reel__creator-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.65)}.reel__creator-handle{font-size:11px;color:hsla(0,0%,100%,.68);text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel__follow-btn{flex-shrink:0;padding:6px 16px;border-radius:8px;border:1.5px solid #fff;background:transparent;color:#fff;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.2px;pointer-events:auto;transition:background .18s ease,transform .15s ease}.reel__follow-btn:active{background:hsla(0,0%,100%,.15);transform:scale(.94)}.reel__caption{font-size:13.5px;font-weight:400;line-height:1.5;color:hsla(0,0%,100%,.93);text-shadow:0 1px 4px rgba(0,0,0,.55);margin-bottom:10px;pointer-events:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel__caption.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.reel__more{background:none;border:none;padding:0;color:hsla(0,0%,100%,.6);font-size:13px;font-weight:600;cursor:pointer}.reel__audio-tag{display:flex;align-items:center;gap:7px;pointer-events:auto}.reel__audio-disc{font-size:13px;display:inline-block;animation:discSpin 3s linear infinite}@keyframes discSpin{to{transform:rotate(1turn)}}.reel__audio-name{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.78);text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.reel__actions{position:absolute;right:10px;bottom:30px;z-index:10;gap:18px}.reel__action-btn,.reel__actions{display:flex;flex-direction:column;align-items:center}.reel__action-btn{gap:4px;background:none;border:none;color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.reel__action-btn span{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.65);letter-spacing:.1px}.reel__action-btn:active .reel__action-icon{transform:scale(.8)}.reel__action-btn--more span{display:none}.reel__action-btn.liked .reel__action-icon{color:#ff3040;background:rgba(255,48,64,.18)}.reel__action-btn.saved .reel__action-icon{color:#ffd60a;background:rgba(255,214,10,.14)}.reel__action-icon{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .13s ease,background .13s ease,color .13s ease}.reel__action-icon svg{width:21px;height:21px}.reels-unmute-hint{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;background:rgba(0,0,0,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.15);color:#fff;font-size:13px;font-weight:600;cursor:pointer;animation:hintFadeIn .3s ease,hintPulse 2s ease .5s infinite;letter-spacing:.2px}.reels-unmute-hint svg{font-size:16px;opacity:.85}@keyframes hintFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.65}}.tap-to-unmute{background:rgba(0,0,0,.75);padding:10px 20px;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tap-to-unmute:active{background:hsla(0,0%,100%,.2)}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.tap-to-unmute{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:600;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 25px rgba(0,0,0,.35);cursor:pointer;white-space:nowrap;pointer-events:all;animation:slideFade .4s ease}.tap-to-unmute .icon{font-size:16px;opacity:.9;animation:pulse 1.5s infinite}.tap-to-unmute:hover{background:hsla(0,0%,100%,.15);transform:translateX(-50%) scale(1.05)}.tap-to-unmute:active{transform:translateX(-50%) scale(.95)}@keyframes slideFade{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.reels-root{position:fixed;inset:0;overflow:hidden;background:#000;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reels-track{display:flex;flex-direction:column;transition:transform .46s cubic-bezier(.77,0,.175,1);will-change:transform}.reel{position:relative;width:100vw;flex-shrink:0;overflow:hidden;background:#000}.player-wrap{position:absolute;inset:0;overflow:hidden}.player{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;transform:translate(-50%,-50%)}.player,.player iframe{height:100%;pointer-events:none;border:none}.player iframe{width:100%}.click-layer{z-index:4;cursor:pointer}.click-layer,.gradient{position:absolute;inset:0}.gradient{z-index:3;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.18) 40%,transparent 65%)}.pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;pointer-events:none;animation:pop-in .2s ease forwards}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.heart-burst{position:absolute;top:50%;left:50%;z-index:20;font-size:90px;line-height:1;color:#ff3b5c;pointer-events:none;filter:drop-shadow(0 0 24px rgba(255,59,92,.75));animation:heart-pop .72s ease forwards}.heart-burst.unlike{color:hsla(0,0%,100%,.85);filter:drop-shadow(0 0 16px rgba(255,255,255,.4))}@keyframes heart-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}40%{transform:translate(-50%,-50%) scale(1.35);opacity:1}70%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(.85);opacity:0}}.info{position:absolute;bottom:80px;left:16px;z-index:10;color:#fff;max-width:calc(100% - 90px)}.avatar-row{gap:10px;margin-bottom:8px}.avatar,.avatar-row{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:#333;justify-content:center;font-size:17px;flex-shrink:0;overflow:hidden}.creator{font-size:15px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 5px rgba(0,0,0,.65)}.caption{font-size:13px;line-height:1.45;opacity:.92;text-shadow:0 1px 4px rgba(0,0,0,.55)}.action-bar{position:absolute;right:12px;bottom:70px;z-index:10;gap:18px}.action-bar,.action-btn{display:flex;flex-direction:column;align-items:center}.action-btn{gap:5px;background:none;border:none;cursor:pointer;color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .14s ease}.action-btn:active{transform:scale(.82)}.action-btn span{font-size:11px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.icon-wrap{width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:20px}.action-btn:hover .icon-wrap{background:hsla(0,0%,100%,.22)}.liked .icon-wrap{background:rgba(255,59,92,.28);color:#ff3b5c}.saved .icon-wrap{background:rgba(255,215,0,.22);color:gold}.muted .icon-wrap{opacity:.55}.paused .icon-wrap{background:hsla(0,0%,100%,.22)}.dots{position:absolute;top:50%;right:6px;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:6px}.dot{width:4px;height:18px;border-radius:2px;background:hsla(0,0%,100%,.32);cursor:pointer;transition:height .3s,background .3s}.dot-active{height:32px;background:#fff}.scroll-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;color:hsla(0,0%,100%,.55);font-size:22px;pointer-events:none;animation:bounce 1.6s ease infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}.kids-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.kids-loader .reel-loader{height:15px;aspect-ratio:5;display:flex;justify-content:space-between;--_g:no-repeat radial-gradient(farthest-side,#fff 95%,#f1eaea00);background:var(--_g),var(--_g);background-size:20% 100%;animation:l42-0 1s infinite}.kids-loader .reel-loader:after,.kids-loader .reel-loader:before{content:"";height:inherit;aspect-ratio:1;border-radius:50%;background:#fff;animation:l42-1 1s infinite}.kids-loader .reel-loader:after{--s:-1,-1}@keyframes l42-0{0%,60%{background-position:33.3333333333% 0,66.6666666667% 0}to{background-position:0 0,100% 0}}@keyframes l42-1{0%{transform:scale(var(--s,1)) translate(0)}33%{transform:scale(var(--s,1)) translateY(130%)}66%{transform:scale(var(--s,1)) translate(133.3333333333%,130%)}to{transform:scale(var(--s,1)) translate(133.3333333333%)}}.kids-loader .kids-loader__text{margin-top:40px;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;animation:pulse 1s ease infinite alternate}.progress-bar-wrap{position:fixed;top:0;left:0;right:0;z-index:50;cursor:pointer;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent)}.progress-bar-track{position:relative;height:8px;background:hsla(0,0%,100%,.25);border-radius:2px}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:#dbdbdb;border-radius:2px;transition:none}.filter-btn{position:fixed;top:16px;right:16px;z-index:50;display:flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:background .2s}.filter-btn:hover{background:hsla(0,0%,100%,.18)}.filter-btn:active{transform:scale(.94)}.filter-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-popup{width:100%;max-width:480px;background:#1a1a1a;border-radius:20px 20px 0 0;padding:24px 20px 36px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);margin-bottom:150px}.filter-popup__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-popup__header span{font-size:17px;font-weight:700;color:#fff}.filter-popup__close{background:hsla(0,0%,100%,.1);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:background .2s}.filter-popup__close:hover{background:hsla(0,0%,100%,.2)}.filter-popup__options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:20px}.filter-popup__option{padding:12px 10px;border-radius:12px;border:1.5px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.75);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;text-align:center}.filter-popup__option:hover{border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.12);color:#fff}.filter-popup__option.active{background:#ff3b5c;border-color:#ff3b5c;color:#fff;box-shadow:0 4px 14px rgba(255,59,92,.4)}.filter-popup__apply{width:100%;padding:14px;border-radius:14px;border:none;background:#ff3b5c;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:transform .15s ease,background .2s;box-shadow:0 6px 20px rgba(255,59,92,.4)}.filter-popup__apply:hover{background:#ff1c43}.filter-popup__apply:active{transform:scale(.97)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.tags-wrapper{width:100%;max-width:560px;margin:0 auto;padding:28px 24px;border-radius:20px;background:#fff;border:1px solid rgba(124,92,191,.12);box-shadow:0 8px 32px rgba(124,92,191,.1);animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:17px;font-weight:700;color:#1e1b2e;margin:0 0 4px}.step-sub{font-size:13px;color:#6b7280;margin:0 0 20px}.tags-count{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#7c5cbf;background:rgba(124,92,191,.18);border:1px solid rgba(124,92,191,.2);padding:3px 12px;border-radius:50px;margin-bottom:16px}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-bottom:24px}@media(max-width:380px){.tags-grid{grid-template-columns:repeat(3,1fr)}}.tag-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:14px;border:1.5px solid rgba(0,0,0,.09);background:#faf9ff;cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden}.tag-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,92,191,.06),rgba(167,139,250,.08));opacity:0;transition:opacity .22s ease}.tag-chip:hover{border-color:#a78bfa;transform:translateY(-3px);box-shadow:0 6px 18px rgba(124,92,191,.15)}.tag-chip:hover:before{opacity:1}.tag-chip:hover .tag-chip__emoji{transform:scale(1.2) rotate(-5deg)}.tag-chip:hover .tag-chip__label{color:#7c5cbf}.tag-chip.active{border-color:#7c5cbf;background:#f0ebff;box-shadow:0 0 0 3px rgba(124,92,191,.18),0 4px 14px rgba(124,92,191,.18)}.tag-chip.active .tag-chip__label{color:#7c5cbf;font-weight:600}.tag-chip.active:after{content:"✓";position:absolute;top:5px;right:7px;font-size:9px;font-weight:700;color:#fff;background:#7c5cbf;width:15px;height:15px;border-radius:50%;flex-direction:row;display:flex;align-items:center;justify-content:center}.tag-chip__emoji{font-size:26px;line-height:1;transition:transform .22s ease}.tag-chip__label{font-size:11px;color:#6b7280;font-weight:500;text-align:center;transition:color .22s ease}.tags-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,191,.15),transparent);margin-bottom:18px}.step-actions{justify-content:flex-end;gap:10px}.btn,.step-actions{display:flex;flex-direction:row;align-items:center}.btn{justify-content:center;gap:7px;border:none;cursor:pointer;font-weight:600;font-size:13px;border-radius:50px;padding:11px 26px;transition:transform box-shadow .15s ease .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#7c5cbf,#a78bfa);color:#fff}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,191,.4)}.btn--ghost{background:transparent;color:#6b7280;border:1.5px solid rgba(0,0,0,.09)}.btn--ghost:hover{background:#f3f4f6;color:#1e1b2e}.tags-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-bottom:24px}.skeleton-chip{height:80px;border-radius:14px;background:linear-gradient(90deg,#f0ebff 25%,#e8e0ff 50%,#f0ebff 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.save-update-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.ll-back{display:inline-flex;align-items:center;gap:6px;color:#5a6480;text-decoration:none;font-size:13px;font-weight:600;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid #1e2740;background:hsla(0,0%,100%,.03);transition:all .2s;margin:5px;max-width:70px}.ll-back svg{width:16px;height:16px}.ll-back:hover{color:#eef0f7;border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.06);transform:translateX(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#161921;border:1px solid #2a2f3d;border-radius:16px;padding:20px;width:90%;max-width:400px}.modal-overlay{padding:30px 0}.modal-content{max-height:calc(100vh - 60px);overflow-y:auto}.ai-voice{padding:0}