.sidebar{width:280px;min-width:280px;height:100%;background-color:#ececec;border-radius:0 0 40px;box-shadow:2px 0 20px #5b97e91a;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.sidebar-logo-section{height:100px;padding:16px;display:flex;align-items:center;gap:12px}.sidebar-logo-image{width:56px;height:56px;object-fit:contain;image-rendering:high-quality}.sidebar-logo-text{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#212121}.sidebar-menu-list{flex:1;overflow-y:auto;padding:16px 0}.sidebar-settings{padding-bottom:24px}.sidebar-menu-item{margin:12px 16px;padding:16px 20px;border-radius:12px;cursor:pointer;background:transparent;transition:none}.sidebar-menu-item-inner{display:flex;align-items:center;gap:16px;transition:transform .15s ease-in-out}.sidebar-menu-icon{object-fit:contain;image-rendering:high-quality;flex-shrink:0}.sidebar-menu-label{font-family:Montserrat,sans-serif;font-size:20px;white-space:nowrap}.sidebar-menu-text-primary{color:#212121}.sidebar-menu-text-hover{color:#424242}.sidebar-menu-text-secondary{color:#757575}.sidebar-menu-fw700{font-weight:700}.sidebar-menu-fw500{font-weight:500}.jcd-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;animation:jcdFadeIn .2s ease}@keyframes jcdFadeIn{0%{opacity:0}to{opacity:1}}.jcd-dialog{background:#fff;border-radius:40px;padding:32px;width:380px;max-width:90vw;box-shadow:0 16px 48px #0003;animation:jcdSlideUp .3s cubic-bezier(.33,1,.68,1)}@keyframes jcdSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jcd-icon-row{display:flex;justify-content:center;margin-bottom:16px}.jcd-icon{width:48px;height:48px;border-radius:50%;background-color:#5b97e9;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif}.jcd-icon-success{background-color:#66bb6a}.jcd-icon-error{background-color:#ef5350}.jcd-title{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#000;text-align:center;margin:0 0 8px}.jcd-subtitle{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#757575;text-align:center;margin:0 0 20px}.jcd-subtitle-secondary{font-family:Montserrat,sans-serif;font-size:13px;font-weight:400;color:#9e9e9e;text-align:center;margin:-12px 0 20px}.jcd-input{display:block;width:100%;box-sizing:border-box;padding:16px 20px;font-family:Montserrat,monospace;font-size:20px;font-weight:600;text-align:center;letter-spacing:3px;border:2px solid #E0E0E0;border-radius:999px;outline:none;transition:border-color .2s ease;margin-bottom:20px}.jcd-input:focus{border-color:#5b97e9}.jcd-input::placeholder{color:#bdbdbd;letter-spacing:3px}.jcd-button-row{display:flex;gap:12px}.jcd-btn{flex:1;padding:16px 0;border:none;border-radius:999px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.jcd-btn:active{transform:scale(.97)}.jcd-btn:disabled{opacity:.4;cursor:not-allowed}.jcd-btn-cancel{background-color:#f5f5f5;color:#757575}.jcd-btn-submit{background-color:#5b97e9;color:#fff}.jcd-btn-submit:hover:not(:disabled){opacity:.9}.jcd-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:4px}.jcd-progress-fill{height:100%;background-color:#5b97e9;border-radius:4px;transition:width .3s ease}.header-backdrop{position:fixed;top:0;left:280px;right:0;bottom:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:9;pointer-events:none;transition:background .55s cubic-bezier(.33,1,.68,1),backdrop-filter .55s cubic-bezier(.33,1,.68,1),-webkit-backdrop-filter .55s cubic-bezier(.33,1,.68,1)}.header-backdrop-visible{background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.expandable-header{position:absolute;top:0;left:0;right:0;background-color:#ececec;border-radius:0 0 35px 35px;z-index:10;overflow:hidden;transition:height .55s cubic-bezier(.33,1,.68,1),box-shadow .3s ease}.expandable-header-expanded{max-height:80vh;box-shadow:0 8px 32px #00000026}.header-collapsed{height:150px;padding:0 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;cursor:pointer}.header-top-row{display:flex;align-items:center;width:100%}.header-subject-row{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.header-subject-text{font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-arrow{width:22px;height:22px;transition:transform .15s cubic-bezier(.16,1,.3,1);flex-shrink:0}.header-arrow-rotated{transform:rotate(180deg)}.header-spacer{flex:1}.header-points-change{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;margin-left:8px;animation:pointsFloat 1.3s ease forwards;pointer-events:none}@keyframes pointsFloat{0%{opacity:0;transform:translateY(4px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.1)}30%{transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-12px)}}.header-title-text{font-family:Montserrat,sans-serif;font-size:18px;font-weight:400;color:#000;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-level-row{display:flex;align-items:center;gap:12px;margin-top:8px}.header-level-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#5b97e9}.header-level-score{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#757575}.header-progress-bar-container{width:300px;height:6px;background-color:#e0e0e0;border-radius:3px;margin-top:4px;overflow:hidden}.header-progress-bar-fill{height:100%;background-color:#5b97e9;border-radius:3px;transition:width .3s ease}.header-expanded-content{padding:8px 32px 24px;opacity:1;pointer-events:none}.header-expanded-content-visible{overflow-y:auto;max-height:calc(80vh - 150px);pointer-events:auto}.header-topic-container{margin-bottom:8px}.header-topic-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px}.header-topic-item-static{cursor:default}.header-topic-label{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#000}.header-topic-label-selected{color:#000}.header-topic-arrow{width:18px;height:18px;transition:transform .15s cubic-bezier(.16,1,.3,1);filter:brightness(0) saturate(100%) invert(40%)}.header-topic-arrow-selected{filter:brightness(0) invert(1)}.header-subtopics-list{padding:0}.header-subtopic-item{padding:16px 20px;cursor:pointer;border-radius:28px;margin-bottom:10px;background-color:#fff;transition:background-color .15s ease}.header-subtopic-item:last-child{margin-bottom:0}.header-subtopic-selected{background-color:#5b97e9}.header-subtopic-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#000000de}.header-subtopic-label-selected{color:#fff;font-weight:600}.header-join-code-button{display:flex;align-items:center;justify-content:center;padding:14px 16px;cursor:pointer;border-radius:999px;margin-top:22px;margin-bottom:16px;background-color:#5b96e9;-webkit-user-select:none;user-select:none;transform-origin:center}.header-join-code-button-label{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#fff}.header-section-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px;margin-top:-4px}.header-section-title{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#000}.header-sync-button{display:flex;align-items:center;gap:6px;cursor:pointer}.header-sync-icon{font-size:22px;color:#5b97e9;line-height:1}.header-sync-text{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#5b97e9}.header-join-code-row{text-align:center;margin-top:12px;padding-bottom:4px}.header-join-code-link{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#5b97e9;cursor:pointer}.header-join-code-link:hover{text-decoration:underline}.header-sync-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid transparent;border-top-color:#5b97e9;border-radius:50%;animation:spin .8s linear infinite}.mcq-option-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:45px;padding:12px;width:100%;height:100%;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .5s ease;cursor:default;-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif;box-sizing:border-box}.mcq-option-clickable{cursor:pointer}.mcq-option-clickable:hover{filter:brightness(.96);transform:scale(1.01)}.mcq-option-text{line-height:1.3}.mcq-key-badge{position:absolute;top:16px;right:24px;width:24px;height:24px;border-radius:50%;background:#0000001f;color:#00000061;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}@keyframes mcqJumpUp{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-15px) rotate(0)}30%{transform:translateY(-15px) rotate(2.8deg)}40%{transform:translateY(-15px) rotate(-2.8deg)}50%{transform:translateY(-15px) rotate(2.8deg)}60%{transform:translateY(-15px) rotate(-2.8deg)}70%{transform:translateY(-12px) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes mcqDropShake{0%{transform:translateY(0) translate(0)}15%{transform:translateY(10px) translate(0)}25%{transform:translateY(10px) translate(-4px)}35%{transform:translateY(10px) translate(4px)}45%{transform:translateY(10px) translate(-4px)}55%{transform:translateY(10px) translate(4px)}65%{transform:translateY(10px) translate(0)}80%{transform:translateY(5px) translate(0)}to{transform:translateY(0) translate(0)}}.mcq-anim-correct{animation:mcqJumpUp 1s cubic-bezier(.34,1.56,.64,1) forwards}.mcq-anim-incorrect{animation:mcqDropShake 1s cubic-bezier(.34,1.56,.64,1) forwards}.mcq-option-eliminated{pointer-events:none}.flashcard-container{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;padding-top:70px;cursor:pointer;perspective:1000px}.flashcard-inner{width:45%;height:90%;position:relative;transition:transform .5s ease-in-out;transform-style:preserve-3d}.flashcard-flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:40px;background-color:#f2f2f2;overflow:hidden}.flashcard-back{transform:rotateY(180deg)}.flashcard-content{display:flex;flex-direction:column;height:100%;padding:27px}.flashcard-text-area{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:8px 0}.flashcard-front-text{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;font-style:italic;color:#000;text-align:center;line-height:1.4}.flashcard-back-text{font-family:Nunito Sans,sans-serif;font-size:22px;font-weight:400;color:#000;text-align:center;line-height:1.5}.flashcard-flip-hint{display:flex;justify-content:center;padding-bottom:8px}.flashcard-flip-icon{width:40px;height:40px;object-fit:contain;opacity:.5}.explain-why-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;margin-top:20px;flex-shrink:0}.explain-why-wrapper.explain-why-open{position:absolute;top:24px;bottom:24px;left:50%;transform:translate(-50%);margin-top:0;z-index:5;width:min(560px,calc(100% - 48px));gap:14px;justify-content:center}.explain-why-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background-color:#5b96e9;color:#fff;border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(13px,1vw,16px);border:none;outline:none;box-shadow:0 4px 12px #5b96e947}.explain-why-button-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.explain-why-button-label{white-space:nowrap}.explain-why-panel{width:100%;background-color:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 12px 32px #0000002e;font-family:Montserrat,sans-serif;animation:explain-why-fade-in .18s ease-out;overflow-y:auto;flex:0 1 auto;min-height:0}@keyframes explain-why-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.explain-why-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.explain-why-icon-badge{display:flex;align-items:center;justify-content:center;background-color:#5b96e9;border-radius:10px;width:32px;height:32px;flex-shrink:0}.explain-why-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.explain-why-title{color:#5b96e9;font-size:17px;font-weight:700}.explain-why-comparison{color:#000000d9;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:12px}.explain-why-user-answer{color:#e53935;font-weight:700}.explain-why-correct-answer{color:#43a047;font-weight:700}.explain-why-main{background-color:#e8f0fe;border-radius:16px;padding:12px 14px;color:#000000d9;font-size:14px;line-height:1.55;margin-bottom:12px}.explain-why-key-points-title{color:#5b96e9;font-size:14px;font-weight:700;margin-bottom:6px}.explain-why-key-points{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:5px}.explain-why-key-point{position:relative;padding-left:14px;color:#000000d9;font-size:13px;line-height:1.45}.explain-why-key-point:before{content:"•";color:#5b96e9;font-weight:700;position:absolute;left:0}.explain-why-common-mistake{display:flex;align-items:flex-start;gap:8px;background-color:#fff4e5;border-radius:12px;padding:10px 12px}.explain-why-warning-icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}.explain-why-common-mistake-text{color:#b26a00;font-size:12.5px;line-height:1.45}.explain-why-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;text-align:center}.explain-why-error-icon{width:36px;height:36px}.explain-why-error-text{color:#c62828;font-size:13px}.explain-why-retry{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background-color:#5b96e9;color:#fff;border-radius:18px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:13px}.explain-why-retry-label{color:#fff}.explain-why-skeleton{display:flex;flex-direction:column;gap:10px}.skeleton-row{display:flex;align-items:center;gap:10px}.skeleton-block{background-color:#ececec;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-box{background:linear-gradient(90deg,#ececec,#d4d4d4,#ececec);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-icon{width:32px;height:32px;border-radius:10px;flex-shrink:0}.skeleton-title{flex:1;height:18px}.skeleton-line{width:100%;height:12px}.skeleton-line-short{width:70%}.skeleton-line-medium{width:80%}.skeleton-line-tiny{width:40%;height:14px;margin-top:4px}.skeleton-bullet{width:8px;height:8px;border-radius:4px;flex-shrink:0}.skeleton-flex{flex:1}.test-question-container{width:100%;height:100%;overflow-y:auto;position:relative}.test-question-inner{min-height:100%;display:flex;align-items:center;justify-content:center}.test-question-content{max-width:700px;width:100%;padding:24px;display:flex;flex-direction:column;align-items:center}.test-question-text{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#000;text-align:center;line-height:1.2}.test-input-wrapper{position:relative;width:100%}.test-input{width:100%;padding:17px 21px;margin:3px;font-family:Montserrat,sans-serif;font-size:18px;color:#000000de;background:#fff;border:none;border-radius:50px;outline:none}.test-input::placeholder{color:#bdbdbd;font-family:Montserrat,sans-serif;font-size:18px}.test-input-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;border:2px solid #ECECEC;pointer-events:none;transition:border-color .25s ease-in-out,border-width .25s ease-in-out}.test-input-border-focused{border-color:#5b97e9;border-width:3px}.test-reveal-button{width:100%;height:56px;background-color:#5b97e9;border:none;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 60ms ease}.test-reveal-button:disabled{cursor:default}.test-button-label{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;color:#fff}.test-button-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.test-result-area{display:flex;flex-direction:column;align-items:center}.test-result-label{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;text-align:center}.test-result-correct{color:#388e3c}.test-result-incorrect{color:#d32f2f}.test-correct-answer-line{text-align:center}.test-correct-answer-label{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;color:#607d8b}.test-correct-answer-value{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:400;color:#607d8b}.filter-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(.33,1,.68,1)}.filter-overlay-dialog{background:#fff;border-radius:50px;padding:20px;max-width:400px;width:90%;max-height:70vh;overflow-y:auto;transition:transform .2s cubic-bezier(.33,1,.68,1),opacity .2s cubic-bezier(.33,1,.68,1)}.filter-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#000;text-align:center;margin-bottom:14px}.filter-options{display:flex;flex-direction:column}.filter-option-row{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;cursor:pointer}.filter-option-label{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#000}.filter-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid #BDBDBD;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;transform:scale(1.35)}.filter-checkbox-checked{background-color:#5b96e9;border-color:#5b96e9}.filter-checkbox-disabled{opacity:1}.filter-close-container{padding:15px 20px 0}.filter-close-button{width:100%;padding:8px 40px;background-color:#5b96e9;color:#fff;border:none;border-radius:25px;font-family:Montserrat,sans-serif;font-size:19px;font-weight:700;cursor:pointer;transition:transform .15s ease}.filter-close-button:hover{transform:scale(1.02)}.filter-close-button:active{transform:scale(1.03)}.home-screen{width:100%;height:100%;position:relative;background-color:#fff;overflow:hidden}.home-content-area{position:absolute;top:150px;left:0;right:0;bottom:0;overflow:hidden}.home-page-container{width:100%;height:100%;position:relative;overflow:hidden}.home-page-track{position:absolute;top:0;left:0;width:100%;transition:transform .3s ease-in-out}.home-page-item{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.mcq-item{width:100%;height:100%;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;position:relative}.mcq-question-area{max-width:700px;width:100%;margin-bottom:32px;flex-shrink:0}.mcq-question-text{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#000;text-align:center;line-height:1.3}.mcq-options-grid{max-width:700px;width:100%;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.mcq-options-row{flex:1;display:flex;gap:12px;min-height:0}.mcq-option-cell{flex:1;min-height:0}.mcq-options-vertical{max-width:700px;width:100%;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.mcq-option-vertical-cell{flex:1;min-height:0}.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}.home-empty-icon{width:64px;height:64px;margin-bottom:8px;filter:invert(55%) sepia(50%) saturate(600%) hue-rotate(190deg) brightness(95%) contrast(85%)}.home-empty-title{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;color:#757575}.home-empty-subtitle{font-family:Nunito Sans,sans-serif;font-size:16px;color:#9e9e9e}.home-empty-link{color:#5b97e9;font-weight:700;cursor:pointer}.home-empty-link:hover{text-decoration:underline}.home-filter-icon-wrapper{position:absolute;top:0;right:24px;z-index:6}.home-filter-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;box-sizing:border-box}.home-filter-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background-color:#ececec;opacity:0;transition:opacity .1s ease}.home-filter-bg-visible{opacity:1}.home-filter-img{width:36px;height:36px;position:relative;z-index:1}.home-nav-arrows{position:absolute;right:24px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}.home-nav-arrows>*{pointer-events:auto}.nav-arrow-button{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;box-sizing:border-box}.nav-arrow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background-color:#ececec;transition:background-color .1s ease}.nav-arrow-bg-dark{background-color:#dcdcdc}.nav-arrow-img{width:18px;height:18px;position:relative;z-index:1}.nav-arrow-up{transform:rotate(180deg)}.home-loading-spinner{width:40px;height:40px;border:4px solid #E0E0E0;border-top-color:#5b97e9;border-radius:50%;animation:spin .8s linear infinite}.home-header-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:8;animation:fadeIn .35s cubic-bezier(.33,1,.68,1)}.leaderboard-screen{width:100%;height:100%;background-color:#fff;overflow:hidden}.leaderboard-scroll{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.leaderboard-title{font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;color:#000;text-align:center;padding-top:20px;padding-bottom:16px}.leaderboard-tab-bar-container{width:100%;max-width:650px;padding:0 16px;margin-bottom:5px}.leaderboard-tab-bar{background-color:#fafafa;border-radius:26px;padding:15px 13px 9px}.leaderboard-tabs-row{display:flex}.leaderboard-tab{flex:1;text-align:center;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;color:#9e9e9e;cursor:pointer;padding:4px 0;transition:color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.leaderboard-tab:active{transform:scale(1.08)}.leaderboard-tab-selected{color:#000}.leaderboard-indicator-track{position:relative;height:3px;margin-top:3px}.leaderboard-indicator{position:absolute;width:32px;height:3px;background-color:#5b96e9;border-radius:1.5px;transition:left .25s cubic-bezier(.33,1,.68,1)}.leaderboard-tab-bar-container-scrollable{max-width:650px}.leaderboard-tabs-row-scrollable{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:24px;padding:0 4px 6px}.leaderboard-tabs-row-scrollable::-webkit-scrollbar{display:none}.leaderboard-tab-scrollable{flex:0 0 auto;position:relative;white-space:nowrap;padding:4px 2px 8px}.leaderboard-tab-underline{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:32px;height:3px;background-color:#5b96e9;border-radius:1.5px}.podium-container{display:flex;justify-content:center;align-items:flex-end;height:480px;gap:4px;padding:0 16px}.podium-column{width:220px;height:480px;position:relative}.podium-block{position:absolute;bottom:0;left:0;right:0;background-color:#5b97e9;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 16px 32px}.podium-content{display:flex;flex-direction:column;align-items:center;gap:16px}.podium-name-row{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%}.podium-name{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-points{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;color:#b9f0e9;text-align:center}.podium-profile{position:absolute;left:50%;transform:translate(-50%);width:140px;height:140px;border-radius:50%;border:6px solid #FFFFFF;overflow:hidden;z-index:1;background:#fff}.pro-badge-podium{background-color:#fff;color:#5b97e9;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;flex-shrink:0}.avatar-default{width:100%;height:100%;background-color:#5b97e9;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Montserrat,sans-serif;font-weight:700}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.user-rank-card{margin:16px 32px;padding:18px 22px;background:#5b97e9;border-radius:44px;display:flex;align-items:center;justify-content:space-between;max-width:700px;width:calc(100% - 64px)}.user-rank-left{display:flex;align-items:center;gap:14px;min-width:0}.user-rank-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background-color:#fff;flex-shrink:0;border:3px solid rgba(255,255,255,.4)}.user-rank-avatar .avatar-default{font-size:22px}.user-rank-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-rank-name{font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-rank-rank-text{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3}.user-rank-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.user-rank-points{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#fff}.user-rank-label{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;color:#fff9}.user-rank-level{display:flex;align-items:center;gap:8px}.user-rank-level-text{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;color:#fffc}.user-rank-progress-bg{width:60px;height:4px;background-color:#ffffff40;border-radius:2px;overflow:hidden}.user-rank-progress-fill{height:100%;background-color:#fff;border-radius:2px;transition:width .3s ease}.leaderboard-list{margin:0 32px;background-color:#ececec;border-radius:24px;overflow:hidden;max-width:700px;width:calc(100% - 64px);padding-bottom:6px}.leaderboard-row{padding:16px 24px;display:flex;align-items:center;gap:16px;background-color:#ececec}.leaderboard-row-current{background-color:#5b97e91a}.leaderboard-row-rank{width:30px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#000;flex-shrink:0}.leaderboard-row-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #FFFFFF;background-color:#fff;flex-shrink:0}.leaderboard-row-avatar-pro{border-color:#5b97e9}.leaderboard-row-name-area{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.leaderboard-row-name{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row-points{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#5b97e9;flex-shrink:0}.text-blue{color:#5b97e9!important}.pro-badge-list{background-color:#5b97e9;color:#fff;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;flex-shrink:0}.leaderboard-overflow{margin:12px 32px 0;padding:10px 20px;background-color:#ececec;border-radius:20px;text-align:center;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#5b97e9}.leaderboard-empty-state{margin:48px 32px 0;padding:24px 20px;background-color:#ececec;border-radius:20px;text-align:center;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#555;line-height:1.5}.profile-screen{width:100%;height:100%;background-color:#fafbfc;overflow:hidden}.profile-scroll{width:100%;height:100%;overflow-y:auto}.profile-content{padding:40px;position:relative}.profile-image-container{position:absolute;top:40px;left:40px;z-index:1}.profile-image{width:180px;height:180px;border-radius:50%;border:3px solid #ECECEC;background-color:#5b97e9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.profile-avatar-initials{font-family:Montserrat,sans-serif;font-size:64px;font-weight:700;color:#fff}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-edit-badge{position:absolute;bottom:6px;right:6px;width:54px;height:54px;background-color:#5b96e9;border-radius:50%;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.profile-edit-badge svg{width:22px;height:22px}.profile-edit-badge:hover{transform:scale(1.1)}.profile-avatar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-avatar-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-stats-row{display:flex;align-items:center;justify-content:center;min-height:180px;margin-top:0;margin-left:180px}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:0 30px}.profile-stat-value{font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;color:#212121;line-height:1.1}.profile-stat-label{font-family:Montserrat,sans-serif;font-size:17px;font-weight:500;color:#757575;margin-top:6px}.profile-stat-divider{width:1px;height:54px;background-color:#e0e0e0}.profile-action-buttons{display:flex;gap:16px}.profile-btn-edit,.profile-btn-pro{flex:1;padding:26px 0;border:none;border-radius:9999px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:transform .1s ease,filter .1s ease}.profile-btn-edit:hover,.profile-btn-pro:hover{filter:brightness(.96)}.profile-btn-edit:active,.profile-btn-pro:active{transform:scale(.98)}.profile-btn-edit{background-color:#ececec;color:#212121}.profile-btn-pro{background-color:#5b97e9;color:#fff}.profile-user-info{display:flex;align-items:center;gap:12px}.profile-user-name{font-family:Montserrat,sans-serif;font-size:34px;font-weight:700;color:#212121}.profile-user-country{font-family:Montserrat,sans-serif;font-size:28px;font-weight:500;color:#757575}.profile-divider{height:1px;background-color:#e0e0e0}.profile-level-section{width:100%}.profile-level-header{display:flex;justify-content:space-between;align-items:center}.profile-level-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#212121}.profile-level-score{font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;color:#757575}.profile-level-bar-bg{width:100%;height:16px;background-color:#e0e0e0;border-radius:10px;overflow:hidden}.profile-level-bar-fill{height:100%;background-color:#5b97e9;border-radius:10px;transition:width .3s ease}.profile-streaks-card{padding:30px 24px;border-radius:36px;background-color:#ececec}.profile-streaks-card.profile-streaks-active{background-color:#5b97e9}.profile-streaks-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#212121}.profile-streaks-active .profile-streaks-title{color:#fff}.profile-streaks-content{display:flex;align-items:center;gap:16px}.profile-streaks-text{flex:1;font-family:Nunito Sans,sans-serif;font-size:22px;color:#212121;line-height:1.4}.profile-streaks-active .profile-streaks-text{color:#fff}.profile-streaks-days{display:flex;gap:8px}.profile-streak-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.streak-circle-completed,.streak-circle-today{background-color:#5b97e9}.streak-circle-future{background-color:#bdbdbd}.streak-active-mode.streak-circle-completed{background-color:#fff}.streak-active-mode.streak-circle-today{background-color:#5b97e9}.streak-active-mode.streak-circle-future{background-color:#ffffff4d}.streak-day-letter{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#fff}.profile-feeds-section{width:100%}.profile-feeds-header{display:flex;align-items:baseline;justify-content:space-between}.profile-feeds-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#212121}.profile-feeds-count{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;color:#757575}.profile-feeds-loading{display:flex;align-items:center;justify-content:center;padding:40px 0}.profile-feeds-loading .profile-avatar-spinner{border-color:#5b97e940;border-top-color:#5b97e9}.profile-feeds-empty{padding:28px 24px;background-color:#ececec;border-radius:24px;font-family:Nunito Sans,sans-serif;font-size:18px;color:#555;text-align:center}.profile-feeds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.profile-feed-card{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:20px;background-color:#fff;border:1px solid #ECECEC;box-shadow:0 2px 6px #00000008}.profile-feed-card-head{display:flex;flex-direction:column;gap:4px}.profile-feed-card-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#212121;line-height:1.3}.profile-feed-card-subject{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:#757575;text-transform:uppercase;letter-spacing:.5px}.profile-feed-card-level{display:flex;flex-direction:column;gap:8px}.profile-feed-card-level-row{display:flex;align-items:baseline;justify-content:space-between}.profile-feed-card-level-text{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#212121}.profile-feed-card-level-points{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#5b97e9}.profile-feed-card-level-bar-bg{width:100%;height:8px;background-color:#ececec;border-radius:6px;overflow:hidden}.profile-feed-card-level-bar-fill{height:100%;background-color:#5b97e9;border-radius:6px;transition:width .3s ease}.profile-feed-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.profile-feed-metric{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background-color:#fafbfc;border-radius:12px}.profile-feed-metric-value{font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;color:#212121;line-height:1}.profile-feed-metric-positive{color:#2da84f}.profile-feed-metric-negative{color:#e55353}.profile-feed-metric-label{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;color:#757575;text-transform:uppercase;letter-spacing:.4px}.upload-screen{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:0 24px}.upload-title{font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;color:#000;text-align:center;padding:16px 0}.upload-grid-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;width:100%}.upload-option-card{background-color:#efefef;border-radius:50px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1.9}.upload-option-icon{object-fit:contain;margin-bottom:10px}.upload-option-title{font-family:Montserrat,sans-serif;font-size:19px;font-weight:700;color:#000;text-align:center}.upload-option-desc{font-family:Nunito Sans,sans-serif;font-size:14px;color:#0000008a;text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upload-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.upload-dialog{background:#fff;border-radius:40px;padding:28px;max-width:460px;width:90%;max-height:70vh}.upload-dialog-title{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#000;margin-bottom:8px}.upload-dialog-desc{font-family:Montserrat,sans-serif;font-size:14px;color:#757575;margin-bottom:16px}.upload-dialog-input-wrapper{border-radius:30px;background-color:#f5f5f5;overflow:hidden;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;display:block}.upload-dialog-input-focused{box-shadow:0 0 8px 2px #5b97e94d;transform:scale(1.02)}.upload-dialog-textarea,.upload-dialog-input{display:block;width:100%;padding:14px 20px;font-family:Montserrat,sans-serif;font-size:15px;color:#000;background-color:#f5f5f5;border:none;border-radius:30px;outline:none;resize:none;box-sizing:border-box;vertical-align:top}.upload-dialog-textarea::placeholder,.upload-dialog-input::placeholder{font-family:Nunito Sans,sans-serif;font-size:14px;color:#bdbdbd}.upload-dialog-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.upload-dialog-cancel{padding:14px 20px;background:none;border:none;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#000000de;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-dialog-submit{padding:14px 32px;background-color:#5b97e9;border:none;border-radius:50px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.progress-bar-bg{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#5b97e9;border-radius:4px;transition:width .3s ease}.upload-error-snackbar{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background-color:#c62828;color:#fff;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;border-radius:12px;z-index:200;cursor:pointer;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.settings-screen{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column}.settings-header{height:80px;background-color:#ececec;border-radius:0 0 35px 35px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.settings-header-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#212121}.settings-back-btn{position:absolute;left:24px;width:20px;height:20px;cursor:pointer;object-fit:contain}.settings-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.settings-item{padding:16px 20px;border-radius:12px}.settings-item-inner{display:flex;align-items:center;gap:16px;transition:transform .15s ease-in-out}.settings-item-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.settings-item-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#212121}.settings-item-spacer{flex:1}.settings-item-arrow{width:20px;height:20px;transform:rotate(-90deg);object-fit:contain}.settings-toggle{position:relative;width:51px;height:31px;display:inline-block}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;border-radius:31px;transition:background-color .2s ease}.settings-toggle-slider:before{content:"";position:absolute;height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle-slider{background-color:#5b97e9}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}.account-email-section{padding:0 20px;display:flex;flex-direction:column;gap:4px}.account-email-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#757575}.account-email-value{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#000}.account-divider{height:1px;background:#9e9e9e40;border-radius:1px;margin-top:16px}.classroom-badge{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background-color:#ebf5fb;border:none;border-radius:999px;color:#1565c0;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;align-self:flex-start}.classroom-badge-icon{width:18px;height:18px;object-fit:contain}.account-profile-picture-section{display:flex;flex-direction:column;align-items:center;padding:0 20px;gap:4px}.account-profile-picture-header{display:flex;align-items:center;gap:16px;align-self:flex-start;margin-bottom:16px}.account-profile-picture-header-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.account-profile-picture-label{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#212121}.account-avatar-wrapper{position:relative;cursor:pointer}.account-avatar-circle{width:110px;height:110px;border-radius:50%;border:none;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;position:relative}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-avatar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:50%}.account-avatar-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:avatar-spin .8s linear infinite}@keyframes avatar-spin{to{transform:rotate(360deg)}}.account-avatar-camera-badge{position:absolute;bottom:2px;right:2px;width:32px;height:32px;background-color:#5b96e9;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center}.account-avatar-hint{font-family:Nunito Sans,sans-serif;font-size:13px;color:#9e9e9e;margin-top:4px;margin-bottom:8px}.account-avatar-edit-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;margin-bottom:8px;padding:10px 22px;background-color:#ececec;border:none;border-radius:999px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#000;cursor:pointer;transition:filter .15s ease}.account-avatar-edit-btn svg{fill:#000}.account-avatar-edit-btn:hover{filter:brightness(.96)}.delete-icon-circle{width:24px;height:24px;background-color:#e53e3e;border-radius:50%;display:flex;align-items:center;justify-content:center}.settings-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.settings-dialog{background:#fff;border-radius:50px;padding:24px;max-width:500px;width:90%}.settings-dialog-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#000;margin-bottom:16px}.settings-dialog-text{font-family:Montserrat,sans-serif;font-size:16px;color:#424242;line-height:1.5;margin-bottom:24px}.settings-dialog-buttons{display:flex;justify-content:flex-end;gap:16px;align-items:center}.settings-dialog-cancel{background:none;border:none;font-family:Montserrat,sans-serif;font-weight:700;color:#000;cursor:pointer;padding:12px;font-size:14px}.settings-dialog-cancel:active{transform:scale(1.1)}.settings-dialog-danger{background-color:#c62828;color:#fff;border:none;border-radius:50px;padding:12px 24px;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;cursor:pointer}.settings-dialog-danger:active{transform:scale(1.05)}.change-pw-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.change-pw-input{padding:16px 20px;background-color:#ececec;border:none;border-radius:50px;font-family:Montserrat,sans-serif;font-size:15px;color:#000;outline:none}.change-pw-input::placeholder{color:#9e9e9e}.change-pw-error{font-family:Montserrat,sans-serif;font-size:13px;color:#c62828}.about-content{gap:16px!important}.about-text{font-family:Nunito Sans,sans-serif;font-size:16px;color:#424242;line-height:1.6;padding:0 20px}.about-row{display:flex;justify-content:space-between;padding:0 20px}.about-label{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#212121}.about-value{font-family:Montserrat,sans-serif;font-size:16px;color:#757575}.about-footer{font-family:Nunito Sans,sans-serif;font-size:14px;color:#9e9e9e;text-align:center;padding-top:16px}.stats-screen{width:100%;height:100%;background-color:#fafbfc;overflow:hidden}.stats-scroll{width:100%;height:100%;overflow-y:auto}.stats-content{max-width:1100px;padding:40px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.stats-header{display:flex;flex-direction:column;gap:6px}.stats-title{font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;color:#212121;margin:0;line-height:1.1}.stats-subtitle{font-family:Nunito Sans,sans-serif;font-size:18px;color:#757575;margin:0}.stats-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats-card{background-color:#fff;border:1px solid #ECECEC;border-radius:28px;padding:24px 22px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease;animation:stats-card-in .36s ease both}.stats-cards-grid .stats-card:nth-child(1){animation-delay:0ms}.stats-cards-grid .stats-card:nth-child(2){animation-delay:60ms}.stats-cards-grid .stats-card:nth-child(3){animation-delay:.12s}.stats-cards-grid .stats-card:nth-child(4){animation-delay:.18s}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b97e914}.stats-card-hero{background:linear-gradient(135deg,#5b97e9,#4a7fcd);border:none;color:#fff;box-shadow:0 8px 24px #5b97e940}.stats-card-emoji{font-size:28px;line-height:1}.stats-card-value{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:#212121;line-height:1.1}.stats-card-hero .stats-card-value{color:#fff}.stats-card-label{font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:600;color:#757575;text-transform:uppercase;letter-spacing:.5px}.stats-card-hero .stats-card-label{color:#ffffffd9}.stats-section-card{background-color:#fff;border:1px solid #ECECEC;border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:12px;animation:stats-card-in .42s ease both}.stats-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-section-title{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#212121;margin:0}.stats-section-desc{font-family:Nunito Sans,sans-serif;font-size:15px;color:#757575;margin:0 0 4px}.stats-section-eyebrow{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#5b97e9;text-transform:uppercase;letter-spacing:.7px;background-color:#5b97e91f;padding:6px 12px;border-radius:9999px}.stats-level-card{background:linear-gradient(135deg,#fff,#f4f8fe)}.stats-level-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.stats-level-eyebrow{display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#5b97e9;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.stats-level-title{font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;color:#212121;margin:0}.stats-level-next{display:flex;flex-direction:column;align-items:flex-end}.stats-level-next-value{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:#212121}.stats-level-next-label{font-family:Nunito Sans,sans-serif;font-size:13px;color:#757575}.stats-level-bar-bg{width:100%;height:14px;background-color:#e8eef6;border-radius:9999px;overflow:hidden;margin-top:4px}.stats-level-bar-fill{height:100%;background:linear-gradient(90deg,#5b97e9,#4a7fcd);border-radius:9999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.stats-rank-card{flex-direction:row;align-items:center;gap:24px;background:linear-gradient(135deg,#fffcec,#fff6d5);border-color:#f5c64c59}.stats-rank-medal{font-size:64px;line-height:1}.stats-rank-body{display:flex;flex-direction:column;gap:4px}.stats-rank-eyebrow{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#b97a00;text-transform:uppercase;letter-spacing:.7px}.stats-rank-position{font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;color:#212121;line-height:1.1}.stats-rank-meta{font-family:Nunito Sans,sans-serif;font-size:15px;color:#6e5a28}.stats-subject-list{display:flex;flex-direction:column;gap:18px;margin-top:4px}.stats-subject-row{display:flex;flex-direction:column;gap:8px}.stats-subject-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.stats-subject-name{font-family:Montserrat,sans-serif;font-size:17px;font-weight:600;color:#212121}.stats-subject-points{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;color:#5b97e9}.stats-subject-bar-bg{width:100%;height:12px;background-color:#f0f2f5;border-radius:9999px;overflow:hidden}.stats-subject-bar-fill{height:100%;background:linear-gradient(90deg,#5b97e9,#6ca5f0);border-radius:9999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.stats-subject-meta{font-family:Nunito Sans,sans-serif;font-size:13px;color:#757575}.stats-topic-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.stats-topic-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background-color:#f7f9fc;border-radius:20px;transition:background-color .15s ease,transform .15s ease}.stats-topic-row:hover{background-color:#f0f4fa;transform:translate(2px)}.stats-topic-rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;background-color:#ececec;color:#757575;flex-shrink:0}.stats-topic-rank-1{background:linear-gradient(135deg,#ffd27a,#f5a623);color:#fff}.stats-topic-rank-2{background:linear-gradient(135deg,#dde3ea,#b6bfcb);color:#fff}.stats-topic-rank-3{background:linear-gradient(135deg,#e0a982,#b97550);color:#fff}.stats-topic-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.stats-topic-name{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#212121;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-topic-subject{font-family:Nunito Sans,sans-serif;font-size:13px;color:#757575}.stats-topic-points-pill{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#5b97e9;background-color:#5b97e91f;padding:8px 14px;border-radius:9999px;flex-shrink:0}.stats-empty-card{align-items:center;text-align:center;padding:40px 28px}.stats-empty-icon{font-size:56px;margin-bottom:8px}.stats-loading-card{flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:32px}.stats-loading-spinner{width:28px;height:28px;border:3px solid #E8EEF6;border-top-color:#5b97e9;border-radius:50%;animation:stats-spin .8s linear infinite}.stats-loading-text{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#757575}@keyframes stats-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stats-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.stats-content{padding:28px 20px}.stats-title{font-size:30px}}@media(max-width:540px){.stats-cards-grid{grid-template-columns:1fr}.stats-rank-card{flex-direction:column;align-items:flex-start;text-align:left}.stats-level-head{flex-direction:column;align-items:flex-start;gap:8px}.stats-level-next{align-items:flex-start}}.main-layout{display:flex;height:100vh;width:100%;background-color:#fff}.main-content{flex:1;height:100%;overflow:hidden;position:relative}.placeholder-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.placeholder-text{font-family:Montserrat,sans-serif;font-size:24px;color:#9e9e9e}.login-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.login-card{display:flex;flex-direction:column;align-items:center;max-width:400px;width:90%}.login-logo{width:120px;height:120px;object-fit:contain;margin-bottom:16px}.login-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:#212121;margin-bottom:8px}.login-subtitle{font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;color:#000;margin-bottom:4px}.login-tagline{font-family:Montserrat,sans-serif;font-size:16px;color:#757575;margin-bottom:32px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:16px 20px;font-family:Montserrat,sans-serif;font-size:16px;color:#212121;background-color:#f5f5f5;border:2px solid transparent;border-radius:16px;outline:none;box-sizing:border-box;transition:border-color .2s ease}.login-input:focus{border-color:#5b97e9}.login-input::placeholder{color:#bdbdbd}.login-error{font-family:Montserrat,sans-serif;font-size:13px;color:#c62828;text-align:center}.login-button{width:100%;padding:16px;background-color:#5b97e9;color:#fff;border:none;border-radius:16px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:52px;transition:filter .1s ease}.login-button:hover{filter:brightness(.95)}.login-button:disabled{cursor:default}.login-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}