.hvc-channel-manager{border:1px solid var(--color-border);background:var(--color-surface);width:min(720px,100vw - 48px);max-width:none;height:min(720px,100dvh - 48px);max-height:none;color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:16px;margin:auto;padding:0;animation:.18s cubic-bezier(.2,0,0,1) manager-enter;position:fixed;inset:0;overflow:visible}.hvc-channel-manager[open]{flex-direction:column;display:flex}.hvc-channel-manager::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.18s ease-out manager-backdrop}.hvc-channel-manager[data-closing=true]{pointer-events:none;animation:.16s ease-in forwards manager-leave}.hvc-channel-manager[data-closing=true]::backdrop{animation:.16s ease-in reverse forwards manager-backdrop}.manager-header{flex-shrink:0;align-items:flex-start;gap:12px;padding:24px;display:flex}.manager-header>div{flex:1;min-width:0}.manager-header h2{font-size:var(--type-page);font-weight:600;line-height:var(--type-leading-page);letter-spacing:-.02em;outline:none}.manager-header p{font-size:var(--type-body);line-height:var(--type-leading-body);color:var(--color-text-muted);margin-top:4px}.manager-icon{width:32px;height:32px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.manager-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.manager-icon:disabled{opacity:.4;pointer-events:none}.manager-close{margin-top:-4px;margin-right:-4px}.manager-toolbar{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:0 24px 20px;display:flex}.manager-search{border:1px solid var(--color-border);background:var(--color-background);min-width:0;height:36px;color:var(--color-text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.manager-search>svg{flex-shrink:0}.manager-search input{width:100%;min-width:0;font-size:var(--type-input);color:var(--color-text);background:0 0;border:0;outline:none}.manager-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.manager-search button{border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.manager-search input::placeholder,.manager-field :is(input,textarea)::placeholder{color:var(--color-text-muted);opacity:1}.manager-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.manager-spaces{flex-direction:column;gap:20px;display:flex}.manager-space{border:1px solid var(--color-border-subtle);border-radius:12px}.manager-space>header{background:var(--color-surface-2);border-bottom:1px solid var(--color-border-subtle);border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:8px 12px;display:flex}.manager-space>header>svg{color:var(--color-text-muted);flex-shrink:0}.manager-space h3{min-width:0;font-size:var(--type-body);overflow-wrap:anywhere;font-weight:500}.manager-count{color:var(--color-text-muted);font-size:var(--type-meta);flex:1}.manager-channel{align-items:center;gap:12px;padding:8px 12px;display:flex}.manager-channel+.manager-channel{border-top:1px solid var(--color-border-subtle)}.manager-channel-icon{color:var(--color-text-muted);flex-shrink:0}.manager-channel-copy{flex:1;min-width:0}.manager-channel-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-body);font-weight:400;display:block;overflow:hidden}.manager-channel-copy>span{font-size:var(--type-meta);color:var(--color-text-muted)}.manager-hidden{color:var(--color-text)}.manager-footer{border-top:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.manager-footer>span{font-size:var(--type-meta);color:var(--color-text-muted);flex:1}.manager-form{flex-direction:column;gap:24px;display:flex}.manager-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.manager-field{font-size:var(--type-body);flex-direction:column;gap:8px;min-width:0;font-weight:500;display:flex}.manager-field small{font-size:var(--type-meta);color:var(--color-text-muted);font-weight:400}.manager-field>span{align-items:center;gap:8px;display:flex}.manager-field :is(input,textarea),.manager-readonly{border:1px solid var(--color-border);background:var(--color-background);width:100%;font-size:var(--type-input);color:var(--color-text);border-radius:8px;padding:8px 12px;font-weight:400}.manager-field textarea{resize:vertical;min-height:104px;max-height:200px}.manager-field .hvc-menu-trigger{width:100%;min-height:40px;font-weight:400}.manager-field .hvc-menu-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.manager-field :is(input,textarea):focus-visible,.manager-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.manager-readonly{background:var(--color-surface-2);align-items:center;gap:8px;min-height:40px;display:flex}.manager-readonly svg{flex-shrink:0}.manager-notice{border:1px solid var(--color-border);font-size:var(--type-body);color:var(--color-text-muted);border-radius:8px;flex-shrink:0;margin:0 24px 12px;padding:12px}.manager-notice[data-kind=error]{color:var(--color-error)}.manager-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.manager-empty>svg,.manager-empty p{color:var(--color-text-muted)}.manager-empty strong{font-size:var(--type-section);font-weight:500}.manager-empty p,.manager-empty-space{font-size:var(--type-body)}.manager-empty-space{color:var(--color-text-muted);padding:20px 12px}.manager-empty-space button{color:var(--color-primary);margin-top:8px;display:block}.manager-delete{max-width:520px;margin:16px auto}.manager-delete-target{border:1px solid var(--color-border);overflow-wrap:anywhere;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.manager-delete-target>svg{color:var(--color-error);flex-shrink:0}.manager-delete p{font-size:var(--type-body);line-height:var(--type-leading-body);color:var(--color-text-muted);margin-top:16px}@keyframes manager-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes manager-leave{to{opacity:0;transform:translateY(4px)scale(.99)}}@keyframes manager-backdrop{0%{opacity:0}to{opacity:1}}@media (max-width:639px){.hvc-channel-manager{width:calc(100vw - 24px);height:calc(100dvh - 32px)}.manager-header{gap:8px;padding:16px}.manager-header p{font-size:var(--type-meta)}.manager-toolbar{flex-wrap:wrap;padding:0 16px 16px}.manager-search{flex:100%;height:44px}.manager-toolbar>button{flex:1;min-height:44px}.manager-body{padding:16px}.manager-footer{padding:12px 16px}.manager-footer button{min-height:44px}.manager-icon{width:40px;height:40px}.manager-channel,.manager-space>header{gap:4px;padding-inline:8px}.manager-channel-icon{margin-right:4px}.manager-space h3{font-size:var(--type-meta)}.manager-access{display:none}.manager-form-grid{grid-template-columns:1fr}.manager-field .hvc-menu-trigger{min-height:44px}.manager-notice{font-size:var(--type-meta);margin-inline:16px}}@media (prefers-reduced-motion:reduce){.hvc-channel-manager,.hvc-channel-manager::backdrop{animation:none!important}}
.hvc-topbar{-webkit-backdrop-filter:saturate(1.4)blur(14px);transition:background-color .4s;position:sticky;container:topbar/inline-size;background:color-mix(in srgb, var(--color-surface) 86%, transparent)!important}.hvc-topbar:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(420px 120px at 0% 50%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 70%), radial-gradient(360px 120px at 100% 50%, color-mix(in srgb, var(--tone-2) 9%, transparent), transparent 70%);transition:background .6s;position:absolute;inset:0}.hvc-topbar .hvc-breadcrumb{gap:8px;font-size:13px}.hvc-topbar>div:first-child{flex:none;min-width:0;max-width:46%}.hvc-topbar>div:last-child{flex-shrink:0}.hvc-topbar .hvc-breadcrumb .hvc-crumb-icon{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));width:28px;height:28px;box-shadow:0 6px 14px -6px color-mix(in srgb, var(--tone) 80%, transparent);border-radius:9px;flex-shrink:0;place-items:center;transition:background .4s;display:grid}.hvc-topbar .hvc-breadcrumb .hvc-crumb-section{color:var(--tone-ink);white-space:nowrap;font-weight:600}.hvc-crumb-sep{color:var(--color-text-faint);flex-shrink:0}.hvc-topbar .hvc-breadcrumb strong{color:var(--color-text);font-weight:600}.hvc-topbar .hvc-topbar-search{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-2) 80%, transparent);width:auto;min-width:40px;min-height:38px;color:var(--color-text-faint);border-radius:12px;flex:0 340px;gap:10px;margin-inline:16px auto;padding:0 8px 0 12px;font-size:12px;transition:border-color .2s,box-shadow .2s,color .2s}.hvc-topbar .hvc-topbar-search:hover,.hvc-topbar .hvc-topbar-search:focus-visible{border-color:var(--tone-line);color:var(--color-text-muted);box-shadow:0 0 0 3px var(--tone-soft);outline:none}.hvc-topbar .hvc-topbar-search>svg{color:var(--tone-ink);flex-shrink:0}.hvc-topbar .hvc-topbar-search>span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hvc-topbar .hvc-topbar-search kbd{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:6px;margin-left:0;padding:2px 6px;font-size:10px}.hvc-preview-pill{border:1px solid color-mix(in srgb, var(--color-warning) 40%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.hvc-preview-pill>span{background:var(--color-warning);border-radius:50%;width:6px;height:6px}.hvc-xp-pill{border:1px solid color-mix(in srgb, #f43f5e 30%, var(--color-border));height:38px;color:var(--color-text);background:linear-gradient(135deg,#f43f5e1a,#f59e0b1a);border-radius:12px;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.hvc-xp-pill small{color:var(--color-text-muted);font-size:10px;font-weight:600}.hvc-xp-pill:hover{transform:translateY(-1px);box-shadow:0 10px 22px -14px #f43f5e}.hvc-xp-bolt{color:#fff;background:linear-gradient(135deg,#f43f5e,#f59e0b);border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.hvc-xp-streak{border-left:1px solid var(--color-border);color:#f59e0b;align-items:center;gap:3px;margin-left:4px;padding-left:8px;font-size:12px;display:inline-flex}.hvc-topbar-icon{border:1px solid var(--color-border);background:var(--color-surface-2);width:40px;height:40px;color:var(--color-text-muted);border-radius:12px;flex-shrink:0;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.hvc-topbar-icon:hover,.hvc-topbar-icon[aria-pressed=true]{border-color:var(--tone-line);background:var(--tone-soft);color:var(--tone-ink)}.hvc-topbar-icon:focus-visible{outline:2px solid var(--tone-line);outline-offset:3px}.hvc-account-trigger{border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:3px 10px 3px 3px;transition:background .2s,border-color .2s;display:flex}.hvc-account-trigger:hover,.hvc-account-trigger[aria-expanded=true]{border-color:var(--color-border);background:var(--color-surface-2)}.hvc-account-ring{background:conic-gradient(from 0deg, var(--tone), var(--tone-2), var(--tone));border-radius:50%;padding:2px;animation:8s linear infinite hvc-spin-slow;display:inline-flex}.hvc-account-ring>*{border:2px solid var(--color-surface);border-radius:50%;animation:8s linear infinite reverse hvc-spin-slow}.hvc-account-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.hvc-account-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;color:var(--color-text);font-size:13px;font-weight:600;overflow:hidden}.hvc-account-text small{color:var(--tone-ink);font-size:11px;font-weight:600}@container topbar (max-width:1120px){.hvc-preview-pill{display:none}}@container topbar (max-width:920px){.hvc-account-text,.hvc-topbar .hvc-topbar-search kbd{display:none}.hvc-account-trigger{padding-right:3px}}@container topbar (max-width:680px){.hvc-xp-pill,.hvc-crumb-section,.hvc-crumb-sep{display:none}.hvc-topbar .hvc-topbar-search{flex:0 0 40px;justify-content:center;padding:0}.hvc-topbar .hvc-topbar-search>span{display:none}}@media (prefers-reduced-motion:reduce){.hvc-account-ring,.hvc-account-ring>*{animation:none!important}}
.rp{border-left:1px solid var(--color-border-subtle);background:var(--color-background);flex-direction:column;flex-shrink:0;width:15rem;height:100%;display:flex;overflow:hidden}.rp-head{border:1px solid var(--tone-line);background:linear-gradient(140deg, color-mix(in srgb, var(--tone) 16%, var(--color-surface)), var(--color-surface) 62%, color-mix(in srgb, var(--tone-2) 12%, var(--color-surface)));border-radius:16px;margin:10px 10px 0;padding:12px;position:relative;overflow:hidden}.rp-head:before{content:"";background:var(--tone);filter:blur(46px);opacity:.28;pointer-events:none;border-radius:50%;width:160px;height:160px;animation:16s ease-in-out infinite alternate hvc-aurora-a;position:absolute;top:-70px;right:-50px}.rp-head-top{align-items:center;gap:10px;display:flex;position:relative}.rp-head-icon{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));width:32px;height:32px;box-shadow:0 8px 18px -8px color-mix(in srgb, var(--tone) 80%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.rp-head-title{flex:1;min-width:0}.rp-head-title strong{color:var(--color-text);font-size:13px;font-weight:650;line-height:1.2;display:block}.rp-head-title>span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);margin-top:2px;font-size:11px;display:block;overflow:hidden}.rp-close{width:26px;height:26px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;place-items:center;transition:background .2s,color .2s;display:grid}.rp-close:hover{background:color-mix(in srgb, var(--color-surface) 70%, transparent);color:var(--color-text)}.rp-head-live{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex;position:relative}.rp-live{white-space:nowrap;color:var(--color-success);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.rp-live.is-quiet{color:var(--color-text-muted);font-weight:500}.rp-pulse{background:var(--color-success);border-radius:50%;width:7px;height:7px;position:relative}.rp-pulse:after{content:"";background:var(--color-success);border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite hvc-ping;position:absolute;inset:0}.mu-avatar-circles{align-items:center;display:flex}.mu-avatar-circles>*{box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;display:inline-flex;position:relative}.mu-avatar-circles>*+*{margin-left:-9px}.mu-avatar-circles>span>div>:first-child{font-size:10px;width:26px!important;height:26px!important}.mu-avatar-more{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 5px;font-size:10px;font-weight:700;display:grid}.rp-search{margin:10px 10px 4px;position:relative}.rp-search svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.rp-search input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:34px;color:var(--color-text);border-radius:10px;padding:0 10px 0 32px;font-size:12px;transition:border-color .2s,box-shadow .2s}.rp-search input::placeholder{color:var(--color-text-faint)}.rp-search input:focus{border-color:var(--tone-line);box-shadow:0 0 0 3px var(--tone-soft);outline:none}.rp-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:6px 8px 10px;overflow-y:auto}.rp-section+.rp-section{margin-top:10px}.rp-section-title{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--tone-ink) 80%, var(--color-text-muted));align-items:center;gap:6px;padding:8px 6px 6px;font-size:10px;font-weight:650;display:flex}.rp-section-title small{background:var(--tone-soft);letter-spacing:0;color:var(--tone-ink);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px}.rp-section-title.is-online{color:var(--color-success)}.rp-section-title.is-online small{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.rp-row{text-align:left;width:100%;animation:.42s cubic-bezier(.2,.7,.2,1) backwards rp-in;animation-delay:calc(min(var(--i,0), 14) * 26ms);border-radius:10px;align-items:center;gap:9px;padding:6px;transition:background .2s,transform .2s;display:flex;position:relative}.rp-row:hover,.rp-row:focus-visible{background:var(--tone-soft);transform:translate(2px)}.rp-row:focus-visible{outline:2px solid var(--tone-line);outline-offset:1px}.rp-row:disabled{opacity:.55;cursor:wait}.rp-row-text{flex:1;min-width:0}.rp-row-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:12px;display:block;overflow:hidden}.rp-row.is-online .rp-row-name,.rp-row.is-conv .rp-row-name{color:var(--color-text);font-weight:600}.rp-row-last{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);margin-top:1px;font-size:11px;display:block;overflow:hidden}.rp-row.has-unread{background:color-mix(in srgb, var(--tone) 9%, transparent)}.rp-row.has-unread .rp-row-last{color:var(--color-text)}.rp-row-time{color:var(--color-text-faint);flex-shrink:0;font-size:10px;transition:opacity .2s}.rp-unread{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));min-width:18px;height:18px;box-shadow:0 4px 10px -4px color-mix(in srgb, var(--tone) 80%, transparent);border-radius:999px;flex-shrink:0;place-items:center;padding:0 5px;font-size:10px;font-weight:700;display:grid}.rp-row-cta{width:24px;height:24px;color:var(--tone-ink);background:var(--color-surface);opacity:0;pointer-events:none;border-radius:8px;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;right:8px;transform:translate(4px,-50%);box-shadow:0 2px 8px -2px #0000002e}.rp-row:hover .rp-row-cta,.rp-row:focus-visible .rp-row-cta{opacity:1;transform:translateY(-50%)}.rp-row:hover .rp-row-time{opacity:0}.rp-empty{text-align:center;color:var(--color-text-muted);padding:20px 8px;font-size:12px}.rp-foot{border-top:1px solid var(--color-border-subtle);padding:8px 10px 10px}.rp-all{border:1px solid var(--tone-line);width:100%;color:var(--color-text);background:linear-gradient(135deg, var(--tone-soft), transparent 70%);border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.rp-all svg{color:var(--tone-ink)}.rp-all:hover{box-shadow:0 10px 22px -14px color-mix(in srgb, var(--tone) 80%, transparent);transform:translateY(-1px)}.rp-all .rp-unread{margin-left:auto}@keyframes rp-in{0%{opacity:0;transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.rp-head:before,.rp-pulse:after,.rp-row{animation:none!important}.rp-row:hover,.rp-all:hover{transform:none}}
.hvc-chatpop{border:1px solid var(--tone-line);background:var(--color-surface);width:340px;height:470px;box-shadow:0 30px 70px -24px #00000073, 0 18px 40px -26px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:20px;flex-direction:column;margin-bottom:14px;display:flex;overflow:hidden}.hvc-chatpop.is-minimized{height:60px}.hvc-chatpop-head{border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(120deg, color-mix(in srgb, var(--tone) 22%, var(--color-surface)), color-mix(in srgb, var(--tone-2) 12%, var(--color-surface)));flex-shrink:0;align-items:center;gap:6px;height:60px;padding:0 8px 0 10px;display:flex;position:relative;overflow:hidden}.hvc-chatpop.is-minimized .hvc-chatpop-head{border-bottom:0}.hvc-chatpop-head:before{content:"";background:var(--tone);filter:blur(44px);opacity:.3;pointer-events:none;border-radius:50%;width:150px;height:150px;animation:14s ease-in-out infinite alternate hvc-aurora-a;position:absolute;top:-60px;left:-30px}.hvc-chatpop-who{text-align:left;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex;position:relative}.hvc-chatpop-who:focus-visible{outline:2px solid var(--tone-line)}.hvc-chatpop-avatar{background:conic-gradient(from 0deg, var(--tone), var(--tone-2), var(--tone));border-radius:50%;padding:2px;display:inline-flex}.hvc-chatpop-avatar>*{border:2px solid var(--color-surface);border-radius:50%}.hvc-chatpop-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.hvc-chatpop-name strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:13px;font-weight:650;overflow:hidden}.hvc-chatpop-name small{color:var(--color-text-muted);align-items:center;gap:5px;margin-top:2px;font-size:11px;display:inline-flex}.hvc-chatpop-name small.is-online{color:var(--color-success);font-weight:600}.hvc-chatpop-name small i{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 25%, transparent);border-radius:50%}.hvc-chatpop-unread{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;animation:2.4s ease-in-out infinite hvc-breathe;display:grid}.hvc-chatpop-tools{align-items:center;gap:2px;display:flex;position:relative}.hvc-chatpop-tools button{width:28px;height:28px;color:var(--color-text-muted);border-radius:8px;place-items:center;transition:background .2s,color .2s;display:grid}.hvc-chatpop-tools button:hover{background:color-mix(in srgb, var(--color-surface) 75%, transparent);color:var(--color-text)}.hvc-chatpop-body{background:radial-gradient(420px 260px at 100% 0%, color-mix(in srgb, var(--tone) 6%, transparent), transparent 70%);flex-direction:column;flex:1;min-height:0;display:flex}.hvc-chatpop-messages{scrollbar-width:thin;flex:1;min-height:0;padding:10px 12px 6px;overflow-y:auto}.hvc-chatpop-date{justify-content:center;margin:10px 0 8px;display:flex}.hvc-chatpop-date span{border:1px solid var(--color-border-subtle);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600}.hvc-chatpop-row{flex-wrap:wrap;align-items:flex-end;gap:6px;margin-top:2px;animation:.32s cubic-bezier(.2,.8,.2,1) backwards hvc-bubble-in;display:flex}.hvc-chatpop-row.is-own{flex-direction:row-reverse}.hvc-chatpop-row.is-last{margin-bottom:8px}.hvc-chatpop-face{flex-shrink:0;width:24px;display:inline-flex}.hvc-chatpop-bubble{overflow-wrap:anywhere;border-radius:18px;max-width:76%;padding:7px 12px;font-size:13px;line-height:1.45}.hvc-chatpop-row.is-own .hvc-chatpop-bubble{color:#fff;background:linear-gradient(135deg, var(--tone), color-mix(in srgb, var(--tone) 55%, var(--tone-2)));box-shadow:0 8px 18px -12px color-mix(in srgb, var(--tone) 90%, transparent)}.hvc-chatpop-row.is-own.is-last .hvc-chatpop-bubble{border-bottom-right-radius:6px}.hvc-chatpop-row.is-other .hvc-chatpop-bubble{border:1px solid var(--color-border-subtle);background:var(--color-surface-2);color:var(--color-text)}.hvc-chatpop-row.is-other.is-last .hvc-chatpop-bubble{border-bottom-left-radius:6px}.hvc-chatpop-time{color:var(--color-text-faint);flex-basis:100%;margin-top:1px;font-size:10px}.hvc-chatpop-row.is-own .hvc-chatpop-time{text-align:right;padding-right:4px}.hvc-chatpop-row.is-other .hvc-chatpop-time{padding-left:34px}.hvc-chatpop-delete{width:22px;height:22px;color:var(--color-text-muted);opacity:0;border-radius:50%;flex-shrink:0;align-self:center;place-items:center;transition:opacity .2s,background .2s,color .2s;display:grid}.hvc-chatpop-row:hover .hvc-chatpop-delete,.hvc-chatpop-delete:focus-visible{opacity:1}.hvc-chatpop-delete:hover{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.hvc-chatpop-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.hvc-chatpop-empty-avatar{background:conic-gradient(from 0deg, var(--tone), var(--tone-2), var(--tone));border-radius:50%;margin-bottom:10px;padding:3px;display:inline-flex;position:relative}.hvc-chatpop-empty-avatar>*{border:3px solid var(--color-surface);border-radius:50%}.hvc-chatpop-empty-avatar:before,.hvc-chatpop-empty-avatar:after{content:"";border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:50%;animation:3s ease-out infinite hvc-ripple;position:absolute;inset:-10px}.hvc-chatpop-empty-avatar:after{animation-delay:1.5s}.hvc-chatpop-empty strong{color:var(--color-text);font-size:14px;font-weight:650}.hvc-chatpop-empty p{max-width:220px;color:var(--color-text-muted);font-size:12px}.hvc-chatpop .hvc-composer-shell{border-color:var(--color-border);transition:border-color .2s,box-shadow .2s}.hvc-chatpop .hvc-composer-shell:focus-within{border-color:var(--tone-line);box-shadow:0 0 0 3px var(--tone-soft)}.hvc-chatpop .hvc-composer-chat.hvc-composer-shell .hvc-composer-send:not(:disabled){color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2))}@keyframes hvc-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.hvc-chatpop-head:before,.hvc-chatpop-unread,.hvc-chatpop-row,.hvc-chatpop-empty-avatar:before,.hvc-chatpop-empty-avatar:after{animation:none!important}}