.top-actions{padding-right:126px}.avatar-corner{position:fixed;top:16px;right:4%;z-index:30;height:48px;min-width:110px;padding:4px 10px 4px 4px!important;border-radius:16px!important;overflow:hidden;background:#e6eef7!important;color:#142347!important;display:flex;align-items:center;gap:8px;flex-shrink:0}.avatar-corner .avatar-art{width:40px;height:40px;flex:0 0 40px;text-align:center;line-height:40px}.avatar-label{font-size:1rem;color:#142347!important}
.avatar-art{display:block;width:100%;height:100%;font-size:2rem}.avatar-art svg{display:block;width:100%;height:100%}
.avatar-dialog{width:min(650px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:22px;padding:24px;background:var(--surface,#fff);color:var(--ink)}.avatar-dialog::backdrop{background:#091427b0}
.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.avatar-grid button{padding:0;border-radius:18px;overflow:hidden;aspect-ratio:1}.avatar-grid button[aria-pressed=true]{outline:3px solid var(--teal);outline-offset:3px}.avatar-preview{width:100px;height:100px;margin:20px auto}.avatar-welcome{padding:20px;text-align:center}
.goal-journey,.goal-home{padding:24px}.goal-home h2{font-size:1.5rem}.goal-milestones{list-style:none;display:flex;gap:0;overflow:auto;padding:0;margin:24px 0;border-block:1px solid var(--border)}.goal-milestones li{min-width:150px;padding:18px;border-right:1px solid var(--border)}.goal-milestones strong,.goal-milestones span{display:block;line-height:1.6}.goal-milestones strong{color:var(--teal)}
.goal-progress-card{padding:20px;margin:18px 0;border:1px solid var(--border);border-radius:18px;background:var(--soft-surface,#edf3fb)}.goal-progress-card h3{border:0;padding:0;margin:0 0 12px;font-size:1.2rem}.goal-progress-card progress{width:100%;height:18px;accent-color:#187d77}.goal-progress-card form{max-width:480px;margin-top:20px}.goal-progress-card input{display:block;width:100%;margin-top:8px}.goal-warning{padding:16px;background:#fff0db;color:#654621;border-radius:12px}.goal-change{font-weight:600}
:root.dark-theme .avatar-dialog{background:#16243a;color:#edf3ff}:root.dark-theme .goal-warning{background:#3d3023;color:#ffe2b4}:root.dark-theme .goal-progress-card{background:#1d2e46}:root.dark-theme .goal-milestones strong{color:#91e7d7}
@media(max-width:780px){.top-actions{padding-right:0;padding-top:52px}.avatar-corner{right:5%;top:12px}}
@media(max-width:600px){.avatar-corner{height:44px;min-width:104px}.avatar-corner .avatar-art{width:36px;height:36px;flex-basis:36px;line-height:36px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.avatar-dialog,.goal-journey,.goal-home{padding:18px}.goal-progress-card{padding:16px}.goal-milestones li{min-width:130px}}
@media print{.avatar-corner,.avatar-welcome,.avatar-dialog,.goal-progress-card form,.goal-journey button{display:none!important}}

.goal-journey,.goal-home,.goal-progress-card{min-width:0;overflow-wrap:anywhere}.goal-milestones{min-width:0;max-width:100%}.goal-progress-card form{min-width:0}

/* Keep the avatar in the header flow so it cannot cover charts or reading text. */
.top-actions{padding-right:0;padding-top:0}.avatar-corner{position:static}

