: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__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{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(--warning);box-shadow:0 0 0 5px color-mix(in srgb,var(--warning) 14%,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{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);transition:transform var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.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__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:.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__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:.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-page{display:grid;width:100%;height:100dvh;min-height:0;overflow:hidden;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;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;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;padding:24px max(14px,calc((100vw - 720px)/2)) 18px;overflow-y:auto;overscroll-behavior:contain}.message-stack{display:flex;flex-direction:column;gap:7px}.message{position:relative;width:fit-content;max-width:min(78%,520px);padding:9px 11px 6px;align-self:flex-start;border:1px solid var(--line);border-radius:18px 18px 18px 6px;background:linear-gradient(145deg,var(--surface-highlight),var(--surface));box-shadow:var(--inset-highlight),var(--shadow-xs)}.message--own{align-self:flex-end;border-color:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:18px 18px 6px;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{font-size:.91rem;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.message__reply{display:block;width:100%;max-width:100%;margin-bottom:7px;padding:5px 8px;overflow:hidden;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;max-width:min(320px,68vw);max-height:440px;margin:-4px -6px 7px;border-radius:14px;object-fit:cover}.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-menu{position:absolute;z-index:20;right:auto;left:0;bottom:calc(100% + 7px);display:flex;min-width:160px;padding:6px;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:var(--surface-glass);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.message-menu--own{right:0;left:auto}.message-menu button{display:flex;min-height:36px;padding:0 9px;align-items:center;gap:8px;border-radius:10px;background:transparent;color:var(--text);font-size:.76rem}.message-menu button:hover{background:var(--surface-muted)}.message-menu button.danger{color:var(--danger)}.composer-shell{position:relative;z-index:10;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;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)}.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:30;top:calc(var(--safe-top) + 78px);right:0;left:0;display:grid;padding:8px 0;place-items:center;pointer-events:none}.video-recorder__circle{--record-progress: 0deg;position:relative;display:grid;width:min(236px,64vw);aspect-ratio:1;padding:5px;place-items:center;border-radius:50%;background:conic-gradient(var(--danger) var(--record-progress),color-mix(in srgb,var(--line) 72%,transparent) 0);box-shadow:0 18px 45px color-mix(in srgb,var(--shadow-color) 22%,transparent);pointer-events:auto}.video-recorder__circle:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;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;object-fit:cover;transform:scaleX(-1)}.video-recorder__circle.is-rear video{transform:none}.video-recorder__time{position:absolute;top:15px;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:.68rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-recorder button{position:absolute;right:15px;bottom:21px;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#0c111d94;box-shadow:0 7px 18px #00000038;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@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-shell{position:relative;width:fit-content}.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);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}.message-menu{right:auto;left:-3px;bottom:calc(100% + 5px)}.message-menu--own{right:-3px;left:auto}.voice-message{display:grid;width:min(310px,76vw);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{position:relative;display:block;width:min(252px,62vw);aspect-ratio:1;overflow:hidden;border:4px solid color-mix(in srgb,var(--surface-highlight) 92%,transparent);border-radius:50%;background:var(--surface-muted);box-shadow:var(--inset-highlight),0 14px 34px color-mix(in srgb,var(--shadow-color) 20%,transparent)}.video-note video{width:100%;height:100%;object-fit:cover}.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%)}body.has-media-viewer{overflow:hidden}@property --video-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.media-viewer,.delete-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)}.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%)}.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__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:calc(var(--safe-top) + 76px);right:18px;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}.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-controls{display:grid;width:min(100%,420px);grid-template-columns:repeat(5,1fr);gap:7px}.call-controls>button{display:flex;min-width:0;align-items:center;flex-direction:column;gap:9px;color:#ffffffbd}.call-controls>button>span{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#ffffff1c;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 small{overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.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;align-items:center;flex-direction:column;gap:11px;color:#ffffffc2}.call-audio-end>span{display:grid;width:78px;height:78px;place-items:center;border:1px solid rgba(255,143,157,.34);border-radius:28px;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}.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}.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:86%}.theme-picker{gap:5px}.theme-picker button{padding:6px 4px;font-size:.62rem}}