.highlight-box{background-color:#f5edfb;border-left:4px solid #9647d7;border-radius:4px;margin:16px 0;padding:16px;font-size:14px;line-height:1.6}.level-up-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#181023d9;justify-content:center;align-items:center;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.level-up-content{text-align:center;background:linear-gradient(135deg,#fff 0%,#f5edfb 100%);border-radius:24px;padding:48px 56px;animation:.6s cubic-bezier(.34,1.56,.64,1) levelUpPop;position:relative;overflow:hidden;box-shadow:0 0 0 1px #9647d71f,0 24px 80px #18102366}.level-up-content:before{content:"";z-index:-1;background:conic-gradient(#9647d7,#4b3299,#17b26a,#f79009,#9647d7);border-radius:26px;animation:3s linear infinite borderSpin;position:absolute;inset:-2px}.level-up-content:after{content:"";z-index:-1;background:linear-gradient(135deg,#fff 0%,#f5edfb 100%);border-radius:24px;position:absolute;inset:0}@keyframes borderSpin{to{transform:rotate(360deg)}}@keyframes levelUpPop{0%{opacity:0;transform:scale(.3)translateY(40px)}60%{opacity:1;transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.level-up-badge{background:linear-gradient(135deg,#9647d7 0%,#4b3299 100%);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 24px;animation:2s ease-in-out infinite badgePulse;display:flex;box-shadow:0 0 0 6px #9647d726,0 0 40px #9647d740}@keyframes badgePulse{0%,to{box-shadow:0 0 0 6px #9647d726,0 0 40px #9647d740}50%{box-shadow:0 0 0 10px #9647d71a,0 0 60px #9647d759}}.level-up-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.confetti{pointer-events:none;animation:linear forwards confettiFall;position:fixed}@keyframes confettiFall{to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.answer-feedback{border-radius:6px;margin-top:12px;padding:12px;font-size:14px;line-height:1.5}.correct-feedback{color:#17b26a;background-color:#f5edfb;border:2px solid #17b26a}.incorrect-feedback{color:#f04438;background-color:#fee4e2;border:2px solid #f04438}@keyframes audioBar{0%{height:4px}to{height:18px}}:root{--background:#fcfcff;--foreground:#101828;--card:#fff;--primary:#9647d7;--primary-foreground:#fafafa;--secondary:#f1f4f9;--muted-foreground:#1018287a;--border:#e7ecf3;--destructive:#f04438;--success:#17b26a;--warning:#f79009;--sidebar:#181023;--sidebar-secondary:#4b3299;--brand-50:#f5edfb;--brand-600:#694cc4;--radius:8px;--shadow-xs:0 1px 2px 0 #d7dee80d;--shadow-md:0 4px 6px -1px #d7dee81a, 0 2px 4px -2px #d7dee81a}html,body{background-color:var(--sidebar);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;min-height:100dvh}body{color:var(--foreground);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button,a,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent}@media (width<=640px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important}}:root{--home-row-h:0px}:root:has(.home-row){--home-row-h:calc(54px + max(12px, env(safe-area-inset-top)))}.home-row{box-sizing:border-box;min-height:var(--home-row-h);padding-top:max(12px, env(safe-area-inset-top))!important;padding-left:max(20px, env(safe-area-inset-left))!important;padding-right:max(20px, env(safe-area-inset-right))!important}.home-link:focus-visible{outline-offset:2px;outline:2px solid #9647d7}.home-link:focus:not(:focus-visible){outline:none}.top-nav{padding-top:max(12px, env(safe-area-inset-top))!important;padding-left:max(24px, env(safe-area-inset-left))!important;padding-right:max(24px, env(safe-area-inset-right))!important}.main-content{padding-left:max(20px, env(safe-area-inset-left))!important;padding-right:max(20px, env(safe-area-inset-right))!important}.leaderboard-modal{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leaderboard-container{background-color:var(--card);box-shadow:var(--shadow-md);border-radius:.5rem;flex-direction:column;width:100%;max-width:56rem;max-height:80vh;margin:1rem;display:flex;overflow:hidden}.leaderboard-header{background:linear-gradient(to right, var(--sidebar-secondary), var(--sidebar));color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.leaderboard-header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.leaderboard-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.5rem;font-size:1.5rem;transition:background-color .3s}.leaderboard-close:hover{background-color:#9647d74d}.leaderboard-content{flex:1;padding:1.5rem;overflow-y:auto}.leaderboard-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.leaderboard-entry{background:linear-gradient(to right, var(--brand-50), var(--secondary));border:1px solid var(--border);border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition:box-shadow .3s;display:flex}.leaderboard-entry:hover{box-shadow:var(--shadow-md)}.leaderboard-rank{justify-content:center;align-items:center;width:2rem;font-size:1.25rem;display:flex}.leaderboard-rank-medal{font-size:1.5rem}.leaderboard-rank-number{color:#7c90a9;font-size:1.125rem;font-weight:700}.leaderboard-info{flex:1}.leaderboard-name{color:var(--foreground);font-weight:700}.leaderboard-stats{color:#7c90a9;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;display:flex}.leaderboard-badge{background-color:var(--brand-50);color:var(--primary);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.leaderboard-exam-passed{color:var(--success);font-weight:600}.leaderboard-scores{text-align:right}.leaderboard-xp{color:var(--primary);font-size:1.25rem;font-weight:700}.leaderboard-exam-score{color:#7c90a9;font-size:.875rem}.leaderboard-footer{background-color:var(--secondary);border-top:1px solid var(--border);justify-content:flex-end;padding:1rem;display:flex}.leaderboard-footer button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.5rem 1.5rem;font-weight:600;transition:background-color .3s}.leaderboard-footer button:hover{background-color:var(--brand-600)}.highlight-box{background-color:var(--brand-50);border-left:4px solid var(--primary);color:#46404f;border-radius:0 8px 8px 0;margin:20px 0;padding:16px 20px;font-size:14px;line-height:1.6}.lesson-content h3{color:var(--sidebar);margin:24px 0 12px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.lesson-content p{color:#46404f;margin-bottom:16px;line-height:1.7}.lesson-content ul{color:#46404f;margin:12px 0 16px 24px}.lesson-content li{margin-bottom:8px;line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.top-nav{padding-left:max(14px, env(safe-area-inset-left))!important;padding-right:max(14px, env(safe-area-inset-right))!important;padding-top:max(10px, env(safe-area-inset-top))!important;padding-bottom:10px!important}.top-nav-title{font-size:14px!important}.nav-action-btn{min-width:36px;padding:8px 10px!important}.nav-action-btn .nav-action-label{display:none}.nav-username{max-width:90px!important;padding:6px 10px!important;font-size:12px!important}.main-content{padding-top:20px!important;padding-bottom:24px!important}.welcome-card{padding:28px 20px!important}.welcome-card h1{font-size:26px!important}.welcome-card .feature-grid{gap:10px!important}.welcome-card .feature-item{padding:14px 8px!important}.welcome-card .feature-number{font-size:20px!important}}