.streak-day-circle{width:40px;height:40px;border-radius:50%}.streak-day-circle.streak-day-inactive{border:5px solid #D4D4D8}.nav-item.nav-streak .nav-link{padding:.5rem 1rem}.nav-item.nav-streak .nav-link:hover{background-color:transparent}.nav-item.nav-streak .streak-indicator{color:#3f3f46;font-weight:600;font-size:.875rem;transition:all .2s ease}.nav-item.nav-streak .streak-indicator.checked:hover{color:#f59e0b}.nav-item.nav-streak .streak-count{min-width:20px;text-align:center}.nav-item.nav-streak .streak-dropdown-menu{min-width:300px;padding:0;margin-top:.5rem;border:1px solid #E4E4E7;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav-item.nav-streak .streak-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid #F4F4F5}.nav-item.nav-streak .streak-title{font-weight:600;font-size:1rem;color:#18181b}.nav-item.nav-streak .streak-current-number{font-size:1.5rem;font-weight:700;color:#3f3f46;margin-top:.25rem}.nav-item.nav-streak .streak-dropdown-days{display:flex;justify-content:space-between;padding:1rem 1.25rem;gap:.5rem}.nav-item.nav-streak .streak-day-item{display:flex;flex-direction:column;align-items:center;gap:.375rem}.nav-item.nav-streak .streak-day-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #D4D4D8;background-color:transparent;transition:all .2s ease}.nav-item.nav-streak .streak-day-circle.active{background-color:#f59e0b;border-color:#f59e0b}.nav-item.nav-streak .streak-day-label{font-size:.75rem;color:#71717a;font-weight:500}.nav-item.nav-streak .streak-dropdown-footer{position:relative;padding:0}.nav-item.nav-streak .streak-dropdown-footer:before{content:"";display:block;width:calc(100% - 2.5rem);margin:0 auto;border-top:1px solid #F4F4F5}.nav-item.nav-streak .streak-footer-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem}.nav-item.nav-streak .streak-more-link{color:#2563eb;font-weight:600;font-size:.875rem;text-decoration:none;transition:color .2s ease}.nav-item.nav-streak .streak-more-link:hover{color:#1d4ed8;text-decoration:underline}.nav-item.nav-streak .streak-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #D4D4D8;background-color:#fff}.nav-item.nav-streak .streak-icon-circle svg path{fill:#d4d4d8;stroke:none}.nav-item.nav-streak .streak-icon-circle.checked{border-color:#f59e0b}.nav-item.nav-streak .streak-icon-circle.checked svg path{fill:#f59e0b}@media(max-width:768px){.streak-day-circle{width:32px;height:32px}.streak-day-circle.streak-day-inactive{border-width:3px}.streak-zap-icon{height:28px}.streak-zap-icon svg{width:14px}}@media(max-width:480px){.streak-day-circle{width:28px;height:28px}.streak-day-circle.streak-day-inactive{border-width:2px}.streak-zap-icon svg{width:12px}}@media(max-width:991px){.nav-item.nav-streak{display:none}}.course-tools__icons .nav-item.nav-streak .streak-icon-circle{border:none;background:transparent;width:auto;height:auto;border-radius:0}.course-tools__icons .nav-item.nav-streak .streak-icon-circle svg{margin:0!important}.course-tools__icons .nav-item.nav-streak .streak-icon-circle svg path{fill:none;stroke:#d4d4d8}.course-tools__icons .nav-item.nav-streak .streak-icon-circle.checked{border:none;background:transparent}.course-tools__icons .nav-item.nav-streak .streak-icon-circle.checked svg path{fill:none;stroke:#f59e0b}.course-tools__icons .nav-item.nav-streak .streak-indicator.checked .streak-count{color:#f59e0b}.setting__option.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-bottom:8px;background:#fff;border:1px solid #E4E4E7;border-radius:8px;font-size:.875rem;color:#3f3f46;cursor:pointer;transition:border-color .2s ease}.setting__option.dropdown-item:hover{background:#fafafa;border-color:#a1a1aa}.setting__option.dropdown-item:last-child{margin-bottom:0}.checkin-history{max-width:1000px;border:3px solid #E4E4E7}.checkin-history .activity-widgets__body{padding:0}.streak-history{max-width:1000px;border:3px solid #E4E4E7}.daily-header{font-weight:600;font-size:1.125rem;line-height:1.75rem;color:#101828}.header-box-layout{display:flex;align-items:center;gap:8px}.description{font-weight:400;font-size:.875rem;line-height:1.25rem;color:#3f3f46}.button-layout{width:106px;height:36px;padding:6px 12px;font-weight:600;font-size:12px;line-height:24px;letter-spacing:-.011em;color:#344054;background:#fafafa;border:1px solid #b0b8c5;border-radius:2px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.button-layout:hover:not(:disabled),.button-layout:focus-visible:not(:disabled){background:#f0f8ff;border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 1px 2px #10182814;outline:none}.button-layout:active:not(:disabled){background:#dbeafe;border-color:#1e40af;color:#1e40af;transform:translateY(0)}.button-layout:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.leaderboard-podium-card{background:#f9fafb;border-radius:12px;padding:1.5rem 1rem;transition:transform .2s ease}.leaderboard-podium-card.leaderboard-podium-first{background:linear-gradient(135deg,#fef3c7,#fde68a);transform:translateY(-10px)}.podium{position:relative;text-align:center}.podium svg{width:100%;height:auto;display:block}.podium-content{position:absolute;top:105px;left:0;width:100%}.podium-content .name{font-weight:600;font-size:1.2rem;margin-bottom:4px}.podium-content .best-streak{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;margin-bottom:6px}.podium-content .score{font-weight:700;font-size:1.5rem}.leaderboard-table thead th{font-weight:600;font-size:1rem;color:#18181b;border-bottom:2px solid #E5E7EB;padding:.75rem 1rem}.leaderboard-table tbody td{padding:1rem;font-size:1rem;color:#101828}.leaderboard-table tbody tr{border-bottom:1px solid #F3F4F6}.leaderboard-user-row{background:linear-gradient(91.78deg,#ffb1e8 -27.3%,#9cc6ff 83.18%,#9d5bff 121.18%,#3489ff 142.35%)}.you-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(104.64deg,#f59e0b -17.67%,#ffe1ad 51.1%,#f59e0b 103.23%);border:1px solid #F79009;color:#1a1a1a;font-weight:600;font-size:.75rem;padding:0 6px;border-radius:999px}.podium-content svg{width:auto;height:auto}.show-on-mobile{display:none}.streak-days-wrapper{padding-left:3rem;padding-right:3rem}.streak-leaderboard-header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:767px){.streak-leaderboard-header{flex-direction:column;align-items:flex-start}.streak-leaderboard-header a{margin-top:4px}}.custom-streak-modal .modal-dialog{max-width:550px}.calendar-controls{padding:1.25rem 1.5rem}.calendar-controls-group{display:flex;align-items:center;gap:8px}.calendar-nav-btn{background:transparent;border:none;border-radius:0;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#3f3f46;transition:opacity .15s ease,transform .15s ease}.calendar-nav-btn:hover{opacity:.7}.calendar-nav-btn:active{opacity:.5}.calendar-nav-btn svg{display:block}.calendar-month-title{font-size:1.125rem;color:#344054;text-align:center}.calendar-grid{width:100%;min-width:995px}.calendar-scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.calendar-scroll-container::-webkit-scrollbar{height:6px}.calendar-scroll-container::-webkit-scrollbar-track{background:#f4f4f5}.calendar-scroll-container::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.calendar-scroll-container::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #E4E7EC}.calendar-day:nth-child(7n+1){border-left:none}.calendar-day:nth-child(7n){border-right:none}.calendar-weekday:first-child{border-left:none}.calendar-weekday:last-child{border-right:none}.calendar-day:nth-last-child(-n+7){border-bottom:none}.calendar-weekdays{gap:0}.calendar-days{transition:transform .25s ease,opacity .25s ease;transform:translate(0);opacity:1;will-change:transform}.calendar-days.slide-next{transform:translate(-40px);opacity:0}.calendar-days.slide-prev{transform:translate(40px);opacity:0}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#404040;padding:.6rem 0 .5rem}.calendar-day{aspect-ratio:1;display:grid;grid-template-rows:auto 1fr auto;padding:8px;font-size:.75rem;color:#71717a;background:#fff;position:relative;border-right:1px solid #E4E7EC;border-bottom:1px solid #E4E7EC}.calendar-day.empty{visibility:hidden}.calendar-day.other-month{background:#fafafa}.calendar-day.other-month .calendar-day-number{color:#d4d4d8}.calendar-day-number{justify-self:end;align-self:start;font-size:.75rem;font-weight:500;line-height:1;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s ease;color:#404040}.calendar-day-number.day-level-1{background:#f4f4f5;border:1px solid rgb(113,113,122)}.calendar-day-number.day-level-2{background:#fef3c7;border:1px solid rgb(245,158,11)}.calendar-day-number.day-level-3{background:#fcd34d;border:1px solid rgb(245,158,11)}.calendar-checkin-badge{justify-self:center;align-self:center;width:calc(100% - 12px);min-height:32px;max-height:48px;padding:6px 8px;background:#fff;border:1px solid #E4E7EC;border-radius:6px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:.7rem;font-weight:600;color:#344054;box-shadow:0 2px 6px #0000000f;cursor:pointer;transition:all .2s ease;overflow:hidden}.calendar-checkin-badge:hover{border-color:#a1a1aa;transform:translateY(-1px)}.calendar-checkin-badge:active{transform:translateY(0);box-shadow:none}.calendar-milestone-badge{justify-self:center;align-self:center;width:calc(100% - 12px);min-height:32px;max-height:48px;padding:6px 8px;margin-top:4px;background:#fff;border:1px solid #E4E7EC;border-radius:6px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:.7rem;font-weight:600;color:#344054;box-shadow:0 2px 6px #0000000f;cursor:pointer;transition:all .2s ease;overflow:hidden}.calendar-milestone-badge:hover{border-color:#a1a1aa;transform:translateY(-1px)}.calendar-milestone-badge:active{transform:translateY(0);box-shadow:none}.milestone-left,.checkin-left{width:24px;display:flex;align-items:center;justify-content:center;color:#344054;flex-shrink:0}.milestone-left svg,.checkin-left svg{width:13px;height:15px}.milestone-text,.checkin-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.milestone-course-pill{display:inline-block;padding:2px 8px;background:#f4f4f5;border:1px solid rgb(161,161,170);border-radius:999px;font-size:.75rem;font-weight:400;color:#18181b;white-space:nowrap;box-shadow:1px 2px 4px #3333331a;margin-left:3px}@media screen and (max-width:575px){.podium-wrapper.hide-on-mobile{display:none!important}.show-on-mobile{display:table-row!important}.calendar-month-title{font-size:1rem}.calendar-weekday{font-size:.625rem;padding:.25rem 0}.calendar-controls{padding:.75rem 1rem}.calendar-nav-btn{padding:.375rem}.calendar-nav-btn svg{width:16px;height:16px}.checkin-history .activity-widgets__header .dcd-btn{font-size:.75rem;margin-top:.7rem}.streak-days-wrapper{padding-left:.8rem;padding-right:.8rem}.calendar-grid{min-width:720px}.calendar-day{padding:4px;font-size:.65rem}.calendar-day-number{font-size:.65rem;min-width:16px;min-height:16px}.calendar-checkin-badge,.calendar-milestone-badge{min-height:34px;max-height:34px;padding:3px 6px;font-size:.6rem;border-radius:4px}.milestone-left,.checkin-left{width:16px}.milestone-left svg,.checkin-left svg{width:10px;height:12px}}@media screen and (max-width:480px){.custom-streak-modal .podium-content .name{font-size:.85rem}.custom-streak-modal .podium-content .best-streak{font-size:.75rem}.custom-streak-modal .podium-content .score{font-size:1.1rem}.custom-streak-modal .leaderboard-table thead th,.custom-streak-modal .leaderboard-table tbody td{font-size:.85rem}.custom-streak-modal .you-pill{font-size:.65rem}}