.avatar-stack{position:relative;overflow:hidden;flex-shrink:0}.avatar-stack>.avatar-initial{display:block;line-height:1}.avatar-stack>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:inherit;opacity:0}.avatar-stack>img.is-loaded{opacity:1}[data-chat-avatar]{display:inline-flex;flex:none}
.nav-link:active,.mobile-nav-link:active,.nav-pending{background:#1d2c46!important;color:#a9c9ff!important}.mobile-nav-link{border-radius:12px;transition:background 80ms,color 80ms}.mobile-nav-link:active svg{transform:scale(.92)}
.navigation-status{position:fixed;left:0;top:0;height:3px;width:100%;overflow:hidden;z-index:1200;background:#6396ff20;pointer-events:none}.navigation-status:after{content:'';display:block;width:40%;height:100%;background:#8ab0ff;animation:nav-progress 1s ease-in-out infinite;transform-origin:left}@keyframes nav-progress{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(prefers-reduced-motion:no-preference){.finnly-app:not(.chat-page):not(.editor-page) .app-main{animation:page-enter 110ms ease-out}@keyframes page-enter{from{opacity:.87;transform:translateY(2px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.navigation-status:after{animation:none;width:100%}}
.chat-thread{min-height:0;overflow-anchor:none}.chat-topbar,.chat-compose{flex-shrink:0}.chat-text:has(.chat-post-card){white-space:normal}.chat-post-card{display:flex;flex-direction:column;width:280px;max-width:100%;background:#111a29;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;white-space:normal}.chat-post-media{position:relative;display:block;height:145px;overflow:hidden;background:#0b1019}.chat-post-media img{display:block;width:100%;height:100%;object-fit:cover}.chat-post-video{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;text-shadow:0 2px 12px #000}.chat-post-placeholder{display:grid;place-items:center;height:70px;background:#1c2b46;font-size:24px}.chat-post-detail{display:grid;gap:6px;padding:13px}.chat-post-detail small{font-size:10px;color:#a2b0c6}.chat-post-detail strong{font-size:13px}.chat-post-detail>span{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.chat-post-detail b{font-size:11px;color:#a7c5ff;margin-top:4px}.chat-post-unavailable{font-size:12px;opacity:.8;max-width:260px}
.share-sheet{width:min(460px,calc(100vw - 24px));max-height:min(740px,calc(100dvh - 32px));padding:0;border:1px solid #35405a;border-radius:22px;background:#141922;color:var(--text);overflow:hidden;box-shadow:0 20px 90px #0009}.share-sheet::backdrop{background:#0009;backdrop-filter:blur(5px)}.share-sheet-inner{display:flex;flex-direction:column;max-height:inherit}.share-sheet header{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.share-sheet h2{font-size:20px;margin:0}.share-sheet header p{margin:5px 0 0;color:var(--muted);font-size:12px}.share-post-summary{margin:14px 18px 0;padding:11px 13px;background:#1d2635;border-radius:12px;font-size:12px;line-height:1.5;color:#aebbd0;max-height:70px;overflow:hidden}.share-search{margin:14px 18px 10px;width:calc(100% - 36px);font-size:16px}.share-recipients{overflow:auto;overscroll-behavior:contain;min-height:110px;max-height:330px;padding:0 10px 10px}.share-person{display:flex;align-items:center;gap:12px;border-radius:13px;padding:11px 10px;cursor:pointer;font-size:14px}.share-person:has(input:checked){background:#243751}.share-person>span:nth-last-child(2){flex:1}.share-person input{width:20px;height:20px;accent-color:var(--blue);margin-left:auto}.share-sheet footer{display:grid;gap:12px;padding:15px 18px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.share-sheet footer>.primary-btn{width:100%}.share-other-actions{display:flex;justify-content:center;gap:20px}.share-other-actions button{color:#a8b9d5;font-size:12px;background:none;padding:3px}.share-status{font-size:12px;margin:0;color:#b8c8df;line-height:1.5}.share-open-chat{display:block;text-align:center}.share-loading{padding:22px 12px;color:var(--muted);font-size:13px}
.pro-dashboard-page .pro-studio{margin-top:16px}.pro-dashboard-page .page-heading{margin-bottom:14px}.pro-dashboard-page .premium-kicker{display:block;margin-bottom:12px}.pro-dashboard-page .page-heading h1{font-size:28px}.pro-dashboard-page .section-heading{margin-top:0}
@media(max-width:700px){
 .chat-page{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
 .chat-page .app-header,.chat-page .bottom-nav,.chat-page .context-rail,.chat-page .sidebar{display:none}
 .chat-page .app-main{position:fixed;top:var(--chat-top,0px);left:0;right:0;width:100%;height:var(--chat-height,100dvh);min-height:0;margin:0;padding:0;display:flex;z-index:25;overflow:hidden}
 .chat-page .chat-shell{height:100%;min-height:0;width:100%;border:0;border-radius:0;display:flex;flex-direction:column;padding-top:var(--safe-top);background:#0e121b}
 .chat-page .chat-topbar{min-height:67px;padding:10px 14px;background:#131924;border-bottom:1px solid var(--line)}
 .chat-page .chat-thread{flex:1 1 0;min-height:0;padding:15px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .chat-page .chat-compose{margin:0;padding:10px 12px max(10px,var(--safe-bottom));background:#131924;align-items:center}
 .chat-page.chat-keyboard-open .chat-compose{padding-bottom:10px}
 .chat-page .chat-compose input{height:46px;min-height:46px;font-size:16px;line-height:22px;padding:11px 13px}
 .chat-page .chat-compose button{min-height:44px;width:46px;padding:10px}
 .chat-page .chat-bubble{max-width:86%}
 .share-sheet{margin:auto auto 0;width:100%;max-width:100%;max-height:calc(100dvh - 22px);border-radius:22px 22px 0 0;border-bottom:0}
}