:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#10151d;--color-background-end:#172332;--color-text:#f4efe7;--color-text-soft:#c7d2de;--color-text-list:#dce4ee;--color-accent:#f7b267;--color-accent-strong:#f4845f;--color-on-accent:#10151d;--color-panel-background:#0b111894;--color-panel-border:#ffffff1a;--color-card-border:#ffffff14;--color-card-background:#ffffff08;--color-success:#70e0b314;--color-success-border:#70e0b347;--color-error:#3a2428;--color-error-border:#ff7c7c4d;--color-pending:#f7b26717;--color-pending-border:#f7b26747;--color-indigo:#8699ff1f;--color-indigo-border:#8699ff42;--color-panel-glow:#f7b2671f;--color-surface-subtle:#ffffff08;--color-surface-muted:#ffffff0a;--color-surface-hover:#ffffff14;--color-surface-overlay:#0f151e;--color-border-subtle:#ffffff14;--color-divider:#ffdbb447;--color-danger-text:#ffb0b0;--color-focus-ring:#f7b2671f;--color-accent-border-strong:#f7b267a6;--color-presence-online:#22c55e;--color-presence-recently-active:#eab308;--color-presence-offline:var(--color-text-soft);--color-presence-outline:#ffffffb8;--color-mask-solid:#000;--color-footprint-row-odd:#ffffff06;--color-footprint-row-even:#f7b2671b;--color-footprint-row-total:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-muted));--color-accent-text-muted:color-mix(in srgb, var(--color-accent) 72%, var(--color-text-soft) 28%);--gradient-app-background:radial-gradient(circle at top left, #ffa66633, transparent 24rem), linear-gradient(180deg, var(--color-background) 0%, var(--color-background-end) 100%);--gradient-hero-chat:radial-gradient(circle at top left, #ffa66624, transparent 18rem), linear-gradient(180deg, #10151df0 0%, #172332e0 100%);--gradient-card:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--color-card-background);--gradient-accent:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));--gradient-message-own:linear-gradient(180deg, #f7b2672e, #f4845f1a), #f7b26714;--gradient-message-jump:linear-gradient(180deg, #f7b26733, #f4845f1f), #0f151eeb;--gradient-popover:radial-gradient(circle at top right, #f7b2671a, transparent 10rem), #181f2bfa;--shadow-panel:0 24px 80px #0000002e;--shadow-button:0 14px 30px #f4845f38;--shadow-button-hover:0 18px 36px #f4845f4d;--shadow-button-active:0 8px 18px #f4845f38;--shadow-button-disabled:0 10px 22px #f4845f29;--shadow-card-hover:0 18px 36px #0003;--shadow-accent-glow:0 0 0 1px #f7b26738, 0 0 22px #f7b26729;--shadow-presence-online:0 0 0 1px var(--color-presence-outline), 0 0 8px #22c55e66;--shadow-session-card:0 12px 40px 0 #00000040, inset 0 1px 1px 0 #ffffff0d;--shadow-session-secondary-hover:0 2px 8px #00000026}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f7efe5;--color-background-end:#eaf2f4;--color-text:#18212d;--color-text-soft:#5a6675;--color-text-list:#2f3d4d;--color-accent:#b95f2d;--color-accent-strong:#d06f45;--color-on-accent:#fffaf3;--color-panel-background:#fffcf6b8;--color-panel-border:#2d394921;--color-card-border:#2d39491c;--color-card-background:#ffffff94;--color-success:#18906717;--color-success-border:#18906747;--color-error:#f1e0dd;--color-error-border:#c5484847;--color-pending:#b95f2d1a;--color-pending-border:#b95f2d45;--color-indigo:#4f62be1c;--color-indigo-border:#4f62be3d;--color-panel-glow:#b95f2d1c;--color-surface-subtle:#ffffff80;--color-surface-muted:#ffffffa3;--color-surface-hover:#ffffffdb;--color-surface-overlay:#fff;--color-border-subtle:#2d39491c;--color-divider:#b95f2d38;--color-danger-text:#a43a3a;--color-focus-ring:#b95f2d29;--color-accent-border-strong:#b95f2d94;--color-presence-online:#22c55e;--color-presence-recently-active:#eab308;--color-presence-offline:var(--color-text-soft);--color-presence-outline:#ffffffb8;--color-mask-solid:#000;--color-footprint-row-odd:transparent;--color-footprint-row-even:#ffffffeb;--color-footprint-row-total:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-muted));--color-accent-text-muted:color-mix(in srgb, var(--color-accent) 76%, var(--color-text-soft) 24%);--gradient-app-background:radial-gradient(circle at top left, #ffbd795c, transparent 24rem), linear-gradient(180deg, var(--color-background) 0%, var(--color-background-end) 100%);--gradient-hero-chat:radial-gradient(circle at top left, #ffbd7947, transparent 18rem), linear-gradient(180deg, #fffcf6e6 0%, #eaf2f4d6 100%);--gradient-card:linear-gradient(180deg, #ffffffc7, #ffffff75), var(--color-card-background);--gradient-accent:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));--gradient-message-own:linear-gradient(180deg, #b95f2d26, #d06f4514), #b95f2d14;--gradient-message-jump:linear-gradient(180deg, #b95f2d29, #d06f451a), #fffcf6e6;--gradient-popover:radial-gradient(circle at top right, #b95f2d1f, transparent 10rem), #fffcf6fa;--shadow-panel:0 24px 80px #392d2324;--shadow-button:0 14px 30px #b95f2d33;--shadow-button-hover:0 18px 36px #b95f2d47;--shadow-button-active:0 8px 18px #b95f2d2e;--shadow-button-disabled:0 10px 22px #b95f2d21;--shadow-card-hover:0 18px 36px #392d2324;--shadow-accent-glow:0 0 0 1px #b95f2d33, 0 0 22px #b95f2d26;--shadow-presence-online:0 0 0 1px var(--color-presence-outline), 0 0 8px #22c55e66;--shadow-session-card:0 12px 40px 0 #00000040, inset 0 1px 1px 0 #ffffff0d;--shadow-session-secondary-hover:0 2px 8px #00000026}:root{color:var(--color-text);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body,button,input,textarea,select,.panel,.session-card,.status-card,.selector-card,.screen-button,.message-bubble,.composer{transition:background-color .25s,background-image .25s,border-color .25s,box-shadow .25s,color .25s,fill .25s,stroke .25s}@media (prefers-reduced-motion:reduce){body,button,input,textarea,select,.panel,.session-card,.status-card,.selector-card,.screen-button,.message-bubble,.composer{transition:none}}html,body,#root{height:100%;margin:0}body{background-color:var(--color-background);background-image:var(--gradient-app-background);min-height:100dvh}body.body--chat,body.body--chat #root{overflow:hidden}h1,h2{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif}code{font-family:IBM Plex Mono,monospace}:root:lang(ru) .panel-chip,:root:lang(ru) .panel-chip--refresh,:root:lang(ru) .panel-kicker{letter-spacing:.08em}:root:lang(ru) .status-label,:root:lang(ru) .project-footprint thead th,:root:lang(ru) .message-day-divider{letter-spacing:.06em}.app-shell{max-width:82rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.app-shell--chat{padding-top:0;padding-inline:0;-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);max-width:none;height:100dvh;padding-bottom:0;display:grid;overflow:hidden}.app-shell--chat input,.app-shell--chat textarea,.app-shell--chat .message-body{-webkit-user-select:text;user-select:text}.app-shell--admin{padding-top:0;padding-inline:0;max-width:none;padding-bottom:2.5rem}.hero{gap:.75rem;padding:.75rem 0 1.5rem;display:grid}.hero-inner{gap:.65rem;width:min(100%,82rem);margin:0 auto;padding:0 1.25rem;display:grid}.hero--chat{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-inline:calc(50% - 50vw);padding:.5rem 1.25rem;position:sticky;top:0}.hero--chat .hero-inner{width:100%;max-width:none;padding:0 1.25rem}.hero--admin{margin-inline:calc(50% - 50vw);padding:.5rem 1.25rem .8rem}.hero--admin .hero-inner{width:100%;max-width:none;padding:0 1.25rem}.hero-copy{gap:.75rem;padding-top:.75rem;display:grid}.hero--admin h1{font-size:clamp(1.9rem,4vw,3rem)}.eyebrow{letter-spacing:.08em;color:var(--color-accent);margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.screen-switch .eyebrow{padding:0 .65rem;font-size:1.45rem}h1{max-width:20ch;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.96}.lead{max-width:42rem;color:var(--color-text-soft);margin:0;font-size:1.05rem}.screen-switch{border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);border-radius:20px;align-items:center;gap:.4rem;padding:.25rem;display:inline-flex}.chat-layout{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:stretch;gap:1rem;width:100%;max-width:104rem;height:100%;min-height:0;margin-inline:auto;padding:0 .5rem .5rem;display:grid}.admin-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;max-width:96rem;margin-inline:auto;padding:0 .85rem;display:grid}.admin-layout>.panel{grid-column:auto;height:100%}.admin-layout--unavailable{grid-template-columns:minmax(0,1fr);place-items:start center;min-height:calc(100dvh - 13rem);padding-top:clamp(2rem,10vh,5rem)}.admin-layout--unavailable>.panel{width:min(100%,34rem);height:auto}.chat-sidebar,.chat-main{gap:1rem;min-height:0;display:grid}.chat-sidebar--session{grid-template-rows:auto minmax(0,1fr)}.chat-sidebar--active{grid-template-rows:minmax(0,1fr)}.chat-main{width:100%;max-width:80rem}.chat-layout--user-view{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:.35rem}.thread-back-button{display:none}@media (width<=1023px){.thread-back-button{background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface-overlay));border:1px solid var(--color-border-subtle);width:1.78rem;height:1.78rem;color:var(--color-accent);cursor:pointer;box-shadow:none;border-radius:.72rem;justify-content:center;align-items:center;margin-right:.25rem;padding:0;font-family:inherit;font-size:0;font-weight:400;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.thread-back-button:before{content:"";border-bottom:1.9px solid;border-left:1.9px solid;width:.48rem;height:.48rem;transform:translate(2px)rotate(45deg)}.thread-back-button:hover,.thread-back-button:focus-visible{border-color:var(--color-accent-border-strong);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-overlay));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent)}.app-shell--chat{height:100dvh;overflow:hidden}.app-shell--chat.app-shell--thread-open{grid-template-rows:minmax(0,1fr)}.app-shell--chat.app-shell--thread-open .hero--chat{display:none}.app-shell--chat.app-shell--thread-open .chat-layout{margin-top:0}.chat-layout{grid-template-columns:minmax(0,1fr);align-items:stretch;height:100%;overflow:hidden}.chat-layout--show-main.chat-layout--user-view{padding-top:.5rem}.chat-sidebar,.chat-main{height:100%;min-height:0;display:none}.chat-layout--session .chat-sidebar,.chat-layout--show-list .chat-sidebar,.chat-layout--show-main .chat-main{display:grid}.chat-layout--session .chat-sidebar .chats,.chat-layout--show-list .chat-sidebar .panel--users,.chat-layout--show-list .chat-sidebar .panel--session{display:none}.chat-sidebar--session,.chat-sidebar--active{grid-template-rows:minmax(0,1fr)}}@media (width<=640px){.hero--chat{padding-block:.45rem}.chat-layout--show-main.chat-layout--user-view{padding-bottom:.5rem}.hero-inner,.hero--chat .hero-inner,.hero--admin .hero-inner{padding-inline:0}.hero-copy{padding-top:.45rem}.screen-switch{box-sizing:border-box;flex-wrap:nowrap;width:100%;overflow:visible}.screen-switch .eyebrow{white-space:nowrap;flex:none;padding:0 .55rem;font-size:1.18rem}}.panel{border:1px solid var(--color-panel-border);background:var(--color-panel-background);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-panel);border-radius:16px;padding:1rem;position:relative;overflow:hidden}.panel h2{margin-bottom:.45rem;font-size:1.1rem}.panel ul{color:var(--color-text-list);margin:0;padding-left:1.1rem}.panel li+li{margin-top:.45rem}.panel--checks,.panel--notes,.panel--stats{grid-column:span 3;padding:.8rem}.panel--admin-unavailable{grid-column:1/-1;max-width:34rem;margin-inline:auto}.panel--admin-unavailable .button-row{margin-top:1rem}.panel--users{background:radial-gradient(circle at top right, var(--color-panel-glow), transparent 12rem), var(--color-panel-background);grid-column:span 3;padding:.8rem}.chats{grid-column:span 3;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:0;display:grid;overflow:visible}.panel--messages{grid-column:span 6;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:0 .8rem .8rem;display:grid}.panel--messages>*{grid-column:1}.chats>.user-stack,.panel--messages>.status-card,.panel--messages>.panel-copy,.panel--messages>.message-status-slot,.panel--messages>.message-thread-body{min-height:0}.chats>.user-stack{padding:.75rem .8rem .8rem}.chats>.thread-divider{width:auto;margin-inline:.8rem}.panel--messages>.message-status-slot{z-index:2;grid-row:3;align-self:start;padding-top:.55rem;padding-right:.6rem}.message-status-slot>.status-card.error{width:fit-content;max-width:100%;margin-inline:auto}.panel--messages>.message-thread-body{grid-row:3;margin-left:-.8rem;margin-right:-.8rem}.panel--messages>.composer{grid-row:4;align-self:end}@media (width<=1023px){.panel--users,.chats,.panel--messages{grid-column:span 1}}.panel-copy,.status-card p{color:var(--color-text-soft);margin:0;padding-bottom:.6rem}.panel-topline{z-index:2;justify-content:space-between;align-items:center;gap:.75rem;min-height:1.9rem;margin-bottom:.2rem;display:flex;position:relative}.panel-topline-actions{align-items:center;gap:.55rem;margin-left:auto;display:inline-flex}.panel-topline--chat-list,.panel-topline--message-thread{justify-content:center;position:relative}.panel-topline--chat-list>.panel-kicker,.panel-topline--message-thread>.panel-kicker{text-align:center}.panel-topline--chat-list>.panel-topline-actions,.panel-topline--chat-list>.panel-chip--refresh,.panel-topline--message-thread>.panel-topline-actions,.panel-topline--message-thread>.panel-chip--refresh{position:absolute;right:.8rem}.panel-topline--chat-list,.panel-topline--message-thread{min-height:2.3rem;margin-bottom:.2rem;padding:.4rem .8rem 0}.panel-topline--message-thread>.panel-topline-actions{right:0}.panel-topline--message-thread .thread-back-button{position:absolute;top:calc(50% + 2px);left:0;transform:translateY(-50%)}@media (width>=1024px){.panel-topline--message-thread{justify-content:flex-start;padding-left:.5rem}.panel-topline--message-thread>.panel-kicker{text-align:left}}@media (width<=640px){.panel-topline--chat-list{justify-content:flex-start}.panel-topline--chat-list>.panel-kicker{text-align:left}}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.panel-head h2{margin-bottom:0}.panel-chip{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;font-size:.78rem}.panel-chip--refresh{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:none}.panel-chip--refresh strong{color:inherit;font:inherit;font-weight:inherit}.panel-chip--refresh-expired strong{color:var(--color-danger-text)}.panel-chip--refresh-compact{justify-content:flex-end;min-width:3rem}.thread-activity-pill{box-sizing:border-box;isolation:isolate;border:1px solid var(--color-accent-border-strong);background:color-mix(in srgb, var(--color-accent) 82%, var(--color-surface-overlay));min-width:1.35rem;height:1.35rem;color:var(--color-on-accent);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 .32rem;font-size:.68rem;font-weight:700;line-height:1;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s,transform .22s;display:inline-flex;position:relative}.thread-activity-pill:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-accent-border-strong);animation:1.8s ease-in-out infinite chat-activity-pulse;position:absolute;inset:-1px}.thread-activity-pill-count{z-index:1;position:relative;transform:translateY(1px)}.panel-kicker{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:0;font-size:.78rem;font-weight:700;display:inline-block}.panel-kicker-emphasis{color:var(--color-text);letter-spacing:.08em;align-items:center;padding-right:1rem;font-weight:800;display:inline-flex;position:relative}.panel-kicker-text{transform:translateY(1px)}.thread-typing-dots{pointer-events:none;align-items:center;gap:.16rem;display:flex;position:absolute;top:50%;right:-.32rem;transform:translateY(-50%)}.thread-typing-dot{background:var(--color-accent);border-radius:999px;width:.22rem;height:.22rem}@media (width<=640px){.panel-topline--message-thread>.panel-chip--refresh:not(.panel-chip--refresh-compact){display:none}.panel-topline--message-thread>.panel-kicker{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 5.5rem);padding-right:.35rem;overflow:hidden}.panel-topline--message-thread .panel-kicker-emphasis{max-width:100%}}@media (width<=1023px){.panel-chip--refresh{display:inline-flex}.panel-topline--message-thread>.thread-activity-pill{position:absolute;top:calc(50% + 3px);left:1.85rem;transform:translateY(-50%)}}.thread-divider{background:var(--color-divider);width:100%;height:1px}.button-row{flex-wrap:wrap;gap:.75rem;margin:0;display:flex}.action-button{background:var(--gradient-accent);color:var(--color-on-accent);font:inherit;text-align:center;cursor:pointer;box-shadow:var(--shadow-button);border:0;border-radius:16px;justify-content:center;align-items:center;padding:.95rem 1.15rem;font-size:1rem;font-weight:700;line-height:1.15;text-decoration:none;transition:transform .14s,filter .14s,box-shadow .14s;display:inline-flex}.action-button:hover{filter:brightness(1.03);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.action-button:active{box-shadow:var(--shadow-button-active);transform:translateY(1px)scale(.99)}.action-button:disabled{cursor:wait;filter:saturate(.7);opacity:.8;box-shadow:var(--shadow-button-disabled);transform:none}.action-button--secondary{background:var(--color-surface-overlay);color:var(--color-text);border:1px solid var(--color-border-subtle);box-shadow:none}.action-button--secondary:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-button-disabled)}.action-button--secondary:disabled{box-shadow:none}.screen-button{box-sizing:border-box;border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);min-width:6rem;min-height:2.45rem;color:var(--color-text-soft);font:inherit;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;padding:calc(.55rem + 1px) .9rem calc(.55rem - 1px);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.screen-button:hover{color:var(--color-text);background:var(--color-surface-hover);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.screen-button.selected{color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-button-disabled);border-color:#0000}.screen-button--chat{position:relative}.screen-chat-activity-dot{background:var(--color-accent-border-strong);width:.45rem;height:.45rem;box-shadow:0 0 0 1px var(--color-presence-outline);border-radius:999px;transition:background .22s,box-shadow .22s,opacity .22s,transform .22s;animation:1.8s ease-in-out infinite chat-activity-pulse;position:absolute;right:1rem}.peer-presence-dot{width:.5rem;height:.5rem;box-shadow:0 0 0 1px var(--color-presence-outline);border-radius:999px;flex:none;margin-left:.35rem;transition:background .22s,box-shadow .22s,opacity .22s,transform .22s;display:inline-flex}.peer-presence-dot--online{background:var(--color-presence-online);box-shadow:var(--shadow-presence-online)}.peer-presence-dot--recently_active{background:var(--color-presence-recently-active)}.peer-presence-dot--offline{background:var(--color-presence-offline)}.thread-call-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;max-width:min(58vw,26rem);display:inline-flex}.thread-call-status{color:var(--color-text-soft);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.thread-call-transport{color:var(--color-text-soft);font-size:.72rem}.thread-call-button{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface-overlay));width:1.78rem;height:1.78rem;color:var(--color-accent);cursor:pointer;border-radius:.72rem;justify-content:center;align-items:center;gap:.38rem;padding:0;font-size:.75rem;font-weight:650;line-height:1.1;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex;transform:translateY(-1px)}.thread-call-button:disabled{cursor:not-allowed}.thread-call-button:hover:not(:disabled),.thread-call-button:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-overlay));border-color:var(--color-accent-border-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent)}.thread-call-icon{width:.92rem;height:.92rem;filter:drop-shadow(0 0 .45rem color-mix(in srgb, var(--color-accent) 35%, transparent));flex:none}.thread-call-elapsed{color:var(--color-text);font-variant-numeric:tabular-nums}.thread-call-button--hangup{border-color:color-mix(in srgb, var(--color-error) 35%, var(--color-border-subtle));color:var(--color-danger-text)}.thread-call-button--hangup:hover:not(:disabled),.thread-call-button--hangup:focus-visible{background:color-mix(in srgb, var(--color-error) 16%, var(--color-surface-overlay));border-color:color-mix(in srgb, var(--color-error) 60%, var(--color-border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-error) 42%, transparent)}.thread-call-error{color:var(--color-error);font-size:.7rem}.thread-call-audio{display:none}.call-popup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000061;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.call-popup{background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:360px;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative;box-shadow:0 8px 40px #0000003d}.call-popup-close{color:var(--color-text-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.2rem;line-height:1;display:grid;position:absolute;top:.15rem;right:.25rem}.call-popup-close:active{transform:scale(.96)}.call-popup-close:focus-visible{color:var(--color-text);outline:none}.call-popup-peer{flex-direction:column;align-items:center;gap:.35rem;display:flex}.call-popup-avatar{background:color-mix(in srgb, var(--color-accent) 14%, transparent);width:3rem;height:3rem;color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;display:flex}.call-popup-name{color:var(--color-text);font-size:1rem}.call-popup-status{color:var(--color-text-soft);font-size:.8rem}.call-popup-timer{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}.call-popup-transport{color:var(--color-text-soft);font-size:.7rem}.call-popup-error{color:var(--color-error);text-align:center;font-size:.72rem}.call-popup-controls{justify-content:center;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.call-popup-btn{border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;place-items:center;width:3.25rem;height:3.25rem;padding:0;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:inline-grid}.call-popup-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.35rem;height:1.35rem}.call-popup-btn:active:not(:disabled){transform:scale(.96)}.call-popup-btn:focus-visible{border-color:var(--color-accent-border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);outline:none}.call-popup-btn:disabled{cursor:not-allowed;opacity:.5}.call-popup-icon--sm{width:16px;height:16px}.call-popup-btn svg{flex-shrink:0}.call-popup-btn--accept{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.call-popup-btn--decline{background:color-mix(in srgb, var(--color-error) 13%, var(--color-surface-overlay));border-color:color-mix(in srgb, var(--color-error) 45%, var(--color-border-subtle));color:var(--color-danger-text)}.call-popup-btn--decline:focus-visible{border-color:color-mix(in srgb, var(--color-error) 82%, var(--color-border-subtle));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 34%, transparent)}@media (hover:hover) and (pointer:fine){.call-popup-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-overlay));border-color:color-mix(in srgb, var(--color-accent-border-strong) 68%, var(--color-border-subtle))}.call-popup-btn--accept:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 88%, black)}.call-popup-btn--decline:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 28%, var(--color-surface-overlay));border-color:color-mix(in srgb, var(--color-error) 82%, var(--color-border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-error) 44%, transparent);color:color-mix(in srgb, var(--color-danger-text) 88%, white)}}@media (width<=640px){.call-popup-controls{gap:1rem}.call-popup-btn{width:3.65rem;height:3.65rem}.call-popup-btn svg{width:1.5rem;height:1.5rem}}@keyframes chat-activity-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.screen-button--utility{min-width:auto;padding:calc(.6rem + 1px) .95rem calc(.6rem - 1px);font-size:.98rem}.screen-icon-button{width:2.45rem;min-width:2.45rem;padding:0}.screen-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.25rem;height:1.25rem}.screen-language-button{width:2.45rem;min-width:2.45rem;padding-inline:0;font-size:.82rem;font-weight:800}.screen-chip{border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);color:var(--color-text-soft);font:inherit;border-radius:20px;align-items:center;gap:.3rem;margin:0;padding:.45rem .9rem;font-weight:600;display:inline-flex}.screen-chip strong{color:var(--color-text)}.screen-chip--status{box-sizing:border-box;min-height:2.45rem;font:inherit;border-radius:15px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:calc(.6rem + 1px) .95rem calc(.6rem - 1px);line-height:1.2;display:inline-flex}.screen-chip--status span,.screen-chip--status strong,.screen-chip--status code{font:inherit;font-size:.98rem;line-height:inherit}.screen-chip--status span{color:var(--color-text-soft);font-weight:600}.screen-chip--status strong{font-weight:700}.screen-chip--status code{color:var(--color-accent);font-weight:700}.screen-chip--refresh{border-color:var(--color-pending-border);background:var(--color-pending);box-shadow:none}.screen-chip--refresh span,.screen-chip--refresh strong{color:var(--color-accent-text-muted)}.screen-chip--refresh-expired strong{color:var(--color-danger-text)}.screen-status-group{align-items:center;gap:.4rem;margin-left:auto;display:inline-flex;position:relative}.screen-menu{display:none;position:relative}.screen-menu-bars,.screen-menu-bars:before,.screen-menu-bars:after{background:currentColor;border-radius:999px;width:.9rem;height:1.5px;transition:width .14s ease-out,height .14s ease-out,opacity .14s,transform .14s ease-out}.screen-menu-bars{transform-origin:50%;display:inline-block;position:relative}.screen-menu-bars:before,.screen-menu-bars:after{content:"";position:absolute;left:0}.screen-menu-bars:before{transform:translateY(-.32rem)}.screen-menu-bars:after{transform-origin:50%;transform:translateY(.32rem)}.screen-menu-trigger[aria-expanded=true] .screen-menu-bars{width:1rem;height:2px;transform:scaleX(.82)rotate(45deg)}.screen-menu-trigger[aria-expanded=true] .screen-menu-bars:before,.screen-menu-trigger[aria-expanded=true] .screen-menu-bars:after{width:1rem;height:2px}.screen-menu-trigger[aria-expanded=true] .screen-menu-bars:before{opacity:0;transform:translateY(0)}.screen-menu-trigger[aria-expanded=true] .screen-menu-bars:after{transform:translateY(0)rotate(90deg)}.screen-menu-popover{z-index:20;border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);box-shadow:var(--shadow-card-hover);opacity:0;pointer-events:none;border-radius:18px;gap:.3rem;padding:.25rem;display:inline-flex;position:absolute;top:calc(100% + .45rem);right:-.4rem;transform:translateY(-.6rem)}.screen-menu-popover--open{opacity:1;pointer-events:auto;animation:.19s both screen-menu-popover-enter;transform:translateY(0)}.screen-menu-popover--closing{pointer-events:none;animation:.19s both screen-menu-popover-exit}@keyframes screen-menu-popover-enter{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes screen-menu-popover-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.6rem)}}@media (width<=1023px){.screen-chip--refresh,.screen-direct-action{display:none}.screen-menu{display:inline-flex}}@media (width<=640px){.screen-button{flex:1 1 0;min-width:0;padding-inline:.65rem}.screen-status-group{flex-wrap:nowrap;flex:auto;justify-content:flex-end;gap:.3rem;width:auto;min-width:0;margin-left:auto}.screen-chip--status{flex:0 auto;justify-content:flex-start;min-width:0;min-height:2.25rem;padding-block:.5rem;padding-inline:.65rem;overflow:hidden}.screen-chip--status strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.screen-status-group .screen-language-button,.screen-status-group .screen-icon-button{flex:0 0 2.45rem;width:2.45rem;min-width:2.45rem}.screen-menu-popover .screen-language-button,.screen-menu-popover .screen-icon-button{flex:0 0 2.45rem}.screen-status-group .screen-icon-button svg{width:1.25rem;height:1.25rem}}.status-grid{gap:.55rem;display:grid}.status-grid--stats{grid-template-columns:1fr}.status-card{border:1px solid var(--color-card-border);background:var(--color-card-background);border-radius:16px;padding:.75rem .85rem;transition:border-color .14s,background-color .14s,transform .14s;position:relative}.status-card.success{border-color:var(--color-success-border);background:var(--color-success)}.status-card.error{border-color:var(--color-error-border);background:var(--color-error)}.status-card.pending{border-color:var(--color-pending-border);background:var(--color-pending)}.status-card strong{font-size:1rem;display:block}.status-card p{padding-bottom:0}.backend-status-list{gap:.55rem;display:grid}.backend-status-row{border:1px solid var(--color-card-border);background:var(--color-card-background);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.65rem;padding:0 0 0 .7rem;display:grid;overflow:hidden}.backend-status-row.success{border-color:var(--color-success-border);background:var(--color-success)}.backend-status-row.error{border-color:var(--color-error-border);background:var(--color-error)}.backend-status-row.pending{border-color:var(--color-pending-border);background:var(--color-pending)}.backend-status-row .status-label{margin-bottom:0}.backend-status-row p{min-width:0;color:var(--color-text-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;padding-bottom:0;font-size:.88rem;overflow:hidden}.backend-status-check{border:0;border-left:1px solid var(--color-accent-border-strong);background:var(--gradient-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;align-self:stretch;padding:.55rem .65rem;font-size:.88rem;font-weight:700;line-height:1;transition:filter .14s,opacity .14s}.backend-status-check:hover{filter:brightness(1.04)}.backend-status-check:disabled{cursor:wait;filter:saturate(.72);opacity:.72;transform:none}.stat-tile{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.75rem;min-height:0;padding:.7rem .8rem;display:grid}.stat-tile .status-label{grid-column:1;margin-bottom:.55rem}.stat-tile strong{grid-column:1/-1;margin-bottom:.35rem;font-size:1.75rem;line-height:1}.stat-tile p{text-align:right;white-space:nowrap;grid-area:1/2;padding-bottom:0;font-size:.88rem}.project-footprint{overflow-x:auto}.project-footprint table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.project-footprint th,.project-footprint td{border-bottom:1px solid var(--color-card-border);text-align:right;white-space:nowrap;padding:.58rem .45rem}.project-footprint th:first-child,.project-footprint td:first-child{text-align:left}.project-footprint thead th{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.project-footprint tbody th{color:var(--color-text);font-weight:700}.project-footprint tbody tr:nth-child(odd){background:var(--color-footprint-row-odd)}.project-footprint tbody tr:nth-child(2n){background:var(--color-footprint-row-even)}.project-footprint tbody tr:last-child th,.project-footprint tbody tr:last-child td{color:var(--color-text);border-bottom:0;font-weight:800}.project-footprint tbody tr:last-child{background:var(--color-footprint-row-total)}.status-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.4rem;font-size:.78rem;display:inline-block}.user-stack{align-content:start;gap:.55rem;padding-top:.2rem;display:grid;overflow:auto}.user-card{border:1px solid var(--color-card-border);background:var(--color-card-background);font:inherit;color:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;transition:border-color .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out,background-color .14s ease-out;display:flex}.user-card strong{margin-bottom:.2rem;font-size:1rem;line-height:1.2;display:block}.user-card p{color:var(--color-text-soft);margin:0;font-size:.92rem}.user-card code{color:var(--color-accent)}.chat-preview-card{grid-template-columns:minmax(0,1fr);align-content:start;gap:.25rem;display:grid}.chat-preview-head{align-items:baseline;gap:.75rem;min-width:0;display:flex}.chat-preview-head strong{color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;min-width:0;margin-bottom:0;padding-right:.3rem;display:inline-flex;overflow:hidden}.chat-preview-head time{min-width:0;color:var(--color-text-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin-left:auto;font-size:.9rem;overflow:hidden}.chat-preview-head .peer-presence-dot{transform:translateY(0)}.chat-preview-peer-id{color:var(--color-text-soft);font-size:inherit;margin-left:.25rem;font-weight:500}.chat-preview-body{color:var(--color-text-list);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.35;overflow:hidden}.chat-preview-sender{font-weight:700}.chat-preview-card--blink:not(.selected){animation:1.15s ease-in-out infinite chat-preview-blink}@media (width<=640px){.chat-preview-head{align-items:center}.chat-preview-head time{align-items:center;line-height:1.05;display:inline-flex}}.selector-card{z-index:0;text-align:left;width:100%;color:inherit;cursor:pointer;background:var(--color-card-background);position:relative}.selector-card:hover{z-index:1;border-color:var(--color-indigo-border);background:var(--color-indigo);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.selector-card.selected{border-color:var(--color-pending-border);background:var(--color-pending);box-shadow:var(--shadow-card-hover)}@keyframes chat-preview-blink{0%,to{border-color:var(--color-card-border);box-shadow:none}50%{border-color:var(--color-accent-border-strong);box-shadow:var(--shadow-accent-glow)}}.selector-select{appearance:none;border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);width:100%;color:var(--color-text);font:inherit;cursor:pointer;border-radius:14px;padding:.5rem 1rem;font-weight:600}.selector-select:focus{border-color:var(--color-pending-border);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.ambient-glow{filter:blur(75px);opacity:.35;pointer-events:none;z-index:1;border-radius:50%;position:absolute}.ambient-glow.glow-1{background:radial-gradient(circle, var(--color-accent), transparent 70%);width:260px;height:260px;animation:22s ease-in-out infinite alternate drift-slow;top:-5%;left:-5%}.ambient-glow.glow-2{background:radial-gradient(circle, var(--color-indigo), transparent 70%);width:320px;height:320px;animation:18s ease-in-out infinite alternate drift-medium;bottom:-10%;right:-5%}.ambient-glow.glow-3{background:radial-gradient(circle, var(--color-pending), transparent 70%);width:220px;height:220px;animation:13s ease-in-out infinite alternate drift-fast;top:45%;right:10%}@keyframes drift-slow{0%{transform:translate(0)scale(1)}50%{transform:translate(45px,35px)scale(1.15)}to{transform:translate(-25px,60px)scale(.9)}}@keyframes drift-medium{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-60px,-25px)scale(.9)}to{transform:translate(35px,-45px)scale(1.15)}}@keyframes drift-fast{0%{transform:translate(0)scale(.9)}50%{transform:translate(25px,-30px)scale(1.05)}to{transform:translate(-30px,15px)scale(.9)}}.session-card{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:color-mix(in srgb, var(--color-card-background) 45%, transparent);border:1px solid var(--color-panel-border);width:100%;box-shadow:var(--shadow-session-card);border-radius:20px;transition:border-color .3s,box-shadow .3s;position:relative;padding:.8rem 1.25rem!important}.session-card .panel-topline{margin-bottom:0}.session-card h2{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text), var(--color-text-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.85rem;font-size:1.35rem;font-weight:700}.session-card--starting{place-items:center;min-height:8rem;display:grid}.session-card--starting .panel-status-empty{z-index:2;color:var(--color-text-soft);position:relative}.float-label-wrapper{width:100%;margin-bottom:.95rem;position:relative}.float-label-wrapper .session-input{background:color-mix(in srgb, var(--color-surface-muted) 45%, transparent);border:1px solid var(--color-border-subtle);width:100%;height:3.2rem;color:var(--color-text);border-radius:12px;outline:none;padding:1.25rem 2.75rem .35rem .85rem;font-size:1rem;transition:background-color .14s ease-out,border-color .14s ease-out,box-shadow .14s ease-out}.float-label-wrapper .session-input:hover{background:color-mix(in srgb, var(--color-surface-muted) 58%, transparent);border-color:var(--color-accent-border-strong)}.float-label-wrapper .session-input:focus{background:color-mix(in srgb, var(--color-surface-muted) 70%, transparent);border-color:var(--color-accent-border-strong);box-shadow:none}.float-label-wrapper .session-input::placeholder{color:#0000;opacity:0}.float-label-wrapper .float-label{color:var(--color-text-soft);pointer-events:none;transform-origin:0 0;font-size:.95rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.float-label-wrapper .password-toggle-button{color:var(--color-text-soft);cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.35rem;transition:background-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.float-label-wrapper .password-toggle-button:hover,.float-label-wrapper .password-toggle-button:focus-visible{background:color-mix(in srgb, var(--color-text) 5%, transparent);color:var(--color-accent-border-strong);transform:translateY(-50%)scale(1.05)}.float-label-wrapper .password-toggle-button:focus{outline:none}.float-label-wrapper .password-toggle-button:active{transform:translateY(-50%)scale(.94)}.float-label-wrapper .password-toggle-button.password-toggle-button--active{background:color-mix(in srgb, var(--color-accent-border-strong) 14%, transparent);color:var(--color-accent-border-strong);transform:translateY(-50%)scale(1.08)}.float-label-wrapper .password-toggle-button svg{transition:transform .1s ease-out;display:block}.session-actions{flex-direction:column;gap:.65rem;margin-top:.85rem;display:flex}.session-actions .action-button{border-radius:12px;justify-content:center;width:100%;height:2.8rem;font-size:.95rem;font-weight:600;transition:background-color .14s ease-out,border-color .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out,transform .14s ease-out}.session-actions .action-button:focus-visible{filter:brightness(1.08);box-shadow:var(--shadow-button-hover), 0 0 0 2px color-mix(in srgb, var(--color-accent-border-strong) 32%, transparent);outline:none;transform:translateY(-1px)}.session-actions .action-button.action-button--secondary{border:1px solid var(--color-border-subtle);color:var(--color-text);background:0 0}.session-actions .action-button.action-button--secondary:hover,.session-actions .action-button.action-button--secondary:focus-visible{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-color:color-mix(in srgb, var(--color-text) 25%, transparent);box-shadow:var(--shadow-session-secondary-hover);filter:none;transform:translateY(-1px)}.panel--users>.status-card{border-radius:12px;margin-top:.85rem}.shake{animation:.45s ease-in-out shake-card}@keyframes shake-card{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}.session-overlay{z-index:100;background:color-mix(in srgb, var(--color-background) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);filter:blur(3px);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.session-overlay .session-card{width:100%;max-width:24rem;margin:0}.new-chat{align-items:center;display:inline-flex;position:relative}.new-chat-trigger{border:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface-overlay));width:1.78rem;height:1.78rem;color:var(--color-accent);cursor:pointer;font:inherit;border-radius:.72rem;place-items:center;font-size:1rem;font-weight:700;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-grid;position:relative;transform:translateY(-1px)}.new-chat-trigger:before,.new-chat-trigger:after{content:"";background:currentColor;border-radius:999px;width:.62rem;height:1.9px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.new-chat-trigger:after{transform:translate(-50%,-50%)rotate(90deg)}.new-chat-trigger:hover,.new-chat-trigger:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-overlay));border-color:var(--color-accent-border-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent)}.new-chat-popover{z-index:5;border:1px solid var(--color-panel-border);background:var(--gradient-popover);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;padding:.65rem .75rem;position:absolute;top:calc(100% + .55rem);right:0}.new-chat-popover .session-actions{justify-content:center;margin-top:.65rem}.new-chat-popover .session-actions .action-button{border-radius:14px;flex:none;min-width:7.5rem;max-width:none;min-height:0;padding-block:.48rem;padding-inline:1rem}.new-chat-popover .status-card{margin-top:.65rem}.message-thread-body{height:100%;min-height:0;position:relative}.status-card--thread-empty{margin-top:.75rem;margin-bottom:.55rem;margin-inline:.8rem}.message-scroll{overflow-anchor:none;height:100%;min-height:0;overflow:auto}.message-stack{--message-stack-left-inset:.8rem;--message-stack-right-inset:.8rem;padding-top:.55rem;padding-left:var(--message-stack-left-inset);padding-right:var(--message-stack-right-inset);align-content:start;gap:.55rem;padding-bottom:.6325rem;display:grid}.message-card{border:1px solid var(--color-card-border);background:var(--gradient-card);overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;border-radius:16px;max-width:min(42rem,95%);padding:.35rem .62rem}.message-card p{color:var(--color-text-list);margin:0;line-height:1.35}.message-body{-webkit-user-select:text;user-select:text;font-size:calc(1em - 1px)}.message-body--expandable{transition:max-height .145s ease-in-out;overflow:hidden}.message-body--collapsed{-webkit-mask-image:linear-gradient(to bottom, var(--color-mask-solid) 62%, transparent 100%);mask-image:linear-gradient(to bottom, var(--color-mask-solid) 62%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, var(--color-mask-solid) 62%, transparent 100%)}.message-read-more{border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);width:fit-content;color:var(--color-text-soft);font:inherit;cursor:pointer;box-shadow:none;border-radius:7px;margin-top:.22rem;padding:calc(.1rem + 1px) .34rem calc(.1rem - 1px);font-size:.8rem;font-weight:600;line-height:1.2;transition:background-color .14s ease-out,color .14s ease-out;display:inline-flex}.message-read-more:hover{background:var(--color-surface-hover);color:var(--color-text);box-shadow:none;filter:none;text-decoration:none;transform:none}.message-read-more:active{box-shadow:none;transform:none}.message-card--appended{animation:.22s ease-out message-slide-in}.message-card--own{border-color:var(--color-pending-border);background:var(--gradient-message-own);margin-left:auto;position:relative}.message-card--own .message-head{justify-content:space-between}.message-card--other{margin-right:auto}.message-head{justify-content:space-between;align-items:baseline;gap:.75rem;font-family:inherit;font-size:.9rem;display:flex}.message-head strong{font-family:inherit;font-size:inherit}.message-head .message-sender-name{color:var(--color-accent-text-muted);font-size:inherit;font-weight:700}.message-head .message-sender-id{color:var(--color-text-soft);font-weight:500;font-size:inherit}.message-head time{color:var(--color-text-soft);font-size:inherit}.message-meta{box-sizing:border-box;width:4.55rem;font-size:inherit;justify-content:flex-end;align-items:center;gap:.35rem;padding-right:0;transition:padding-right .14s ease-out;display:inline-flex;position:relative}.message-meta time{white-space:nowrap}:is(.message-meta:has(.message-actions-corner:hover),.message-meta:has(.message-actions-corner:focus-within),.message-meta:has(.message-more[aria-expanded=true])){padding-right:17px;transition-delay:75ms}.message-day-divider{width:100%;color:var(--color-text-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;margin:.1rem 0;font-size:.72rem;font-weight:700;display:flex}.message-day-divider:before,.message-day-divider:after{content:"";background:var(--color-divider);flex:1;height:1px}.message-day-divider span{flex:none}.message-read-receipt{width:.58rem;height:.58rem;color:var(--color-accent-text-muted);border:1px solid;border-radius:999px;flex:none;transition:background-color .14s ease-out,transform .14s ease-out;transform:translateY(-1px)}.message-read-receipt--read{background:currentColor}.message-body--deleted{font-style:italic;color:var(--color-text-soft)!important}@media (width<=1023px){.message-meta:has(.message-actions-corner){padding-right:17px}}.message-actions-corner{justify-content:flex-end;align-items:center;width:3.2rem;height:2.1rem;display:inline-flex;position:absolute;top:calc(-.44rem - 1px);right:-.22rem}.message-more{opacity:0;pointer-events:none;cursor:pointer;width:1.15rem;height:1.15rem;box-shadow:none;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:opacity .14s ease-out,background-color .14s ease-out,transform .14s ease-out;display:inline-flex;position:relative;transform:translate(.25rem)}.message-more:before{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:.4rem;height:.4rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.message-more:hover{background:var(--color-surface-muted);box-shadow:none;filter:none}.message-more:active{box-shadow:none}.message-actions-corner:hover .message-more,.message-actions-corner:focus-within .message-more,.message-more:focus-visible,.message-more[aria-expanded=true]{opacity:1;pointer-events:auto;transition-delay:.255s,0s,75ms;transform:translate(0)}.message-popup{z-index:5;border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);min-width:8.75rem;box-shadow:var(--shadow-card-hover);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:10px;flex-direction:column;gap:.05rem;padding:.15rem;display:flex;position:absolute;bottom:1.75rem;right:0}.message-popup-item{width:100%;color:var(--color-danger-text);font:inherit;text-align:center;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:.28rem .48rem;font-size:.82rem;font-weight:500;display:flex}.message-popup-item:active{background:color-mix(in srgb, var(--color-text-soft) 15%, transparent);box-shadow:none;filter:none;transform:none}@media (hover:hover){.message-popup-item:hover{background:color-mix(in srgb, var(--color-text-soft) 15%, transparent);box-shadow:none;filter:none;transform:none}}.message-popup-item--danger{color:color-mix(in srgb, var(--color-text-soft) 85%, transparent)}.message-popup-item--danger:active{color:var(--color-danger-text)}@media (hover:hover){.message-popup-item--danger:hover{color:var(--color-danger-text)}}.message-popup-item--default{color:color-mix(in srgb, var(--color-text-soft) 85%, transparent)}.message-popup-item--default:active{color:var(--color-text)}@media (hover:hover){.message-popup-item--default:hover{color:var(--color-text)}}.message-popup-row{flex-direction:row;gap:0;width:100%;display:flex}.message-popup-row .message-popup-item{white-space:nowrap;width:50%;min-width:0;padding-inline:.28rem}.message-popup-item--cancel{color:color-mix(in srgb, var(--color-text-soft) 85%, transparent)}@media (width<=1023px){.message-more{opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)}}.message-jump-chip{z-index:2;border:1px solid var(--color-pending-border);background:var(--gradient-message-jump);color:var(--color-text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;padding:.38rem .8rem;font-size:.88rem;font-weight:600;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}@keyframes message-slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.composer{border-top:1px solid var(--color-divider);gap:.55rem;padding-top:.45rem;display:grid}.composer-shell{border:1px solid var(--color-card-border);background:var(--color-surface-overlay);border-radius:16px;align-items:center;gap:.55rem;padding:.28rem;display:flex;position:relative}.composer-cancel-edit{z-index:2;border:1px solid var(--color-card-border);background:var(--color-surface-overlay);width:3rem;height:1.25rem;color:var(--color-text-soft);opacity:1;font:inherit;cursor:pointer;box-shadow:none;border-bottom:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-1.25rem;left:50%;transform:translate(-50%)}.composer-cancel-edit:hover{border-color:var(--color-accent-border-strong);color:var(--color-text);background:var(--color-surface-hover)}.composer-cancel-edit:disabled{opacity:.7;cursor:not-allowed}.composer-input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;flex:auto;padding:calc(.38rem + 1px) .5rem calc(.38rem - 1px)}.composer-input::placeholder{color:var(--color-text-soft)}.composer-input:focus{outline:none}.composer-input:disabled{opacity:.7;cursor:not-allowed}.composer-shell:focus-within{border-color:var(--color-pending-border);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.composer-footer{align-items:center;gap:.75rem;display:flex}.composer-error{color:var(--color-danger-text);margin:0;font-size:.92rem}.composer-submit{border-radius:12px;flex:none;width:2.55rem;min-width:2.55rem;height:2.35rem;padding:0;line-height:1.1}.composer-submit svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.55rem;height:1.55rem;transform:translate(-1px)}.composer-submit:disabled{cursor:not-allowed}@media (width<=640px){.composer,.composer-shell{min-width:0;max-width:100%}.composer-submit{flex:0 0 2.55rem}}
