/* Shared empty-chat entry and electric palette, used on both public hostnames. */
.pc-starters{margin:auto;max-width:700px;padding:28px 16px;text-align:center}
.pc-starters[hidden]{display:none}
.pc-starters h1{font:600 clamp(20px,3vw,28px)/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0 0 24px}
.pc-starter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pc-starter-buttons button,.pc-sign-in,#pc-appearance{font:inherit;border:1px solid #789eb0;border-radius:12px;background:transparent;color:inherit;padding:10px 14px;text-decoration:none;cursor:pointer}
.pc-sign-in{display:inline-block}.pc-guest-note{font-size:12px;margin:8px 0 0}.pc-guest-note .pc-sign-in{padding:2px 6px;border:0;text-decoration:underline}
#pc-appearance{max-width:115px;padding:7px;font-size:12px;min-height:36px}
.pc-header button:disabled,.pc-sidebar button:disabled{opacity:.55;cursor:default}
html[data-look=electric] body.personal-chat{--mirror-bg:#071722;--mirror-panel:#092536;--mirror-field:#102f42;--mirror-edge:#315d72;--mirror-ink:#eafdff;--mirror-soft:#b3cddd;background:radial-gradient(ellipse at 95% 5%,#08639688,transparent 65%),var(--mirror-bg);color:var(--mirror-ink);color-scheme:dark}
html[data-look=electric] .personal-chat .pc-header,html[data-look=electric] .personal-chat .pc-rail,html[data-look=electric] .personal-chat .pc-sidebar,html[data-look=electric] .personal-chat #jp,html[data-look=electric] .personal-chat #jp .jp-head,html[data-look=electric] .personal-chat #jp .jp-dock,html[data-look=electric] .personal-chat .pp-pane,html[data-look=electric] .personal-chat .pc-dialog{background:var(--mirror-panel)!important;color:var(--mirror-ink)!important;border-color:var(--mirror-edge)!important}
html[data-look=electric] .personal-chat #jp .jp-thread{background:radial-gradient(ellipse at 80% 0%,#08639640,transparent 70%),var(--mirror-bg)}
html[data-look=electric] .personal-chat .pc-brand,html[data-look=electric] .personal-chat .pc-rail a,html[data-look=electric] .personal-chat .pc-account,html[data-look=electric] .personal-chat .pc-header button,html[data-look=electric] .personal-chat .pc-project-group>summary,html[data-look=electric] .personal-chat .pc-sidebar a{color:var(--mirror-ink)!important}
html[data-look=electric] body.personal-chat #pc-sidebar .pc-library-section h2,html[data-look=electric] .personal-chat .pc-sidebar .pc-empty,html[data-look=electric] .personal-chat .pc-sidebar .pc-row-date,html[data-look=electric] .personal-chat .pc-sidebar-footer span,html[data-look=electric] .personal-chat #jp .pt-note,html[data-look=electric] .personal-chat #jp .pt-under,html[data-look=electric] .personal-chat #jp .pt-under b,html[data-look=electric] .personal-chat #jp .jt-div,html[data-look=electric] .personal-chat #jp .jt-div span{color:var(--mirror-soft)!important;-webkit-text-fill-color:var(--mirror-soft)!important}
html[data-look=electric] .personal-chat #jp .jp-box,html[data-look=electric] .personal-chat #jp .jp-b,html[data-look=electric] .personal-chat #jp .pt-pill,html[data-look=electric] .personal-chat #jp .pt-ask,html[data-look=electric] .personal-chat .pc-search,html[data-look=electric] .personal-chat .pc-dialog input,html[data-look=electric] .personal-chat .pc-dialog select,html[data-look=electric] .personal-chat .pc-dialog button,html[data-look=electric] .personal-chat .pc-account,html[data-look=electric] .personal-chat #jp .jt-dr{background:var(--mirror-field)!important;color:var(--mirror-ink)!important;border-color:var(--mirror-edge)!important}
html[data-look=electric] .personal-chat #jp .jp-in,html[data-look=electric] .personal-chat #jp .jp-ib,html[data-look=electric] .personal-chat #jp .pt-c,html[data-look=electric] .personal-chat .pc-search input{color:var(--mirror-ink)!important}
html[data-look=electric] .personal-chat #jp .jp-in::placeholder,html[data-look=electric] .personal-chat .pc-search input::placeholder{color:var(--mirror-soft)!important}
html[data-look=electric] .personal-chat #jp .jp-msg.me .jp-b,html[data-look=electric] .personal-chat .pc-library-row.is-active,html[data-look=electric] .personal-chat .pc-rail a[aria-current]{background:#08639666!important}
html[data-look=electric] .personal-chat .pc-library-row:hover{background:#08639633}
html[data-look=electric] .personal-chat #jp .jp-send{background:#63ddff!important;color:#071722!important}
html[data-look=electric] .personal-chat #jp .jp-send svg{stroke:#071722!important}
html[data-look=electric] .personal-chat #jp .jp-b a,html[data-look=electric] .personal-chat #jp .jt-fk{color:#63ddff!important}
html[data-look=electric] .personal-chat #jp .jp-wm{filter:none!important}
html[data-look=electric] .personal-chat #jp .jt-div span{background:#071722!important}
html[data-look=electric] .personal-chat :focus-visible{outline:2px solid #63ddff!important;outline-offset:3px}
@media(max-width:600px){.pc-header{gap:6px!important;padding-right:8px!important}#pc-appearance{max-width:90px;font-size:11px}.pc-header .pc-sign-in{padding:8px;font-size:12px}.pc-starters{padding:20px 4px}.pc-starter-buttons{gap:8px}.pc-starter-buttons button{padding:10px;font-size:12px}.personal-chat .pc-rail{width:42px}.personal-chat #jp{left:42px!important}.personal-chat .pc-sidebar{left:42px}}
@media(prefers-reduced-transparency:reduce){html[data-look=electric] .personal-chat #jp .jp-thread{background:#071722}}

/* Phone controls retain their labels and wrap inside the composer. */
@media(max-width:600px){
 html body.personal-chat .pc-header{gap:4px!important;padding-left:8px!important;padding-right:6px!important}
 html body.personal-chat .pc-account{padding:7px 9px!important;font-size:12px!important}
 html body.personal-chat #pc-appearance{max-width:84px;padding:6px!important}
 html body.personal-chat #jp .pt-ctrl{flex-wrap:wrap!important;row-gap:8px!important;column-gap:6px!important}
 html body.personal-chat #jp .pt-ctrl .pt-pill{flex:0 0 auto!important;max-width:170px!important}
 html body.personal-chat #jp .pt-ctrl .sp{display:none!important}
 html body.personal-chat #jp .pt-ctrl .jp-send{flex-shrink:0!important;margin-left:auto!important}
 html body.personal-chat #jp .pt-ctrl button{flex-shrink:0!important}
}
html[data-look=electric] body.personal-chat .pp-pane button,html[data-look=electric] body.personal-chat .pp-pane input,html[data-look=electric] body.personal-chat .pp-pane select,html[data-look=electric] body.personal-chat .pc-header button{background:var(--mirror-field)!important;color:var(--mirror-ink)!important;border-color:var(--mirror-edge)!important}
html[data-look=electric] body.personal-chat .pp-pane p,html[data-look=electric] body.personal-chat .pp-pane .pp-empty,html[data-look=electric] body.personal-chat .pp-pane .pp-meta{color:var(--mirror-soft)!important}