#learner-account-panel{margin:0 0 16px;padding:10px 12px;border:1px solid #d7e9e0;border-radius:13px;background:#f4faf6;color:#416853}#learner-account-panel>div{display:flex;align-items:center;gap:8px}#learner-account-panel strong{font-size:14px;margin-right:auto}#learner-account-panel button{font-size:14px;border:0;border-radius:8px;padding:7px 10px;background:#e1f2e8;color:#16824c}#learner-account-panel small{display:block;margin-top:5px;font-size:12px;line-height:1.5}#learner-sync-retry[hidden]{display:none}#learner-auth-dialog{max-width:calc(100vw - 32px);width:380px;border:0;border-radius:20px;padding:24px;color:#263d34;box-shadow:0 12px 60px #0003}#learner-auth-dialog::backdrop{background:#17352c66}#learner-auth-dialog h2{font-size:23px;margin:0 0 16px}#learner-auth-dialog p{font-size:16px;line-height:1.7}#learner-login-code{display:block;text-align:center;letter-spacing:3px;padding:18px 8px;background:#e9f8ed;border-radius:12px;font-size:25px;color:#148b4e}#learner-auth-dialog button{border:0;border-radius:10px;padding:10px 16px;margin:8px 10px 0 0;background:#e6f4ea;font-size:17px;color:#197c46}

#learner-account-panel{display:none!important}.learner-has-tabs{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}#learner-bottom-tabs{position:fixed;z-index:300;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:flex;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e4edf3;box-shadow:0 -5px 24px #264c6910;box-sizing:border-box;backdrop-filter:blur(12px)}#learner-bottom-tabs[hidden]{display:none}#learner-bottom-tabs button{flex:1;border:0;background:transparent;color:#8395a1;display:grid;justify-items:center;gap:2px;font-size:16px;cursor:pointer}#learner-bottom-tabs span{font-size:27px;line-height:28px}#learner-bottom-tabs strong{font-size:16px}#learner-bottom-tabs .active{color:#1988e5}.learner-my-page{position:fixed;inset:0;z-index:250;background:#f4f8fc;overflow:auto;box-sizing:border-box;padding:26px max(20px,calc((100vw - 440px)/2)) 110px;color:#244459}.learner-my-page[hidden]{display:none}.learner-my-page h1{font-size:25px;margin:10px 0 28px}.learner-profile{display:flex;align-items:center;gap:20px;background:white;border-radius:22px;padding:26px 18px;margin-bottom:24px}.learner-profile strong{font-size:23px}.learner-avatar{width:70px;height:70px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#dcefff,#add6ff);display:grid;place-items:center}.learner-avatar svg{width:52px;height:52px;fill:#fff}.learner-my-page>button{display:block;width:100%;border:0;border-bottom:1px solid #edf2f7;background:white;color:#27465d;padding:20px;text-align:left;font-size:19px;cursor:pointer}.learner-sync-note{font-size:14px;color:#82939f;margin:12px 5px 20px}.learner-login-required #app,.learner-login-required #learner-bottom-tabs{display:none!important}#learner-login-page{min-height:100dvh;box-sizing:border-box;padding:12vh 28px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;margin:auto;color:#244459;background:linear-gradient(#eaf6ff,#fff)}#learner-login-page h1{font-size:28px;margin-top:32px}#learner-login-page p{font-size:18px;line-height:1.8;color:#6b8595}#learner-login-page>button{margin:35px 0 22px;border:0;width:100%;border-radius:16px;background:#16ac67;color:white;padding:17px;font-size:21px;font-weight:700}#learner-login-page small{font-size:14px;color:#8396a3;line-height:1.8}

#learner-bottom-tabs svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}