.dashboard-page{background-color:var(--bg-main);grid-template:"sidebar main"minmax(0,1fr)/240px minmax(0,1fr);height:100dvh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.dashboard-page>.sidebar{grid-area:sidebar;height:100dvh;position:sticky;top:0;overflow-y:auto}.dashboard-page>main{grid-area:main;width:100%;min-width:0;min-height:0;padding:24px 24px 0;overflow-y:auto}.dashboard-content{grid-template:"welcome leaderboard"120px"dashboard leaderboard"/1fr .5fr;gap:24px;width:100%;max-width:1440px;min-height:100%;margin-inline:auto;padding:0 0 24px;display:grid}.welcome-banner{grid-area:welcome}.welcome-banner div{box-sizing:border-box;background-color:var(--primary-color);z-index:2;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:120px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #00000014,0 12px 24px #0000001a}.welcome-banner div h1,.welcome-banner div p{color:var(--text-inverse)}.welcome-banner div .cloud-right{-webkit-user-drag:none;position:absolute;bottom:-40px;right:-8px}.welcome-banner h1{line-height:1.2}.welcome-banner p{line-height:1.4}.dashboard{flex-direction:column;grid-area:dashboard;gap:24px;min-height:0;display:flex}.dashboard .two-col-card{gap:24px;display:flex}.dashboard .two-col-card>.card{box-sizing:border-box;flex:1 1 0;min-width:0}.leaderboard{flex-direction:column;grid-area:leaderboard;align-self:start;height:fit-content;display:flex;position:sticky;top:0}.card{background-color:var(--bg-card);border:2px solid var(--border-main);border-radius:12px;width:100%;height:100%;padding:24px;box-shadow:0 4px 6px #00000014,0 12px 24px #0000001a}.card h2{color:var(--text-main)}.card p{font-size:clamp(.5rem,1.5vw,1rem)}.card .card-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card .card-title a{text-decoration:none}#streak-calendar{height:fit-content}.quick-action{text-transform:uppercase;cursor:pointer;font-size:clamp(.5rem,1.75vw,1rem);color:var(--primary-color)!important}.card .card-title>h2{line-height:1.2}.lesson-progress{gap:12px}.lesson-progress hr{border:1px solid var(--border-main);width:100%;margin:4px 0}.lesson-progress-header{flex-direction:column;gap:12px;width:100%;display:flex}.lesson-progress-details{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.lesson-progress-details>.row{flex:none}.lesson-progress-details>.row h1{white-space:nowrap}.lesson-progress-bar,.unit-progress-bar{background-color:#9966ff1a;border-radius:999px;height:16px;display:flex}.current-lesson{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.current-lesson>div:not(.language-icon){min-width:0}.current-lesson h2{overflow-wrap:anywhere;margin-bottom:0;line-height:1.2}.current-lesson p{line-height:1.4}.current-lesson .language-icon{aspect-ratio:1;background-color:#9966ff1a;border-radius:8px;flex:0 0 44px;width:44px;height:44px}.current-lesson .language-icon svg{width:28px;height:28px;fill:var(--primary-color);flex:0 0 28px}.unit-list-dashboard{flex-direction:column;gap:12px;width:100%;display:flex}.unit{gap:16px}.unit .unit-no{aspect-ratio:1;border:2px solid var(--primary-color);border-radius:999px;width:auto;height:32px}.unit .unit-no p{color:var(--primary-color);font-weight:600}.unit .unit-info{flex-direction:column;flex:1;gap:8px;display:flex}.unit .unit-info #unit-title{color:var(--text-main)}.unit .unit-info .unit-description{justify-content:space-between;display:flex}.calendar-container{justify-content:space-between;gap:24px;display:flex}.calendar{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.calendar-month{grid-column:span 7;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-month p{color:var(--text-muted);margin-bottom:0;font-weight:600}.calendar-nav-btn{background:var(--bg-card);color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;transition:all .15s;display:inline-flex}.calendar-nav-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.calendar-nav-btn:disabled{opacity:.35;cursor:not-allowed}.calendar-month-header{align-items:center;gap:8px;display:flex}.calendar-today-btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:#9966ff26;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .15s}.calendar-today-btn:hover{background:var(--primary-color);color:var(--text-inverse)}.calendar-month-nav{align-items:center;gap:6px;display:flex}button.quick-action-btn{color:var(--primary-color);text-transform:uppercase;cursor:pointer;background:0 0;border:none;transition:opacity .15s}button.quick-action-btn:hover{opacity:.8}.day{width:100%;height:auto;position:relative}.day p{z-index:10;color:var(--text-muted);aspect-ratio:1;text-align:center;background-color:#9966ff1a;border-radius:999px;padding:8px;position:relative}.day.active-start p{border-radius:999px 0 0 999px}.day.active-end p{border-radius:0 999px 999px 0}.day.active p,.day.active-start p,.day.active-middle p,.day.active-end p{color:var(--text-inverse);background-color:var(--primary-color)}.day.active:after,.day.active-start:after,.day.active-middle:after,.day.active-end:after{content:"";background-color:var(--primary-color);height:100%;position:absolute;top:0}.day.active:after{border-radius:999px;left:0}.day.active-start:after{border-radius:999px 0 0 999px;width:calc(100% + 12px);margin-left:12px;left:0}.day.active-middle:after{width:calc(100% + 24px);left:-12px}.day.active-end:after{border-radius:0 999px 999px 0;width:calc(100% + 12px);left:-24px}.day.today:not(.active):not(.active-start):not(.active-middle):not(.active-end) p{outline:2px dashed var(--primary-color);background-color:#0000}.day-label{justify-content:center;display:flex}.streak{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.streak p{line-height:1.5}.streak-status{justify-content:flex-start;gap:24px;display:flex}.streak-status>.streak-progress-bar{aspect-ratio:1}.streak-status>.streak-progress-bar svg{width:100px;height:auto}.streak-status h1{color:#ff7504;margin:-20px 0;font-size:clamp(4rem,6vw,4.75rem);font-weight:800}.streak-status p{font-size:clamp(.75rem,1.75vw,1.25rem)}.streak-no-of-days{align-items:flex-start;gap:0}.streak-no-of-days p{text-wrap:nowrap}.streak-week{justify-content:space-between;display:flex}.streak-day{aspect-ratio:1;background-color:#9966ff1a;border-radius:999px;width:auto;height:40px}.streak-day svg{color:var(--text-inverse);display:none}.streak-day.active{background-color:#ff7504}.streak-day.active svg{display:flex}.streak-day.today{background-color:#0000;border:2px dashed #ff7504}.daily-goal-xp{flex-direction:column;gap:12px;display:flex}.daily-goal-xp>p,.daily-goal-xp .daily-progress-bar-container p{line-height:1.2}.daily-progress-bar{background-color:#9966ff1a;border-radius:999px;flex:1;height:16px;display:flex}.daily-goal-preview-hub{border-top:1px solid var(--border-main);min-width:0;padding-top:12px}.daily-goal-preview-hub summary{color:var(--primary-color);cursor:pointer;font-weight:600;line-height:1.4}.daily-goal-preview-note{margin:10px 0;font-size:.85rem}.daily-goal-preview-previous,.daily-goal-preview-days label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.daily-goal-preview-previous{max-width:180px;margin-bottom:10px}.daily-goal-preview-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:8px;display:grid}.daily-goal-preview-hub input{box-sizing:border-box;border:1px solid var(--border-main);width:100%;min-width:0;min-height:40px;color:var(--text-main);background-color:var(--bg-main);font:inherit;border-radius:6px;padding:6px 8px}.daily-goal-preview-reset{border:1px solid var(--border-main);min-height:40px;color:var(--text-main);background-color:var(--bg-main);cursor:pointer;border-radius:6px;margin-top:10px;padding:6px 10px}.daily-prograss-graph{grid-template-rows:180px auto;grid-template-columns:40px minmax(0,1fr);display:grid;position:relative}.daily-prograss-graph p{font-weight:600}.graph-x-axis-container{flex-direction:column;grid-area:1/1/auto/-1;gap:4px;min-height:0;display:flex}.graph-x-axis{flex:1;align-items:center;min-height:0;display:flex}.graph-x-axis p{box-sizing:border-box;text-align:right;flex:0 0 40px;width:40px;min-width:40px;margin:0;padding:4px 8px 4px 0;font-size:clamp(.25rem,1.25vw,.75rem)}.x-axis-line{background-color:var(--border-main);flex:1;min-width:0;height:2px}.graph-y-axis{grid-area:2/2;justify-content:space-between;align-items:stretch;display:flex}.graph-y-axis div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:8px;display:flex;position:relative}.graph-y-axis div>.graph-y-bar{background-color:var(--primary-color);border-radius:999px 999px 0 0;flex:none;width:20px;height:148px;margin:0 auto;padding:0;display:block;position:absolute;bottom:calc(100% + 16px);left:0;right:0}.graph-y-axis div>.graph-y-bar-empty{background-color:var(--border-main)}.leaderboard .card{flex-direction:column;gap:24px;display:flex}.leaderboard-header .leaderboard-heading{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.leaderboard-header .leaderboard-heading>h2.card-title{flex:none;margin-bottom:0!important}.leaderboard-header .leaderboard-heading.dashboard-leaderboard-title{margin-bottom:12px!important}.dashboard-page:not(.leaderboard-page) .leaderboard-header{flex-direction:column;align-items:stretch;gap:12px}.dashboard-page:not(.leaderboard-page) .leaderboard-header .leaderboard-heading,.dashboard-page:not(.leaderboard-page) .leaderboard-header .sort-by-time{flex:none;width:100%}.sort-by-time{background-color:#9966ff1a;border-radius:999px;padding:8px;display:flex}.sort-by-time input[type=radio]{display:none}.sort-by-time label{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;flex:1 0;justify-content:center;align-items:center;padding:8px 0;transition:background-color .2s,color .2s;display:flex}.sort-by-time input[type=radio]:checked+label{background-color:var(--primary-color)}.sort-by-time input[type=radio]:checked+label p{color:var(--text-inverse)}.podium{--podium-first-color:var(--primary-color);--podium-second-color:#b38cff;--podium-third-color:#cdb5ff;border-bottom:4px solid var(--border-main);align-items:flex-end;gap:12px;padding:36px 12px 0;display:flex}.podium .podium-place-container{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.podium .podium-place-container #player-name,.podium .podium-place-container .skeleton-podium-name{max-width:100%;color:var(--text-main);text-align:center;overflow-wrap:anywhere;padding:8px 0;line-height:1.2}.podium .podium-place-container .player-icon{border-width:3px;width:64px;margin-bottom:12px;position:relative}.podium .podium-place-container .player-icon .podium-player-xp{background-color:var(--primary-color);border-radius:999px;padding:4px 8px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%,-50%)}.podium .podium-place-container .player-icon .podium-player-xp p{color:var(--text-inverse);text-wrap:nowrap;font-size:clamp(.25rem,1.25vw,.75rem)}.podium .podium-place-container .player-icon .crown,.podium .podium-place-container .player-icon .medal{position:absolute;top:-24px;left:50%;transform:translate(-50%,-50%)}.podium .podium-place-container.first-place .player-icon{border-color:var(--podium-first-color)}.podium .podium-place-container.first-place .player-icon .crown{color:var(--podium-first-color)}.podium .podium-place-container.first-place .player-icon .podium-player-xp{background-color:var(--podium-first-color)}.podium .podium-place-container.second-place .player-icon{border-color:var(--podium-second-color)}.podium .podium-place-container.second-place .player-icon .medal{color:var(--podium-second-color)}.podium .podium-place-container.second-place .player-icon .podium-player-xp{background-color:var(--podium-second-color)}.podium .podium-place-container.third-place .player-icon{border-color:var(--podium-third-color)}.podium .podium-place-container.third-place .player-icon .medal{color:var(--podium-third-color)}.podium .podium-place-container.third-place .player-icon .podium-player-xp{background-color:var(--podium-third-color)}.podium .podium-place{border-radius:16px 16px 0 0;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:12px 24px 0;display:flex}.podium .podium-place h1{color:var(--text-inverse);font-size:clamp(1rem,3vw,1.75rem)}.podium .podium-place svg{aspect-ratio:1;height:48px;color:var(--text-inverse);margin-bottom:-4px;display:none}.podium .podium-place#first-place{background-color:var(--podium-first-color);height:180px}.podium .podium-place#first-place svg{height:72px;margin-bottom:-6px}.podium .podium-place#second-place{background-color:var(--podium-second-color);height:140px}.podium .podium-place#third-place{background-color:var(--podium-third-color);height:100px}html[data-theme=dark] .podium,html[data-theme=dark] .dashboard-page:not(.leaderboard-page) .podium{--podium-second-color:#8055ba;--podium-third-color:#60438e}html[data-theme=dark] .podium-place#second-place,html[data-theme=dark] .dashboard-page .podium-place#second-place{background-color:var(--podium-second-color)}html[data-theme=dark] .podium-place#third-place,html[data-theme=dark] .dashboard-page .podium-place#third-place{background-color:var(--podium-third-color)}.leaderboard-player{border-bottom:2px solid var(--border-main);justify-content:space-between;padding:8px 24px;transition:background .2s}.leaderboard-player p{text-wrap:nowrap;color:var(--text-main)}.leaderboard-player .player-details{gap:16px}.leaderboard-player .player-details p:first-child{text-align:right;width:16px}.leaderboard-player:last-child{border:none}.leaderboard-player:hover{background-color:var(--border-main)}.leaderboard-placement{margin-inline:-24px}.player-icon{aspect-ratio:1;background-color:var(--border-main);color:#1f2937;border:2px solid var(--primary-color);border-radius:999px;width:48px;height:auto}.unit-progress-bar,.daily-progress-bar,.lesson-progress-bar{position:relative}:is(.unit-progress-bar,.daily-progress-bar,.lesson-progress-bar)>.progress-bar-fill{background-color:var(--primary-color);border-radius:999px;height:16px;position:absolute;left:0}.streak-progress-bar.inactive svg path{fill:var(--text-muted);opacity:.45}.skeleton-dashboard-page .skeleton-welcome-title{background:linear-gradient(90deg,#fff3 20%,#ffffff7a 50%,#fff3 80%) 0 0/200% 100%;border-radius:6px;width:265px;max-width:100%;height:clamp(1.5rem,3.9vw,2.4rem);margin:0;font-size:clamp(1.25rem,3.25vw,2rem);line-height:1.2;display:block}.skeleton-dashboard-page .skeleton-welcome-description{background:linear-gradient(90deg,#fff3 20%,#ffffff7a 50%,#fff3 80%) 0 0/200% 100%;border-radius:4px;width:500px;max-width:100%;height:clamp(1.05rem,2.45vw,1.75rem);margin:0;font-size:clamp(.75rem,1.75vw,1.25rem);line-height:1.4;display:block}.skeleton-dashboard-page .skeleton-welcome-art{opacity:.6;border-radius:0;width:180px;height:180px;bottom:-40px;right:-8px;position:absolute!important}.skeleton-dashboard-page .skeleton-lesson-progress-card{min-height:365px}.skeleton-dashboard-page .skeleton-streak-title,.skeleton-dashboard-page .skeleton-streak-action{height:1.2em;margin:0;line-height:1.2;display:block}.skeleton-dashboard-page .skeleton-streak-title{width:150px}.skeleton-dashboard-page .skeleton-streak-action{width:108px}.skeleton-dashboard-page .skeleton-streak-flame{flex:0 0 114px;width:100px;height:114px}.skeleton-dashboard-page .skeleton-streak-count{color:#0000;width:1em;height:1em;margin:0;line-height:1}.skeleton-dashboard-page .skeleton-streak-no-of-days{justify-content:space-between;align-self:stretch}.skeleton-dashboard-page .skeleton-streak-count-label,.skeleton-dashboard-page .skeleton-week-label,.skeleton-dashboard-page .skeleton-calendar-month,.skeleton-dashboard-page .skeleton-calendar-weekday{color:#0000}.skeleton-dashboard-page .skeleton-streak-count-label{width:92px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-streak-message{color:#0000}.skeleton-dashboard-page .skeleton-week-day{flex:0 0 40px}.skeleton-dashboard-page .skeleton-week-label{width:16px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-calendar-month{width:120px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-calendar-nav{width:26px;height:26px}.skeleton-dashboard-page .skeleton-calendar-weekday{margin:0}.skeleton-dashboard-page .skeleton-calendar-day>p{color:#0000}.skeleton-dashboard-page .skeleton-leaderboard-title{width:140px;height:1.2em;margin:0;line-height:1.2;display:block}.skeleton-dashboard-page .skeleton-leaderboard-filters label{cursor:default}.skeleton-dashboard-page .skeleton-leaderboard-filter{width:44px;height:1.2em;margin:0}.skeleton-dashboard-page .skeleton-podium-avatar{background-color:var(--border-main)}.skeleton-dashboard-page .podium-stage,.skeleton-dashboard-page .podium{width:100%}.skeleton-dashboard-page .podium-place-container.second-place{flex-grow:1}.skeleton-dashboard-page .skeleton-podium-emblem{border-radius:50%;width:32px;height:24px;position:absolute;top:-24px;left:50%;transform:translate(-50%,-50%)}.skeleton-dashboard-page .skeleton-podium-crown{border-radius:4px 4px 2px 2px;height:16px}.skeleton-dashboard-page .skeleton-podium-medal{width:22px;height:26px}.skeleton-dashboard-page .skeleton-podium-xp{height:.8em}.skeleton-dashboard-page .skeleton-podium-base{background-image:linear-gradient(90deg,#9966ff1f 20%,#9966ff47 50%,#9966ff1f 80%);background-size:200% 100%}.skeleton-dashboard-page .skeleton-podium-rank{width:1em;height:1.2em;margin:0}.skeleton-dashboard-page .skeleton-podium-name{width:70%;height:1.2em;margin:8px 0}.skeleton-dashboard-page .skeleton-leaderboard-rank{width:16px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-leaderboard-avatar{background-color:var(--border-main)}.skeleton-dashboard-page .skeleton-leaderboard-name{width:120px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-leaderboard-xp{width:50px;height:1.5em;margin:0}.skeleton-dashboard-page .skeleton-continue-title,.skeleton-dashboard-page .skeleton-continue-action{height:1.2em;margin:0;line-height:1.2;display:block}.skeleton-dashboard-page .skeleton-continue-title{width:290px;max-width:70%}.skeleton-dashboard-page .skeleton-continue-action{width:72px}.skeleton-dashboard-page .skeleton-continue-description{width:88%;height:1.2em;margin:0;line-height:1.2}.skeleton-dashboard-page .skeleton-lesson-title,.skeleton-dashboard-page .skeleton-lesson-action,.skeleton-dashboard-page .skeleton-section-title,.skeleton-dashboard-page .skeleton-section-subtitle,.skeleton-dashboard-page .skeleton-lesson-percent,.skeleton-dashboard-page .skeleton-unit-number,.skeleton-dashboard-page .skeleton-unit-title,.skeleton-dashboard-page .skeleton-unit-count{margin:0;display:block}.skeleton-dashboard-page .skeleton-lesson-title{width:150px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-lesson-action{width:60px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-language-mark{flex:0 0 28px;width:28px;height:28px}.skeleton-dashboard-page .skeleton-lesson-copy{flex-direction:column;gap:0;display:flex}.skeleton-dashboard-page .skeleton-section-title{width:130px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-section-subtitle{width:90px;height:1.4em;line-height:1.4}.skeleton-dashboard-page .skeleton-lesson-percent{width:45px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-unit-number{width:8px;min-height:1.2em}.skeleton-dashboard-page .skeleton-unit-title{width:140px;min-height:1.2em}.skeleton-dashboard-page .skeleton-unit-count{width:28px;min-height:1.2em}.skeleton-dashboard-page .skeleton-progress-fill{border-radius:inherit;width:35%;height:16px;position:absolute;left:0}.skeleton-dashboard-page .skeleton-daily-title,.skeleton-dashboard-page .skeleton-daily-action{min-height:1.2em;margin:0;display:block}.skeleton-dashboard-page .skeleton-daily-title{width:120px}.skeleton-dashboard-page .skeleton-daily-action{width:72px}.skeleton-dashboard-page .skeleton-xp-label,.skeleton-dashboard-page .skeleton-xp-value,.skeleton-dashboard-page .skeleton-graph-value,.skeleton-dashboard-page .skeleton-graph-day{min-height:1em;margin:0;display:block}.skeleton-dashboard-page .skeleton-xp-label{width:80px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-xp-value{width:40px;height:1.2em;line-height:1.2}.skeleton-dashboard-page .skeleton-graph-value{width:40px}.skeleton-dashboard-page .skeleton-graph-day{width:18px}.skeleton-dashboard-page .graph-y-axis div>.skeleton-graph-bar{background-color:#0000!important}.skeleton-dashboard-page .graph-y-axis div:first-child>.skeleton-graph-bar{height:104px}.skeleton-dashboard-page .graph-y-axis div:nth-child(2)>.skeleton-graph-bar{height:148px}.skeleton-dashboard-page .graph-y-axis div:nth-child(3)>.skeleton-graph-bar{height:120px}.skeleton-dashboard-page .graph-y-axis div:nth-child(4)>.skeleton-graph-bar{height:88px}.skeleton-dashboard-page .graph-y-axis div:nth-child(5)>.skeleton-graph-bar{height:136px}.skeleton-dashboard-page .graph-y-axis div:nth-child(6)>.skeleton-graph-bar{height:96px}.skeleton-dashboard-page .graph-y-axis div:nth-child(7)>.skeleton-graph-bar{height:128px}.skeleton-dashboard-page .skeleton-daily-progress-fill{border-radius:inherit;width:50%;height:16px;position:absolute;left:0}@media (max-width:768px){.dashboard-page>main{border-top:none!important}.dashboard-content{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;padding:14px 12px!important;display:flex!important}.welcome-banner{width:100%!important}.welcome-banner>div{border-radius:14px!important;min-height:104px!important;padding:16px 14px!important}.welcome-banner h1{font-size:clamp(1.2rem,5vw,1.5rem)!important;line-height:1.25!important}.skeleton-dashboard-page .skeleton-welcome-title{height:clamp(1.5rem,6.25vw,1.875rem);font-size:clamp(1.2rem,5vw,1.5rem);line-height:1.25}.welcome-banner p{font-size:.85rem!important;line-height:1.4!important}.skeleton-dashboard-page .skeleton-welcome-description{height:1.19rem;font-size:.85rem;line-height:1.4}.skeleton-dashboard-page .skeleton-welcome-art{width:90px;height:90px;bottom:-20px;right:-4px}.welcome-banner .cloud-right{opacity:.25!important;right:-4px!important}.dashboard{gap:16px!important;width:100%!important}.dashboard .two-col-card{flex-direction:column!important;gap:16px!important;width:100%!important}.dashboard .two-col-card>.card{flex:none}.card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;padding:16px 14px!important}.skeleton-dashboard-page .skeleton-lesson-progress-card{min-height:0}.current-lesson{gap:8px!important}.current-lesson h2{font-size:1rem!important}.lesson-progress-details{align-items:center!important}.lesson-progress-details>.row h1{font-size:1.3rem!important}.daily-goal-xp{width:100%!important}.daily-prograss-graph{grid-template-columns:32px minmax(0,1fr);overflow-x:hidden;width:100%!important}.graph-x-axis p{font-weight:inherit;flex-basis:32px!important;width:32px!important;min-width:32px!important;padding-right:4px!important;font-size:.5rem!important}.graph-y-axis div{min-width:0!important;padding:4px!important}.graph-y-axis div p{font-size:.75rem!important}.graph-y-axis div>.graph-y-bar{width:12px!important}.calendar-container{flex-direction:column!important;gap:20px!important;width:100%!important}.streak{gap:10px!important;width:100%!important}.streak-status{gap:16px!important}.streak-status>.streak-progress-bar svg{width:64px!important;height:auto!important}.streak-status h1{margin:0!important;font-size:3rem!important}.streak-week{justify-content:space-between!important;gap:4px!important}.streak-day{width:34px!important;height:34px!important}.streak-day svg{width:16px!important;height:16px!important}.calendar{gap:8px!important;width:100%!important}.calendar-month{margin-bottom:6px!important}.calendar-month p{font-size:.9rem!important}.day-label p{font-size:.68rem!important;font-weight:700!important}.day{aspect-ratio:1!important}.day p{justify-content:center;align-items:center;width:100%;height:100%;display:flex;padding:4px!important;font-size:.72rem!important}.leaderboard{width:100%!important;position:static!important}.leaderboard-placement{margin-inline:-14px}.leaderboard-player{padding-inline:14px}.sort-by-time{padding:4px!important}.sort-by-time label{padding:6px 0!important}.sort-by-time label p{font-size:.75rem!important}.podium{gap:8px!important}.skeleton-dashboard-page .leaderboard .podium{margin-top:5px}.podium-place{padding:12px 6px!important}.podium-place h1{font-size:2rem!important}.podium-place-container .player-icon{width:52px!important;margin-bottom:10px!important}.podium-player-xp{padding:2px 6px!important;bottom:-18px!important}.podium-player-xp p{font-size:.65rem!important}.podium-place-container #player-name{padding:4px 0!important;font-size:.75rem!important}.skeleton-dashboard-page .skeleton-podium-name{margin:4px 0}.dashboard-mobile-jumpbar{background-color:var(--bg-card);border:1.5px solid var(--border-main);z-index:25;box-sizing:border-box;border-radius:999px;gap:8px;width:100%;padding:6px;position:sticky;top:64px;box-shadow:0 4px 14px #0000000f;display:flex!important}.dashboard-jump-pill{min-height:36px;color:var(--text-main);background-color:#7c3aed14;border-radius:999px;flex:1;justify-content:center;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.dashboard-jump-pill:active,.dashboard-jump-pill:hover{background-color:var(--primary-color);color:#fff}#dashboard-progress,#streak-calendar,#leaderboard{scroll-margin-top:116px}}.dashboard-mobile-jumpbar{display:none}