/* Compact controls keep the conversation clear; operational alerts retain their own space. */
.compact-profile{padding:16px!important;margin:16px 0!important;border:1px solid #344b64!important;border-radius:12px;background:#152436}.compact-profile .account{display:flex;align-items:center;gap:12px}.compact-profile #logout{margin-left:auto}.compact-profile .my-profile{margin:14px 0 0;padding:12px 0 0}.compact-profile .section-heading h3{margin:0}.compact-profile .section-heading>button{margin-left:auto}.own-profile-toggle{width:34px;height:34px;flex-shrink:0;color:#accadf;font-size:19px}.member-settings{margin-top:16px}.room-help{margin-top:14px;color:#9ab1c7;font-size:12px}.room-help>summary{cursor:pointer;padding:10px 0}.room-help-content{line-height:1.8;padding-bottom:12px}.room-help-content p{margin:9px 0}.cat-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cat-preset{width:52px;height:52px;padding:3px;border:2px solid transparent;border-radius:12px;background:#263c4c}.cat-preset[aria-pressed=true]{border-color:#80b9ed;background:#294159}.cat-preset img{width:100%;height:100%;display:block}.cat-roster{display:flex;align-items:center;gap:5px;max-width:250px;overflow:hidden;flex-shrink:0}.cat-head{padding:0;border-radius:12px;background:transparent;border:1px solid #3b5261;width:42px;height:42px;position:relative}.cat-head .avatar{width:40px;height:40px;border-radius:11px;font-size:17px}.cat-head[data-activity=working]{border-color:#b8d48b}.cat-head[data-activity=waiting]{border-color:#d8bc8a}.cat-head[data-activity=disconnected],.cat-head[data-activity=unknown]{border-style:dashed}.cat-more{min-width:30px;min-height:36px;color:#acbed0;font-size:11px}.speech-status{font-size:11px;line-height:1.6;color:#aec8de;margin:7px 0 0}.speech-consent p{line-height:1.7}.composer-tools #record{font-size:17px}.composer-tools #record[aria-pressed=true]{background:#623d37;color:#ffded2}.mention-menu{padding:10px;max-height:min(380px,50dvh);overflow-y:auto;min-width:min(350px,calc(100vw - 26px));border:1px solid #405774;border-radius:14px;background:#142132;box-shadow:0 14px 30px #0005}.mention-group-title{font-size:10px;letter-spacing:.08em;color:#9fb4c9;padding:6px 8px}.mention-option{display:flex;width:100%;gap:12px;align-items:center;min-height:60px;padding:8px;border-radius:9px;text-align:left;color:#e0e8f3}.mention-option:hover,.mention-option[aria-selected=true]{background:#263c55}.mention-option .avatar{width:44px;height:44px;flex:0 0 44px;border-radius:11px;font-size:19px}.mention-option img{width:100%;height:100%;object-fit:cover}.mention-option small{display:block;margin-top:3px;color:#a8bdd3;font-size:10px}.mention-human-toggle{min-height:40px;font-size:12px;color:#b0c3d7}.mention-human-group{border-top:1px solid #304158;margin-top:7px;padding-top:7px}.message-pin{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px}.message-pin svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.message-pin.is-pinned{background:#294159;color:#c4dcf3}.agent-profile-dialog label{display:block;margin:12px 0 6px;font-size:12px}.agent-profile-dialog input{width:100%;padding:10px;border:1px solid #405774;border-radius:7px;background:#0d1928;color:#e4ecf5}.agent-profile-dialog .cat-presets{margin-top:6px}
@media(max-width:700px){.cat-roster{max-width:132px;gap:3px}.cat-head{width:32px;height:32px;border-radius:9px}.cat-head .avatar{width:30px;height:30px;border-radius:8px}.cat-head:nth-child(n+4){display:none}.cat-roster .cat-more{display:none}.chat-heading{flex:1;min-width:0}.compact-profile{padding:12px!important}.mention-menu{left:12px;right:12px;width:auto;min-width:0}.mention-option{min-height:62px}.own-profile-toggle{margin-left:auto}.details .member-row{column-gap:8px}.room-help{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cat-head,.mention-option{transition:none}}

@media(max-width:700px){.cat-roster{max-width:88px;gap:0}.cat-head{width:44px;height:44px;padding:5px;flex-shrink:0}.cat-head:nth-child(n+3){display:none}.cat-head .avatar{width:32px;height:32px}.own-profile-toggle,.agent-profile-toggle,.composer-tools #record{min-width:44px;min-height:44px}.compact-profile .profile-name-row{flex-wrap:wrap}.compact-profile .profile-name-row input{min-width:0;flex:1 1 150px}}

/* Original vector paw; decoration does not replace the accessible Send action. */
.paw-send{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:44px;padding:8px;border-radius:12px;touch-action:manipulation}.send-paw{width:27px;height:27px;fill:currentColor;transform-origin:50% 65%;transition:transform 120ms ease-out}.paw-send:active:not(:disabled) .send-paw{transform:translateY(1px) rotate(-7deg) scale(.9)}.paw-send:focus-visible{outline:2px solid #c4dcf3;outline-offset:3px}.avatar[data-presence-member]{position:relative}.avatar-online-dot{position:absolute;right:1px;bottom:1px;width:9px;height:9px;box-sizing:border-box;border:2px solid #152436;border-radius:50%;background:#45d483;pointer-events:none;z-index:1}.cat-head .avatar-online-dot,.mention-option .avatar-online-dot{width:10px;height:10px}.avatar-online-dot:empty{display:block}
@media(prefers-reduced-motion:reduce){.send-paw{transition:none}.paw-send:active:not(:disabled) .send-paw{transform:none}}

.notification-scope{font-size:10px;color:#8b9bb0;line-height:1.4}.member-menu-scope{max-width:240px;padding:8px 10px;font-size:11px;line-height:1.5;color:#95a6bb;border-top:1px solid #293847;margin:5px 0 0}



/* Keep one member/profile hub compact without reducing touch targets. */
.room-details-dialog .details-header{padding:14px 16px 10px}.room-details-dialog .details-panels{padding:12px 16px}.room-details-dialog .member-section>.section-heading{margin-bottom:10px}.room-details-dialog .member-settings{margin-top:10px}.room-details-dialog .member-settings>summary{min-height:44px;padding:12px 0;box-sizing:border-box}.room-details-dialog .settings-content{padding:0 0 10px}.room-details-dialog .device-section,.room-details-dialog .push-section{margin-top:12px;padding-top:12px}.room-details-dialog .settings-content h3{margin:0 0 8px}.room-details-dialog .small-muted{line-height:1.5}.room-details-dialog .small-muted:empty{display:none}.room-details-dialog .compact-profile{padding:12px!important;margin:10px 0!important}.room-details-dialog .compact-profile .my-profile{margin-top:10px;padding-top:10px}.room-details-dialog .cat-presets{gap:6px;margin-top:8px}.room-details-dialog .room-help{margin-top:6px}.room-details-dialog .room-help-content{line-height:1.6}.room-details-dialog #add-member{min-height:44px}.media-failure{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;color:#aec4d8;font-size:12px;line-height:1.5}.media-failure p{margin:0}.media-failure button{min-height:44px;min-width:88px}.media-capability-note{display:block;color:#91a8bb;font-size:11px;line-height:1.5;margin:7px 0 0;max-width:52ch}
@media(max-width:700px){.room-details-dialog .details-header{padding:12px}.room-details-dialog .details-panels{padding:10px 12px}.room-details-dialog .settings-content input,.room-details-dialog .settings-content select{min-height:44px}}

.character-appearance-options{border:0;padding:0;margin:12px 0 4px;display:flex;flex-wrap:wrap;gap:6px}.character-appearance-options[hidden]{display:none}.character-appearance-options legend{font-size:12px;color:#95acc2;margin-bottom:7px}.character-appearance-choice{min-height:36px;padding:7px 12px;border:1px solid #34485c;border-radius:7px;background:#152230;color:#a9bfd2;font-size:12px}.character-appearance-choice[aria-pressed=true]{border-color:#7aaed9;background:#284560;color:#edf6ff}.character-appearance-choice:focus-visible{outline:2px solid #9acaf0;outline-offset:2px}
/* One explicit-save self-profile modal; legacy fields remain inert render targets. */
#compact-profile[hidden]{display:none!important}.settings-content>.account #my-avatar-button:disabled{opacity:1;cursor:default}.settings-content>.account #my-avatar-button .avatar-edit{display:none}.personal-profile-dialog{box-sizing:border-box;width:min(94vw,620px);max-height:calc(100dvh - 28px);overflow:auto;padding:18px;border:1px solid #40536a;border-radius:15px;background:#10202e;color:#dce8f3;overscroll-behavior:contain}.personal-profile-dialog::backdrop{background:#050b14ad}.personal-profile-dialog h2{margin:0 0 14px;font-size:18px}.personal-profile-dialog>label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#afc4d4}.personal-profile-dialog input:not([type=file]){box-sizing:border-box;width:100%;min-height:44px;padding:9px 11px;border:1px solid #496071;border-radius:8px;background:#122b3a;color:#e4f0f4;font-size:16px}.personal-profile-dialog button{min-height:44px;touch-action:manipulation}.personal-avatar-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 8px}.personal-avatar-row .avatar{width:64px;height:64px;flex:0 0 64px;border-radius:12px;font-size:25px}.personal-avatar-row .avatar img{width:100%;height:100%;object-fit:cover}.personal-avatar-row button{padding:8px 10px}.personal-profile-dialog .cat-presets{margin:8px 0 12px}.personal-profile-dialog .cat-preset{width:48px;height:48px}.personal-appearance-options{border:0;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.personal-appearance-options legend{width:100%;padding:0;margin:0 0 6px;font-size:13px;color:#b3cbd8}.personal-appearance-options button{flex:1;padding:7px 10px;border:1px solid #425f71;border-radius:8px;background:#1b3544;color:#cadfe5;font-size:12px}.personal-appearance-options button[aria-pressed=true]{border-color:#aadbc0;background:#315849;color:#edf5ef}.personal-scene-preview{width:100%;margin:0 0 12px}.personal-scene-preview .room-overview{max-width:none;max-height:none;width:100%;height:auto;margin:0}.personal-profile-status{font-size:12px;line-height:1.6;margin:10px 0;color:#e7bd8a}.personal-profile-status:empty{display:none}.personal-profile-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.personal-profile-dialog .dialog-actions button{padding:8px 18px}.personal-profile-dialog :focus-visible{outline:2px solid #b5e6cd;outline-offset:2px}.personal-profile-dialog [hidden]{display:none!important}
@media(max-width:420px){.personal-profile-dialog{padding:14px}.personal-avatar-row .avatar{width:56px;height:56px;flex-basis:56px}.personal-avatar-row button{font-size:12px}.personal-profile-dialog .dialog-actions button{flex:1}.personal-profile-dialog .cat-presets{gap:5px}}

.personal-appearance-options .character-appearance-choice{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 95px;white-space:normal}
.personal-appearance-options .character-appearance-choice:before{content:"";width:15px;height:15px;flex:0 0 15px;border:1px solid #ffffff70;border-radius:50%;background:#e4e7eb}
.personal-appearance-options [data-human-color=mint]:before{background:#8bc4a3}.personal-appearance-options [data-human-color=blue]:before{background:#88b6dc}.personal-appearance-options [data-human-color=rose]:before{background:#d9a4b9}

.agent-profile-dialog .cat-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.agent-profile-dialog .cat-preset{width:auto;height:auto;min-height:104px;padding:7px;display:flex;flex-direction:column;align-items:center;gap:5px}.agent-profile-dialog .cat-preset img{width:60px;height:60px;object-fit:contain}.agent-profile-dialog .cat-preset-name{font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.agent-profile-dialog .cat-preset[aria-pressed=true]::after{content:'✓';font-size:14px}.agent-model-preview{display:flex;align-items:center;gap:12px;margin:8px 0}.agent-model-frame{position:relative;display:block;width:120px;height:120px;flex:0 0 120px}.agent-model-static{width:100%;height:100%;object-fit:contain}.agent-model-preview strong{font-size:13px;overflow-wrap:anywhere}@media(max-width:420px){.agent-profile-dialog .cat-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-model-frame{width:96px;height:96px;flex-basis:96px}}

.agent-model-frame{padding:0;border:0;background:transparent;cursor:pointer}.agent-model-frame:focus-visible{outline:2px solid #9cd9f1;outline-offset:3px}.agent-model-frame:not(:disabled)::after{content:'▶';position:absolute;right:3px;bottom:3px;font-size:12px;color:#bce9f3}.agent-model-play-status,.profile-photo-override{font-size:11px;color:#a8c7d8}.profile-photo-override{display:block;margin:5px 0}.agent-model-frame[data-play=single] .room-cat-sequence-image{animation:profile-blink-open .8s step-end 1}.agent-model-frame[data-play=single] .room-cat-sequence-image[data-pose=blink]{animation-name:profile-blink-closed}.agent-model-frame[data-play=double] .room-cat-sequence-image{animation:profile-double-open 1.3s step-end 1}.agent-model-frame[data-play=double] .room-cat-sequence-image[data-pose=blink]{animation-name:profile-double-closed}@keyframes profile-blink-open{0%,35%,100%{visibility:visible}15%,34%{visibility:hidden}}@keyframes profile-blink-closed{0%,35%,100%{visibility:hidden}15%,34%{visibility:visible}}@keyframes profile-double-open{0%,30%,65%,100%{visibility:visible}12%,29%,46%,64%{visibility:hidden}}@keyframes profile-double-closed{0%,30%,65%,100%{visibility:hidden}12%,29%,46%,64%{visibility:visible}}

/* Default cat portraits crop the same first frame; scene/model previews retain full bodies. */
.avatar[data-avatar-preset=datou-ragdoll],.avatar[data-avatar-preset^="cyber-"]{position:relative;overflow:hidden}.avatar[data-avatar-preset=datou-ragdoll] img,.avatar[data-avatar-preset^="cyber-"] img{position:absolute;width:160%;height:160%;max-width:none;left:-30%;top:-4%;object-fit:contain}

.agent-connection-dialog dd{margin:0 0 10px;overflow-wrap:anywhere;font-family:monospace}.agent-connection-dialog dt{font-size:12px;opacity:.8}.agent-connection-info{padding:4px 7px}

/* Cat Council opens directly onto every appearance; optional photo/animation tools stay folded. */
.agent-profile-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px;overscroll-behavior:contain}
.agent-profile-dialog h2{margin:0 0 14px;font-size:18px}.agent-profile-dialog #agent-cat-appearance-label{margin-top:0}
.agent-profile-dialog .cat-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}
.agent-profile-dialog .cat-preset{position:relative;min-width:0;min-height:108px;justify-content:flex-start;padding:8px 4px;touch-action:manipulation}
.agent-profile-dialog .cat-preset img{width:64px;height:64px;max-width:100%}.agent-profile-dialog .cat-preset[aria-pressed=true]::after{position:absolute;top:3px;right:5px;line-height:1;color:#c7e8ff}
.agent-profile-dialog .cat-preset:focus-visible,.agent-profile-advanced>summary:focus-visible{outline:2px solid #b5ddff;outline-offset:2px}
.agent-profile-dialog #agent-profile-name{box-sizing:border-box;min-height:44px;font-size:16px}
.agent-profile-advanced{margin:12px 0 0;border-top:1px solid #344b61}.agent-profile-advanced>summary{min-height:44px;box-sizing:border-box;padding:13px 0;cursor:pointer;font-size:12px;color:#acc5d8}
.agent-profile-photo-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.agent-profile-photo-row .avatar{width:44px;height:44px;flex:0 0 44px}.agent-profile-photo-row button{min-height:44px}
.agent-profile-dialog .request-error:empty{display:none}.agent-profile-dialog .dialog-actions{margin-top:12px;gap:8px}.agent-profile-dialog .dialog-actions button{min-height:44px}
@media(max-width:420px){.agent-profile-dialog{padding:14px}.agent-profile-dialog .cat-presets{gap:6px}.agent-profile-dialog .cat-preset{min-height:98px;padding:7px 3px}.agent-profile-dialog .cat-preset img{width:52px;height:52px}.agent-profile-dialog .cat-preset-name{font-size:11px;line-height:1.35}.agent-profile-dialog .dialog-actions button{flex:1}}

.agent-profile-inline{box-sizing:border-box;display:block;width:100%;min-width:0;padding:4px 0}.agent-profile-inline h3{margin:0 0 10px;font-size:16px}.agent-profile-inline label{display:block;margin:10px 0 5px;font-size:12px;color:#afc4d4}.agent-profile-inline input:not([type=file]){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #405774;border-radius:8px;background:#0d1928;color:#e4ecf5;font-size:16px}.agent-profile-inline #agent-cat-appearance-label{margin-top:0}.agent-profile-inline .cat-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(96px,auto);gap:7px;margin:0 0 10px}.agent-profile-inline .cat-preset{position:relative;box-sizing:border-box;display:flex;width:auto;min-width:0;min-height:100px;height:auto;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:6px 4px;overflow:hidden;touch-action:manipulation}.agent-profile-inline .cat-preset img{display:block;box-sizing:border-box;width:56px;height:56px;max-width:100%;flex:0 0 56px;object-fit:contain}.agent-profile-inline .cat-preset-name{display:block;width:100%;min-height:2.5em;font-size:11px;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}.agent-profile-inline .cat-preset[aria-pressed=true]::after{position:absolute;top:3px;right:5px;line-height:1;color:#c7e8ff}.agent-profile-inline .agent-profile-advanced{margin:8px 0 0}.agent-profile-inline .agent-profile-photo-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.agent-profile-inline .agent-profile-photo-row .avatar{width:44px;height:44px;flex:0 0 44px}.agent-profile-inline .agent-profile-photo-row button{min-height:44px}.agent-profile-inline .agent-model-preview{max-width:100%;overflow:hidden}.agent-profile-inline .agent-model-frame{width:80px;height:80px;flex-basis:80px}.agent-profile-inline .request-error:empty{display:none}.agent-profile-inline .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.agent-profile-inline .dialog-actions button{min-height:44px}.agent-profile-inline .dialog-actions .secondary{margin-right:auto}@media(max-width:480px){.cat-details-dialog>.cat-details-editor{padding-top:6px}.agent-profile-inline .cat-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.agent-profile-inline .cat-preset{min-height:94px;padding:5px 3px}.agent-profile-inline .cat-preset img{width:50px;height:50px;flex-basis:50px}.agent-profile-inline .dialog-actions button{flex:1}.agent-profile-inline .dialog-actions .secondary{margin-right:0}}
@media(max-width:480px){.agent-profile-inline .cat-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.agent-profile-inline .cat-preset{min-height:94px;padding:5px 3px}.agent-profile-inline .cat-preset img{width:50px;height:50px;flex-basis:50px}.agent-profile-inline .dialog-actions button{flex:1}.agent-profile-inline .dialog-actions .secondary{margin-right:0}}
