/* UCMU_LIST_PRESENTATION_OWNER */
.ucmu-list-page-menu{width:220px;min-width:220px;max-width:min(220px,calc(100vw - 24px));padding:10px 12px 8px;gap:0}
.ucmu-list-page-menu .ucmu-list-settings{gap:8px;padding:0}
.ucmu-list-page-menu .ucmu-list-settings header span{font-size:11px}
.ucmu-list-page-menu .ucmu-list-settings header small{font-size:9px}
.ucmu-list-settings{--ucmu-list-thumb:14px;display:grid;gap:12px;padding:4px 0;background:transparent}
.ucmu-list-settings header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ucmu-list-settings header span{color:var(--ucmu-text);font-size:12px;font-weight:950}
.ucmu-list-settings header small{color:var(--ucmu-muted);font-size:9px;font-weight:850}
.ucmu-list-scale{display:grid;gap:5px}
.ucmu-list-scale input[type=range]{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.ucmu-list-scale input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:rgba(47,54,62,.18)}
.ucmu-list-scale input[type=range]::-webkit-slider-thumb{width:var(--ucmu-list-thumb);height:var(--ucmu-list-thumb);margin-top:calc((3px - var(--ucmu-list-thumb))/2);appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:var(--ucmu-red);box-shadow:0 4px 12px rgba(215,38,49,.28)}
.ucmu-list-scale input[type=range]::-moz-range-track{height:3px;border:0;border-radius:999px;background:rgba(47,54,62,.18)}
.ucmu-list-scale input[type=range]::-moz-range-thumb{width:var(--ucmu-list-thumb);height:var(--ucmu-list-thumb);border:0;border-radius:50%;background:var(--ucmu-red);box-shadow:0 4px 12px rgba(215,38,49,.28)}
.ucmu-list-scale-labels{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding-inline:calc(var(--ucmu-list-thumb)/2)}
.ucmu-list-scale-labels button{min-width:0;min-height:18px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ucmu-muted);text-align:center;font-size:9px;line-height:1;font-weight:950;letter-spacing:.08em;cursor:pointer}
.ucmu-list-scale-labels button.is-active{color:var(--ucmu-red)}

.ucmu-publics-list.is-small{grid-template-columns:repeat(4,minmax(0,1fr))}
.ucmu-publics-list.is-small .ucmu-public-card{min-height:142px;padding:13px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center}
.ucmu-publics-list.is-small .ucmu-public-card small{display:none}
.ucmu-publics-list.is-small .ucmu-public-card em{justify-content:center}
.ucmu-publics-list.is-medium{grid-template-columns:1fr}
.ucmu-publics-list.is-medium .ucmu-public-card{min-height:82px;padding:10px 14px;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px}
.ucmu-publics-list.is-medium .ucmu-public-avatar{width:62px;height:62px;border-radius:50%}
.ucmu-publics-list.is-cover{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ucmu-publics-list.is-cover .ucmu-public-card{min-height:350px;display:grid;grid-template-rows:minmax(0,1fr) auto;background-image:var(--ucmu-public-cover,linear-gradient(145deg,#343c45,#151a20));background-size:cover;background-position:center}
.ucmu-publics-list.is-cover .ucmu-public-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(12,16,20,.94) 100%)}
.ucmu-publics-list.is-cover .ucmu-public-card>.ucmu-public-avatar{position:absolute;z-index:2;left:16px;bottom:92px;width:58px;height:58px;border-width:3px}
.ucmu-publics-list.is-cover .ucmu-public-card>span{position:relative;z-index:2;align-self:end;padding:104px 16px 16px;color:#fff}
.ucmu-publics-list.is-cover .ucmu-public-card b{color:#fff;font-size:15px;line-height:1.16;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ucmu-publics-list.is-cover .ucmu-public-card small,.ucmu-publics-list.is-cover .ucmu-public-card em{color:rgba(255,255,255,.72)}

.ucmu-public-drag-ghost{opacity:1;filter:drop-shadow(0 22px 34px rgba(0,0,0,.24));cursor:grabbing;overflow:hidden}
.ucmu-shell-nav-drag-ghost{overflow:hidden;filter:drop-shadow(0 20px 30px rgba(0,0,0,.28));cursor:grabbing}
.ucmu-public-drag-ghost,.ucmu-chat-drag-ghost,.ucmu-shell-nav-drag-ghost{box-sizing:border-box}
.ucmu-public-drag-ghost *,.ucmu-chat-drag-ghost *,.ucmu-shell-nav-drag-ghost *{box-sizing:border-box}

.ucmu-chat-list-scroll{display:grid;align-content:start;gap:10px;min-width:0;overflow:visible;padding:0}
.ucmu-chat-list-scroll.is-small{grid-template-columns:repeat(4,minmax(0,1fr))}
.ucmu-chat-list-scroll.is-small .ucmu-chat-row{min-height:138px;padding:12px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}
.ucmu-chat-list-scroll.is-small .ucmu-chat-row>i{width:54px;height:54px}
.ucmu-chat-list-scroll.is-small .ucmu-chat-row small{display:none}
.ucmu-chat-list-scroll.is-small .ucmu-chat-row em{position:absolute;right:9px;top:9px}
.ucmu-chat-list-scroll.is-medium{grid-template-columns:1fr}
.ucmu-chat-list-scroll.is-cover{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row{position:relative;min-height:330px;padding:18px;display:flex;align-items:flex-end;overflow:hidden;border-radius:22px;background:linear-gradient(155deg,#343c45,#151a20);color:#fff}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row>i{position:absolute;left:16px;bottom:90px;width:58px;height:58px;border:3px solid #fff;z-index:2}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row>span{position:relative;z-index:2;min-width:0;padding-top:84px}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row b{color:#fff;font-size:15px}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row small{color:rgba(255,255,255,.72)}
.ucmu-chat-list-scroll.is-cover .ucmu-chat-row::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,14,18,.92));pointer-events:none}
.ucmu-chat-drag-list{position:relative;user-select:none}
.ucmu-chat-drag-item{will-change:transform;touch-action:none}
.ucmu-chat-drag-item.is-chat-drag-placeholder{position:relative;color:transparent;background:transparent;box-shadow:none;overflow:visible}
.ucmu-chat-drag-item.is-chat-drag-placeholder>*:not(.ucmu-drag-placeholder-outline){visibility:hidden;pointer-events:none}
.ucmu-chat-drag-ghost{opacity:1;filter:drop-shadow(0 22px 34px rgba(0,0,0,.24));overflow:hidden}

.ucmu-copy-spark{position:fixed;z-index:20000;width:26px;height:26px;display:grid;place-items:center;pointer-events:none;color:#27c36a;filter:drop-shadow(0 0 9px rgba(39,195,106,.72));transform:translate(-50%,-50%);animation:ucmu-copy-spark-fly .72s cubic-bezier(.22,1,.36,1) forwards}
.ucmu-copy-spark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes ucmu-copy-spark-fly{0%{opacity:0;transform:translate(-50%,-35%) scale(.72)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-125%) scale(.92)}}

@media(max-width:900px){
  .ucmu-publics-list.is-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucmu-chat-list-scroll.is-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucmu-chat-list-scroll.is-cover{grid-template-columns:repeat(2,minmax(0,1fr))}
}