.profile-page{grid-template:"sidebar main"/240px minmax(0,1fr);align-items:stretch;height:auto;min-height:100dvh;transition:grid-template-columns .2s;overflow:visible}.profile-page>.sidebar{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0;overflow:hidden}.profile-page>.sidebar>.sidebar-nav{flex:auto}.profile-page main{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:24px;display:flex;overflow:visible}.profile-content{box-sizing:border-box;scrollbar-gutter:auto;flex:none;width:100%;min-width:0;max-width:1440px;min-height:auto;margin-inline:auto;overflow:visible}.profile-page p{font-size:calc(clamp(.75rem,1.75vw,1.25rem) - .25rem)}.profile-page-heading,.profile-panel-heading,.profile-name-line,.profile-meta,.profile-stat-card{align-items:center;display:flex}.profile-page-heading{justify-content:space-between;gap:20px;margin-bottom:28px}.profile-page-heading h1{color:var(--primary-color)}.profile-heading-copy{margin-top:4px}.profile-icon-button{border:1px solid var(--border-main);background:var(--bg-card);width:36px;height:36px;color:var(--text-main);font:600 .9rem var(--font-montserrat), sans-serif;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.profile-icon-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.profile-icon-button:active{transform:scale(.97)}.profile-header{isolation:isolate;position:relative;overflow:hidden}.profile-hero{z-index:2;background:var(--primary-color);border:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;gap:24px;height:160px;padding:16px;display:flex;position:relative;overflow:visible}.profile-details{z-index:1;background-color:var(--bg-card);border:1px solid var(--border-main);border-top:none;border-radius:0 0 12px 12px;padding-top:56px;padding-bottom:28px;position:relative}.profile-hero:before,.profile-hero:after{z-index:0;content:"";pointer-events:none;width:300px;height:150px;position:absolute;bottom:0}.profile-hero:before{background:url(/assets/landing-page/Clouds-left.svg) 0 100%/contain no-repeat;left:0}.profile-hero:after{background:url(/assets/landing-page/Clouds-right.svg) 100% 100%/contain no-repeat;right:0}.profile-avatar{z-index:2;color:#1f2937;width:120px;height:120px;font:700 2.5rem var(--font-poppins), sans-serif;border:4px solid var(--bg-card);border-radius:1000px;flex:0 0 96px;place-items:center;display:grid;position:absolute;bottom:-56px}.profile-identity{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.profile-name-line{flex-wrap:wrap;gap:12px;margin-bottom:-4px}.profile-name-line h2{color:var(--text-inverse)}.profile-identity>p{margin-top:4px}.profile-meta{color:#ffffffd1;font:500 .75rem var(--font-montserrat), sans-serif;flex-wrap:wrap;gap:12px;margin-top:12px}.profile-meta small{color:var(--text-muted);align-items:center;gap:8px;display:inline-flex}.profile-meta small svg{color:var(--text-muted)}.profile-meta svg{width:16px;height:16px;color:var(--text-inverse)}.profile-statistics{margin:20px 0}.profile-statistics-title{color:var(--text-main);align-items:center;gap:8px;display:flex}.profile-statistics-title svg{width:20px;height:20px;color:var(--primary-color)}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.profile-stat-card{border:1px solid var(--border-main);background:var(--bg-card);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;min-height:104px;padding:16px 20px;display:flex;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a}.profile-stat-main{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.profile-stat-icon{border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.profile-stat-icon svg{width:24px;height:24px}.profile-stat-icon-purple{background:var(--selected-background-color);color:var(--primary-color)}.profile-stat-icon-orange{color:#e68a37;background:#ff9b4824}.profile-stat-icon-green{color:#329b6a;background:#46b98521}.profile-stat-main>div{flex-direction:column;min-width:0;display:flex}.profile-stat-main>div strong{color:var(--text-main);font:700 1.25rem var(--font-poppins), sans-serif;white-space:nowrap}.profile-stat-main>div span{color:var(--text-muted);font:500 .75rem var(--font-montserrat), sans-serif}.profile-stat-card>small{color:var(--text-muted);white-space:nowrap;width:100%}.profile-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.profile-about-panel{grid-area:1/1}.profile-activity-panel{grid-area:1/2}.profile-panel{border:1px solid var(--border-main);background:var(--bg-card);border-radius:20px;min-width:0;min-height:340px;padding:24px;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a}.profile-activity-panel{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.profile-about-panel{flex-direction:column;display:flex}.profile-panel-heading{justify-content:space-between;gap:12px}.profile-panel-heading h2,.activity-heading h2{color:var(--text-main)}.profile-section-title{align-items:center;gap:12px;display:inline-flex}.profile-section-title-icon,.activity-heading-icon{background:var(--selected-background-color);width:40px;height:40px;color:var(--primary-color);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.profile-section-title-icon svg{width:20px;height:20px}.activity-heading{align-items:center;gap:12px;display:flex}.activity-heading-icon{color:#ff7504;background:#ff75041a;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.activity-heading-icon svg{width:20px;height:20px}.activity-streak-status{align-items:center;gap:16px;display:flex}.activity-streak-flame{flex:0 0 84px;width:84px;height:96px}.activity-streak-copy{flex-wrap:wrap;align-items:baseline;column-gap:8px;min-width:0;display:flex}.activity-streak-copy strong{color:#ff7504;font:800 clamp(4rem, 6vw, 4.75rem)/1 var(--font-poppins), sans-serif;margin:0}.activity-streak-copy>span{color:#ff7504;font:700 .95rem var(--font-montserrat), sans-serif}.activity-streak-copy p{flex-basis:100%;margin-top:4px}.activity-week{justify-content:space-between;align-items:flex-start;gap:8px;padding-top:4px;display:flex}.activity-day-container{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.activity-day-marker{background:var(--selected-background-color);width:40px;height:40px;color:var(--text-inverse);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.activity-day-marker.is-complete{color:var(--text-inverse);background:#ff7504;border-color:#ff7504}.activity-day-marker.is-today{color:#ff7504;background:0 0;border-style:dashed;border-color:#ff7504}.activity-day-marker svg{width:20px;height:20px;display:none}.activity-day-marker.is-complete svg{display:block}.activity-day-name{color:var(--text-muted);font:500 .7rem var(--font-montserrat), sans-serif}.activity-goal{border-top:1px solid var(--border-main);align-self:stretch;width:100%;padding-top:20px}.activity-goal-labels{color:var(--text-muted);font:500 .7rem var(--font-montserrat), sans-serif;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.activity-goal-labels strong{color:var(--text-main);font-weight:700}.activity-goal-labels>span:last-child{color:#ff7504;font-weight:700}.activity-goal-track{background:var(--border-main);border-radius:100px;height:8px;margin-top:8px;overflow:hidden}.activity-goal-track span{border-radius:inherit;background:#ff7504;height:100%;transition:width .18s;display:block}.activity-goal>p{margin-top:8px}.profile-icon-button svg{width:16px;height:16px}.profile-details-list{margin-top:12px}.profile-details-list>div{border-bottom:1px solid var(--border-main);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0;display:flex}.profile-details-list dt{color:var(--text-muted);font:500 .9rem var(--font-montserrat), sans-serif}.profile-details-list dd{color:var(--text-main);font:600 .9rem var(--font-montserrat), sans-serif;text-align:right}.profile-details-form,.profile-password-form{flex-direction:column;gap:12px;display:flex}.profile-details-form{margin-top:16px}.profile-details-input-group,.profile-password-input-group{border:1.5px solid var(--border-main);background:color-mix(in srgb, var(--bg-card) 88%, transparent);border-radius:16px;align-items:center;gap:4px;width:100%;min-height:52px;padding:12px 16px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px 1px #00000005}.profile-details-input-group:focus-within,.profile-password-input-group:focus-within{border-color:var(--primary-color);background:var(--bg-card);box-shadow:0 8px 20px #9966ff1f}.profile-details-field-icon,.profile-password-field-icon{width:20px;height:20px;color:var(--primary-color);flex:0 0 20px;place-items:center;display:grid}.profile-details-field-icon svg,.profile-password-field-icon svg{width:20px;height:20px}.profile-page .profile-details-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.profile-page .profile-details-form select,.profile-page .profile-password-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]){width:100%;min-width:0;min-height:24px;color:var(--text-main);font:500 .9rem/1.2 var(--font-montserrat), sans-serif;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0 0 0 8px}.profile-page .profile-details-form select{cursor:pointer}.profile-page .profile-details-form select option{background:var(--bg-card);color:var(--text-main)}.profile-details-input-group input::placeholder,.profile-password-input-group input::placeholder{color:#0000}.profile-details-floating-label,.profile-password-floating-label{color:var(--text-muted);font:500 .9rem var(--font-montserrat), sans-serif;pointer-events:none;white-space:nowrap;background:0 0;border-radius:4px;padding:0;transition:all .18s;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.profile-details-floating-label--select,.profile-details-input-group:focus-within .profile-details-floating-label,.profile-details-input-group input:focus+.profile-details-floating-label,.profile-details-input-group input:not(:placeholder-shown)+.profile-details-floating-label,.profile-password-input-group:focus-within .profile-password-floating-label,.profile-password-input-group input:focus+.profile-password-floating-label,.profile-password-input-group input:not(:placeholder-shown)+.profile-password-floating-label{background:var(--bg-card);color:var(--primary-color);padding:0 8px;font-size:.7rem;font-weight:700;top:-8px;left:20px;transform:none}.profile-form-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.profile-save-button,.profile-cancel-button{min-height:36px;font:700 .7rem var(--font-montserrat), sans-serif;cursor:pointer;border-radius:8px;padding:8px 12px}.profile-save-button{border:1px solid var(--primary-color);background:var(--primary-color);color:var(--text-inverse)}.profile-cancel-button{border:1px solid var(--border-main);color:var(--text-main);background:0 0}.profile-save-message{color:#329b6a;font:500 .7rem var(--font-montserrat), sans-serif;margin-top:8px}.profile-password-section{margin-top:12px}.profile-password-toggle{color:var(--primary-color);font:700 .75rem var(--font-montserrat), sans-serif;cursor:pointer;background:0 0;border:0;padding:4px 0}.profile-password-toggle:hover{text-underline-offset:4px;text-decoration:underline}.profile-password-form{align-items:stretch;margin-top:16px}.profile-password-field{min-width:0}.profile-password-strength{flex-direction:column;gap:8px;margin-top:-4px;display:flex}.profile-password-strength-hint{color:var(--text-muted);font:600 .7rem var(--font-montserrat), sans-serif;margin:0}.profile-password-strength-hint.is-good{color:#2f8a4e}.profile-password-strength-track{gap:4px;display:flex}.profile-password-strength-segment{background:var(--border-main);border-radius:1000px;flex:1;height:4px;transition:background-color .3s}.profile-password-message{color:#b3261e;font:600 .7rem/1.5 var(--font-montserrat), sans-serif;margin:0}.profile-password-form .profile-form-actions{margin-top:4px}@media (max-width:768px){.profile-page,.profile-page.quiz-page{flex-direction:column!important;height:auto!important;min-height:100dvh!important;display:flex!important;overflow:visible!important}.profile-page.quiz-page:not(.quiz-no-footer-page)>main{--profile-gutter:24px;height:auto!important;min-height:0!important;padding:24px var(--profile-gutter) 32px!important;flex:none!important;align-items:stretch!important;overflow:visible!important}.profile-content{scrollbar-gutter:auto;flex:none!important;margin-inline:auto!important;padding:16px 12px!important;overflow:visible!important}.profile-page-heading{gap:12px;margin-bottom:16px}.profile-details{padding-top:36px;padding-bottom:16px}.profile-hero{gap:16px;height:120px;padding:20px 16px}.profile-avatar{flex-basis:72px;width:72px;height:72px;font-size:1.35rem;bottom:-36px}.profile-hero:before,.profile-hero:after{width:180px;height:104px;bottom:0}.profile-hero:before{left:-80px}.profile-hero:after{right:-80px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-stat-card{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:92px;padding:16px}.profile-stat-main{width:auto}.profile-stat-card>small{text-align:left;white-space:normal;flex-basis:100%;width:auto;margin-left:0}.profile-skeleton .profile-stat-card>.profile-skeleton-stat-note{flex-basis:100%;margin-left:0}.profile-details-grid{grid-template-columns:1fr;gap:16px}.profile-about-panel,.profile-activity-panel{grid-area:auto/1}.profile-panel{min-height:0;padding:20px 16px}.profile-details-list>div{flex-flow:column wrap;align-items:flex-start;gap:4px 16px;height:auto;min-height:52px;padding:8px 0}.profile-details-list dd{overflow-wrap:anywhere}.profile-form-actions{flex-wrap:wrap}.profile-save-button,.profile-cancel-button{min-height:44px;padding:12px 16px;font-size:.85rem}.profile-icon-button{width:44px;height:44px}.activity-streak-flame{flex-basis:64px;width:64px;height:76px}.activity-streak-copy strong{font-size:3rem}}@media (max-width:380px){.profile-hero{text-align:center;flex-direction:column;align-items:center}.profile-name-line,.profile-meta{justify-content:center}.profile-stats{grid-template-columns:1fr}.activity-day-marker{width:36px;height:36px}}.profile-skeleton .profile-skeleton-name,.profile-skeleton .profile-skeleton-handle,.profile-skeleton .profile-skeleton-joined,.profile-skeleton .profile-skeleton-calendar-icon,.profile-skeleton .profile-skeleton-stat-heading,.profile-skeleton .profile-skeleton-stat-heading-icon,.profile-skeleton .profile-skeleton-stat-value,.profile-skeleton .profile-skeleton-stat-label,.profile-skeleton .profile-skeleton-stat-note,.profile-skeleton .profile-skeleton-panel-icon,.profile-skeleton .profile-skeleton-panel-title,.profile-skeleton .profile-skeleton-edit,.profile-skeleton .profile-skeleton-activity-icon,.profile-skeleton .profile-skeleton-activity-title,.profile-skeleton .profile-skeleton-flame,.profile-skeleton .profile-skeleton-streak-count,.profile-skeleton .profile-skeleton-streak-label,.profile-skeleton .profile-skeleton-streak-description,.profile-skeleton .profile-skeleton-day,.profile-skeleton .profile-skeleton-day-name,.profile-skeleton .profile-skeleton-goal-label,.profile-skeleton .profile-skeleton-goal-percent,.profile-skeleton .profile-skeleton-goal-caption,.profile-skeleton .profile-skeleton-link,.profile-skeleton .profile-skeleton-details span{display:block}.profile-skeleton .profile-content{align-self:stretch}.profile-skeleton .profile-hero{isolation:isolate;align-self:stretch;width:100%;max-width:none}.profile-skeleton .profile-skeleton-avatar{background:var(--border-main)}.profile-skeleton .profile-skeleton-name{background:linear-gradient(90deg,#fff3 20%,#ffffff7a 50%,#fff3 80%) 0 0/200% 100%;border-radius:8px;width:180px;max-width:100%;height:1.3em}.profile-skeleton .profile-skeleton-handle{background:linear-gradient(90deg,#fff3 20%,#ffffff7a 50%,#fff3 80%) 0 0/200% 100%;width:128px;height:.9em;margin-top:8px}.profile-skeleton .profile-skeleton-joined{background:linear-gradient(90deg,#fff3 20%,#ffffff7a 50%,#fff3 80%) 0 0/200% 100%;width:120px;height:.8em}.profile-skeleton .profile-skeleton-calendar-icon{border-radius:3px;width:16px;height:16px}.profile-skeleton .profile-skeleton-stat-heading-icon{border-radius:50%;width:20px;height:20px}.profile-skeleton .profile-skeleton-stat-heading{width:112px;height:1.2em}.profile-skeleton .profile-skeleton-stat-icon{border-radius:12px}.profile-skeleton .profile-skeleton-stat-value{width:72px;height:1.2em}.profile-skeleton .profile-skeleton-stat-label{width:96px;max-width:100%;height:.9em}.profile-skeleton .profile-skeleton-stat-note{width:60px;height:.8em;margin-left:auto}.profile-skeleton .profile-skeleton-panel-icon,.profile-skeleton .profile-skeleton-activity-icon{flex:0 0 40px}.profile-skeleton .profile-skeleton-panel-title{width:120px;height:1.2em}.profile-skeleton .profile-skeleton-edit{pointer-events:none}.profile-skeleton-details{margin-top:12px}.profile-skeleton .profile-skeleton-details dt span{width:88px;height:1em}.profile-skeleton .profile-skeleton-details dd span{width:128px;max-width:45vw;height:1em}.profile-skeleton .profile-skeleton-link{width:92px;height:.9em;margin-top:16px}.profile-skeleton .profile-skeleton-activity-title{width:92px;height:1.2em}.profile-skeleton .profile-skeleton-flame{border-radius:42% 58% 55% 45%;flex:0 0 84px;width:84px;height:96px}.profile-skeleton .profile-skeleton-streak-count{width:48px;height:1.1em}.profile-skeleton .profile-skeleton-streak-label{width:92px;height:.9em}.profile-skeleton .profile-skeleton-streak-description{width:220px;max-width:100%;height:.8em;margin-top:8px}.profile-skeleton .profile-skeleton-day{border-color:#0000}.profile-skeleton .profile-skeleton-day-name{width:12px;height:.8em}.profile-skeleton .profile-skeleton-goal-label{width:128px;height:.9em}.profile-skeleton .profile-skeleton-goal-percent{width:32px;height:.9em}.profile-skeleton .profile-skeleton-goal-fill{background:var(--primary-color);opacity:.55;width:57%}.profile-skeleton .profile-skeleton-goal-caption{width:180px;max-width:100%;height:.8em;margin-top:8px}@media (max-width:768px){.profile-skeleton.profile-page>main{padding:24px 24px 32px!important}.profile-skeleton .profile-content{padding:16px 12px!important}.profile-skeleton .profile-skeleton-avatar{flex-basis:72px}.profile-skeleton .profile-skeleton-flame{flex-basis:64px;width:64px;height:76px}}