:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#22233f;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a99df4;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:253px;background:#fff;border-right:1px solid #ececf4;position:fixed;inset:0 auto 0 0;padding:29px 17px;display:flex;flex-direction:column;z-index:6}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 44px}.brand-icon{background:#5e4aca;color:#fff;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-weight:900;font-size:21px}.brand-icon span{color:#b9fff0}.brand strong{font-size:14px;letter-spacing:1px}.brand small{display:block;color:#a2a2b3;font-size:10px;margin-top:5px}.side-label,.overline{color:#9993b8;font-size:10px;letter-spacing:1.7px;font-weight:800}.side-label{padding:0 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;border-radius:11px;background:none;text-align:left;padding:13px 15px;color:#777891;display:flex;gap:14px;align-items:center;font-weight:600}.sidebar nav button.active{color:#5746c9;background:#f0edff}.sidebar nav button:hover{background:#f5f2ff}.sidebar nav button span{font-size:13px}.sidebar-bottom{margin-top:auto;border-top:1px solid #eeeef5;padding-top:23px}.sidebar-bottom p{font-size:12px;color:#838398;line-height:1.7;padding:0 12px}.logo-tag{margin:15px 10px 0;color:#847bd3;font-size:10px}main{margin-left:253px;flex:1;min-width:0}header{height:75px;background:#fff;border-bottom:1px solid #eeedf6;display:flex;align-items:center;justify-content:space-between;padding:0 46px}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#8585a0}.header-right{display:flex;align-items:center;gap:9px;color:#89889d;font-size:12px}.live-dot{height:8px;width:8px;background:#52c9a4;border-radius:50%}#mobileMenu{display:none;border:0;background:transparent;font-size:23px}.main-content{max-width:1240px;margin:auto;padding:35px 45px}.screen{display:none}.screen.active{display:block}.hero{min-height:294px;border-radius:18px;background:linear-gradient(115deg,#30276f 0%,#6652bf 65%,#8e74d0 100%);display:flex;overflow:hidden;position:relative;color:#fff;padding:35px 44px}.hero-copy{position:relative;z-index:2;max-width:560px}.pill{display:inline-block;background:#ffffff20;border:1px solid #ffffff44;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px}.hero h1{font-size:33px;line-height:1.22;margin:17px 0 10px;letter-spacing:-.7px}.hero h1 em{font-style:normal;color:#c8f7e8}.hero p{color:#e3dffa;max-width:465px;line-height:1.7;font-size:13px;margin:0 0 24px}.primary,.secondary{border-radius:9px;border:0;font-weight:750;font-size:12px;padding:13px 20px}.primary{background:#65ddba;color:#143d4a}.primary:hover{background:#83edcd}.secondary{background:#f0edff;color:#5b4bc4}.secondary:hover{background:#e8e3ff}.hero-art{position:absolute;right:44px;top:50px;width:270px;height:220px}.orb{border-radius:50%;width:190px;height:190px;background:radial-gradient(circle at 30% 26%,#e0d8ff,#7c6acb 65%,#4b4096);border:8px solid #ffffff27;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:36px;font-weight:900;letter-spacing:2px;box-shadow:0 30px 70px #20165355}.orb span{font-size:17px;letter-spacing:4px}.floating{position:absolute;background:white;color:#49407c;border-radius:10px;padding:13px 17px;box-shadow:0 13px 26px #1e195b33;font-size:12px;font-weight:700}.floating-a{right:0;top:30px}.floating-b{right:0;bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 34px}.stat{background:#fff;border:1px solid #eeeefa;padding:20px 24px;border-radius:12px}.stat span{display:block;color:#9a97af;letter-spacing:1.1px;font-size:10px;font-weight:800}.stat strong{display:block;font-size:32px;margin:5px 0;color:#40368b}.stat small{font-size:11px;color:#9996aa}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 15px}.section-heading h2{font-size:20px;margin:6px 0;color:#282744}.next-card{display:grid;grid-template-columns:75px 1fr auto;align-items:center;background:#fff;border:1px solid #ebebf5;border-radius:12px;gap:20px;padding:20px}.next-num{width:67px;height:67px;border-radius:13px;background:#f1edff;display:grid;place-items:center;font-weight:800;font-size:25px;color:#6858cf}.next-card h3{margin:0 0 8px;font-size:15px}.next-card p{margin:0 0 13px;color:#9390a5;font-size:12px}.progress,.quiz-meter{height:6px;background:#f0eff6;overflow:hidden;border-radius:6px;max-width:400px}.progress span,.quiz-meter span{display:block;height:100%;background:#6753d1;border-radius:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid #eceaf4;border-radius:13px;text-align:left;background:white;padding:22px;display:flex;flex-direction:column;gap:13px;min-height:205px}.feature:hover{border-color:#b9b0ec;transform:translateY(-1px)}.feature-icon{height:46px;width:46px;display:grid;place-items:center;font-size:23px;border-radius:11px;font-weight:800}.purple{background:#eeeaff;color:#7360d2}.coral{background:#fff0e9;color:#ef9a81}.mint{background:#dff9ef;color:#3fb48c}.feature strong{font-size:14px}.feature span{font-size:12px;line-height:1.5;color:#918fa7}.feature b{font-size:12px;color:#6d5fcd;margin-top:auto}.page-top{margin:0 0 27px}.page-top h1{font-size:29px;margin:8px 0 9px}.page-top p{color:#89879d;font-size:13px;line-height:1.6}.level-list{display:grid;gap:12px}.level-item{border:1px solid #e9e8f3;background:#fff;border-radius:12px;display:flex;align-items:center;gap:18px;padding:15px 19px;text-align:left}.level-item:hover:not(:disabled){border-color:#998bde}.level-item.locked{opacity:.6}.level-num{width:54px;height:54px;background:#f0edff;border-radius:10px;display:grid;place-items:center;font-size:21px;font-weight:800;color:#6b57c7}.level-meta{display:flex;flex:1;flex-direction:column;gap:7px}.level-meta strong{font-size:14px}.level-meta span{font-size:12px;color:#9593a5}.level-state{font-size:12px;color:#6c5dcf;font-weight:750}.quiz-card{background:#fff;border:1px solid #e8e6f2;border-radius:15px;margin-top:26px;padding:30px}.quiz-card[hidden]{display:none}.quiz-top{font-size:11px;color:#8175bd;letter-spacing:1px;font-weight:800}.quiz-meter{margin:15px 0 24px;max-width:none}.quiz-card h2{font-size:23px}.question{font-size:18px;line-height:1.55;margin-bottom:26px}.answer-grid{display:grid;gap:10px}.answer{display:flex;align-items:center;justify-content:space-between;background:#faf9fd;border:1px solid #eae7f2;border-radius:11px;padding:16px 18px;text-align:left;font-weight:650;color:#403c5b}.answer:not(:disabled):hover{background:#f2efff}.answer.right{background:#e7f9ee;border-color:#6fc799;color:#17784c}.answer.wrong{background:#fff0f0;border-color:#edaaa9;color:#a84b50}.answer-feedback{margin:19px 0;color:#494566}.answer-feedback:empty{display:none}.answer-feedback p{font-size:13px}.quiz-footer{display:flex;justify-content:space-between;gap:12px;margin-top:21px}.filters{display:flex;gap:12px;margin-bottom:21px}.filters input,.filters select,.speech-lab select{padding:13px 15px;border:1px solid #e2e0ee;background:white;border-radius:9px;color:#5a5676}.filters input{flex:1}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.word-card{border-radius:12px;background:#fff;border:1px solid #ecebf6;padding:19px;min-height:164px}.word-category{font-size:10px;letter-spacing:.5px;color:#887bcb}.word-row{display:flex;align-items:center;justify-content:space-between;gap:7px}.word-row h3{font-size:16px;margin:12px 0 8px}.speak-btn{border:0;background:#efecff;color:#6051bc;border-radius:9px;width:38px;height:35px}.speak-btn:hover{background:#ddd5ff}.word-pron{font-size:12px;color:#8577be;margin:0 0 13px}.word-meaning{font-size:12px;color:#8b899e;border-top:1px solid #f0eef7;padding-top:12px}.phrase-grid{display:grid;gap:12px}.phrase{background:#fff;border:1px solid #edeaf5;border-radius:12px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.phrase strong{font-size:15px}.phrase p{font-size:13px;color:#918da5;margin:7px 0 0}.speech-lab{background:white;border:1px solid #eae8f5;border-radius:18px;padding:32px;max-width:780px;text-align:center}.lab-label{font-size:10px;letter-spacing:1.5px;color:#9893b6;font-weight:800}.speech-lab select{margin:18px auto;width:100%;max-width:320px;display:block}.speech-target{font-size:43px;font-weight:850;margin:23px 0 12px;color:#5040b1}.speech-hint{font-size:14px;color:#8581a0}.speech-actions{display:flex;justify-content:center;gap:12px;margin:30px auto 22px}.speech-response{padding:20px;background:#f5f2ff;border-radius:12px;font-size:13px;line-height:1.6;color:#615790}.fineprint{font-size:11px;line-height:1.6;color:#a09dac;margin-top:20px}footer{border-top:1px solid #ecebf3;margin-top:40px;padding-top:22px;font-size:11px;color:#aaa8b7}@media(max-width:1100px){.hero-art{opacity:.38}.word-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:790px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 40px #20204010}.sidebar.open{transform:translateX(0)}main{margin-left:0}#mobileMenu{display:block}header{padding:0 20px}.eyebrow{font-size:9px}.main-content{padding:22px 17px}.hero{padding:30px 25px}.hero h1{font-size:27px}.hero-art{display:none}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:26px}.feature-grid{grid-template-columns:1fr}.feature{min-height:unset}.next-card{grid-template-columns:50px 1fr}.next-num{width:50px;height:50px}.next-card .secondary{grid-column:1 / -1}.word-grid{grid-template-columns:1fr}.filters{flex-direction:column}.quiz-card{padding:20px}.quiz-footer{flex-direction:column}.speech-actions{flex-direction:column}}