/* Askaci v57 — thème app clair + site v1 validable */
:root{--v57-bg:#F5F5F8;--v57-panel:#FFFFFF;--v57-text:#111827;--v57-soft:#667085;--v57-muted:#98A2B3;--v57-line:#E7E8EF;--v57-purple:#6D28D9;--v57-purple2:#8B5CF6;--v57-green:#22C55E;--v57-amber:#F59E0B;--v57-cyan:#14B8A6;--v57-shadow:0 22px 58px rgba(16,24,40,.10);}
html,body{background:var(--v57-bg)!important;color:var(--v57-text)!important;font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important;}body::before,body::after{display:none!important}#app{width:min(440px,100%)!important;margin:auto!important;padding:18px 16px calc(104px + env(safe-area-inset-bottom))!important;min-height:100dvh!important;background:transparent!important}.nav{position:fixed!important;left:50%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(420px,calc(100% - 22px))!important;height:72px!important;padding:7px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-radius:28px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(17,24,39,.08)!important;box-shadow:0 18px 45px rgba(17,24,39,.13)!important;backdrop-filter:blur(22px) saturate(160%)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important;z-index:999!important}.nav button{border:0!important;background:transparent!important;color:#667085!important;border-radius:20px!important;font-size:10px!important;font-weight:800!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}.nav .ic{width:27px!important;height:27px!important;border-radius:10px!important;display:grid!important;place-items:center!important}.nav .ic svg{width:20px!important;height:20px!important}.nav button.active{color:var(--v57-purple)!important;background:rgba(109,40,217,.07)!important}.nav button.active .ic{background:rgba(109,40,217,.12)!important;box-shadow:0 8px 20px rgba(109,40,217,.18)!important}button,a,input{font:inherit}.btn,.v54-purple-btn,.primary-action{border-radius:14px!important;background:linear-gradient(180deg,var(--v57-purple2),var(--v57-purple))!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px rgba(109,40,217,.24)!important;min-height:46px!important}.btn:not(.primary):not(.v54-purple-btn){background:#fff!important;color:var(--v57-text)!important;border:1px solid var(--v57-line)!important;box-shadow:0 10px 22px rgba(16,24,40,.06)!important}.v57-page{animation:v57In .32s ease both}@keyframes v57In{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.v57-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 26px}.v57-logo{height:30px;width:auto}.v57-bell,.v57-icon-btn{width:38px;height:38px;border-radius:14px;border:1px solid var(--v57-line);background:#fff;color:#111827;display:grid;place-items:center;box-shadow:0 10px 20px rgba(16,24,40,.06)}.v57-hello{font-size:27px;letter-spacing:-.04em;font-weight:900;margin:0 0 2px}.v57-sub{margin:0 0 18px;color:var(--v57-soft);font-size:13px;font-weight:650}.v57-card{background:var(--v57-panel);border:1px solid var(--v57-line);border-radius:22px;box-shadow:var(--v57-shadow);overflow:hidden}.v57-progress-card{padding:18px;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin-bottom:18px}.v57-ring{--p:65;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 0 59%,transparent 60%),conic-gradient(var(--v57-purple) calc(var(--p)*1%),#ECECF2 0);box-shadow:inset 0 0 0 1px rgba(109,40,217,.04)}.v57-ring span{font-size:22px;font-weight:900;color:#111827}.v57-progress-copy small{display:block;color:var(--v57-soft);font-size:12px;font-weight:700}.v57-progress-copy strong{display:block;font-size:29px;letter-spacing:-.06em;margin:5px 0 0}.v57-mini{height:7px;background:#ECECF2;border-radius:999px;overflow:hidden;margin-top:13px}.v57-mini i{display:block;height:100%;background:linear-gradient(90deg,var(--v57-purple2),var(--v57-purple));border-radius:999px}.v57-section-title{display:flex;justify-content:space-between;align-items:end;margin:20px 0 12px}.v57-section-title h2{font-size:15px;margin:0;font-weight:900}.v57-section-title button{border:0;background:transparent;color:var(--v57-purple);font-weight:800;font-size:12px}.v57-continue{padding:13px;display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center}.v57-thumb{width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,#F5E9D6,#E2C19B);display:grid;place-items:center;font-size:28px}.v57-continue b{display:block;font-size:14px}.v57-continue small{display:block;color:var(--v57-soft);font-size:11px;margin-top:2px}.v57-continue .arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(109,40,217,.11);color:var(--v57-purple);font-weight:900}.v57-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v57-cat{border:0;background:#fff;border-radius:18px;padding:12px 6px 10px;box-shadow:0 12px 28px rgba(16,24,40,.06);border:1px solid var(--v57-line);font-size:10px;font-weight:800;color:#344054}.v57-cat span{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;margin:0 auto 8px;color:#fff;font-size:16px}.v57-cat:nth-child(1) span{background:#F43F5E}.v57-cat:nth-child(2) span{background:#14B8A6}.v57-cat:nth-child(3) span{background:#F59E0B}.v57-cat:nth-child(4) span{background:#94A3B8}.v57-titlebar{display:flex;align-items:center;gap:10px;margin:0 0 18px}.v57-titlebar h1{font-size:22px;margin:0;font-weight:900}.v57-back{width:38px;height:38px;border-radius:14px;border:1px solid var(--v57-line);background:#fff;display:grid;place-items:center}.v57-tabs{display:flex;gap:8px;margin-bottom:18px;overflow:auto}.v57-tab{border:0;background:transparent;color:var(--v57-soft);padding:10px 16px;border-radius:999px;font-weight:800}.v57-tab.active{background:rgba(109,40,217,.10);color:var(--v57-purple)}.v57-list{display:grid;gap:10px}.v57-lesson-row{background:#fff;border:1px solid var(--v57-line);border-radius:18px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;box-shadow:0 10px 22px rgba(16,24,40,.055)}.v57-lesson-row.active{background:linear-gradient(180deg,#8B5CF6,#6D28D9);color:#fff;border-color:transparent}.v57-num{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#F2F4F7;color:#344054;font-weight:900}.v57-lesson-row.active .v57-num{background:rgba(255,255,255,.18);color:#fff}.v57-lesson-row b{display:block;font-size:14px}.v57-lesson-row small{display:block;color:var(--v57-soft);font-size:11px}.v57-lesson-row.active small{color:rgba(255,255,255,.72)}.v57-status{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.12);color:var(--v57-green);font-weight:900}.v57-dict-search{height:48px;border:1px solid var(--v57-line);background:#fff;border-radius:16px;width:100%;padding:0 16px;margin:0 0 14px;color:#111827}.v57-word{display:grid;grid-template-columns:1fr auto;gap:12px}.v57-word .play{width:34px;height:34px;border-radius:50%;background:rgba(109,40,217,.10);color:var(--v57-purple);display:grid;place-items:center}.v57-quiz .v57-word-big{font-size:34px;font-weight:900;margin:34px 0 20px}.v57-option{width:100%;min-height:54px;background:#fff;border:1px solid var(--v57-line);border-radius:14px;text-align:left;padding:0 16px;margin-bottom:10px;font-weight:750;color:#111827}.v57-option.selected{border-color:var(--v57-purple);background:rgba(109,40,217,.08);color:var(--v57-purple)}.v57-correct{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.25);color:#067647;border-radius:16px;padding:16px;margin:18px 0}.v57-profile-head{background:#081224;color:#fff;border-radius:0 0 28px 28px;margin:-18px -16px 18px;padding:52px 24px 32px}.v57-profile-row{display:flex;align-items:center;gap:14px}.v57-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#F4E9D7,#D8B68A);display:grid;place-items:center;font-size:30px}.v57-profile-head h1{font-size:22px;margin:0}.v57-profile-head p{margin:2px 0 0;color:rgba(255,255,255,.72)}.v57-menu{display:grid;gap:10px}.v57-menu button{min-height:56px;border:1px solid var(--v57-line);background:#fff;border-radius:17px;padding:0 16px;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;text-align:left;color:#111827;font-weight:800;box-shadow:0 10px 22px rgba(16,24,40,.055)}.v57-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v57-stat{background:#fff;border:1px solid var(--v57-line);border-radius:18px;padding:16px;box-shadow:0 10px 22px rgba(16,24,40,.055)}.v57-stat strong{font-size:26px;display:block;color:#111827}.v57-stat small{color:var(--v57-soft);font-weight:750}.v57-chart{height:190px;display:flex;align-items:end;gap:12px;padding:18px;background:#fff;border:1px solid var(--v57-line);border-radius:22px;margin-top:14px}.v57-chart i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#C4B5FD,#8B5CF6);min-height:20px}.v57-chart i:nth-child(2){height:40%}.v57-chart i:nth-child(3){height:70%}.v57-chart i:nth-child(4){height:55%}.v57-chart i:nth-child(5){height:82%}.v57-chart i:nth-child(6){height:64%}.v57-chart i:nth-child(7){height:92%}.quiz-shell,.question-card,.result,.card,.stat-card,.feature,.quiz-type,.alpha-card,.phrase-new,.deck-new,.dash-stat,.level-prog,.missed-item{background:#fff!important;color:#111827!important;border:1px solid var(--v57-line)!important;box-shadow:0 10px 25px rgba(16,24,40,.06)!important;border-radius:18px!important}.option{background:#fff!important;color:#111827!important;border:1px solid var(--v57-line)!important;border-radius:14px!important}.option.right{background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.28)!important}.option.wrong{background:rgba(244,63,94,.10)!important;border-color:rgba(244,63,94,.28)!important}input,select,textarea{background:#fff!important;color:#111827!important;border:1px solid var(--v57-line)!important;border-radius:14px!important}.muted,.fineprint,.page-head p{color:var(--v57-soft)!important}@media(min-width:900px){body{background:#EEF0F5!important}#app{width:min(1180px,100%)!important;padding:32px 32px 110px!important}.v57-page{max-width:1180px;margin:auto}.nav{width:520px!important}.v57-desktop-grid{display:grid;grid-template-columns:390px 1fr;gap:28px;align-items:start}.v57-desktop-panel{display:block}.v57-desktop-panel .v57-card{padding:24px}.v57-desktop-panel h2{font-size:34px;letter-spacing:-.05em;margin:0 0 10px}.v57-desktop-panel p{color:var(--v57-soft)}}