.moods-badge,.moods-custom,.moods-none{box-sizing:border-box!important;display:inline-flex!important;vertical-align:middle;width:100px!important;height:26px!important;min-height:26px!important;max-width:100px!important;flex:none!important;position:relative;align-items:center;gap:3px;padding:1px 5px 1px 1px;border:1px solid #b9b0d1;border-radius:7px;background:linear-gradient(180deg,#9a7bdf,#604099);box-shadow:inset 0 1px 0 #ffffff85,0 1px 2px #0004;color:#fff;font:700 10px/1.1 system-ui,sans-serif;letter-spacing:.15px;overflow:hidden;white-space:nowrap}
.moods-face{display:inline-block!important;width:22px!important;height:22px!important;min-width:22px!important;flex:none!important;background-size:400% 400%;background-repeat:no-repeat;background-color:transparent}.moods-title{overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center;font-size:10px}.moods-image-only .moods-face{margin:auto}.moods-tone-0{background:linear-gradient(#508b72,#245143)}.moods-tone-1{background:linear-gradient(#719bd6,#3e5799)}.moods-tone-2{background:linear-gradient(#db6c9b,#903c70)}.moods-tone-3{background:linear-gradient(#43a9b7,#25616d)}.moods-tone-4{background:linear-gradient(#8c7bba,#51436c)}.moods-tone-5{background:linear-gradient(#be8b53,#795633)}.moods-tone-6{background:linear-gradient(#7b8b97,#444c5a)}.moods-tone-7{background:linear-gradient(#7783bc,#414b80)}
.moods-custom{padding:0;background:transparent;box-shadow:none}.moods-custom img{display:block!important;width:100px!important;height:26px!important;max-width:100px!important;max-height:26px!important;object-fit:contain;margin:0!important;border:0!important;border-radius:0!important}.moods-none{justify-content:center;background:linear-gradient(#72717e,#3c3c47)}.moods-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.moods-slot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0;min-width:0;max-width:100%}.post-author>.moods-slot{justify-content:center}.moods-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.moods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px;padding:8px 0 16px;max-width:620px}.moods-option{display:flex!important;align-items:center;gap:4px;cursor:pointer;padding:5px;border:2px solid transparent;border-radius:8px;justify-content:center;margin:0!important}.moods-option:has(input:checked){border-color:#b994ff;background:#9c76c31c}.moods-option input{width:14px!important;height:14px!important;flex:none;margin:0!important}.moods-option:focus-within{outline:2px solid #b994ff;outline-offset:2px}.moods-visitor-panel{padding:10px;border:1px solid var(--border,#70627a);border-radius:8px;margin:10px;font-size:12px}.moods-visitor-panel>strong{margin-right:10px}.moods-quick{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.moods-page form label{display:block;margin:8px 0}.moods-page form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.moods-page form select{max-width:100%;display:block}.moods-page details{padding:10px 0;border-bottom:1px solid var(--border,#7775)}.moods-sort{list-style:none;padding:0}.moods-sort li{display:flex;align-items:center;gap:8px;margin:5px 0}.moods-sort li>span{flex:1}.moods-feed{padding-left:20px}.moods-feed li{margin:7px 0}.moods-feed small{display:block;opacity:.75}.moods-notice{padding:10px;border:1px solid var(--border,#777);border-radius:6px}
.moods-dialog{box-sizing:border-box;width:min(650px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:22px;border:1px solid var(--border,#78648a);border-radius:12px;background:var(--surface,#252135);color:var(--text,#fff);box-shadow:0 20px 70px #0009}.moods-dialog::backdrop{background:#0009}.moods-dialog h2{font-size:20px;margin:0 26px 12px 0}.moods-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer}.moods-tooltip{position:fixed;z-index:100050;padding:7px;border:1px solid var(--border,#70627a);border-radius:8px;background:var(--surface,#252135);box-shadow:0 5px 20px #0007;pointer-events:none}.moods-tooltip[hidden]{display:none}.moods-activity-card{margin-top:16px}
@media(max-width:420px){.moods-dialog{padding:16px 10px}.moods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.moods-option{padding:4px 1px;gap:2px}.moods-quick{flex-wrap:wrap}}

.moods-art-gallery{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.moods-art-gallery>button{padding:4px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.moods-art-gallery>button[aria-pressed=true]{border-color:#b994ff}

/* Keep the mood below the email, inside the identity column. */
.user-menu-head .user-menu-ident{min-width:0;flex:1}.user-menu-ident>.moods-slot{display:flex;flex-basis:100%;width:100%;margin:6px 0 0}.user-menu-ident .user-menu-email{overflow-wrap:anywhere}

.moods-page-widget{border:1px solid var(--border,#70627a);border-radius:8px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.moods-page-widget>h3{flex-basis:100%;margin:0;font-size:14px}.moods-page-widget>.moods-slot{margin:0}.moods-page-widget>a{font-size:12px}

/* The catalogue scrolls; Save and the dialog close button remain outside it. */
.moods-dialog{overflow:hidden;max-height:calc(100dvh - 24px)}.moods-dialog [data-moods-dialog-body]{min-height:0}.moods-chooser-scroll{max-height:min(54vh,420px);max-height:min(54dvh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 5px}.moods-dialog .moods-chooser-scroll{max-height:min(50vh,420px);max-height:min(50dvh,420px)}.moods-chooser-scroll:focus-visible{outline:2px solid #b994ff;outline-offset:2px}.moods-art-gallery{max-height:360px;overflow-y:auto;overscroll-behavior:contain}.moods-custom img{object-fit:contain!important}

.moods-dialog[open]{display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.moods-dialog>h2,.moods-dialog>[data-moods-status]{flex:none}.moods-dialog [data-moods-dialog-body]{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.moods-dialog form[data-moods-choose]{display:flex;flex-direction:column;min-height:0;overflow:hidden}.moods-dialog .moods-chooser-scroll{flex:1 1 auto;min-height:0}.moods-dialog form[data-moods-choose]>button{flex:none;align-self:flex-start;margin-top:10px}