:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f0f17;--panel: #1c1c28;--surface: #24243a;--field: #0f0f17;--text: #eef2f6;--muted: #9a9ab0;--accent: #7360f2;--on-accent: #ffffff;--me: #7360f2;--on-me: #ffffff;--bot: #262636;--on-bot: #eef2f6;--error: #b03030;--danger: #e88b7d;--line: rgb(255 255 255 / 8%);--line-strong: rgb(255 255 255 / 15%);--hover: rgb(255 255 255 / 8%);--tint: rgb(255 255 255 / 6%);--tint-strong: rgb(255 255 255 / 10%);--shadow: rgb(0 0 0 / 45%);--scrollbar: rgb(255 255 255 / 20%);--scrollbar-hover: rgb(255 255 255 / 32%);--bubble-tint: rgb(255 255 255 / 18%);--bubble-tint-strong: rgb(255 255 255 / 28%);--bubble-line: rgb(255 255 255 / 25%);--bubble-fill: rgb(255 255 255 / 8%);--bubble-shadow: none;--focus-ring: rgb(115 96 242 / 30%);--placeholder: rgb(255 255 255 / 18%);--reconnect-bg: rgb(176 48 48 / 15%);--page: #050509;--bezel: #24243a;--bubble-radius: 1rem;--tail: 0px;--tail-corner: 1rem;--flat-corner: .25rem;--link: currentcolor}:root[data-theme=light]{color-scheme:light;--bg: #efeae2;--panel: #f0f2f5;--surface: #ffffff;--field: #ffffff;--text: #111b21;--muted: #667781;--accent: #00a884;--on-accent: #ffffff;--me: #d9fdd3;--on-me: #111b21;--bot: #ffffff;--on-bot: #111b21;--error: #b03030;--danger: #d1443a;--line: rgb(0 0 0 / 8%);--line-strong: rgb(0 0 0 / 15%);--hover: rgb(0 0 0 / 6%);--tint: rgb(0 0 0 / 4%);--tint-strong: rgb(0 0 0 / 8%);--shadow: rgb(0 0 0 / 15%);--scrollbar: rgb(0 0 0 / 20%);--scrollbar-hover: rgb(0 0 0 / 32%);--bubble-tint: rgb(0 0 0 / 8%);--bubble-tint-strong: rgb(0 0 0 / 14%);--bubble-line: rgb(0 0 0 / 18%);--bubble-fill: rgb(0 0 0 / 4%);--bubble-shadow: 0 1px .5px rgb(11 20 26 / 13%);--focus-ring: rgb(0 168 132 / 25%);--placeholder: rgb(0 0 0 / 20%);--reconnect-bg: rgb(176 48 48 / 10%);--page: #d1d7db;--bezel: #ffffff;--bubble-radius: .5rem;--tail: 8px;--tail-corner: 0;--flat-corner: .5rem;--link: #027eb5}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg: #efeae2;--panel: #f0f2f5;--surface: #ffffff;--field: #ffffff;--text: #111b21;--muted: #667781;--accent: #00a884;--on-accent: #ffffff;--me: #d9fdd3;--on-me: #111b21;--bot: #ffffff;--on-bot: #111b21;--error: #b03030;--danger: #d1443a;--line: rgb(0 0 0 / 8%);--line-strong: rgb(0 0 0 / 15%);--hover: rgb(0 0 0 / 6%);--tint: rgb(0 0 0 / 4%);--tint-strong: rgb(0 0 0 / 8%);--shadow: rgb(0 0 0 / 15%);--scrollbar: rgb(0 0 0 / 20%);--scrollbar-hover: rgb(0 0 0 / 32%);--bubble-tint: rgb(0 0 0 / 8%);--bubble-tint-strong: rgb(0 0 0 / 14%);--bubble-line: rgb(0 0 0 / 18%);--bubble-fill: rgb(0 0 0 / 4%);--bubble-shadow: 0 1px .5px rgb(11 20 26 / 13%);--focus-ring: rgb(0 168 132 / 25%);--placeholder: rgb(0 0 0 / 20%);--reconnect-bg: rgb(176 48 48 / 10%);--page: #d1d7db;--bezel: #ffffff;--bubble-radius: .5rem;--tail: 8px;--tail-corner: 0;--flat-corner: .5rem;--link: #027eb5}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;height:100dvh;height:var(--app-vh, 100dvh);margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}button,input,textarea{-webkit-appearance:none;appearance:none;font-family:inherit}body{display:flex;flex-direction:column}.device{display:contents}app-root{flex:1;min-height:0}@media(min-width:1025px)and (hover:hover)and (pointer:fine){body{--frame-gap: clamp(1rem, 4vh, 3rem);align-items:center;justify-content:center;padding:var(--frame-gap);background:var(--page)}.device{display:flex;flex-direction:column;width:min(444px,100%);height:min(844px,100%);padding:.75rem;background:var(--bezel);border-radius:2.1rem;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0003,0 30px 70px #00000059}.device>app-root{border-radius:1.4rem;overflow:hidden}}[dir=rtl] .icon-directional{transform:scaleX(-1)}.spinner{display:inline-block;width:.85em;height:.85em;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--lg{width:3rem;height:3rem;border-width:4px;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}