:root{--bg:var(--tg-theme-bg-color,#fff);--surface:var(--tg-theme-secondary-bg-color,#f4f4f5);--ink:var(--tg-theme-text-color,#1d2433);--muted:var(--tg-theme-hint-color,#6c7684);--accent:var(--tg-theme-button-color,#b4235a);--accent-ink:var(--tg-theme-button-text-color,#fff);--link:var(--tg-theme-link-color,#b4235a);--line:color-mix(in srgb, var(--muted) 22%, transparent);--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:var(--tg-theme-bg-color,#17212b);--surface:var(--tg-theme-secondary-bg-color,#0e1621);--ink:var(--tg-theme-text-color,#f1f1f1);--muted:var(--tg-theme-hint-color,#9aa4b0)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);overscroll-behavior-y:none;margin:0;font-family:system-ui,Segoe UI,Tahoma,Geeza Pro,sans-serif;font-size:16px;line-height:1.7}a{color:var(--link);text-decoration:none}main{padding-block:.5rem calc(1.5rem + env(safe-area-inset-bottom));max-width:640px;margin-inline:auto;padding-inline:.75rem}h1{margin-block:.75rem .25rem;margin-inline:.25rem;font-size:1.15rem}.muted{color:var(--muted);font-size:.9rem}.centered{text-align:center;padding-block:3rem}.notice{border-radius:var(--radius);background:var(--surface);margin-block:.75rem;padding:.7rem .9rem}.notice-error{background:color-mix(in srgb, #b42323 14%, var(--surface))}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);cursor:pointer;padding:.5rem 1.1rem}button.secondary{border-color:var(--line);color:var(--link);background:0 0}button:disabled{opacity:.55;cursor:not-allowed}.conversations{background:var(--surface);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.conversation{border-block-end:1px solid var(--line);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .9rem;display:grid}.conversations li:last-child .conversation{border-block-end:none}.avatar{background:var(--accent);block-size:2.75rem;inline-size:2.75rem;color:var(--accent-ink);-webkit-user-select:none;user-select:none;object-fit:cover;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:600;display:grid}.conversation-main{min-inline-size:0;display:grid}.conversation-name{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;font-weight:600;display:block;overflow:hidden}.conversation-side{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.8rem;display:flex}.unread{background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:999px;min-inline-size:1.5rem;padding-inline:.5rem;font-size:.78rem;line-height:1.5}.empty{text-align:center;color:var(--muted);padding:2.5rem 1.25rem}.empty p{margin-block:.35rem}.thread{flex-direction:column;min-block-size:calc(100dvh - 1rem);display:flex}main:has(.thread){padding-block-end:0}.thread-header{background:var(--surface);border-radius:var(--radius);z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.6rem .75rem;display:grid;position:sticky;inset-block-start:0}.thread-who{min-inline-size:0;color:inherit;text-align:start;background:0 0;border:none;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:0;display:grid}.conversation-state{color:var(--muted);font-size:.78rem;line-height:1.4}.bubbles{flex-direction:column;flex:1;margin:0;padding:.75rem 0 0;list-style:none;display:flex}.bubble{overflow-wrap:anywhere;border-radius:1.1rem;align-items:baseline;gap:.5rem;max-inline-size:78%;margin-block-start:2px;padding:.4rem .7rem;display:flex}.bubble.opens{margin-block-start:.5rem}.bubble.mine{background:var(--accent);color:var(--accent-ink);align-self:flex-end}.bubble.theirs{background:var(--surface);align-self:flex-start}.bubble.mine.closes{border-end-end-radius:.3rem}.bubble.theirs.closes{border-end-start-radius:.3rem}.bubble .body{text-align:start;white-space:pre-wrap;unicode-bidi:plaintext}.bubble .body.gone{opacity:.75;font-style:italic}.bubble .stamp{opacity:.75;white-space:nowrap;align-self:flex-end;align-items:center;gap:.15rem;margin-inline-start:auto;font-size:.7rem;display:inline-flex}.stamp .glyph{block-size:.85rem;inline-size:.85rem}.bubble.failed{background:color-mix(in srgb, #b42323 55%, var(--accent));flex-direction:column;align-items:stretch;gap:.3rem}.failed-row{border-block-start:1px solid color-mix(in srgb, var(--accent-ink) 30%, transparent);align-items:center;gap:.25rem;padding-block-start:.3rem;display:flex}.failed-why{flex:1;min-inline-size:0;font-size:.75rem}.bubble.failed .ghost{color:var(--accent-ink)}.separator{background:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted);border-radius:999px;align-self:center;margin-block:.7rem .35rem;padding:.1rem .7rem;font-size:.75rem}.separator.fresh{background:0 0;align-self:stretch;align-items:center;gap:.5rem;padding:0;font-size:.8rem;display:flex}.separator.fresh:before,.separator.fresh:after{content:"";border-block-start:1px solid var(--line);flex:1}.older{align-self:center;margin-block:.25rem .5rem;font-size:.85rem}.more{padding-block:.3rem;font-size:.85rem}.opening{text-align:center;align-self:center;max-inline-size:22rem;margin-block:auto;padding-block:1rem}.openers{flex-direction:column;gap:.4rem;margin-block-start:.75rem;display:flex}.opener{border-radius:999px;padding-block:.45rem;font-size:.9rem}.bubble.with-media{flex-direction:column;align-items:stretch;gap:.3rem;max-inline-size:88%;padding:.25rem}.photo-open{border-radius:inherit;cursor:zoom-in;background:0 0;border:none;padding:0;display:block}.bubble .photo{object-fit:contain;background:var(--line);border-radius:.85rem;block-size:auto;max-block-size:60dvh;inline-size:100%;display:block}.bubble .voice{inline-size:100%;min-inline-size:12rem}.bubble.with-media .stamp{margin-inline-start:auto}.viewer{z-index:10;cursor:zoom-out;background:#000000eb;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.viewer img{object-fit:contain;max-block-size:100%;max-inline-size:100%}.viewer-close{color:#fff;position:absolute;inset-block-start:calc(.75rem + env(safe-area-inset-top));inset-inline-end:.75rem}.composer-dock{background:var(--bg);position:sticky;inset-block-end:0}.composer{padding-block:.4rem calc(.4rem + env(safe-area-inset-bottom))}.composer-row{direction:ltr;align-items:flex-end;gap:.35rem;display:flex}.composer-field{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;flex:1;align-items:flex-end;gap:.2rem;min-inline-size:0;padding-inline:.75rem .2rem;display:flex}.composer textarea{min-inline-size:0;font:inherit;color:var(--ink);resize:none;field-sizing:content;background:0 0;border:none;flex:1;max-block-size:30dvh;padding-block:.45rem;padding-inline:0;line-height:1.5}.composer textarea:focus{outline:none}.counter{color:var(--muted);font-variant-numeric:tabular-nums;padding-block-end:.55rem;font-size:.7rem}.round{border:none;border-radius:50%;flex:none;place-items:center;block-size:2.4rem;inline-size:2.4rem;padding:0;display:grid}.ghost{color:var(--muted);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:.4rem;display:grid}.glyph{block-size:1.25rem;inline-size:1.25rem;display:block}.round .glyph{block-size:1.15rem;inline-size:1.15rem}.attach .glyph{rotate:45deg}.recording{flex:1;align-items:center;gap:.4rem;padding-inline-start:.5rem;display:flex}.recording .clock{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.9rem}.pulse{background:#e0304a;border-radius:50%;block-size:.6rem;inline-size:.6rem;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.jump{border:1px solid var(--line);background:var(--surface);block-size:2.4rem;inline-size:2.4rem;color:var(--ink);border-radius:50%;place-items:center;margin-block-end:.5rem;padding:0;display:grid;position:absolute;inset-block-end:100%;inset-inline-end:.35rem;box-shadow:0 1px 6px #0000002e}.jump-count{background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:999px;min-inline-size:1.25rem;padding-inline:.25rem;font-size:.7rem;line-height:1.5;position:absolute;inset-block-start:-.3rem;inset-inline-end:-.3rem}.icon{place-items:center;padding:.45rem .55rem;line-height:1;display:grid}.sheet{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.4rem;min-inline-size:14rem;padding:.6rem;display:flex}.sheet p{margin:.2rem .2rem .4rem}.reasons{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.profile-panel{z-index:5;background:var(--bg);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}html:has(.profile-panel){overflow:hidden}.profile-body{max-width:640px;padding-block:calc(.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-bottom));margin-inline:auto;padding-inline:.75rem}.profile-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding-block:.25rem .6rem;padding-inline:.25rem 0;display:grid}.profile-photos{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.profile-photos li{scroll-snap-align:center;flex:0 0 82%}.profile-photos li:only-child{flex-basis:100%}.profile-photos .photo-open{inline-size:100%}.profile-photo{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background:var(--line);inline-size:100%;display:block}.profile-card{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:.9rem 0;margin-inline:.25rem;line-height:1.8}
