:root{--bg:#0c0f16;--surface:#121827;--surface-2:#0f1522;--line:#ffffff14;--text:#ffffffeb;--muted:#ffffff9e;--muted-2:#ffffff7a;--accent:#2a62ff;--danger:#ff4d6d;--badge:#ff3b30;--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:18px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--tap:44px;--header-h:52px;--composer-min-h:48px;--max-content:520px}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--fs-md);margin:0;overflow:hidden}*{box-sizing:border-box}a{color:inherit}button,input,textarea{font:inherit;color:inherit}::selection{background:#2a62ff59}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}.app{justify-content:center;min-height:100vh;display:flex}.app__shell{width:100%;max-width:var(--max-content);min-height:100vh;overflow:hidden}.btn{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--line);color:var(--text);justify-content:center;align-items:center;gap:var(--s-2);background:#ffffff08;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;border-color:#0000}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-sm);padding:0}.input{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff08;outline:none}.input:focus{border-color:#2a62ff80}.t-muted{color:var(--muted)}.t-xs{font-size:var(--fs-xs)}.t-sm{font-size:var(--fs-sm)}.t-semibold{font-weight:var(--fw-semibold)}.t-medium{font-weight:var(--fw-medium)}.screen{flex-direction:column;height:100dvh;min-height:100vh;display:flex;overflow:hidden}.screen--scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.header{height:calc(var(--header-h) + env(safe-area-inset-top));align-items:center;gap:var(--s-3);padding:env(safe-area-inset-top) var(--s-4) 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#121827c7;display:flex}.header__title{font-weight:var(--fw-semibold);font-size:var(--fs-lg);letter-spacing:-.2px}.header__center{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.header__sub{font-size:var(--fs-xs);color:var(--muted);line-height:1.2}.header__actions{align-items:center;gap:var(--s-2);display:flex}.seg{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);background:#ffffff04}.seg__row{gap:var(--s-2);grid-template-columns:1fr 1fr 1fr;display:grid}.seg__btn{border-radius:var(--r-sm);border:1px solid var(--line);min-height:36px;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:0 0}.seg__btn[aria-selected=true]{color:var(--text);background:#2a62ff29;border-color:#2a62ff59}.list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.list__section{padding:var(--s-3) var(--s-4) var(--s-2);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.row{gap:var(--s-3);padding:var(--s-3) var(--s-4);-webkit-user-select:none;user-select:none;background:0 0;border-bottom:1px solid #ffffff0f;grid-template-columns:44px 1fr auto;display:grid}.row:active{background:#ffffff08}.row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.row__top{align-items:center;gap:var(--s-2);min-width:0;display:flex}.row__name{font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__preview{color:var(--muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__meta{padding-left:var(--s-3);flex-direction:column;align-items:flex-end;gap:6px;display:flex}.time{font-size:var(--fs-xs);color:var(--muted-2)}.badge{background:var(--badge);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:12px;display:inline-flex}.status-dot{background:#ffffff2e;border:1px solid #ffffff2e;border-radius:999px;width:10px;height:10px}.status-dot--online{background:#1dd4a7e6;border-color:#1dd4a78c}.avatar{border-radius:var(--r-md);width:44px;height:44px;font-weight:var(--fw-semibold);letter-spacing:.03em;color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.chat{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--s-4);gap:var(--s-3);background:radial-gradient(600px 600px at 50% -20%,#2a62ff24,#0000 60%),radial-gradient(520px 520px at 90% 10%,#1dd4a714,#0000 60%);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bubble{border-radius:var(--r-md);background:#ffffff0d;border:1px solid #ffffff0f;max-width:78%;padding:10px 12px;line-height:1.35}.bubble--mine{background:#2a62ff21;border-color:#2a62ff2e;margin-left:auto}.bubble__meta{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:6px;display:flex}.bubble__name{font-size:var(--fs-xs);color:#ffffffc7;font-weight:var(--fw-medium)}.bubble__time{font-size:var(--fs-xs);color:var(--muted-2);flex:none}.reply{color:var(--muted);font-size:var(--fs-sm);border-left:2px solid #ffffff2e;margin:2px 0 10px;padding-left:10px}.reactions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reaction{font-size:var(--fs-sm);color:#ffffffd1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px}.composer{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#121827cc}.composer__row{grid-template-columns:var(--tap) 1fr var(--tap);gap:var(--s-2);align-items:end;display:grid}.composer__preview{gap:var(--s-3);margin-bottom:var(--s-3);border-radius:var(--r-md);background:#ffffff08;border:1px solid #ffffff1a;grid-template-columns:44px 1fr auto;align-items:center;padding:10px 12px;display:grid}.composer__thumb{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;width:44px;height:44px}.composer__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.composer__name{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer__size{font-size:var(--fs-xs);color:var(--muted)}.composer__input{min-height:var(--composer-min-h);max-height:140px;padding:12px var(--s-4);border-radius:var(--r-md);border:1px solid var(--line);color:var(--text);resize:none;background:#ffffff08;outline:none}.sheet{padding:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom));background:#00000085;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{width:100%;max-width:var(--max-content);border-radius:var(--r-lg);background:#121827f5;border:1px solid #ffffff1a;overflow:hidden}.sheet__item{width:100%;min-height:52px;padding:0 var(--s-4);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.sheet__item+.sheet__item{border-top:1px solid #ffffff14}.sheet__item:active{background:#ffffff0a}.sheet__item--danger{color:#ff4d6df2}