/* HBS FANS · User identity + header panels 5.10.41 */
:root{--usr-red:#c81924;--usr-red-dark:#9f111a;--usr-ink:#121214;--usr-muted:#6e6e73;--usr-line:#e3ded8;--usr-paper:#f6f2ec;--usr-white:#fff;--usr-green:#1d9d5f}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.avatar-default{background:#ba1721!important;display:inline-grid!important;place-items:center!important;overflow:hidden!important}.avatar-default>img{width:62%!important;height:62%!important;object-fit:contain!important;filter:brightness(0) invert(1)}

/* reusable user identity */
.hbs-user-chip{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.hbs-user-chip-avatar{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(18,18,20,.12)}.hbs-user-chip>span{display:grid;min-width:0}.hbs-user-chip b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbs-user-chip small{font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.hbs-user-chip.is-online .hbs-user-chip-avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usr-green)}.hbs-user-chip.is-compact small{display:none}.hbs-user-chip.is-compact .hbs-user-chip-avatar{width:32px;height:32px;flex-basis:32px}

/* header account system */
.head-tools{position:relative}.account-head-wrap,.notify-head-wrap{position:relative;display:flex;align-items:center}.account-head-trigger{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit}.account-head-trigger .user-mini{pointer-events:none}.head-notify-trigger{position:relative;border:0;background:transparent;color:inherit;cursor:pointer}.head-notify-trigger .notify-badge{position:absolute;inset-inline-start:-3px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c81924;color:#fff;display:grid;place-items:center;font:800 10px/1 "Noto Sans Hebrew",sans-serif;box-shadow:0 0 0 2px #fff}.account-head-panel,.notify-head-panel{position:absolute;z-index:180;top:calc(100% + 15px);inset-inline-end:0;width:min(370px,calc(100vw - 28px));background:#fff;border:1px solid #ddd7d0;box-shadow:0 20px 55px rgba(31,20,18,.16);border-radius:10px;transform-origin:top right;animation:hbsPanelIn .18s ease-out}.notify-head-panel{width:min(410px,calc(100vw - 28px))}@keyframes hbsPanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.account-head-panel[hidden],.notify-head-panel[hidden]{display:none}.account-head-top{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #eee9e3}.account-head-top .avatar{width:48px;height:48px;flex:0 0 48px}.account-head-top>div{display:grid;min-width:0}.account-head-top strong{font-size:15px}.account-head-top small{font-size:11px;color:#777;margin-top:3px}.account-head-progress{height:3px;background:#eee;margin:0 18px}.account-head-progress i{display:block;height:100%;background:#c81924}.account-head-links{display:grid;padding:8px}.account-head-links a,.account-head-logout{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 10px;border-radius:7px;color:#1b1b1e;text-decoration:none;font-size:13px;font-weight:700}.account-head-links a svg,.account-head-logout svg{width:17px;height:17px}.account-head-links a:hover{background:#f5f1ec}.account-head-sep{height:1px;background:#eee9e4;margin:5px 10px}.account-head-logout{width:100%;border:0;background:transparent;cursor:pointer;color:#a61720}.notify-head-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 13px;border-bottom:1px solid #eee9e3}.notify-head-title div{display:grid}.notify-head-title strong{font-size:15px}.notify-head-title small{color:#777;font-size:11px;margin-top:2px}.notify-head-title a{font-size:12px;color:#b21620;font-weight:800;text-decoration:none}.notify-head-list{display:grid;max-height:375px;overflow:auto}.notify-head-item{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:start;padding:13px 18px;border-bottom:1px solid #f1ede8;text-decoration:none;color:#19191c}.notify-head-item:hover{background:#faf8f4}.notify-head-item>i{width:7px;height:7px;border-radius:50%;background:#d6d1cb;margin-top:6px}.notify-head-item.is-unread>i{background:#c81924}.notify-head-item div{display:grid;gap:4px}.notify-head-item b{font-size:13px;line-height:1.35}.notify-head-item p{margin:0;color:#69696e;font-size:11px;line-height:1.45}.notify-head-item time{font-size:10px;color:#8b8782;white-space:nowrap}.notify-head-empty{padding:30px 20px;text-align:center;color:#777;font-size:13px}.notify-head-foot{display:flex;justify-content:center;padding:11px 14px}.notify-head-foot a{font-size:12px;font-weight:800;color:#b21620;text-decoration:none}

/* settings */
.account-settings{padding-top:64px;padding-bottom:100px}.account-settings-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:36px;padding:0 0 34px;border-bottom:1px solid var(--usr-line)}.account-settings-hero>div>span,.settings-section-head>span{display:block;color:var(--usr-red);font:800 11px/1.2 "Noto Sans Hebrew",sans-serif;letter-spacing:.12em}.account-settings-hero h1{margin:12px 0 10px;font-size:clamp(38px,6vw,76px);line-height:.95;letter-spacing:-.055em;color:var(--usr-ink)}.account-settings-hero h1 em{font-style:normal;color:var(--usr-red)}.account-settings-hero p{margin:0;max-width:610px;color:#66636a;font-size:15px;line-height:1.75}.account-settings-profile-link{display:flex;align-items:center;gap:12px;min-width:250px;padding:13px 14px;border:1px solid var(--usr-line);background:#fff;color:var(--usr-ink);text-decoration:none}.settings-avatar{width:47px;height:47px;flex:0 0 47px}.account-settings-profile-link>span{display:grid;flex:1}.account-settings-profile-link small{font-size:10px;color:#777}.account-settings-profile-link b{font-size:14px;margin-top:2px}.account-settings-profile-link>svg{width:18px}.account-settings-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:52px;padding-top:44px}.account-settings-nav{position:sticky;top:126px;align-self:start;display:grid;border-top:3px solid var(--usr-ink)}.account-settings-nav>span{font-size:10px;letter-spacing:.14em;color:#8a8580;padding:14px 4px 10px}.account-settings-nav>a{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;min-height:48px;border-top:1px solid var(--usr-line);color:#4f4d50;text-decoration:none;font-size:13px}.account-settings-nav>a i{font-style:normal;font-size:10px;color:#aaa29b}.account-settings-nav>a svg{width:15px}.account-settings-nav>a.is-active{color:var(--usr-red);font-weight:800}.account-settings-nav>a.is-active i{color:var(--usr-red)}.account-settings-nav form{border-top:1px solid var(--usr-line);margin-top:10px;padding-top:10px}.account-settings-nav form button{border:0;background:transparent;color:#9d1c23;width:100%;min-height:44px;display:flex;gap:10px;align-items:center;font:700 13px "Noto Sans Hebrew";cursor:pointer;padding:0}.account-settings-nav form svg{width:17px}.account-settings-panel{min-width:0;max-width:850px}.settings-section-head{margin-bottom:30px}.settings-section-head h2{margin:8px 0 7px;font-size:30px;letter-spacing:-.035em}.settings-section-head p{margin:0;color:#747077;line-height:1.7;font-size:13px;max-width:650px}.settings-form{display:grid;gap:22px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.settings-form label>span{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#39383c}.settings-form label.wide{grid-column:1/-1}.settings-form input,.settings-form textarea,.settings-form select{width:100%;border:1px solid #d9d3cc;background:#fff;border-radius:7px;padding:12px 13px;font:500 14px/1.5 "Noto Sans Hebrew",sans-serif;color:#18181a;outline:none;transition:border-color .15s,box-shadow .15s}.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus{border-color:#a99d92;box-shadow:0 0 0 3px rgba(200,25,36,.07)}.settings-form textarea{resize:vertical;min-height:120px}.settings-form label small{display:block;margin-top:6px;color:#8a8580;font-size:10px;line-height:1.55}.settings-save{justify-self:start;border:0;background:var(--usr-ink);color:#fff;padding:12px 22px;border-radius:6px;font:800 13px "Noto Sans Hebrew";cursor:pointer;min-width:145px}.settings-save:hover{background:#2a292d}.settings-save[disabled]{opacity:.5;cursor:wait}.settings-form fieldset{border:0;padding:0;margin:0 0 16px;display:grid}.settings-form legend{width:100%;font-size:11px;color:#8a8580;border-bottom:1px solid var(--usr-line);padding:0 0 10px;margin-bottom:2px;letter-spacing:.08em}.settings-switch,.settings-select-row{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #ece7e1}.settings-switch>span,.settings-select-row>span{display:grid}.settings-switch b,.settings-select-row b{font-size:13px}.settings-switch small,.settings-select-row small{font-size:11px;color:#777;margin-top:3px}.settings-switch input{position:absolute;opacity:0;width:1px;height:1px}.settings-switch i{width:40px;height:23px;background:#d9d5cf;border-radius:15px;position:relative;transition:.15s}.settings-switch i:after{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.settings-switch input:checked+i{background:#bd1721}.settings-switch input:checked+i:after{transform:translateX(-17px)}.settings-select-row select{width:180px;padding:9px 10px}.settings-account-card{border-top:3px solid var(--usr-red);background:#fff;padding:20px 22px;margin-bottom:26px}.settings-account-card>div{display:grid}.settings-account-card small{color:#7a7774;font-size:10px}.settings-account-card strong{font-size:20px;margin:4px 0}.settings-account-card span{font-size:11px;color:#777}.avatar-editor{border:1px solid var(--usr-line);background:#fff;margin-bottom:30px}.avatar-editor-current{display:flex;gap:17px;align-items:center;padding:20px}.settings-avatar-large{width:78px;height:78px;flex:0 0 78px;border:1px solid #e2ddd7}.avatar-editor-current>div{display:grid}.avatar-editor-current small{font-size:10px;color:#8a8580}.avatar-editor-current h3{font-size:17px;margin:3px 0}.avatar-editor-current p{margin:0;color:#777;font-size:11px}.avatar-editor-actions{display:flex;gap:0;border-top:1px solid var(--usr-line)}.avatar-editor-actions button{flex:1;border:0;background:#faf8f5;color:#2e2d31;padding:13px 10px;font:800 12px "Noto Sans Hebrew";cursor:pointer}.avatar-editor-actions button+button{border-inline-start:1px solid var(--usr-line)}.avatar-editor-actions button:hover{background:#f2eee9}.avatar-preset-panel{border-top:1px solid var(--usr-line);padding:18px}.avatar-preset-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.avatar-preset-panel>header small{color:#b21620;font-weight:800;font-size:9px;letter-spacing:.1em}.avatar-preset-panel h3{font-size:15px;margin:3px 0}.avatar-preset-panel>header button{border:0;background:transparent;cursor:pointer}.avatar-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.avatar-preset-grid button{border:1px solid #e1dcd6;background:#fff;padding:7px;display:grid;gap:4px;text-align:right;cursor:pointer}.avatar-preset-grid img{width:100%;aspect-ratio:1;object-fit:cover;background:#b41620}.avatar-preset-grid span{font-size:11px;font-weight:800}.avatar-preset-grid small{font-size:9px;color:#888}.avatar-cropper{border-top:1px solid var(--usr-line);padding:20px;display:grid;gap:17px}.avatar-cropper-stage{display:grid;justify-content:center;gap:7px}.avatar-cropper-stage canvas{width:min(320px,80vw);height:min(320px,80vw);max-width:100%;border-radius:50%;background:#ece8e2;cursor:grab;touch-action:none}.avatar-cropper-stage span{text-align:center;color:#777;font-size:10px}.avatar-cropper>label{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;font-size:11px}.avatar-cropper>div:last-child{display:flex;justify-content:center;gap:10px}.avatar-cropper button{border:1px solid #d9d3cc;background:#fff;padding:9px 15px;font:800 11px "Noto Sans Hebrew";cursor:pointer}.avatar-cropper button.primary{background:#171719;color:#fff;border-color:#171719}.featured-achievements-settings{margin-top:42px;border-top:1px solid var(--usr-line);padding-top:25px}.featured-achievements-settings>header span{font-size:14px;font-weight:900}.featured-achievements-settings>header p{font-size:11px;color:#777;margin:4px 0 15px}.featured-achievements-settings form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.featured-achievements-settings label input{position:absolute;opacity:0}.featured-achievements-settings label span{border:1px solid #ddd7d1;background:#fff;min-height:48px;display:flex;align-items:center;gap:9px;padding:9px 11px;cursor:pointer}.featured-achievements-settings label input:checked+span{border-color:#c81924;box-shadow:inset 3px 0 0 #c81924}.featured-achievements-settings svg{width:17px;color:#c81924}.device-sessions{margin-top:40px;border-top:1px solid var(--usr-line);padding-top:22px}.device-sessions>header span{font-weight:900}.device-sessions>header p{font-size:11px;color:#777;margin:3px 0 15px}.device-sessions>div{display:grid}.device-sessions article{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;border-top:1px solid #ece8e2;padding:12px 0}.device-sessions article>span svg{width:18px}.device-sessions article div{display:grid}.device-sessions article b{font-size:12px}.device-sessions article small{font-size:10px;color:#777;margin-top:2px}.device-sessions article.is-current b:after{content:"ONLINE";font-size:8px;letter-spacing:.08em;color:#168b56;margin-inline-start:8px}.device-sessions footer{display:flex;gap:9px;margin-top:15px}.device-sessions footer button{border:1px solid #d7d1cb;background:#fff;padding:9px 13px;font:800 11px "Noto Sans Hebrew";cursor:pointer}.device-sessions footer .danger{color:#b41620}.social-connections{display:grid;border-top:1px solid var(--usr-line)}.social-connections article{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--usr-line)}.social-provider-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ddd;font:900 15px Arial;background:#fff}.social-provider-mark.google{color:#4285f4}.social-provider-mark.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-provider-mark.apple{background:#111;color:#fff;border-color:#111}.social-connections article>div:nth-child(2){display:grid}.social-connections b{font-size:13px}.social-connections small{font-size:10px;color:#777}.social-connection-action a,.social-connection-action button{border:1px solid #d9d3cc;background:#fff;padding:8px 13px;color:#222;text-decoration:none;font:800 11px "Noto Sans Hebrew";cursor:pointer}.social-connection-action span{font-size:10px;color:#888}.account-toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translateX(-50%);background:#171719;color:#fff;border-radius:7px;padding:11px 16px;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:12px;font-weight:800;max-width:min(420px,calc(100vw - 30px));text-align:center}.account-toast.is-error{background:#a81821}.account-toast[hidden]{display:none}.account-verification{padding-top:90px;padding-bottom:120px;max-width:800px}.account-verification h1{font-size:48px;margin:10px 0}.account-verification p{color:#707078;line-height:1.8;max-width:620px}

/* public profile 5.10.29 */
.user-profile-page{padding-bottom:100px}.user-profile-head{background:#151416;color:#fff;border-bottom:4px solid #c81924}.user-profile-head-inner{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px;align-items:end;padding-top:56px;padding-bottom:38px}.user-profile-identity{display:grid;grid-template-columns:132px minmax(0,1fr);gap:26px;align-items:center}.user-profile-avatar-wrap{position:relative;width:132px;height:132px}.user-profile-avatar{width:132px;height:132px;border:3px solid #fff}.user-profile-level{position:absolute;bottom:-5px;inset-inline-end:-4px;background:#c81924;color:#fff;min-width:42px;height:28px;padding:0 8px;display:grid;place-items:center;font:900 11px/1 Arial;border:3px solid #151416}.user-profile-overline{display:flex;align-items:center;gap:8px;color:#c8c4c2;font-size:10px;letter-spacing:.11em}.user-profile-overline i{width:22px;height:1px;background:#c81924}.user-profile-copy h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:8px 0 7px;letter-spacing:-.045em}.user-profile-subline{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;color:#c4c0bd;font-size:12px}.user-profile-online{display:inline-flex;gap:6px;align-items:center}.user-profile-online i{width:7px;height:7px;border-radius:50%;background:#666}.user-profile-online.is-online i{background:#28b66d;box-shadow:0 0 0 3px rgba(40,182,109,.14)}.user-profile-bio{max-width:680px;margin:16px 0 0;color:#e6e1de;font-size:14px;line-height:1.75}.user-profile-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.user-profile-actions a{border:1px solid #4d494b;color:#fff;text-decoration:none;padding:9px 13px;font-size:11px;font-weight:800}.user-profile-actions a.primary{background:#fff;color:#181719;border-color:#fff}.user-profile-rank-card{border-top:1px solid #4b4748;padding-top:17px}.user-profile-rank-card small{display:block;color:#8e8989;font-size:9px;letter-spacing:.12em}.user-profile-rank-card strong{display:block;font:900 52px/1 Arial;margin:5px 0}.user-profile-rank-card span{font-size:11px;color:#c7c2c0}.user-profile-rank-card a{display:inline-flex;margin-top:14px;color:#fff;font-size:11px;text-decoration:none;border-bottom:1px solid #7f7978;padding-bottom:2px}.user-profile-meta-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #343133}.user-profile-meta-strip>div{padding:14px 0;border-inline-start:1px solid #343133}.user-profile-meta-strip>div:first-child{border-inline-start:0}.user-profile-meta-strip span{display:block;color:#777273;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.user-profile-meta-strip b{font-size:15px}.user-profile-main{padding-top:46px;display:grid;gap:48px}.profile-block{border-top:1px solid var(--usr-line);padding-top:20px}.profile-block-head{display:grid;grid-template-columns:220px 1fr;gap:30px;margin-bottom:22px}.profile-block-head span{color:#c81924;font-size:10px;font-weight:900;letter-spacing:.11em}.profile-block-head h2{font-size:26px;line-height:1.1;margin:3px 0}.profile-block-head p{margin:0;color:#777;line-height:1.65;font-size:12px;max-width:600px}.user-profile-progress{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(110px,.4fr));gap:12px}.profile-level-panel{background:#fff;border:1px solid var(--usr-line);padding:20px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.profile-level-panel>strong{font:900 48px/1 Arial;color:#c81924}.profile-level-panel div{display:grid}.profile-level-panel b{font-size:16px}.profile-level-panel small{color:#777;font-size:10px;margin-top:4px}.profile-level-panel .bar{grid-column:1/-1;height:4px;background:#eee9e4}.profile-level-panel .bar i{display:block;height:100%;background:#c81924}.profile-kpi{background:#f2eee8;padding:18px}.profile-kpi small{display:block;color:#7a7672;font-size:9px}.profile-kpi b{font-size:22px;margin-top:4px;display:block}.profile-kpi span{font-size:10px;color:#777}.profile-about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.profile-about-copy{background:#fff;border:1px solid var(--usr-line);padding:24px}.profile-about-copy h3{font-size:18px;margin:0 0 11px}.profile-about-copy p{font-size:13px;line-height:1.85;color:#4f4e52;margin:0}.profile-fan-facts{display:grid;border-top:1px solid var(--usr-line)}.profile-fan-facts div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--usr-line)}.profile-fan-facts span{font-size:10px;color:#85817c}.profile-fan-facts b{font-size:12px}.profile-achievement-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-achievement{border:1px solid var(--usr-line);background:#fff;padding:16px;min-height:125px;display:grid;align-content:space-between}.profile-achievement svg{width:20px;color:#c81924}.profile-achievement small{font-size:9px;color:#89847f}.profile-achievement b{font-size:13px}.profile-activity-list{display:grid;border-top:1px solid var(--usr-line)}.profile-activity-item{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid var(--usr-line)}.profile-activity-item time{font-size:10px;color:#8a8580}.profile-activity-item b{font-size:12px}.profile-activity-item strong{font-size:11px;color:#b81720}.profile-community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--usr-line);border-bottom:1px solid var(--usr-line)}.profile-community-stats div{padding:18px 0;border-inline-start:1px solid var(--usr-line)}.profile-community-stats div:first-child{border-inline-start:0}.profile-community-stats small{display:block;color:#817d78;font-size:9px}.profile-community-stats b{font-size:23px}.profile-private-note{border:1px solid var(--usr-line);background:#f6f2ed;padding:30px;display:grid;justify-items:start}.profile-private-note h2{font-size:25px;margin:4px 0 6px}.profile-private-note p{margin:0;color:#777;font-size:12px;line-height:1.7}.profile-disabled{min-height:420px;display:grid;place-content:center;text-align:center;padding:60px 20px}.profile-disabled h1{font-size:40px;margin:8px 0}.profile-disabled p{color:#777;max-width:520px}

@media(max-width:980px){.account-settings-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.avatar-preset-grid{grid-template-columns:repeat(3,1fr)}.user-profile-head-inner{grid-template-columns:1fr}.user-profile-rank-card{display:none}.user-profile-progress{grid-template-columns:1fr 1fr}.profile-level-panel{grid-column:1/-1}.profile-achievement-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.account-settings{padding-top:28px;padding-bottom:120px}.account-settings-hero{grid-template-columns:1fr;gap:18px;padding-bottom:22px}.account-settings-hero h1{font-size:42px}.account-settings-profile-link{min-width:0;width:100%}.account-settings-layout{display:block;padding-top:20px}.account-settings-nav{position:relative;top:auto;display:flex;overflow:auto;gap:0;border-top:1px solid var(--usr-line);border-bottom:1px solid var(--usr-line);margin:0 -16px 26px;padding:0 16px;scrollbar-width:none}.account-settings-nav::-webkit-scrollbar{display:none}.account-settings-nav>span,.account-settings-nav form{display:none}.account-settings-nav>a{display:flex;gap:7px;white-space:nowrap;min-height:44px;padding:0 14px;border-top:0;border-inline-end:1px solid var(--usr-line)}.account-settings-nav>a:first-of-type{border-inline-start:1px solid var(--usr-line)}.account-settings-nav>a svg{display:none}.settings-section-head h2{font-size:26px}.settings-form-grid{grid-template-columns:1fr}.settings-form label.wide{grid-column:auto}.avatar-editor-current{align-items:flex-start}.settings-avatar-large{width:66px;height:66px;flex-basis:66px}.avatar-editor-actions{display:grid;grid-template-columns:1fr}.avatar-editor-actions button+button{border-inline-start:0;border-top:1px solid var(--usr-line)}.avatar-preset-grid{grid-template-columns:repeat(2,1fr)}.featured-achievements-settings form>div{grid-template-columns:1fr}.device-sessions footer{display:grid}.social-connections article{grid-template-columns:38px 1fr}.social-connection-action{grid-column:1/-1}.user-profile-head-inner{padding-top:34px;padding-bottom:28px}.user-profile-identity{grid-template-columns:84px 1fr;gap:16px}.user-profile-avatar-wrap,.user-profile-avatar{width:84px;height:84px}.user-profile-level{min-width:35px;height:24px;font-size:9px}.user-profile-copy h1{font-size:34px}.user-profile-bio{font-size:12px;margin-top:12px}.user-profile-meta-strip{grid-template-columns:repeat(3,1fr)}.user-profile-meta-strip>div:nth-child(n+4){display:none}.user-profile-main{padding-top:30px;gap:36px}.profile-block-head{display:block}.profile-block-head p{margin-top:10px}.user-profile-progress{grid-template-columns:1fr 1fr}.profile-level-panel{grid-column:1/-1}.profile-kpi{padding:14px}.profile-kpi b{font-size:18px}.profile-about-grid{grid-template-columns:1fr}.profile-achievement-list{grid-template-columns:1fr 1fr;gap:8px}.profile-community-stats{grid-template-columns:1fr 1fr}.profile-community-stats div:nth-child(3){border-top:1px solid var(--usr-line);border-inline-start:0}.profile-community-stats div:nth-child(4){border-top:1px solid var(--usr-line)}.profile-activity-item{grid-template-columns:70px 1fr}.profile-activity-item strong{grid-column:2}.account-head-panel,.notify-head-panel{position:fixed;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;right:12px;inset-inline:auto;width:auto;max-height:70vh;overflow:auto;transform-origin:bottom center}.head-tools .user-mini>span{display:none}}
.drawer-user-summary{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;margin:10px 18px 2px;padding:14px;border:1px solid #e3ddd7;background:#fff;color:#19191b;text-decoration:none}.drawer-user-summary>.avatar{width:52px;height:52px}.drawer-user-summary>span{display:grid}.drawer-user-summary small{color:#b31720;font-size:9px;font-weight:900;letter-spacing:.1em}.drawer-user-summary b{font-size:15px;margin-top:2px}.drawer-user-summary em{font-style:normal;color:#777;font-size:10px;margin-top:2px}.drawer-user-summary i{display:block;height:3px;background:#ede8e2;margin-top:7px}.drawer-user-summary i u{display:block;height:100%;background:#c81924;text-decoration:none}.drawer-guest-summary{margin:10px 18px 2px;padding:14px;border:1px solid #e3ddd7;background:#fff}.drawer-guest-summary>span{display:block;color:#b31720;font-size:9px;font-weight:900;letter-spacing:.1em}.drawer-guest-summary>b{display:block;font-size:15px;margin:2px 0 9px}.drawer-guest-summary>div{display:flex;gap:8px}.drawer-guest-summary a{flex:1;text-align:center;padding:8px 9px;border:1px solid #dcd6cf;color:#1b1b1d;text-decoration:none;font-size:11px;font-weight:800}.drawer-guest-summary a:first-child{background:#171719;color:#fff;border-color:#171719}


/* 5.10.29 final integration polish */
.community-v5 .hbs-user-chip{color:#fff}.community-v5 .hbs-user-chip small{color:rgba(255,255,255,.62)}.community-v5 .hbs-user-chip-avatar{border-color:rgba(255,255,255,.22)}.community-v5-time{font-size:10px;color:rgba(255,255,255,.55);margin-inline-start:auto}.live-chat-user-link{font-weight:800;color:inherit;text-decoration:none}.live-chat-user-link:hover{text-decoration:underline;text-underline-offset:3px}.settings-account-names{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--usr-line)}.avatar-preset-grid [data-avatar-id].is-selected{outline:2px solid var(--usr-red);outline-offset:-2px}.thread-ledger-row{display:grid;grid-template-columns:1fr 70px 95px;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.thread-ledger-main>a{display:block;color:inherit;text-decoration:none}.thread-ledger-main>a:hover h2{color:var(--usr-red)}.thread-ledger-meta{display:flex;align-items:center;gap:11px;min-height:32px}.thread-ledger-meta>span{font-size:9px;color:var(--usr-red);font-weight:800}.thread-ledger-meta .hbs-user-chip b{font-size:11px}.thread-ledger-meta .hbs-user-chip-avatar{width:26px;height:26px;flex-basis:26px}.thread-ledger-row>strong{text-align:center;font:900 22px var(--display)}.thread-ledger-row>time{font-size:9px;color:var(--muted)}
@media(max-width:760px){.thread-ledger-row{grid-template-columns:1fr auto;gap:10px}.thread-ledger-row>time{grid-column:1}.thread-ledger-row>strong{grid-row:1/span 2;grid-column:2}.thread-ledger-meta{flex-wrap:wrap}.community-v5-time{margin-inline-start:0}}

/* 5.10.30 — header panels aligned with the current HBS FANS editorial language */
:root{--head-panel-paper:#f8f6f2;--head-panel-line:#cfc9c0;--head-panel-soft:#e7e2d9;--head-panel-ink:#0b0b0d;--head-panel-red:#d20b23}
.account-head-panel,.notify-head-panel{
  position:fixed;
  z-index:220;
  top:var(--hbs-panel-top,80px);
  left:var(--hbs-panel-left,12px);
  right:auto;
  inset-inline:auto;
  width:var(--hbs-panel-width,390px);
  height:var(--hbs-panel-height,420px);
  max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 96px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--head-panel-paper);
  color:var(--head-panel-ink);
  border:1px solid var(--head-panel-ink);
  border-top:4px solid var(--head-panel-red);
  border-radius:0;
  box-shadow:0 14px 32px rgba(11,11,13,.10);
  transform-origin:top center;
  animation:hbsPanelEditorialIn .16s ease-out;
}
@keyframes hbsPanelEditorialIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.account-head-panel[hidden],.notify-head-panel[hidden]{display:none}
.head-notify-trigger[aria-expanded="true"]:after{border-color:var(--ink);background:rgba(210,11,35,.035)}
.account-head-trigger[aria-expanded="true"] .user-mini{color:var(--red)}

/* identical upper rhythm for account + notifications */
.account-head-top,.notify-head-title{
  min-height:76px;
  padding:14px 16px;
  border-bottom:1px solid var(--head-panel-line);
  background:var(--head-panel-paper);
}
.account-head-top{display:flex;align-items:center;gap:12px}
.account-head-top .avatar{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--head-panel-ink)}
.account-head-top>div{display:grid;min-width:0}
.account-head-top strong,.notify-head-title strong{font:900 16px/1.2 var(--display);letter-spacing:-.02em}
.account-head-top small,.notify-head-title small{font-size:10px;color:var(--muted);margin-top:4px}
.notify-head-title{display:flex;align-items:center;justify-content:space-between;gap:18px}
.notify-head-title div{display:grid}
.notify-head-title a{
  color:var(--head-panel-ink);
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
  white-space:nowrap;
}
.notify-head-title a:hover{color:var(--head-panel-red)}

/* progress is a restrained red rule, not a dashboard widget */
.account-head-progress{height:3px;background:var(--head-panel-soft);margin:0}
.account-head-progress i{display:block;height:100%;background:var(--head-panel-red)}

/* account navigation follows the same flat list language used across the site */
.account-head-links{display:flex;flex:1;min-height:0;flex-direction:column;padding:0;background:var(--head-panel-paper)}
.account-head-links>a,.account-head-logout{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:50px;
  padding:0 16px;
  border:0;
  border-bottom:1px solid var(--head-panel-line);
  border-radius:0;
  background:transparent;
  color:var(--head-panel-ink);
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  transition:background .14s ease,color .14s ease,padding .14s ease;
}
.account-head-links>a svg,.account-head-logout svg{width:17px;height:17px;flex:0 0 17px}
.account-head-links>a:hover{background:#fff;color:var(--head-panel-red);padding-inline-start:20px}
.account-head-sep{display:none}
.account-head-links form{margin-top:auto}
.account-head-logout{width:100%;justify-content:flex-start;border-top:1px solid var(--head-panel-ink);border-bottom:0;color:#a90819;cursor:pointer}
.account-head-logout:hover{background:#fff;color:var(--head-panel-red)}

/* notifications are an editorial ledger, not rounded cards */
.notify-head-list{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;background:var(--head-panel-paper);scrollbar-width:thin;scrollbar-color:#bdb6ad transparent}
.notify-head-item{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 14px;
  align-items:start;
  min-height:64px;
  padding:13px 16px 12px 19px;
  border-bottom:1px solid var(--head-panel-line);
  background:transparent;
  color:var(--head-panel-ink);
  text-decoration:none;
  transition:background .14s ease,padding .14s ease;
}
.notify-head-item>i{
  position:absolute;
  inset-inline-start:0;
  top:0;
  bottom:0;
  width:3px;
  height:auto;
  margin:0;
  border-radius:0;
  background:transparent;
}
.notify-head-item.is-unread>i{background:var(--head-panel-red)}
.notify-head-item:hover{background:#fff;padding-inline-start:23px}
.notify-head-item div{display:grid;gap:3px;min-width:0}
.notify-head-item b{font-size:12px;line-height:1.35;font-weight:900}
.notify-head-item p{margin:0;color:#68636a;font-size:10.5px;line-height:1.5;white-space:normal}
.notify-head-item time{grid-column:2;grid-row:1;color:#858078;font-size:9px;white-space:nowrap;padding-top:2px}
.notify-head-empty{margin:auto;padding:34px 20px;text-align:center;color:var(--muted);font-size:12px}
.notify-head-foot{
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 16px;
  border-top:1px solid var(--head-panel-ink);
  background:var(--head-panel-paper);
}
.notify-head-foot a{color:var(--head-panel-ink);font-size:10px;font-weight:900;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.notify-head-foot a:hover{color:var(--head-panel-red)}

@media(max-width:760px){
  .account-head-panel,.notify-head-panel{
    position:fixed;
    top:var(--hbs-panel-top,70px);
    left:var(--hbs-panel-left,10px);
    right:auto;
    bottom:auto;
    inset-inline:auto;
    width:var(--hbs-panel-width,calc(100vw - 20px));
    height:var(--hbs-panel-height,400px);
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 96px);
    overflow:hidden;
    transform-origin:top center;
  }
  .account-head-top,.notify-head-title{min-height:70px;padding:12px 14px}
  .account-head-links>a,.account-head-logout{min-height:48px;padding-inline:14px}
  .notify-head-item{padding:12px 14px 11px 17px;min-height:61px}
  .notify-head-item:hover{padding-inline-start:21px}
  .notify-head-title a{font-size:9px}
}

@media(prefers-reduced-motion:reduce){.account-head-panel,.notify-head-panel{animation:none}.account-head-links>a,.notify-head-item{transition:none}}

/* ============================================================
   HBS FANS 5.10.41 — compact desktop dropdown + mobile sheet
   Desktop stays under the tools cluster; mobile returns to the
   earlier bottom-sheet behaviour above the fixed mobile dock.
   ============================================================ */
.head-panel-portal{
  position:fixed;
  inset:0;
  z-index:520;
  pointer-events:none;
  overflow:visible;
}
.head-panel-portal>.account-head-panel,
.head-panel-portal>.notify-head-panel{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  margin:0!important;
  pointer-events:auto;
  box-sizing:border-box!important;
  overflow:hidden;
  transform-origin:top left;
}
.head-panel-portal>.notify-head-panel{width:360px!important}
.head-panel-portal>.account-head-panel{width:330px!important}
.head-panel-portal>.notify-head-panel{height:min(410px,calc(100dvh - 112px))!important}
.head-panel-portal>.account-head-panel{height:auto!important;max-height:min(410px,calc(100dvh - 112px))!important}
.account-head-links{overflow-y:auto;overscroll-behavior:contain}
.notify-head-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* Phone behaviour deliberately mirrors the earlier, better mobile version. */
@media(max-width:800px){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{
    top:auto!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:min(70dvh,520px)!important;
    transform-origin:bottom center!important;
    animation:hbsPanelMobileIn .18s ease-out!important;
    box-shadow:0 16px 42px rgba(11,11,13,.18)!important;
    border-top-width:3px;
  }
  .head-panel-portal>.notify-head-panel{height:min(62dvh,470px)!important}
  .account-head-top,.notify-head-title{min-height:64px;padding:11px 13px}
  .account-head-top .avatar{width:40px;height:40px;flex-basis:40px}
  .account-head-top strong,.notify-head-title strong{font-size:15px}
  .account-head-links>a,.account-head-logout{min-height:46px;padding-inline:13px}
  .notify-head-list{max-height:none}
  .notify-head-item{min-height:58px;padding:11px 13px 10px 16px}
  .notify-head-foot{min-height:44px;padding-inline:13px}
}
@keyframes hbsPanelMobileIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:390px){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{left:8px!important;right:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{animation:none!important}
}



/* ============================================================
   HBS FANS 5.10.42 — mobile panel lift + contextual blur
   Keeps the approved 5.10.41 panel language, but lifts the
   mobile sheet and visually separates it from the page below.
   ============================================================ */
.head-panel-portal{
  pointer-events:none;
}
.head-panel-portal::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  opacity:0;
  pointer-events:none;
  background:rgba(10,10,12,.035);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  transition:opacity .16s ease;
}
.head-panel-portal.is-open{
  pointer-events:auto;
}
.head-panel-portal.is-open::before{
  opacity:1;
  pointer-events:auto;
}
.head-panel-portal>.account-head-panel,
.head-panel-portal>.notify-head-panel{
  z-index:2;
}

@media(max-width:800px){
  .head-panel-portal::before{
    background:rgba(8,8,10,.12);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
  }
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{
    /* Raise the mobile sheet away from the bottom dock. */
    bottom:calc(116px + env(safe-area-inset-bottom))!important;
    max-height:min(74dvh,560px)!important;
    box-shadow:0 22px 58px rgba(11,11,13,.22)!important;
  }
  .head-panel-portal>.notify-head-panel{
    height:min(68dvh,530px)!important;
  }
}

@media(max-width:390px){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{
    bottom:calc(108px + env(safe-area-inset-bottom))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .head-panel-portal::before{transition:none}
}

/* ============================================================
   HBS FANS 5.10.43 — desktop account hub
   A single, ordered control rail for search / notifications / user.
   Mobile behaviour is intentionally untouched.
   ============================================================ */
@media(min-width:801px){
  .head-tools{
    gap:0;
    min-height:52px;
    background:#fbfaf7;
    border:1px solid #d7d1c7;
    box-shadow:0 5px 18px rgba(11,11,13,.035);
    overflow:visible;
  }
  .head-tools>.head-icon,
  .head-tools>.notify-head-wrap,
  .head-tools>.account-head-wrap{height:50px}
  .head-tools>.head-icon{
    width:52px;
    height:50px;
    border-inline-start:1px solid #ddd7cf;
    transition:background .16s ease,color .16s ease;
  }
  .head-tools>.head-icon:hover{background:#fff;color:var(--red)}
  .notify-head-wrap{
    width:52px;
    flex:0 0 52px;
    border-inline-start:1px solid #ddd7cf;
  }
  .notify-head-wrap .head-icon{width:100%;height:100%}
  .notify-head-wrap .head-icon:after,
  .head-tools>.head-icon:after{inset:0;border:0;border-bottom:2px solid transparent}
  .notify-head-wrap .head-icon:hover:after,
  .notify-head-wrap .head-icon[aria-expanded="true"]:after,
  .head-tools>.head-icon:hover:after{border-bottom-color:var(--red)}
  .account-head-wrap{flex:0 0 auto}
  .account-head-trigger{
    position:relative;
    height:50px;
    min-width:194px;
    padding:0 11px 0 10px;
    display:flex;
    align-items:center;
    gap:9px;
    background:transparent;
    transition:background .16s ease,color .16s ease;
  }
  .account-head-trigger:before{
    content:"";
    position:absolute;
    inset-inline:0;
    bottom:-1px;
    height:2px;
    background:linear-gradient(to left,var(--red) var(--account-progress,0%),transparent var(--account-progress,0%));
    opacity:.62;
    pointer-events:none;
  }
  .account-head-trigger:hover,
  .account-head-trigger[aria-expanded="true"]{background:#fff}
  .account-head-trigger[aria-expanded="true"]:before{opacity:1;background:var(--red)}
  .account-head-trigger .user-mini{
    flex:1;
    min-width:0;
    gap:10px;
    padding:0;
    margin:0;
    border:0;
  }
  .account-head-trigger .user-mini .avatar{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid #cfc9c0;
    background:#fff;
  }
  .account-head-trigger .user-mini>span:last-child{min-width:0;gap:2px}
  .account-head-trigger .user-mini b{
    font:900 12.5px/1.15 var(--display);
    letter-spacing:-.01em;
    max-width:112px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .account-head-trigger .user-mini small{
    margin:0;
    font-size:9px;
    color:#7d777d;
    white-space:nowrap;
  }
  .account-trigger-chevron{
    width:15px;
    height:15px;
    flex:0 0 15px;
    display:grid;
    place-items:center;
    color:#78727a;
    transition:transform .16s ease,color .16s ease;
  }
  .account-trigger-chevron .icon{width:13px;height:13px}
  .account-head-trigger[aria-expanded="true"] .account-trigger-chevron{transform:rotate(180deg);color:var(--red)}
}

/* Admin entry lives inside the profile menu so management is one click away. */
.account-admin-entry{
  min-height:58px;
  display:grid;
  grid-template-columns:34px 1fr 17px;
  gap:10px;
  align-items:center;
  padding:9px 14px;
  background:var(--head-panel-ink);
  color:#fff;
  border-bottom:1px solid #2c2c31;
  text-decoration:none;
  transition:background .15s ease;
}
.account-admin-entry:hover{background:#17171a}
.account-admin-entry-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
}
.account-admin-entry-icon .icon{width:16px;height:16px}
.account-admin-entry>span:nth-child(2){display:grid;gap:2px;min-width:0}
.account-admin-entry b{font:900 12px/1.2 var(--display)}
.account-admin-entry small{font-size:9px;color:rgba(255,255,255,.64)}
.account-admin-entry>.icon{width:15px;height:15px;color:var(--red)}

@media(max-width:800px){
  .account-trigger-chevron{display:none}
  .account-admin-entry{min-height:54px;padding-inline:13px}
}

/* ============================================================
   HBS FANS 5.10.44 — cleaner desktop account / tools area
   Refines the desktop header tools only.
   Keeps admin access inside the profile dropdown.
   ============================================================ */
@media (min-width: 801px){
  .head-tools{
    gap:10px;
    min-height:auto;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .head-tools > .head-icon,
  .head-tools > .notify-head-wrap,
  .head-tools > .account-head-wrap{
    height:52px;
  }

  .head-tools > .head-icon,
  .notify-head-wrap .head-icon,
  .account-head-trigger{
    border:1px solid #d9d2c8;
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(20,15,12,.05);
  }

  .head-tools > .head-icon{
    width:50px;
    height:52px;
    border-inline-start:1px solid #d9d2c8;
  }

  .head-tools > .head-icon:hover,
  .notify-head-wrap .head-icon:hover,
  .notify-head-wrap .head-icon[aria-expanded="true"]{
    background:#fffaf7;
    border-color:#cec5b9;
    color:var(--red);
    transform:translateY(-1px);
  }

  .notify-head-wrap{
    width:50px;
    flex:0 0 50px;
    border:0;
  }

  .notify-head-wrap .head-icon{
    width:50px;
    height:52px;
  }

  .notify-head-wrap .head-icon:after,
  .head-tools > .head-icon:after{
    display:none;
  }

  .account-head-wrap{
    flex:0 0 auto;
  }

  .account-head-trigger{
    position:relative;
    min-width:228px;
    max-width:248px;
    height:52px;
    padding:6px 10px 6px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    overflow:hidden;
    transition:background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  .account-head-trigger:hover,
  .account-head-trigger[aria-expanded="true"]{
    background:#fffaf7;
    border-color:#cec5b9;
    box-shadow:0 10px 26px rgba(20,15,12,.075);
    transform:translateY(-1px);
  }

  .account-head-trigger:before{
    content:"";
    position:absolute;
    inset-inline:12px 12px;
    bottom:6px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(to left,var(--red) var(--account-progress,0%), #ece6de var(--account-progress,0%));
    opacity:1;
    pointer-events:none;
  }

  .account-head-trigger .user-mini{
    flex:1;
    min-width:0;
    padding:0;
    margin:0;
    border:0;
    gap:10px;
    align-items:center;
  }

  .account-head-trigger .user-mini .avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:1px solid #e3dbd2;
    background:#f7f3ee;
    border-radius:11px;
    overflow:hidden;
  }

  .account-head-trigger .user-mini > span:last-child{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  .account-head-trigger .user-mini b{
    max-width:120px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font:900 12.5px/1.15 var(--display);
    letter-spacing:-.012em;
    color:#111216;
  }

  .account-head-trigger .user-mini small{
    margin:0;
    font:600 9.5px/1.15 var(--font);
    color:#7c7672;
    white-space:nowrap;
  }

  .account-trigger-chevron{
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#f4efe8;
    color:#726b66;
    transition:transform .16s ease, color .16s ease, background .16s ease;
  }

  .account-trigger-chevron .icon{
    width:13px;
    height:13px;
  }

  .account-head-trigger[aria-expanded="true"] .account-trigger-chevron{
    transform:rotate(180deg);
    color:#fff;
    background:var(--red);
  }

  .head-notify-trigger .notify-badge{
    top:-4px;
    inset-inline-start:-4px;
    box-shadow:0 0 0 3px #fff;
  }
}

/* ============================================================
   HBS FANS 5.10.45 — desktop header controls, editorial / sharp
   Keeps the site's established straight, restrained visual language.
   ============================================================ */
@media (min-width: 801px){
  .head-tools{
    gap:7px;
    min-height:auto;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .head-tools > .head-icon,
  .head-tools > .notify-head-wrap,
  .head-tools > .account-head-wrap{
    height:50px;
  }

  .head-tools > .head-icon,
  .notify-head-wrap .head-icon,
  .account-head-trigger{
    border:1px solid #d5cfc6;
    background:#fbfaf7;
    border-radius:2px;
    box-shadow:none;
  }

  .head-tools > .head-icon{
    width:50px;
    height:50px;
    border-inline-start:1px solid #d5cfc6;
  }

  .head-tools > .head-icon:hover,
  .notify-head-wrap .head-icon:hover,
  .notify-head-wrap .head-icon[aria-expanded="true"]{
    background:#f4f0ea;
    border-color:#a9a198;
    color:var(--red);
    transform:none;
  }

  .notify-head-wrap{
    width:50px;
    flex:0 0 50px;
    border:0;
  }

  .notify-head-wrap .head-icon{
    width:50px;
    height:50px;
  }

  .notify-head-wrap .head-icon:after,
  .head-tools > .head-icon:after{
    display:none;
  }

  .account-head-wrap{
    flex:0 0 auto;
  }

  .account-head-trigger{
    position:relative;
    min-width:220px;
    max-width:240px;
    height:50px;
    padding:4px 9px 5px 11px;
    display:flex;
    align-items:center;
    gap:9px;
    overflow:hidden;
    transition:background .15s ease,border-color .15s ease,color .15s ease;
  }

  .account-head-trigger:hover,
  .account-head-trigger[aria-expanded="true"]{
    background:#f4f0ea;
    border-color:#a9a198;
    box-shadow:none;
    transform:none;
  }

  .account-head-trigger:before{
    content:"";
    position:absolute;
    right:0;
    left:auto;
    bottom:-1px;
    width:var(--account-progress,0%);
    max-width:100%;
    height:2px;
    background:var(--red);
    border-radius:0;
    opacity:1;
    pointer-events:none;
  }

  .account-head-trigger:after{
    content:"";
    position:absolute;
    right:0;
    left:0;
    bottom:-1px;
    height:1px;
    background:#d8d1c8;
    z-index:-1;
    pointer-events:none;
  }

  .account-head-trigger .user-mini{
    flex:1;
    min-width:0;
    padding:0;
    margin:0;
    border:0;
    gap:9px;
    align-items:center;
  }

  .account-head-trigger .user-mini .avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:0;
    border-inline-start:1px solid #ded8d0;
    background:#eee9e2;
    border-radius:0;
    overflow:hidden;
  }

  .account-head-trigger .user-mini > span:last-child{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
    text-align:right;
  }

  .account-head-trigger .user-mini b{
    max-width:122px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font:900 12.5px/1.15 var(--display);
    letter-spacing:-.012em;
    color:#111216;
  }

  .account-head-trigger .user-mini small{
    margin:0;
    font:600 9px/1.15 var(--font);
    color:#817b75;
    white-space:nowrap;
  }

  .account-trigger-chevron{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:0;
    background:transparent;
    color:#77716c;
    transition:transform .16s ease,color .16s ease;
  }

  .account-trigger-chevron .icon{
    width:12px;
    height:12px;
  }

  .account-head-trigger[aria-expanded="true"] .account-trigger-chevron{
    transform:rotate(180deg);
    color:var(--red);
    background:transparent;
  }

  .head-notify-trigger .notify-badge{
    top:-5px;
    inset-inline-start:-5px;
    min-width:17px;
    height:17px;
    border-radius:9px;
    box-shadow:0 0 0 2px #fbfaf7;
  }
}

/* HBS FANS · moderation controls */
.hbs-moderation-menu{position:relative;display:inline-block;margin-inline-start:6px;z-index:12}.hbs-moderation-menu>summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ddd7d0;background:#fff;color:#4c4743;font:900 14px/1 Arial,sans-serif;cursor:pointer;letter-spacing:1px}.hbs-moderation-menu>summary::-webkit-details-marker{display:none}.hbs-moderation-menu[open]>summary{border-color:#b81422;color:#b81422}.hbs-moderation-menu__panel{position:absolute;top:38px;left:0;width:min(280px,82vw);padding:12px;background:#fff;border:1px solid #d8d1ca;box-shadow:0 18px 44px rgba(22,18,16,.16);z-index:80}.hbs-moderation-menu__panel form{display:grid!important;gap:7px!important;margin:0!important}.hbs-moderation-menu__panel form+form{margin-top:9px!important;padding-top:9px!important;border-top:1px solid #eee9e4}.hbs-moderation-menu__panel label{display:grid;gap:5px;font-size:9px;font-weight:800}.hbs-moderation-menu__panel select,.hbs-moderation-menu__panel textarea{width:100%;border:1px solid #ddd6cf;background:#faf8f5;color:#242225;padding:8px;font:inherit;resize:vertical}.hbs-moderation-menu__panel button{min-height:34px;border:0!important;background:#202023!important;color:#fff!important;padding:0 10px!important;font:800 9px/1 inherit!important;cursor:pointer!important}.hbs-moderation-menu__panel .hbs-moderation-block button{background:#fff!important;color:#aa1320!important;border:1px solid #d9c7ca!important}.community26-post-head-tools{display:flex;align-items:center;gap:6px}.community26-featured header{position:relative}.community26-featured .hbs-moderation-menu{margin-inline-start:auto}.thread26-meta .hbs-moderation-menu{margin-inline-start:auto}.thread26-reply header .hbs-moderation-menu{margin-inline-start:auto}.forum26-thread header{position:relative;display:flex;align-items:center;gap:8px}.forum26-thread header .hbs-moderation-menu{margin-inline-start:auto}.user-profile-actions .hbs-moderation-menu{align-self:center}
@media(max-width:760px){.hbs-moderation-menu__panel{position:fixed;left:12px;right:12px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-width:none}.hbs-moderation-menu>summary{width:36px;height:36px}}
.live-chat-message>div{position:relative}.live-chat-moderation{margin-inline-start:auto}.live-chat-moderation>summary{font-size:14px;letter-spacing:2px}.live-chat-moderation .hbs-moderation-menu__panel{min-width:185px}.live-chat-moderation form:first-child button{background:#1c1a1b;color:#fff;border:0;width:100%;padding:10px;font-size:9px;font-weight:900;cursor:pointer}
\n\n/* ============================================================
   HBS FANS 6.0.1 — one motion language for account + bell menus
   ============================================================ */
.head-panel-portal>.account-head-panel,
.head-panel-portal>.notify-head-panel{
  animation:none!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-10px,0) scale(.985);
  transform-origin:top center;
  transition:opacity .20s ease,transform .24s cubic-bezier(.2,.82,.2,1),visibility 0s linear .24s!important;
  will-change:transform,opacity;
}
.head-panel-portal>.account-head-panel.is-menu-open,
.head-panel-portal>.notify-head-panel.is-menu-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
  transition-delay:0s!important;
}
.head-panel-portal>.account-head-panel.is-menu-closing,
.head-panel-portal>.notify-head-panel.is-menu-closing{
  pointer-events:none;
}
.account-head-trigger .account-trigger-chevron .icon,
.head-notify-trigger .icon{
  transition:transform .24s cubic-bezier(.2,.82,.2,1);
}
.account-head-trigger[aria-expanded="true"] .account-trigger-chevron .icon{
  transform:rotate(180deg);
}
@media(max-width:800px){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel{
    transform:translate3d(0,10px,0) scale(.988);
    transform-origin:bottom center!important;
  }
  .head-panel-portal>.account-head-panel.is-menu-open,
  .head-panel-portal>.notify-head-panel.is-menu-open{
    transform:translate3d(0,0,0) scale(1);
  }
}
@media(prefers-reduced-motion:reduce){
  .head-panel-portal>.account-head-panel,
  .head-panel-portal>.notify-head-panel,
  .account-head-trigger .account-trigger-chevron .icon,
  .head-notify-trigger .icon{transition:none!important;transform:none!important}
}