@property --buff-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.buff-center-section{--buff-orange:#ff6a00;--buff-orange-hover:#f05d00;--buff-orange-soft:#fff3ea;--buff-orange-hover-soft:#fff7f0;--buff-surface:#fff;--buff-glass:#ffffffb8;--buff-glass-strong:#ffffffd1;--buff-glass-line:#ffffffd6;--buff-ink:var(--text-primary);--buff-copy:var(--text-secondary);--buff-muted:var(--text-tertiary);--buff-faint:var(--text-muted);--buff-line:#d0d5ddb8;--buff-success:var(--text-success);--buff-success-soft:#ecfdf3;isolation:isolate;width:100%;max-width:var(--mypage-content-max,1520px);color:var(--buff-ink);font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:0;margin:0 auto;padding:8px 0 64px;font-weight:400;position:relative;container:buff-welcome-workspace/inline-size}.buff-center-section *,.buff-center-section :before,.buff-center-section :after{box-sizing:border-box}.buff-center-section button{font:inherit;font-size:var(--text-body-size);font-weight:500;line-height:20px}.buff-center-section button:focus-visible{outline-offset:3px;outline:3px solid #ff6a0038}.buff-center-welcome,.buff-center-weekly,.buff-center-growth,.buff-center-invite-detail{isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(112%);backdrop-filter:blur(16px)saturate(112%);background:#ffffffb3;border:1px solid #d0d5ddb8;position:relative;overflow:hidden}.buff-center-welcome:after,.buff-center-weekly:after,.buff-center-growth:after,.buff-center-invite-detail:after{z-index:2;border-radius:inherit;background:conic-gradient(from var(--buff-border-angle),transparent 0deg 302deg,#ff6a0014 312deg,#ff6a0057 326deg,#ff6a00 338deg,#ff6a0047 350deg,transparent 360deg);content:"";-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:5.6s linear infinite buff-center-border-orbit;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes buff-center-border-orbit{to{--buff-border-angle:360deg}}.buff-center-welcome{border-radius:24px;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;min-height:156px;margin-bottom:28px;padding:30px 32px;display:grid}.buff-center-welcome[data-has-unlocked=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"lead summary""preference preference""next next";column-gap:32px}.buff-center-welcome[data-has-unlocked=true] .buff-center-welcome-lead{grid-area:lead}.buff-center-welcome-lead{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;min-width:0;display:grid}.buff-center-welcome-animation{pointer-events:none;width:160px;height:90px}.buff-center-welcome>*{z-index:2;position:relative}.buff-center-welcome-copy{min-width:0}.buff-center-welcome h1{color:var(--buff-ink);font-size:var(--text-h1-size);line-height:var(--text-h1-line);letter-spacing:0;margin:0;font-weight:700}.buff-center-welcome-copy>span{color:var(--buff-muted);font-size:var(--text-body-size);line-height:var(--text-body-line);margin-top:10px;display:block}.buff-center-summary{background:0 0;border:0;min-width:0;margin:0 0 0 auto;padding:0;display:flex}.buff-center-summary-item{align-items:baseline;gap:8px;display:flex}.buff-center-summary-item dt{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-summary-item dd{color:var(--buff-ink);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:600}.buff-center-onboarding{border:1px solid var(--buff-line);background:var(--buff-glass-strong);-webkit-backdrop-filter:blur(24px)saturate(128%);backdrop-filter:blur(24px)saturate(128%);border-radius:20px;margin-bottom:28px;padding:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 18px 48px #3440540d;container:buff-onboarding/inline-size}.buff-center-onboarding-head h2,.buff-center-unlocked-head h2,.buff-center-weekly-head h2,.buff-center-growth h3,.buff-center-growth-detail h2,.buff-center-invite-detail h2{color:var(--buff-ink);font-size:var(--text-h2-size);line-height:var(--text-h2-line);letter-spacing:0;margin:0;font-weight:600}.buff-center-unlocked-head>p,.buff-center-weekly-head p,.buff-center-growth header p{color:var(--buff-muted);line-height:var(--text-body-line);margin:8px 0 0}.buff-center-onboarding-overview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}.buff-center-onboarding-lead{min-width:0}.buff-center-onboarding-head{align-items:baseline;gap:12px;display:flex}.buff-center-onboarding-head h2{flex-shrink:0}.buff-center-onboarding-head p{min-width:0;color:var(--buff-muted);line-height:var(--text-body-line);margin:0}@container buff-onboarding (max-width:820px){.buff-center-onboarding-overview{grid-template-columns:minmax(0,1fr)}}@container buff-onboarding (max-width:540px){.buff-center-onboarding-head{display:block}.buff-center-onboarding-head p{margin-top:8px}}.buff-center-onboarding-progress{grid-template-columns:1fr auto;gap:10px 16px;margin:24px 0 0;display:grid}.buff-center-onboarding-progress>span{color:var(--buff-copy);font-weight:600}.buff-center-onboarding-progress>strong{color:var(--brand-action);font-variant-numeric:tabular-nums}.buff-center-onboarding-progress>div{background:#f2f4f7;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.buff-center-onboarding-progress>div span{border-radius:inherit;background:var(--buff-orange);height:100%;transition:width .24s;display:block}.buff-center-steps{border-top:1px solid var(--buff-line);margin:8px 0 0;padding:0;list-style:none}.buff-center-step{border-bottom:1px solid var(--buff-line);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:106px;padding:20px 4px;display:grid}.buff-center-step-state{width:26px;height:26px;color:var(--buff-success);background:var(--buff-success-soft);border-radius:50%;justify-self:center;place-items:center;display:grid}.buff-center-step-arrow{color:#98a2b3;width:48px;height:28px;display:block}.buff-center-step[data-status=current] .buff-center-step-arrow{color:var(--brand-action)}.buff-center-step[data-status=current] .buff-center-step-arrow-art{filter:brightness(0)saturate()invert(48%)sepia(99%)saturate(4199%)hue-rotate(359deg)brightness(101%)contrast(103%)}.buff-center-step[data-status=pending] .buff-center-step-arrow-art{filter:brightness(0)saturate()invert(68%)sepia(10%)saturate(474%)hue-rotate(178deg)brightness(92%)contrast(88%)}.buff-center-step[data-status=skipped] .buff-center-step-arrow{opacity:.58}.buff-center-step[data-status=skipped] .buff-center-step-arrow-art{filter:brightness(0)saturate()invert(68%)sepia(10%)saturate(474%)hue-rotate(178deg)brightness(92%)contrast(88%)}.buff-center-step-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.buff-center-step-heading{min-width:0;line-height:var(--text-h3-line);flex-wrap:wrap;align-items:baseline;gap:0 7px;display:flex}.buff-center-step-heading>span{color:var(--brand-action);font-size:var(--text-body-sm-size);font-weight:600;line-height:var(--text-body-sm-line)}.buff-center-step-heading>i{color:var(--buff-faint);font-style:normal}.buff-center-step-heading>small{color:var(--buff-faint);font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line)}.buff-center-step-heading>strong{color:var(--buff-ink);font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line)}.buff-center-step-copy>span:not(.buff-center-step-visually-hidden){color:var(--buff-muted);line-height:var(--text-body-line)}.buff-center-step-actions,.buff-center-preference-actions{align-items:center;gap:10px;display:flex}.buff-center-step-cta,.buff-center-back{min-height:40px;color:var(--buff-copy);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);cursor:pointer;background:#ffffff94;border:1px solid #d0d5dd;border-radius:10px;font-weight:500}.buff-center-step-cta{font-size:var(--text-body-size);align-items:center;gap:5px;padding:0 15px;font-weight:500;line-height:20px;display:inline-flex}.buff-center-step-done-text{color:var(--buff-success);font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line)}.buff-center-step-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.buff-center-onboarding-note{-webkit-backdrop-filter:blur(18px)saturate(132%);backdrop-filter:blur(18px)saturate(132%);background:#fff6efbd;border:1px solid #ff6a0033;border-radius:14px;min-width:0;padding:18px 20px;box-shadow:inset 0 1px #ffffffeb}.buff-center-onboarding-note-main,.buff-center-onboarding-note-sub{margin:0}.buff-center-onboarding-note-main{color:var(--buff-ink);font-size:var(--text-body-size);font-weight:500;line-height:var(--text-body-line);flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.buff-center-onboarding-note-main strong,.buff-center-onboarding-note-reward{color:var(--brand-action-hover);font-weight:700}.buff-center-onboarding-note-reward{margin-left:3px}.buff-center-onboarding-note-sub{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin-top:8px}.buff-center-unlocked{display:contents}.buff-center-unlocked-summary{grid-area:summary;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head""completion action""reward reward";gap:12px 16px;min-width:0;display:grid}@container buff-welcome-workspace (max-width:900px){.buff-center-welcome[data-has-unlocked=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"lead""summary""preference""next"}.buff-center-unlocked-summary{border-top:1px solid var(--buff-line);padding-top:20px}}.buff-center-unlocked-head{z-index:1;grid-area:head;min-width:0;position:relative}.buff-center-achievement{color:var(--buff-success);font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line);margin:10px 0 0;display:inline-flex}.buff-center-completion{color:var(--buff-muted);grid-area:completion;align-items:baseline;gap:12px;display:flex}.buff-center-completion strong{color:var(--buff-ink);font-size:var(--text-metric-lg-size);font-variant-numeric:tabular-nums;line-height:var(--text-metric-lg-line);font-weight:700}.buff-center-reward{flex-wrap:wrap;grid-area:reward;align-items:baseline;gap:6px 12px;display:flex}.buff-center-reward>span:first-child{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-reward-amount{color:var(--brand-action);font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line);white-space:nowrap}.buff-center-reward-amount[data-reward-status=PENDING_RETRY]{color:var(--buff-muted)}.buff-center-reward-granted{color:var(--buff-success);font-size:var(--text-caption-size);line-height:var(--text-caption-line);white-space:nowrap;margin-left:8px}.buff-center-reward p{color:var(--buff-faint);font-size:var(--text-caption-size);line-height:var(--text-caption-line);flex-basis:100%;margin:0}.buff-center-primary-cta{min-height:44px;color:var(--text-inverse);background:var(--brand-action);cursor:pointer;font-weight:500;font-size:var(--text-body-size);white-space:nowrap;border:0;border-radius:10px;line-height:20px;transition:background .16s,transform .16s}.buff-center-primary-cta:hover{background:var(--brand-action-hover);transform:translateY(-1px)}.buff-center-primary-cta:disabled{cursor:wait;opacity:.62}.buff-center-unlocked-summary>.buff-center-primary-cta{z-index:1;grid-area:action;place-self:start end;min-width:172px;padding:0 22px;position:relative}.buff-center-preference,.buff-center-preference-done{border-top:1px solid var(--buff-line);grid-area:preference;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.buff-center-preference strong,.buff-center-preference-done>span{color:var(--buff-copy);font-weight:600}.buff-center-preference p,.buff-center-preference-done p{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin:4px 0 0}.buff-center-preference-cta,.buff-center-next-cta{min-width:160px;min-height:40px;color:var(--buff-copy);background:var(--buff-surface);font-size:var(--text-body-size);white-space:nowrap;cursor:pointer;border:1px solid #d0d5dd;border-radius:10px;padding:0 15px;font-weight:500;line-height:20px}.buff-center-growth-cta:after,.buff-center-invite-cta:after,.buff-center-task-cta:after{content:" →"}.buff-center-unlocked-next{grid-area:next;min-width:0}.buff-center-next-card{border-top:1px solid var(--buff-line);grid-template-columns:minmax(0,1fr) minmax(160px,200px) auto;align-items:center;gap:16px 24px;padding-top:20px;display:grid}.buff-center-next-head{min-width:0}.buff-center-next-head h3{min-width:0;color:var(--buff-ink);font-size:var(--text-h3-size);line-height:var(--text-h3-line);margin:0;font-weight:600}.buff-center-next-head p{color:var(--buff-muted);line-height:var(--text-body-line);margin:8px 0 0}.buff-center-next-progress-block{gap:6px;min-width:0;display:grid}.buff-center-next-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.buff-center-next-progress-track,.buff-center-task-track{background:#e4e7ec;border-radius:999px;height:5px;overflow:hidden}.buff-center-next-progress-track span,.buff-center-task-track span{border-radius:inherit;background:var(--buff-orange);height:100%;transition:width .24s;display:block}.buff-center-next-progress-text,.buff-center-task-count{color:var(--buff-muted);font-size:var(--text-caption-size);font-variant-numeric:tabular-nums;line-height:var(--text-caption-line)}.buff-center-next-footer{flex-direction:column;grid-area:1/3;justify-content:center;align-items:flex-end;gap:14px;min-width:0;display:flex}.buff-center-next-reward{color:var(--buff-muted);font-size:var(--text-caption-size);text-align:left;line-height:var(--text-caption-line)}.buff-center-next-reward[data-reward-status=GRANTED]{color:var(--buff-success)}.buff-center-next-cta:hover,.buff-center-step-cta:hover,.buff-center-preference-cta:hover,.buff-center-back:hover{background:#fafafa;border-color:#b9bec7}.buff-center-weekly{border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 44px;padding:28px 30px 30px;display:grid}.buff-center-weekly-head{border-bottom:1px solid var(--buff-line);grid-column:1/-1;margin-bottom:24px;padding-bottom:22px}.buff-center-weekly-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.buff-center-weekly-group{border-left:1px solid var(--buff-line);min-width:0;padding:0 28px}.buff-center-weekly-group:first-of-type{border-left:0;padding-left:0}.buff-center-weekly-group:last-child{padding-right:0}.buff-center-weekly-group h3{min-height:42px;color:var(--buff-ink);font-size:var(--text-h3-size);line-height:var(--text-h3-line);margin:0;font-weight:600}.buff-center-weekly-group ul{border-top:1px solid var(--buff-line);margin:0;padding:0;list-style:none}.buff-center-task-row{border-bottom:1px solid var(--buff-line);background:0 0;grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:10px minmax(0,1fr);gap:11px;height:164px;padding:18px 0;display:grid}.buff-center-task-check{background:#d0d5dd;border-radius:50%;width:8px;height:8px;margin-top:6px}.buff-center-task-check svg{display:none}.buff-center-task-row[data-progress-state=active] .buff-center-task-check{background:var(--buff-orange)}.buff-center-task-row[data-progress-state=completed] .buff-center-task-check{background:var(--buff-success)}.buff-center-task-body{grid-template-rows:24px 44px minmax(0,1fr);min-width:0;min-height:0;display:grid}.buff-center-task-head{flex-wrap:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.buff-center-task-head strong{min-width:0;color:var(--buff-ink);font-size:var(--text-h3-size);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:var(--text-h3-line);overflow:hidden}.buff-center-task-row[data-progress-state=idle] .buff-center-task-head strong,.buff-center-task-row[data-progress-state=idle] .buff-center-task-title{color:var(--buff-muted)}.buff-center-task-flag{color:var(--buff-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line);background:#f2f4f7;border-radius:999px;flex:none;padding:3px 7px;font-weight:500}.buff-center-task-flag[data-flag=pending]{color:var(--text-warning);background:#fff8e7}.buff-center-task-title{color:var(--buff-copy);line-height:var(--text-body-line);-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;margin-top:4px;display:-webkit-box;overflow:hidden}.buff-center-task-progress{grid-template-columns:1fr auto;align-self:end;align-items:center;gap:10px;margin-top:8px;display:grid}.buff-center-task-row[data-completed=true] .buff-center-task-track span{background:var(--buff-success)}.buff-center-task-cta{max-width:100%;min-height:28px;color:var(--brand-action);font-size:var(--text-body-sm-size);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-weight:500;line-height:var(--text-body-sm-line);background:0 0;border:0;grid-area:2/2;justify-self:start;padding:0;overflow:hidden}.buff-center-growth{border-radius:18px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr) auto;align-items:center;gap:40px;margin:0 0 36px;padding:28px 30px;display:grid}.buff-center-growth-stats{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.buff-center-growth-stats>div{border-left:1px solid var(--buff-line);flex-direction:column-reverse;gap:6px;min-width:0;padding:0 22px;display:flex}.buff-center-growth-stats dt{color:var(--buff-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.buff-center-growth-stats dd{color:var(--buff-ink);font-size:var(--text-metric-lg-size);line-height:var(--text-metric-lg-line);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.buff-center-growth-cta{color:var(--brand-action);cursor:pointer;white-space:nowrap;font-weight:500;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);background:0 0;border:0}.buff-center-invite{border:1px solid var(--buff-line);background:#ffffffa8;border-radius:16px;align-items:center;gap:14px;margin-top:28px;padding:20px 22px;display:flex}.buff-center-invite-icon{width:38px;height:38px;color:var(--buff-faint);background:#f2f4f7;border-radius:10px;flex:none;place-items:center;display:grid}.buff-center-invite strong{color:var(--buff-ink);font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line)}.buff-center-invite p{color:var(--buff-muted);line-height:var(--text-body-line);margin:6px 0 0}.buff-center-invite-locked strong,.buff-center-invite-locked p{color:var(--buff-muted)}.buff-center-growth-detail{padding:8px 4px 36px}.buff-center-invite-detail{border-radius:20px;margin-top:28px;padding:20px 32px 24px}.buff-center-invite-detail>*{z-index:3;position:relative}.buff-center-invite-detail-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.buff-center-invite-detail-lead{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.buff-center-invite-detail-copy{flex:1;min-width:0}.buff-center-invite-reward-animation{aspect-ratio:1;pointer-events:none;flex:none;width:72px}.buff-center-invite-detail-header p{max-width:720px;color:var(--buff-muted);line-height:var(--text-body-line);margin:8px 0 0}.buff-center-invite-detail-header .buff-center-primary-cta{flex:none;min-width:150px;padding:0 18px}.buff-center-detail-hint{color:var(--buff-muted);background:#f7f7f5;border-radius:12px;margin:18px 0;padding:14px 16px}.buff-center-growth-milestones{border-top:1px solid var(--buff-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 0;display:grid}.buff-center-growth-milestones>div{border-bottom:1px solid var(--buff-line);min-width:0;padding:24px 18px}.buff-center-growth-milestones dt{color:var(--buff-copy);font-weight:400;font-size:var(--text-body-size);line-height:var(--text-body-line)}.buff-center-growth-milestones dd{color:var(--buff-faint);font-size:var(--text-metric-lg-size);font-weight:700;line-height:var(--text-metric-lg-line);font-variant-numeric:tabular-nums;margin:12px 0 8px}.buff-center-growth-milestones .buff-center-milestone-status{color:var(--text-muted);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600}.buff-center-growth-milestones [data-reached=true] dd{color:var(--buff-success)}.buff-center-growth-milestones small{color:var(--buff-faint);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.buff-center-achievements{margin-top:34px}.buff-center-achievements h3{font-size:var(--text-h3-size);line-height:var(--text-h3-line);margin:0 0 10px;font-weight:600}.buff-center-achievements ul,.buff-center-invite-friends{border-top:1px solid var(--buff-line);margin:0;padding:0;list-style:none}.buff-center-achievements li,.buff-center-invite-friends li{border-bottom:1px solid var(--buff-line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 4px;display:flex}.buff-center-achievements li>span,.buff-center-invite-friends li>span:not(:first-child){color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-achievements li[data-unlocked=true]>span,.buff-center-invite-friends [data-cap=true]{color:var(--buff-success)}.buff-center-invite-rules{border-top:1px solid var(--buff-line);gap:10px;margin:20px 0 0;padding:16px 0 0;list-style:none;display:grid}.buff-center-invite-rules li{min-width:0;color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);overflow-wrap:anywhere}.buff-center-invite-rules strong{color:var(--buff-ink);font-weight:600}.buff-center-invite-empty{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-invite-progress{border-bottom:1px solid var(--buff-line);grid-template-columns:repeat(2,1fr);margin:0 0 24px;padding:22px 0;display:grid}.buff-center-invite-progress>div{flex-direction:column;align-items:center;gap:8px;display:flex}.buff-center-invite-progress>div+div{border-left:1px solid var(--buff-line)}.buff-center-invite-progress span{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-invite-progress strong{color:var(--brand-action);font-size:var(--text-metric-lg-size);font-variant-numeric:tabular-nums;line-height:var(--text-metric-lg-line);white-space:nowrap;font-weight:700}.buff-center-invite-code{border:1px solid var(--buff-line);border-radius:12px;align-items:center;gap:12px;min-width:0;margin-top:0;padding:14px 16px;display:flex}.buff-center-invite-code span{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);white-space:nowrap}.buff-center-invite-code strong{color:var(--buff-copy);font-size:var(--text-h3-size);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:var(--text-h3-line);white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow-x:auto}.buff-center-invite-code button{border:1px solid var(--buff-line);height:36px;color:var(--buff-copy);cursor:pointer;font-size:var(--text-body-size);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:0 12px;font-weight:500;line-height:20px}.buff-center-invite-code button:hover{border-color:var(--buff-orange);color:var(--brand-action)}.buff-center-invite-friend-section{margin-top:28px}.buff-center-invite-friend-section h3{color:var(--buff-ink);font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line);margin:0 0 10px}.buff-center-invite-conversion-heading{align-items:center;gap:6px;margin-bottom:10px;display:flex;position:relative}.buff-center-invite-conversion-heading h3{margin:0}.buff-center-invite-help{display:inline-flex}.buff-center-invite-help>button{width:28px;height:28px;color:var(--text-tertiary,#71717a);cursor:help;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.buff-center-invite-help>button svg{width:17px;height:17px}.buff-center-invite-help>button:hover{color:var(--brand-action,#fd6501)}.buff-center-invite-help>button:focus-visible{outline:2px solid var(--brand-action,#fd6501);outline-offset:1px}.buff-center-invite-help-bubble{z-index:100;width:min(360px,100vw - 32px);color:var(--text-secondary,#52525b);font-size:var(--text-body-sm-size,13px);line-height:var(--text-body-sm-line,20px);text-align:left;background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:14px 16px;box-shadow:0 8px 24px #0000001a}.buff-center-invite-help-bubble p{margin:0}.buff-center-invite-help-bubble p+p{margin-top:8px}.buff-center-invite-help-bubble svg{fill:#fff;background:#fff}.buff-center-invite-poster-dialog{background:#fff;border:1px solid #e4e7ec;border-radius:12px;gap:0;width:min(960px,100vw - 32px);max-width:960px;max-height:calc(100vh - 32px);padding:0;overflow:hidden;box-shadow:0 20px 56px #10182829}.buff-center-invite-poster-header{border-bottom:1px solid #eaecf0;padding:24px 64px 20px 24px}.buff-center-invite-poster-header [data-slot=dialog-title]{color:var(--text-primary);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:600}.buff-center-invite-poster-header [data-slot=dialog-description]{color:var(--text-tertiary);line-height:var(--text-body-line);margin-top:6px}.buff-center-invite-poster-layout{grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.buff-center-invite-poster-preview{background:#f6f7f8;border-right:1px solid #eaecf0;min-width:0;margin:0;padding:20px 24px}.buff-center-invite-poster-preview>img{object-fit:contain;width:auto;max-width:100%;height:min(66vh,680px);margin:0 auto;display:block;box-shadow:0 8px 24px #1018281a}.buff-center-invite-poster-loading{aspect-ratio:1086/1448;width:min(100%,510px);color:var(--text-tertiary);text-align:center;background:#fff;place-items:center;margin:0 auto;padding:24px;display:grid}.buff-center-invite-poster-preview figcaption{width:min(100%,510px);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:14px auto 0;font-weight:400;display:grid}.buff-center-invite-poster-preview figcaption span{color:var(--text-tertiary);font-weight:400;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line)}.buff-center-invite-poster-preview figcaption a{overflow-wrap:anywhere;min-width:0;color:var(--text-link);text-underline-offset:3px;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:500;text-decoration:underline}.buff-center-invite-poster-actions{background:#fff;flex-direction:column;justify-content:center;gap:12px;padding:28px 24px;display:flex}.buff-center-invite-poster-actions>div{margin-bottom:12px}.buff-center-invite-poster-actions strong{color:var(--text-primary);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600}.buff-center-invite-poster-actions p{color:var(--text-tertiary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin:8px 0 0}.buff-center-invite-poster-save,.buff-center-invite-poster-copy{width:100%;height:42px;font-size:var(--text-body-size);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.buff-center-invite-poster-save{color:var(--text-inverse);background:var(--brand-action);font-size:var(--text-body-size);border:1px solid #ff6a00;border-color:var(--brand-action);white-space:nowrap;font-weight:500;line-height:20px}.buff-center-invite-poster-save:hover{border-color:var(--brand-action-hover);color:var(--text-inverse);background:var(--brand-action-hover)}.buff-center-invite-poster-save:disabled{color:var(--text-disabled);cursor:wait;background:#f2f4f7;border-color:#d0d5dd}.buff-center-invite-poster-copy{color:var(--text-secondary);font-size:var(--text-body-size);white-space:nowrap;background:#fff;border:1px solid #d0d5dd;font-weight:500;line-height:20px}.buff-center-invite-poster-copy:hover{color:var(--brand-action);background:#fff8f2;border-color:#ff6a00}.buff-center-invite-poster-save svg,.buff-center-invite-poster-copy svg{width:17px;height:17px}.buff-center-invite-poster-qr-source{pointer-events:none;width:256px;height:256px;position:fixed;top:0;left:-10000px}@media (max-width:760px){.buff-center-invite-poster-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow-y:auto}.buff-center-invite-poster-header{padding:20px 52px 16px 20px}.buff-center-invite-poster-layout{grid-template-columns:1fr}.buff-center-invite-poster-preview{border-bottom:1px solid #eaecf0;border-right:0;padding:16px}.buff-center-invite-poster-preview>img{width:auto;height:min(56vh,560px)}.buff-center-invite-poster-preview figcaption{grid-template-columns:1fr;gap:4px}.buff-center-invite-poster-actions{padding:20px}}.buff-center-sheet-overlay[data-slot=dialog-overlay]{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118275c}.buff-center-sheet[data-slot=dialog-content]{z-index:81;width:min(520px,100vw - 32px);max-width:520px;color:var(--text-primary);background:#fff;border:1px solid #ffffffb8;border-radius:16px;gap:0;padding:28px;box-shadow:0 24px 70px #1118272e}.buff-center-sheet [data-slot=dialog-header]{gap:10px;padding-right:28px}.buff-center-sheet [data-slot=dialog-title]{color:var(--text-primary);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:600}.buff-center-sheet [data-slot=dialog-description]{color:var(--text-tertiary);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:400}.buff-center-sheet [data-slot=dialog-close]{width:32px;height:32px;color:var(--text-tertiary);opacity:1;border-radius:8px;place-items:center;display:grid;top:20px;right:20px}.buff-center-sheet [data-slot=dialog-close]:hover{color:var(--text-primary);background:#f2f4f7}.buff-center-sheet-cta{background:var(--brand-action);width:100%;min-height:44px;color:var(--text-inverse);cursor:pointer;font-weight:500;font-size:var(--text-body-size);white-space:nowrap;border:0;border-radius:10px;margin-top:24px;line-height:20px;transition:background .16s,transform .16s}.buff-center-sheet-cta:hover{background:var(--brand-action-hover);transform:translateY(-1px)}.buff-center-sheet-cta:focus-visible{outline-offset:2px;outline:3px solid #ff6a0033}.buff-center-sheet-achievement[data-slot=dialog-content]{border-top:3px solid #288653}@media (max-width:640px){.buff-center-sheet[data-slot=dialog-content]{padding:24px 20px}}.buff-center-skeleton{background:#f2f4f7;border-radius:20px;min-height:480px;animation:1.35s ease-in-out infinite alternate buff-center-pulse}.buff-center-error{border:1px solid var(--buff-line);text-align:center;background:var(--buff-surface);border-radius:16px;max-width:520px;margin:72px auto;padding:30px}.buff-center-error p{color:var(--buff-ink);font-size:var(--text-h3-size);font-weight:600;line-height:var(--text-h3-line);margin:0}.buff-center-error small{color:var(--buff-muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);margin:8px 0 20px;font-weight:400;display:block}.buff-center-error button{min-height:40px;color:var(--text-inverse);background:var(--brand-action);cursor:pointer;font-size:var(--text-body-size);border:0;border-radius:10px;padding:0 18px;font-weight:500;line-height:20px}@keyframes buff-center-pulse{0%{opacity:.58}to{opacity:1}}@media (max-width:1080px){.buff-center-section{padding-inline:24px}.buff-center-welcome{grid-template-columns:1fr;gap:28px}.buff-center-weekly{grid-template-columns:repeat(2,minmax(0,1fr))}.buff-center-weekly-group:last-child{border-top:1px solid var(--buff-line);border-left:0;grid-column:1/-1;margin-top:24px;padding:24px 0 0}.buff-center-growth{grid-template-columns:1fr;gap:26px}.buff-center-growth-cta{justify-self:start}}@media (max-width:760px){.buff-center-section{padding:18px 16px 48px}.buff-center-welcome{border-radius:20px;gap:24px;min-height:0;padding:24px 20px}.buff-center-welcome h1{font-size:var(--text-h2-size);line-height:var(--text-h2-line)}.buff-center-welcome-lead{grid-template-columns:112px minmax(0,1fr);gap:12px}.buff-center-welcome-animation{width:112px;height:63px}.buff-center-onboarding{padding:24px 20px}.buff-center-step{grid-template-columns:26px minmax(0,1fr)}.buff-center-step-actions{grid-column:2;justify-content:flex-start}.buff-center-unlocked-summary{grid-template-columns:1fr;grid-template-areas:"head""completion""reward""action";padding:20px 0 0}.buff-center-preference,.buff-center-preference-done{flex-direction:column;align-items:flex-start}.buff-center-next-card{grid-template-columns:1fr}.buff-center-next-head,.buff-center-next-progress-block,.buff-center-next-footer{grid-column:1}.buff-center-next-footer{grid-row:auto;align-items:flex-start}.buff-center-next-reward{text-align:left}.buff-center-weekly{grid-template-columns:1fr;padding:24px 20px}.buff-center-weekly-group,.buff-center-weekly-group:last-child{border-top:1px solid var(--buff-line);border-left:0;grid-column:auto;margin:0;padding:22px 0 0}.buff-center-weekly-group:first-of-type{border-top:0;padding-top:0}.buff-center-weekly-group h3{min-height:auto;margin-bottom:14px}.buff-center-task-row{grid-template-rows:auto 28px;height:auto;min-height:164px}.buff-center-growth-stats{width:100%}.buff-center-growth-stats>div{padding:0 12px}.buff-center-growth-stats>div:first-child{border-left:0;padding-left:0}.buff-center-invite-detail{padding:20px}.buff-center-invite-detail-header{flex-direction:column;align-items:flex-start;gap:18px}.buff-center-invite-detail-header .buff-center-primary-cta{justify-content:center;width:100%}.buff-center-invite-detail-lead{gap:12px;width:100%}.buff-center-invite-reward-animation{width:56px}.buff-center-growth-milestones{grid-template-columns:1fr 1fr}.buff-center-invite-friends li{flex-direction:column;align-items:flex-start}}@media (max-width:460px){.buff-center-welcome h1{font-size:var(--text-h2-size);line-height:var(--text-h2-line)}.buff-center-step-actions,.buff-center-preference-actions{flex-direction:column;align-items:stretch;width:100%}.buff-center-step-cta,.buff-center-preference-cta,.buff-center-next-cta{justify-content:center;width:100%}.buff-center-growth-stats{grid-template-columns:1fr;gap:18px}.buff-center-growth-stats>div{border-left:0;padding:0}.buff-center-growth-milestones{grid-template-columns:1fr}}.buff-jobmatch-guide{z-index:70;width:min(400px,100vw - 32px);max-height:calc(100dvh - 108px);color:var(--text-primary);font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:0;background:#fff;border:1px solid #dadada;border-radius:10px;flex-direction:column;font-weight:400;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 12px 32px #18181b1a}.buff-jobmatch-guide[data-collapsed=true]{border:0;border-radius:999px;width:auto}.buff-jobmatch-guide-collapsed{min-width:88px;height:48px;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line);background:#fff;border:1px solid #dadada;justify-content:center;align-items:center;gap:8px;display:inline-flex}.buff-jobmatch-guide-collapsed svg{width:18px;height:18px;color:var(--brand-action);display:block}.buff-jobmatch-guide-header{border-bottom:1px solid #ececee;flex:none;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;padding:18px 20px 14px;display:grid}.buff-jobmatch-guide-header>div{flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;display:flex}.buff-jobmatch-guide-header strong{font-size:var(--text-h3-size);line-height:var(--text-h3-line);flex-shrink:0;font-weight:600}.buff-jobmatch-guide-reward{color:var(--text-link);font-size:var(--text-caption-size);line-height:var(--text-caption-line);align-items:center;gap:4px;font-weight:500;display:inline-flex}.buff-jobmatch-guide-reward svg{flex:none;width:14px;height:14px}.buff-jobmatch-guide-reward[data-reward-status=DISABLED],.buff-jobmatch-guide-reward[data-reward-status=PENDING_RETRY]{color:var(--text-secondary)}.buff-jobmatch-guide-reward[data-reward-status=GRANTED]{color:var(--text-success)}.buff-jobmatch-guide-header>button{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:#fff;border:0;border-radius:8px;place-items:center;display:grid}.buff-jobmatch-guide-header>button svg{width:17px;height:17px;display:block}.buff-jobmatch-guide-progress{flex:none;padding:14px 20px 16px}.buff-jobmatch-guide-progress>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.buff-jobmatch-guide-progress span{color:var(--text-secondary);font-size:var(--text-caption-size);font-weight:400;line-height:var(--text-caption-line)}.buff-jobmatch-guide-progress strong{color:var(--text-primary);font-size:var(--text-caption-size);font-variant-numeric:tabular-nums;line-height:var(--text-caption-line);font-weight:500}.buff-jobmatch-guide-progress>div:last-child{background:#ececee;border-radius:999px;height:4px;overflow:hidden}.buff-jobmatch-guide-progress>div:last-child span{border-radius:inherit;background:var(--brand-action);height:100%;transition:width .22s;display:block}.buff-jobmatch-guide-steps{scrollbar-width:thin;min-height:0;margin:0;padding:0 20px 16px;list-style:none;overflow-y:auto}.buff-jobmatch-guide-steps li{--guide-step-accent:var(--text-secondary);--guide-step-soft:#f7f8fa;border-bottom:1px solid #ececee;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px 0;display:grid}.buff-jobmatch-guide-steps li[data-step-code=RESUME]{--guide-step-accent:#2563eb;--guide-step-soft:#eff6ff;--guide-step-border:#bfdbfe;--guide-step-hover:#dbeafe}.buff-jobmatch-guide-steps li[data-step-code=JOB_INTENTION]{--guide-step-accent:#15803d;--guide-step-soft:#f0fdf4;--guide-step-border:#bbf7d0;--guide-step-hover:#dcfce7}.buff-jobmatch-guide-steps li[data-step-code=WORK_PREFERENCE]{--guide-step-accent:#7e22ce;--guide-step-soft:#faf5ff;--guide-step-border:#e9d5ff;--guide-step-hover:#f3e8ff}.buff-jobmatch-guide-steps li:first-child{padding-top:0}.buff-jobmatch-guide-steps li:last-child{border-bottom:0;padding-bottom:0}.buff-jobmatch-guide-step-icon{background:var(--guide-step-soft);width:28px;height:28px;color:var(--guide-step-accent);border-radius:10px;place-items:center;margin-top:0;display:grid}.buff-jobmatch-guide-step-icon svg{width:17px;height:17px;display:block}.buff-jobmatch-guide-step-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.buff-jobmatch-guide-step-heading{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px;display:flex}.buff-jobmatch-guide-step-heading small{border:1px solid var(--guide-step-border,#e3e4e8);background:var(--guide-step-soft);color:var(--guide-step-accent);font-size:var(--text-caption-size);letter-spacing:0;font-weight:500;line-height:var(--text-caption-line);white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px}.buff-jobmatch-guide-step-copy strong{color:var(--text-primary);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:600}.buff-jobmatch-guide-step-copy>span{color:var(--text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);overflow-wrap:anywhere;font-weight:400}.buff-jobmatch-guide-step-action{background:var(--guide-step-soft);min-height:44px;color:var(--guide-step-accent);font-family:inherit;font-size:var(--text-body-sm-size);font-weight:500;line-height:var(--text-body-sm-line);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:0 10px;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.buff-jobmatch-guide-step-action:hover{background:var(--guide-step-hover,#ececee)}.buff-jobmatch-guide-step-action:active{transform:scale(.98)}.buff-jobmatch-guide-step-copy>span.buff-jobmatch-guide-step-action{min-height:auto;color:var(--guide-step-accent);font-size:var(--text-caption-size);line-height:var(--text-caption-line);cursor:default;background:0 0;padding:0;transition:none}.buff-jobmatch-guide-chevron{color:currentColor;width:14px;height:14px;display:block}.buff-jobmatch-guide-header>button,.buff-jobmatch-guide-collapsed{transition:background-color .16s,transform .16s}.buff-jobmatch-guide-header>button:hover,.buff-jobmatch-guide-collapsed:hover{background:#f7f8fa}.buff-jobmatch-guide-header>button:active,.buff-jobmatch-guide-collapsed:active{transform:scale(.98)}.buff-jobmatch-guide button:focus-visible{outline:2px solid var(--guide-step-accent,var(--brand-action));outline-offset:2px}@media (max-width:767px){.buff-jobmatch-guide{width:min(400px,100vw - 24px);max-height:calc(100dvh - 88px);bottom:76px;right:12px}}@media (prefers-reduced-motion:reduce){.buff-jobmatch-guide button:active{transform:none}.buff-center-section *,.buff-center-section :before,.buff-center-section :after,.buff-jobmatch-guide *{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}.buff-center-welcome:after,.buff-center-weekly:after,.buff-center-growth:after{animation:none}}