:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--content-max: 760px;--narrow-max: 620px;--nav-height: 74px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease-spring: cubic-bezier(.2, .9, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .24s}:root,:root[data-theme=light]{--bg: #f4f7fb;--bg-elevated: rgba(255, 255, 255, .9);--surface: #ffffff;--surface-soft: #f7f9fc;--surface-muted: #eef2f7;--surface-glass: rgba(255, 255, 255, .76);--surface-raised: rgba(255, 255, 255, .96);--surface-highlight: rgba(255, 255, 255, .88);--text: #172033;--text-soft: #667085;--text-faint: #98a2b3;--line: rgba(23, 32, 51, .08);--line-strong: rgba(23, 32, 51, .13);--accent: #6478ff;--accent-strong: #5368f5;--accent-soft: #edf0ff;--accent-contrast: #ffffff;--cyan: #32c7d9;--green: #2ecf8f;--green-soft: #e8fbf4;--danger: #ef5b6c;--danger-soft: #fff0f2;--warning: #f5a623;--shadow-color: #23365c;--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .88);--shadow-xs: 0 2px 4px rgba(25, 41, 72, .04), 0 8px 20px rgba(25, 41, 72, .07);--shadow-sm: 0 3px 8px rgba(25, 41, 72, .05), 0 12px 30px rgba(25, 41, 72, .09);--shadow-md: 0 8px 18px rgba(25, 41, 72, .07), 0 24px 56px rgba(25, 41, 72, .12);--shadow-float: 0 12px 28px rgba(34, 52, 92, .1), 0 30px 80px rgba(34, 52, 92, .17);--aurora-one: rgba(100, 120, 255, .23);--aurora-two: rgba(50, 199, 217, .18)}:root[data-theme=midnight]{--bg: #0d1220;--bg-elevated: rgba(23, 29, 45, .92);--surface: #171d2d;--surface-soft: #1c2335;--surface-muted: #252d41;--surface-glass: rgba(23, 29, 45, .78);--surface-raised: rgba(31, 39, 58, .96);--surface-highlight: rgba(34, 42, 62, .78);--text: #f5f7ff;--text-soft: #aab3c7;--text-faint: #737e96;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--accent: #8292ff;--accent-strong: #7183ff;--accent-soft: rgba(113, 131, 255, .16);--accent-contrast: #ffffff;--cyan: #3bd2de;--green: #43d9a0;--green-soft: rgba(67, 217, 160, .12);--danger: #ff7180;--danger-soft: rgba(255, 113, 128, .13);--warning: #ffb84d;--shadow-color: #000000;--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-xs: 0 3px 12px rgba(0, 0, 0, .14);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .2);--shadow-md: 0 18px 50px rgba(0, 0, 0, .24);--shadow-float: 0 24px 70px rgba(0, 0, 0, .36);--aurora-one: rgba(100, 120, 255, .25);--aurora-two: rgba(50, 199, 217, .17)}:root[data-theme=graphite]{--bg: #171819;--bg-elevated: rgba(37, 38, 40, .94);--surface: #242527;--surface-soft: #2b2c2f;--surface-muted: #34363a;--surface-glass: rgba(36, 37, 39, .82);--surface-raised: rgba(48, 49, 52, .96);--surface-highlight: rgba(52, 53, 56, .76);--text: #f5f5f7;--text-soft: #b4b4ba;--text-faint: #85858c;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .13);--accent: #86a0ff;--accent-strong: #728dff;--accent-soft: rgba(134, 160, 255, .14);--accent-contrast: #ffffff;--cyan: #58cbd5;--green: #48cb94;--green-soft: rgba(72, 203, 148, .12);--danger: #ff7582;--danger-soft: rgba(255, 117, 130, .13);--warning: #f3b65d;--shadow-color: #000000;--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--shadow-xs: 0 3px 12px rgba(0, 0, 0, .15);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .22);--shadow-md: 0 18px 50px rgba(0, 0, 0, .25);--shadow-float: 0 24px 70px rgba(0, 0, 0, .38);--aurora-one: rgba(134, 160, 255, .2);--aurora-two: rgba(88, 203, 213, .13)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 15% -10%,var(--aurora-one),transparent 30rem),radial-gradient(circle at 100% 30%,var(--aurora-two),transparent 28rem),var(--bg)}button,input,textarea,select{color:inherit;font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%}h1,h2,h3,p{margin:0}input,textarea,select{min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;background:var(--surface-soft);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);background:var(--surface)}textarea{resize:vertical}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100dvh}.app-shell__content{min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px)}.page{width:min(100%,var(--content-max));min-height:100dvh;margin:0 auto;padding:calc(var(--safe-top) + 18px) 20px 36px}.page--narrow{width:min(100%,var(--narrow-max))}.page-header{display:grid;grid-template-columns:minmax(36px,auto) minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;margin-bottom:22px}.page-header--compact{grid-template-columns:minmax(36px,auto) 1fr auto;min-height:50px;margin-bottom:14px}.page-header--compact .page-header__actions{grid-column:3}.page-header__leading,.page-header__actions{display:flex;align-items:center;gap:8px}.page-header__copy{min-width:0}.page-header__title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:750;letter-spacing:-.035em;line-height:1.05}.page-header__subtitle{margin-top:5px;color:var(--text-soft);font-size:.9rem}.eyebrow{margin-bottom:6px;color:var(--accent);font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.bottom-nav{position:fixed;z-index:50;right:max(14px,calc((100vw - var(--content-max)) / 2 + 14px));bottom:calc(10px + var(--safe-bottom));left:max(14px,calc((100vw - var(--content-max)) / 2 + 14px));display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--nav-height);padding:8px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));box-shadow:var(--inset-highlight),var(--shadow-float);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}.bottom-nav__item{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:19px;color:var(--text-faint);font-size:.7rem;font-weight:650;transition:color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.bottom-nav__item.router-link-exact-active,.bottom-nav__item.is-active{color:var(--accent);background:var(--accent-soft)}.bottom-nav__item:active{transform:scale(.96)}.bottom-nav__icon{position:relative;display:grid;place-items:center}.bottom-nav__badge{position:absolute;top:-7px;right:-12px;display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border:2px solid var(--surface);border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:.62rem}.connection-dot{width:10px;height:10px;border-radius:50%;background:var(--text-faint);box-shadow:0 0 0 5px color-mix(in srgb,var(--text-faint) 12%,transparent)}.connection-dot.is-online{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 14%,transparent)}.icon-button,.back-button{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));color:var(--text);box-shadow:var(--inset-highlight),var(--shadow-sm);transition:transform var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.icon-button:hover,.back-button:hover{background:var(--surface)}.icon-button:active,.back-button:active{transform:scale(.93)}.icon-button--sm{width:36px;height:36px;border-radius:13px}.icon-button--accent{border-color:transparent;background:var(--accent);color:var(--accent-contrast)}.icon-button--danger{color:var(--danger);background:var(--danger-soft)}.primary-button,.secondary-button,.danger-button{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;gap:9px;border-radius:15px;font-weight:700;transition:transform var(--duration-fast),filter var(--duration-fast),opacity var(--duration-fast)}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-contrast);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 28%,transparent)}.secondary-button{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-highlight),var(--surface));color:var(--text);box-shadow:var(--inset-highlight),var(--shadow-xs)}.danger-button{background:var(--danger-soft);color:var(--danger)}.primary-button--wide,.danger-button--wide{width:100%}.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.98)}.primary-button:disabled{cursor:default;opacity:.55}.avatar{position:relative;display:grid;aspect-ratio:1;overflow:visible;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,hsl(var(--avatar-hue) 78% 72%),hsl(calc(var(--avatar-hue) + 44) 72% 58%));color:#fff;font-weight:750;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px #fff3,var(--shadow-sm)}.avatar--sm{width:40px;min-width:40px;height:40px;min-height:40px;font-size:.78rem}.avatar--md{width:52px;min-width:52px;height:52px;min-height:52px;font-size:.9rem}.avatar--lg{width:60px;min-width:60px;height:60px;min-height:60px;font-size:1rem}.avatar--xl{width:104px;min-width:104px;height:104px;min-height:104px;font-size:1.7rem}.avatar__image{display:block;width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;border-radius:inherit;object-fit:cover}.avatar__initials{line-height:1}.avatar__status{position:absolute;right:0;bottom:0;width:13px;height:13px;border:3px solid var(--surface);border-radius:50%;background:var(--green)}.search-field{display:flex;min-height:48px;margin-bottom:20px;padding:0 15px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));color:var(--text-faint);box-shadow:var(--inset-highlight),var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-field input{width:100%;padding:0;border:0;background:transparent;box-shadow:none}.search-field button{display:grid;padding:4px;place-items:center;background:transparent;color:var(--text-faint)}.empty-state{display:flex;min-height:280px;padding:38px 20px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-state__icon{display:grid;width:64px;height:64px;margin-bottom:18px;place-items:center;border-radius:22px;background:var(--accent-soft);color:var(--accent)}.empty-state h2{font-size:1.18rem}.empty-state p{max-width:320px;margin:8px 0 20px;color:var(--text-soft);font-size:.9rem;line-height:1.5}.inline-status{display:flex;padding:24px;align-items:center;justify-content:center;gap:10px;color:var(--text-soft);font-size:.9rem}.toast-stack{position:fixed;z-index:200;top:calc(var(--safe-top) + 14px);right:14px;display:flex;width:min(380px,calc(100vw - 28px));flex-direction:column;gap:8px}.toast{display:flex;min-height:50px;padding:12px 16px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:17px;background:var(--surface-glass);color:var(--text);box-shadow:var(--shadow-float);text-align:left;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.toast--success{color:var(--green)}.toast--danger{color:var(--danger)}.section-label{display:flex;min-height:34px;align-items:center;justify-content:space-between;color:var(--text-soft);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.section-label button{background:transparent;color:var(--accent);font-size:.74rem;font-weight:750}.form-card,.settings-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));box-shadow:var(--inset-highlight),var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.field{display:flex;margin-bottom:16px;flex-direction:column;gap:8px;color:var(--text-soft);font-size:.78rem;font-weight:650}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px 14px}.field__control{position:relative;display:flex;align-items:center}.field__control>svg{position:absolute;z-index:1;left:14px;color:var(--text-faint)}.field__control input{padding-left:42px}.form-error{margin:2px 0 14px;color:var(--danger);font-size:.82rem;line-height:1.4}.field-hint{margin:-10px 0 18px;color:var(--text-faint);font-size:.78rem}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-row{height:78px;border-radius:22px;background:linear-gradient(100deg,var(--surface-muted) 25%,var(--surface) 45%,var(--surface-muted) 65%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.app-select{position:relative;width:100%}.app-select__trigger{display:flex;width:100%;min-height:48px;padding:0 14px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.app-select__trigger svg{flex:0 0 auto;color:var(--text-faint);transition:transform var(--duration-fast)}.app-select--open .app-select__trigger{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.app-select--open .app-select__trigger svg{transform:rotate(180deg)}.app-select__menu{position:absolute;z-index:100;top:calc(100% + 8px);right:0;left:0;display:grid;padding:6px;gap:3px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}.app-select__option{display:flex;width:100%;min-height:42px;padding:0 11px 0 13px;align-items:center;justify-content:space-between;gap:10px;border-radius:13px;background:transparent;color:var(--text);text-align:left;transition:background var(--duration-fast),color var(--duration-fast)}.app-select__option:hover,.app-select__option:focus-visible{background:var(--surface-muted)}.app-select__option--selected{background:var(--accent-soft);color:var(--accent);font-weight:700}.select-menu-enter-active,.select-menu-leave-active{transition:opacity var(--duration-fast),transform var(--duration-fast);transform-origin:top}.select-menu-enter-from,.select-menu-leave-to{opacity:0;transform:translateY(-5px) scale(.98)}.auth-page{position:relative;display:grid;min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);overflow:hidden;place-items:center}.auth-page__aurora{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(20px);pointer-events:none}.auth-page__aurora--one{top:-180px;left:-120px;background:radial-gradient(circle,var(--aurora-one),transparent 68%)}.auth-page__aurora--two{right:-160px;bottom:-160px;background:radial-gradient(circle,var(--aurora-two),transparent 68%)}.auth-card{position:relative;z-index:1;width:min(100%,440px);padding:30px;border:1px solid var(--line);border-radius:32px;background:var(--surface-glass);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(28px) saturate(1.25);backdrop-filter:blur(28px) saturate(1.25)}.brand-mark{display:grid;width:62px;height:62px;margin-bottom:24px;overflow:hidden;place-items:center;border-radius:20px;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 24%,transparent)}.brand-mark img{width:100%;height:100%;object-fit:cover}.auth-card__heading h1{font-size:2rem;letter-spacing:-.04em}.auth-card__heading>p:last-child{margin-top:8px;color:var(--text-soft);line-height:1.5}.segmented-control{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 20px;padding:4px;border-radius:15px;background:var(--surface-muted)}.segmented-control button{min-height:38px;border-radius:12px;background:transparent;color:var(--text-soft);font-size:.84rem;font-weight:700;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.segmented-control button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-card__legal{margin:16px 10px 0;color:var(--text-faint);font-size:.7rem;line-height:1.45;text-align:center}.stories-strip{display:flex;margin:2px -20px 18px;padding:2px 20px 8px;gap:14px;overflow-x:auto;scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}.story-person{display:flex;width:62px;align-items:center;flex:0 0 auto;flex-direction:column;gap:7px;color:var(--text-soft);font-size:.7rem}.story-person>span:last-child{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-person__ring{padding:3px;border-radius:21px;background:linear-gradient(145deg,var(--accent),var(--cyan))}.story-person__ring .avatar{border:2px solid var(--surface)}.chat-list{display:flex;flex-direction:column;gap:6px}.chat-row-shell{position:relative;overflow:hidden;border-radius:19px;background:transparent;isolation:isolate}.chat-row-swipe-action{position:absolute;z-index:0;top:0;right:0;bottom:0;display:flex;width:92px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:linear-gradient(145deg,#ff7484,#ef4259);color:#fff;font-size:.64rem;font-weight:720;opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.chat-row-shell.is-swiped .chat-row-swipe-action{opacity:1;pointer-events:auto}.chat-row{position:relative;z-index:1;display:flex;min-height:64px;padding:6px 9px;align-items:center;gap:11px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));box-shadow:var(--inset-highlight),var(--shadow-xs);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast);will-change:transform}@media (hover: hover) and (pointer: fine){.chat-row:hover{border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--inset-highlight),var(--shadow-sm);transform:translateY(-1px)}}.chat-row:active{transform:scale(.99)}.chat-row--selected{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent-soft) 58%,var(--surface-raised));box-shadow:var(--inset-highlight),0 10px 26px color-mix(in srgb,var(--accent) 13%,transparent)}.chat-row__selector{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border:1.5px solid var(--line-strong);border-radius:50%;background:var(--surface-raised);color:#fff}.chat-row--selected .chat-row__selector{border-color:var(--accent);background:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 32%,transparent)}.chat-row__body{display:block;min-width:0;overflow:hidden;flex:1}.chat-row__topline,.chat-row__bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-row__topline strong{min-width:0;overflow:hidden;flex:1;font-size:var(--chat-list-title-size, .9rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chat-row__topline time{flex:0 0 auto;color:var(--text-faint);font-size:.65rem}.chat-row__pin{flex:0 0 auto;color:var(--accent);transform:rotate(-18deg)}.chat-row__bottomline{min-width:0;margin-top:3px}.chat-row__bottomline>span:first-child{display:block;min-width:0;max-width:100%;overflow:hidden;flex:1 1 auto;color:var(--text-soft);font-size:var(--chat-list-preview-size, .72rem);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.chat-row__bottomline .chat-row__typing{color:var(--accent)}.unread-badge{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:.62rem;font-weight:750}.chat-selection-bar{position:relative;z-index:20;display:flex;min-height:64px;margin-bottom:22px;padding:7px 8px;align-items:center;gap:5px;border:1px solid var(--line);border-radius:23px;background:color-mix(in srgb,var(--surface-glass) 90%,transparent);box-shadow:var(--inset-highlight),var(--shadow-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-selection-bar>button{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--text);transition:transform var(--duration-fast),background var(--duration-fast),opacity var(--duration-fast)}.chat-selection-bar>button:hover{background:var(--surface-muted)}.chat-selection-bar>button:active{transform:scale(.92)}.chat-selection-bar>button:disabled{opacity:.34}.chat-selection-bar>strong{min-width:32px;font-size:1.1rem;text-align:center}.chat-selection-bar__spacer{flex:1}.chat-selection-bar>.chat-selection-bar__danger{color:var(--danger)}.chat-page{display:grid;width:100%;max-width:100dvw;height:100dvh;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 10% 10%,var(--aurora-one),transparent 26rem),var(--bg)}.chat-header{position:relative;z-index:10;display:flex;min-height:calc(68px + var(--safe-top));padding:calc(var(--safe-top) + 10px) 14px 10px;align-items:center;gap:9px;width:100%;min-width:0;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface-glass);box-shadow:var(--inset-highlight),0 7px 24px color-mix(in srgb,var(--shadow-color) 7%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-header__person{display:flex;min-width:0;padding:0;align-items:center;flex:1;overflow:hidden;gap:10px;background:transparent;text-align:left}.chat-header__person>span{display:flex;min-width:0;flex-direction:column;gap:3px}.chat-header__person strong{overflow:hidden;font-size:.93rem;text-overflow:ellipsis;white-space:nowrap}.chat-header__person small{color:var(--text-soft);font-size:.7rem}.chat-header__actions{display:flex;gap:5px}.message-timeline{min-height:0;min-width:0;padding:24px max(14px,calc((100vw - 720px)/2)) 18px;overflow-y:auto;overflow-x:hidden;background:var(--chat-wallpaper, transparent);background-attachment:local;background-size:cover;overscroll-behavior:contain}.message-stack{display:flex;width:100%;min-width:0;flex-direction:column;gap:7px}.message{position:relative;content-visibility:auto;contain-intrinsic-size:auto 72px;width:fit-content;min-width:0;max-width:min(78%,520px,calc(100dvw - 28px));padding:9px 11px 6px;align-self:flex-start;border:1px solid var(--line);border-radius:var(--chat-bubble-radius, 18px) var(--chat-bubble-radius, 18px) var(--chat-bubble-radius, 18px) var(--chat-bubble-tail-radius, 6px);background:linear-gradient(145deg,var(--surface-highlight),var(--surface));box-shadow:var(--inset-highlight),var(--shadow-xs)}.video-note__placeholder{display:block;width:min(320px,68vw);min-height:180px;border-radius:14px;background:linear-gradient(115deg,var(--surface-muted),var(--surface-highlight),var(--surface-muted))}.video-note__placeholder{width:100%;min-height:100%;border-radius:50%}.message--own{align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:var(--chat-bubble-radius, 18px) var(--chat-bubble-radius, 18px) var(--chat-bubble-tail-radius, 6px) var(--chat-bubble-radius, 18px);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 72%,var(--surface)),var(--accent-soft))}.message--file{width:min(360px,82vw);padding:7px 8px 6px}.message__text{max-width:100%;font-size:var(--chat-font-size, .91rem);line-height:1.42;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.message__sender{display:block;margin-bottom:3px;color:var(--chat-name-color, var(--accent));font-size:max(.72rem,calc(var(--chat-font-size, 15px) * .78));font-weight:760}.message__reply{display:block;width:100%;max-width:100%;margin-bottom:7px;padding:5px 8px;overflow:hidden;overflow-wrap:anywhere;border-left:3px solid var(--accent);border-radius:4px;color:var(--text-soft);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.message__image,.message__video{display:block;width:100%;height:100%;opacity:0;object-fit:cover;transition:opacity .2s ease,transform .25s ease}.message__image.is-ready,.message__video.is-ready{opacity:1}.message__video--note{width:min(260px,64vw);aspect-ratio:1;border-radius:50%}.message__audio{display:block;width:min(300px,64vw);margin-bottom:5px}.message__file{display:flex;width:100%;min-width:0;padding:8px;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 32%,var(--surface-highlight)),var(--surface-muted));box-shadow:var(--inset-highlight),0 5px 15px color-mix(in srgb,var(--shadow-color) 6%,transparent);color:var(--accent);text-align:left}.message__file-icon,.message__file-download{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border-radius:13px}.message__file-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 82%,white),var(--accent));box-shadow:var(--inset-highlight),var(--shadow-xs);color:#fff}.message__file-download{width:34px;height:34px;background:color-mix(in srgb,var(--surface-highlight) 70%,transparent);color:var(--accent)}.message__file-copy{display:flex;min-width:0;overflow:hidden;flex:1;flex-direction:column;gap:3px}.message__file-copy strong,.message__file-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__file-copy strong{color:var(--text);font-size:.79rem}.message__file-copy small{color:var(--text-soft);font-size:.65rem}.message__media-error{padding:7px 4px 2px;color:var(--danger);font-size:.7rem}.message__meta{display:flex;margin-top:3px;align-items:center;justify-content:flex-end;gap:4px;color:var(--text-faint);font-size:.62rem}.message__meta button{display:grid;padding:2px;place-items:center;background:transparent;color:inherit}.message__meta .is-read{color:var(--accent)}.message-action-menu{position:fixed;z-index:1600;display:flex;width:max-content;min-width:174px;max-width:min(230px,calc(100vw - 20px));padding:6px;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:var(--surface-glass);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.message-action-menu button{display:flex;min-height:39px;padding:0 10px;align-items:center;gap:8px;border-radius:11px;background:transparent;color:var(--text);font-size:.79rem;white-space:nowrap}.message-action-menu button:hover{background:var(--surface-muted)}.message-action-menu button.danger{color:var(--danger)}.composer-shell{position:relative;z-index:10;min-width:0;padding:8px max(12px,calc((100vw - 720px)/2)) calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--surface-glass);box-shadow:0 -8px 26px color-mix(in srgb,var(--shadow-color) 8%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.composer{display:flex;width:100%;min-width:0;min-height:48px;padding:5px;align-items:flex-end;gap:5px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface));box-shadow:var(--inset-highlight),var(--shadow-sm)}.composer textarea{max-height:120px;padding:8px 4px;overflow-y:auto;flex:1;border:0;background:transparent;box-shadow:none;resize:none}.composer__attach,.composer__send,.composer__media{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border-radius:13px;color:var(--text-soft)}.composer__attach{cursor:pointer}.composer__send{background:var(--accent);color:#fff}.composer__send:disabled{background:var(--surface-muted);color:var(--text-faint)}.composer-context,.composer-file{display:flex;width:100%;min-width:0;max-width:100%;min-height:38px;padding:5px 9px;align-items:center;gap:8px;overflow:hidden;color:var(--accent);font-size:.74rem}.composer-context>span,.composer-file>span{display:flex;width:0;min-width:0;overflow:hidden;flex:1;flex-direction:column}.composer-context small{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--text-soft);font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.composer-context button,.composer-file button{display:grid;padding:5px;place-items:center;background:transparent;color:var(--text-soft)}.recording-upload{display:grid;width:100%;min-height:48px;padding:6px 10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--accent)}.recording-upload__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--accent-soft)}.recording-upload__copy{display:grid;min-width:0;gap:5px}.recording-upload__copy strong{overflow:hidden;color:var(--text);font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.recording-upload__copy>span{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.recording-upload__copy i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .18s linear}.recording-upload small{min-width:34px;color:var(--text-soft);font-size:.67rem;font-variant-numeric:tabular-nums;text-align:right}.composer__media{border:1px solid color-mix(in srgb,var(--line) 74%,transparent);background:linear-gradient(145deg,var(--surface-highlight),var(--surface-muted));box-shadow:var(--inset-highlight),var(--shadow-xs);color:var(--accent)}.composer__media--video{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 64%,var(--surface-highlight)),var(--accent-soft))}.composer__media--cancel{color:var(--text-soft)}.composer__media--stop{background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 78%,white),var(--danger));color:#fff}.composer-recording{position:relative;display:flex;min-width:0;padding:0 7px 5px;align-items:center;flex:1;gap:8px;color:var(--text-soft);font-size:.72rem}.composer-recording strong{overflow:hidden;flex:1;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.composer-recording__pulse,.video-recorder__time i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 13%,transparent);animation:recording-pulse 1.35s ease-in-out infinite}.composer-recording__progress{position:absolute;right:7px;bottom:0;left:7px;height:3px;overflow:hidden;border-radius:3px;background:var(--surface-muted)}.composer-recording__progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--danger));transition:width .25s linear}.video-recorder{position:fixed;z-index:140;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:calc(var(--safe-top) + 14px) 18px calc(var(--safe-bottom) + 18px);background:radial-gradient(circle at 50% 42%,rgb(73 92 135 / 42%),transparent 46%),linear-gradient(160deg,#171e2d,#090d16 58%,#05070c);color:#fff;isolation:isolate;overscroll-behavior:contain;touch-action:none}.video-recorder__header{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px}.video-recorder__header strong{font-size:1.02rem;letter-spacing:-.015em}.video-recorder__close,.video-recorder__control{border:1px solid rgb(255 255 255 / 15%);background:#ffffff17;box-shadow:inset 0 1px #ffffff1c,0 12px 30px #0000002e;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.video-recorder__close{display:grid;width:44px;height:44px;place-items:center;border-radius:50%}.video-recorder__content{display:grid;min-height:0;align-content:center;justify-items:center;gap:clamp(20px,4vh,34px)}.video-recorder__circle{--record-progress: 0deg;position:relative;display:grid;width:min(72vw,360px,45vh);aspect-ratio:1;padding:7px;place-items:center;border-radius:50%;background:conic-gradient(#ff536b var(--record-progress),rgb(255 255 255 / 15%) 0);box-shadow:0 28px 72px #00000061,0 0 0 1px #ffffff14}.video-recorder__circle:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid color-mix(in srgb,white 55%,transparent);border-radius:50%;box-shadow:inset 0 0 28px #0000003d;content:"";pointer-events:none}.video-recorder video{width:100%;height:100%;border-radius:50%;background:#10131a;clip-path:circle(50% at 50% 50%);object-fit:cover;transform:scaleX(-1)}.video-recorder__circle.is-rear video{transform:none}.video-recorder__loader{position:absolute;z-index:2;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0c111da3;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-recorder__time{position:absolute;bottom:22px;display:flex;min-height:28px;padding:0 10px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0c111d94;color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-recorder__zoom{display:grid;width:min(82vw,420px);grid-template-columns:auto 1fr auto 42px;align-items:center;gap:12px;color:#ffffffd1}.video-recorder__zoom input{width:100%;accent-color:#7588ff}.video-recorder__zoom output{color:#fff;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}.video-recorder__zoom.is-disabled{opacity:.45}.video-recorder__controls{display:grid;width:min(100%,480px);margin:0 auto;grid-template-columns:repeat(3,1fr);align-items:start;gap:20px}.video-recorder__control-item{display:grid;min-width:0;justify-items:center;gap:8px}.video-recorder__control-item small{overflow:hidden;width:100%;color:#ffffffad;font-size:.62rem;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.video-recorder__control{display:grid;width:58px;height:58px;padding:0;place-items:center;border-radius:50%}.video-recorder__control--finish{border-color:#ff647970;background:linear-gradient(145deg,#ff5c72,#e94059);box-shadow:inset 0 1px #ffffff38,0 14px 34px #e537514d}.video-recorder__control:disabled{opacity:.45}@media (max-height: 650px){.video-recorder__circle{width:min(60vw,280px,40vh)}.video-recorder__content{gap:12px}.video-recorder__control{width:52px;height:52px}}@keyframes recording-pulse{50%{transform:scale(.72);opacity:.58}}.timeline-loader{display:flex;min-height:34px;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);font-size:.72rem}.message__image-button{display:block;margin:-4px -6px 7px;overflow:hidden;border-radius:14px;background:var(--surface-muted)}.message__media-frame{position:relative;width:min(320px,68vw,calc(100dvw - 48px));max-width:100%;aspect-ratio:var(--media-aspect, 4 / 5);min-height:180px;max-height:420px;overflow:hidden;contain:layout paint;border-radius:14px;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--surface-highlight) 82%,transparent) 48%,transparent 62%),var(--surface-muted);background-size:220% 100%,auto;animation:media-skeleton 1.35s ease-in-out infinite;animation-play-state:paused}.message__media-frame.is-active{animation-play-state:running}.message__media-frame--video{--media-aspect: 16 / 9;min-height:150px}.message__media-frame:has(.is-ready),.message__media-frame:has(.is-error){animation:none}.message__media-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--accent);pointer-events:none}.message__media-loader .download-indicator,.message__media-loader .download-indicator svg{width:30px;height:30px}.message__media-loader small{min-width:34px;color:var(--text-soft);font-size:.65rem;font-variant-numeric:tabular-nums;text-align:center}.message__media-loader.is-error{color:var(--text-faint)}@keyframes media-skeleton{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}.message__media-shell{position:relative;width:fit-content;max-width:100%}.message__media-shell--image{margin:-4px -6px 7px}.message__media-shell--image .message__image-button,.message__media-shell--image .message__image{margin:0}.download-indicator{display:grid;width:20px;height:20px;place-items:center;color:currentColor}.download-indicator svg{width:20px;height:20px}.download-indicator circle{fill:none;stroke-width:2.4}.download-indicator__track{stroke:color-mix(in srgb,currentColor 22%,transparent)}.download-indicator__value{stroke:currentColor;stroke-linecap:round;stroke-dasharray:56.55;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .16s linear}.message-link{padding:1px 3px;border-radius:5px;background:color-mix(in srgb,var(--accent-soft) 58%,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:color-mix(in srgb,var(--accent) 88%,var(--text));font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 42%,transparent);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.message-link:after{content:"↗";margin-left:3px;font-size:.72em;text-decoration:none}.message-link:active{background:color-mix(in srgb,var(--accent-soft) 90%,transparent)}.message__image-button .message__image{margin:0;transition:transform .25s ease}.message__image-button:active .message__image{transform:scale(.985)}.message--standalone{padding:2px;border:0;background:transparent;box-shadow:none}.message--standalone.message--own{background:transparent}.message--standalone .message__meta{padding-inline:5px 1px}.message--file{width:min(360px,86vw,calc(100dvw - 28px));max-width:100%;padding:9px 10px 6px;border-color:color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:24px 24px 24px 9px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 35%,var(--surface-highlight)),var(--surface));box-shadow:var(--inset-highlight),0 12px 28px color-mix(in srgb,var(--shadow-color) 10%,transparent)}.message--file.message--own{border-radius:24px 24px 9px}.message--file .message__file{padding:5px 3px;border:0;background:transparent;box-shadow:none}.message__menu-anchor{position:relative;display:inline-flex}.message__menu-trigger{width:27px;height:25px;border:1px solid color-mix(in srgb,var(--text-faint) 18%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-highlight) 72%,transparent)!important;color:var(--text-soft)!important}.voice-message{display:grid;width:min(310px,76vw,calc(100dvw - 28px));max-width:100%;min-height:58px;padding:7px 10px 7px 7px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:23px 23px 23px 8px;background:linear-gradient(145deg,var(--surface-highlight),color-mix(in srgb,var(--accent-soft) 28%,var(--surface)));box-shadow:var(--inset-highlight),var(--shadow-sm)}.message--own .voice-message{border-radius:23px 23px 8px}.voice-message__play{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,white),var(--accent));box-shadow:var(--inset-highlight),0 7px 18px color-mix(in srgb,var(--accent) 26%,transparent);color:#fff}.voice-message__track{display:flex;height:34px;padding:0;align-items:center;gap:3px;background:transparent}.voice-message__bar{width:3px;min-height:5px;border-radius:99px;background:color-mix(in srgb,var(--text-faint) 46%,transparent);transition:background .15s ease}.voice-message__bar.is-passed{background:var(--accent)}.voice-message time{align-self:end;padding-bottom:4px;color:var(--text-soft);font-size:.65rem;font-variant-numeric:tabular-nums}.voice-message audio{display:none}.video-note{--video-note-size: min(176px, 46vw, calc(100dvw - 32px) );position:relative;display:grid;width:var(--video-note-size);min-width:var(--video-note-size);max-width:var(--video-note-size);height:var(--video-note-size);min-height:var(--video-note-size);max-height:var(--video-note-size);padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;place-items:center;line-height:0;flex:0 0 var(--video-note-size);overflow:hidden;border:0;border-radius:999px;clip-path:circle(50% at 50% 50%);isolation:isolate;contain:size layout paint style;transform:translateZ(0);background:var(--surface-muted);box-shadow:0 10px 26px color-mix(in srgb,var(--shadow-color) 14%,transparent)}.video-note video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.video-note__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:0;height:100%}.video-note__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 57%,#0000006b)}.video-note__play{position:absolute;inset:50% auto auto 50%;display:grid;width:48px;height:48px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffd6;box-shadow:0 8px 20px #0000002e;color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-note time{position:absolute;right:24px;bottom:16px;color:#fff;font-size:.7rem;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.message-status{display:inline-grid;min-width:17px;height:17px;place-items:center;color:color-mix(in srgb,var(--text-muted) 88%,transparent);filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--shadow-color) 15%,transparent))}.message-status--sent{opacity:.82}.message-status--delivered{color:var(--text-muted)}.message-status--read{color:var(--accent)}.message--standalone .message__meta{width:max-content;min-height:24px;margin-top:5px;margin-left:auto;padding:3px 7px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--inset-highlight),0 4px 12px color-mix(in srgb,var(--shadow-color) 8%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.message--standalone.message--own .message__meta{background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface))}.page--home .search-field{min-height:46px;margin-bottom:14px;border-radius:16px;box-shadow:var(--inset-highlight),0 7px 20px color-mix(in srgb,var(--shadow-color) 7%,transparent)}.page--home .section-label{min-height:30px;padding-inline:2px;font-size:.69rem;letter-spacing:.055em}.chat-list{gap:0}.chat-row-shell{border-radius:15px}.chat-row{min-height:66px;padding:7px 4px;gap:10px;border:0;border-radius:15px;background:transparent;box-shadow:none}.chat-row:after{position:absolute;right:4px;bottom:0;left:66px;height:1px;background:color-mix(in srgb,var(--line) 76%,transparent);content:"";pointer-events:none}.chat-row-shell:last-child .chat-row:after,.chat-row--selected:after{opacity:0}@media (hover: hover) and (pointer: fine){.chat-row:hover:after{opacity:0}.chat-row:hover{border-color:transparent;border-radius:15px;background:color-mix(in srgb,var(--surface-raised) 74%,transparent);box-shadow:none;transform:none}}.chat-row:active{background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface));transform:scale(.992)}.chat-row--unread{background:color-mix(in srgb,var(--accent-soft) 18%,transparent)}.chat-row--selected{border-color:transparent;background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface-raised));box-shadow:inset 3px 0 0 var(--accent)}.chat-row__topline,.chat-row__bottomline{gap:7px}.chat-row__topline strong{font-weight:735;letter-spacing:-.012em}.chat-row__topline time{font-size:.62rem;font-variant-numeric:tabular-nums}.chat-row__bottomline{margin-top:4px}.chat-row__bottomline>span:first-child{color:var(--text-soft);line-height:1.22}.unread-badge{min-width:20px;height:20px;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 23%,transparent);font-variant-numeric:tabular-nums}.message-timeline{padding:14px max(10px,calc((100vw - 720px)/2)) 12px}.message-stack{gap:4px}.message:not(.message--standalone){max-width:min(84%,540px);padding:7px 9px 5px;border-color:color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--surface) 94%,var(--surface-highlight));box-shadow:inset 0 1px color-mix(in srgb,white 52%,transparent),0 3px 10px color-mix(in srgb,var(--shadow-color) 6%,transparent)}.message--own:not(.message--standalone){border-color:color-mix(in srgb,var(--accent) 14%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 67%,var(--surface)),color-mix(in srgb,var(--accent-soft) 88%,var(--surface)))}.message__text{line-height:1.34;letter-spacing:-.006em}.message__sender{margin-bottom:2px;line-height:1.18}.message__reply{margin-bottom:5px;padding:4px 7px;border-left-width:2px;border-radius:3px 7px 7px 3px;background:color-mix(in srgb,var(--accent-soft) 28%,transparent)}.message__meta{min-height:18px;margin-top:1px;gap:3px;font-size:.59rem;font-variant-numeric:tabular-nums}.message__menu-trigger{border-radius:8px}.message__file{padding:7px;border-radius:14px;box-shadow:var(--inset-highlight),0 3px 10px color-mix(in srgb,var(--shadow-color) 5%,transparent)}.message__file-icon{width:40px;height:40px;border-radius:12px}@media (max-width: 480px){.chat-row .avatar--md{width:50px;min-width:50px;height:50px;min-height:50px}.message:not(.message--standalone){max-width:88%}}body.has-media-viewer{overflow:hidden}@property --video-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.media-viewer,.delete-sheet-backdrop,.chat-list-sheet-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0}.media-viewer{display:grid;padding:max(24px,var(--safe-top)) 18px max(24px,var(--safe-bottom));place-items:center;background:#0b101bc2;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.media-viewer>img{max-width:min(94vw,820px);max-height:86dvh;border-radius:22px;box-shadow:0 28px 80px #0000006b;object-fit:contain}.media-viewer__close{position:absolute;z-index:2;top:calc(var(--safe-top) + 14px);right:16px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / 24%);border-radius:50%;background:#ffffff2b;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.video-note-viewer{position:relative;width:min(78vw,430px);aspect-ratio:1;border-radius:50%;box-shadow:0 28px 80px #00000073}.video-note-viewer>button{position:relative;display:block;width:calc(100% - 10px);height:calc(100% - 10px);margin:5px;padding:0;overflow:hidden;border:4px solid rgb(10 14 23 / 88%);border-radius:50%;background:#111}.video-note-viewer__progress-halo{--video-ring-angle: 0deg;position:absolute;z-index:2;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from -90deg,color-mix(in srgb,var(--accent) 66%,white) 0 var(--video-ring-angle),rgb(255 255 255 / 48%) var(--video-ring-angle) 360deg);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 88%,transparent));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));animation-name:video-ring-fill;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused;pointer-events:none}.video-note-viewer video{width:100%;height:100%;object-fit:cover}.video-note-viewer__ring{position:absolute;z-index:3;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;transform:rotate(-90deg);outline:none;pointer-events:none}@keyframes video-ring-fill{0%{--video-ring-angle: 0deg}to{--video-ring-angle: 360deg}}.video-note-viewer__ring circle{fill:none;vector-effect:non-scaling-stroke}.video-note-viewer__ring-base,.video-note-viewer__ring-progress{stroke-width:6px}.video-note-viewer__ring-base{stroke:#ffffff8c}.video-note-viewer__ring-progress{stroke:color-mix(in srgb,var(--accent) 78%,white);stroke-linecap:round;stroke-dasharray:289;filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 72%,transparent));transition:stroke-dashoffset .12s linear}.video-note-viewer__ring-thumb{fill:#fff!important;stroke:var(--accent);stroke-width:1.4px;filter:drop-shadow(0 0 4px var(--accent));opacity:0;transition:opacity .12s ease;pointer-events:none}.video-note-viewer.is-seeking .video-note-viewer__ring-progress{transition:none}.video-note-viewer__ring-hit{stroke:transparent;stroke-width:22px;cursor:pointer;pointer-events:stroke}.video-note-viewer__play{position:absolute;inset:50% auto auto 50%;display:grid;width:58px;height:58px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffd1;color:var(--accent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.video-note-viewer time{z-index:4;position:absolute;bottom:9%;left:50%;transform:translate(-50%);color:#fff;font-size:.78rem;text-shadow:0 2px 5px #000}.delete-sheet-backdrop{display:flex;padding:18px 14px calc(14px + var(--safe-bottom));align-items:flex-end;justify-content:center;background:#121a2b52;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.chat-list-sheet-backdrop{display:flex;padding:18px 14px calc(14px + var(--safe-bottom));align-items:flex-end;justify-content:center;background:#121a2b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-list-sheet{width:min(100%,430px);padding:9px 16px 14px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:29px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--inset-highlight),var(--shadow-float);text-align:center;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.chat-list-sheet__handle{width:38px;height:4px;margin:0 auto 14px;border-radius:99px;background:var(--line-strong)}.chat-list-sheet__icon{display:grid;width:54px;height:54px;margin:0 auto 12px;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--accent-soft);color:var(--accent);box-shadow:var(--inset-highlight),var(--shadow-xs)}.chat-list-sheet__icon--delete{border-color:color-mix(in srgb,var(--danger) 22%,var(--line));background:color-mix(in srgb,var(--danger) 11%,var(--surface));color:var(--danger)}.chat-list-sheet h2{font-size:1.08rem}.chat-list-sheet>p{max-width:350px;margin:7px auto 17px;color:var(--text-soft);font-size:.77rem;line-height:1.45}.chat-list-sheet>button{width:100%;min-height:48px;border:0;border-radius:17px;font-weight:720}.chat-list-sheet__confirm{display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.chat-list-sheet__confirm.is-danger{background:linear-gradient(145deg,#ff6f7f,#e84258);box-shadow:0 12px 26px #e03a513d}.chat-list-sheet__cancel{margin-top:7px;background:var(--surface-muted);color:var(--text)}.chat-list-sheet>button:disabled{opacity:.55}.delete-sheet{width:min(100%,430px);padding:9px 12px 12px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:28px;background:var(--surface-glass);box-shadow:var(--inset-highlight),var(--shadow-float);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.delete-sheet__handle{width:38px;height:4px;margin:0 auto 13px;border-radius:99px;background:var(--line-strong)}.delete-sheet h2,.delete-sheet>p{text-align:center}.delete-sheet h2{font-size:1.02rem}.delete-sheet>p{margin:5px 10px 12px;color:var(--text-soft);font-size:.75rem}.delete-sheet>button{display:flex;width:100%;min-height:58px;padding:8px 12px;align-items:center;gap:12px;border-radius:17px;background:transparent;color:var(--text);text-align:left}.delete-sheet>button:hover{background:var(--surface-muted)}.delete-sheet>button>span{display:flex;flex-direction:column;gap:2px}.delete-sheet>button small{color:var(--text-soft);font-size:.67rem}.delete-sheet .delete-sheet__danger{color:var(--danger)}.delete-sheet .delete-sheet__cancel{min-height:46px;margin-top:5px;justify-content:center;background:var(--surface-muted);color:var(--accent);font-weight:700;text-align:center}.viewer-enter-active,.viewer-leave-active,.sheet-enter-active,.sheet-leave-active{transition:opacity .2s ease}.viewer-enter-from,.viewer-leave-to,.sheet-enter-from,.sheet-leave-to{opacity:0}.people-list,.select-people-list{display:flex;flex-direction:column;gap:7px}.person-row,.select-person{display:flex;min-height:68px;padding:8px 10px;align-items:center;gap:11px;border-radius:20px;background:transparent;text-align:left}.person-row:hover,.select-person:hover{background:var(--surface-glass)}.person-row__profile{display:flex;min-width:0;align-items:center;flex:1;gap:11px}.person-row__profile>span,.select-person>span:not(.selection-check){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.person-row strong,.select-person strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.person-row small,.select-person small{overflow:hidden;color:var(--text-soft);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.select-person{position:relative;width:100%;border:1px solid transparent;color:var(--text)}.select-person input{position:absolute;opacity:0;pointer-events:none}.selection-check{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--line-strong);border-radius:9px;color:transparent}.select-person:has(input:checked){border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-soft)}.select-person input:checked~.selection-check{border-color:var(--accent);background:var(--accent);color:#fff}.form-section-heading{display:flex;margin:22px 0 12px;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:750}.form-section-heading small{color:var(--accent);font-weight:650}.profile-hero{display:flex;padding:16px 20px 30px;align-items:center;flex-direction:column;text-align:center}.profile-hero h1{margin-top:16px;font-size:1.7rem;letter-spacing:-.035em}.profile-hero p{max-width:420px;margin-top:6px;color:var(--text-soft);font-size:.86rem;line-height:1.5}.profile-hero .primary-button{margin-top:20px}.status-pill{margin-top:10px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--green-soft);color:var(--green);font-size:.68rem;font-weight:750}.detail-row{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.82rem}.detail-row:last-child{border-bottom:0}.detail-row button{background:transparent;color:var(--accent)}.detail-row--stack{padding:13px 0;align-items:flex-start;flex-direction:column;gap:7px}.detail-row p{color:var(--text);line-height:1.5}.danger-zone{margin-top:24px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-photo{display:flex;padding:8px 0;align-items:center;flex-direction:column;gap:16px}.settings-section{margin-top:24px}.settings-section>h2{margin:0 0 9px 9px;color:var(--text-soft);font-size:.74rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.settings-card{padding:4px 16px}.setting-row,.switch-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.82rem}.setting-row:last-child,.switch-row:last-child{border-bottom:0}.setting-row>span,.switch-row>span{display:flex;min-width:0;flex-direction:column;gap:3px}.setting-row strong,.switch-row strong{color:var(--text);font-size:.88rem}.setting-row small,.switch-row small{color:var(--text-faint);font-size:.7rem}.setting-row>.app-select{width:min(180px,52%)}.setting-row .app-select__trigger{min-height:36px;padding:0 10px;border:0;background:var(--surface-muted)}.setting-row--button{width:100%;padding:0;background:transparent;text-align:left}.setting-row--stack{padding:14px 0;align-items:stretch;flex-direction:column;gap:12px}.switch-row input[type=checkbox]{position:relative;width:48px;height:29px;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;border:0;border-radius:var(--radius-pill);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;transition:background var(--duration-base)}.switch-row input[type=checkbox]:after{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e;content:"";transition:transform var(--duration-base) var(--ease-spring)}.switch-row input[type=checkbox]:checked{background:var(--green)}.switch-row input[type=checkbox]:checked:after{transform:translate(19px)}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-picker button{display:flex;min-height:66px;padding:8px;align-items:center;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text-soft);font-size:.68rem;font-weight:700}.theme-picker button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-swatch{width:100%;height:24px;border-radius:8px}.theme-swatch[data-preview-theme=light]{border:1px solid #e7eaf0;background:linear-gradient(135deg,#fff 50%,#edf0ff 50%)}.theme-swatch[data-preview-theme=midnight]{background:linear-gradient(135deg,#171d2d 50%,#8292ff 50%)}.theme-swatch[data-preview-theme=graphite]{background:linear-gradient(135deg,#242527 50%,#86a0ff 50%)}.call-appearance-card{overflow:hidden}.call-setting-row{display:flex;min-height:72px;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.call-setting-row:last-of-type{border-bottom:0}.call-setting-row__main{display:flex;min-width:0;padding:8px 0;align-items:center;flex:1;gap:11px;border:0;background:transparent;color:var(--text-faint);text-align:left}.call-setting-row__main>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.call-setting-row__main strong{color:var(--text);font-size:.88rem}.call-setting-row__main small{overflow:hidden;color:var(--text-faint);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.call-setting-row__icon,.call-setting-row__action{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-muted));color:var(--accent);box-shadow:inset 0 1px #fff9,0 8px 20px #2f426b1a}.call-setting-row__action{width:36px;height:36px;border-radius:50%}.call-media-picker{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:flex;padding:18px;align-items:flex-end;justify-content:center;background:#0a111f47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-media-picker__sheet{width:min(100%,430px);padding:10px;border:1px solid var(--line-strong);border-radius:25px;background:var(--surface);box-shadow:0 24px 70px #13213d3d}.call-media-picker__sheet header,.call-media-picker__sheet>button{display:flex;min-height:58px;padding:0 10px;align-items:center;gap:12px}.call-media-picker__sheet header{justify-content:space-between}.call-media-picker__sheet header>button{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--surface-muted);color:var(--text-soft)}.call-media-picker__sheet>button{width:100%;border-radius:17px;background:transparent;color:var(--text);text-align:left}.call-media-picker__sheet>button.active{background:var(--accent-soft);color:var(--accent)}.call-media-picker__sheet>button>span{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:var(--surface-muted)}.call-media-picker__sheet>button>strong{flex:1}.page.profile-page{padding-top:var(--safe-top);padding-right:0;padding-left:0;overflow:clip;overscroll-behavior-y:contain}.profile-cover{position:relative;width:100%;min-height:244px;overflow:hidden;border-radius:0 0 30px 30px;background:transparent;transition:height .17s var(--ease-out),border-radius .17s var(--ease-out),box-shadow .17s var(--ease-out);will-change:height}.profile-cover.is-expanded{border-radius:0;background:var(--surface-muted);box-shadow:0 18px 40px #121c3229}.profile-cover.is-dragging,.profile-cover.is-dragging .profile-cover__media,.profile-cover.is-dragging .profile-cover__identity{transition:none}.profile-cover__media{position:absolute;z-index:1;overflow:hidden;background:linear-gradient(145deg,var(--accent-soft),var(--surface-muted));box-shadow:inset 0 0 0 1px #ffffff47,var(--shadow-sm);transition:width .17s var(--ease-out),height .17s var(--ease-out),left .17s var(--ease-out),top .17s var(--ease-out),border-radius .17s var(--ease-out);will-change:width,height,left,top,border-radius}.profile-cover__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.profile-cover:not(.has-photo) .profile-cover__media img{object-fit:cover}.profile-cover__veil{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(4,10,24,.7) 100%);transition:opacity .15s ease-out}.profile-cover__identity{position:absolute;z-index:3;display:flex;flex-direction:column;pointer-events:none;transition:opacity .12s ease-out,transform .17s var(--ease-out)}.profile-cover__identity strong{max-width:calc(100vw - 36px);overflow:hidden;font-size:1.05rem;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.profile-cover__identity span{margin-top:3px;color:var(--text-soft);font-size:.72rem}.profile-cover__identity--compact{top:128px;right:20px;left:20px;align-items:center;text-align:center}.profile-cover__identity--expanded{right:18px;bottom:78px;left:18px;color:#fff;text-align:left}.profile-cover__identity--expanded strong{font-size:1.35rem;text-shadow:0 2px 12px rgba(0,0,0,.36)}.profile-cover__identity--expanded span{color:#ffffffc7;text-shadow:0 2px 8px rgba(0,0,0,.36)}.profile-cover__actions{position:absolute;z-index:4;right:12px;bottom:10px;left:12px;display:grid;grid-template-columns:repeat(var(--profile-action-columns, 3),minmax(0,1fr));gap:7px}.profile-cover__actions button{display:flex;min-width:0;min-height:50px;padding:6px 4px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface-glass));color:var(--text);box-shadow:var(--inset-highlight),var(--shadow-xs);transition:transform var(--duration-fast),color .17s ease,background .17s ease,border-color .17s ease}.profile-cover__actions button:active{transform:scale(.95)}.profile-cover__actions span{max-width:100%;overflow:hidden;font-size:.62rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.profile-cover.is-expanded .profile-cover__actions button{border-color:#ffffff26;background:#0c14227a;color:#fff;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000029;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.profile-editor{display:flex;padding:18px 20px 36px;flex-direction:column;gap:18px}.profile-editor .form-card{scroll-margin-top:18px}.contact-profile-page .page-header{padding-right:14px;padding-left:14px}.contact-profile-details{margin:18px 14px 36px}.contact-profile-state{margin:24px 14px}.contact-profile-page>.empty-state{margin:24px 14px}@media (max-width: 480px){.profile-editor{padding-right:14px;padding-left:14px}.profile-cover__actions{right:8px;left:8px;gap:5px}}@media (min-width: 800px){.profile-page{padding-top:0}.profile-cover{border-radius:34px 34px 30px 30px}.profile-cover.is-expanded{border-radius:34px 34px 0 0}}@media (prefers-reduced-motion: reduce){.profile-cover,.profile-cover__media,.profile-cover__identity,.profile-cover__veil{transition-duration:1ms}}.story-ring{position:relative;display:inline-grid;padding:3px;flex:0 0 auto;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--text-faint) 30%,transparent);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 10%,transparent)}.story-ring.is-unseen{background:conic-gradient(from 25deg,var(--green),var(--cyan),var(--accent),var(--green))}.story-ring.is-empty{padding:2px;border:1.5px dashed color-mix(in srgb,var(--accent) 55%,var(--line));background:transparent}.story-ring .avatar{border:2px solid var(--surface)}.story-ring__add{position:absolute;right:-3px;bottom:-3px;display:grid;width:21px;height:21px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff}.story-tray{position:relative;transition:min-height .3s var(--ease-spring),padding .3s var(--ease-spring);touch-action:pan-y}.story-tray.is-compact{width:auto;min-height:44px;margin:0;padding:0}.story-tray.is-expanded{min-height:82px;margin:-4px -20px 12px;padding:3px 20px 8px}.story-pull-slot{max-height:calc(94px * var(--story-pull));margin:calc(-4px * var(--story-pull)) -20px calc(12px * var(--story-pull));overflow:hidden;opacity:var(--story-pull);transform:translateY(calc(-10px * (1 - var(--story-pull))));transition:max-height .26s var(--ease-spring),margin .26s var(--ease-spring),opacity .18s ease,transform .26s var(--ease-spring)}.story-pull-slot .story-tray.is-expanded{margin:0}.page--home.is-header-dragging .story-pull-slot{transition:none}.page--home .page-header .story-tray.is-compact{opacity:calc(1 - var(--story-pull));transform:scale(calc(1 - var(--story-pull) * .12));transition:opacity .16s ease,transform .22s var(--ease-spring)}.page--home.is-header-dragging .page-header .story-tray.is-compact{transition:none}.story-tray__stack{display:flex;height:44px;padding:0;align-items:center;border:0;background:transparent}.story-tray__stack-person{position:relative;z-index:1;padding:0;border:0;border-radius:50%;background:transparent}.story-tray__stack-person+.story-tray__stack-person{margin-left:-13px}.story-tray__stack-person:nth-child(2){z-index:2}.story-tray__stack-person:nth-child(3){z-index:3}.story-tray__stack-person:nth-child(4){z-index:4}.story-tray__scroller{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.story-tray__scroller::-webkit-scrollbar{display:none}.story-tray__person{display:flex;width:64px;min-width:64px;padding:0;align-items:center;flex-direction:column;gap:7px;border:0;background:transparent;color:var(--text-soft);font:inherit;font-size:.68rem}.story-tray__own{position:relative;width:64px;min-width:64px}.story-tray__add-story{position:absolute;top:41px;right:-2px;display:grid;width:21px;height:21px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff}.story-tray__person>span:last-child{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-tray__person:active .story-ring{transform:scale(.93)}.chat-row__story-avatar{display:inline-grid;flex:0 0 auto;place-items:center}.story-composer,.story-viewer{position:fixed;z-index:900;top:0;right:0;bottom:0;left:0}.story-composer{overflow-y:auto;isolation:isolate;background:var(--surface, #f4f7fb);color:var(--text)}.story-composer__header{position:sticky;z-index:5;top:0;display:grid;min-height:calc(64px + var(--safe-top));padding:calc(8px + var(--safe-top)) max(16px,calc((100vw - 680px)/2)) 8px;grid-template-columns:48px 1fr 48px;align-items:center;background:color-mix(in srgb,var(--surface-glass) 92%,transparent);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.story-composer__header strong{text-align:center}.story-composer__header button,.story-viewer__header button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:15px;background:color-mix(in srgb,var(--surface-raised) 80%,transparent);color:inherit}.story-composer__header button:last-child{color:var(--accent)}.story-composer__header button:disabled{opacity:.35}.story-composer__body{width:min(100%,680px);margin:0 auto;padding:16px 16px calc(32px + var(--safe-bottom))}.story-composer__picker,.story-composer__preview{position:relative;width:min(100%,380px);aspect-ratio:9 / 14;margin:0 auto 18px;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,var(--surface-raised),var(--surface-muted));box-shadow:var(--inset-highlight),var(--shadow-lg)}.story-composer__picker{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:var(--text-soft)}.story-composer__picker>span{display:grid;width:68px;height:68px;place-items:center;border-radius:23px;background:var(--accent-soft);color:var(--accent);box-shadow:var(--inset-highlight),var(--shadow-sm)}.story-composer__picker strong{color:var(--text)}.story-composer__picker small{max-width:230px;text-align:center}.story-composer__preview>img,.story-composer__preview>video{width:100%;height:100%;object-fit:cover}.story-composer__preview>button{position:absolute;top:14px;right:14px;display:flex;padding:9px 12px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#090e1b8c;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-composer__upload{position:absolute;right:16px;bottom:16px;left:16px;display:flex;padding:11px 13px;align-items:center;gap:10px;border-radius:17px;background:#090e1bad;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.story-composer__upload>span{height:5px;overflow:hidden;flex:1;border-radius:99px;background:#fff3}.story-composer__upload i{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .12s linear}.story-composer__settings{display:grid;padding:18px;gap:18px;border:1px solid var(--line);border-radius:27px;background:var(--surface-glass);box-shadow:var(--inset-highlight),var(--shadow-md)}.story-caption,.story-setting{display:grid;gap:9px;color:var(--text-soft);font-size:.78rem;font-weight:650}.story-caption textarea{min-height:76px;resize:vertical}.story-choice-row,.story-choice-grid{display:grid;gap:8px}.story-choice-row{grid-template-columns:repeat(4,1fr)}.story-choice-grid{grid-template-columns:repeat(2,1fr)}.story-choice-row button,.story-choice-grid button{display:flex;min-height:42px;padding:8px 10px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);color:var(--text-soft)}.story-choice-row button.is-active,.story-choice-grid button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.story-contact-picker{display:grid;max-height:230px;gap:6px;overflow-y:auto}.story-contact-picker>span{margin-bottom:3px;color:var(--text-soft);font-size:.78rem;font-weight:650}.story-contact-picker>button{display:flex;padding:7px;align-items:center;gap:10px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text);text-align:left}.story-contact-picker>button>span{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.story-contact-picker>button.is-selected{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.story-viewer{display:grid;place-items:center;background:#06070b;color:#fff}.story-viewer.is-closing{pointer-events:all}.story-viewer.is-closing .story-viewer__stage{opacity:.94;transform:scale(.992)}.story-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#20243a,#05060a 58%)}.story-viewer__stage{position:relative;width:min(100%,480px);height:100dvh;overflow:hidden;background:#090a0e;touch-action:none;transition:opacity .12s ease,transform .12s ease}.story-viewer__media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.story-viewer__media img,.story-viewer__media video{width:100%;height:100%;object-fit:contain;background:#000}.story-viewer__segments{position:absolute;z-index:5;top:calc(var(--safe-top) + 9px);right:10px;left:10px;display:flex;gap:4px}.story-viewer__segments>span{height:3px;overflow:hidden;flex:1;border-radius:9px;background:#ffffff4d}.story-viewer__segments i{display:block;height:100%;border-radius:inherit;background:#fff;transition:width 50ms linear}.story-viewer__header{position:absolute;z-index:6;top:calc(var(--safe-top) + 19px);right:10px;left:10px;display:flex;align-items:center;gap:9px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.48))}.story-viewer__header>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.story-viewer__header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer__header small{color:#ffffffb8}.story-viewer__header .story-ring{padding:2px}.story-viewer__header .avatar{border-color:#090a0ecc}.story-viewer__header button{width:36px;height:36px;border-radius:50%;background:transparent;filter:drop-shadow(0 2px 5px #000)}.story-viewer__loader{position:absolute;display:flex;align-items:center;flex-direction:column;gap:7px;color:#fffc}.story-viewer__play{position:absolute;display:grid;width:70px;height:70px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#090a0e8c;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-viewer__caption{position:absolute;z-index:5;right:17px;bottom:78px;left:17px;max-height:28vh;margin:0;padding:0;overflow-y:auto;color:#fff;line-height:1.34;text-shadow:0 1px 4px #000,0 2px 12px #000}.story-viewer__footer{position:absolute;z-index:7;right:13px;bottom:calc(var(--safe-bottom) + 12px);left:13px;display:flex;align-items:center;gap:10px}.story-viewer__reply{display:flex;min-width:0;height:44px;flex:1;border:1px solid rgba(255,255,255,.27);border-radius:22px;background:#0f12188a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-viewer__reply input{min-width:0;padding:0 4px;flex:1;border:0;outline:0;background:transparent;color:#fff}.story-viewer__reply input::placeholder{color:#ffffff9e}.story-viewer__reply button,.story-viewer__views{display:grid;width:42px;place-items:center;border:0;background:transparent;color:#fff}.story-viewer__views{display:flex;width:auto;height:46px;padding:0 14px;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:#090a0e7a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.story-viewer__share,.story-viewer__heart{display:grid;width:38px;height:44px;padding:0;place-items:center;flex:0 0 auto;border:0;background:transparent;color:#fff;filter:drop-shadow(0 2px 6px #000)}.story-viewer__heart.is-active{color:#ff4d69}.story-viewer__reactions{position:absolute;right:0;bottom:54px;display:flex;padding:6px;gap:3px;border-radius:22px;background:#191b22e0;box-shadow:0 12px 32px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-viewer__reactions button{width:40px;height:40px;border:0;border-radius:16px;background:transparent;font-size:1.15rem}.story-viewer__reactions button.is-active{border-color:#ffffffb3;background:#665bffb3;transform:translateY(-3px)}.story-viewer__owner-menu,.story-viewer__confirm{position:absolute;z-index:10;top:calc(var(--safe-top) + 66px);right:14px;display:grid;min-width:190px;padding:7px;gap:3px;border:1px solid rgba(255,255,255,.18);border-radius:19px;background:#12141de0;box-shadow:0 18px 50px #00000059;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.story-viewer__owner-menu button{display:flex;padding:11px;align-items:center;gap:9px;border:0;border-radius:13px;background:transparent;color:#fff}.story-viewer .is-danger{color:#ff6577!important}.story-viewer__confirm{right:14px;left:14px;padding:15px;text-align:center}.story-viewer__confirm>span{display:grid;margin-top:10px;grid-template-columns:1fr 1fr;gap:8px}.story-viewer__confirm button{min-height:42px;border:0;border-radius:13px;background:#ffffff1a;color:#fff}.story-viewers-sheet{position:absolute;z-index:15;right:0;bottom:0;left:0;max-height:68%;padding:16px 16px calc(18px + var(--safe-bottom));overflow-y:auto;border-radius:28px 28px 0 0;background:color-mix(in srgb,#171923 96%,transparent);box-shadow:0 -20px 60px #00000059}.story-viewers-sheet>header{display:flex;margin-bottom:12px;align-items:center;justify-content:space-between}.story-viewers-sheet>header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:13px;background:#ffffff14;color:#fff}.story-viewers-sheet__list{display:grid;gap:5px}.story-viewers-sheet__list>div{display:flex;padding:7px;align-items:center;gap:10px;border-radius:16px;background:#ffffff0a}.story-viewers-sheet__list span{display:flex;min-width:0;flex:1;flex-direction:column}.story-viewers-sheet__list small{color:#ffffff8c}.story-profile-grid{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:25px;background:var(--surface-glass);box-shadow:var(--inset-highlight),var(--shadow-sm)}.story-profile-grid>header{display:flex;min-height:42px;margin-bottom:12px;align-items:center;justify-content:space-between}.story-profile-grid__actions{display:flex;gap:7px}.story-profile-grid__actions button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-raised);color:var(--text-soft);box-shadow:var(--inset-highlight),var(--shadow-xs)}.story-profile-grid__actions button.is-active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent)}.story-profile-grid__items,.story-profile-grid__skeleton{display:flex;gap:13px;overflow-x:auto;scrollbar-width:none}.story-profile-grid__items::-webkit-scrollbar{display:none}.story-profile-grid__items>button{display:flex;width:76px;min-width:76px;padding:0;align-items:center;flex-direction:column;gap:6px;border:0;background:transparent;color:var(--text-soft)}.story-profile-grid__preview,.story-profile-grid__skeleton>span{position:relative;display:grid;width:72px;height:72px;overflow:hidden;place-items:center;border:3px solid var(--surface);border-radius:50%;background:var(--surface-muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 72%,var(--green)),var(--shadow-xs)}.story-profile-grid__skeleton>span{flex:0 0 72px;animation:softPulse 1.2s infinite alternate}.story-profile-grid__items img{width:100%;height:100%;object-fit:cover}.story-profile-grid__items small{display:flex;max-width:76px;align-items:center;gap:3px;overflow:hidden;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.story-profile-grid__type{position:absolute;right:3px;bottom:3px;display:grid;width:23px;height:23px;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff}.story-profile-grid__video{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,var(--accent-soft),var(--surface-muted));color:var(--accent)}.story-profile-grid__add{color:var(--accent)!important}.story-profile-grid__add>span{display:grid;width:72px;height:72px;place-items:center;border:1.5px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--accent-soft) 72%,transparent)}@media (min-width: 560px){.story-viewer__stage{height:min(94dvh,880px);border-radius:32px;box-shadow:0 24px 90px #0000008c}}@media (max-width: 420px){.story-viewer__caption{bottom:74px}.story-choice-grid{grid-template-columns:1fr 1fr}}.story-composer.is-camera{overflow:hidden;background:#050608;color:#fff}.story-composer.is-camera .story-composer__header{position:fixed;right:0;left:0;background:linear-gradient(#050608b8,transparent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.story-composer.is-camera .story-composer__header strong,.story-composer.is-camera .story-composer__header button:last-child{visibility:hidden}.story-composer.is-camera .story-composer__header button:first-child{background:#13161d94;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-composer.is-camera .story-composer__body{width:100%;height:100dvh;padding:0}.story-camera{position:relative;display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(83,91,117,.22),transparent 34%),linear-gradient(180deg,#10131a,#050608 70%)}.story-camera__preview{position:absolute;width:100%;height:100%;object-fit:cover;background:#000;transform:scale(var(--camera-zoom, 1));transform-origin:center;transition:transform .12s ease-out}.story-camera__preview.is-mirrored{transform:scaleX(-1) scale(var(--camera-zoom, 1))}.story-camera__hint{display:flex;align-items:center;flex-direction:column;gap:9px;color:#ffffff94;font-size:.8rem}.story-camera__recording{position:absolute;top:calc(var(--safe-top) + 24px);left:50%;padding:7px 12px;border-radius:14px;background:#080a0e9e;color:#fff;font-size:.78rem;font-weight:750;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-camera__zoom{position:absolute;right:18px;bottom:calc(var(--safe-bottom) + 158px);left:18px;display:grid;min-height:42px;padding:8px 13px;grid-template-columns:auto 1fr 34px;align-items:center;gap:10px;border-radius:17px;background:#080a0e9e;color:#fff;font-size:.7rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-camera__zoom input{width:100%;accent-color:#fff}.story-camera__zoom strong{text-align:right;font-variant-numeric:tabular-nums}.story-camera__controls{position:absolute;right:22px;bottom:calc(var(--safe-bottom) + 58px);left:22px;display:grid;grid-template-columns:58px 1fr 58px;align-items:center;justify-items:center}.story-camera__controls button{display:grid;place-items:center;border:0;color:#fff}.story-camera__gallery,.story-camera__flip{width:48px;height:48px;border-radius:16px!important;background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-camera__shutter{width:76px;height:76px;border:3px solid #fff!important;border-radius:50%;background:transparent}.story-camera__shutter span{width:61px;height:61px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #00000024}.story-camera__shutter.is-recording span{width:31px;height:31px;border-radius:8px;background:#ff4058}.story-camera__modes{position:absolute;right:0;bottom:calc(var(--safe-bottom) + 12px);left:0;display:flex;justify-content:center;gap:20px}.story-camera__modes button{padding:5px 8px;border:0;background:transparent;color:#ffffff94;font:inherit;font-size:.75rem}.story-camera__modes button.is-active{color:#fff;font-weight:750}.story-camera button:disabled{opacity:.42}.page--home>.home-header-shell{position:sticky;z-index:24;top:var(--safe-top);margin:-18px -20px 14px;padding:18px 20px 0;overflow:visible;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:0;background:color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--shadow-color) 4%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.12);backdrop-filter:blur(24px) saturate(1.12);transition:box-shadow .22s ease,background .22s ease}.home-header-shell .page-header{position:relative;z-index:2;min-height:50px;margin-bottom:0;padding:0;background:transparent}.home-header-shell .story-pull-slot{position:relative;z-index:1}.home-header-shell__search{max-height:calc(66px * var(--search-pull));padding-top:calc(4px * var(--search-pull));padding-bottom:calc(14px * var(--search-pull));overflow:hidden;opacity:var(--search-pull);pointer-events:none;transform:translateY(calc(-12px * (1 - var(--search-pull)))) scale(calc(.985 + var(--search-pull) * .015));transform-origin:top center;transition:max-height .26s var(--ease-spring),padding .26s var(--ease-spring),opacity .15s ease,transform .24s var(--ease-spring)}.home-header-shell__search.is-interactive{pointer-events:auto}.home-header-shell__search .search-field{margin-bottom:0}.home-header-search-button{opacity:calc(1 - var(--search-pull));transform:translateY(calc(-3px * var(--search-pull))) scale(calc(1 - var(--search-pull) * .12));transition:opacity .15s ease,transform .22s var(--ease-spring)}.home-header-search-button.is-hidden{pointer-events:none}.page--home.is-header-dragging .home-header-shell__search,.page--home.is-header-dragging .home-header-search-button{transition:none}@media (max-width: 480px){.page--home>.home-header-shell{margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}}.story-overlays{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.story-overlay{position:absolute;max-width:86%;padding:7px 11px;border:0;border-radius:13px;background:#0c0f1675;color:#fff;font:inherit;font-size:1rem;font-weight:750;line-height:1.2;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.65);white-space:pre-wrap}.story-overlays.is-editable .story-overlay{pointer-events:auto;touch-action:none;box-shadow:0 0 0 1px #ffffff52,0 8px 24px #0000003d}.story-overlay.is-emoji,.story-overlay.is-sticker{padding:0;background:transparent;font-size:2.2rem}.story-camera__processing{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;gap:10px;place-content:center;background:#05070cbd;color:#fff;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-editor-grid label,.story-overlay-adder{display:flex;min-width:0;flex-direction:column;gap:7px}.story-editor-grid span,.story-composer__settings>.story-setting>span{color:var(--text-soft);font-size:.78rem;font-weight:700}.story-editor-grid input,.story-overlay-adder input{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:14px;outline:0;background:var(--surface-muted);color:var(--text)}.story-location-input{display:flex;align-items:center;gap:6px}.story-location-input input{flex:1}.story-location-input button{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.story-overlay-adder{position:relative;flex-direction:row}.story-overlay-adder button{display:grid;width:44px;flex:0 0 44px;place-items:center;border-radius:14px;background:var(--accent);color:#fff}.story-sticker-row{display:flex;gap:7px;overflow-x:auto}.story-sticker-row button{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:14px;background:var(--surface-muted);font-size:1.35rem}.story-overlay-list{display:flex;gap:7px;flex-wrap:wrap}.story-overlay-list button{display:inline-flex;max-width:100%;min-height:34px;padding:0 9px;align-items:center;gap:6px;border-radius:12px;background:var(--surface-muted);color:var(--text)}.story-overlay-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer__caption{display:flex;flex-direction:column;gap:4px}.story-viewer__caption p{margin:0}.story-viewer__caption span{font-size:.78rem;color:#ffffffd1}.story-viewer__caption a{color:#82d7ff;font-size:.8rem;font-weight:750}.story-viewer__heart{display:flex!important;width:46px!important;height:52px!important;flex-direction:column;gap:1px}.story-viewer__heart small{font-size:.68rem;font-weight:800}.story-viewer__social{position:absolute;z-index:9;right:10px;bottom:86px;display:flex;align-items:center;flex-direction:column;gap:8px}.story-viewer__social>button{border-radius:18px;background:#090a0e85!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media (max-width: 440px){.story-editor-grid{grid-template-columns:1fr}}.chat-settings-page{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 42px)}.chat-settings-preview{position:relative;min-height:252px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:27px;background-size:cover;box-shadow:var(--inset-highlight),var(--shadow-md)}.chat-settings-preview:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 8%,transparent);content:"";pointer-events:none}.chat-settings-preview__header,.chat-settings-preview>input,.chat-settings-preview__messages{position:relative;z-index:1}.chat-settings-preview__header{display:flex;margin-bottom:8px;align-items:center;justify-content:space-between;color:var(--text);font-size:.82rem;font-weight:720}.chat-settings-preview__header strong,.chat-radius-card strong{color:var(--accent);font-size:1rem}.chat-settings-preview__messages{display:flex;margin-top:22px;flex-direction:column;gap:9px}.chat-settings-preview__bubble{display:grid;width:fit-content;max-width:84%;padding:9px 12px 7px;border:1px solid var(--line);border-radius:var(--chat-bubble-radius) var(--chat-bubble-radius) var(--chat-bubble-radius) var(--chat-bubble-tail-radius);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--inset-highlight),var(--shadow-xs);color:var(--text);font-size:var(--chat-font-size);line-height:1.35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-settings-preview__bubble strong{margin-bottom:2px;color:var(--chat-name-color);font-size:.78em}.chat-settings-preview__bubble time{margin-top:3px;color:var(--text-faint);font-size:.62em;text-align:right}.chat-settings-preview__bubble.is-own{align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--chat-bubble-radius) var(--chat-bubble-radius) var(--chat-bubble-tail-radius) var(--chat-bubble-radius);background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface))}.chat-settings-page input[type=range]{width:100%;height:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.chat-settings-page input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 18%,var(--surface-muted)))}.chat-settings-page input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.chat-settings-page input[type=range]::-moz-range-track{height:5px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 26%,var(--surface-muted))}.chat-settings-page input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:var(--accent)}.chat-wallpaper-card,.chat-color-card,.chat-radius-card{padding:14px}.chat-wallpaper-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.chat-wallpaper-grid button,.chat-color-presets button{display:flex;min-width:0;padding:5px;align-items:center;flex-direction:column;gap:6px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--text-faint)}.chat-wallpaper-grid button>span{width:100%;aspect-ratio:.72;border:2px solid var(--surface);border-radius:12px;background-size:cover!important;box-shadow:var(--shadow-xs)}.chat-wallpaper-grid button small,.chat-color-presets button small{width:100%;overflow:hidden;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.chat-wallpaper-grid button.active,.chat-color-presets button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chat-wallpaper-actions{display:flex;margin-top:12px;padding-top:12px;gap:8px;border-top:1px solid var(--line)}.chat-setting-action{display:flex;min-height:44px;padding:0 13px;align-items:center;justify-content:center;flex:1;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--accent);font-size:.75rem;font-weight:700;cursor:pointer}.chat-setting-action.is-danger{color:var(--danger)}.chat-setting-action.active{border-color:var(--accent);background:var(--accent-soft)}.chat-setting-action input{position:absolute;width:1px;height:1px;opacity:0}.chat-color-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.chat-color-presets button>span{width:100%;height:44px;border-radius:12px;background:radial-gradient(circle at 70% 34%,var(--preview-accent) 0 15%,transparent 16%),linear-gradient(145deg,var(--preview-strong),var(--preview-accent));box-shadow:inset 0 1px #fff6,var(--shadow-xs)}.chat-setting-subsection{display:flex;margin-top:13px;padding-top:13px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.chat-setting-subsection>strong{font-size:.79rem}.chat-name-colors{display:flex;gap:7px}.chat-name-colors button{width:27px;height:27px;border:3px solid var(--surface);border-radius:50%;background:var(--name-color);box-shadow:0 0 0 1px var(--line-strong)}.chat-name-colors button.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--name-color);transform:scale(.88)}.chat-theme-modes{display:grid;padding:9px;grid-template-columns:repeat(3,1fr);gap:7px}.chat-theme-modes button{display:flex;min-height:72px;padding:8px;align-items:stretch;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);color:var(--text-soft)}.chat-theme-modes button strong{font-size:.68rem}.chat-theme-modes button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-radius-card label{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:.82rem;font-weight:700}.chat-settings-reset{width:100%;margin-top:24px}@media (max-width: 480px){.chat-settings-preview{min-height:238px;padding:15px}.chat-wallpaper-grid,.chat-color-presets{gap:4px}.chat-wallpaper-grid button,.chat-color-presets button{padding:3px}.chat-name-colors{gap:5px}.chat-name-colors button{width:24px;height:24px}}.settings-update-card{overflow:hidden}.settings-update-summary{display:flex;margin:10px 0 5px;padding:15px;align-items:center;gap:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface-soft),var(--surface-muted));box-shadow:inset 0 1px #ffffffb8,var(--shadow-sm)}.settings-update-summary>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent)}.settings-update-summary>div{display:flex;min-width:0;flex-direction:column;gap:4px}.settings-update-summary strong{color:var(--text);font-size:.9rem}.settings-update-summary small{color:var(--text-soft);font-size:.72rem;line-height:1.35}.settings-update-summary.is-available{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 12px 28px var(--accent-soft),inset 0 1px #ffffffd1}.setting-row--accent strong,.setting-row--accent>svg{color:var(--accent)}.app-update-banner{position:fixed;z-index:1200;top:calc(env(safe-area-inset-top) + 14px);left:50%;display:flex;width:min(540px,calc(100% - 28px));min-height:68px;padding:10px 11px;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 18px 46px #2d3f6e33,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);transform:translate(-50%)}.app-update-banner__icon{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 8px 20px var(--accent-soft)}.app-update-banner__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.app-update-banner__copy strong{overflow:hidden;color:var(--text);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.app-update-banner__copy small{overflow:hidden;color:var(--text-soft);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.app-update-banner>button{min-height:38px;padding:0 14px;border-radius:14px;background:var(--accent);color:#fff;font-size:.74rem;font-weight:750;box-shadow:0 8px 18px var(--accent-soft)}.update-banner-enter-active,.update-banner-leave-active{transition:opacity .24s ease,transform .36s var(--ease-spring)}.update-banner-enter-from,.update-banner-leave-to{opacity:0;transform:translate(-50%,-18px) scale(.96)}@media (max-width: 420px){.app-update-banner__copy small{display:none}.app-update-banner{min-height:61px;border-radius:19px}}.call-overlay{position:fixed;z-index:180;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;place-items:center;background:linear-gradient(155deg,#17223b,#0b1020 48%,#080b13);color:#fff;isolation:isolate}.call-overlay--audio,.call-overlay--waiting{background:radial-gradient(circle at 50% 31%,rgba(200,49,100,.28),transparent 34%),linear-gradient(165deg,#5b1130,#31091f 46%,#120711)}.call-overlay--audio .call-overlay__aurora i:nth-child(1),.call-overlay--waiting .call-overlay__aurora i:nth-child(1){background:#d92f70}.call-overlay--audio .call-overlay__aurora i:nth-child(2),.call-overlay--waiting .call-overlay__aurora i:nth-child(2){background:#7c255f}.call-overlay--audio .call-overlay__aurora i:nth-child(3),.call-overlay--waiting .call-overlay__aurora i:nth-child(3){background:#ef637e}.call-overlay__remote,.call-overlay__scrim,.call-overlay__aurora{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.call-overlay__remote{z-index:-3;object-fit:cover}.call-overlay--audio .call-overlay__remote,.call-overlay--waiting .call-overlay__remote{opacity:0}.call-overlay__scrim{z-index:-1;background:linear-gradient(180deg,#0509132e,#05091347 42%,#050810c7),radial-gradient(circle at 50% 35%,transparent,rgba(5,8,17,.32) 72%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.call-overlay--video:not(.call-overlay--waiting) .call-overlay__aurora{display:none}.call-overlay--video:not(.call-overlay--waiting) .call-overlay__scrim{background:linear-gradient(180deg,rgba(5,9,19,.12),transparent 23%,transparent 72%,rgba(5,8,16,.24));-webkit-backdrop-filter:none;backdrop-filter:none}.call-overlay__aurora{z-index:-2;overflow:hidden}.call-overlay__aurora i{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(65px);opacity:.34;animation:call-aurora 12s ease-in-out infinite alternate}.call-overlay__aurora i:nth-child(1){top:-26vmax;left:-20vmax;background:#6577ff}.call-overlay__aurora i:nth-child(2){right:-28vmax;bottom:-18vmax;background:#19c6cb;animation-delay:-4s}.call-overlay__aurora i:nth-child(3){top:30%;left:34%;width:25vmax;height:25vmax;background:#835cff;opacity:.2;animation-delay:-8s}.call-overlay__content{position:relative;z-index:3;display:flex;width:min(100%,560px);height:100%;min-height:0;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 26px);align-items:center;flex-direction:column}.call-overlay__topbar{display:flex;width:100%;align-items:center;justify-content:space-between}.call-overlay__mode,.call-overlay__topbar button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:#ffffff17;color:#fff;box-shadow:inset 0 1px #ffffff21,0 12px 35px #00000029;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.call-overlay__mode{padding:0 15px;gap:8px;border-radius:15px;font-size:.78rem;font-weight:750;letter-spacing:.02em}.call-overlay__topbar button{width:42px;border-radius:15px}.call-overlay__local{position:absolute;z-index:2;top:auto;right:18px;bottom:calc(var(--safe-bottom) + 28px);width:104px;height:150px;border:2px solid rgba(255,255,255,.3);border-radius:27px;background:#151b2a;object-fit:cover;box-shadow:inset 0 1px #fff3,0 20px 55px #0000005c;padding:0}.call-overlay__local video{width:100%;height:100%;border-radius:inherit;object-fit:cover}.call-overlay__local>span{position:absolute;right:7px;bottom:7px;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:#090d1794;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.call-overlay__identity{display:flex;margin:auto 0;align-items:center;flex-direction:column;text-align:center}.call-overlay__avatar{position:relative;display:grid;width:136px;height:136px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff14;box-shadow:0 0 0 10px #ffffff09,0 28px 70px #0000004d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.call-overlay__avatar:before,.call-overlay__avatar:after{position:absolute;border:1px solid rgba(126,145,255,.26);border-radius:50%;content:"";animation:call-ring 2.4s ease-out infinite;top:-10px;right:-10px;bottom:-10px;left:-10px}.call-overlay__avatar:after{animation-delay:1.2s}.call-overlay__avatar .avatar{width:112px;height:112px;font-size:1.8rem}.call-overlay--audio .call-overlay__avatar,.call-overlay--waiting .call-overlay__avatar{width:176px;height:176px;border-color:#ff759d47;box-shadow:0 0 0 13px #ff709a0b,0 0 0 30px #ff709a06,0 32px 80px #0500086b}.call-overlay--audio .call-overlay__avatar .avatar,.call-overlay--waiting .call-overlay__avatar .avatar{width:146px;height:146px}.call-overlay--audio .call-overlay__avatar:before,.call-overlay--audio .call-overlay__avatar:after,.call-overlay--waiting .call-overlay__avatar:before,.call-overlay--waiting .call-overlay__avatar:after{border-color:#ff669652;top:-16px;right:-16px;bottom:-16px;left:-16px}.call-logo{display:grid;width:146px;height:146px;overflow:hidden;place-items:center;border-radius:50%;background:#ffffff14}.call-logo img{width:100%;height:100%;object-fit:cover}.call-logo--mini{width:42px;height:42px}.call-overlay__identity h2{max-width:84vw;margin-top:24px;overflow:hidden;font-size:clamp(1.65rem,7vw,2.2rem);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.call-overlay__identity p{display:flex;margin-top:10px;align-items:center;gap:8px;color:#ffffffad;font-size:.91rem}.call-overlay__identity p i,.call-overlay__mini-media>i{width:7px;height:7px;border-radius:50%;background:#40e3a2;box-shadow:0 0 0 4px #40e3a221,0 0 16px #40e3a2a6}.call-swipes{display:grid;width:100%;padding:0 2px 2px;grid-template-columns:1fr 1fr;gap:12px}.call-swipe{position:relative;height:112px;padding-top:4px}.call-swipe:before{position:absolute;top:4px;right:0;left:0;height:68px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff12;box-shadow:inset 0 1px #ffffff17;content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.call-swipe button{position:absolute;z-index:2;top:7px;display:grid;width:62px;height:62px;place-items:center;touch-action:none;border-radius:21px;color:#fff;transition:transform .16s var(--ease-out)}.call-swipe--accept button{left:4px;background:linear-gradient(145deg,#42e3a0,#20b977);box-shadow:inset 0 1px #ffffff4d,0 15px 35px #1fbe7a57;transform:translate(calc(var(--swipe-progress) * 62px))}.call-swipe--decline button{right:4px;background:linear-gradient(145deg,#ff7180,#e63f57);box-shadow:inset 0 1px #ffffff45,0 15px 35px #e13c5257;transform:translate(calc(var(--swipe-progress) * -62px))}.call-swipe__arrows{position:absolute;z-index:1;top:27px;display:flex}.call-swipe__arrows svg+svg{margin-left:-9px}.call-swipe--accept .call-swipe__arrows{right:17px;color:#3ce19db8}.call-swipe--decline .call-swipe__arrows{left:17px;color:#ff6779bd}.call-swipe>strong{position:absolute;top:84px;right:0;left:0;color:#ffffffc7;font-size:.78rem;text-align:center}.call-overlay--minimized{inset:calc(var(--safe-top) + 10px) 10px auto auto;width:min(282px,calc(100vw - 20px));height:auto;overflow:visible;place-items:stretch;background:transparent}.call-overlay--minimized>:not(.call-overlay__mini){display:none}.call-overlay__mini{display:flex;min-height:62px;padding:7px 13px 7px 7px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#121827e6;color:#fff;box-shadow:inset 0 1px #ffffff1f,0 20px 52px #0509125c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.call-overlay__mini-media{position:relative;flex:0 0 auto}.call-overlay__mini-media>i{position:absolute;right:0;bottom:1px}.call-overlay__mini-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;text-align:left}.call-overlay__mini-copy strong,.call-overlay__mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-overlay__mini-copy strong{font-size:.82rem}.call-overlay__mini-copy small{color:#ffffff94;font-size:.68rem}.call-controls{display:grid;width:min(100%,420px);padding:13px 8px 11px;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#0a0f1b57;box-shadow:inset 0 1px #ffffff1a,0 22px 55px #0000003d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.call-controls>button{display:flex;min-width:0;padding:0;align-items:center;flex-direction:column;gap:7px;border:0;background:transparent;color:#ffffffbd;-webkit-appearance:none;-moz-appearance:none;appearance:none}.call-controls>button>span{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:linear-gradient(145deg,#ffffff2e,#ffffff14);color:#fff;box-shadow:inset 0 1px #ffffff26,0 16px 32px #0003;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform var(--duration-fast),background var(--duration-fast)}.call-controls>button:active>span{transform:scale(.91)}.call-controls>button.is-off>span{background:#ffffffeb;color:#151a27}.call-controls>button.is-active>span{background:#fff;color:#151a27}.call-controls>button:disabled{opacity:.58}.call-controls>button small{width:66px;min-height:2.2em;overflow:hidden;font-size:.62rem;line-height:1.1;text-align:center}.call-controls__end>span{border-color:#ff697961!important;background:linear-gradient(145deg,#ff6b7a,#e9465c)!important;box-shadow:inset 0 1px #ffffff3b,0 16px 34px #e13d5459!important}.call-audio-end{display:flex;min-width:110px;padding:0;align-items:center;flex-direction:column;gap:11px;border:0;background:transparent;color:#ffffffc2;-webkit-appearance:none;-moz-appearance:none;appearance:none}.call-audio-end>span{display:grid;width:78px;height:78px;place-items:center;border:1px solid rgba(255,143,157,.34);border-radius:50%;background:linear-gradient(145deg,#ff6879,#df304e);color:#fff;box-shadow:inset 0 1px #ffffff47,0 19px 42px #ce22466b;transition:transform var(--duration-fast)}.call-audio-end:active>span{transform:scale(.91)}.call-audio-end>strong{font-size:.76rem}.toast-enter-active,.toast-leave-active,.menu-enter-active,.menu-leave-active,.call-enter-active,.call-leave-active{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-12px) scale(.98)}.menu-enter-from,.menu-leave-to{opacity:0;transform:translateY(8px) scale(.96)}.call-enter-from,.call-leave-to{opacity:0;transform:scale(1.02)}@keyframes call-ring{0%{opacity:.65;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}@keyframes call-aurora{to{transform:translate3d(8%,-5%,0) scale(1.12)}}@media (max-height: 600px){.call-overlay__avatar{width:104px;height:104px}.call-overlay__avatar .avatar,.call-overlay__avatar .call-logo{width:86px;height:86px}.call-overlay__identity h2{margin-top:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 800px){.page{padding-right:28px;padding-left:28px}.page--home,.page--profile,.page--narrow{margin-top:18px;min-height:calc(100dvh - 36px);border:1px solid var(--line);border-radius:34px;background:color-mix(in srgb,var(--surface-glass) 82%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-page{width:min(100%,920px);height:calc(100dvh - 32px);min-height:0;margin:16px auto;overflow:hidden;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-float)}.chat-header{min-height:68px;padding-top:10px}.composer-shell{padding-bottom:12px}}@media (max-width: 480px){.page{padding-right:14px;padding-left:14px}.page-header{margin-bottom:16px}.page-header__title{font-size:1.75rem}.page-header__subtitle{display:none}.bottom-nav{right:8px;bottom:calc(7px + var(--safe-bottom));left:8px;border-radius:23px}.auth-card{padding:24px 20px;border-radius:27px}.chat-row{padding-right:5px;padding-left:5px}.message{max-width:min(90%,calc(100dvw - 24px))}.theme-picker{gap:5px}.theme-picker button{padding:6px 4px;font-size:.62rem}}@media (max-width: 380px){.chat-header{padding-right:8px;padding-left:8px;gap:6px}.chat-header__actions{gap:3px}.chat-header__actions .icon-button:last-child{display:none}.message-timeline{padding-right:8px;padding-left:8px}.message{max-width:calc(100dvw - 16px)}}