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