@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap";.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--small{padding:4px 8px;font-size:.875rem;min-height:32px}@media(max-width:639px){.ui-btn--small{min-height:36px;padding:8px 16px}}.ui-btn--medium{padding:8px 16px;font-size:1rem;min-height:40px}@media(max-width:639px){.ui-btn--medium{min-height:44px;padding:8px 16px}}.ui-btn--large{padding:16px 24px;font-size:1.125rem;min-height:48px}@media(max-width:639px){.ui-btn--large{min-height:52px}}.ui-btn--primary{background:linear-gradient(135deg,var(--color-primary, #ff7f00),var(--color-secondary, #ff9a2e));color:#fff;box-shadow:0 2px 8px var(--theme-glow, rgba(99, 102, 241, .25))}.ui-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--theme-glow, rgba(99, 102, 241, .35))}.ui-btn--primary:active:not(:disabled){transform:translateY(0)}.ui-btn--default{background:var(--color-bg-secondary, #FFF8F2);color:var(--color-text-primary, #1A1A1B);border:1px solid var(--color-border, rgba(0, 0, 0, .09))}.ui-btn--default:hover:not(:disabled){border-color:var(--color-primary, #ff7f00);color:var(--color-primary, #ff7f00)}.ui-btn--text{background:transparent;color:var(--color-text-secondary, #4A4A4B);padding-left:4px;padding-right:4px}.ui-btn--text:hover:not(:disabled){color:var(--color-primary, #ff7f00);background:rgba(var(--color-primary-rgb, 99, 102, 241),.05)}.ui-btn--link{background:transparent;color:var(--color-primary, #ff7f00);padding:0;min-height:auto}.ui-btn--link:hover:not(:disabled){color:var(--color-secondary, #ff9a2e)}.ui-btn--block{width:100%}.ui-btn--loading{pointer-events:none}.ui-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-btn-spin .6s linear infinite}.ui-btn__icon{display:flex;align-items:center;justify-content:center}.ui-btn__icon svg{width:16px;height:16px}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}.ui-alert{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;border-radius:12px;font-size:1rem}.ui-alert--success{background:#51cf661a;border:1px solid rgba(81,207,102,.2);color:#33ba4a}.ui-alert--success .ui-alert__icon{color:#51cf66}.ui-alert--info{background:#ff7f001a;border:1px solid rgba(255,127,0,.2);color:#c60}.ui-alert--info .ui-alert__icon{color:#ff7f00}.ui-alert--warning{background:#fcc4191a;border:1px solid rgba(252,196,25,.2);color:#c69603}.ui-alert--warning .ui-alert__icon{color:#fcc419}.ui-alert--error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);color:#ff6b6b}.ui-alert--error .ui-alert__icon{color:#ff6b6b}.ui-alert__icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.ui-alert__content{flex:1;min-width:0}.ui-alert__message{font-weight:500}.ui-alert__description{margin-top:4px;font-size:.875rem;opacity:.9}.ui-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ui-modal{background:#fffffff2;border:1px solid rgba(255,255,255,.3)}@media(min-width:768px){.ui-modal{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.ui-modal{position:relative;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;border-radius:24px;box-shadow:0 25px 50px #00000026}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(0,0,0,.09)}.ui-modal__title{font-size:1.375rem;font-weight:700;color:#1a1a1b}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#8a8a8b;border-radius:9999px;cursor:pointer;transition:all .2s ease;margin:-4px -4px -4px 8px}.ui-modal__close:hover{background:#0000000d;color:#1a1a1b}.ui-modal__body{padding:32px;overflow-y:auto;flex:1}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 32px;border-top:1px solid rgba(0,0,0,.09);background:#fff8f2}.dark-mode .ui-modal-overlay{background:#000000b3}.dark-mode .ui-modal{background:var(--color-bg-primary, #1a1a2e);border-color:var(--color-border, rgba(255, 255, 255, .1));box-shadow:0 25px 50px #0006}@media(min-width:768px){.dark-mode .ui-modal{background:#1a1a2ef2}}.dark-mode .ui-modal__header{border-bottom-color:var(--color-border, rgba(255, 255, 255, .1))}.dark-mode .ui-modal__title{color:var(--color-text-primary, #e8e8e8)}.dark-mode .ui-modal__close{color:#ffffff80}.dark-mode .ui-modal__close:hover{background:#ffffff1a;color:#e8e8e8}.dark-mode .ui-modal__footer{border-top-color:var(--color-border, rgba(255, 255, 255, .1));background:var(--color-bg-secondary, #16213e)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.ui-empty__image{color:#4a4a4b;opacity:.5;margin-bottom:16px}.ui-empty__description{font-size:1rem;color:#4a4a4b}.ui-empty__footer{margin-top:24px}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:72px;gap:8px}@media(max-width:639px){.navbar{height:56px;padding:0 4px}}.navbar__logo{display:flex;align-items:center;gap:8px;font-size:1.625rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.navbar__logo span{background:linear-gradient(135deg,var(--color-primary, #ff7f00),var(--color-secondary, #ff9a2e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:639px){.navbar__logo span{display:none}}.navbar__logo svg{color:var(--color-primary, #ff7f00);flex-shrink:0}@media(hover:hover)and (pointer:fine){.navbar__logo:hover{transform:scale(1.02)}.navbar__logo:hover svg{color:var(--color-secondary, #ff9a2e)}}.navbar__links{display:flex;gap:32px}@media(max-width:639px){.navbar__links{gap:16px}}.navbar__links a{position:relative;color:#4a4a4b;text-decoration:none;font-weight:500;font-size:1.125rem;padding:8px 0;transition:color .15s cubic-bezier(.4,0,.2,1)}@media(max-width:639px){.navbar__links a{font-size:1rem;padding:4px 0}}.navbar__links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--color-primary, #ff7f00),var(--color-secondary, #ff9a2e));border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.navbar__links a:hover{color:#1a1a1b}.navbar__links a:hover:after{width:100%}}.navbar__links a.active{color:var(--color-primary, #ff7f00)}.navbar__links a.active:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:16px;flex-shrink:0}@media(max-width:639px){.navbar__actions{gap:8px}}.navbar__actions-group{display:flex;align-items:center;gap:8px}@media(max-width:639px){.navbar__actions-group{gap:4px}}.navbar__user{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#fff3ea;border-radius:9999px;color:#4a4a4b;font-size:1rem;font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle}.navbar__user svg{color:#ff7f00;flex-shrink:0;vertical-align:middle}@media(max-width:639px){.navbar__links--desktop,.navbar__actions--desktop{display:none}}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#1a1a1b;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent}@media(max-width:639px){.navbar__hamburger{display:flex}}.navbar__hamburger:active{background:#ff7f001a}.navbar__mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:998;display:block}@media(min-width:1024px){.navbar__mobile-overlay{display:none}}.navbar__mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#fff;z-index:999;display:flex;flex-direction:column;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:-8px 0 32px #00000026}@media(min-width:1024px){.navbar__mobile-menu{display:none}}.navbar__mobile-user{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:24px;background:#fff3ea;border-radius:20px;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.navbar__mobile-user:active{background:#ffede0}.navbar__mobile-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary, #ff7f00),var(--color-secondary, #ff9a2e));border-radius:9999px;color:#fff}.navbar__mobile-user-info{display:flex;flex-direction:column;gap:2px}.navbar__mobile-username{font-weight:600;color:#1a1a1b;font-size:1.125rem}.navbar__mobile-email{font-size:.875rem;color:#8a8a8b}.navbar__mobile-nav{display:flex;flex-direction:column;gap:4px;flex:1}.navbar__mobile-link{display:flex;align-items:center;gap:16px;padding:16px;border:none;background:transparent;border-radius:12px;color:#4a4a4b;font-size:1.125rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.navbar__mobile-link svg{color:#8a8a8b}.navbar__mobile-link:active{background:#fff3ea}.navbar__mobile-link--active{background:rgba(var(--color-primary-rgb, 99, 102, 241),.1);color:var(--color-primary, #ff7f00)}.navbar__mobile-link--active svg{color:var(--color-primary, #ff7f00)}.navbar__mobile-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(0,0,0,.09)}.dark-mode .navbar__links a{color:var(--color-text-secondary)}.dark-mode .navbar__links a:hover{color:var(--color-text-primary)}.dark-mode .navbar__links a.active{color:var(--color-primary)}.dark-mode .navbar__user{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.dark-mode .navbar__hamburger{color:var(--color-text-primary)}.dark-mode .navbar__hamburger:active{background:#6366f126}.dark-mode .navbar__mobile-menu{background:var(--color-bg-primary)}.dark-mode .navbar__mobile-user{background:var(--color-bg-tertiary)}.dark-mode .navbar__mobile-user:active{background:var(--color-bg-hover)}.dark-mode .navbar__mobile-username{color:var(--color-text-primary)}.dark-mode .navbar__mobile-email{color:var(--color-text-tertiary)}.dark-mode .navbar__mobile-link{color:var(--color-text-secondary)}.dark-mode .navbar__mobile-link svg{color:var(--color-text-tertiary)}.dark-mode .navbar__mobile-link:active{background:var(--color-bg-tertiary)}.dark-mode .navbar__mobile-link--active{background:#6366f126;color:var(--color-primary)}.dark-mode .navbar__mobile-link--active svg{color:var(--color-primary)}.dark-mode .navbar__mobile-actions{border-top-color:var(--color-border)}.main-layout{min-height:100dvh;display:flex;flex-direction:column;background-color:#fff8f2}.main-layout__header{position:sticky;top:0;z-index:100;height:72px;background:#fffffff2;border-bottom:1px solid transparent;padding:0 32px;display:flex;align-items:center;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}@media(min-width:768px){.main-layout__header{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media(min-width:1024px){.main-layout__header{padding:0 64px}}.main-layout__header--scrolled{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.main-layout__header--scrolled{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.main-layout__content{flex:1;padding:32px 24px;max-width:1400px;margin:0 auto;width:100%}@media(min-width:768px){.main-layout__content{padding:48px 32px}}@media(min-width:1024px){.main-layout__content{padding:64px 48px}}.main-layout__footer{text-align:center;padding:48px 24px;background:#fff;color:#8a8a8b;font-size:1rem;border-top:1px solid rgba(0,0,0,.04);margin-top:auto}.main-layout__footer a{color:#4a4a4b}.main-layout__footer a:hover{color:#ff7f00}.dark-mode .main-layout{background-color:var(--color-bg-secondary)}.dark-mode .main-layout__header{background:#1a1a2ef2;border-bottom-color:var(--color-border)}@media(min-width:768px){.dark-mode .main-layout__header{background:#1a1a2ed9}}.dark-mode .main-layout__header--scrolled{background:#1a1a2efa;border-bottom-color:var(--color-border);box-shadow:0 2px 8px #0003}@media(min-width:768px){.dark-mode .main-layout__header--scrolled{background:#1a1a2ef2}}.dark-mode .main-layout__footer{background:var(--color-bg-primary);color:var(--color-text-tertiary);border-top-color:var(--color-border)}.dark-mode .main-layout__footer a{color:var(--color-text-secondary)}.dark-mode .main-layout__footer a:hover{color:var(--color-primary)}.sc-overlay{position:fixed;inset:0;z-index:99999;background:#000000f2;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.sc-setup{display:flex;flex-direction:column;width:100%;max-width:1200px;height:85vh;max-height:800px;background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #0009}.sc-setup__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#12121a;border-bottom:1px solid rgba(255,255,255,.08)}.sc-setup__title{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:600}.sc-setup__title svg{color:#ff9a2e}.sc-setup__actions{display:flex;align-items:center;gap:12px}.sc-setup__actions>button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s;flex-shrink:0}.sc-setup__actions>button svg{width:18px;height:18px}.sc-setup__actions>button:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.sc-setup__actions>button:active{transform:scale(.95)}.sc-setup__main{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.sc-setup__start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px}.sc-setup__start .sc-btn{align-self:center;width:auto;padding:14px 32px}.sc-setup__start .sc-btn svg{display:none}.sc-setup__start svg{color:#ff9a2e;opacity:.7;margin-bottom:8px}.sc-setup__start h2{margin:0;color:#fff;font-size:26px;font-weight:700}.sc-setup__start p{margin:0;color:#ffffffb3;font-size:15px;max-width:400px;line-height:1.5}.sc-setup__canvas-wrap{flex:1;position:relative;background:#000;cursor:crosshair;overflow:hidden}.sc-setup__canvas{position:absolute;top:0;left:0;width:100%;height:100%}.sc-setup__footer{padding:12px 20px;background:#12121a;border-top:1px solid rgba(255,255,255,.08)}.sc-setup__footer-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.sc-setup__result{padding:12px 20px;background:#10b9810d;border-top:1px solid rgba(16,185,129,.2)}.sc-setup__interval{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff0a;border-radius:8px;color:#fff6}.sc-setup__interval svg{color:#ff9a2e;margin-right:4px}.sc-setup__interval-btn{padding:4px 8px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffffb3;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.sc-setup__interval-btn:hover{background:#ffffff1a;color:#fff}.sc-setup__interval-btn.active{background:#ff9a2e;border-color:#ff9a2e;color:#fff}.sc-lang-select{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ff9a2e}.sc-lang-select select{padding:0;background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;outline:none}.sc-lang-select select option{background:#0a0a0f;padding:8px}.sc-loupe{position:absolute;z-index:100;pointer-events:none;background:#12121af2;border:2px solid #ff9a2e;border-radius:12px;overflow:hidden;box-shadow:0 0 0 3px #8b5cf666,0 20px 40px #00000080}.sc-loupe__canvas{display:block;width:120px;height:120px;image-rendering:pixelated}.sc-loupe__label{padding:6px 10px;background:#000c;color:#ffffffb3;font-size:11px;font-weight:600;text-align:center;font-family:JetBrains Mono,monospace}.sc-selection{position:absolute;border:3px solid #ff9a2e;background:#ff9a2e1f;box-shadow:0 0 0 3px #8b5cf666,inset 0 0 30px #ff9a2e14;pointer-events:none;z-index:10;animation:sc-selection-pulse 1.5s ease-in-out infinite}.sc-result-text{padding:10px 14px;background:#ffffff0f;border-radius:10px;color:#fff;font-size:14px;font-weight:500;line-height:1.5;word-break:break-word;max-height:80px;overflow-y:auto}.sc-result-actions{display:flex;gap:8px;margin-top:10px}.sc-result-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.sc-result-actions button:hover{background:#ffffff1a;color:#fff}.sc-result-actions .sc-btn--send{background:#ff9a2e;border-color:#ff9a2e;color:#fff;transition:all .2s ease}.sc-result-actions .sc-btn--send:hover:not(:disabled){background:#ff8605}.sc-result-actions .sc-btn--send.sent{background:#10b981;border-color:#10b981;cursor:default}.sc-result-actions .sc-btn--explain{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:#f59e0b;color:#fff}.sc-result-actions .sc-btn--explain:hover{background:linear-gradient(135deg,#d97706,#dc2626)}.sc-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sc-btn:hover{background:#ffffff1a;color:#fff}.sc-btn:disabled{opacity:.5;cursor:not-allowed}.sc-btn--primary{background:#ff9a2e;border-color:#ff9a2e;color:#fff}.sc-btn--primary:hover{background:#ff8605;transform:translateY(-1px);box-shadow:0 6px 20px #ff9a2e4d}.sc-btn--stop{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.sc-btn--stop:hover{background:#ef444433}.sc-btn--active{background:#10b981;border-color:#10b981;color:#fff;animation:sc-glow-green 1.5s ease-in-out infinite}.sc-btn--active:hover{background:#0d9367}.spin{animation:sc-spin 1s linear infinite}.sc-compact{position:fixed;bottom:24px;right:24px;z-index:99999;width:420px;background:#12121af2;border:1px solid rgba(255,154,46,.25);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;backdrop-filter:blur(20px);overflow:hidden;cursor:grab;user-select:none}.sc-compact:active{cursor:grabbing}.sc-compact__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08)}.sc-compact__title{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:12px;font-weight:600}.sc-compact__title svg{color:#ff9a2e}.sc-compact__badge{padding:2px 7px;background:#ff9a2e;border-radius:10px;color:#fff;font-size:10px;font-weight:700;animation:sc-pulse 1s ease-in-out infinite}.sc-compact__btns{display:flex;gap:6px}.sc-compact__btns button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0f;border:none;border-radius:6px;color:#fff6;cursor:pointer;transition:all .15s}.sc-compact__btns button:hover{background:#ffffff1f;color:#fff}.sc-compact__settings{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.08)}.sc-compact__lang-select{flex:1;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff;font-size:11px;cursor:pointer;outline:none}.sc-compact__lang-select:hover{background:#ffffff1a}.sc-compact__lang-select option{background:#0a0a0f}.sc-compact__interval{display:flex;align-items:center;gap:4px;color:#fff6}.sc-compact__interval svg{margin-right:2px}.sc-compact__interval-btn{padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff6;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.sc-compact__interval-btn:hover{background:#ffffff1a;color:#fff}.sc-compact__interval-btn.active{background:#ff9a2e;border-color:#ff9a2e;color:#fff}.sc-compact__preview{position:relative;background:#000;min-height:120px}.sc-compact__canvas{display:block;width:100%;height:auto;min-height:120px}.sc-compact__auto-indicator{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:5px;padding:4px 10px;background:#10b981e6;border-radius:12px;color:#fff;font-size:10px;font-weight:700;animation:sc-pulse 1s ease-in-out infinite}.sc-compact__auto-indicator svg{animation:sc-zap .6s ease-in-out infinite}.sc-compact__result{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#10b98114;border-top:1px solid rgba(16,185,129,.2)}.sc-compact__result-text{flex:1;color:#fff;font-size:12px;line-height:1.5;word-break:break-word;max-height:80px;overflow-y:auto}.sc-compact__result-actions{display:flex;gap:4px;flex-shrink:0}.sc-compact__result-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff14;border:none;border-radius:6px;color:#fff6;cursor:pointer;transition:all .15s}.sc-compact__result-actions button:hover{background:#ffffff26;color:#fff}.sc-compact__result-actions .sc-compact__btn--explain{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.sc-compact__result-actions .sc-compact__btn--explain:hover{background:linear-gradient(135deg,#d97706,#dc2626)}.sc-compact__actions{display:flex;padding:10px;gap:8px;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.sc-compact__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.sc-compact__btn:hover{background:#ffffff1a;color:#fff}.sc-compact__btn:disabled{opacity:.4;cursor:not-allowed}.sc-compact__btn.active{background:#10b981;border-color:#10b981;color:#fff;animation:sc-glow-green 1.5s ease-in-out infinite}.sc-compact__btn.active svg{animation:sc-zap .5s ease-in-out infinite}.sc-compact__btn--send{background:#ff9a2e;border-color:#ff9a2e;color:#fff;transition:all .2s ease}.sc-compact__btn--send:hover:not(:disabled){background:#ff8605}.sc-compact__btn--send.sent{background:#10b981;border-color:#10b981;cursor:default}.sc-compact__btn--explain{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:transparent;color:#fff}.sc-compact__btn--explain:hover{background:linear-gradient(135deg,#d97706,#dc2626)}@keyframes sc-spin{to{transform:rotate(360deg)}}@keyframes sc-selection-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf666,inset 0 0 30px #ff9a2e14}50%{box-shadow:0 0 0 6px #ff9a2e33,inset 0 0 30px #ff9a2e0a}}@keyframes sc-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes sc-glow{0%,to{box-shadow:0 0 #ff9a2e66}50%{box-shadow:0 0 0 6px #ff9a2e00}}@keyframes sc-glow-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes sc-zap{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:600px){.sc-overlay{padding:10px}.sc-setup{height:95vh;max-height:none;border-radius:16px}.sc-setup__header{padding:12px 16px}.sc-setup__title{font-size:14px}.sc-setup__title svg{width:18px;height:18px}.sc-setup__actions{gap:8px}.sc-setup__actions>button{width:40px;height:40px;border-radius:10px}.sc-setup__actions>button svg{width:20px;height:20px}.sc-setup__footer{padding:10px 12px}.sc-setup__footer-row{gap:6px}.sc-lang-select{padding:6px 10px}.sc-lang-select select{font-size:16px}.sc-btn{padding:10px 14px;font-size:13px}.sc-compact{width:calc(100vw - 20px);right:10px;bottom:10px;border-radius:14px}}.floating-widget{width:320px;background:#0f0f19f2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,0 0 40px #8b5cf64d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;user-select:none;transform:translateZ(0);contain:layout style;will-change:transform}.floating-widget--minimized{width:auto}.floating-widget--dragging{cursor:grabbing;box-shadow:0 16px 48px #00000080,0 0 60px #8b5cf64d}.floating-widget__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab}.floating-widget__header:active{cursor:grabbing}.floating-widget__header-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff}.floating-widget__header-left svg{color:#ff9a2e}.floating-widget__grip{color:#fff6!important;cursor:grab}.floating-widget__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#10b981;border-radius:9px;font-size:10px;font-weight:700;color:#fff}.floating-widget__header-actions{display:flex;gap:4px}.floating-widget__header-actions button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;color:#fff6;cursor:pointer;transition:all .15s}.floating-widget__header-actions button:hover{background:#ffffff1a;color:#fff}.floating-widget__body{padding:12px;overflow:hidden}.floating-widget__settings{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.floating-widget__settings label{display:block;font-size:11px;font-weight:500;color:#fff6;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.floating-widget__settings input{width:100%;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;color:#fff;transition:border-color .2s}.floating-widget__settings input::placeholder{color:#fff6}.floating-widget__settings input:focus{outline:none;border-color:#ff9a2e}.floating-widget__input-group{position:relative;margin-bottom:8px}.floating-widget__word-input{width:100%;padding:12px 40px 12px 12px;background:#ffffff14;border:1px solid transparent;border-radius:8px;font-size:16px;font-weight:600;color:#fff;transition:all .2s}.floating-widget__word-input::placeholder{color:#fff6;font-weight:400}.floating-widget__word-input:focus{outline:none;border-color:#ff9a2e;background:#ffffff1a}.floating-widget__speak{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#fff6;cursor:pointer;transition:all .15s}.floating-widget__speak:hover{background:#8b5cf633;color:#ff9a2e}.floating-widget__context-input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;font-size:16px;color:#ffffffb3;resize:none;font-family:inherit;transition:all .2s}.floating-widget__context-input::placeholder{color:#fff6}.floating-widget__context-input:focus{outline:none;border-color:#ff9a2e80;background:#ffffff14}.floating-widget__actions{display:flex;gap:8px;margin-top:10px}.floating-widget__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.floating-widget__btn:disabled{opacity:.5;cursor:not-allowed}.floating-widget__btn--explain{background:#ff9a2e;color:#fff}.floating-widget__btn--explain:hover:not(:disabled){background:#ff8e15;transform:translateY(-1px)}.floating-widget__btn--save{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.floating-widget__btn--save:hover:not(:disabled){background:#10b981;color:#fff}.floating-widget__spinner{animation:spin 1s linear infinite}.floating-widget__explanation{margin-top:12px;padding:12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px}.floating-widget__explanation-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.floating-widget__explanation-word{font-size:16px;font-weight:700;color:#ff9a2e}.floating-widget__explanation-pos{padding:2px 8px;background:#ffffff1a;border-radius:4px;font-size:10px;font-weight:500;color:#fff6;text-transform:uppercase}.floating-widget__explanation-meaning{font-size:13px;line-height:1.5;color:#ffffffb3;margin:0}.floating-widget__toggle-more{display:flex;align-items:center;gap:4px;margin-top:8px;padding:0;background:transparent;border:none;font-size:11px;font-weight:500;color:#ff9a2e;cursor:pointer}.floating-widget__toggle-more:hover{text-decoration:underline}.floating-widget__explanation-full{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.floating-widget__explanation-section{margin-bottom:10px}.floating-widget__explanation-section:last-child{margin-bottom:0}.floating-widget__explanation-section strong{display:block;font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.floating-widget__explanation-section p{margin:0;font-size:12px;line-height:1.5;color:#ffffffb3}.floating-widget__similar{display:flex;flex-wrap:wrap;gap:6px}.floating-widget__similar-word{padding:3px 8px;background:#ffffff14;border-radius:4px;font-size:11px;color:#ffffffb3}.floating-widget__quick-tip{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#fff6;text-align:center}.floating-widget__tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:#ffffff0d;border-radius:8px}.floating-widget__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#fff6;cursor:pointer;transition:all .2s}.floating-widget__tab:hover{color:#ffffffb3;background:#ffffff0d}.floating-widget__tab--active,.floating-widget__tab--active:hover{background:#ff9a2e;color:#fff}.floating-widget__screen-capture-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf626,#06b6d426);border:1px dashed rgba(139,92,246,.4);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.floating-widget__screen-capture-btn>svg:first-child{color:#ff9a2e;flex-shrink:0}.floating-widget__screen-capture-btn>svg:last-child{color:#fff6;margin-left:auto;flex-shrink:0}.floating-widget__screen-capture-btn>div{display:flex;flex-direction:column;gap:2px}.floating-widget__screen-capture-btn:hover{background:linear-gradient(135deg,#8b5cf640,#06b6d440);border-color:#ff9a2e;transform:translateY(-1px)}.floating-widget__screen-capture-btn:hover>svg:last-child{color:#ff9a2e}.floating-widget__screen-capture-btn:active{transform:translateY(0)}.floating-widget__screen-capture-title{font-size:13px;font-weight:600;color:#fff}.floating-widget__screen-capture-desc{font-size:10px;color:#fff6}.floating-widget__capture-row{display:flex;gap:8px;margin-bottom:12px}.floating-widget__capture-row .floating-widget__screen-capture-btn{flex:1;margin-bottom:0}.floating-widget__auto-btn{display:flex;align-items:center;justify-content:center;width:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff6;cursor:pointer;transition:all .2s}.floating-widget__auto-btn:hover{background:#ffffff1a;color:#fff}.floating-widget__auto-btn.active{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#10b981;color:#fff;animation:pulse-glow 1.5s ease-in-out infinite}.floating-widget__auto-btn.active svg{animation:zap-pulse .6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 16px #10b98199}}@keyframes zap-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.floating-widget__nav{display:flex;flex-direction:column;gap:12px}.floating-widget__nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.floating-widget__nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.floating-widget__nav-item svg{color:var(--nav-color, rgba(255, 255, 255, .4));transition:transform .2s}.floating-widget__nav-item span{font-size:9px;font-weight:500;text-align:center;line-height:1.2}.floating-widget__nav-item:hover{background:#ffffff1a;border-color:var(--nav-color, #ff9a2e)}.floating-widget__nav-item:hover svg{transform:scale(1.15)}.floating-widget__nav-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.floating-widget__nav-section-title{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.floating-widget__nav-section-title svg{color:#ff9a2e}.floating-widget__ai-links{display:flex;flex-direction:column;gap:6px}.floating-widget__ai-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.floating-widget__ai-item:hover{background:#ffffff1a;border-color:var(--nav-color, #ff9a2e)}.floating-widget__ai-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff14;border-radius:8px}.floating-widget__ai-icon svg{color:var(--nav-color, #ff9a2e)}.floating-widget__ai-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.floating-widget__ai-label{font-size:12px;font-weight:600;color:#fff}.floating-widget__ai-desc{font-size:10px;color:#fff6}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:400px){.floating-widget{width:calc(100vw - 32px);max-width:320px}}.ach-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.ach-popup__backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ach-popup__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 32px 24px;background:#fff;border-radius:32px;max-width:380px;width:100%;box-shadow:0 25px 80px #0000004d;overflow:hidden}@media(max-width:480px){.ach-popup__card{padding:24px 16px 16px;max-width:calc(100vw - 32px);border-radius:24px}}.ach-popup__card--common{border:2px solid rgba(200,200,200,.4)}.ach-popup__card--rare{border:2px solid rgba(99,102,241,.5);box-shadow:0 25px 80px #0000004d,0 0 40px #6366f126}.ach-popup__card--legendary{border:2px solid rgba(245,158,11,.6);box-shadow:0 25px 80px #0000004d,0 0 60px #f59e0b33,0 0 120px #f59e0b14}.ach-popup__header{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#8a8a8b;margin-bottom:16px}.ach-popup__tier{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:3px 10px;border-radius:9999px}.ach-popup__tier--common{background:#a0a0a026;color:#999}.ach-popup__tier--rare{background:#6366f11f;color:#f59e0b}.ach-popup__tier--legendary{background:linear-gradient(135deg,#f59e0b26,#ea580c26);color:#f59e0b}.ach-popup__glow{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}@media(max-width:480px){.ach-popup__glow{width:120px;height:120px}}.ach-popup__glow:before{content:"";position:absolute;inset:-20px;border-radius:50%;opacity:.5;animation:ach-glow-breathe 2s ease-in-out infinite}.ach-popup__glow--common:before{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.ach-popup__glow--rare:before{background:radial-gradient(circle,rgba(99,102,241,.35) 0%,rgba(99,102,241,.05) 50%,transparent 70%)}.ach-popup__glow--legendary:before{background:radial-gradient(circle,rgba(245,158,11,.4) 0%,rgba(245,158,11,.08) 50%,transparent 70%)}.ach-popup__badge{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:ach-badge-pulse 2.5s ease-in-out infinite}@media(max-width:480px){.ach-popup__badge{width:90px;height:90px}}.ach-popup__badge--common{background:linear-gradient(145deg,#f0f0f0,#d8d8d8);box-shadow:0 8px 30px #0000001a,inset 0 2px 4px #ffffff80}.ach-popup__badge--rare{background:linear-gradient(145deg,#fbbf24,#d47b0f);box-shadow:0 8px 30px #6366f159,inset 0 2px 4px #fff3}.ach-popup__badge--legendary{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 8px 40px #f59e0b66,0 0 60px #f59e0b26,inset 0 2px 4px #ffffff4d}.ach-popup__icon{font-size:52px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@media(max-width:480px){.ach-popup__icon{font-size:42px}}.ach-popup__title{font-size:2rem;font-weight:700;margin:0 0 4px;color:#1a1a1b}@media(max-width:480px){.ach-popup__title{font-size:1.625rem}}.ach-popup__title--common{color:#1a1a1b}.ach-popup__title--rare{color:#d47b0f}.ach-popup__title--legendary{background:linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ach-golden-shimmer 3s linear infinite}.ach-popup__desc{font-size:1rem;color:#4a4a4b;margin:0 0 16px;max-width:280px;line-height:1.5}.ach-popup__xp{font-size:1.625rem;font-weight:700;margin-bottom:24px;padding:8px 24px;border-radius:9999px}.ach-popup__xp--common{background:#a0a0a01a;color:#888}.ach-popup__xp--rare{background:#6366f11a;color:#f59e0b}.ach-popup__xp--legendary{background:linear-gradient(135deg,#f59e0b1f,#ea580c1f);color:#d97706}.ach-popup__btn{width:100%;max-width:240px;padding:16px 32px;border:none;border-radius:20px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.ach-popup__btn--common{background:linear-gradient(135deg,#e0e0e0,#c8c8c8);color:#555}.ach-popup__btn--common:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.ach-popup__btn--rare{background:linear-gradient(135deg,#f59e0b,#d47b0f);color:#fff}.ach-popup__btn--rare:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.ach-popup__btn--legendary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ach-popup__btn--legendary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.ach-popup__queue{margin-top:8px;font-size:.875rem;color:#8a8a8b;letter-spacing:1px}@keyframes ach-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ach-glow-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ach-golden-shimmer{0%{background-position:0% center}to{background-position:200% center}}.dark-mode .ach-popup__card{background:#1a1a2e}.dark-mode .ach-popup__card--common{border-color:#c8c8c833}.dark-mode .ach-popup__card--rare{border-color:#6366f180;box-shadow:0 25px 80px #00000080,0 0 50px #6366f133}.dark-mode .ach-popup__card--legendary{border-color:#f59e0b80;box-shadow:0 25px 80px #00000080,0 0 80px #f59e0b40,0 0 150px #f59e0b1a}.dark-mode .ach-popup__header{color:#ffffff80}.dark-mode .ach-popup__tier--common{background:#c8c8c81a;color:#aaa}.dark-mode .ach-popup__tier--rare{background:#6366f133;color:#fbbf24}.dark-mode .ach-popup__tier--legendary{background:linear-gradient(135deg,#f59e0b33,#ea580c33);color:#fbbf24}.dark-mode .ach-popup__badge--common{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:0 8px 30px #0000004d,inset 0 2px 4px #ffffff14}.dark-mode .ach-popup__badge--rare{box-shadow:0 8px 30px #6366f166,0 0 40px #6366f126,inset 0 2px 4px #ffffff26}.dark-mode .ach-popup__badge--legendary{box-shadow:0 8px 40px #f59e0b80,0 0 80px #f59e0b33,inset 0 2px 4px #fff3}.dark-mode .ach-popup__title--common{color:#e0e0e0}.dark-mode .ach-popup__title--rare{color:#fbbf24}.dark-mode .ach-popup__desc{color:#fff9}.dark-mode .ach-popup__xp--common{background:#c8c8c814;color:#bbb}.dark-mode .ach-popup__xp--rare{background:#6366f126;color:#fbbf24}.dark-mode .ach-popup__xp--legendary{background:linear-gradient(135deg,#f59e0b26,#ea580c26);color:#fbbf24}.dark-mode .ach-popup__btn--common{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#ddd}.dark-mode .ach-popup__btn--common:hover{box-shadow:0 6px 20px #ffffff14}.dark-mode .ach-popup__queue{color:#fff6}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:9999;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;overflow:hidden}.offline-indicator--offline{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.offline-indicator--syncing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.offline-indicator--reconnected{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.offline-indicator__content{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;min-height:36px;padding-top:max(8px,env(safe-area-inset-top))}.offline-indicator__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.offline-indicator__icon svg{display:block}.offline-indicator__text{display:flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:.02em}.offline-indicator__badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:9999px;background:#ffffff40;font-size:.875rem;font-weight:500}.offline-indicator__dismiss{display:flex;align-items:center;justify-content:center;padding:4px;margin-left:4px;background:#fff3;border:none;border-radius:50%;color:inherit;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.offline-indicator__dismiss:hover{background:#ffffff59}.offline-indicator__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff80;transform-origin:left}[data-theme=dark] .offline-indicator--offline{background:linear-gradient(135deg,#92400e,#78350f)}[data-theme=dark] .offline-indicator--syncing{background:linear-gradient(135deg,#1e40af,#1e3a8a)}[data-theme=dark] .offline-indicator--reconnected{background:linear-gradient(135deg,#065f46,#064e3b)}.it-popup{min-width:180px;max-width:280px;padding:12px 14px 10px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f;pointer-events:auto;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.it-popup__close{position:absolute;top:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:#0000000f;border-radius:50%;color:#8a8a8b;cursor:pointer;padding:0;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.it-popup__close:hover{background:#0000001a;color:#1a1a1b}.it-popup__word-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.it-popup__word{font-size:1.1rem;font-weight:700;color:#1a1a1b;letter-spacing:-.01em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it-popup__speak{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:#ff7f001a;border-radius:50%;color:#ff7f00;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.it-popup__speak:hover{background:#ff7f002e;transform:scale(1.08)}.it-popup__speak:active{transform:scale(.94)}.it-popup__translation{font-size:.95rem;color:#4a4a4b;line-height:1.4;margin-bottom:8px;min-height:20px}.it-popup__error{color:#8a8a8b;font-style:italic;font-size:.85rem}.it-popup__loading-dots{display:inline-flex;gap:4px}.it-popup__loading-dots span{width:6px;height:6px;border-radius:50%;background:#8a8a8b;animation:it-popup-dot .8s ease-in-out infinite}.it-popup__loading-dots span:nth-child(2){animation-delay:.15s}.it-popup__loading-dots span:nth-child(3){animation-delay:.3s}@keyframes it-popup-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.it-popup__alts{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.it-popup__alt-group{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.it-popup__alt-group+.it-popup__alt-group{margin-top:4px}.it-popup__alt-pos{font-size:.65rem;color:#64748b;font-style:italic;margin-right:2px}.it-popup__alt-term{font-size:.75rem;color:#94a3b8;padding:1px 6px;border-radius:4px;background:#ffffff0a}.it-popup__alt-term+.it-popup__alt-term:before{content:""}.it-popup__save{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:1px solid rgba(255,127,0,.2);background:#ff7f000f;border-radius:10px;color:#ff7f00;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.it-popup__save:hover:not(:disabled){background:#ff7f001f;border-color:#ff7f0059}.it-popup__save:active:not(:disabled){transform:scale(.97)}.it-popup__save--saved{color:#51cf66;border-color:#51cf6633;background:#51cf660f;cursor:default}.it-popup__arrow{position:absolute;width:14px;height:14px;background:#fff;left:50%;transform:translate(-50%) rotate(45deg);box-shadow:2px 2px 4px #0000000f}.it-popup--arrow-down .it-popup__arrow{bottom:-6px;box-shadow:2px 2px 4px #0000000f}.it-popup--arrow-up .it-popup__arrow{top:-6px;box-shadow:-2px -2px 4px #0000000f}.dark-mode .it-popup{background:#2a2a36;box-shadow:0 8px 32px #00000059,0 2px 8px #0003}.dark-mode .it-popup__close{background:#ffffff14;color:#888}.dark-mode .it-popup__close:hover{background:#ffffff24;color:#ccc}.dark-mode .it-popup__word{color:#eee}.dark-mode .it-popup__speak{background:#ff7f0026}.dark-mode .it-popup__translation{color:#bbb}.dark-mode .it-popup__save{background:#ff7f001a;border-color:#ff7f0033}.dark-mode .it-popup__save:hover:not(:disabled){background:#ff7f002e}.dark-mode .it-popup__arrow{background:#2a2a36}.ft{font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;width:100%;min-width:320px;max-width:400px;background:#111827;color:#e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transform:translateZ(0);contain:layout style;will-change:transform}.ft--pip{min-width:unset;max-width:unset;width:100vw;height:100dvh;border-radius:0;background:#0f1321}.ft__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0f1321;border-bottom:1px solid rgba(255,255,255,.06);cursor:grab;user-select:none}.ft__header:active{cursor:grabbing}.ft__title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:#fff}.ft__title svg{color:#ff7f00}.ft__close-btn{width:30px;height:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#64748b;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.ft__close-btn:hover{background:#ffffff1a;color:#94a3b8}.ft__body{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1;overflow-y:auto}.ft__lang-row{display:flex;align-items:center;gap:8px}.ft__lang-select{flex:1;padding:10px 30px 10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#1e293b;color:#e2e8f0;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .15s}.ft__lang-select option{background:#1e293b;color:#e2e8f0}.ft__lang-select:hover{border-color:#ffffff2e}.ft__lang-select:focus{border-color:#ff7f00;box-shadow:0 0 0 2px #ff7f0026}.ft__swap-btn{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .25s;flex-shrink:0}.ft__swap-btn:hover:not(:disabled){color:#fff;background:#ff7f00;border-color:#ff7f00;transform:rotate(180deg)}.ft__swap-btn:disabled{opacity:.2;cursor:not-allowed}.ft__input-wrap{position:relative}.ft__input{width:100%;padding:14px 40px 14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#1e293b;color:#e2e8f0;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:max(16px,.95rem);resize:none;outline:none;min-height:80px;line-height:1.5;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.ft__input::placeholder{color:#475569}.ft__input:focus{border-color:#ff7f00;box-shadow:0 0 0 3px #ff7f001f}.ft__clear-btn{position:absolute;top:10px;right:10px;background:#ffffff14;border:none;color:#64748b;cursor:pointer;padding:5px;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:all .15s}.ft__clear-btn:hover{color:#ff6b6b;background:#ff6b6b26}.ft__translate-btn{width:100%;padding:12px 20px;border:none;border-radius:12px;background:#ff7f00;color:#fff;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 16px #ff7f004d}.ft__translate-btn:hover:not(:disabled){background:#ff8c1a;transform:translateY(-1px);box-shadow:0 6px 24px #ff7f0066}.ft__translate-btn:active:not(:disabled){transform:translateY(0)}.ft__translate-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ft__result{background:#1e293b;border-radius:12px;padding:16px;min-height:50px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.08)}.ft__result-text{font-size:1.15rem;font-weight:600;line-height:1.45;word-break:break-word;color:#fff}.ft__result-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ft__action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 13px;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.78rem;font-weight:500;color:#94a3b8;transition:all .15s}.ft__action-btn:hover:not(:disabled){background:#ff7f00;color:#fff;border-color:#ff7f00}.ft__action-btn:disabled{opacity:.3;cursor:not-allowed}.ft__action-btn--saved{color:#51cf66;border-color:#51cf6633;background:#51cf6614;pointer-events:none}.ft__loading{display:flex;align-items:center;justify-content:center;gap:7px;padding:16px 0}.ft__loading span{width:8px;height:8px;border-radius:50%;background:#ff7f00;animation:ft-bounce 1.2s ease-in-out infinite}.ft__loading span:nth-child(2){animation-delay:.2s}.ft__loading span:nth-child(3){animation-delay:.4s}.ft__error{color:#ff6b6b;font-size:.82rem;text-align:center;padding:10px;background:#ff6b6b14;border-radius:8px}.ft__alternatives{background:#1e293b;border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.ft__alt-header{padding:12px 16px;font-size:.85rem;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.06)}.ft__alt-header strong{color:#e2e8f0}.ft__alt-group+.ft__alt-group{border-top:1px solid rgba(255,255,255,.04)}.ft__alt-pos{padding:8px 16px 4px;font-size:.75rem;color:#64748b;font-style:italic;text-transform:lowercase}.ft__alt-entry{padding:8px 16px}.ft__alt-entry+.ft__alt-entry{border-top:1px solid rgba(255,255,255,.03)}.ft__alt-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ft__alt-term{font-size:.95rem;font-weight:600;color:#e2e8f0}.ft__alt-save{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .15s}.ft__alt-save:hover:not(:disabled){background:#ff7f00;color:#fff;border-color:#ff7f00}.ft__alt-save--saved{color:#51cf66;border-color:#51cf664d;pointer-events:none}.ft__alt-save:disabled{opacity:.3}.ft__alt-synonyms{font-size:.78rem;color:#64748b;margin-top:3px;line-height:1.4}@keyframes ft-bounce{0%,60%,to{transform:translateY(0);opacity:.25}30%{transform:translateY(-8px);opacity:1}}.ft-panel{position:fixed;z-index:99999;box-shadow:0 20px 60px #0009,0 0 1px #ffffff14;border-radius:16px;overflow:hidden}.ft-robot{position:fixed;top:62%;right:-28px;transform:translateY(-50%);z-index:99998;width:56px;height:68px;padding:0;background:transparent;border:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:ft-robot-float 6s ease-in-out infinite alternate;transition:right .3s cubic-bezier(.34,1.56,.64,1),filter .2s ease;filter:drop-shadow(-4px 6px 12px rgba(255,127,0,.35))}.ft-robot:hover{right:10px;filter:drop-shadow(-6px 8px 18px rgba(255,127,0,.55))}.ft-robot:active{cursor:grabbing}@media(max-width:640px){.ft-robot{top:58%;right:-26px;width:52px;height:62px}}.ft-robot__antenna{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(180deg,#ffffffa6,#ffffff26);border-radius:1px}.ft-robot__antenna-dot{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffea7a,#ffae1f 70%);box-shadow:0 0 8px #ffc832e6,0 0 14px #ffaa1e99;animation:ft-robot-led 5s ease-in-out infinite}.ft-robot__head{position:absolute;inset:10px 2px 4px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 55%),linear-gradient(150deg,#ff9a2e,#ff7a1a 55%,#e5610a);border-radius:18px 18px 22px 22px;border:2px solid rgba(255,255,255,.24);box-shadow:inset 0 2px #ffffff4d,inset 0 -4px 8px #0003,0 4px 12px #00000059}.ft-robot__eye{position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:22px;border-radius:10px;background:linear-gradient(160deg,#0b1020,#1a2340);border:1.5px solid rgba(255,255,255,.35);box-shadow:inset 0 0 10px #00d2ff59,inset 0 1px 2px #000c;display:flex;align-items:center;justify-content:center;overflow:hidden}.ft-robot__pupil{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#7bf2ff 40%,#00c6ff);box-shadow:0 0 8px #00e6ffe6;animation:ft-robot-blink 8s ease-in-out infinite,ft-robot-look 10s ease-in-out infinite}.ft-robot__ear{position:absolute;top:14px;width:6px;height:14px;background:linear-gradient(180deg,#e5610a,#b84608);border:1.5px solid rgba(255,255,255,.25);border-radius:3px;box-shadow:inset 0 1px #ffffff40}.ft-robot__ear--l{left:-4px}.ft-robot__ear--r{right:-4px}.ft-robot__bubble{position:absolute;top:-12px;right:calc(100% + 14px);white-space:nowrap;padding:8px 14px;background:#fff;color:#1a1a2e;font-size:13px;font-weight:700;border-radius:14px 14px 4px;box-shadow:0 6px 18px #00000059,0 0 0 1px #ff9a2e40;pointer-events:none}.ft-robot__bubble:after{content:"";position:absolute;bottom:-1px;right:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:1px 1px #ff9a2e40}@keyframes ft-robot-float{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50.8%) translate(-1px)}}@keyframes ft-robot-led{0%,to{box-shadow:0 0 6px #ffc832a6,0 0 10px #ffaa1e59}50%{box-shadow:0 0 8px #ffc832d9,0 0 14px #ffaa1e80}}@keyframes ft-robot-blink{0%,95%,to{transform:scaleY(1)}96.5%{transform:scaleY(.2)}}@keyframes ft-robot-look{0%,50%{transform:translate(0)}60%{transform:translate(2px)}70%,92%{transform:translate(-2px)}to{transform:translate(0)}}.ft-launch-btn{display:none}.ft-mobile-shell{position:fixed;bottom:64px;left:0;right:0;z-index:99999;max-height:70vh;background:#111827;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #00000080,0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column}.ft-mobile-shell .ft--mobile-inline{max-width:100%;min-width:100%;max-height:70vh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.ft-mobile-shell .ft--mobile-inline .ft__header{padding:10px 16px;user-select:none;-webkit-user-select:none;flex-shrink:0}.ft-mobile-shell .ft--mobile-inline .ft__body{padding:10px 16px 16px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;box-sizing:border-box;gap:10px}.ft-mobile-shell .ft--mobile-inline .ft__input-wrap,.ft-mobile-shell .ft--mobile-inline .ft__input{max-width:100%;box-sizing:border-box}.ft-mobile-shell .ft--mobile-inline .ft__input{min-height:56px}.ft-mobile-shell .ft--mobile-inline .ft__input:focus{box-shadow:0 0 0 2px #6366f159}.ft-mobile-shell .ft--mobile-inline .ft__lang-row{max-width:100%}.ft-mobile-shell .ft--mobile-inline .ft__lang-select{min-width:0}.ft-mobile-shell .ft--mobile-inline .ft__result,.ft-mobile-shell .ft--mobile-inline .ft__alternatives{max-width:100%;box-sizing:border-box;word-break:break-word}.ft__header-actions{display:flex;align-items:center;gap:6px}.ft__minimize-btn{background:#ffffff14;border:none;border-radius:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:background .18s ease,color .18s ease}.ft__minimize-btn:hover{background:#ffffff29;color:#fff}.ft__notif-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#ff9a2e2e,#fbbf2424);border-bottom:1px solid rgba(255,154,46,.25);color:#fff8ef;font-size:12px}.ft__notif-banner svg{flex-shrink:0;color:#ffb347}.ft__notif-banner-text{flex:1;min-width:0;line-height:1.3}.ft__notif-banner-btn{background:linear-gradient(135deg,#ff9a2e,#fbbf24);color:#1a1a2e;border:none;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease}.ft__notif-banner-btn:hover{transform:scale(1.04);box-shadow:0 4px 12px #ff9a2e66}.ft__notif-banner-btn:active{transform:scale(.96)}.ft__notif-banner-close{background:transparent;border:none;color:#ffffff8c;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s ease,color .15s ease}.ft__notif-banner-close:hover{background:#ffffff14;color:#fff}@media(max-width:768px){.ft:not(.ft--mobile-inline){max-width:100%;min-width:100%;border-radius:0}.ft:not(.ft--mobile-inline) .ft__header{padding:16px 20px}.ft:not(.ft--mobile-inline) .ft__title{font-size:1.1rem;gap:12px}.ft:not(.ft--mobile-inline) .ft__body{padding:16px 20px;gap:16px}.ft:not(.ft--mobile-inline) .ft__lang-select{padding:14px 36px 14px 16px;font-size:1rem;border-radius:12px}.ft:not(.ft--mobile-inline) .ft__swap-btn{width:40px;height:40px}.ft:not(.ft--mobile-inline) .ft__input{font-size:1.1rem;min-height:100px;padding:16px 44px 16px 20px;border-radius:14px}.ft:not(.ft--mobile-inline) .ft__translate-btn{padding:16px 24px;font-size:1.1rem;border-radius:14px}.ft:not(.ft--mobile-inline) .ft__result{padding:16px 20px;border-radius:14px;font-size:1.1rem}.ft:not(.ft--mobile-inline) .ft__result-actions{gap:10px;margin-top:14px}.ft:not(.ft--mobile-inline) .ft__result-btn{padding:10px 16px;font-size:.9rem}}.challenge-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:380px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.challenge-popup__timer-bar{height:3px;background:#0000000f}.challenge-popup__timer-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width 1s linear}.challenge-popup__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#0000000f;color:#0006;display:flex;align-items:center;justify-content:center;cursor:pointer}.challenge-popup__close:hover{background:#0000001f}.challenge-popup__content{display:flex;flex-direction:column;align-items:center;padding:20px 24px 24px;gap:8px}.challenge-popup__icon{color:#f59e0b;margin-bottom:4px}.challenge-popup__avatar{font-size:2.5rem;line-height:1}.challenge-popup__text{display:flex;flex-direction:column;align-items:center;gap:2px}.challenge-popup__username{font-size:1.375rem;font-weight:700;color:#1a1a1b}.challenge-popup__label{font-size:1rem;color:#4a4a4b}.challenge-popup__actions{display:flex;gap:10px;width:100%;margin-top:8px}.challenge-popup__btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.challenge-popup__btn--accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.challenge-popup__btn--accept:hover{box-shadow:0 6px 20px #10b98166}.challenge-popup__btn--accept:disabled{opacity:.6}.challenge-popup__btn--decline{background:#0000000f;color:#4a4a4b}.challenge-popup__btn--decline:hover{background:#0000001a}.dark-mode .challenge-popup{background:#1a1a2e;border-color:#ffffff14}.dark-mode .challenge-popup__timer-bar{background:#ffffff0f}.dark-mode .challenge-popup__close{background:#ffffff14;color:#ffffff80}.dark-mode .challenge-popup__close:hover{background:#ffffff26}.dark-mode .challenge-popup__username{color:#fff}.dark-mode .challenge-popup__label{color:#ffffff80}.dark-mode .challenge-popup__btn--decline{background:#ffffff14;color:#fff9}.dark-mode .challenge-popup__btn--decline:hover{background:#ffffff1f}.notif-bell{position:relative}.notif-bell__btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:pointer;transition:background .2s,color .2s}.notif-bell__btn:hover{background:#58cc021f;color:#58cc02}.dark-mode .notif-bell__btn{background:#ffffff1a;color:#ffffffb3}.dark-mode .notif-bell__btn:hover{background:#58cc0233;color:#7dd83a}.notif-bell__badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#f44;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center;pointer-events:none}.notif-bell__panel{position:fixed;left:248px;bottom:80px;width:340px;max-height:480px;border-radius:16px;background:var(--color-bg-primary);box-shadow:0 8px 32px #0000003d;border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;z-index:9999}@media(max-width:768px){.notif-bell__panel{left:12px;right:12px;bottom:80px;width:auto}}.notif-bell__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.notif-bell__header-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.notif-bell__mark-all{font-size:12px;color:#58cc02;font-weight:600;border:none;background:none;cursor:pointer;padding:0}.notif-bell__mark-all:hover{text-decoration:underline}.notif-bell__list{overflow-y:auto;flex:1;padding:4px 0}.notif-bell__empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--color-text-tertiary)}.notif-bell__item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;position:relative}.notif-bell__item:hover{background:var(--color-bg-hover)}.notif-bell__item--unread{background:#58cc020a}.notif-bell__item--unread:hover{background:#58cc0214}.notif-bell__item--unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#58cc02}.notif-bell__item-icon{font-size:20px;flex-shrink:0;line-height:1.2}.notif-bell__item-body{flex:1;min-width:0}.notif-bell__item-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-bell__item-msg{font-size:12px;color:var(--color-text-secondary);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-bell__item-time{font-size:11px;color:var(--color-text-tertiary)}.notif-bell__item-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.notif-bell__item:hover .notif-bell__item-actions{opacity:1}.notif-bell__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.notif-bell__action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.notif-bell__action-btn--delete:hover{background:#ff44441f;color:#f44}.profile-effect{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0;opacity:1}@keyframes pe-star-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.profile-effect--starfield{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b)}.profile-effect__star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:pe-star-twinkle ease-in-out infinite}@keyframes pe-petal-fall{0%{transform:translateY(-10%) translate(0) rotate(0);opacity:0}10%{opacity:1}50%{transform:translateY(50vh) translate(20px) rotate(360deg);opacity:1}90%{opacity:1}to{transform:translateY(110vh) translate(-10px) rotate(720deg);opacity:0}}.profile-effect--sakura{background:linear-gradient(180deg,#fdf2f8,#fce7f3)}.profile-effect__petal{position:absolute;top:-20px;width:10px;height:10px;background:radial-gradient(circle,#fbcfe8,#f9a8d4);border-radius:50% 0;animation:pe-petal-fall linear infinite}@keyframes pe-aurora-drift-1{0%,to{transform:translate(-20%,-10%) scale(1)}50%{transform:translate(20%,10%) scale(1.2)}}@keyframes pe-aurora-drift-2{0%,to{transform:translate(20%,-20%) scale(1.1)}50%{transform:translate(-10%,20%) scale(.9)}}@keyframes pe-aurora-drift-3{0%,to{transform:translateY(20%) scale(.9)}50%{transform:translate(-20%,-10%) scale(1.3)}}.profile-effect--aurora{background:#0c4a6e}.profile-effect--aurora .profile-effect__blob{position:absolute;border-radius:50%;filter:blur(40px)}.profile-effect--aurora .profile-effect__blob--1{width:60%;height:60%;background:#06b6d480;animation:pe-aurora-drift-1 8s ease-in-out infinite}.profile-effect--aurora .profile-effect__blob--2{width:50%;height:50%;right:0;background:#8b5cf680;animation:pe-aurora-drift-2 10s ease-in-out infinite}.profile-effect--aurora .profile-effect__blob--3{width:40%;height:40%;bottom:0;background:#ec489966;animation:pe-aurora-drift-3 12s ease-in-out infinite}@keyframes pe-cyber-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.profile-effect--cyberpunk{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.profile-effect--cyberpunk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(124,58,237,.08) 2px,rgba(124,58,237,.08) 4px)}.profile-effect--cyberpunk:after{content:"";position:absolute;width:100%;height:30%;background:linear-gradient(180deg,transparent,rgba(6,255,195,.1),transparent);animation:pe-cyber-scanline 4s linear infinite}@keyframes pe-wave-1{0%,to{border-radius:45% 55% 60% 40%/55% 45%;transform:translate(-5%)}50%{border-radius:55% 45% 40% 60%/45% 55%;transform:translate(5%,-5%)}}@keyframes pe-wave-2{0%,to{border-radius:55% 45% 50% 50%/50% 50% 55% 45%;transform:translate(5%)}50%{border-radius:45% 55% 50% 50%/55% 45% 45% 55%;transform:translate(-5%,5%)}}.profile-effect--ocean-waves{background:#0369a1}.profile-effect--ocean-waves .profile-effect__wave{position:absolute;width:120%;height:50%;left:-10%}.profile-effect--ocean-waves .profile-effect__wave--1{bottom:-10%;background:#0ea5e999;animation:pe-wave-1 6s ease-in-out infinite}.profile-effect--ocean-waves .profile-effect__wave--2{bottom:-20%;background:#7dd3fc66;animation:pe-wave-2 8s ease-in-out infinite}.profile-effect--ocean-waves .profile-effect__wave--3{bottom:-30%;background:#bae6fd4d;animation:pe-wave-1 10s ease-in-out infinite reverse}.profile-effect--galaxy{background:#1e1b4b}.profile-effect--galaxy .profile-effect__blob{position:absolute;border-radius:50%;filter:blur(30px)}.profile-effect--galaxy .profile-effect__blob--1{width:50%;height:50%;top:10%;left:10%;background:#7c3aed99;animation:pe-aurora-drift-1 12s ease-in-out infinite}.profile-effect--galaxy .profile-effect__blob--2{width:40%;height:40%;top:30%;right:5%;background:#ec489980;animation:pe-aurora-drift-2 15s ease-in-out infinite}.profile-effect--galaxy .profile-effect__blob--3{width:35%;height:35%;bottom:5%;left:20%;background:#a855f766;animation:pe-aurora-drift-3 10s ease-in-out infinite}@keyframes pe-firefly-float{0%,to{transform:translate(0);opacity:0}20%{opacity:1}50%{transform:translate(15px,-20px);opacity:.8}80%{opacity:1}}.profile-effect--fireflies{background:linear-gradient(135deg,#064e3b,#065f46)}.profile-effect__firefly{position:absolute;width:4px;height:4px;background:#fbbf24;border-radius:50%;box-shadow:0 0 6px 2px #fbbf2499;animation:pe-firefly-float ease-in-out infinite}.profile-effect--northern-lights{background:#0c4a6e}.profile-effect--northern-lights .profile-effect__blob{position:absolute;filter:blur(50px)}.profile-effect--northern-lights .profile-effect__blob--1{width:30%;height:80%;left:10%;top:-10%;background:#06b6d480;animation:pe-aurora-drift-1 10s ease-in-out infinite;border-radius:30% 70% 40% 60%}.profile-effect--northern-lights .profile-effect__blob--2{width:25%;height:90%;left:40%;top:-5%;background:#34d39966;animation:pe-aurora-drift-2 13s ease-in-out infinite;border-radius:50% 50% 30% 70%}.profile-effect--northern-lights .profile-effect__blob--3{width:30%;height:70%;right:5%;top:0;background:#38bdf84d;animation:pe-aurora-drift-3 15s ease-in-out infinite;border-radius:40% 60% 50% 50%}@media(prefers-reduced-motion:reduce){.profile-effect *{animation:none!important}.profile-effect:before,.profile-effect:after{animation:none!important}}.dialect-sel__header{padding:0 4px 12px}.dialect-sel__title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.dialect-sel__subtitle{font-size:.82rem;color:var(--color-text-secondary);margin:0}.dialect-sel__list{display:flex;flex-direction:column;gap:6px}.dialect-sel__item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:12px;background:var(--color-bg-secondary, #1a1a2e);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,background .2s}.dialect-sel__item:hover{border-color:#ffffff26;background:var(--color-bg-tertiary, #1e1e32)}.dialect-sel__item--active{border-color:var(--dialect-color, #ff7f00);background:#6366f114}.dialect-sel__item--active .dialect-sel__name{color:var(--dialect-color, #ff7f00);font-weight:600}.dialect-sel__emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.dialect-sel__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dialect-sel__name{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.dialect-sel__desc{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialect-sel__check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--dialect-color, #ff7f00);color:#fff;flex-shrink:0}.dialect-sel--compact .dialect-sel__item{padding:8px 12px}.dialect-sel--compact .dialect-sel__emoji{font-size:1.2rem}.dialect-sel--compact .dialect-sel__name{font-size:.84rem}.dialect-sel--compact .dialect-sel__desc{font-size:.72rem}html:not(.dark-mode) .dialect-sel__item{border-color:#00000014;background:#fff}html:not(.dark-mode) .dialect-sel__item:hover{border-color:#00000026;background:#f9fafb}html:not(.dark-mode) .dialect-sel__item--active{background:#6366f10f}@keyframes avatar-glow-purple{0%,to{box-shadow:0 0 12px 3px #8b5cf680,0 0 24px 6px #8b5cf633}50%{box-shadow:0 0 20px 6px #8b5cf6b3,0 0 40px 12px #8b5cf64d}}@keyframes avatar-rainbow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-flame-glow{0%,to{box-shadow:0 0 15px 4px #f9731699,0 0 30px 8px #ef44444d}25%{box-shadow:0 0 20px 6px #f97316cc,0 0 40px 12px #ef444466}75%{box-shadow:0 0 12px 3px #f9731680,0 0 24px 6px #ef444433}}@keyframes avatar-sparkle-orbit{0%{transform:rotate(0) translate(110%) scale(.6);opacity:.3}50%{transform:rotate(180deg) translate(110%) scale(1);opacity:1}to{transform:rotate(360deg) translate(110%) scale(.6);opacity:.3}}@keyframes avatar-frost-glow{0%,to{box-shadow:0 0 15px 4px #38bdf880,0 0 30px 8px #38bdf833}50%{box-shadow:0 0 22px 7px #38bdf8b3,0 0 44px 14px #bae6fd4d}}@keyframes avatar-lightning-glow{0%,90%,to{box-shadow:0 0 12px 3px #facc1566}92%{box-shadow:0 0 25px 8px #facc15e6,0 0 50px 15px #38bdf866}95%{box-shadow:0 0 8px 2px #facc154d}97%{box-shadow:0 0 30px 10px #facc15cc,0 0 60px 20px #38bdf880}}@keyframes avatar-golden-glow{0%,to{box-shadow:0 0 15px 4px #f59e0b80,0 0 30px 8px #f59e0b33}50%{box-shadow:0 0 22px 7px #f59e0bb3,0 0 44px 14px #fcd34d4d}}@keyframes avatar-neon-pulse{0%{box-shadow:0 0 18px 5px #a855f799}33%{box-shadow:0 0 18px 5px #ec489999}66%{box-shadow:0 0 18px 5px #06b6d499}to{box-shadow:0 0 18px 5px #a855f799}}.animated-avatar{position:relative;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;isolation:isolate}.animated-avatar[role=button]{cursor:pointer}.animated-avatar__effect{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:0}.animated-avatar__emoji{position:relative;z-index:1;line-height:1;display:flex;align-items:center;justify-content:center;user-select:none}.animated-avatar__sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}.animated-avatar__sparkle-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#fde68a 0%,#f59e0b 60%,transparent 100%);box-shadow:0 0 6px 2px #fbbf2499;animation:avatar-sparkle-orbit 2s ease-in-out infinite}.animated-avatar--glow-purple{animation:avatar-glow-purple 2s ease-in-out infinite}.animated-avatar--rainbow-ring:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f87171,#fbbf24,#34d399,#38bdf8,#818cf8,#e879f9,#f87171);animation:avatar-rainbow-rotate 3s linear infinite;z-index:-1}.animated-avatar--rainbow-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;background:#fff;z-index:-1}.animated-avatar--flame-ring{animation:avatar-flame-glow 1.5s ease-in-out infinite}.animated-avatar--sparkle{box-shadow:0 0 10px 3px #fbbf244d}.animated-avatar--frost{animation:avatar-frost-glow 2.5s ease-in-out infinite}.animated-avatar--lightning{animation:avatar-lightning-glow 2s steps(1,end) infinite}.animated-avatar--golden-crown{animation:avatar-golden-glow 2.5s ease-in-out infinite}.animated-avatar--neon-pulse{animation:avatar-neon-pulse 3s ease-in-out infinite}.dark-mode .animated-avatar--rainbow-ring:after{background:#1a1a2e}@media(prefers-reduced-motion:reduce){.animated-avatar{animation:none!important}.animated-avatar:before,.animated-avatar:after{animation:none!important}.animated-avatar--glow-purple{box-shadow:0 0 12px 3px #8b5cf680}.animated-avatar--rainbow-ring:before{animation:none!important}.animated-avatar--flame-ring{box-shadow:0 0 15px 4px #f9731699}.animated-avatar--frost{box-shadow:0 0 15px 4px #38bdf880}.animated-avatar--lightning{box-shadow:0 0 12px 3px #facc1580}.animated-avatar--golden-crown{box-shadow:0 0 15px 4px #f59e0b80}.animated-avatar--neon-pulse{box-shadow:0 0 18px 5px #a855f799}.animated-avatar__sparkle-dot{animation:none!important;opacity:.8}.animated-avatar__sparkle-dot:nth-child(1){transform:translateY(-150%)}.animated-avatar__sparkle-dot:nth-child(2){transform:translate(150%)}.animated-avatar__sparkle-dot:nth-child(3){transform:translateY(150%)}.animated-avatar__sparkle-dot:nth-child(4){transform:translate(-150%)}}.sidebar-layout{display:flex;min-height:100dvh;background:#fff8f2;overflow-x:hidden;max-width:100vw}.sidebar-layout__sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#fff;border-right:2px solid rgba(0,0,0,.1);display:flex;flex-direction:column;padding:16px;z-index:100;overflow:hidden}@media(max-width:768px){.sidebar-layout__sidebar{display:none}}.sidebar-layout__logo{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;margin-bottom:24px;text-decoration:none;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-layout__logo:hover{background:rgba(var(--color-primary-rgb, 99, 102, 241),.08)}.sidebar-layout__logo:hover .sidebar-layout__logo-mascot{transform:scale(1.06) rotate(-2deg);box-shadow:0 6px 20px #ff7f0040,0 0 0 2px #ff7f0026}.sidebar-layout__logo:hover .sidebar-layout__logo-text{letter-spacing:.3px}.sidebar-layout__logo-mascot{width:44px;height:44px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#1e1b4b,#312e81);box-shadow:0 4px 15px #8b5cf64d,inset 0 1px #ffffff1a,0 0 0 2px #8b5cf633;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar-layout__logo-svg{width:38px;height:38px;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.sidebar-layout__logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ff7f00,#ff9a2e,#58cc02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:-.3px;transition:letter-spacing .25s ease;text-shadow:0 2px 10px rgba(255,127,0,.1)}.sidebar-layout__nav{display:flex;flex-direction:column;gap:8px;flex:1 1 0;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:16px}.sidebar-layout__nav-btn{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:12px;font-size:1.125rem;font-weight:700;color:#4a4a4b;text-decoration:none;transition:all .2s ease;position:relative;background:transparent;border:2px solid transparent;border-bottom-width:4px}.sidebar-layout__nav-btn svg{flex-shrink:0;width:24px;height:24px}.sidebar-layout__nav-btn:hover{background:#0000000a;color:#1a1a1b;transform:translateY(-1px)}.sidebar-layout__nav-btn:active{transform:translateY(2px);border-bottom-width:2px}.sidebar-layout__nav-btn--active{background:var(--btn-color, #ff7f00);color:#fff;border-color:#00000026;box-shadow:0 4px #0003,inset 0 2px #fff3}.sidebar-layout__nav-btn--active:hover{background:var(--btn-color, #ff7f00);color:#fff;filter:brightness(1.05)}.sidebar-layout__nav-btn--active:active{transform:translateY(2px);box-shadow:0 2px #0003,inset 0 2px #fff3}.sidebar-layout__nav-btn .sidebar-layout__nav-badge{position:absolute;top:6px;right:8px;min-width:16px;height:16px;border-radius:8px;background:#ff4b4b;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.sidebar-layout__nav-btn--capture{margin-top:8px;border:1px dashed rgba(139,92,246,.4);background:linear-gradient(135deg,#8b5cf614,#a855f714);position:relative;cursor:pointer}.sidebar-layout__nav-btn--capture svg{color:#ff9a2e}.sidebar-layout__nav-btn--capture:hover{background:linear-gradient(135deg,#8b5cf626,#a855f726);border-color:#8b5cf699;color:#1a1a1b}.sidebar-layout__nav-btn--capture:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:#8b5cf633;animation:capture-pulse 2s ease-in-out infinite;z-index:-1;opacity:0}.sidebar-layout__nav-btn--capture:hover:before{opacity:1}@keyframes capture-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.02);opacity:0}}.sidebar-layout__profile{display:flex;flex-direction:column;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff7f0014,#ff9a2e14);border-radius:20px;border:1px solid rgba(255,127,0,.1);margin-top:auto;flex:0 0 auto;position:relative;overflow:hidden}.sidebar-layout__profile-effect{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.85}.sidebar-layout__profile-top{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.sidebar-layout__profile-actions{display:flex;align-items:center;gap:6px;padding-top:4px;border-top:1px solid rgba(255,127,0,.08);position:relative;z-index:1}.sidebar-layout__profile-avatar{width:40px;height:40px;background:linear-gradient(135deg,#ff7f00,#ff9a2e);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 3px #ff7f004d;flex-shrink:0}.sidebar-layout__profile-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.sidebar-layout__profile-name{font-size:1rem;font-weight:700;color:#1a1a1b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sidebar-layout__profile-xp{font-size:.875rem;font-weight:600;color:#ff7f00;white-space:nowrap}.sidebar-layout__logout-btn{width:32px;height:32px;border:none;background:#0000000d;border-radius:12px;color:#8a8a8b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-layout__logout-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.sidebar-layout__ai-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#8b5cf61f;color:#fbbf24;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-layout__ai-btn:hover{background:#8b5cf638;color:#c4b5fd}.sidebar-layout__lang-switcher{position:relative;margin-left:auto}.sidebar-layout__lang-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:8px;background:#0000000d;color:#4a4a4b;cursor:pointer;font-size:14px;transition:all .2s ease}.sidebar-layout__lang-btn:hover{background:#ff9a2e1f;color:#ff9a2e}.sidebar-layout__lang-menu{position:fixed;left:248px;bottom:60px;width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000024;border:1px solid rgba(0,0,0,.08);overflow:hidden;z-index:9999;padding:4px;max-height:70vh;overflow-y:auto}.sidebar-layout__lang-section{padding:4px 0}.sidebar-layout__lang-section:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:4px}.sidebar-layout__lang-section-title{display:block;padding:6px 10px 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.sidebar-layout__lang-current{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;color:#6366f1}.sidebar-layout__lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:#1a1a1b;transition:background .15s}.sidebar-layout__lang-option:hover{background:#0000000d}.sidebar-layout__lang-option--active{background:#ff7f0014;color:#ff7f00;font-weight:600}.sidebar-layout__lang-overlay{position:fixed;inset:0;z-index:9998}.sidebar-layout__dialect-menu{position:fixed;left:248px;bottom:60px;width:280px;max-height:420px;overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;border:1px solid rgba(0,0,0,.08);z-index:9999;padding:10px}.sidebar-layout__main{flex:1;margin-left:240px;min-height:100dvh;min-width:0;padding:24px 32px}@media(max-width:768px){.sidebar-layout__main{margin-left:0;padding:16px 16px 94px}}.sidebar-layout__content{width:100%;min-width:0}.sidebar-layout__scroll-top{position:fixed;bottom:2rem;right:2rem;z-index:900;width:44px;height:44px;border-radius:50%;border:none;background:#ff9a2ee6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;backdrop-filter:blur(8px);transition:opacity .2s,transform .2s;animation:scroll-top-fade-in .2s ease-out}.sidebar-layout__scroll-top:hover{transform:scale(1.1);background:#ff9a2e}@media(max-width:768px){.sidebar-layout__scroll-top{bottom:calc(70px + 1rem);right:1rem;width:40px;height:40px}}@keyframes scroll-top-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-layout__mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:2px solid rgba(0,0,0,.1);padding:8px 16px;z-index:100}@media(max-width:768px){.sidebar-layout__mobile-nav{display:flex;align-items:center;justify-content:space-around}}.sidebar-layout__mobile-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;text-decoration:none;color:#8a8a8b;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:color .2s ease,transform .1s ease;min-width:56px}.sidebar-layout__mobile-btn svg{transition:transform .2s ease}.sidebar-layout__mobile-btn span{font-size:10px;font-weight:600}.sidebar-layout__mobile-btn:active{transform:scale(.95)}.sidebar-layout__mobile-btn--active{color:var(--btn-color, #ff7f00)}.sidebar-layout__mobile-btn--active svg{transform:scale(1.15)}.sidebar-layout__mobile-btn--active span{font-weight:700}.sidebar-layout__mobile-btn--capture{background:transparent;border:none;cursor:pointer}.sidebar-layout__mobile-btn--capture svg{color:#ff9a2e}.sidebar-layout__mobile-btn--capture:hover,.sidebar-layout__mobile-btn--capture:focus{color:#ff9a2e}.sidebar-layout__mobile-btn--more{background:transparent;border:none;cursor:pointer}.sidebar-layout__mobile-btn--more svg{color:#ff9a2e}.sidebar-layout__more-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}@media(max-width:768px){.sidebar-layout__more-overlay{display:block}}.sidebar-layout__more-menu{display:none;position:fixed;bottom:82px;right:12px;width:200px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(0,0,0,.08);padding:8px;z-index:101}@media(max-width:768px){.sidebar-layout__more-menu{display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 94px);overflow-y:auto;overflow-x:hidden}}.sidebar-layout__more-item{display:flex;align-items:center;gap:16px;padding:8px 16px;border-radius:12px;text-decoration:none;color:#4a4a4b;font-size:1rem;font-weight:600;background:transparent;border:none;width:100%;cursor:pointer;transition:all .2s ease}.sidebar-layout__more-item svg{flex-shrink:0;color:var(--btn-color, #4A4A4B)}.sidebar-layout__more-item:hover{background:#0000000a;color:#1a1a1b}.sidebar-layout__more-item--active{background:var(--btn-color, #ff7f00);color:#fff}.sidebar-layout__more-item--active svg{color:#fff}.sidebar-layout__more-item--active:hover{background:var(--btn-color, #ff7f00);filter:brightness(1.05)}.sidebar-layout__more-item--capture{border-top:1px solid rgba(0,0,0,.06);margin-top:4px;padding-top:16px}.sidebar-layout__more-item--capture svg{color:#ff9a2e}.sidebar-layout__more-toolbar{display:flex;align-items:center;justify-content:center;gap:2px;padding:6px 8px 4px;border-top:1px solid rgba(0,0,0,.08);margin-top:4px}.sidebar-layout__more-toolbar .notif-bell__btn{width:32px;height:32px;border-radius:50%;background:none}.sidebar-layout__more-toolbar .notif-bell__btn svg{width:16px;height:16px}.sidebar-layout__more-toolbar .notif-bell__badge{top:1px;right:-2px;min-width:14px;height:14px;font-size:8px;line-height:14px;padding:0 3px}.sidebar-layout__more-toolbar .notif-bell__panel{position:fixed;right:8px;bottom:142px;left:auto;width:320px;max-width:calc(100vw - 16px);max-height:55vh}.sidebar-layout__mobile-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:none;color:#4a4a4b;cursor:pointer;font-size:1rem;padding:0;transition:background .15s,color .15s}.sidebar-layout__mobile-toolbar-btn svg{color:inherit}.sidebar-layout__mobile-toolbar-btn:hover,.sidebar-layout__mobile-toolbar-btn:active{background:#0000000d;color:#1a1a1b}.sidebar-layout__mobile-only-popup{display:none}@media(max-width:768px){.sidebar-layout__mobile-only-popup{display:contents}}.sidebar-layout__lang-menu--mobile{position:fixed;bottom:142px;right:8px;left:auto;width:155px;z-index:10000;padding:4px;border-radius:10px}.sidebar-layout__lang-menu--mobile .sidebar-layout__lang-option{padding:6px 10px;font-size:12px;gap:6px;border-radius:6px}.sidebar-layout__dialect-menu--mobile{position:fixed;bottom:142px;right:8px;left:auto;width:260px;max-width:calc(100vw - 16px);z-index:10000;padding:8px;border-radius:10px}.sidebar-layout__sidebar{border-right-color:rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.sidebar-layout__nav-btn--active{background:var(--color-primary)!important}.sidebar-layout__profile{background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 99, 102, 241),.08),rgba(var(--color-secondary-rgb, 139, 92, 246),.08));border-color:rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.sidebar-layout__profile-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 3px 0 var(--theme-glow, rgba(99, 102, 241, .3))}.sidebar-layout__profile-xp{color:var(--color-primary)}.sidebar-layout__logo-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-layout__mobile-btn--active{color:var(--color-primary)!important}.dark-mode .sidebar-layout{background:var(--color-bg-secondary)}.dark-mode .sidebar-layout__sidebar{background:var(--color-bg-primary);border-right:2px solid var(--color-primary);box-shadow:2px 0 20px var(--theme-glow, rgba(99, 102, 241, .15))}.dark-mode .sidebar-layout__logo:hover{background:#ffffff0f}.dark-mode .sidebar-layout__logo-mascot{background:linear-gradient(145deg,rgba(var(--color-primary-rgb, 99, 102, 241),.2),rgba(var(--color-secondary-rgb, 139, 92, 246),.15),#58cc021a);box-shadow:0 4px 16px var(--theme-glow, rgba(99, 102, 241, .25)),inset 0 1px #ffffff26,0 0 0 1px rgba(var(--color-primary-rgb, 99, 102, 241),.3)}.dark-mode .sidebar-layout__logo-mascot:hover{box-shadow:0 6px 24px var(--theme-glow, rgba(99, 102, 241, .35)),0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.4)}.dark-mode .sidebar-layout__nav-btn{color:var(--color-text-secondary)}.dark-mode .sidebar-layout__nav-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.dark-mode .sidebar-layout__nav-btn--active{background:var(--color-primary)!important;box-shadow:0 4px 15px var(--theme-glow, rgba(99, 102, 241, .4))}.dark-mode .sidebar-layout__profile{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 15px var(--theme-glow, rgba(99, 102, 241, .2))}.dark-mode .sidebar-layout__profile-effect{opacity:.25}.dark-mode .sidebar-layout__profile-name{color:#fff}.dark-mode .sidebar-layout__profile-xp{color:#fbbf24}.dark-mode .sidebar-layout__profile-actions{border-top-color:#ffffff1a}.dark-mode .sidebar-layout__logout-btn{background:#ffffff1a;color:#ffffffb3}.dark-mode .sidebar-layout__logout-btn:hover{background:#ef444433;color:#ff6b6b}.dark-mode .sidebar-layout__ai-btn{background:#8b5cf633;color:#c4b5fd}.dark-mode .sidebar-layout__ai-btn:hover{background:#8b5cf64d;color:#ddd6fe}.dark-mode .sidebar-layout__lang-btn{background:#ffffff1a;color:#fffc}.dark-mode .sidebar-layout__lang-btn:hover{background:#8b5cf640;color:#fff}.dark-mode .sidebar-layout__lang-menu{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .sidebar-layout__lang-section:not(:last-child){border-color:#ffffff14}.dark-mode .sidebar-layout__lang-section-title{color:#fff6}.dark-mode .sidebar-layout__lang-current{color:#a78bfa}.dark-mode .sidebar-layout__dialect-menu{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .sidebar-layout__lang-option{color:var(--color-text-primary)}.dark-mode .sidebar-layout__lang-option:hover{background:#ffffff0d}.dark-mode .sidebar-layout__lang-option--active{background:var(--theme-glow, rgba(99, 102, 241, .2));color:var(--color-primary)}.dark-mode .sidebar-layout__mobile-nav{background:var(--color-bg-primary);border-top:2px solid var(--color-primary);box-shadow:0 -4px 20px var(--theme-glow, rgba(99, 102, 241, .15))}.dark-mode .sidebar-layout__mobile-btn{color:var(--color-text-tertiary)}.dark-mode .sidebar-layout__mobile-btn--active{color:var(--color-primary)!important}.dark-mode .sidebar-layout__mobile-btn--active svg{filter:drop-shadow(0 0 6px var(--theme-glow, rgba(99, 102, 241, .5)))}.dark-mode .sidebar-layout__more-overlay{background:#00000080}.dark-mode .sidebar-layout__more-menu{background:var(--color-bg-primary);border:1px solid var(--color-primary);box-shadow:0 8px 30px #0006}.dark-mode .sidebar-layout__more-item{color:var(--color-text-secondary)}.dark-mode .sidebar-layout__more-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.dark-mode .sidebar-layout__more-item--active{background:var(--color-primary)}.dark-mode .sidebar-layout__more-item--capture{border-top-color:var(--color-border)}.dark-mode .sidebar-layout__more-toolbar{border-top:1px solid rgba(255,255,255,.08)}.dark-mode .sidebar-layout__mobile-toolbar-btn{color:#ffffffb3}.dark-mode .sidebar-layout__mobile-toolbar-btn:hover,.dark-mode .sidebar-layout__mobile-toolbar-btn:active{background:#ffffff14;color:#fff}.lvlup{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px}.lvlup__backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lvlup__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 32px 24px;background:#fff;border-radius:32px;max-width:380px;width:100%;box-shadow:0 25px 80px #0000004d,0 0 60px #f59e0b26;border:2px solid rgba(245,158,11,.4);overflow:hidden}@media(max-width:480px){.lvlup__card{padding:24px 16px 16px;max-width:calc(100vw - 32px);border-radius:24px}}.lvlup__header{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#f59e0b;margin-bottom:16px}.lvlup__transition{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:28px}.lvlup__old-emoji{opacity:.5;filter:grayscale(50%)}.lvlup__arrow{font-size:20px;color:#8a8a8b}.lvlup__new-emoji{font-size:32px}.lvlup__glow{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}@media(max-width:480px){.lvlup__glow{width:120px;height:120px}}.lvlup__glow:before{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);opacity:.5;animation:lvlup-glow-breathe 2s ease-in-out infinite}.lvlup__badge{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 40px #0003,inset 0 2px 4px #ffffff4d;animation:lvlup-badge-pulse 2.5s ease-in-out infinite}@media(max-width:480px){.lvlup__badge{width:90px;height:90px}}.lvlup__icon{font-size:52px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@media(max-width:480px){.lvlup__icon{font-size:42px}}.lvlup__title{font-size:2rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lvlup-shimmer 3s linear infinite}@media(max-width:480px){.lvlup__title{font-size:1.625rem}}.lvlup__desc{font-size:1rem;color:#4a4a4b;margin:0 0 24px;max-width:280px;line-height:1.5}.lvlup__btn{width:100%;max-width:240px;padding:16px 32px;border:none;border-radius:20px;font-size:1.125rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.lvlup__btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}@keyframes lvlup-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lvlup-badge-entrance{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.15) rotate(3deg)}80%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes lvlup-glow-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes lvlup-shimmer{0%{background-position:0% center}to{background-position:200% center}}.dark-mode .lvlup__card{background:#1a1a2e;border-color:#f59e0b80;box-shadow:0 25px 80px #00000080,0 0 80px #f59e0b33}.dark-mode .lvlup__header{color:#fbbf24}.dark-mode .lvlup__arrow{color:#fff6}.dark-mode .lvlup__desc{color:#fff9}.guided-tour{position:fixed;inset:0;z-index:9990;pointer-events:all}.guided-tour__trail{position:fixed;inset:0;z-index:9993;pointer-events:none;width:100vw;height:100vh}.guided-tour__overlay{position:fixed;inset:0;background:#000000a6;z-index:9991}.guided-tour__spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #000000a6;transition:all .4s ease;z-index:9992;pointer-events:none;border:2px solid rgba(255,159,46,.5)}.guided-tour__spotlight--multi{box-shadow:none;background:#ffffff0d;border:2px solid rgba(255,159,46,.6);z-index:9992;border-radius:14px}.guided-tour__tooltip{position:fixed;z-index:9992;background:#1a1a2e;border-radius:20px;padding:20px;max-width:320px;width:320px;color:#fff;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1)}.guided-tour__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.guided-tour__close{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.guided-tour__close:hover{color:#ffffffb3}.guided-tour__step-badge{display:inline-flex;background:#ff9f2e26;color:#ff9f2e;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;margin-bottom:12px}.guided-tour__title{font-size:20px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#ff9f2e,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guided-tour__desc{font-size:14px;color:#ffffffbf;line-height:1.5;margin-bottom:20px}.guided-tour__footer{display:flex;flex-direction:column;gap:8px}.guided-tour__footer-row{display:flex;align-items:center;justify-content:space-between}.guided-tour__btn-next{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;width:100%;background:linear-gradient(135deg,#ff7f00,#ff9a2e);border:none;border-radius:999px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;font-family:inherit}.guided-tour__btn-next:hover{transform:scale(1.05)}.guided-tour__btn-back{background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:2px;padding:6px 0;white-space:nowrap}.guided-tour__btn-back:hover{color:#fff}.guided-tour__btn-skip{background:none;border:none;color:#ffffff59;font-size:13px;cursor:pointer;font-family:inherit;padding:6px 8px;margin-left:auto;white-space:nowrap}.guided-tour__btn-skip:hover{color:#ffffffb3}.guided-tour__arrow{position:absolute;width:16px;height:16px;background:#1a1a2e;transform:rotate(45deg);border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.guided-tour__spotlight{display:none}.guided-tour__tooltip{inset:auto 16px 80px!important;max-width:none;width:auto;padding:18px}.guided-tour__arrow{display:none}.guided-tour__title{font-size:18px}.guided-tour__desc{font-size:13px;margin-bottom:14px}.guided-tour__footer{flex-wrap:wrap;gap:8px}}.light-mode .guided-tour__tooltip{background:#fff;color:#1a1a1b;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #00000026}.light-mode .guided-tour__arrow{background:#fff;border-color:#00000014}.light-mode .guided-tour__desc{color:#4a4a4b}.light-mode .guided-tour__close{color:#0000004d}.light-mode .guided-tour__close:hover{color:#000000b3}.light-mode .guided-tour__btn-back{color:#0006}.light-mode .guided-tour__btn-back:hover{color:#1a1a1b}.light-mode .guided-tour__btn-skip{color:#0000004d}.light-mode .guided-tour__btn-skip:hover{color:#0009}.light-mode .guided-tour__step-badge{background:#ff9f2e1a}.light-mode .guided-tour__overlay{background:#00000073}.light-mode .guided-tour__spotlight{box-shadow:0 0 0 9999px #00000073;border-color:#ff7f0099}.light-mode .guided-tour__spotlight--multi{box-shadow:none;background:#ffffff4d;border-color:#ff7f0099}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:32px;background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:20px}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:24px;background:#ff6b6b1a;border-radius:50%;color:#ff6b6b}.error-boundary__title{font-size:2rem;font-weight:700;color:#1a1a1b;margin:0 0 8px}.error-boundary__message{font-size:1.125rem;color:#4a4a4b;margin:0 0 24px;line-height:1.6}.error-boundary__details{margin-bottom:24px;padding:16px;background:#0000000d;border-radius:12px;text-align:left;font-size:1rem}.error-boundary__details summary{cursor:pointer;font-weight:500;color:#8a8a8b;margin-bottom:8px}.error-boundary__details pre{margin:0;padding:8px;background:#0000000d;border-radius:4px;overflow-x:auto;font-size:12px;color:#ff6b6b;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.error-boundary__btn{display:inline-flex;align-items:center;gap:4px;padding:8px 24px;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:box-shadow .2s}.error-boundary__btn--primary{background:linear-gradient(135deg,#ff7f00,#ff9a2e);color:#fff;box-shadow:0 4px 14px #ff7f004d}.error-boundary__btn--primary:hover{box-shadow:0 6px 20px #ff7f0066}.error-boundary__btn--secondary{background:#fff;color:#1a1a1b;border:1px solid rgba(0,0,0,.1)}.error-boundary__btn--secondary:hover{background:#00000005}.dark-mode .error-boundary{background:linear-gradient(135deg,#2a1a1a,#1a1a2e)}.dark-mode .error-boundary__icon{background:#ff6b6b26}.dark-mode .error-boundary__title{color:var(--color-text-primary, #e8e8e8)}.dark-mode .error-boundary__message{color:var(--color-text-secondary, #b8b8b8)}.dark-mode .error-boundary__details{background:#ffffff0d}.dark-mode .error-boundary__details summary{color:var(--color-text-tertiary, #888888)}.dark-mode .error-boundary__details pre{background:#0000004d}.dark-mode .error-boundary__btn--secondary{background:#ffffff14;color:var(--color-text-primary, #e8e8e8);border-color:#ffffff1f}.dark-mode .error-boundary__btn--secondary:hover{background:#ffffff1f}.skeleton{background:linear-gradient(90deg,#8a8a8b1a,#8a8a8b33,#8a8a8b1a);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:12px}.skeleton--text{height:16px;margin-bottom:8px}.skeleton--text:last-child{margin-bottom:0}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:20px}.skeleton--rounded{border-radius:9999px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #00000012}.skeleton-card__image{width:100%;height:120px;margin-bottom:16px;border-radius:20px}.skeleton-card__content{display:flex;flex-direction:column;gap:8px}.skeleton-stats{display:flex;gap:24px;padding:24px;background:#fff;border-radius:20px}.skeleton-stats__item{display:flex;align-items:center;gap:16px}.skeleton-stats__text{display:flex;flex-direction:column;gap:4px}.skeleton-roadmap-unit{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px}.skeleton-roadmap-unit__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.skeleton-roadmap-unit__info{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-roadmap-unit__lessons{display:flex;justify-content:center;gap:16px}.skeleton-roadmap-unit__lesson{display:flex;align-items:center;justify-content:center}.skeleton-leaderboard-row{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-radius:12px;margin-bottom:8px}.skeleton-leaderboard-row__info{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-profile__header{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#fff;border-radius:20px;margin-bottom:24px}.skeleton-profile__stats{margin-top:24px}.dark-mode .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}.dark-mode .skeleton-card{background:var(--color-bg-primary, #1a1a2e);box-shadow:0 2px 15px #0003}.dark-mode .skeleton-stats,.dark-mode .skeleton-roadmap-unit,.dark-mode .skeleton-leaderboard-row,.dark-mode .skeleton-profile__header{background:var(--color-bg-primary, #1a1a2e)}@keyframes owl-idle-bounce{0%,to{transform:translateY(0) scaleY(1) scaleX(1)}50%{transform:translateY(-4px) scaleY(.98) scaleX(1.01)}}@keyframes owl-eye-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.08)}}@keyframes owl-wing-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes owl-tassel-swing{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes owl-ear-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}.mascot{position:relative;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.mascot{transform:translateZ(0);will-change:transform;backface-visibility:hidden}}.mascot--small{--mascot-size: 70px;--mascot-scale: .7}.mascot--medium{--mascot-size: 110px;--mascot-scale: 1}.mascot--large{--mascot-size: 160px;--mascot-scale: 1.4}.mascot{width:var(--mascot-size);height:calc(var(--mascot-size) * 1.3)}.mascot__sparkle{position:absolute;pointer-events:none;z-index:20;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.mascot__star-burst{position:absolute;width:200%;height:200%;border-radius:50%;background:radial-gradient(circle,rgba(255,154,46,.3) 0%,rgba(255,154,46,.1) 40%,transparent 70%);pointer-events:none;z-index:1}.mascot__shadow{position:absolute;bottom:0;width:55%;height:10%;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);border-radius:50%;filter:blur(2px)}.mascot__body{position:relative;width:100%;height:80%;background:linear-gradient(160deg,#fbbf24,#f59e0b 35%,#d47b0f);border-radius:50% 50% 45% 45%;transform-origin:center bottom;will-change:transform;backface-visibility:hidden}@media(min-width:768px){.mascot--idle-css .mascot__body{animation:owl-idle-bounce 2.5s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.mascot__body{animation:none!important}}.mascot__body{box-shadow:inset 0 -15px 30px #00000026,inset 0 10px 25px #ffffff26,0 10px 35px #f59e0b59,0 3px 10px #0000001a}.mascot__body:before{content:"";position:absolute;top:6%;left:12%;width:28%;height:22%;background:radial-gradient(ellipse,rgba(255,255,255,.35) 0%,transparent 70%);border-radius:50%}.mascot__body:after{content:"";position:absolute;top:15%;right:15%;width:15%;height:15%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}.mascot__ear{position:absolute;width:22%;height:30%;background:linear-gradient(180deg,#fbbf24,#f59e0b 60%,#d47b0f);border-radius:50% 50% 30% 30%;top:-18%;transform-origin:center bottom;z-index:5;box-shadow:inset 0 -5px 10px #0000001a,0 3px 10px #f59e0b4d}.mascot__ear--left{left:12%;transform:rotate(-20deg)}.mascot__ear--right{right:12%;transform:rotate(20deg)}.mascot__ear:after{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:45%;height:45%;background:linear-gradient(180deg,#ec489980,#ec48994d);border-radius:50%;box-shadow:0 0 8px #ec48994d}.mascot__cap{position:absolute;top:-12%;left:50%;transform:translate(-50%);z-index:10}.mascot__cap-top{width:calc(45px * var(--mascot-scale));height:calc(12px * var(--mascot-scale));background:linear-gradient(180deg,#3b4d68,#1f2937);border-radius:3px;position:relative;box-shadow:0 3px 8px #0000004d,inset 0 2px 3px #ffffff1a}.mascot__cap-top:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#f59e0b;border-radius:50%;box-shadow:0 2px 4px #0003}.mascot__cap-tassel{position:absolute;top:2px;right:-5px;width:calc(4px * var(--mascot-scale));height:calc(25px * var(--mascot-scale));background:linear-gradient(180deg,#f59e0b,#ac6f07);border-radius:0 0 4px 4px;transform-origin:top center}@media(min-width:768px){.mascot--idle-css .mascot__cap-tassel{animation:owl-tassel-swing 2s ease-in-out infinite}}.mascot__cap-tassel:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#f59e0b;border-radius:50%}.mascot__face{position:absolute;top:18%;left:50%;transform:translate(-50%);width:82%;height:55%;display:flex;flex-direction:column;align-items:center}.mascot__eyes{display:flex;gap:8%;width:100%;justify-content:center;margin-top:3%}.mascot__eye{position:relative;width:38%;aspect-ratio:1;background:linear-gradient(180deg,#fff,#f3f4f6);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 3px 8px #0000001a,inset 0 -2px 4px #fffc,0 3px 8px #00000026}@media(min-width:768px){.mascot--idle-css .mascot__eye{animation:owl-eye-blink 4s ease-in-out infinite;animation-delay:2s}}.mascot__iris{width:70%;height:70%;background:linear-gradient(160deg,#d47b0f,#312e81);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 6px #0000004d,0 1px 3px #0000001a}.mascot__pupil{width:55%;height:55%;background:linear-gradient(180deg,#1f2937,#000);border-radius:50%;position:relative}.mascot__pupil-shine{position:absolute;top:15%;left:20%;width:40%;height:40%;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc}.mascot__pupil-shine:after{content:"";position:absolute;bottom:-80%;right:-60%;width:25%;height:25%;background:#fff9;border-radius:50%}.mascot__eye-sparkle{position:absolute;top:8%;right:8%;width:22%;height:22%;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffffe6;z-index:5}.mascot__blush{position:absolute;width:20%;height:10%;background:radial-gradient(ellipse,rgba(236,72,153,.5) 0%,transparent 70%);border-radius:50%;top:45%;filter:blur(3px)}.mascot__blush--left{left:3%}.mascot__blush--right{right:3%}.mascot__beak{margin-top:8%;width:22%;height:18%;background:linear-gradient(180deg,#f7b13c,#f59e0b,#ac6f07);border-radius:50%/30% 30% 70% 70%;position:relative;transform-origin:center top;box-shadow:inset 0 -4px 8px #00000026,0 4px 8px #f59e0b4d}.mascot__beak--sad{border-radius:50% 50% 30% 30%/50%;transform:scaleY(.7)}.mascot__beak-inner{position:absolute;top:45%;left:50%;transform:translate(-50%);width:60%;height:30%;background:#7b4f05;border-radius:0 0 50% 50%;opacity:.5}.mascot__thought{position:absolute;top:-35%;right:-25%;background:#fff;border-radius:50%;width:calc(40px * var(--mascot-scale));height:calc(40px * var(--mascot-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000026,inset 0 -2px 6px #0000000d;z-index:15}.mascot__thought:before{content:"";position:absolute;bottom:-6px;left:10%;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 3px 6px #0000001a}.mascot__thought:after{content:"";position:absolute;bottom:-14px;left:0;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.mascot__thought-text{font-size:calc(20px * var(--mascot-scale));font-weight:700;color:#f59e0b}.mascot__thought-dots{display:flex;gap:3px;margin-top:2px}.mascot__thought-dots span{width:4px;height:4px;background:#ff9a2e;border-radius:50%}.mascot__wing{position:absolute;width:28%;height:45%;top:40%;transform-origin:top center;z-index:2}@media(min-width:768px){.mascot--idle-css .mascot__wing{animation:owl-wing-idle 2s ease-in-out infinite}}.mascot__wing--left{left:-12%}.mascot__wing--right{right:-12%}.mascot__wing-feathers{width:100%;height:100%;display:flex;flex-direction:column;gap:5%}.mascot__wing-feather{width:100%;height:30%;background:linear-gradient(90deg,#d47b0f,#f59e0b,#ff9a2e);border-radius:50% 20% 20% 50%;box-shadow:inset 0 -3px 6px #00000026,0 2px 4px #f59e0b33}.mascot__wing-feather:nth-child(1){transform:rotate(-5deg)}.mascot__wing-feather:nth-child(2){transform:rotate(0) translate(5%);width:95%}.mascot__wing-feather:nth-child(3){transform:rotate(5deg) translate(10%);width:85%}.mascot__belly{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:55%;height:35%;background:linear-gradient(180deg,#fef3c7,#fdea9f);border-radius:50%;box-shadow:inset 0 -5px 15px #0000000d,inset 0 5px 10px #ffffff80;z-index:3}.mascot__belly-pattern{position:absolute;top:20%;left:50%;transform:translate(-50%);width:70%;height:60%;background:repeating-linear-gradient(180deg,transparent 0%,transparent 18%,rgba(212,175,55,.15) 18%,rgba(212,175,55,.15) 22%,transparent 22%);border-radius:50%}.mascot__feet{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);display:flex;gap:20%;width:65%;z-index:4}.mascot__foot{display:flex;gap:2px;justify-content:center}.mascot__foot--left{transform:rotate(-8deg)}.mascot__foot--right{transform:rotate(8deg)}.mascot__toe{width:calc(8px * var(--mascot-scale));height:calc(14px * var(--mascot-scale));background:linear-gradient(180deg,#f59e0b,#ac6f07);border-radius:50% 50% 40% 40%;box-shadow:inset 0 -3px 6px #0003,0 3px 6px #f59e0b4d}.mascot__toe:nth-child(1){transform:rotate(-15deg)}.mascot__toe:nth-child(3){transform:rotate(15deg)}.profile-edit-modal .ui-modal__body{padding:24px 32px}.profile-edit-modal__header{text-align:center;margin-bottom:32px}.profile-edit-modal__header h2{font-size:1.625rem;font-weight:700;color:#1a1a1b;margin:16px 0 4px;letter-spacing:-.02em}.profile-edit-modal__header p{color:#8a8a8b;font-size:1rem;margin:0}.profile-edit-modal__avatar-preview{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#ff7f001a,#ff9a2e1a);border-radius:50%;font-size:40px;margin-bottom:8px}.profile-edit-modal__form{margin-bottom:32px}.profile-edit-modal__field{margin-bottom:24px}.profile-edit-modal__field label{display:block;font-size:1rem;font-weight:600;color:#4a4a4b;margin-bottom:8px}.profile-edit-modal__input-wrapper{position:relative;display:flex;align-items:center}.profile-edit-modal__input-icon{position:absolute;left:16px;color:#8a8a8b;pointer-events:none}.profile-edit-modal__input{width:100%;padding:8px 16px 8px 44px;border:1px solid rgba(0,0,0,.09);border-radius:12px;font-size:1.125rem;color:#1a1a1b;background:#fff;transition:all .2s ease}.profile-edit-modal__input::placeholder{color:#8a8a8b}.profile-edit-modal__input:focus{outline:none;border-color:#ff7f00;box-shadow:0 0 0 3px #ff7f001a}.profile-edit-modal__avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:360px){.profile-edit-modal__avatars{grid-template-columns:repeat(3,1fr)}}.profile-edit-modal__avatar-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#fff8f280;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.profile-edit-modal__avatar-btn:hover{background:#ff7f000d;border-color:#ff7f0033;transform:scale(1.05)}.profile-edit-modal__avatar-btn--selected{background:#ff7f001a;border-color:#ff7f00}.profile-edit-modal__avatar-emoji{font-size:28px}.profile-edit-modal__avatar-btn--locked{position:relative;opacity:.4;filter:grayscale(.6)}.profile-edit-modal__avatar-btn--locked:hover{opacity:.7;filter:grayscale(0)}.profile-edit-modal__lock-icon{position:absolute;bottom:4px;right:4px;color:#ffffffb3;background:#00000080;border-radius:50%;padding:2px}.profile-edit-modal__effects{display:flex;flex-wrap:wrap;gap:6px}.profile-edit-modal__effect-btn{padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;text-transform:capitalize;transition:all .2s}.profile-edit-modal__effect-btn:hover{background:#ffffff1a;color:#fff}.profile-edit-modal__effect-btn--selected{background:#ff7f0033;border-color:#ff7f00;color:#ff7f00}.profile-edit-modal__shop-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-bottom:16px;background:none;border:1px dashed rgba(255,255,255,.15);border-radius:20px;color:#ff9a2e;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.profile-edit-modal__shop-link:hover{background:#ff9a2e1a;border-color:#ff9a2e4d}.profile-edit-modal__actions{display:flex;justify-content:flex-end;gap:8px}.profile-edit-modal__success{text-align:center;padding:48px 0}.profile-edit-modal__success h3{font-size:1.375rem;font-weight:600;color:#1a1a1b;margin-top:16px}.profile-edit-modal__success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#51cf66,#33ba4a);border-radius:50%;color:#fff}.dark-mode .profile-edit-modal__header h2{color:var(--color-text-primary, #e8e8e8)}.dark-mode .profile-edit-modal__header p{color:var(--color-text-tertiary, #888888)}.dark-mode .profile-edit-modal__field label{color:var(--color-text-secondary, #b8b8b8)}.dark-mode .profile-edit-modal__input-icon{color:var(--color-text-tertiary, #888888)}.dark-mode .profile-edit-modal__input{background:var(--color-bg-secondary, #16213e);border-color:var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-primary, #e8e8e8)}.dark-mode .profile-edit-modal__input::placeholder{color:var(--color-text-tertiary, #888888)}.dark-mode .profile-edit-modal__avatar-btn{background:#ffffff0d}.dark-mode .profile-edit-modal__avatar-btn:hover{background:#ff7f001a;border-color:#ff7f004d}.dark-mode .profile-edit-modal__avatar-btn--selected{background:#ff7f0026}.dark-mode .profile-edit-modal__success h3{color:var(--color-text-primary, #e8e8e8)}.demo-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a6}.demo-modal{position:relative;width:100%;max-width:480px;background:#fff;border-radius:28px;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 48px #0000001f,0 8px 24px #ff7f0014;overflow:hidden;will-change:transform,opacity}@media(min-width:640px){.demo-modal{max-width:520px}}.demo-modal__close{position:absolute;top:8px;right:8px;z-index:20;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000000d;color:#8a8a8b;cursor:pointer;transition:background .2s,color .2s}.demo-modal__close:hover{background:#0000001a;color:#1a1a1b}.demo-modal__pips{position:relative;z-index:10;display:flex;justify-content:center;gap:6px;padding:16px 24px 0;overflow:hidden}.demo-modal__pip{position:relative;width:32px;height:4px;border:none;border-radius:2px;background:#ff7f0026;cursor:pointer;overflow:hidden;padding:0;transition:background .2s;flex-shrink:0;isolation:isolate;contain:layout paint}.demo-modal__pip:hover{background:#ff7f0040}.demo-modal__pip--active,.demo-modal__pip--done{background:#ff7f0033}.demo-modal__pip-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff7f00,#ff9a2e);transform-origin:left;border-radius:2px;clip-path:inset(0 round 2px);transform:scaleX(0);transition:transform .3s ease-out}.demo-modal__pip--active .demo-modal__pip-fill,.demo-modal__pip--done .demo-modal__pip-fill{transform:scaleX(1)}.demo-modal__stage{position:relative;min-height:360px;overflow:visible;background:#fff}@media(min-width:640px){.demo-modal__stage{min-height:400px}}.demo-modal__slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px 24px;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(min-width:640px){.demo-modal__slide{padding:48px 32px}}.demo-modal__mascot{position:absolute;bottom:8px;right:16px;transform:scale(.7);transform-origin:bottom right;opacity:.9;pointer-events:none}@media(min-width:640px){.demo-modal__mascot{bottom:16px;right:24px;transform:scale(.8)}}.demo-modal__nav{display:flex;align-items:center;justify-content:space-between;padding:8px 24px 24px}.demo-modal__nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ff7f001a;color:#ff7f00;cursor:pointer;transition:background .2s,transform .15s}.demo-modal__nav-btn:hover:not(:disabled){background:#ff7f0026;transform:scale(1.05)}.demo-modal__nav-btn:disabled{opacity:.3;cursor:not-allowed}.demo-modal__nav-btn--prev{background:transparent;color:#8a8a8b}.demo-modal__nav-btn--prev:hover:not(:disabled){background:#0000000d;color:#1a1a1b}.demo-modal__counter{font-size:1rem;font-weight:500;color:#8a8a8b}.demo-slide-intro{position:relative;width:100%;text-align:center}.demo-slide-intro__content{position:relative;z-index:1}.demo-slide-intro__icon{color:#ff7f00;margin-bottom:16px}.demo-slide-intro h2{font-size:2rem;font-weight:800;color:#1a1a1b;margin:0 0 4px}@media(min-width:640px){.demo-slide-intro h2{font-size:2.5rem}}.demo-slide-intro p{font-size:1.125rem;color:#8a8a8b;margin:0}.demo-slide-choose{width:100%;text-align:center}.demo-slide-choose__title{font-size:1.625rem;font-weight:700;color:#1a1a1b;margin:0 0 24px}@media(min-width:640px){.demo-slide-choose__title{font-size:2rem}}.demo-slide-choose__bubbles{display:flex;justify-content:center;gap:16px}@media(min-width:640px){.demo-slide-choose__bubbles{gap:24px}}.demo-slide-choose__bubble{will-change:transform}.demo-slide-choose__bubble-inner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#fff;border-radius:20px;border:2px solid rgba(255,127,0,.1);box-shadow:0 4px 16px #ff7f0014;will-change:transform}@media(min-width:640px){.demo-slide-choose__bubble-inner{padding:24px}}.demo-slide-choose__emoji{font-size:36px}@media(min-width:640px){.demo-slide-choose__emoji{font-size:44px}}.demo-slide-choose__label{font-size:1rem;font-weight:600;color:#4a4a4b}.demo-slide-magic{display:flex;flex-direction:column;align-items:center;gap:24px}.demo-slide-magic__wand{position:relative;color:#ff7f00;will-change:transform}.demo-slide-magic__trail{position:absolute;top:-10px;right:-30px;display:flex;gap:4px}.demo-slide-magic__star{font-size:18px;will-change:transform,opacity}.demo-slide-magic__text{font-size:1.375rem;font-weight:600;color:#4a4a4b}@media(min-width:640px){.demo-slide-magic__text{font-size:1.625rem}}.demo-slide-practice{width:100%;max-width:320px}.demo-slide-practice__question{text-align:center;margin-bottom:24px}.demo-slide-practice__label{display:block;font-size:1rem;color:#8a8a8b;margin-bottom:4px}.demo-slide-practice__word{font-size:2.5rem;font-weight:800;color:#1a1a1b}@media(min-width:640px){.demo-slide-practice__word{font-size:3rem}}.demo-slide-practice__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-slide-practice__btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px;border:2px solid rgba(255,127,0,.12);border-radius:12px;background:#fff;font-size:1.125rem;font-weight:600;color:#1a1a1b;cursor:pointer;transition:border-color .15s,background .15s;will-change:transform}.demo-slide-practice__btn:hover{border-color:#ff7f004d}.demo-slide-practice__btn--correct{border-color:#51cf66;background:#51cf661a;color:#28923a}.demo-slide-practice__btn--wrong{border-color:#ff6b6b;background:#ff6b6b1a;color:#ff3838}.demo-slide-practice__feedback{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;font-size:1rem;font-weight:600;color:#28923a}.demo-slide-practice__feedback svg{color:#fcc419}.demo-slide-voice{display:flex;flex-direction:column;align-items:center;gap:24px}.demo-slide-voice__title{font-size:1.625rem;font-weight:700;color:#1a1a1b;margin:0}@media(min-width:640px){.demo-slide-voice__title{font-size:2rem}}.demo-slide-voice__player{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#ff7f000d;border-radius:9999px}.demo-slide-voice__btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff7f00,#ff9a2e);color:#fff;cursor:pointer;box-shadow:0 4px 16px #ff7f004d;will-change:transform}.demo-slide-voice__btn--playing{animation:speakerPulse .6s ease-in-out infinite}.demo-slide-voice__wave{display:flex;align-items:center;gap:3px;height:36px}.demo-slide-voice__bar{width:4px;height:100%;background:linear-gradient(to top,#ff7f00,#ff9a2e);border-radius:2px;transform-origin:bottom;will-change:transform}.demo-slide-voice__word{font-size:1.375rem;font-weight:600;color:#4a4a4b}@keyframes speakerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.demo-slide-journey{width:100%;max-width:300px}.demo-slide-journey__title{text-align:center;font-size:1.625rem;font-weight:700;color:#1a1a1b;margin:0 0 24px}@media(min-width:640px){.demo-slide-journey__title{font-size:2rem}}.demo-slide-journey__roadmap{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.demo-slide-journey__unit{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);will-change:transform,opacity}.demo-slide-journey__unit--done{border-color:#51cf664d;background:#51cf660d}.demo-slide-journey__unit--locked{opacity:.5}.demo-slide-journey__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ff7f001a;font-size:18px;color:#8a8a8b}.demo-slide-journey__info{flex:1;display:flex;flex-direction:column}.demo-slide-journey__name{font-size:.875rem;font-weight:500;color:#8a8a8b;text-transform:uppercase;letter-spacing:.5px}.demo-slide-journey__desc{font-size:1.125rem;font-weight:600;color:#1a1a1b}.demo-slide-journey__check{color:#51cf66}.demo-slide-journey__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff7f00,#ff9a2e);color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #ff7f004d,inset 0 1px 2px #fff3;will-change:transform}.demo-slide-journey__cta:hover{box-shadow:0 12px 32px #ff7f0059,inset 0 1px 2px #fff3}.dark-mode .demo-modal{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .demo-modal__close{background:#ffffff0d;color:var(--color-text-tertiary)}.dark-mode .demo-modal__close:hover{background:#ffffff1a;color:var(--color-text-primary)}.dark-mode .demo-modal__pip{background:#6366f133}.dark-mode .demo-modal__pip:hover{background:#6366f14d}.dark-mode .demo-modal__stage{background:var(--color-bg-primary)}.dark-mode .demo-modal__counter{color:var(--color-text-tertiary)}.dark-mode .demo-modal__nav-btn{background:#6366f126}.dark-mode .demo-modal__nav-btn:hover:not(:disabled){background:#6366f140}.dark-mode .demo-modal__nav-btn--prev{background:transparent;color:var(--color-text-tertiary)}.dark-mode .demo-modal__nav-btn--prev:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary)}.dark-mode .demo-slide-intro h2{color:var(--color-text-primary)}.dark-mode .demo-slide-intro p{color:var(--color-text-tertiary)}.dark-mode .demo-slide-choose__title{color:var(--color-text-primary)}.dark-mode .demo-slide-choose__bubble-inner{background:var(--color-bg-secondary);border-color:#6366f133}.dark-mode .demo-slide-choose__label,.dark-mode .demo-slide-magic__text{color:var(--color-text-secondary)}.dark-mode .demo-slide-practice__label{color:var(--color-text-tertiary)}.dark-mode .demo-slide-practice__word{color:var(--color-text-primary)}.dark-mode .demo-slide-practice__btn{background:var(--color-bg-secondary);border-color:#6366f133;color:var(--color-text-primary)}.dark-mode .demo-slide-practice__btn:hover{border-color:#6366f166}.dark-mode .demo-slide-voice__title{color:var(--color-text-primary)}.dark-mode .demo-slide-voice__player{background:#6366f11a}.dark-mode .demo-slide-voice__word{color:var(--color-text-secondary)}.dark-mode .demo-slide-journey__title{color:var(--color-text-primary)}.dark-mode .demo-slide-journey__unit{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .demo-slide-journey__unit--done{border-color:#51cf6666;background:#51cf661a}.dark-mode .demo-slide-journey__icon{background:#6366f126}.dark-mode .demo-slide-journey__name{color:var(--color-text-tertiary)}.dark-mode .demo-slide-journey__desc{color:var(--color-text-primary)}.footer{position:relative;z-index:1;margin-top:auto;background:linear-gradient(180deg,#ffffffd9,#fffffff2);border-top:1px solid rgba(255,127,0,.06)}@media(min-width:768px){.footer{background:linear-gradient(180deg,#fff6,#ffffffb3 20%,#fffc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.footer__container{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:32px 16px 24px}@media(min-width:640px){.footer__container{padding:48px 24px 28px}}@media(min-width:768px){.footer__container{padding:56px 32px 32px}}.footer__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(max-width:639px){.footer__grid{grid-template-columns:1fr;gap:20px}}@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}}@media(min-width:768px){.footer__grid{grid-template-columns:1.4fr repeat(3,1fr);gap:40px}}.footer__links-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(min-width:640px){.footer__links-row{display:contents}}@media(max-width:639px){.footer__brand{text-align:center;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}}@media(min-width:768px){.footer__brand{padding-right:16px}}.footer__logo{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1a1a1b;text-decoration:none;transition:color .2s ease}.footer__logo svg{color:#ff7f00}@media(hover:hover)and (pointer:fine){.footer__logo:hover{color:#ff7f00}}.footer__slogan{font-size:13px;color:#8a8a8b;line-height:1.5;margin:10px 0 14px;max-width:240px}.footer__social{display:flex;gap:6px}.footer__social-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#00000008;color:#8a8a8b;transition:all .25s ease}@media(hover:hover)and (pointer:fine){.footer__social-icon:hover{background:#ff7f0014;color:#ff7f00}}.footer__column{display:flex;flex-direction:column}.footer__heading{font-size:10px;font-weight:700;color:#4a4a4b;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px}@media(min-width:640px){.footer__heading{font-size:11px;margin:0 0 12px}}.footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}@media(min-width:640px){.footer__list{gap:8px}}.footer__link{display:inline-block;font-size:12px;color:#8a8a8b;text-decoration:none;transition:transform .2s ease,color .2s ease;transform:translate(0)}@media(min-width:640px){.footer__link{font-size:13px}}@media(hover:hover)and (pointer:fine){.footer__link:hover{color:#ff7f00;transform:translate(4px)}}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(0,0,0,.05)}@media(min-width:640px){.footer__bottom{flex-direction:row;align-items:center;justify-content:space-between;margin-top:36px;padding-top:20px}}.footer__copyright{font-size:12px;color:#8a8a8b;margin:0}.footer__legal{display:flex;align-items:center;gap:8px}.footer__legal-link{font-size:12px;color:#8a8a8b;text-decoration:none;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.footer__legal-link:hover{color:#ff7f00}}.footer__divider{width:1px;height:10px;background:#0000001a}.footer__glow{position:absolute;bottom:0;left:20%;width:300px;height:200px;background:radial-gradient(ellipse,rgba(255,127,0,.03) 0%,rgba(255,154,46,.02) 40%,transparent 70%);pointer-events:none;z-index:0}@media(min-width:768px){.footer__glow{left:30%;width:400px;height:250px}}.dark-mode .footer{background:linear-gradient(180deg,#1a1a2ee6,#16213ef2);border-top-color:var(--color-border)}@media(min-width:768px){.dark-mode .footer{background:linear-gradient(180deg,#1a1a2eb3,#16213ed9 20%,#16213ee6)}}.dark-mode .footer__logo{color:var(--color-text-primary)}.dark-mode .footer__slogan{color:var(--color-text-tertiary)}.dark-mode .footer__social-icon{background:#ffffff0d;color:var(--color-text-tertiary)}.dark-mode .footer__social-icon:hover{background:#6366f126}.dark-mode .footer__heading{color:var(--color-text-secondary)}.dark-mode .footer__link{color:var(--color-text-tertiary)}.dark-mode .footer__link:hover{color:var(--color-primary)}.dark-mode .footer__brand{border-bottom-color:var(--color-border)}.dark-mode .footer__bottom{border-top-color:var(--color-border)}.dark-mode .footer__copyright,.dark-mode .footer__legal-link{color:var(--color-text-tertiary)}.dark-mode .footer__legal-link:hover{color:var(--color-primary)}.dark-mode .footer__divider{background:var(--color-border)}.dark-mode .footer__glow{background:radial-gradient(ellipse,rgba(255,127,0,.06) 0%,rgba(255,154,46,.04) 40%,transparent 70%)}.home-page{position:relative;display:flex;flex-direction:column;min-height:100dvh}.home-page__bg-decoration{position:fixed;top:-20%;right:-10%;width:60vw;height:60vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(255,127,0,.06) 0%,rgba(255,154,46,.04) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.home-page__hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px 32px;max-width:1400px;margin:0 auto;width:100%}@media(min-width:640px){.home-page__hero{padding:32px 32px 40px}}@media(min-width:1024px){.home-page__hero{padding:48px 64px 40px}}.home-page__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;color:#ff7f00;margin-bottom:16px;background:#fff;border:1px solid rgba(255,127,0,.1);box-shadow:0 2px 8px #0000000a}@media(min-width:640px){.home-page__badge{gap:8px;padding:8px 24px;font-size:1rem;margin-bottom:32px}}.home-page__badge svg{color:#ff6b6b;width:14px;height:14px}@media(min-width:640px){.home-page__badge svg{width:16px;height:16px}}.home-page__title{font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#1a1a1b;margin:0 0 8px}@media(min-width:640px){.home-page__title{margin:0 0 24px}}.home-page__title .gradient-text{background:linear-gradient(135deg,#ff7f00,#ff9a2e,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 4s ease infinite}.home-page__subtitle{font-size:1.125rem;color:#8a8a8b;line-height:1.5;max-width:800px;margin:0 0 24px}@media(min-width:640px){.home-page__subtitle{font-size:1.375rem;margin:0 0 48px}}@media(min-width:768px){.home-page__subtitle{font-size:1.625rem;line-height:1.75}}.home-page__cta-group{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media(min-width:640px){.home-page__cta-group{flex-direction:row}}@media(min-width:768px){.home-page__cta-group{margin-bottom:40px}}.home-page__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;white-space:nowrap}@media(max-width:639px){.home-page__cta{padding:8px 16px;font-size:1rem;gap:4px;width:100%}.home-page__cta svg{width:16px;height:16px}}.home-page__cta--primary{background:linear-gradient(135deg,#ff7f00,#ff9a2e);color:#fff;box-shadow:0 8px 30px #ff7f0040}.home-page__cta--primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #ff7f0059}.home-page__cta--primary:hover svg:last-child{transform:translate(4px)}.home-page__cta--primary svg{transition:transform .3s ease}.home-page__cta--secondary{position:relative;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1a1a1b;border:1.5px solid rgba(255,127,0,.15);box-shadow:0 4px 16px #ff7f000f,inset 0 1px 2px #ffffffe6}.home-page__cta--secondary:hover{border-color:#ff7f0066;color:#ff7f00;background:#ffffffe6;transform:translateY(-3px);box-shadow:0 8px 24px #ff7f001f,0 0 0 4px #ff7f000f,inset 0 1px 3px #fff}.home-page__stats{display:flex;gap:32px;padding:24px 32px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 12px #00000012}@media(max-width:640px){.home-page__stats{gap:24px;padding:16px 24px}}.home-page__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.home-page__stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff7f00,#ff9a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.home-page__stat-value{font-size:2.5rem}}.home-page__stat-label{font-size:.875rem;color:#8a8a8b;text-transform:uppercase;letter-spacing:.5px}.home-page__section-title{text-align:center;font-size:1.625rem;font-weight:700;color:#1a1a1b;margin-bottom:24px;letter-spacing:-.02em}@media(min-width:640px){.home-page__section-title{font-size:2rem;margin-bottom:32px}}@media(min-width:768px){.home-page__section-title{font-size:2.5rem;margin-bottom:40px}}.home-page__bento{position:relative;z-index:1;padding:0 16px;max-width:1400px;margin:0 auto;width:100%}@media(min-width:640px){.home-page__bento{padding:0 32px}}@media(min-width:1024px){.home-page__bento{padding:0 64px}}.home-page__final-cta{position:relative;z-index:1;text-align:center;padding:32px 16px;margin:0 auto;max-width:1000px;width:100%}@media(min-width:640px){.home-page__final-cta{padding:40px 32px}}.home-page__final-cta h2{font-size:2rem;font-weight:700;color:#1a1a1b;margin-bottom:8px;letter-spacing:-.02em}@media(min-width:640px){.home-page__final-cta h2{font-size:2.5rem;margin-bottom:16px}}@media(min-width:768px){.home-page__final-cta h2{font-size:3rem}}.home-page__final-cta p{font-size:1.125rem;color:#8a8a8b;margin-bottom:24px}@media(min-width:640px){.home-page__final-cta p{font-size:1.375rem;margin-bottom:32px}}@media(min-width:768px){.home-page__final-cta p{font-size:1.625rem}}.home-page__progress{position:relative;z-index:1;padding:0 16px;max-width:1000px;margin:0 auto 16px;width:100%}@media(min-width:640px){.home-page__progress{padding:0 32px;margin:0 auto 24px}}.progress-card{background:#fffffff2;border:1px solid rgba(255,255,255,.3)}@media(min-width:768px){.progress-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.progress-card{position:relative;padding:16px;border-radius:24px;border:1px solid rgba(255,127,0,.1);box-shadow:0 4px 20px #00000014;overflow:visible}@media(min-width:640px){.progress-card{padding:32px}}.progress-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}@media(max-width:640px){.progress-card__header{flex-direction:column;align-items:stretch}}@media(min-width:640px){.progress-card__header{margin-bottom:32px;gap:16px}}.progress-card__user{display:flex;align-items:center;gap:16px}.progress-card__avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ff7f001a,#ff9a2e1a);border:2px solid transparent;border-radius:50%;font-size:22px;cursor:pointer;transition:all .3s ease;flex-shrink:0}@media(min-width:640px){.progress-card__avatar{width:56px;height:56px;font-size:28px}}.progress-card__avatar:hover{border-color:#ff7f00;transform:scale(1.05);box-shadow:0 4px 12px #ff7f0033}.progress-card__greeting h3{font-size:1.125rem;font-weight:700;color:#1a1a1b;margin:0 0 2px}@media(min-width:640px){.progress-card__greeting h3{font-size:1.375rem}}.progress-card__greeting p{font-size:.875rem;color:#8a8a8b;margin:0}@media(min-width:640px){.progress-card__greeting p{font-size:1rem}}.progress-card__action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:linear-gradient(135deg,#ff7f00,#ff9a2e);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media(max-width:640px){.progress-card__action{width:100%}}.progress-card__action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff7f004d}.progress-card__action:hover svg{transform:translate(3px)}.progress-card__action svg{transition:transform .3s ease}.progress-card__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:32px}@media(min-width:640px){.progress-card__grid{grid-template-columns:repeat(4,1fr);gap:16px}}.progress-card__item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff8f2;border-radius:20px;transition:transform .3s ease;min-width:0}@media(min-width:640px){.progress-card__item{gap:16px;padding:16px}}.progress-card__item:hover{transform:translateY(-2px)}.progress-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0}@media(min-width:640px){.progress-card__icon{width:48px;height:48px}}.progress-card__icon svg{width:20px;height:20px}@media(min-width:640px){.progress-card__icon svg{width:24px;height:24px}}.progress-card__item--xp .progress-card__icon{background:linear-gradient(135deg,#ff7f0026,#ff9a2e26);color:#ff7f00}.progress-card__item--streak .progress-card__icon{background:#8a8a8b1a;color:#8a8a8b;transition:all .3s ease}.progress-card__item--streak-active .progress-card__icon{background:#ff6b6b26;color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.progress-card__item--streak-active .progress-card__value{color:#ff6b6b}.progress-card__item--lessons .progress-card__icon{background:#fbbf2426;color:#fbbf24}.progress-card__item--completion .progress-card__icon{background:#51cf661f;color:#51cf66}.progress-card__content{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.progress-card__value{font-size:1.375rem;font-weight:700;color:#1a1a1b;line-height:1;white-space:nowrap}@media(min-width:640px){.progress-card__value{font-size:1.625rem}}@media(min-width:768px){.progress-card__value{font-size:2rem}}.progress-card__label{font-size:10px;color:#8a8a8b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.progress-card__label{font-size:.875rem;letter-spacing:.5px}}.progress-card__bar-container{height:8px;background:#0000000f;border-radius:9999px;overflow:hidden}.progress-card__bar{height:100%;background:linear-gradient(90deg,#ff7f00,#ff9a2e,#ff6b6b);border-radius:9999px;transition:width .6s ease;box-shadow:0 0 10px #ff7f0066}.progress-card__mascot{position:absolute;bottom:-30px;right:-20px;z-index:5;pointer-events:none}@media(max-width:640px){.progress-card__mascot{display:none}}@media(min-width:768px){.progress-card__mascot{bottom:-40px;right:-30px}}.home-page__ai-features{max-width:1200px;margin:0 auto 32px;padding:0 16px}@media(min-width:640px){.home-page__ai-features{margin:0 auto 64px;padding:0 24px}}.home-page__ai-title{display:flex;align-items:center;justify-content:center;gap:4px;font-size:1.375rem;font-weight:700;color:#1a1a1b;margin:0 0 16px;text-align:center}@media(min-width:640px){.home-page__ai-title{gap:8px;font-size:1.625rem;margin:0 0 32px}}.home-page__ai-title svg{color:#ff9a2e;width:20px;height:20px}@media(min-width:640px){.home-page__ai-title svg{width:24px;height:24px}}.home-page__ai-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.home-page__ai-grid{grid-template-columns:repeat(3,1fr)}}.home-page__ai-card{background:#fffffff2;border:1px solid rgba(255,255,255,.3)}@media(min-width:768px){.home-page__ai-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.home-page__ai-card{display:flex;align-items:center;gap:8px;padding:16px;border-radius:24px;border:1px solid rgba(255,127,0,.1);cursor:pointer;transition:all .3s ease;text-align:left;width:100%}@media(min-width:640px){.home-page__ai-card{gap:16px;padding:24px}}.home-page__ai-card:hover{border-color:#ff7f0033;box-shadow:0 8px 32px #0000001a}.home-page__ai-card--chat .home-page__ai-icon{background:linear-gradient(135deg,#667eea26,#ffb34726);color:#667eea}.home-page__ai-card--chat:hover .home-page__ai-icon{background:linear-gradient(135deg,#667eea,#ffb347);color:#fff}.home-page__ai-card--writing .home-page__ai-icon{background:linear-gradient(135deg,#51cf6626,#10b98126);color:#51cf66}.home-page__ai-card--writing:hover .home-page__ai-icon{background:linear-gradient(135deg,#51cf66,#10b981);color:#fff}.home-page__ai-card--stories .home-page__ai-icon{background:linear-gradient(135deg,#ff6b6b26,#f59e0b26);color:#ff6b6b}.home-page__ai-card--stories:hover .home-page__ai-icon{background:linear-gradient(135deg,#ff6b6b,#f59e0b);color:#fff}.home-page__ai-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:20px;flex-shrink:0;transition:all .3s ease}@media(min-width:640px){.home-page__ai-icon{width:56px;height:56px}}.home-page__ai-icon svg{width:22px;height:22px}@media(min-width:640px){.home-page__ai-icon svg{width:26px;height:26px}}.home-page__ai-content{flex:1;min-width:0}.home-page__ai-content h3{font-size:1.125rem;font-weight:600;color:#1a1a1b;margin:0 0 4px}.home-page__ai-content p{font-size:1rem;color:#8a8a8b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page__ai-arrow{color:#8a8a8b;flex-shrink:0;transition:transform .3s ease}.home-page__ai-card:hover .home-page__ai-arrow{transform:translate(4px);color:#ff7f00}.bento-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}}.bento-card{background:#fffffff2;border:1px solid rgba(255,255,255,.3)}@media(min-width:768px){.bento-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.bento-card{padding:32px;border-radius:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease}.bento-card:hover{box-shadow:0 20px 40px #00000026;border-color:#ff7f0033}@media(min-width:1024px){.bento-card--large{grid-column:span 2;grid-row:span 2;padding:48px}.bento-card--large .bento-card__title{font-size:2rem}.bento-card--large .bento-card__description{font-size:1.125rem}.bento-card--large .bento-card__icon{width:64px;height:64px}.bento-card--large .bento-card__icon svg{width:32px;height:32px}}@media(min-width:1024px){.bento-card--medium{grid-column:span 2}}.bento-card--primary .bento-card__icon{background:linear-gradient(135deg,#ff7f0026,#ff9a2e26);color:#ff7f00}.bento-card--coral .bento-card__icon{background:#ff6b6b1f;color:#ff6b6b}.bento-card--mint .bento-card__icon{background:#51cf661f;color:#51cf66}.bento-card--lavender .bento-card__icon{background:#fbbf2426;color:#fbbf24}.bento-card--warning .bento-card__icon{background:#fcc4191f;color:#dfa903}.bento-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;margin-bottom:16px;transition:transform .3s ease}.bento-card:hover .bento-card__icon{transform:scale(1.1) rotate(5deg)}.bento-card__title{font-size:1.375rem;font-weight:700;color:#1a1a1b;margin:0 0 4px;letter-spacing:-.01em}.bento-card__description{font-size:1rem;color:#8a8a8b;line-height:1.75;margin:0}.bento-card--magic{cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff9a2e14,#ff6b6b14);border:1px solid rgba(255,154,46,.2)}.bento-card--magic:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,154,46,.1),transparent,rgba(255,107,107,.1),transparent);animation:magicRotate 6s linear infinite;pointer-events:none}.bento-card--magic .bento-card__icon{background:linear-gradient(135deg,#ff9a2e33,#ff6b6b33);color:#ff9a2e}.bento-card--magic:hover{border-color:#ff9a2e66;box-shadow:0 8px 32px #ff9a2e33}.bento-card__badge{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding:4px 8px;background:linear-gradient(135deg,#ff9a2e,#ff6b6b);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px}.magic-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.magic-modal{background:#fffffff2;border:1px solid rgba(255,255,255,.3)}@media(min-width:768px){.magic-modal{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.magic-modal{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:48px;border-radius:24px;box-shadow:0 25px 50px #00000026}.magic-modal__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#8a8a8b;border-radius:9999px;cursor:pointer;transition:all .2s ease}.magic-modal__close:hover:not(:disabled){background:#0000000d;color:#1a1a1b}.magic-modal__close:disabled{opacity:.5;cursor:not-allowed}.magic-modal__header{text-align:center;margin-bottom:32px}.magic-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#ff9a2e26,#ff6b6b26);color:#ff9a2e;border-radius:9999px;margin-bottom:16px}.magic-modal__header h2{font-size:2rem;font-weight:700;color:#1a1a1b;margin:0 0 4px}.magic-modal__header p{font-size:1.125rem;color:#8a8a8b;margin:0}.magic-modal__error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);color:#ff6b6b;padding:8px 16px;border-radius:12px;margin-bottom:24px;font-size:1rem;text-align:center}.magic-modal__form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.magic-modal__field{display:flex;flex-direction:column;gap:8px}.magic-modal__field label{font-size:1rem;font-weight:600;color:#1a1a1b}.magic-modal__field input{width:100%;padding:16px;border:1px solid rgba(0,0,0,.14);border-radius:12px;font-size:1.125rem;transition:all .2s ease}.magic-modal__field input:focus{outline:none;border-color:#ff9a2e;box-shadow:0 0 0 3px #ff9a2e1a}.magic-modal__field input::placeholder{color:#8a8a8b}.magic-modal__suggestions{display:flex;flex-wrap:wrap;gap:4px}.magic-modal__suggestion{padding:4px 8px;background:#fff8f2;border:1px solid transparent;border-radius:9999px;font-size:.875rem;color:#4a4a4b;cursor:pointer;transition:all .2s ease}.magic-modal__suggestion:hover{background:#ff9a2e1a;color:#ff9a2e}.magic-modal__suggestion--active{background:#ff9a2e26;border-color:#ff9a2e;color:#ff9a2e}.magic-modal__options{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}@media(max-width:640px){.magic-modal__options{grid-template-columns:repeat(2,1fr)}}.magic-modal__options--small{grid-template-columns:repeat(3,1fr)}.magic-modal__option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#fff8f2;border:1px solid transparent;border-radius:12px;font-size:.875rem;color:#4a4a4b;cursor:pointer;transition:all .2s ease}.magic-modal__option span:first-child{font-size:1.375rem}.magic-modal__option:hover{background:#ff9a2e1a;border-color:#ff9a2e4d}.magic-modal__option--active{background:#ff9a2e26;border-color:#ff9a2e;color:#ff9a2e}.magic-modal__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 32px;background:linear-gradient(135deg,#ff9a2e,#ff6b6b);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.magic-modal__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff9a2e59}.magic-modal__submit:disabled{opacity:.5;cursor:not-allowed}.magic-modal__loading{text-align:center;padding:64px 0}.magic-modal__loading h3{font-size:1.625rem;font-weight:700;color:#1a1a1b;margin:24px 0 8px}.magic-modal__loading p{font-size:1.125rem;color:#8a8a8b;margin:0}.magic-modal__wand{display:inline-flex;color:#ff9a2e}.magic-modal__sparkles{display:flex;align-items:center;justify-content:center;gap:16px;color:#ff6b6b;margin-top:16px}.bento-grid-v2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.bento-grid-v2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-grid-v2{grid-template-columns:repeat(3,1fr)}}.bento-v2{position:relative;padding:16px;border-radius:16px;background:#fffffff2;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #0000000a,0 1px 2px #00000005;overflow:hidden;cursor:default}@media(min-width:768px){.bento-v2{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media(min-width:640px){.bento-v2{padding:24px;border-radius:20px}}@media(min-width:768px){.bento-v2{padding:32px}}.bento-v2__content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.bento-v2__title{font-size:1.125rem;font-weight:700;color:#1a1a1b;margin:0 0 4px;letter-spacing:-.01em}@media(min-width:640px){.bento-v2__title{font-size:1.375rem}}.bento-v2__desc{font-size:.875rem;color:#8a8a8b;line-height:1.4;margin:0}@media(min-width:640px){.bento-v2__desc{font-size:1rem;line-height:1.75}}.bento-v2__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;margin-bottom:8px;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:640px){.bento-v2__icon{width:52px;height:52px;border-radius:14px;margin-bottom:16px}}.bento-v2__icon svg{width:22px;height:22px}@media(min-width:640px){.bento-v2__icon svg{width:26px;height:26px}}.bento-v2:hover .bento-v2__icon{transform:scale(1.08) rotate(3deg)}.bento-v2__icon--magic{background:linear-gradient(135deg,#ff9a2e26,#ff6b6b1f);color:#ff9a2e;box-shadow:0 4px 16px #ff9a2e26}.bento-v2__icon--fire{background:linear-gradient(135deg,#ff6b6b26,#fcc4191f);color:#ff6b6b}.bento-v2__icon--mint{background:#51cf661f;color:#2ea642}.bento-v2__icon--lavender{background:#fbbf2426;color:#fbbf24}.bento-v2__icon--warning{background:#fcc4191f;color:#dfa903}.bento-v2__icon--coral{background:#ff6b6b1f;color:#ff6b6b}.bento-v2__badge{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding:4px 16px;background:linear-gradient(135deg,#ff9a2e,#ff6b6b);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;width:fit-content;box-shadow:0 4px 12px #ff9a2e4d}.bento-v2--featured{cursor:pointer}@media(min-width:1024px){.bento-v2--featured{grid-column:span 2;grid-row:span 2;padding:48px}}@media(max-width:639px){.bento-v2--featured .bento-v2__content{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;gap:6px 16px;align-items:center}}.bento-v2--featured .bento-v2__icon{width:64px;height:64px}.bento-v2--featured .bento-v2__icon svg{width:32px;height:32px}@media(max-width:639px){.bento-v2--featured .bento-v2__icon{width:48px;height:48px;margin-bottom:0;grid-row:1/3;grid-column:1;align-self:start}.bento-v2--featured .bento-v2__icon svg{width:24px;height:24px}}.bento-v2--featured .bento-v2__title{font-size:1.625rem}@media(max-width:639px){.bento-v2--featured .bento-v2__title{font-size:1.375rem;margin:0;grid-column:2;grid-row:1;align-self:end}}@media(min-width:1024px){.bento-v2--featured .bento-v2__title{font-size:2rem}}.bento-v2--featured .bento-v2__desc{font-size:1.125rem;max-width:280px}@media(max-width:639px){.bento-v2--featured .bento-v2__desc{font-size:.875rem;grid-column:2;grid-row:2;align-self:start}}@media(max-width:639px){.bento-v2--featured .bento-v2__badge{grid-column:1/-1;grid-row:3;margin-top:4px}}.bento-v2--mobile{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#ffffff1a;perspective:1000px}.bento-v2--mobile .bento-v2__title,.bento-v2--mobile .bento-v2__desc{color:#ffffffe6}.bento-v2--mobile .bento-v2__desc{color:#fff9}.bento-v2__icon--dark{background:linear-gradient(135deg,#51cf6633,#ff7f0026);color:#51cf66;box-shadow:0 4px 20px #51cf664d}.bento-v2__phone-glow{position:absolute;top:50%;right:10%;width:80px;height:80px;background:radial-gradient(circle,rgba(81,207,102,.3) 0%,transparent 70%);pointer-events:none}@media(max-width:640px){.bento-v2__phone-glow{display:none}}@media(min-width:768px){.bento-v2__phone-glow{filter:blur(12px)}}.bento-v2__qr-bubble{position:absolute;bottom:16px;right:16px;width:44px;height:44px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.bento-v2__qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px}.bento-v2__qr-dot{width:6px;height:6px;background:#ffffff80;border-radius:1px}.bento-v2__qr-dot:nth-child(1),.bento-v2__qr-dot:nth-child(3),.bento-v2__qr-dot:nth-child(5),.bento-v2__qr-dot:nth-child(7),.bento-v2__qr-dot:nth-child(9){background:#51cf66}.bento-v2--games{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}@media(min-width:1024px){.bento-v2--games{grid-column:span 2;flex-wrap:nowrap}}.bento-v2--games .bento-v2__icon{margin-bottom:0;flex-shrink:0}.bento-v2--games .bento-v2__text{flex:1;min-width:0}.bento-v2--games .bento-v2__floating-icons{width:100%;justify-content:flex-start}@media(min-width:1024px){.bento-v2--games .bento-v2__floating-icons{width:auto;position:absolute;top:16px;right:16px}}.bento-v2--languages{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media(min-width:1024px){.bento-v2--languages{grid-column:span 2}}.bento-v2--languages .bento-v2__icon{margin-bottom:0;flex-shrink:0}.bento-v2--languages .bento-v2__text{flex:1;min-width:140px}.bento-v2--curated{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#fcc41914,#ff6b6b0f);border-color:#fcc41926}@media(min-width:640px){.bento-v2--curated{grid-column:span 2}}@media(min-width:1024px){.bento-v2--curated{grid-column:span 3}}.bento-v2--curated .bento-v2__icon{margin-bottom:0;flex-shrink:0}.bento-v2--curated .bento-v2__text{flex:1}.bento-v2__icon--gold{background:linear-gradient(135deg,#fcc41933,#ff6b6b26);color:#f8bc03;box-shadow:0 4px 16px #fcc41933}.bento-v2__curated-bg{position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(252,196,25,.05));pointer-events:none}.bento-v2__experts{display:flex;align-items:center;gap:16px;margin-left:auto}.bento-v2__expert-avatars{display:flex}.bento-v2__expert-avatars span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:2px solid rgba(252,196,25,.2);border-radius:50%;font-size:16px;margin-left:-8px;box-shadow:0 2px 8px #00000014}.bento-v2__expert-avatars span:first-child{margin-left:0}.bento-v2__verified{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#51cf661f;border-radius:9999px;font-size:11px;font-weight:600;color:#28923a}.bento-v2__verified svg{color:#51cf66}.bento-v2__mesh{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}@media(max-width:640px){.bento-v2__mesh{display:none}}.bento-v2__mesh:before,.bento-v2__mesh:after{content:"";position:absolute;border-radius:50%;filter:blur(30px);opacity:.4}@media(min-width:768px){.bento-v2__mesh:before,.bento-v2__mesh:after{filter:blur(60px);opacity:.5;animation:meshPulse 6s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.bento-v2__mesh:before,.bento-v2__mesh:after{animation:none}}.bento-v2__mesh:before{top:-20%;right:-10%;width:200px;height:200px;background:#ff9a2e40}.bento-v2__mesh:after{bottom:-30%;left:-10%;width:180px;height:180px;background:#ff6b6b33;animation-delay:-3s}.bento-v2__glow{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(25px);opacity:.2;pointer-events:none}@media(max-width:640px){.bento-v2__glow{display:none}}.bento-v2__glow--orange{top:20%;right:10%;background:#ff6b6b}@media(min-width:768px){.bento-v2__glow--orange{filter:blur(50px);opacity:.3;animation:glowPulse 3s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.bento-v2__glow--orange{animation:none}}@media(min-width:768px){.bento-v2--streaks .bento-v2__icon--fire{animation:fireGlow 2s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.bento-v2--streaks .bento-v2__icon--fire{animation:none}}.bento-v2__streak-preview{display:flex;gap:6px;margin-top:16px}.bento-v2__streak-dot{width:10px;height:10px;border-radius:50%;background:#00000014;transition:all .3s ease}.bento-v2__streak-dot--active{background:linear-gradient(135deg,#ff6b6b,#fcc419);box-shadow:0 2px 8px #ff6b6b66}.bento-v2__floating-icons{display:flex;gap:6px;flex-shrink:0;margin-left:auto}@media(min-width:768px){.bento-v2__floating-icons{position:absolute;top:16px;right:16px;margin-left:0}}.bento-v2__float-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;background:#ffffff0f;border-radius:8px;opacity:.85}@media(min-width:768px){.bento-v2__float-icon{width:auto;height:auto;font-size:20px;background:none;border-radius:0;opacity:.7;animation:floatIcon 3s ease-in-out infinite}.bento-v2__float-icon:nth-child(2){animation-delay:-1s}.bento-v2__float-icon:nth-child(3){animation-delay:-2s}}@media(prefers-reduced-motion:reduce){.bento-v2__float-icon{animation:none}}.bento-v2__flags{display:flex;gap:4px;margin-left:auto;font-size:24px}.bento-v2__flags span{transition:transform .2s ease}.bento-v2__flags span:hover{transform:scale(1.2)}@media(max-width:640px){.bento-v2__flags{width:100%;justify-content:center;margin-top:8px}}.bento-v2--progress{position:relative;overflow:hidden}.bento-v2__mini-chart{display:flex;align-items:flex-end;gap:8px;height:70px;margin-top:16px;padding-right:0}.bento-v2__mini-chart .bento-v2__bar{flex:1;background:linear-gradient(to top,#ff6b6b,#ff7f00,#ff9a2e);border-radius:6px 6px 3px 3px;min-height:10px;transition:height .5s ease;box-shadow:0 -2px 12px #ff7f0033;position:relative}.bento-v2__mini-chart .bento-v2__bar:after{content:"";position:absolute;top:2px;left:3px;right:3px;height:4px;border-radius:3px;background:#ffffff4d}.bento-v2__mascot{position:absolute;bottom:6px;right:6px;transform:scale(.5);transform-origin:bottom right;pointer-events:none;opacity:.85;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}@media(min-width:640px){.bento-v2__mascot{bottom:8px;right:8px;transform:scale(.55)}}.bento-v2__avatars{display:flex;align-items:center;margin-top:16px}.bento-v2__avatars span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff7f001a,#ff9a2e1a);border:2px solid white;font-size:18px;margin-left:-8px;box-shadow:0 2px 8px #0000001a}.bento-v2__avatars span:first-child{margin-left:0}.bento-v2__more{font-size:.875rem!important;font-weight:700;color:#8a8a8b!important;background:#0000000d!important}@keyframes magicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes meshPulse{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(10px,-10px)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fireGlow{0%,to{box-shadow:0 4px 16px #ff6b6b33}50%{box-shadow:0 4px 24px #ff6b6b66}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dark-mode .home-page__bg-decoration{background:radial-gradient(circle,rgba(255,127,0,.08) 0%,rgba(255,154,46,.05) 40%,transparent 70%)}.dark-mode .home-page__badge{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-primary)}.dark-mode .home-page__title{color:var(--color-text-primary)}.dark-mode .home-page__subtitle{color:var(--color-text-secondary)}.dark-mode .home-page__cta--secondary{background:#ffffff0d;border-color:#6366f14d;color:var(--color-text-primary)}.dark-mode .home-page__cta--secondary:hover{background:#6366f126;border-color:#6366f180}.dark-mode .home-page__stats{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .home-page__stat-label{color:var(--color-text-tertiary)}.dark-mode .home-page__section-title,.dark-mode .home-page__final-cta h2{color:var(--color-text-primary)}.dark-mode .home-page__final-cta p{color:var(--color-text-secondary)}.dark-mode .progress-card{background:var(--color-bg-primary);border-color:#6366f133}.dark-mode .progress-card__greeting h3{color:var(--color-text-primary)}.dark-mode .progress-card__greeting p{color:var(--color-text-tertiary)}.dark-mode .progress-card__item{background:var(--color-bg-secondary)}.dark-mode .progress-card__value{color:var(--color-text-primary)}.dark-mode .progress-card__label{color:var(--color-text-tertiary)}.dark-mode .progress-card__bar-container{background:#ffffff1a}.dark-mode .home-page__ai-title{color:var(--color-text-primary)}.dark-mode .home-page__ai-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.dark-mode .home-page__ai-card:hover{background:#ffffff0f;border-color:#6366f14d}.dark-mode .home-page__ai-card .home-page__ai-icon{background:#ffffff14!important}.dark-mode .home-page__ai-card--chat .home-page__ai-icon{background:linear-gradient(135deg,#667eea33,#a855f733)!important}.dark-mode .home-page__ai-card--writing .home-page__ai-icon{background:linear-gradient(135deg,#22c55e33,#10b98133)!important}.dark-mode .home-page__ai-card--stories .home-page__ai-icon{background:linear-gradient(135deg,#fb923c33,#f59e0b33)!important}.dark-mode .home-page__ai-content h3{color:var(--color-text-primary)}.dark-mode .home-page__ai-content p,.dark-mode .home-page__ai-arrow{color:var(--color-text-tertiary)}.dark-mode .bento-v2{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .bento-v2__title{color:var(--color-text-primary)}.dark-mode .bento-v2__desc{color:var(--color-text-tertiary)}.dark-mode .bento-v2--mobile{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark-mode .bento-v2--curated{background:linear-gradient(135deg,#fcc4191f,#ff6b6b14)}.dark-mode .bento-v2__expert-avatars span{background:var(--color-bg-secondary);border-color:#fcc4194d}.dark-mode .bento-v2__avatars span{background:var(--color-bg-secondary);border-color:var(--color-bg-primary)}.dark-mode .bento-v2__more{background:var(--color-bg-tertiary)!important;color:var(--color-text-tertiary)!important}.dark-mode .bento-v2__streak-dot{background:var(--color-bg-tertiary)}.dark-mode .bento-v2__streak-dot--active{background:linear-gradient(135deg,#ff6b6b,#fcc419)}.dark-mode .bento-v2__mini-chart .dark-mode .bento-v2__bar{box-shadow:0 -2px 16px #ff7f0059}.dark-mode .magic-modal{background:var(--color-bg-primary);border:1px solid var(--color-border)}.dark-mode .magic-modal__header h2{color:var(--color-text-primary)}.dark-mode .magic-modal__header p{color:var(--color-text-tertiary)}.dark-mode .magic-modal__field label{color:var(--color-text-primary)}.dark-mode .magic-modal__field input{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.dark-mode .magic-modal__field input::placeholder{color:var(--color-text-tertiary)}.dark-mode .magic-modal__field input:focus{border-color:var(--color-primary)}.dark-mode .magic-modal__suggestion{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.dark-mode .magic-modal__suggestion:hover{background:#6366f126}.dark-mode .magic-modal__suggestion--active{background:#6366f133}.dark-mode .magic-modal__option{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.dark-mode .magic-modal__option:hover{background:#6366f126}.dark-mode .magic-modal__option--active{background:#6366f133}.dark-mode .magic-modal__loading h3{color:var(--color-text-primary)}.dark-mode .magic-modal__loading p{color:var(--color-text-tertiary)}.auth-layout{min-height:100dvh;position:relative;overflow:hidden}.auth-layout__background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#f8faff,#f0f4ff,#faf8ff,#f5fffa,#f8faff)}.auth-layout__gradient{position:absolute;border-radius:50%;filter:blur(30px);opacity:.5}@media(min-width:768px){.auth-layout__gradient{filter:blur(60px);opacity:.6;animation:meshFloat 20s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.auth-layout__gradient{animation:none}}@media(max-width:640px){.auth-layout__gradient{filter:blur(20px);opacity:.35}}.auth-layout__gradient--1{width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,rgba(255,127,0,.15) 0%,rgba(255,127,0,.05) 50%,transparent 70%);animation-delay:0s}@media(max-width:640px){.auth-layout__gradient--1{width:350px;height:350px;top:-150px;left:-100px}}.auth-layout__gradient--2{width:500px;height:500px;top:20%;right:-150px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,rgba(251,191,36,.08) 50%,transparent 70%);animation-delay:-5s;animation-duration:25s}@media(max-width:640px){.auth-layout__gradient--2{width:300px;height:300px;right:-100px}}.auth-layout__gradient--3{width:450px;height:450px;bottom:-100px;left:20%;background:radial-gradient(circle,rgba(81,207,102,.18) 0%,rgba(81,207,102,.06) 50%,transparent 70%);animation-delay:-10s;animation-duration:22s}@media(max-width:640px){.auth-layout__gradient--3{width:280px;height:280px;left:10%}}.auth-layout__gradient--4{width:400px;height:400px;bottom:30%;right:10%;background:radial-gradient(circle,rgba(255,154,46,.12) 0%,rgba(255,154,46,.04) 50%,transparent 70%);animation-delay:-15s;animation-duration:28s}@media(max-width:640px){.auth-layout__gradient--4{width:250px;height:250px}}.auth-layout__floating{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}@media(max-width:1024px){.auth-layout__floating{opacity:.5}}@media(max-width:640px){.auth-layout__floating{opacity:.25}}.auth-layout__floating-icon{position:absolute;display:flex;align-items:center;justify-content:center}@media(max-width:640px){.auth-layout__floating-icon{transform:scale(.7)}}.auth-layout__icon-glow{display:flex;align-items:center;justify-content:center;padding:16px;background:#ffffffb3;backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #ff7f001f,0 2px 8px #0000000a,inset 0 1px 2px #ffffffe6;color:#ff7f00;transform:perspective(500px) rotateX(5deg) rotateY(-5deg);transform-style:preserve-3d}@media(max-width:640px){.auth-layout__icon-glow{padding:8px}}.auth-layout__content{position:relative;z-index:10;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}@media(min-width:640px){.auth-layout__content{padding:24px}}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.dark-mode .auth-layout__background{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e,#1a1a2e,#0f0f1a)}.dark-mode .auth-layout__gradient{opacity:.4}@media(min-width:768px){.dark-mode .auth-layout__gradient{opacity:.5}}@media(max-width:640px){.dark-mode .auth-layout__gradient{opacity:.3}}.dark-mode .auth-layout__gradient--1{background:radial-gradient(circle,rgba(255,127,0,.25) 0%,rgba(255,127,0,.1) 50%,transparent 70%)}.dark-mode .auth-layout__gradient--2{background:radial-gradient(circle,rgba(251,191,36,.3) 0%,rgba(251,191,36,.12) 50%,transparent 70%)}.dark-mode .auth-layout__gradient--3{background:radial-gradient(circle,rgba(81,207,102,.25) 0%,rgba(81,207,102,.1) 50%,transparent 70%)}.dark-mode .auth-layout__gradient--4{background:radial-gradient(circle,rgba(255,154,46,.2) 0%,rgba(255,154,46,.08) 50%,transparent 70%)}.dark-mode .auth-layout__icon-glow{background:#1a1a2eb3;border-color:var(--color-border);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px 2px #ffffff0d;color:var(--color-primary)}.lesson-completion-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.lesson-completion-popup__backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.lesson-completion-popup__card{position:relative;width:100%;max-width:380px;padding:2.5rem 2rem 2rem;background:linear-gradient(145deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:24px;border:2px solid var(--color-border);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d inset;text-align:center;overflow:visible}.lesson-completion-popup__stars{position:absolute;inset:0;pointer-events:none}.lesson-completion-popup__star{position:absolute;color:var(--color-yellow);filter:drop-shadow(0 0 6px var(--color-yellow))}.lesson-completion-popup__icon{width:88px;height:88px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:50%;color:#fff;box-shadow:0 8px 24px #6366f166,0 0 0 4px #6366f126}.lesson-completion-popup__title{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-completion-popup__subtitle{font-size:1rem;color:var(--color-text-muted);margin:0 0 1.5rem;font-weight:500}.lesson-completion-popup__stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.75rem;padding:1.25rem;background:var(--color-bg-primary);border-radius:16px;border:1px solid var(--color-border)}.lesson-completion-popup__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.lesson-completion-popup__stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:.25rem}.lesson-completion-popup__stat-icon--xp{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.lesson-completion-popup__stat-icon--streak{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 4px 12px #ef44444d}.lesson-completion-popup__stat-value{font-size:1.5rem;font-weight:800;color:var(--color-text)}.lesson-completion-popup__stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.lesson-completion-popup__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:box-shadow .2s ease}.lesson-completion-popup__btn:hover{box-shadow:0 6px 24px #6366f173}.lesson-completion-popup__btn svg{transition:transform .2s ease}.lesson-completion-popup__btn:hover svg{transform:translate(4px)}[data-theme=dark] .lesson-completion-popup__backdrop{background:#000000bf}[data-theme=dark] .lesson-completion-popup__card{box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14 inset}@media(max-width:480px){.lesson-completion-popup__card{padding:2rem 1.5rem 1.5rem}.lesson-completion-popup__icon{width:72px;height:72px}.lesson-completion-popup__icon svg{width:36px;height:36px}.lesson-completion-popup__title{font-size:1.5rem}.lesson-completion-popup__stats{gap:1.5rem;padding:1rem}.lesson-completion-popup__stat-icon{width:40px;height:40px}.lesson-completion-popup__stat-icon svg{width:20px;height:20px}.lesson-completion-popup__stat-value{font-size:1.25rem}}:root{--color-mint: #51cf66;--color-green: #51cf66;--color-lavender: #fbbf24;--color-coral: #ff6b6b}.skeleton{background:linear-gradient(90deg,#ff7f0014,#ff7f0026,#ff7f0014);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:12px}.skeleton--circle{width:64px;height:64px;border-radius:9999px}.skeleton--text{height:20px}.skeleton--title{width:70%;height:32px;margin:16px auto}.skeleton--subtitle{width:50%;height:16px;margin:0 auto}.skeleton--badge{width:80px;height:28px;border-radius:9999px}.skeleton--card-title{width:80%;height:24px;margin:16px 0 8px}.skeleton--card-desc{width:100%;height:40px;margin-bottom:16px}.skeleton--card-meta{width:60%;height:20px}.skeleton-card{background:#fff;border-radius:24px;padding:32px 24px;min-height:180px;box-shadow:0 2px 12px #00000012}.lessons-page{width:100%;padding:8px 16px 24px}@media(max-width:640px){.lessons-page{padding:4px 8px 24px}}.lessons-page__skeleton-header{display:flex;flex-direction:column;align-items:center;padding:32px;background:#fff;border-radius:24px;margin-bottom:32px}.lessons-page__skeleton-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:640px){.lessons-page__skeleton-cards{grid-template-columns:1fr}}.lessons-page__stats-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:4px;background:#0000000a;border-radius:20px}@media(max-width:640px){.lessons-page__stats-bar{gap:4px}}.lessons-page__home-icon{display:none;color:#fff;opacity:.9}@media(max-width:640px){.lessons-page__home-icon{display:block}}.lessons-page__stat{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 10px;background:transparent;border-radius:12px;color:#8a8a8b;font-size:.875rem;font-weight:600;border:none;white-space:nowrap;transition:all .2s ease}@media(max-width:640px){.lessons-page__stat{padding:8px 6px;font-size:11px}}@media(max-width:640px){.lessons-page__stat-full{display:none}}.lessons-page__stat-short{display:none}@media(max-width:640px){.lessons-page__stat-short{display:inline}}.lessons-page__stat--level{background:#fff;color:#1a1a1b;font-weight:700;box-shadow:0 2px 8px #00000014}.lessons-page__stat--progress{color:#4a4a4b}.lessons-page__stat--assess{cursor:pointer}.lessons-page__stat--assess:hover{color:#1a1a1b}.lessons-page__stat--assess-active{background:#fff;color:#ff9a2e;box-shadow:0 2px 8px #00000014}.lessons-page__stat--clickable{cursor:pointer}.lessons-page__stat--clickable:hover{color:#1a1a1b}.lessons-page__level-emoji{font-size:1.1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.lessons-page__level-text{font-weight:700;font-size:1rem;text-transform:capitalize;color:#1a1a1b;text-shadow:none}@media(max-width:640px){.lessons-page__level-text{font-size:12px}}.lessons-page__lang-flag{font-size:1rem;margin-left:2px}.lessons-page__roadmap{display:flex;flex-direction:column;gap:24px}.lessons-page__loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.lessons-page__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.lessons-page__loading-content p{color:#8a8a8b;font-size:1.125rem}.lessons-page__error{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:32px}.lessons-page__error-text{color:#ff6b6b;font-size:1.125rem}.lessons-page__empty{display:flex;justify-content:center;align-items:center;min-height:400px;padding:48px;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.04)}.lessons-page__empty .ant-empty-description{color:#8a8a8b}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px;width:100%;max-width:1000px;margin:0 auto;min-height:100%}@media(min-width:1024px){.auth-gate{flex-direction:row;gap:64px;padding:48px}}@media(min-width:1200px){.auth-gate{gap:64px;padding:64px}}.auth-gate__left{display:none;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}@media(min-width:1024px){.auth-gate__left{display:flex}}.auth-gate__mascot{margin-bottom:24px;filter:drop-shadow(0 8px 20px rgba(255,127,0,.08))}.auth-gate__stats{display:flex;align-items:center;gap:24px;padding:16px 32px;background:#fffffff2;border-radius:9999px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 24px #ff7f0014,inset 0 1px 2px #ffffffe6}@media(min-width:768px){.auth-gate__stats{background:#ffffffb3;backdrop-filter:blur(12px)}}@media(max-width:640px){.auth-gate__stats{padding:8px 16px;gap:16px}}.auth-gate__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.auth-gate__stat-number{font-size:1.625rem;font-weight:700;background:linear-gradient(135deg,#ff7f00,#ff9a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:640px){.auth-gate__stat-number{font-size:1.375rem}}.auth-gate__stat-label{font-size:.875rem;color:#8a8a8b;font-weight:500}.auth-gate__stat-divider{width:1px;height:32px;background:linear-gradient(to bottom,transparent,rgba(255,127,0,.2),transparent)}@media(max-width:640px){.auth-gate__stat-divider{height:24px}}.auth-gate__right{width:90%;max-width:460px;z-index:10}@media(min-width:640px){.auth-gate__right{width:100%}}.auth-gate__card{position:relative;padding:24px;background:#fffffff2;border-radius:24px;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 24px 64px #ff7f001f,0 12px 32px #0000000f,inset 0 1px 3px #fff;text-align:center}@media(min-width:768px){.auth-gate__card{background:#fffc;backdrop-filter:blur(20px)}}@media(min-width:640px){.auth-gate__card{padding:48px}}@media(min-width:1024px){.auth-gate__card{padding:48px 64px}}.auth-gate__card:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#ff7f001f,#fbbf241a,#51cf661a);border-radius:inherit;z-index:-1;opacity:.4}@media(max-width:640px){.auth-gate__card:before{display:none}}@media(min-width:768px){.auth-gate__card:before{filter:blur(24px);opacity:.6}}.auth-gate__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#ff7f00,#ff9a2e);border-radius:20px;color:#fff;margin-bottom:16px;box-shadow:0 8px 24px #ff7f0059,inset 0 1px 2px #ffffff4d}@media(min-width:640px){.auth-gate__icon{width:72px;height:72px}}.auth-gate__title{font-size:2rem;font-weight:800;color:#1a1a1b;margin:0 0 8px;letter-spacing:-.03em;line-height:1.1}@media(min-width:640px){.auth-gate__title{font-size:2.5rem}}@media(min-width:768px){.auth-gate__title{font-size:3rem}}.auth-gate__subtitle{color:#8a8a8b;font-size:1rem;margin:0 0 16px;font-weight:500}@media(min-width:640px){.auth-gate__subtitle{font-size:1.125rem;margin:0 0 24px}}.auth-gate__features{list-style:none;padding:0;margin:0 0 24px;text-align:left}@media(min-width:640px){.auth-gate__features{margin:0 0 32px}}.auth-gate__features li{display:flex;align-items:center;gap:8px;padding:4px 0;color:#4a4a4b;font-size:.875rem;font-weight:500}@media(min-width:640px){.auth-gate__features li{padding:8px 0;font-size:1rem}}.auth-gate__features li svg{color:#51cf66;flex-shrink:0;width:16px;height:16px}@media(min-width:640px){.auth-gate__features li svg{width:18px;height:18px}}.auth-gate__actions{display:flex;flex-direction:column;gap:8px}.auth-gate__btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap}.auth-gate__btn svg{width:16px;height:16px;flex-shrink:0}@media(min-width:640px){.auth-gate__btn{gap:8px;padding:16px 32px;font-size:1.125rem}.auth-gate__btn svg{width:20px;height:20px}}.auth-gate__btn--primary{height:52px;font-size:1.125rem;color:#fff;background:linear-gradient(135deg,#ff7f00,#ff8c1a,#ff9a2e);box-shadow:0 8px 24px #ff7f0059,0 2px 8px #ff7f0033,inset 0 1px 2px #ffffff40}@media(min-width:640px){.auth-gate__btn--primary{height:56px;font-size:1.375rem}}.auth-gate__btn--primary:before{content:"";position:absolute;inset:1px;background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.auth-gate__btn--primary:hover{box-shadow:0 12px 32px #ff7f0066,0 4px 12px #ff7f0040,inset 0 1px 3px #ffffff4d}.auth-gate__btn--secondary{background:#fffc;color:#4a4a4b;border:1.5px solid rgba(255,127,0,.15)}.auth-gate__btn--secondary:hover{background:#fff;border-color:#ff7f004d;color:#ff7f00}.auth-gate__btn svg{flex-shrink:0}.roadmap-unit{background:#fffffff2;border-radius:24px;border:none;box-shadow:0 4px 20px #ff7f0014,0 1px 3px #0000000a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.roadmap-unit{padding:16px;border-radius:20px}}.roadmap-unit--locked{opacity:.7;filter:grayscale(30%)}.roadmap-unit--locked .roadmap-unit__lessons{filter:blur(2px);pointer-events:none}.roadmap-unit--magic{background:linear-gradient(135deg,#ff9a2e08,#ff6b6b08)}.roadmap-unit--magic .roadmap-unit__icon{background:linear-gradient(135deg,#ff9a2e,#ff6b6b);color:#fff}.roadmap-unit--unlocking{animation:unit-unlock 1s ease-out;position:relative;overflow:visible}.roadmap-unit--unlocking:before{content:"";position:absolute;inset:-3px;border-radius:27px;background:linear-gradient(135deg,#51cf66,#ff7f00,#ff9a2e,#51cf66);background-size:300% 300%;animation:gradient-rotate 2s ease infinite;z-index:-1;opacity:.8}.roadmap-unit--unlocking .roadmap-unit__icon{animation:icon-pulse .6s ease-out}.roadmap-unit__header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;row-gap:8px}.roadmap-unit__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#ff7f00,#ff9a2e);border-radius:12px;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #ff7f0040}.roadmap-unit__info{flex:1;min-width:100px}.roadmap-unit__title{font-size:15px;font-weight:700;color:#1a1a1b;margin:0 0 1px;letter-spacing:-.02em}.roadmap-unit__description{font-size:11px;color:#8a8a8b;margin:0;line-height:1.3}.roadmap-unit__progress{display:flex;align-items:center;gap:8px;flex-shrink:0;background:#ff7f000f;padding:6px 10px;border-radius:20px}.roadmap-unit__progress-bar{width:50px;height:5px;background:#ff7f0026;border-radius:9999px;overflow:hidden}.roadmap-unit__progress-text{font-size:11px;font-weight:700;color:#ff7f00;white-space:nowrap}.roadmap-unit__progress-fill{height:100%;background:linear-gradient(90deg,#ff7f00,#ff9a2e);border-radius:9999px;transition:width .8s ease-out;will-change:width;box-shadow:0 0 8px #ff7f0066}.roadmap-unit__locked-badge{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#8a8a8b0f;color:#8a8a8b;font-size:11px;font-weight:500;border-radius:8px;margin-top:4px}.roadmap-unit__locked-badge svg{width:14px;height:14px;flex-shrink:0}.roadmap-unit__lessons{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.roadmap-unit__lessons{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1024px){.roadmap-unit__lessons{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.roadmap-unit__lessons{grid-template-columns:repeat(4,1fr)}}.roadmap-lesson{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;min-height:140px;background:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;overflow:hidden}@media(min-width:768px){.roadmap-lesson{transform:translateZ(0);will-change:transform,box-shadow}}.roadmap-lesson:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(255,127,0,.06) 0%,transparent 70%);pointer-events:none}@media(max-width:640px){.roadmap-lesson{padding:14px;min-height:120px;border-radius:14px}}.roadmap-lesson:hover:not(:disabled){transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #ff7f0026,0 4px 12px #00000014}.roadmap-lesson:active:not(:disabled){transform:translateY(-1px) scale(.99)}.roadmap-lesson--completed{background:linear-gradient(135deg,#51cf6614,#51cf6605)}.roadmap-lesson--completed:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#51cf66,#33ba4a);border-radius:4px 0 0 4px}.roadmap-lesson--completed:hover:not(:disabled){box-shadow:0 12px 28px #51cf6633,0 4px 12px #0000000f}.roadmap-lesson--locked{cursor:not-allowed;opacity:.5;filter:grayscale(.4)}.roadmap-lesson__header{display:flex;align-items:center;gap:4px;width:100%;margin-bottom:8px}.roadmap-lesson__difficulty{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #00000026}@media(max-width:640px){.roadmap-lesson__difficulty{padding:3px 8px;font-size:10px;border-radius:6px}}.roadmap-lesson__check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#51cf66,#33ba4a);border-radius:50%;color:#fff;box-shadow:0 2px 8px #51cf6666;flex-shrink:0}.roadmap-lesson__check svg{width:16px;height:16px}@media(max-width:640px){.roadmap-lesson__check{width:24px;height:24px}.roadmap-lesson__check svg{width:14px;height:14px}}.roadmap-lesson__lock{margin-left:auto;color:#8a8a8b;opacity:.5}.roadmap-lesson__lock svg{width:20px;height:20px}.roadmap-lesson__status{display:flex;align-items:center;gap:6px;margin-left:auto}.roadmap-lesson__timer{display:flex;align-items:center;gap:3px;padding:3px 8px;background:#51cf6626;border-radius:12px;font-size:11px;font-weight:600;color:#2ea642;white-space:nowrap}.roadmap-lesson__timer svg{width:12px;height:12px;opacity:.8}@media(max-width:640px){.roadmap-lesson__timer{padding:2px 6px;font-size:10px}}.roadmap-lesson__title{font-size:17px;font-weight:700;color:#1a1a1b;margin:0 0 4px;line-height:1.25;letter-spacing:-.02em}@media(max-width:640px){.roadmap-lesson__title{font-size:15px}}.roadmap-lesson__description{font-size:13px;color:#4a4a4b;margin:0 0 auto;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.roadmap-lesson__description{font-size:12px;-webkit-line-clamp:2}}.roadmap-lesson__meta{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.roadmap-lesson__flag{font-size:18px;line-height:1}.roadmap-lesson__duration{font-size:12px;font-weight:600;color:#8a8a8b;display:flex;align-items:center;gap:4px}.roadmap-lesson__duration:before{content:"⏱";font-size:11px}.roadmap-lesson--unlocking{animation:lesson-unlock .8s ease-out}.roadmap-lesson--unlocking:after{content:"";position:absolute;inset:-3px;border-radius:19px;background:linear-gradient(135deg,#ff7f00,#ff9a2e,#fbbf24,#ff7f00);background-size:300% 300%;animation:gradient-rotate 2s ease infinite;z-index:-1;opacity:.7}@keyframes lesson-unlock{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes unit-unlock{0%{transform:scale(.98);opacity:.5}30%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.progress-path{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.progress-path__line{width:3px;height:20px;background:linear-gradient(to bottom,#51cf66,#51cf664d);border-radius:2px}.progress-path__dot{width:10px;height:10px;background:#51cf66;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 0 8px #51cf6680}.coming-soon-compact{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin-top:16px}.coming-soon-compact__label{font-size:12px;color:#8a8a8b;font-weight:500}.coming-soon-compact__flags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.coming-soon-compact__flag{font-size:20px;line-height:1;opacity:.6;transition:all .2s ease;cursor:pointer}.coming-soon-compact__flag:hover{opacity:1;transform:scale(1.2)}.dark-mode .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d)}.dark-mode .skeleton-card,.dark-mode .lessons-page__skeleton-header{background:var(--color-bg-primary)}.dark-mode .lessons-page__stats-bar{background:#ffffff0d}.dark-mode .lessons-page__stat{color:#ffffff80}.dark-mode .lessons-page__stat--level{background:linear-gradient(135deg,#2d2d50,#252545);color:#51cf66;box-shadow:0 4px 15px #0000004d}.dark-mode .lessons-page__stat--assess-active{background:linear-gradient(135deg,#2d2d50,#252545);color:#fbbf24;box-shadow:0 4px 15px #0000004d}.dark-mode .lessons-page__level-text{color:#e8e8e8;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-mode .lessons-page__loading-content p{color:var(--color-text-tertiary)}.dark-mode .lessons-page__empty{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode .roadmap-unit{background:#1a1a2ecc;box-shadow:0 4px 20px #0000004d,0 1px 3px #0003}.dark-mode .roadmap-unit--magic{background:linear-gradient(135deg,#8b5cf61a,#fb923c1a)}.dark-mode .roadmap-unit__title{color:var(--color-text-primary)}.dark-mode .roadmap-unit__description{color:var(--color-text-tertiary)}.dark-mode .roadmap-unit__progress{background:#6366f126}.dark-mode .roadmap-unit__progress-bar{background:#ffffff1a}.dark-mode .roadmap-unit__locked-badge{background:#ffffff0d;color:var(--color-text-tertiary)}.dark-mode .roadmap-lesson{background:#1a1a2ee6;box-shadow:0 2px 8px #0000004d,0 1px 2px #0003}.dark-mode .roadmap-lesson:before{background:radial-gradient(circle at top right,rgba(99,102,241,.12) 0%,transparent 70%)}.dark-mode .roadmap-lesson:hover:not(:disabled){box-shadow:0 12px 28px #6366f140,0 4px 12px #0000004d}.dark-mode .roadmap-lesson--completed{background:linear-gradient(135deg,#51cf661f,#51cf660a)}.dark-mode .roadmap-lesson--completed:hover:not(:disabled){box-shadow:0 12px 28px #51cf664d,0 4px 12px #0003}.dark-mode .roadmap-lesson__title{color:var(--color-text-primary)}.dark-mode .roadmap-lesson__description{color:var(--color-text-secondary)}.dark-mode .roadmap-lesson__meta{border-top-color:var(--color-border)}.dark-mode .roadmap-lesson__duration,.dark-mode .roadmap-lesson__lock{color:var(--color-text-tertiary)}.dark-mode .roadmap-lesson__timer{background:#51cf6633;color:#7ee89a}.dark-mode .auth-gate__stats{background:#ffffff0d;border-color:var(--color-border);box-shadow:0 4px 24px #0000004d,inset 0 1px 2px #ffffff0d}.dark-mode .auth-gate__stat-label{color:var(--color-text-tertiary)}.dark-mode .auth-gate__stat-divider{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent)}.dark-mode .auth-gate__card{background:#1a1a2ef2;border-color:var(--color-border);box-shadow:0 24px 64px #0006,0 12px 32px #0000004d,inset 0 1px 2px #ffffff0d}@media(min-width:768px){.dark-mode .auth-gate__card{background:#1a1a2ed9}}.dark-mode .auth-gate__card:before{background:linear-gradient(135deg,#6366f126,#8b5cf61a,#10b9811a)}.dark-mode .auth-gate__title{color:var(--color-text-primary)}.dark-mode .auth-gate__subtitle{color:var(--color-text-tertiary)}.dark-mode .auth-gate__features li{color:var(--color-text-secondary)}.dark-mode .auth-gate__btn--secondary{background:#ffffff0d;color:var(--color-text-secondary);border-color:var(--color-border)}.dark-mode .auth-gate__btn--secondary:hover{background:#ffffff1a;border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .coming-soon-compact__label{color:var(--color-text-tertiary)}.dark-mode .progress-path__dot{border-color:var(--color-bg-primary)}:root{--color-primary: #ff7f00;--color-secondary: #ff9a2e;--color-accent: #51cf66;--color-bg-primary: #FFFFFF;--color-bg-secondary: #FFF8F2;--color-bg-tertiary: #FFF3EA;--color-bg-hover: #FFEDE0;--color-text-primary: #1A1A1B;--color-text-secondary: #4A4A4B;--color-text-tertiary: #8A8A8B;--color-border: rgba(0, 0, 0, .09);--theme-card-bg: linear-gradient(135deg, #D4A855 0%, #7CB342 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}@media(hover:none)and (pointer:coarse){button,a,[role=button],input[type=button],input[type=submit],input[type=reset],select,label[for]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}.page-container,.card,.modal{contain:layout style}html{font-size:16px;scroll-behavior:smooth}body{font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-primary);background-color:var(--color-bg-secondary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease;-webkit-overflow-scrolling:touch}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}#root{min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:Quicksand,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.625rem}h5{font-size:1.375rem}h6{font-size:1.125rem}p{color:var(--color-text-secondary);line-height:1.75}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{filter:brightness(.9)}.aesthetic-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:0 2px 12px #00000012;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.aesthetic-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.aesthetic-card--static:hover{transform:none;box-shadow:0 2px 12px #00000012}.aesthetic-card--accent:hover{border-color:#ff7f0033}input,textarea,select{font-family:inherit;border-radius:12px;border:1.5px solid rgba(0,0,0,.14);padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fff;color:#1a1a1b;-webkit-appearance:none;appearance:none;touch-action:manipulation}input::placeholder,textarea::placeholder,select::placeholder{color:#8a8a8b}input:hover,textarea:hover,select:hover{border-color:#ffb266}input:focus,textarea:focus,select:focus{outline:none;border-color:#ff7f00;box-shadow:0 0 0 3px #ff7f001a}input:disabled,textarea:disabled,select:disabled{background:#fff3ea;color:#bababb;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px white inset;-webkit-text-fill-color:#1A1A1B}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#1a1a1b}.text-secondary{color:#4a4a4b}.text-muted{color:#8a8a8b}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.rounded{border-radius:20px}.rounded-lg{border-radius:28px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 2px 12px #00000012}.shadow-md{box-shadow:0 4px 20px #00000014}.shadow-lg{box-shadow:0 8px 32px #0000001a}.gradient-text{background:linear-gradient(135deg,#ff7f00,#ff9a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.global-capture-fab{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#ff9a2e,#ffb347);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 20px #8b5cf666,0 0 0 4px #8b5cf61a;transition:box-shadow .3s ease}.global-capture-fab:hover{box-shadow:0 6px 28px #8b5cf680,0 0 0 6px #8b5cf626}.global-capture-fab svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.global-capture-fab:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#8b5cf64d;animation:fab-pulse 2s ease-in-out infinite;z-index:-1}@keyframes fab-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}@media(max-width:768px){.global-capture-fab{bottom:80px;right:16px;width:52px;height:52px}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px;color:transparent!important}.skeleton-pulse *{visibility:hidden}.press-scale{transition:transform .15s ease}.press-scale:active{transform:scale(.97)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}@media(hover:hover){.hover-lift:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}}@media(hover:none)and (pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}}@media(max-width:640px){h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h4{font-size:1.125rem}body{font-size:1rem}}@media(max-width:768px){button,[role=button],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button:active,[role=button]:active{opacity:.9}}@media(max-width:480px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:block!important}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}@media(max-width:480px){.mobile-full-width{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}}.gap-responsive{gap:24px}@media(max-width:768px){.gap-responsive{gap:16px}}@media(max-width:480px){.gap-responsive{gap:8px}}.padding-responsive{padding:32px}@media(max-width:768px){.padding-responsive{padding:24px}}@media(max-width:480px){.padding-responsive{padding:16px}}html,body{overflow-x:hidden;max-width:100%}@media(hover:none)and (pointer:coarse){.aesthetic-card:active{transform:scale(.98);transition:transform .1s ease}.aesthetic-card:hover{transform:none;box-shadow:0 2px 12px #00000012}*{-webkit-tap-highlight-color:transparent}}@supports (height: 100dvh){html{height:100dvh}}@media(max-width:768px){input:focus,textarea:focus,select:focus{scroll-margin-bottom:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.animate-transform{will-change:transform;backface-visibility:hidden}.scroll-optimize{will-change:scroll-position;contain:strict}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #ff7f00;outline-offset:2px}@media(prefers-contrast:high){*{border-color:currentColor!important}button,a{text-decoration:underline}}.themed-glow:hover{box-shadow:0 8px 30px var(--theme-glow, rgba(99, 102, 241, .2))}.btn-themed{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none}.btn-themed:hover{box-shadow:0 6px 20px var(--theme-glow, rgba(99, 102, 241, .3))}.progress-themed{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.dark-mode .aesthetic-card,.dark-mode .profile-card,.dark-mode .profile-stats__item,.dark-mode .profile-section,.dark-mode .profile-actions{background:var(--color-bg-primary);border-color:var(--color-border)}.dark-mode input,.dark-mode textarea,.dark-mode select{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.dark-mode input::placeholder,.dark-mode textarea::placeholder,.dark-mode select::placeholder{color:var(--color-text-tertiary)}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--theme-glow, rgba(99, 102, 241, .2))}.dark-mode input:-webkit-autofill,.dark-mode input:-webkit-autofill:hover,.dark-mode input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--color-bg-tertiary) inset;-webkit-text-fill-color:var(--color-text-primary)}.dark-mode .glass{background:#1e1e32cc;border:1px solid rgba(255,255,255,.1)}.dark-mode a{color:var(--color-primary)}.theme-border{border-color:var(--color-primary)!important}.theme-bg-subtle{background:rgba(var(--color-primary-rgb, 99, 102, 241),.08)}.theme-text{color:var(--color-primary)}.theme-ocean .accent-glow{box-shadow:0 0 20px #06b6d44d}.theme-ocean.dark-mode .aesthetic-card{border-left:3px solid #06b6d4}.theme-sunset .accent-glow{box-shadow:0 0 20px #f973164d}.theme-sunset.dark-mode .aesthetic-card{border-left:3px solid #f97316}.theme-forest .accent-glow{box-shadow:0 0 20px #22c55e4d}.theme-forest.dark-mode .aesthetic-card{border-left:3px solid #22c55e}.theme-galaxy .accent-glow{box-shadow:0 0 20px #ec48994d}.theme-galaxy.dark-mode .aesthetic-card{border-left:3px solid #ec4899}.theme-candy .accent-glow{box-shadow:0 0 20px #a855f74d}.theme-candy.dark-mode .aesthetic-card{border-left:3px solid #ffb347}.theme-default.dark-mode .aesthetic-card{border-left:3px solid #ff7f00}.dark-mode .aesthetic-card,.dark-mode .profile-card,.dark-mode .quest-card,.dark-mode .shop-item,.dark-mode .leaderboard-item{border-color:rgba(var(--color-primary-rgb, 99, 102, 241),.2)}.dark-mode .aesthetic-card:hover,.dark-mode .profile-card:hover,.dark-mode .quest-card:hover,.dark-mode .shop-item:hover,.dark-mode .leaderboard-item:hover{border-color:var(--color-primary);box-shadow:0 8px 30px var(--theme-glow, rgba(99, 102, 241, .2))}.dark-mode .progress-bar,.dark-mode .quest-card__progress-fill,.dark-mode .lesson-card__progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))!important}.dark-mode .lesson-card.active,.dark-mode .nav-item.active,.dark-mode button.selected,.dark-mode [role=tab][aria-selected=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--theme-glow, rgba(99, 102, 241, .3))}.pull-to-refresh-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .15s ease;color:var(--color-text-secondary)}.pull-to-refresh-indicator svg{transition:transform .1s ease}