html[data-design] #main .profileCover{display:block;overflow:hidden;padding:0!important;border-radius:26px;background:linear-gradient(145deg,#3d918d3b,#3693ac24);border:1px solid var(--border);margin-bottom:24px}.profileTopline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 20px 0}.profileTopline h1{font-size:30px;line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}.profileTopline p{font-size:12px;color:var(--sub);margin:0}.profileTopActions{display:flex;gap:6px;flex:none}.profileTopActions button{display:grid;place-items:center;padding:10px;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.profileTopActions svg{width:23px;height:23px}.profileCharacterStage{position:relative;display:flex;justify-content:center;align-items:flex-end;height:200px;overflow:hidden;margin-top:12px}.profileCharacterStage:after{content:'';position:absolute;bottom:-62px;width:125%;height:130px;border-radius:50%;background:#3faca429;z-index:0}.profileStageSun{position:absolute;top:8px;right:13%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#e7cd9322,transparent 72%)}.profileCharacter{position:relative;z-index:1;width:184px;height:184px;transform:translateY(9px)}html #main .profileCharacter .characterAvatar,.profileCharacter>svg{width:100%;height:100%;border:0;border-radius:0;background:none;object-fit:contain;filter:drop-shadow(0 12px 9px #062e3b33)}.profileCourseTag{position:absolute;bottom:13px;right:13px;z-index:2;display:flex;align-items:center;gap:5px;font-size:10px;padding:8px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.profileCourseTag svg{width:20px;height:14px}html #main .profileProgressSummary{padding:20px;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0 0 26px}html #main .profileProgressSummary h2{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:var(--sub);margin-bottom:20px}.profileProgressSummary .profileMetricGrid{border:0;margin:0}.profileProgressSummary .profileMetric{border:0!important;padding:0 12px 0 0!important}.profileProgressSummary .profileMetric dd{margin-top:8px}.profileProgressSummary .profileMetric dd strong{font-size:32px}html #main .profileProgressSummary .profileMetric dt{font-size:13px}.profileMetric.streak svg{color:#efbd72}.profileMetric.xp svg{color:#ecd364}
html #main .milestoneGrid{gap:12px}html #main .milestoneCard{border-radius:22px;padding:20px 12px 16px;min-height:225px;background:var(--surface);border-bottom-width:4px}html #main .milestoneMedallion{width:72px;height:76px;border-radius:24px;background:linear-gradient(140deg,#87c7ed30,#6c9fc11b);border:1px solid #79b5d44a;color:#83ccec;margin-bottom:12px}html #main .milestoneMedallion>svg{width:46px;height:46px;filter:drop-shadow(0 3px 0 #072e3644)}html #main .milestoneCard.isEarned .milestoneMedallion{background:linear-gradient(145deg,#f5db743d,#dfa96121);border-color:#e7bd6655;color:#edcb78}html #main .milestoneCard[data-badge-tone=streak] .milestoneMedallion{color:#efa46c;background:#ee9a681a}html #main .milestoneCard[data-badge-tone=story] .milestoneMedallion{color:#c29fe7;background:#b89be51d}html #main .milestoneCard[data-badge-tone=xp] .milestoneMedallion{color:#ebcf68;background:#dec56b1b}html #main .milestoneCard>strong{font-size:16px;line-height:1.4}html #main .milestoneCard .milestoneState{font-size:12px;margin:8px 0 14px}html #main .milestoneCard:hover .milestoneMedallion{transform:translateY(-4px) rotate(-4deg)}.milestoneMedallion{transition:transform .2s}
.settingsIntro{font-size:15px;line-height:1.7;color:var(--sub);margin:0 0 24px}.settingsGroup{padding:12px 0 24px;border-bottom:1px solid var(--border);margin-bottom:18px}.settingsGroup>h2{font:600 12px/1.5 Outfit,sans-serif;color:var(--sub);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px}html #modal .settingsLink{display:flex;align-items:center;gap:14px;background:none;border:0;border-radius:0;padding:18px 0;width:100%;min-height:72px;text-align:left;color:var(--text)}.settingsLinkIcon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--surface);color:var(--green);flex:none}.settingsLinkIcon svg{width:22px;height:22px}.settingsLink>span:nth-child(2){flex:1}.settingsLink strong{display:block;font-size:18px;font-weight:600;line-height:1.4}.settingsLink small{display:block;font-size:12px;color:var(--sub);margin-top:4px}.settingsLink>svg{width:19px;height:19px;color:var(--sub);flex:none}.settingsAccount>small{display:block;color:var(--sub);margin:0 0 20px;font-size:13px;overflow-wrap:anywhere}.settingsAccount>button{width:100%;min-height:50px}.settingsVersion{font-size:12px;color:var(--sub);text-align:center;line-height:1.6;margin-top:24px}.preferencesContent .settingsrow{gap:14px;flex-wrap:wrap;padding:20px 0}.preferencesContent .settingsrow>label{font-size:15px;line-height:1.5}.preferencesContent .settingsrow:has(.goalChips){display:block}.preferencesContent .goalChips{margin-top:14px;width:100%}.preferencesContent .settingsrow[hidden]{display:none!important}.themeChips{display:flex;gap:8px}.themeChips button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:12px;min-height:44px;padding:8px 12px;background:var(--surface);color:var(--sub);font-size:13px}.themeChips button[aria-pressed=true]{border-color:var(--green);background:#4bdbba15;color:var(--green)}.themeChips svg{width:18px;height:18px}.preferencesContent>.muted,.preferencesContent>.note{display:none}.preferencesContent .dailyReminderSettings{margin:0;padding:0;border:0;border-radius:0;background:none}.preferencesContent .dailyReminderSettings h3{font-size:22px}.appLanguageChoices{display:grid;gap:12px}.appLanguageChoices button{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);min-height:66px}.appLanguageChoices button[aria-pressed=true]{border-color:var(--green);color:var(--green)}.appLanguageChoices svg{width:24px;height:24px}.helpQuestion{padding:20px 0;border-bottom:1px solid var(--border)}.helpQuestion summary{font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}.helpQuestion p{font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:0}.settingsHelp #helpReport{width:100%;margin-top:28px;min-height:50px}.supportEmail{display:block;text-align:center;color:var(--green);font-size:14px;margin:20px 0}#supportForm>label:not(.supportUpload){display:block;font-size:15px;font-weight:600;margin:22px 0 10px}#supportForm>input:not([hidden]),#supportForm>textarea{width:100%;padding:15px;border:1px solid var(--border);border-radius:15px;color:var(--text);background:var(--surface);font:400 16px/1.6 inherit;min-height:52px}#supportForm>textarea{min-height:150px;resize:vertical}.supportType{padding:0;border:0;margin:24px 0}.supportType legend{font-size:15px;font-weight:600;margin-bottom:12px}.supportType>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.supportType button{padding:12px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--sub);min-height:47px;font-size:13px}.supportType button[aria-pressed=true]{color:var(--green);border-color:var(--green)}.supportUpload{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border:1px dashed var(--border);border-radius:17px;color:var(--green);font-size:14px;cursor:pointer}.supportUpload svg{width:28px;height:28px}.supportUpload small,.supportNote{font-size:12px;color:var(--sub);line-height:1.6}.supportNote{margin:20px 0}#supportFileName{font-size:12px;color:var(--sub);overflow-wrap:anywhere;margin-top:10px}#supportFileName button{display:block;min-height:44px;color:var(--green)}html #modal #sendSupport{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:52px;text-transform:none;letter-spacing:0}#supportStatus{font-size:14px;line-height:1.6;color:var(--sub)}.supportReceipt{text-align:center;padding:40px 0}.supportReceipt>svg{width:60px;height:60px;color:var(--green)}.supportReceipt p{font-size:15px;color:var(--sub);line-height:1.6;overflow-wrap:anywhere}.supportReceipt button{width:100%;margin-top:24px;min-height:50px}
@media(max-width:350px){.profileTopline{padding:18px 15px 0}.profileTopline h1{font-size:26px}.profileTopActions{gap:3px}.profileTopActions button{padding:8px}.profileCourseTag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.milestoneMedallion{transition:none}.milestoneCard:hover .milestoneMedallion{transform:none!important}}
.accountEntryLoading{display:flex;min-height:65dvh;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center}.accountEntryLoading h1{font-size:24px;line-height:1.4;color:var(--text)}

/* Reserve a full row for the portrait and a separate row for its course label. */
html[data-design] #main .profileCover .profileCharacterStage{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:16px;height:auto;min-height:0;margin-top:12px;padding:16px 16px 18px}
html[data-design] #main .profileCover .profileCharacter{width:184px;height:184px;max-width:100%;transform:none}
html[data-design] #main .profileCover .profileCourseTag{position:relative;inset:auto;justify-self:end;box-sizing:border-box;max-width:100%;margin:0;font-size:11px;line-height:1.5;white-space:normal}
html[data-design] #main .profileCover .profileCourseTag svg{flex:none}