:root{--primary:#6D28D9!important;--primary-2:#8B5CF6!important;--green:#10B981!important;--orange:#F59E0B!important;--dark:#0F172A!important;--text:#111827!important;--muted:#667085!important;--bg:#F7F7FA!important;--card:#FFFFFF!important;--line:#E5E7EB!important;--safe-b:env(safe-area-inset-bottom);--nav-h:82px}html,body{background:#F7F7FA!important;color:#111827!important;font-family:Poppins,"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;overflow-x:hidden!important}body:before,body:after{display:none!important}#app{width:min(100%,520px)!important;margin:0 auto!important;padding:18px 18px calc(98px + var(--safe-b))!important;min-height:100dvh!important}.v58-page{animation:v58In .34s cubic-bezier(.22,1,.36,1);color:#111827}.v58-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.v58-logo{width:112px;height:auto;object-fit:contain}.v58-icon-btn,.v58-back{width:42px;height:42px;border-radius:15px;border:1px solid var(--line);background:#fff;color:#111827;box-shadow:0 10px 28px rgba(15,23,42,.06);display:grid;place-items:center;font-weight:900}.v58-hello{font-size:30px;line-height:1.1;margin:0 0 4px;letter-spacing:-.04em;color:#111827}.v58-sub{margin:0 0 18px;color:#667085}.v58-card{border-radius:24px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 18px 48px rgba(15,23,42,.08);color:#111827}.v58-level{display:grid;grid-template-columns:1fr 100px;gap:18px;align-items:center;padding:22px;margin-bottom:22px}.v58-level small,.v58-section-title small{color:#667085}.v58-level h2{font-size:34px;margin:4px 0 3px;color:#111827}.v58-ring{--p:65;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 58%,transparent 59%),conic-gradient(#6D28D9 calc(var(--p)*1%),#ECEAF2 0);box-shadow:inset 0 0 20px rgba(109,40,217,.10)}.v58-ring span{font-weight:900;font-size:18px;color:#111827}.v58-continue{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:14px;margin-bottom:22px}.v58-thumb{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#EDE9FE,#DBEAFE);display:grid;place-items:center;font-size:30px}.v58-mini{height:7px;background:#EEF0F6;border-radius:999px;overflow:hidden;margin-top:10px}.v58-mini i{display:block;height:100%;background:linear-gradient(90deg,#8B5CF6,#6D28D9);border-radius:inherit}.v58-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.v58-section-title h2{font-size:17px;margin:0;color:#111827}.v58-section-title button{background:transparent;border:0;color:#6D28D9;font-weight:800}.v58-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v58-cat{min-height:94px;border-radius:22px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 12px 30px rgba(15,23,42,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#111827;font-weight:800}.v58-cat span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center}.v58-cat:nth-child(1) span{background:#ECFDF5;color:#10B981}.v58-cat:nth-child(2) span{background:#EEF2FF;color:#6366F1}.v58-cat:nth-child(3) span{background:#FFF7ED;color:#F59E0B}.v58-titlebar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin:2px 0 22px}.v58-titlebar h1{text-align:center;font-size:20px;margin:0;color:#111827}.v58-tabs{display:flex;justify-content:space-between;margin:8px 0 18px;padding:6px;border-radius:18px;background:#fff;border:1px solid #E5E7EB}.v58-tab{height:40px;min-width:44px;padding:0 12px;border:0;border-radius:14px;background:transparent;color:#667085;font-weight:800}.v58-tab.active{background:#F3ECFF;color:#6D28D9}.v58-list{display:grid;gap:10px}.v58-lesson-row{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:20px;border:1px solid #E5E7EB;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045);color:#111827}.v58-lesson-row.active{background:linear-gradient(180deg,#8B5CF6,#6D28D9);color:#fff;border-color:#7C3AED;box-shadow:0 18px 42px rgba(109,40,217,.22)}.v58-lesson-row b{display:block}.v58-lesson-row small{display:block;color:inherit;opacity:.72}.v58-num{width:44px;height:44px;border-radius:16px;background:#F4F4F7;display:grid;place-items:center;font-weight:900}.v58-lesson-row.active .v58-num{background:rgba(255,255,255,.18)}.v58-status{display:grid;place-items:center;color:#10B981;font-weight:900}.v58-lesson-row.active .v58-status{color:#fff}.v58-phrase-list{display:grid;gap:10px;margin:16px 0}.v58-phrase{display:grid;grid-template-columns:1fr 36px 36px;gap:10px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid #E5E7EB;color:#111827;text-align:left}.v58-phrase b{display:block}.v58-phrase small{color:#667085}.v58-quiz-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 18px;margin:10px 0;border-radius:16px;background:#fff;border:1px solid #E5E7EB;color:#111827;font-weight:700}.v58-quiz-option.selected{border-color:#8B5CF6;background:#F5F0FF;color:#6D28D9}.v58-correct{margin:18px 0;padding:16px;border-radius:18px;background:#EAFBF4;border:1px solid #BDEFD9;color:#047857}.v58-primary{width:100%;min-height:58px;border:0;border-radius:16px;background:linear-gradient(180deg,#8B5CF6,#6D28D9);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(109,40,217,.22)}.v58-progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.v58-stat{padding:18px;border-radius:22px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 12px 30px rgba(15,23,42,.055)}.v58-stat strong{display:block;font-size:28px;color:#111827}.v58-stat small{color:#667085}.v58-chart{height:190px;padding:20px 18px;border-radius:24px;background:#fff;border:1px solid #E5E7EB;display:flex;align-items:end;gap:12px;box-shadow:0 18px 48px rgba(15,23,42,.08)}.v58-chart i{flex:1;border-radius:10px 10px 5px 5px;background:linear-gradient(180deg,#C4B5FD,#8B5CF6);min-height:28px}.v58-chart i:nth-child(2){height:45%}.v58-chart i:nth-child(3){height:72%}.v58-chart i:nth-child(4){height:58%}.v58-chart i:nth-child(5){height:64%}.v58-chart i:nth-child(6){height:50%}.v58-chart i:nth-child(7){height:86%}.v58-profile-head{margin:-18px -18px 18px;padding:58px 22px 28px;background:radial-gradient(260px 140px at 90% 0,rgba(139,92,246,.38),transparent 70%),linear-gradient(180deg,#0F172A,#111827);color:#fff;border-radius:0 0 32px 32px}.v58-profile-row{display:flex;align-items:center;gap:14px}.v58-profile-row h1{margin:0;font-size:22px;color:#fff}.v58-profile-row p{margin:3px 0 0;color:#CBD5E1}.v58-avatar{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);display:grid;place-items:center;font-size:28px;overflow:hidden}.v58-menu{display:grid;gap:10px}.v58-menu button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:62px;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:18px;color:#111827;text-align:left;box-shadow:0 10px 26px rgba(15,23,42,.045)}.v58-menu button span{width:38px;height:38px;border-radius:14px;background:#F3F4F6;display:grid;place-items:center}.v58-menu button b{font-size:15px}.v58-menu em{font-style:normal;color:#9CA3AF}.nav{position:fixed!important;left:50%!important;bottom:calc(10px + var(--safe-b))!important;transform:translateX(-50%)!important;width:min(430px,calc(100% - 22px))!important;height:72px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:7px!important;gap:4px!important;border-radius:26px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(229,231,235,.92)!important;box-shadow:0 18px 50px rgba(15,23,42,.12)!important;backdrop-filter:blur(22px)!important;z-index:99!important}.nav button{border:0!important;background:transparent!important;color:#6B7280!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:20px!important;font-size:11px!important;font-weight:800!important}.nav button.active{color:#6D28D9!important;background:#F3ECFF!important}.nav .ic svg{width:21px;height:21px}.btn.primary,.btn-primary,.primary,.primary-action{background:linear-gradient(180deg,#8B5CF6,#6D28D9)!important;color:#fff!important;border-color:transparent!important;border-radius:16px!important}.card,.deck-new,.phrase-new,.alpha-card,.quiz-type,.feature,.level-prog,.dash-stat{background:#fff!important;color:#111827!important;border-color:#E5E7EB!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;border-radius:22px!important}input,select,textarea{background:#fff!important;color:#111827!important;border:1px solid #E5E7EB!important;border-radius:14px!important}h1,h2,h3,p,small,b,strong,span{max-width:100%}@keyframes v58In{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:900px){#app{width:min(1180px,calc(100% - 44px))!important;padding:28px 22px 38px!important}.v58-desktop{display:grid;grid-template-columns:430px 1fr;gap:28px;align-items:start}.v58-desktop-panel{display:block!important}.nav{left:22px!important;top:22px!important;bottom:auto!important;transform:none!important;width:92px!important;height:auto!important;grid-template-columns:1fr!important;padding:10px!important;border-radius:28px!important}.nav button{height:68px!important}.v58-page{padding-left:110px}.v58-profile-head{border-radius:32px;margin:0 0 18px;padding:34px}}@media(max-width:380px){#app{padding-left:14px!important;padding-right:14px!important}.v58-cats{gap:8px}.v58-cat{font-size:12px}.v58-level{grid-template-columns:1fr 86px}.v58-ring{width:86px;height:86px}}