:root{--color-canvas:#faf9f5;--color-surface:#f0eee6;--color-ink:#141413;--color-ink-soft:#3d3d3a;--color-muted:#5e5d59;--color-faint:#b0aea5;--color-border:#1414131a;--color-border-strong:#1414132e;--color-clay:#d97757;--color-focus:#d9775759;--font-display:"Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-ui:"Instrument Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-md:.75rem;--radius-lg:1rem;--login-max-width:22.5rem;--touch-min:3rem;--tab-bar-offset:5rem}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}[hidden]{display:none!important}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}:root{--vv-top:0px}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;overflow:hidden}html.is-gesture-locked,html.is-gesture-locked body{position:fixed;inset:0}body{font-family:var(--font-ui);color:var(--color-ink);background:var(--color-canvas);-webkit-tap-highlight-color:transparent;font-size:1rem}#app{width:100%;height:100%;overflow:hidden}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;touch-action:manipulation}.is-vv-top-pinned{z-index:5;transform:translate3d(0, var(--vv-top,0px), 0);position:relative}:focus-visible{outline:2px solid var(--color-clay);outline-offset:3px}.auth-provider-button{width:100%;min-height:3.25rem;padding:.875rem var(--space-5);border-radius:var(--radius-md);font-family:var(--font-ui);letter-spacing:.015em;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:.7rem;font-size:.9375rem;font-weight:500;transition:opacity .18s,transform .16s;display:flex}.auth-provider-button--wechat{background:var(--color-ink);color:var(--color-canvas)}.auth-provider-button--wechat:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.auth-provider-button__icon{object-fit:contain;object-position:center;pointer-events:none;flex-shrink:0;width:1.375rem;height:1.375rem}.auth-provider-button__label{line-height:1.2}@media (prefers-reduced-motion:reduce){.auth-provider-button{transition:none}}.login-page{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-soft:cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;width:100%;min-height:100dvh;padding-top:var(--space-12);padding-right:var(--space-6);padding-bottom:var(--space-8);padding-left:var(--space-6);background:var(--color-canvas);isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.login-page__backdrop{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.login-page__backdrop-mark{font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-ink);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(12px);transition:opacity 1.8s var(--ease-out-soft), filter 1.8s var(--ease-out-soft), transform 1.8s var(--ease-out-expo);margin:0;font-size:clamp(6.5rem,28vw,14rem);font-weight:500;line-height:.85;transform:translateY(-4%)rotate(-8deg)scale(1.045)}.login-page.is-ready .login-page__backdrop-mark{opacity:.055;filter:blur();transform:translateY(-6%)rotate(-8deg)scale(1)}.login-page__brand,.login-page__actions{z-index:1;position:relative}.login-page__brand{gap:var(--space-3);width:100%;max-width:var(--login-max-width);padding-top:var(--space-10);text-align:center;flex-direction:column;display:flex}.login-page__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance;opacity:0;transition:opacity 1.05s var(--ease-out-expo) .12s, transform 1.05s var(--ease-out-expo) .12s, letter-spacing 1.2s var(--ease-out-soft) .12s;font-size:clamp(2.25rem,8vw,2.75rem);font-weight:500;line-height:1.1;transform:translateY(10px)}.login-page.is-ready .login-page__title{opacity:1;letter-spacing:-.03em;transform:translate(0,0)}.login-page__subtitle{font-family:var(--font-ui);color:var(--color-muted);letter-spacing:.01em;opacity:0;transition:opacity 1s var(--ease-out-soft) .28s, transform 1s var(--ease-out-soft) .28s;font-size:.9375rem;font-weight:400;transform:translateY(8px)}.login-page.is-ready .login-page__subtitle{opacity:1;transform:translate(0,0)}.login-page__actions{align-items:center;gap:var(--space-3);width:100%;max-width:var(--login-max-width);padding-top:var(--space-10);padding-bottom:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.login-page__actions .auth-provider-button{opacity:0;transition:opacity .95s var(--ease-out-expo) .42s, transform .95s var(--ease-out-expo) .42s, background-color .18s ease;transform:translateY(14px)}.login-page.is-ready .login-page__actions .auth-provider-button{opacity:1;transform:translate(0,0)}.login-page.is-ready .login-page__actions .auth-provider-button:hover{opacity:.9}.login-page.is-ready .login-page__actions .auth-provider-button:active{opacity:.84;transform:scale(.985)}.login-page__status{text-align:center;min-height:0;color:var(--color-ink-soft);margin:0;font-size:.8125rem}.login-page__status[hidden]{display:none}.login-page__footer{margin-top:calc(var(--space-1) * -1);text-align:center;color:var(--color-faint);opacity:0;transition:opacity .9s var(--ease-out-soft) .58s, transform .9s var(--ease-out-soft) .58s;font-size:.75rem;line-height:1.5;transform:translateY(6px)}.login-page.is-ready .login-page__footer{opacity:1;transform:translate(0,0)}@media (width>=768px){.login-page{padding-top:var(--space-16);padding-right:var(--space-8);padding-bottom:var(--space-10);padding-left:var(--space-8)}.login-page__brand{padding-top:var(--space-12)}.login-page__actions{padding-top:var(--space-12);padding-bottom:var(--space-4)}.login-page__backdrop-mark{font-size:clamp(10rem,22vw,16rem);transform:translateY(-2%)rotate(-6deg)scale(1.04)}.login-page.is-ready .login-page__backdrop-mark{transform:translateY(-4%)rotate(-6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.login-page__backdrop-mark,.login-page__title,.login-page__subtitle,.login-page__actions .auth-provider-button,.login-page__footer{filter:none;opacity:1;transform:none;transition:none!important}.login-page__backdrop-mark{opacity:.055;transform:rotate(-6deg)}.login-page.is-ready .login-page__actions .auth-provider-button:active{transform:none}}.floating-tab-bar{z-index:20;pointer-events:none;width:auto;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.floating-tab-bar__inner{-webkit-backdrop-filter:blur(28px)saturate(1.55);-webkit-user-select:none;user-select:none;pointer-events:auto;background:linear-gradient(165deg,#ffffff85 0%,#faf9f547 48%,#f0eee638 100%);border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;gap:.2rem;padding:.35rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #1414130a,0 0 0 1px #1414130a}.floating-tab-bar__thumb{z-index:2;cursor:grab;touch-action:none;pointer-events:auto;transform-origin:50%;will-change:transform, width;background:linear-gradient(#2d2d2ac7 0%,#141413db 100%);border-radius:999px;height:calc(100% - .7rem);transition:filter .18s;position:absolute;top:.35rem;left:0;transform:translate(0,0)scale(1);box-shadow:inset 0 1px #ffffff29}.floating-tab-bar__thumb.is-dragging{cursor:grabbing;z-index:3;filter:brightness(1.08)}.floating-tab-bar__inner.is-dragging .floating-tab-bar__thumb{transition:none}.floating-tab-bar__inner.is-animating .floating-tab-bar__thumb{transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),filter .22s}.floating-tab-bar__item{z-index:1;color:#3d3d3ab8;min-width:4.25rem;height:3.35rem;font-family:var(--font-ui);touch-action:manipulation;background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .7rem;transition:color .18s;display:flex;position:relative}.floating-tab-bar__item.is-active{z-index:3;color:#faf9f5f5;pointer-events:none}.floating-tab-bar__icon{width:1.25rem;height:1.25rem;color:inherit;pointer-events:none;place-items:center;display:grid}.floating-tab-bar__icon svg{width:100%;height:100%;display:block}.floating-tab-bar__label{letter-spacing:.02em;pointer-events:none;font-size:.6875rem;font-weight:500;line-height:1}.floating-tab-bar__badge{z-index:4;background:var(--color-clay);color:#fffaf6;letter-spacing:0;pointer-events:none;border:1.5px solid #faf9f5eb;border-radius:999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .28rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:.18rem;right:.42rem}.floating-tab-bar__item.is-active .floating-tab-bar__badge{border-color:#2d2d2a8c}@media (prefers-reduced-motion:reduce){.floating-tab-bar__inner.is-animating .floating-tab-bar__thumb,.floating-tab-bar__item,.floating-tab-bar__thumb{transition:none}}.action-sheet{z-index:40;padding:var(--space-6) var(--space-4) var(--space-4) var(--space-4);-webkit-backdrop-filter:blur(8px);background:#14141347;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.action-sheet__panel{flex-direction:column;gap:.5rem;width:100%;max-width:24rem;animation:.36s cubic-bezier(.16,1,.3,1) action-sheet-rise;display:flex}.action-sheet__title{text-align:center;color:var(--color-muted);padding:.85rem 1rem .35rem;font-size:.8125rem}.action-sheet__list,.action-sheet__cancel{-webkit-backdrop-filter:blur(20px);background:linear-gradient(165deg,#ffffffb8 0%,#faf9f5e0 100%);border:1px solid #ffffff73;border-radius:1rem}.action-sheet__list{overflow:hidden}.action-sheet__item,.action-sheet__cancel{width:100%;min-height:3.25rem;color:var(--color-ink);touch-action:manipulation;justify-content:center;align-items:center;padding:0 1rem;font-size:1rem;font-weight:500;display:flex}.action-sheet__item+.action-sheet__item{border-top:1px solid #14141314}.action-sheet__item.is-danger{color:var(--color-clay)}.action-sheet__item:active,.action-sheet__cancel:active{background:#1414130a}.action-sheet__cancel{color:var(--color-muted)}@keyframes action-sheet-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.action-sheet__panel{animation:none}}.add-friend-dialog{z-index:45;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-6);-webkit-backdrop-filter:blur(8px);background:#14141347;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.add-friend-dialog__panel{width:100%;max-width:24rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);animation:.42s cubic-bezier(.16,1,.3,1) add-friend-dialog-rise;box-shadow:0 18px 48px #1414131f}.add-friend-dialog__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-size:1.5rem;font-weight:500}.add-friend-dialog__hint{margin-top:var(--space-2);color:var(--color-muted);font-size:.875rem}.add-friend-dialog__form{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.add-friend-dialog__field{gap:var(--space-2);flex-direction:column;display:flex}.add-friend-dialog__label{color:var(--color-ink-soft);font-size:.8125rem;font-weight:500}.add-friend-dialog__input{width:100%;min-height:var(--touch-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, var(--color-canvas));color:var(--color-ink);touch-action:manipulation;-webkit-user-select:text;user-select:text;outline:none;padding:.75rem .9rem}.add-friend-dialog__input:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-focus)}.add-friend-dialog__error{min-height:1.25rem;color:var(--color-clay);font-size:.8125rem}.add-friend-dialog__error[hidden]{display:none}.add-friend-dialog__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.add-friend-dialog__button{min-height:var(--touch-min);border-radius:var(--radius-md);letter-spacing:.01em;touch-action:manipulation;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.add-friend-dialog__button:disabled{opacity:.55}.add-friend-dialog__button--ghost{border:1px solid var(--color-border-strong);color:var(--color-ink);background:0 0}.add-friend-dialog__button--solid{background:var(--color-ink);color:var(--color-canvas)}@keyframes add-friend-dialog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@media (width>=768px){.add-friend-dialog{align-items:center}}@media (prefers-reduced-motion:reduce){.add-friend-dialog__panel{animation:none}}.app-toast{z-index:60;color:#faf9f5f5;letter-spacing:.01em;text-align:center;pointer-events:none;opacity:0;background:#141413e0;border-radius:999px;max-width:min(18rem,100vw - 2rem);padding:.7rem 1rem;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;top:1.25rem;left:50%;transform:translate(-50%,-6px)}.app-toast.is-visible{opacity:1;transform:translate(-50%)}.messages-page{height:100%;min-height:0;padding:var(--space-6) 0 0;flex-direction:column;display:flex}.messages-page__header{gap:var(--space-3);padding:0 var(--space-6) var(--space-3) var(--space-6);background:var(--color-canvas);flex-direction:column;display:flex}.messages-page__heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.messages-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.375rem;font-weight:500}.messages-page__add{width:2.25rem;height:2.25rem;color:var(--color-ink);touch-action:manipulation;background:#1414130f;border-radius:50%;flex:none;place-items:center;transition:background-color .16s,transform .12s;display:grid}.messages-page__add svg{width:1.05rem;height:1.05rem;display:block}.messages-page__add:active{background:#1414131a;transform:scale(.96)}.messages-page__search{background:#1414130a;border:1px solid #14141314;border-radius:999px;align-items:center;gap:.55rem;min-height:2.35rem;padding:0 .85rem;display:flex}.messages-page__search-icon{width:.95rem;height:.95rem;color:var(--color-faint);flex:none;place-items:center;display:grid}.messages-page__search-icon svg{width:100%;height:100%;display:block}.messages-page__search-input{min-width:0;color:var(--color-ink);background:0 0;border:0;outline:none;flex:1;font-size:.875rem;line-height:1.3}.messages-page__search-input::placeholder{color:var(--color-faint)}.messages-page__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.messages-page__list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:0 var(--space-3) 0 var(--space-3);flex:1;overflow-y:auto}.messages-page__empty,.messages-page__error{padding:var(--space-6);color:var(--color-faint);text-align:center;flex:1;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.messages-page__error{color:var(--color-clay)}.conversation-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);text-align:left;color:inherit;touch-action:manipulation;transition:background-color .16s;display:flex}.conversation-item:active{background:#1414130a}.conversation-item.is-pinned{background:#14141308}.conversation-item__avatar{background:var(--color-surface);width:3rem;height:3rem;color:var(--color-ink-soft);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.125rem;font-weight:500;display:grid;overflow:hidden}.conversation-item__avatar img{object-fit:cover;width:100%;height:100%}.conversation-item__main{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.conversation-item__top,.conversation-item__bottom{align-items:center;gap:var(--space-2);min-width:0;display:flex}.conversation-item__name-wrap{flex:1;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.conversation-item__name{min-width:0;font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.conversation-item__type{color:var(--color-muted);letter-spacing:.02em;background:#1414130f;border-radius:999px;flex:none;padding:.1rem .35rem;font-size:.625rem;font-weight:500}.conversation-item__time{color:var(--color-faint);flex:none;font-size:.75rem}.conversation-item__preview{min-width:0;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.conversation-item__preview .emoji-inline{object-fit:contain;vertical-align:-.15em;width:1em;height:1em;margin:0 .04em;display:inline-block}.conversation-item__badge{background:var(--color-ink);min-width:1.15rem;height:1.15rem;color:var(--color-canvas);text-align:center;border-radius:999px;flex:none;padding:0 .35rem;font-size:.6875rem;font-weight:600;line-height:1.15rem}.contacts-page{height:100%;min-height:0;padding:var(--space-6) 0 0;flex-direction:column;display:flex}.contacts-page__header{align-items:center;gap:var(--space-2);padding:0 var(--space-6) var(--space-3) var(--space-6);display:flex}.contacts-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.375rem;font-weight:500}.contacts-page__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:0 var(--space-3) var(--space-4) var(--space-3);flex:1;overflow-y:auto}.contacts-page__shortcuts{margin-bottom:var(--space-2)}.contacts-page__empty,.contacts-page__error{min-height:12rem;padding:var(--space-6);color:var(--color-faint);text-align:center;flex:1;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.contacts-page__error{color:var(--color-clay)}.contacts-section{margin-bottom:var(--space-4)}.contacts-section__title{padding:.35rem var(--space-3) .55rem;color:var(--color-muted);letter-spacing:.02em;font-size:.75rem;font-weight:500}.contacts-section__list{flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);display:flex}.contact-item--friend,.contact-item--entry{text-align:left;color:inherit;touch-action:manipulation}.contact-item--friend:active,.contact-item--entry:active{background:#1414130a}.contact-item__avatar{background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-ink-soft);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:500;display:grid;overflow:hidden}.contact-item__avatar--accent{background:var(--color-ink);color:var(--color-canvas)}.contact-item__avatar--accent svg{width:1.25rem;height:1.25rem;display:block}.contact-item__avatar img{object-fit:cover;width:100%;height:100%}.contact-item__main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.contact-item__name{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:.9875rem;font-weight:500;overflow:hidden}.contact-item__meta{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.contact-item__trailing{flex:none;align-items:center;gap:.45rem;display:inline-flex}.contact-item__badge{background:var(--color-ink);min-width:1.15rem;height:1.15rem;color:var(--color-canvas);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.contact-item__chevron{width:1rem;height:1rem;color:var(--color-faint);place-items:center;display:grid}.contact-item__chevron svg{width:100%;height:100%;display:block}.profile-page{gap:var(--space-4);height:100%;min-height:0;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-6);flex-direction:column;display:flex}.profile-page__header{gap:var(--space-2);flex-direction:column;display:flex}.profile-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.375rem;font-weight:500}.profile-page__card{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 55%, var(--color-canvas));display:flex}.profile-page__avatar{background:var(--color-surface);width:3.75rem;height:3.75rem;color:var(--color-ink-soft);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.5rem;font-weight:500;display:grid;overflow:hidden}.profile-page__avatar img{object-fit:cover;width:100%;height:100%}.profile-page__meta{flex-direction:column;gap:.25rem;min-width:0;display:flex}.profile-page__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:500;overflow:hidden}.profile-page__id{color:var(--color-muted);font-size:.8125rem}.profile-page__actions{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 55%, var(--color-canvas));overflow:hidden}.profile-page__logout{width:100%;min-height:3.15rem;color:var(--color-muted);touch-action:manipulation;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.profile-page__logout:active{color:var(--color-clay);background:#14141308}.emoji-panel{background:color-mix(in srgb, var(--color-canvas) 94%, var(--color-surface));border-top:1px solid #1414130f}.emoji-panel__grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-template-columns:repeat(7,minmax(0,1fr));gap:.15rem;max-height:11.5rem;padding:.55rem .65rem .7rem;display:grid;overflow-y:auto}.emoji-panel__item{aspect-ratio:1;touch-action:manipulation;border-radius:.55rem;place-items:center;display:grid}.emoji-panel__item:active{background:#1414130f}.emoji-panel__item img{object-fit:contain;pointer-events:none;width:1.7rem;height:1.7rem}.emoji-inline{object-fit:contain;vertical-align:-.22em;width:1.35em;height:1.35em;margin:0 .05em;display:inline-block}@media (width>=480px){.emoji-panel__grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.chat-page{z-index:30;background:var(--color-canvas);flex-direction:column;display:flex;position:absolute;inset:0}.chat-page__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);background:color-mix(in srgb, var(--color-canvas) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #1414130f;display:flex}.chat-page__notify-banner{z-index:4;justify-content:space-between;align-items:center;gap:var(--space-3);padding:.7rem var(--space-4);background:color-mix(in srgb, var(--color-surface) 70%, var(--color-canvas));border-bottom:1px solid #1414130f;flex:none;display:flex}.chat-page__notify-banner-text{min-width:0;color:var(--color-ink-soft);flex:1;font-size:.8125rem;line-height:1.35}.chat-page__notify-banner-action{background:var(--color-ink);min-height:2rem;color:var(--color-canvas);touch-action:manipulation;border-radius:999px;flex:none;padding:0 .85rem;font-size:.75rem;font-weight:500}.chat-page__notify-banner-action:disabled{opacity:.45}.chat-page__notify-banner-action:active:not(:disabled){transform:scale(.97)}.chat-page__back{width:2.25rem;height:2.25rem;color:var(--color-ink);touch-action:manipulation;border-radius:50%;flex:none;place-items:center;display:grid}.chat-page__back svg{width:1.15rem;height:1.15rem;display:block}.chat-page__back:active{background:#1414130f}.chat-page__heading{text-align:left;flex:1;min-width:0}.chat-page__profile{width:2.25rem;height:2.25rem;color:var(--color-ink);touch-action:manipulation;background:#1414130d;border-radius:50%;flex:none;place-items:center;display:grid}.chat-page__profile svg{width:1.2rem;height:1.2rem;display:block}.chat-page__profile:active{background:#1414131a;transform:scale(.96)}.chat-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:500;overflow:hidden}.chat-page__subtitle{color:var(--color-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.75rem;overflow:hidden}.chat-page__list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-page__empty{max-width:14rem;color:var(--color-faint);letter-spacing:.01em;text-align:center;pointer-events:none;font-size:.875rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.chat-message{flex-direction:column;align-items:flex-start;gap:.25rem;max-width:82%;display:flex}.chat-message.is-mine{align-self:flex-end;align-items:flex-end}.chat-message__bubble{background:var(--color-surface);color:var(--color-ink);white-space:pre-wrap;word-break:break-word;border-radius:1.05rem;padding:.7rem .9rem;font-size:.9375rem;line-height:1.45}.chat-message__bubble.is-emoji-only{background:0 0;padding:.35rem .45rem}.chat-message.is-mine .chat-message__bubble.is-emoji-only{color:inherit;background:0 0}.chat-message__bubble.is-emoji-only .emoji-inline{vertical-align:middle;width:2.35rem;height:2.35rem;margin:0 .1rem}.chat-message.is-mine .chat-message__bubble{background:var(--color-ink);color:var(--color-canvas);border-bottom-right-radius:.35rem}.chat-message:not(.is-mine) .chat-message__bubble{border-bottom-left-radius:.35rem}.chat-message__meta{align-items:center;gap:.35rem;display:inline-flex}.chat-message__time,.chat-message__receipt{color:var(--color-faint);font-size:.6875rem}.chat-message__receipt.is-read{color:var(--color-muted)}.chat-page__footer{background:color-mix(in srgb, var(--color-canvas) 92%, transparent);flex:none}.chat-page__blocked{min-height:3.25rem;padding:.85rem var(--space-4);color:var(--color-muted);text-align:center;border-top:1px solid #1414130f;justify-content:center;align-items:center;font-size:.875rem;display:flex}.chat-page__composer{padding:.65rem var(--space-4) .75rem var(--space-3);border-top:1px solid #1414130f;align-items:flex-end;gap:.5rem;display:flex}.chat-page__emoji-toggle{width:calc(1.45em + 1.3rem);height:calc(1.45em + 1.3rem);color:var(--color-ink-soft);touch-action:manipulation;border-radius:50%;flex:none;place-items:center;margin-bottom:0;display:grid}.chat-page__emoji-toggle svg{width:1.4rem;height:1.4rem;display:block;transform:translateY(-.5px)}.chat-page__emoji-toggle.is-active,.chat-page__emoji-toggle:active{color:var(--color-ink);background:#1414130f}.chat-page__input{resize:none;min-width:0;min-height:calc(1.45em + 1.3rem);max-height:6.5rem;color:var(--color-ink);font:inherit;-webkit-user-select:text;user-select:text;touch-action:manipulation;overscroll-behavior:contain;background:#1414130a;border:1px solid #14141314;border-radius:1.15rem;outline:none;flex:1;padding:.65rem .95rem;font-size:.9375rem;line-height:1.45;overflow:hidden}.chat-page__input.is-scrollable{overflow-y:auto}.chat-page__input:focus{background:#ffffff8c;border-color:#1414132e}.chat-page__send{background:var(--color-ink);min-height:calc(1.45em + 1.3rem);color:var(--color-canvas);touch-action:manipulation;border-radius:999px;flex:none;padding:0 1rem;font-size:.875rem;font-weight:500}.chat-page__send:disabled{opacity:.35}.user-profile-page{z-index:30;background:var(--color-canvas);flex-direction:column;display:flex;position:absolute;inset:0}.user-profile-page__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);background:var(--color-canvas);border-bottom:1px solid #1414130f;display:flex}.user-profile-page__back{width:2.25rem;height:2.25rem;color:var(--color-ink);touch-action:manipulation;border-radius:50%;flex:none;place-items:center;display:grid}.user-profile-page__back svg{width:1.15rem;height:1.15rem;display:block}.user-profile-page__back:active{background:#1414130f}.user-profile-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.125rem;font-weight:500}.user-profile-page__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);flex:1;overflow-y:auto}.user-profile-page__status{text-align:center;color:var(--color-faint);padding-top:4rem;font-size:.875rem}.user-profile__hero{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);text-align:center;flex-direction:column;display:flex}.user-profile__avatar{background:var(--color-surface);width:5.5rem;height:5.5rem;color:var(--color-ink-soft);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:2rem;font-weight:500;display:grid;overflow:hidden}.user-profile__avatar img{object-fit:cover;width:100%;height:100%}.user-profile__name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-size:1.75rem;font-weight:500}.user-profile__relation{color:var(--color-muted);font-size:.8125rem}.user-profile__card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 55%, var(--color-canvas));flex-direction:column;display:flex;overflow:hidden}.user-profile__field{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:.95rem 1rem;display:flex}.user-profile__field+.user-profile__field{border-top:1px solid #1414130f}.user-profile__field-label{color:var(--color-muted);flex:none;font-size:.875rem}.user-profile__field-value{text-align:right;min-width:0;color:var(--color-ink);word-break:break-all;flex:1;font-size:.875rem}.user-profile-page__actions{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);flex-direction:column;display:flex}.user-profile__button{width:100%;min-height:var(--touch-min);border-radius:var(--radius-md);touch-action:manipulation;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.user-profile__button--solid{background:var(--color-ink);color:var(--color-canvas)}.user-profile__button--ghost{border:1px solid var(--color-border-strong);color:var(--color-ink);background:0 0}.user-profile__button--danger{margin-top:var(--space-2);color:var(--color-clay);background:0 0}.user-profile__button--danger:active{background:#d9775714}.user-profile__button:active{transform:scale(.985)}.friend-applications-page{z-index:30;background:var(--color-canvas);flex-direction:column;display:flex;position:absolute;inset:0}.friend-applications-page__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);background:var(--color-canvas);border-bottom:1px solid #1414130f;display:flex}.friend-applications-page__back{width:2.25rem;height:2.25rem;color:var(--color-ink);touch-action:manipulation;border-radius:50%;flex:none;place-items:center;display:grid}.friend-applications-page__back svg{width:1.15rem;height:1.15rem;display:block}.friend-applications-page__back:active{background:#1414130f}.friend-applications-page__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.125rem;font-weight:500}.friend-applications-page__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--space-3) var(--space-3) var(--space-4);flex:1;overflow-y:auto}.friend-applications-page__empty,.friend-applications-page__error{min-height:12rem;padding:var(--space-6);color:var(--color-faint);text-align:center;flex:1;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.friend-applications-page__error{color:var(--color-clay)}.friend-applications-section{margin-bottom:var(--space-4)}.friend-applications-section__title{padding:.35rem var(--space-3) .55rem;color:var(--color-muted);letter-spacing:.02em;font-size:.75rem;font-weight:500}.friend-applications-section__list{flex-direction:column;display:flex}.friend-application-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.friend-application-item__avatar{background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-ink-soft);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:500;display:grid;overflow:hidden}.friend-application-item__avatar img{object-fit:cover;width:100%;height:100%}.friend-application-item__main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.friend-application-item__name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.friend-application-item__meta{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.friend-application-item__time,.friend-application-item__status{color:var(--color-faint);flex:none;font-size:.75rem}.friend-application-item__actions{width:100%;padding-left:calc(2.75rem + var(--space-3));gap:.5rem;margin-top:.15rem;display:flex}.friend-application-item__action{touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;min-width:4.5rem;min-height:2rem;padding:0 .85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.friend-application-item__action:disabled{opacity:.55}.friend-application-item__action--ghost{border:1px solid var(--color-border-strong);color:var(--color-ink-soft);background:0 0}.friend-application-item__action--solid{background:var(--color-ink);color:var(--color-canvas)}.friend-application-item__action:active{transform:scale(.97)}.app-shell{background:var(--color-canvas);width:100%;height:100%;position:relative;overflow:hidden}.app-shell__content{width:100%;height:100%;padding-bottom:var(--tab-bar-offset);overflow:hidden}.app-shell__overlay{z-index:30;position:absolute;inset:0}.token-login-dialog{z-index:40;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-6);-webkit-backdrop-filter:blur(8px);background:#14141347;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.token-login-dialog__panel{width:100%;max-width:24rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);animation:.42s cubic-bezier(.16,1,.3,1) token-dialog-rise;box-shadow:0 18px 48px #1414131f}.token-login-dialog__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-size:1.5rem;font-weight:500}.token-login-dialog__hint{margin-top:var(--space-2);color:var(--color-muted);font-size:.875rem}.token-login-dialog__form{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.token-login-dialog__field{gap:var(--space-2);flex-direction:column;display:flex}.token-login-dialog__label{color:var(--color-ink-soft);font-size:.8125rem;font-weight:500}.token-login-dialog__input{width:100%;min-height:var(--touch-min);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 55%, var(--color-canvas));color:var(--color-ink);touch-action:manipulation;-webkit-user-select:text;user-select:text;outline:none;font-size:1rem}.token-login-dialog__input:focus{border-color:var(--color-border-strong);background:#fff}.token-login-dialog__error{min-height:1.25rem;color:var(--color-clay);font-size:.8125rem}.token-login-dialog__error[hidden]{display:none}.token-login-dialog__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.token-login-dialog__button{min-height:var(--touch-min);border-radius:var(--radius-md);letter-spacing:.01em;touch-action:manipulation;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:flex}.token-login-dialog__button:disabled{opacity:.55}.token-login-dialog__button--ghost{border:1px solid var(--color-border-strong);color:var(--color-ink);background:0 0}.token-login-dialog__button--solid{background:var(--color-ink);color:var(--color-canvas)}@keyframes token-dialog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@media (width>=768px){.token-login-dialog{align-items:center}}@media (prefers-reduced-motion:reduce){.token-login-dialog__panel{animation:none}}.app-bootstrap{min-height:100dvh;color:var(--color-muted);place-items:center;font-size:.875rem;display:grid}