/* Off-white surfaces and faded espresso-black chrome. Stage, status and client colors retain meaning. */
:root{--hm-strong:#53514d;--hm-dim:#aaa8a2;--hm-edge:#c4c2bc;--hm-ink:#2e2c2a;--hm-bone:#f7f7f4;--hm-paper:#fdfdfb;--hm-mist:#efefec;--hm-line:#deded9;--hm-muted:#706e6a;--ink:var(--hm-ink);--muted:var(--hm-muted);--bg:var(--hm-bone);--line:var(--hm-line);--paper:var(--hm-paper);--dark:#292725;--purple:#585755;--soft:#f0efed;--accent:#585755;--accent-soft:#f0efed}
body{background:var(--hm-bone);color:var(--hm-ink)}
.shell,.client-mode{--purple:#585755;--soft:#f0efed;--accent:#585755;--accent-soft:#f0efed;--ink:var(--hm-ink);--muted:var(--hm-muted);--line:var(--hm-line)}
.shell :is(.subtitle,.eyebrow){color:var(--hm-muted)}
.shell :is(.panel,.card,.studio-setting-card,.overview-panel,.week-panel),dialog#modal{background:var(--hm-paper);border-color:var(--hm-line)}
.shell .studio-setting-card:hover{background:#f2f1ef;border-color:#c5c4c2}
.shell .topbar{background:var(--hm-bone)!important}
.shell .workspace-dock,.mobile-navigation{background:#292725!important;border-color:#353432;color:#f0efed}
.shell .dock-link,.shell .dock-client-picker>summary.dock-link{color:#d6d5d3}
.shell .dock-link:hover,.shell .dock-client-picker>summary.dock-link:hover{background:#42413f;color:#fdfcfa}
.shell .dock-link.active,.shell .dock-client-picker>summary.dock-link.active,.shell .dock-client-picker[open]>summary.dock-link,.mobile-navigation-links .dock-link.active{background:#f1f0ee;color:#2d2c2a;box-shadow:none}
.mobile-navigation-toggle,.mobile-navigation-close{background:#2d2c2a;border-color:#535250;color:#f6f5f3}
.shell .elastic-app-mark,.mobile-navigation .elastic-app-mark{color:#f6f5f3}
.shell .dock-tooltip,.dock-client-popover,.client-view-popover,.notification-panel{background:var(--hm-paper);border-color:var(--hm-line);color:var(--hm-ink)}
.shell .account-header .client-view-picker>summary{background:#f0efed;border-color:#dedddb;color:#5d5c5a}
:where(.shell,dialog,.workspace-tour) :is(button,a,summary,input,textarea,select):focus-visible{outline-color:#777674}
:where(.shell,dialog,.workspace-tour) :is(input[type=checkbox],input[type=range]){accent-color:#5c5b59}
.shell .btn.primary:not(.danger),.shell .btn.dark,dialog#modal .btn.primary:not(.danger){background:#2d2c2a!important;border-color:#2d2c2a!important;color:#fdfcfa!important}
.shell .btn.primary:not(.danger):hover{background:#42413f!important}
.shell .setting-icon{background:#2d2c2a;color:#f6f5f3}
.shell .studio-setting-card:nth-child(even) .setting-icon{background:#e9e8e6;color:#5a5957}
.shell .morning-brief{background:var(--hm-paper);border-color:var(--hm-line)}
.shell .morning-brief .morning-hero{background:#2e2d2b!important;color:#fbfaf8}
.shell .morning-hero h2{color:#fdfcfa!important}.shell .morning-brief .morning-hero p{color:#d2d1cf}
.shell .morning-pulse-item{background:#3d3c3a;border-color:#605f5d;color:#e0dfdd}
.shell .morning-pulse-item:hover{background:#484745;border-color:#91908e}.shell .morning-pulse-item strong{color:#fbfaf8}
.shell .morning-brief .day-identity{border-color:#6e6d6b;color:#e9e8e6}.shell .day-identity .day-weekday{color:#d1d0ce}
.shell .day-update-strip>button{background:#f2f1ef;border-color:#e1e0de;color:#474644}.shell .day-update-strip>button:hover{background:#e8e7e5}.shell .day-update-icon,.shell .brief-clear-symbol{background:#e6e5e3;color:#61605e}.shell .day-update-count{background:#474644;color:#faf9f7}
.shell .device-setup-banner{background:#f0efed;border-color:#dcdbd9;color:#484745}.shell .device-setup-banner p{color:#696866}.shell .device-setup-banner .device-checklist>span{background:#fcfbf9;border-color:#e2e1df;color:#6c6b69}
.shell .week-day.is-today,.shell .visual-day.today{background:#edecea}.shell .visual-weekdays{background:#ecebe9;color:#676664}
.shell .pipeline-format-tabs,.shell .pipeline-section-tabs{background:#eeedeb;border-color:#dddcda}
.shell .chat-drawer,.shell .chat-drawer-head{background:var(--hm-paper);border-color:var(--hm-line);color:var(--hm-ink)}
.shell .chat-launcher{background:#2d2c2a;color:#f6f5f3;border-color:#4b4a48}.shell .chat-launcher .launcher-icon{background:#4d4c4a;color:#f2f1ef}
.shell .chat-composer{background:#f6f5f3;border-color:var(--hm-line)}
.shell .chat-composer textarea,#modal :is(.pipeline-conversation textarea,.task-writing textarea,.task-writing input){background:#fdfcfa;border-color:#d6d5d3;color:#3a3937}
#modal :is(.pipeline-conversation,.task-writing,.task-detail-notes,.pipeline-production-upload,.pipeline-file,.pipeline-deliverable,.pipeline-slide){background:#f3f2f0;border-color:#dedddb;color:#42413f}
#modal .pipeline-conversation{background:#ebeae8}#modal .pipeline-conversation :is(p,time),#modal .task-detail-notes p{color:#6f6e6c}
#modal .pipeline-section-tabs{background:#eeedeb;border-color:#dbdad8}#modal .pipeline-section-tabs .btn{color:#686765}#modal .pipeline-section-tabs .btn[aria-pressed=true]{background:#d8d7d5!important;color:#434240!important}
#modal .modal-head .close{background:#ebeae8;color:#4f4e4c}
.workspace-tour .tour-panel,.workspace-tour .tour-welcome-screen,.workspace-tour .tour-welcome-screen .tour-top,.workspace-tour .tour-welcome-footer{background:#fdfcfa;color:#2d2c2a}
.workspace-tour .tour-top,.workspace-tour .tour-eyebrow{color:#7e7d7b}.workspace-tour h2{color:#2d2c2a}
.workspace-tour .tour-footer{background:#f5f4f2;border-color:#e3e2e0}.workspace-tour .tour-progress{background:#e7e6e4}.workspace-tour .tour-progress>i{background:#787775}
.workspace-tour :is(.tour-next,.tour-welcome-footer .tour-next){background:#2d2c2a!important;color:#fdfcfa!important;border-color:#2d2c2a}
.workspace-tour .tour-top>button{background:#eeedeb;color:#5b5a58}.workspace-tour .tour-controls>button:not(.tour-next){color:#6c6b69}
.watch-demo{background:#f7f6f4;border-color:#dfdedc;color:#353432}.watch-stage{background:#fcfbf9}.watch-demo-heading{background:#edecea;border-color:#dddcda}.watch-demo-heading>span{background:#333230;color:#faf9f7}.watch-demo-heading>small{background:#fcfbf9;color:#7a7977}
.watch-caption,.watch-playback button{color:#545351}.watch-playback button:hover{background:#e8e7e5}.watch-time{background:#e1e0de}.watch-time>i{background:#848381}
.watch-scene h3{color:#333230}.watch-scene p,.watch-scene small{color:#737270}
.watch-pointer>svg{fill:#3e3d3b;stroke:#fdfcfa}.watch-pointer>i{border-color:#92918f}
.watch-row,.watch-note,.watch-input,.watch-format-flow{background:#fdfcfa;border-color:#e0dfdd;color:#494846}
.watch-row>i,.watch-metrics>span,.watch-formats>div,.watch-week>span,.watch-date,.watch-notification-top>span{background:#ebeae8;border-color:#d7d6d4;color:#575654}
.watch-action,.watch-launcher,.watch-pill.active,.watch-week .chosen{background:#41403e;color:#fbfaf8}
.watch-orbit{background:#e0dfdd;color:#595856}.watch-orbit::before,.watch-orbit::after{background:#b1b0ae}
.watch-bubble{background:#e5e4e2;color:#484745}.watch-compose{background:#fdfcfa;border-color:#d8d7d5}.watch-metrics .chosen,.watch-formats>div.chosen{background:#e0dfdd;border-color:#8e8d8b}
.watch-sheet,.watch-date{background:#f8f7f5}.watch-lines i{background:#dfdedc}.watch-calendar>span{background:#fdfcfa;border-color:#d9d8d6}
.auth-stage.elastic-auth{background:#252321!important}.elastic-auth .elastic-satellite{background:#d6d5d3}.elastic-auth .elastic-satellite.second{background:#8f8e8c}
.auth-stage.elastic-auth .login input{background:#2d2c2a!important;border-color:#575654;color:#f4f3f1}.auth-stage.elastic-auth #auth-form .btn.primary{background:#ebeae8!important;color:#2a2927!important}
.workspace-tour .hm-welcome-composition>span,.workspace-tour .tour-welcome-screen h2,.workspace-tour .tour-watch h2{color:#2d2c2a}
.workspace-tour .hm-welcome-composition i{background:#b0afad}.workspace-tour .hm-welcome-composition i:nth-of-type(2){background:#e1e0de}.workspace-tour .hm-welcome-composition i:nth-of-type(3){background:#edecea}
.workspace-tour .tour-topics button{background:#fdfcfa;border-color:#dddcda;color:#535250}
.watch-film{background:#e6e5e3}.watch-film>i{background:#949391}.watch-film>i:nth-child(2){background:#464543}.watch-film>i:nth-child(3){background:#c1c0be}.watch-detail{background:#3e3d3b}.watch-detail span{color:#e1e0de}
.shell .chat-launcher,.chat-toggle{background:#2d2c2a!important;color:#f6f5f3!important;border-color:#4b4a48}
.chat-dock .chat-launcher>span,.chat-dock .chat-launcher>small{color:#efeeec!important}.chat-dock .chat-launcher>.launcher-icon{background:#555452!important;color:#f2f1ef!important}
.shell .pipeline-format-tabs button[aria-pressed=true]{background:#434240;color:#fdfcfa}
.shell .btn.ghost{color:#6c6b69}.shell .btn:not(.primary):not(.danger):hover{background:#ecebe9!important;border-color:#b4b3b1}
.workspace-tour .tour-panel.tour-watch{background:#fdfcfa}
.watch-metrics b{color:#4a4947}.watch-metrics .chosen b{color:#3b3a38}
.shell :is(.info-callout,.preview-note,.inbox-preview-note){background:#f0efed;border-color:#dedddb;color:#6b6a68}
.notification-bell,.notification-close{background:#ecebe9;color:#595856;border-color:#d5d4d2}.notification-heading{background:#eeedeb}.notification-toolbar,.notification-footer{background:#faf9f7}.notification-row.is-unread{background:#f0efed}.notification-symbol{background:#e3e2e0;color:#636260}.notification-count,.notification-unread-dot{background:#706f6d}
.hm-motion-mark i{background:#f1f0ee}.hm-motion-mark i:nth-child(2){background:#a8a7a5}.hm-motion-mark i:nth-child(3){background:#d1d0ce}
.shell .brief-clear-symbol::after{background:#a3a2a0}.shell .brief-section-title>span{background:#eae9e7;color:#6e6d6b}
.shell .pipeline-format-tabs button[aria-pressed=true]{background:#434240!important;color:#fdfcfa!important}
.watch-sheet.compact{background:#ebeae8}

/* Shared dashboard material across every workspace route and transient surface. */
:root{--hm-dark:#292725;--hm-on-dark:#f7f7f4;--hm-selected:#e4e3df;--hm-hover:#f0efed;--border:var(--hm-line)}
:where(.shell,#modal,.action-confirmation,.chat-dock,.upload-tray){--accent:var(--hm-strong);--accent-soft:var(--hm-mist);--purple:var(--hm-strong);--soft:var(--hm-mist)}
:where(.shell,#modal,.chat-dock) :is(.field,.tiny,.quiet-link){color:var(--hm-muted)}
:where(.shell,#modal,.chat-dock) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--hm-paper);color:var(--hm-ink);border-color:var(--hm-line);box-shadow:none}
:where(.shell,#modal,.chat-dock) :is(input,textarea)::placeholder{color:var(--hm-muted)}
:where(.shell,#modal,.chat-dock,.upload-tray) .btn:not(.primary):not(.dark):not(.danger){color:var(--hm-strong)}
:where(.shell,#modal,.chat-dock,.upload-tray) .btn:is(.primary,.dark):not(.danger):hover{background:var(--hm-strong)!important;color:var(--hm-on-dark)!important}
:where(.shell,#modal) [data-glass-segments]{background:var(--hm-mist);border-color:var(--hm-line)}
:where(.shell,#modal) [data-glass-segments]::before{background:var(--hm-selected)!important;border-color:var(--hm-line)}
:where(.shell,#modal) [data-glass-segments]>button:is(.active,.is-selected,[aria-pressed=true],[aria-selected=true]){color:var(--hm-ink)!important}
.shell :is(.filter,.tab,.work-tab,.content-category).active{background:var(--hm-selected);color:var(--hm-ink)}
.shell .content h1[data-brand-title],.shell :is(.todo-title,.work-client-title,.work-shoot-title,.idea-title){color:var(--hm-ink)}
:where(.shell,#modal) :is(.empty,.work-empty,.brain-empty,.day-dialog-empty,.mail-reader-empty,.chat-empty){color:var(--hm-muted)}
:where(.shell,#modal) :is(.empty-orbit,.work-brand-fallback,.content-file-glyph,.reference-link-icon,.content-type-art){background:var(--hm-mist);color:var(--hm-strong)}
.shell .content :is(.empty h2,.empty h3,.mail-reader-empty h2){color:var(--hm-ink)}
.shell .content :is(.empty p,.mail-reader-empty p){color:var(--hm-muted)}
/* Menus, confirmations, notifications and uploads use the same neutral chrome. */
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a){color:var(--hm-strong)}
:where(.overflow-menu-items,.client-view-popover,.dock-client-popover) :is(button,a):hover{background:var(--hm-mist)}
.overflow-menu>summary{background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line)}
#modal .modal-head h2::before{background:var(--hm-dim)}
#modal .modal-footer{background:var(--hm-bone)}
dialog::backdrop{background:#29272565}
#toast,.motion-completion{background:var(--hm-dark)!important;color:var(--hm-on-dark)!important;border-color:var(--hm-strong)}
.notification-item-title{color:var(--hm-ink)}.notification-copy,.notification-empty{color:var(--hm-muted)}
:where(.file-dropzone,.dropzone,.media-placeholder){background:var(--hm-bone);border-color:var(--hm-edge);color:var(--hm-strong)}
:where(.file-dropzone,.dropzone):is(:hover,.drag-over){background:var(--hm-mist);border-color:var(--hm-muted)}
.file-drop-icon{background:var(--hm-selected);color:var(--hm-ink)}
/* To-dos and all selection controls. Group, priority and overdue colors still carry meaning. */
.shell :is(.todo-area-tabs,.todo-tabs){background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line)}
.shell :is(.todo-area-tabs,.todo-tabs) button{color:var(--hm-muted)}
.shell :is(.todo-area-tabs,.todo-tabs) button[aria-pressed=true]{background:var(--hm-selected);color:var(--hm-ink)}
.shell .todo-group>header{background:var(--hm-bone)}
.shell .todo-group-count{background:var(--hm-selected);color:var(--hm-strong)}
.shell :is(.todo-search,.todo-card){background:var(--hm-paper);border-color:var(--hm-line);color:var(--hm-ink)}
/* Calendar chrome: keep event/client colors on the calendar itself. */
.shell :is(.visual-calendar-toolbar,.visual-weekdays,.visual-calendar-toolbar .tabs){background:var(--hm-mist);color:var(--hm-muted);border-color:var(--hm-line)}
.shell .visual-day{background:var(--hm-paper);border-color:var(--hm-line)}
.shell .visual-day:is(.today,.is-today){background:var(--hm-mist)}
.shell .visual-day:is(.today,.is-today) :is(.day-num,.calendar-day-header>span){background:var(--hm-dark);color:var(--hm-on-dark)}
.shell :is(.calendar-day-add,.calendar-day-count){background:var(--hm-selected);color:var(--hm-strong)}
.shell :is(.calendar-mobile-summary,.visual-calendar-legend,.calendar-day-more){color:var(--hm-muted)}
/* Client workspaces, projects and the content library. */
.shell :is(.workspace-metrics>button,.projects-first .shoot-card,.unassigned-section .bank-row,.content-library-page .empty,.work-client-card,.work-shoot-card,.performance-client-card,.performance-detail){background:var(--hm-paper);border-color:var(--hm-line);color:var(--hm-ink)}
.shell :is(.work-home-stats button,.work-shoot-summary,.work-kind,.work-idea-kind,.work-section-count,.project-section-count,.content-library-tools .search,.content-status-rail,.work-tabs){background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line)}
.shell .content-status-rail::before{background:var(--hm-paper)!important}
.shell .content-status-rail>.content-status-tab{color:var(--hm-muted)}
.shell .content-status-rail>.content-status-tab.active{color:var(--hm-ink)}
.shell :is(.work-tab,.workspace-link,.work-asset-link,.work-deliverable-row,.work-shoot-meta,.work-card-stats,.work-card-footer){color:var(--hm-muted)}
.shell .client-workspace .work-shoot-card:hover{background:var(--hm-bone)}
.shell :is(.work-review-thumbnail.calendar-thumb,.work-review-thumbnail.preview-failed:after){background:var(--hm-mist);color:var(--hm-muted)}
.shell .workspace-metrics>button:hover{background:var(--hm-mist)}
/* Performance uses the dashboard's dark hero and light cards, retaining data colors. */
.shell .performance-intro{background:var(--hm-dark);color:var(--hm-on-dark)}
.shell .performance-intro :is(.eyebrow,p,.performance-connection-count span){color:#d2d1cf}
.shell .performance-connection-count{border-color:var(--hm-strong)}
.shell :is(.performance-all-clients,.performance-setup-note,.client-period-results,.performance-client-card>header,.post-placeholder,.social-form-steps b,.social-save-note){background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line)}
.shell :is(.performance-top-controls label,.performance-client-card>header small,.social-profile-head a,.social-profile-values span,.social-profile-values small,.client-period-values span,.client-period-values small,.social-profile-foot,.social-missing small,.social-section-label,.social-section-label>span,.client-period-results p,.client-recent-posts>p,.social-post small,.performance-footnote,.performance-setup-note strong,.performance-setup-note p,.performance-detail>summary){color:var(--hm-muted)}
.shell :is(.social-profile,.social-missing,.client-period-results){border-color:var(--hm-line)}
/* Inbox and messages, including chips and composer subpanels. */
.shell :is(.inbox-active-account,.mail-folders,.mail-search-field,.chat-mailbox-tabs,.chat-related-picker,.chat-audience-note){background:var(--hm-mist);color:var(--hm-muted);border-color:var(--hm-line)}
.shell :is(.mail-folder-button,.chat-mailbox-tabs .btn){color:var(--hm-muted)}
.shell :is(.mail-folder-button.active,.chat-thread.active,.chat-thread.is-active,.chat-client-chips .btn[aria-pressed=true],.chat-workspace-choice:has(input:checked),.chat-related-options label:has(input:checked)){background:var(--hm-selected);color:var(--hm-ink);border-color:var(--hm-edge)}
.shell :is(.chat-thread:hover,.chat-related-options label:hover){background:var(--hm-mist)}
.shell :is(.chat-swipe>.swipe-content,.chat-client-chips .btn,.chat-workspace-choice,.chat-related-options,.chat-composer textarea){background:var(--hm-paper);color:var(--hm-ink);border-color:var(--hm-line)}
.shell .chat-mailbox-tabs .btn[aria-pressed=true]{background:var(--hm-paper)!important;color:var(--hm-ink)}
/* Review controls stay neutral around the client's actual artwork and video. */
.shell :is(.review-decision,.typed-review>.content-review-aside,.content-gallery,.content-upload-project,.review-pipeline){background:var(--hm-paper);border-color:var(--hm-line);color:var(--hm-ink);box-shadow:none}
.shell :is(.typed-review .content-preview,.typed-review.review-email .content-preview,.content-gallery-stage,.email-preview-toolbar [role=group],.content-gallery-count){background:var(--hm-mist);color:var(--hm-muted);border-color:var(--hm-line)}
.shell .review-tool-card{--tool-accent:var(--hm-strong)}
.shell :is(.review-tool-value,.review-tool-time,.review-decision h2){color:var(--hm-ink)}
.shell :is(.review-tool-card p,.review-tool-hint,.review-decision p,.email-preview-toolbar>span,.review-pipeline-next p){color:var(--hm-muted)}
.shell :is(.email-preview-toolbar .btn[aria-pressed=true],.content-gallery-pages>.btn.active){background:var(--hm-selected);color:var(--hm-ink);border-color:var(--hm-line)}
.shell :is(.review-side .review-caption-block textarea,.review-side .review-notes-block textarea){background:var(--hm-bone);border-color:var(--hm-line);color:var(--hm-ink)}
.voiceover-editor .vo-countdown{background:var(--hm-bone);color:var(--hm-ink)}
.voiceover-editor .vo-count-orbit{background:var(--hm-paper);border-color:var(--hm-line);box-shadow:none}
.voiceover-editor #vo-count{color:var(--hm-ink)}
/* Profiles, access and setup share the same selected, default and empty states. */
.shell :is(.profile-photo-edit .profile-avatar,.profile-studio-badge,.access-badge:not(.active-member),.access-members-title span,.auth-invite,.onboarding-flow>div){background:var(--hm-mist);color:var(--hm-muted)}
.shell :is(.profile-photo-controls .profile-photo-picker,.profile-collection-label select){background:var(--hm-paper);color:var(--hm-strong);border-color:var(--hm-line)}
.shell .profile-icon-option input:checked+.profile-icon-tile{background:var(--hm-selected)}
.shell .profile-icon-tile i{background:var(--hm-dark);color:var(--hm-on-dark)}
.shell .client-switch{background:var(--hm-dark);color:var(--hm-on-dark)}
.shell .client-preview-bar{background:var(--hm-mist);color:var(--hm-strong);border-color:var(--hm-line)}
.shell .client-preview-bar small{color:var(--hm-muted)}
.shell .account-header .profile-trigger{background:var(--hm-mist);border-color:var(--hm-line)}
.mobile-navigation-links .dock-symbol{background:var(--hm-strong);color:var(--hm-on-dark)}
.mobile-navigation-links .dock-link.active .dock-symbol{background:var(--hm-dark);color:var(--hm-on-dark)}
.mobile-navigation-links .dock-client-option:is(:hover,.current){background:var(--hm-selected);color:var(--hm-ink)}
/* Secondary labels and counts use the same ink, with color reserved for their markers. */
.shell .content-status-tab :is(b,strong){color:var(--hm-ink)}
.shell :is(.inbox-heading>div>p,.inbox-account-filter,.inbox-menu-note,.mail-folder-title,.mail-unread-toggle,.mail-list-empty,.mail-search-field>svg){color:var(--hm-muted)}
.shell :is(.mail-list-header h2,.mail-list-heading h2,.social-client-heading h2,.social-account-heading h2){color:var(--hm-ink)}
.shell :is(.visual-calendar-toolbar .btn,.calendar-day-header .day-num){color:var(--hm-strong)}
.shell .visual-day.today .calendar-day-header .day-num{color:var(--hm-on-dark)}
#modal :is(.todo-form .field,#todo-form .field,#todo-group-form .field){color:var(--hm-strong)}
.shell :is(.social-connect-access,.social-connect-setup,.social-connect-account){background:var(--hm-bone);color:var(--hm-ink);border-color:var(--hm-line)}
.shell .social-account-sync>[data-action="dashboard-social-setup"]{background:var(--hm-dark)!important;color:var(--hm-on-dark)!important}
/* Page-specific symbols share the navigation artwork; no duplicate capsule flourish. */
.shell .content h1[data-brand-title]::after{display:none}
.hm-page-symbol{display:inline-flex;align-items:center;justify-content:center;width:.7em;height:.7em;margin-left:.35em;vertical-align:.04em;color:var(--hm-strong);opacity:.8;letter-spacing:0}
.hm-page-symbol .hm-icon{width:100%;height:100%;stroke-width:1.8}
@media(max-width:480px){.hm-page-symbol{width:.62em;height:.62em;margin-left:.25em}}
/* The characters stay crisp at profile, chat and comment sizes. */
.profile-icon-tile img{box-shadow:none;border:1px solid var(--hm-line)}
.shell .profile-icon-option input:checked+.profile-icon-tile{background:var(--hm-selected);border-color:var(--hm-ink)}
.profile-icon-option input:focus-visible+.profile-icon-tile{outline-color:var(--hm-ink)}
.profile-picture-status{color:var(--hm-muted)}