.network-banner{align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:flex}.network-banner.offline{color:#8a4b00;background:#fff3e0}.network-banner.reconnecting,.network-banner.syncing{background:var(--secondary);color:var(--primary)}.network-banner .spin{animation:.9s linear infinite network-spin}@keyframes network-spin{to{transform:rotate(360deg)}}.app-shell{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;display:flex}.app-main{flex:1;padding-bottom:72px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);z-index:100;background:#ffffffd1;border-radius:20px;justify-content:space-around;width:min(720px,100% - 16px);padding:10px 4px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #2d6a4f1f}.nav-item{color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 8px;font-size:.6875rem;font-weight:600;transition:all .2s;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item.active{color:var(--primary);background:var(--secondary);transform:translateY(-2px)}.nav-icon-wrap{display:inline-flex;position:relative}.nav-badge{color:#fff;text-align:center;background:#d4af37;border:1.5px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:800;line-height:18px;position:absolute;top:-6px;right:-10px}.push-toast{background:var(--card);border:1px solid var(--border);z-index:300;text-align:left;cursor:pointer;width:min(420px,100% - 2rem);font:inherit;color:inherit;border-radius:14px;padding:.85rem 1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2d6a4f2e}.push-toast strong{margin-bottom:.25rem;display:block}.push-toast p{color:var(--muted);margin:0;font-size:.9rem}.login-page,.auth-page{background:var(--bg);justify-content:center;min-height:100dvh;padding:1.5rem;display:flex}.auth-inner{width:min(480px,100%);padding-top:.5rem}.auth-page .back-btn{background:var(--surface);width:36px;height:36px;color:var(--fg);border-radius:12px;place-items:center;margin-bottom:2rem;font-size:1rem;text-decoration:none;display:inline-grid}.brand-row{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.brand-logo{object-fit:cover;border-radius:12px;width:48px;height:48px}.brand-name{font-size:1.25rem;font-weight:700}.auth-headline{margin:0 0 .75rem;font-size:clamp(2rem,7vw,2.25rem);font-weight:700;line-height:1.15}.auth-headline-accent{color:var(--primary)}.auth-subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:.9375rem}.login-page{place-items:center}.login-card{border:1px solid var(--border);background:#ffffffe6;border-radius:20px;width:min(420px,100%);padding:2rem 1.5rem;box-shadow:0 16px 48px #2d6a4f1a}.login-brand{text-align:center;margin-bottom:1.5rem}.login-logo-img{object-fit:cover;border-radius:16px;width:56px;height:56px;margin:0 auto 1rem;display:block}.login-logo{color:#fff;background:linear-gradient(135deg,#1b4332,#2d6a4f,#d4af37);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.75rem;font-weight:800;display:grid}.login-brand h1{margin:0 0 .5rem;font-size:1.35rem}.login-brand p{color:var(--muted);margin:0;font-size:.95rem}.login-form{flex-direction:column;gap:.5rem;display:flex}.login-form label{color:var(--muted);font-size:.85rem;font-weight:600}.input-wrap{background:var(--input);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.input-wrap input,.login-form .code-input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;padding:.85rem 0}.code-input{text-align:center;letter-spacing:.35em;background:var(--input);border:1px solid var(--border);border-radius:12px;padding:.85rem;font-size:1.25rem;font-weight:700}.login-note{text-align:center;color:var(--muted);margin:1.25rem 0 0;font-size:.85rem}.login-card .btn-link{width:100%;margin-top:.25rem;display:block}.recaptcha-anchor{opacity:0;pointer-events:none;position:fixed;bottom:0;left:0}.method-tabs{gap:.75rem;margin-bottom:1.25rem;display:flex}.method-tab{border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-weight:600;display:flex}.method-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.login-form select,.login-form .text-input{background:var(--input);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:12px;padding:.85rem .75rem}.phone-row{gap:.5rem;display:flex}.phone-prefix{background:var(--input);border:1px solid var(--border);color:var(--primary);white-space:nowrap;border-radius:12px;padding:.85rem .75rem;font-weight:700}.phone-row input{background:var(--input);border:1px solid var(--border);color:var(--fg);border-radius:12px;outline:none;flex:1;padding:.85rem .75rem}.field-hint{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.login-link{color:var(--primary);font-weight:700}.success-text{color:var(--primary);margin:0;font-size:.9rem}.signup-card{width:min(480px,100%)}.signup-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.back-btn{background:var(--surface);cursor:pointer;border:none;border-radius:12px;width:36px;height:36px;font-size:1rem}.back-btn:disabled{opacity:.3;cursor:default}.step-dots{gap:.35rem;display:flex}.step-dots .dot{background:var(--border);border-radius:50%;width:8px;height:8px}.step-dots .dot.active{background:var(--primary)}.add-post-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:220;background:#0d1f1473;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.add-post-modal{border:1px solid var(--border);background:#fff;border-radius:20px;width:min(480px,100%);padding:1.25rem;box-shadow:0 24px 64px #2d6a4f2e}.add-post-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.add-post-head h2{margin:0;font-size:1.125rem}.add-post-close{background:var(--surface);color:var(--muted);cursor:pointer;border:none;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.add-post-modal textarea{border:1px solid var(--border);width:100%;font:inherit;resize:vertical;border-radius:14px;margin-bottom:.75rem;padding:.85rem 1rem}.add-post-preview{margin-bottom:.75rem}.add-post-preview img{border-radius:12px;width:100%;margin-bottom:.35rem}.add-post-preview button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.add-post-media-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.add-post-preview-media{border-radius:12px;width:100%;margin-bottom:.35rem}.add-post-admin{flex-direction:column;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.add-post-admin label{align-items:center;gap:.5rem;display:inline-flex}.add-post-media-btn{border:1px solid var(--border);color:var(--primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem .85rem;font-weight:700;display:inline-flex}.add-post-error{color:#b42318;margin:0 0 .75rem}.add-post-submit{color:#fff;width:100%;font-weight:700;font:inherit;cursor:pointer;background:linear-gradient(90deg,#2d6a4f,#3a7d55,#d4af37);border:none;border-radius:12px;padding:.85rem 1rem}.add-post-submit:disabled{opacity:.7;cursor:not-allowed}.home-fab{background:var(--primary);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:88px;right:max(1rem,50% - 360px + 1rem);box-shadow:0 8px 24px #2d6a4f59}.comments-backdrop{z-index:230;background:#0d1f1473;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.comments-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:min(720px,100%);max-height:85vh;display:flex}.comments-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.comments-head h2{margin:0;font-size:1.125rem}.comments-head button{background:var(--surface);cursor:pointer;border:none;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.comments-list{flex-direction:column;flex:1;gap:.85rem;padding:1rem 1.25rem;display:flex;overflow:auto}.comment-row{gap:.65rem;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.comment-avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-weight:800;display:grid}.comment-body strong{margin-bottom:.15rem;display:block}.comment-body p{margin:0;line-height:1.45}.comment-reply-ref{color:var(--muted);font-size:.8rem}.comment-actions{gap:.75rem;margin-top:.35rem;display:flex}.comment-like,.comment-reply{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.8rem;font-weight:600;display:inline-flex}.comment-like.liked{color:var(--brand-green)}.comment-like.liked svg{color:var(--brand-green);stroke:var(--brand-green)}.comments-reply-banner{background:var(--surface);justify-content:space-between;align-items:center;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.comments-reply-banner button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-weight:700}.comments-composer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);gap:.5rem;display:flex}.comments-composer input{border:1px solid var(--border);font:inherit;border-radius:12px;flex:1;padding:.75rem .85rem}.comments-composer button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.comments-composer button:disabled{opacity:.5;cursor:not-allowed}.feed-notif-backdrop{z-index:230;background:#0d1f1473;place-items:start center;padding-top:4rem;display:grid;position:fixed;inset:0}.feed-notif-panel{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;width:min(420px,100% - 2rem);max-height:70vh;display:flex;overflow:hidden}.feed-notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex}.feed-notif-head h2{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:inline-flex}.feed-notif-actions{align-items:center;gap:.5rem;display:flex}.feed-notif-actions button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-weight:700}.feed-notif-actions button:last-child{background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.feed-notif-list{flex-direction:column;gap:.45rem;padding:.75rem;display:flex;overflow:auto}.feed-notif-row{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:.85rem;font-weight:600}.feed-notif-row.unread{background:var(--secondary);border-color:#0000}.feed-skeleton{flex-direction:column;gap:.75rem;padding:0 1rem;display:flex}.feed-skeleton-card{border:1px solid var(--border);background:#ffffffeb;border-radius:16px;padding:1rem}.feed-skeleton-head{gap:.75rem;margin-bottom:.85rem;display:flex}.feed-skeleton-avatar{background:linear-gradient(90deg,#eef2ef 25%,#f8faf9 50%,#eef2ef 75%) 0 0/200% 100%;border-radius:50%;width:40px;height:40px;animation:1.2s infinite shimmer}.feed-skeleton-lines{flex:1}.line{background:linear-gradient(90deg,#eef2ef 25%,#f8faf9 50%,#eef2ef 75%) 0 0/200% 100%;border-radius:999px;height:12px;margin-bottom:.45rem;animation:1.2s infinite shimmer}.line.short{width:45%}.line.tiny{width:30%;height:10px}.line.medium{width:75%}.feed-skeleton-media{background:linear-gradient(90deg,#eef2ef 25%,#f8faf9 50%,#eef2ef 75%) 0 0/200% 100%;border-radius:12px;height:180px;margin-top:.5rem;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-card{border:1px solid var(--border);background:#ffffffeb;border-radius:16px;padding:1rem}.post-head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.post-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-weight:800;display:grid}.post-head-meta{flex:1;min-width:0}.post-head-top{align-items:center;gap:.5rem;display:flex}.post-pinned{color:#b8860b;font-size:.75rem;font-weight:700}.post-time{color:var(--muted);font-size:.8rem}.post-admin-actions{gap:.25rem;display:flex}.post-admin-actions button{background:var(--surface);color:var(--muted);cursor:pointer;border:none;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.post-content{white-space:pre-wrap;margin:0 0 .75rem}.post-media{border-radius:12px;width:100%;margin-bottom:.75rem}.post-audio{width:100%;margin-bottom:.75rem}.post-document{background:var(--surface);color:var(--primary);border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.post-actions{flex-wrap:wrap;gap:.65rem;display:flex}.post-actions .action{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.35rem;padding:.35rem .55rem;font-weight:600;display:inline-flex}.post-actions .action.liked{color:var(--brand-green);background:var(--secondary)}.post-actions .action.liked svg{color:var(--brand-green);stroke:var(--brand-green)}.share-backdrop{z-index:230;background:#0d1f1473;place-items:end center;display:grid;position:fixed;inset:0}.share-modal{background:#fff;border-radius:20px 20px 0 0;width:min(480px,100%);max-height:70vh;padding:1rem 1.25rem 1.5rem;overflow:auto}.share-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.share-head h2{margin:0}.share-head button{background:var(--surface);cursor:pointer;border:none;border-radius:10px;width:32px;height:32px}.share-external{border:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.85rem;font-weight:700;display:inline-flex}.share-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.share-chat-list{flex-direction:column;gap:.35rem;display:flex}.share-chat-row{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;padding:.75rem .85rem;font-weight:600}.share-chat-row:disabled{opacity:.6}.greeting{color:var(--muted);margin:0 0 .15rem;font-size:.8125rem;font-weight:500}.page-header h1{margin:0;font-size:1.25rem;font-weight:700}.home-header{justify-content:space-between;align-items:flex-end;gap:1rem;padding-right:1rem;display:flex}.home-header-actions{gap:.5rem;display:flex}.home-icon-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid;position:relative}.home-notif-badge{color:#fff;text-align:center;background:#d4af37;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.post-list{flex-direction:column;gap:.75rem;padding:0 1rem 1rem;display:flex}.post-highlight{outline:2px solid var(--primary);outline-offset:2px}.new-chat-modal,.create-group-modal{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:min(480px,100%);max-height:min(85vh,640px);display:flex;overflow:hidden}.new-chat-header,.create-group-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.new-chat-header h2,.create-group-header h2{margin:0;font-size:1.1rem}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:.25rem;display:grid}.new-chat-search{border:1px solid var(--border);background:#ffffffe6;border-radius:12px;align-items:center;gap:.5rem;margin:1rem 1.25rem .5rem;padding:.65rem .85rem;display:flex}.new-chat-search input{font:inherit;background:0 0;border:none;outline:none;flex:1}.new-chat-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.5rem 1.25rem;font-size:.75rem;font-weight:700}.new-chat-list{margin:0;padding:0 .75rem 1rem;list-style:none;overflow-y:auto}.new-chat-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.new-chat-row:hover:not(:disabled){background:#0000000a}.new-chat-row:disabled{opacity:.6;cursor:wait}.new-chat-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.new-chat-avatar.placeholder{background:var(--secondary,#e8f0ea);color:var(--primary);place-items:center;font-weight:700;display:grid}.new-chat-meta{flex:1;min-width:0}.new-chat-meta strong{display:block}.new-chat-meta span{color:var(--muted);font-size:.85rem}.new-chat-empty{text-align:center;color:var(--muted);padding:1.5rem}.create-group-body{flex:1;padding-bottom:.5rem;overflow-y:auto}.create-group-top{align-items:center;gap:.75rem;padding:1rem 1.25rem 0;display:flex}.group-icon-picker{border:1px dashed var(--border);width:56px;height:56px;color:var(--primary);cursor:pointer;background:#00000008;border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.group-icon-picker img{object-fit:cover;width:100%;height:100%}.group-icon-hint{background:#fff;border-radius:6px;align-items:center;gap:2px;padding:1px 4px;font-size:.6rem;display:flex;position:absolute;bottom:2px;right:2px}.group-name-input{border:1px solid var(--border);font:inherit;border-radius:12px;flex:1;padding:.75rem .85rem}.selected-members{flex-wrap:wrap;gap:.35rem;padding:.75rem 1.25rem 0;display:flex}.selected-chip{border:1px solid var(--border);cursor:pointer;background:#0000000a;border-radius:999px;padding:.25rem .65rem;font-size:.8rem}.create-group-list{max-height:240px}.new-chat-row.selected{background:#2e7d3214}.member-check{color:var(--primary);font-weight:700}.create-group-error{color:#c62828;margin:.5rem 1.25rem 0;font-size:.875rem}.create-group-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.chats-page{padding-bottom:5rem;position:relative}.chats-header{justify-content:space-between;align-items:center;gap:.75rem;padding-right:1rem;display:flex}.chats-header h1{flex:1;margin:0}.chats-header-actions{gap:.35rem;display:flex}.chats-icon-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--primary);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid}.chats-search-bar{border:1px solid var(--border);background:#ffffffe6;border-radius:12px;align-items:center;gap:.5rem;margin:0 1rem .75rem;padding:.65rem .85rem;display:flex}.chats-search-bar input{font:inherit;background:0 0;border:none;outline:none;flex:1}.clear-search{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.chats-archived-note{color:var(--muted);margin:0 1rem .5rem;font-size:.8rem}.chat-list{margin:0;padding:0 1rem;list-style:none}.chat-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.75rem 0 .35rem;padding:0 .25rem;font-size:.72rem;font-weight:700}.chat-row{border:1px solid var(--border);cursor:pointer;color:inherit;background:#ffffffd9;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.85rem;text-decoration:none;display:flex}.chat-row.selected{border-color:var(--primary);background:#2e7d320f}.chat-select-box{flex-shrink:0}.chat-avatar-wrap{flex-shrink:0;position:relative}.chat-avatar-wrap.group .avatar,.chat-avatar-wrap.group .group-placeholder{border-radius:12px}.group-placeholder{background:var(--secondary,#e8f0ea);color:var(--primary);place-items:center;display:grid}.online-dot{background:#2e7d32;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chat-meta{flex:1;min-width:0}.chat-top,.chat-bottom{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-time{color:var(--muted);flex-shrink:0;font-size:.75rem}.chat-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:.25rem 0 0;font-size:.9rem;overflow:hidden}.muted-name{color:var(--muted)}.inline-icon{vertical-align:-2px;margin-left:.25rem}.inline-icon.pinned{color:var(--primary)}.inline-icon.muted{color:var(--muted)}.badge{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.75rem;font-weight:700;display:grid}.chats-empty{text-align:center;border:1px solid var(--border);background:#ffffffd9;border-radius:16px;margin:2rem 1.5rem;padding:2rem 1.25rem}.chats-empty-title{color:var(--primary);margin:0 0 .5rem;font-weight:700}.chats-empty-sub{color:var(--muted);margin:0 0 1rem;line-height:1.5}.chats-empty-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chats-suggestions-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1.25rem 0 .5rem;font-size:.75rem;font-weight:700}.chats-suggestions{text-align:left;margin:0;padding:0;list-style:none}.suggestion-row{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.chats-no-results{margin-top:2rem}.chats-fab{right:1.25rem;bottom:calc(5rem + env(safe-area-inset-bottom,0px));background:var(--primary);color:#fff;cursor:pointer;z-index:20;border:none;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;box-shadow:0 4px 14px #0000002e}.btn-secondary,.btn-primary{font:inherit;cursor:pointer;border-radius:10px;padding:.55rem 1rem}.btn-secondary{border:1px solid var(--border);background:#fff}.btn-primary{background:var(--primary);color:#fff;border:none}.avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.chat-bubble-wrap{margin-bottom:.35rem;display:flex;position:relative}.chat-bubble-wrap.mine{justify-content:flex-end}.chat-bubble{border:1px solid var(--border);background:#fff;border-radius:14px;max-width:min(78%,520px);padding:.55rem .75rem;position:relative}.chat-bubble-wrap.mine .chat-bubble{background:var(--secondary);border-color:#b7d9b9;border-bottom-right-radius:4px}.chat-bubble-wrap.theirs .chat-bubble{border-bottom-left-radius:4px}.forward-label{color:var(--muted);align-items:center;gap:.25rem;margin-bottom:.35rem;font-size:.7rem;display:flex}.reply-quote{border-left:3px solid var(--primary);margin-bottom:.35rem;padding-left:.5rem;font-size:.8rem}.reply-quote strong{color:var(--primary);display:block}.reply-quote span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.bubble-sender{color:var(--primary);margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:block}.bubble-text{white-space:pre-wrap;word-break:break-word;margin:0}.bubble-meta{justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.25rem;display:flex}.bubble-time{color:var(--muted);font-size:.65rem}.edited-tag{color:var(--muted);font-size:.65rem;font-style:italic}.receipt{color:var(--muted)}.receipt.read{color:#2e7d32}.media-link{display:block}.media-image{object-fit:cover;border-radius:10px;max-width:100%;max-height:280px}.media-video{border-radius:10px;max-width:100%;max-height:280px}.media-audio{align-items:center;gap:.35rem;display:flex}.media-audio audio{width:min(220px,100%)}.media-document{color:inherit;background:#0000000a;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem;text-decoration:none;display:flex}.bubble-reactions{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.1rem .35rem;font-size:.75rem;position:absolute;bottom:-.5rem;right:.5rem}.bubble-menu-backdrop{z-index:40;background:0 0;border:none;position:fixed;inset:0}.bubble-action-menu{z-index:41;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;min-width:140px;margin-top:.25rem;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.chat-bubble-wrap{position:relative}.bubble-action-menu button{text-align:left;cursor:pointer;font:inherit;background:#fff;border:none;padding:.65rem .85rem}.bubble-action-menu button:hover{background:#0000000a}.unread-marker{color:var(--primary);background:#2e7d321f;border-radius:999px;align-self:center;margin:.5rem 0;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.forward-modal{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:min(420px,100%);max-height:min(70vh,520px);display:flex;overflow:hidden}.forward-chat-list{margin:0;padding:.5rem;list-style:none;overflow-y:auto}.forward-chat-list button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:10px;padding:.75rem}.forward-chat-list button:hover:not(:disabled){background:#0000000a}.forward-chat-list button:disabled{opacity:.6}.group-details-modal{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:min(480px,100%);max-height:min(85vh,640px);display:flex;overflow:hidden}.group-details-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto}.group-details-top{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.group-icon-picker.large{width:64px;height:64px;font-size:1.25rem;font-weight:700}.group-name-edit{flex:1;gap:.5rem;display:flex}.group-name-edit input{border:1px solid var(--border);font:inherit;border-radius:10px;flex:1;padding:.55rem .75rem}.group-member-list{margin:0 0 1rem;padding:0;list-style:none}.group-member-list li{align-items:center;gap:.65rem;padding:.45rem 0;display:flex}.group-member-list li span{flex:1}.member-action-btn{color:#c62828;cursor:pointer;background:0 0;border:none}.group-search-results{margin:.5rem 0 0;padding:0;list-style:none}.group-search-results li{justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.group-search-results button{color:var(--primary);cursor:pointer;background:0 0;border:none}.chat-room{background:var(--bg);flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;display:flex;position:relative}.chat-sync-banner{color:var(--primary);text-align:center;background:#2e7d321a;margin:0;padding:.45rem 1rem;font-size:.8rem}.chat-sync-banner.offline{color:#c62828;background:#c6282814}.chat-room-header{border-bottom:1px solid var(--border);background:#fffffff2;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.chat-header-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.65rem;padding:0;display:flex}.chat-header-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.chat-header-avatar.placeholder{background:var(--secondary,#e8f0ea);color:var(--primary);place-items:center;font-weight:700;display:grid}.chat-header-text h1{margin:0;font-size:1rem}.chat-header-text span{color:var(--muted);font-size:.75rem}.chat-header-text span.online{color:#2e7d32}.chat-header-actions{gap:.25rem;display:flex}.header-icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--primary);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.back-btn{background:var(--input);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.call-notice{background:#0000000a;margin:0;padding:.45rem 1rem;font-size:.8rem}.chat-search-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.chat-search-row input{font:inherit;background:0 0;border:none;outline:none;flex:1}.scheduled-panel{border-bottom:1px solid var(--border);background:#ffffffe6;padding:.65rem 1rem;font-size:.85rem}.scheduled-row{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.scheduled-row span{flex:1}.scheduled-row button{color:#c62828;cursor:pointer;background:0 0;border:none}.messages{flex:1;padding:1rem;overflow-y:auto}.load-more-label{text-align:center;color:var(--muted);margin:0 0 .75rem;font-size:.75rem}.jump-unread-btn{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));background:var(--primary);color:#fff;cursor:pointer;z-index:15;border:none;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;position:fixed;transform:translate(-50%)}.reply-bar{border-top:1px solid var(--border);background:#2e7d320f;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex}.reply-bar p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.85rem;overflow:hidden}.reply-bar button{cursor:pointer;color:var(--muted);background:0 0;border:none}.reply-bar.editing{background:#d4af371f}.composer{border-top:1px solid var(--border);background:#fffffff2;align-items:center;gap:.5rem;padding:.75rem 1rem 1.25rem;display:flex;position:relative}.composer-tools{position:relative}.tool-btn,.composer button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.tool-btn{background:var(--input);color:var(--primary);border:1px solid var(--border)}.composer input{border:1px solid var(--border);background:var(--input);border-radius:12px;outline:none;flex:1;padding:.75rem 1rem}.composer button:disabled{opacity:.5;cursor:not-allowed}.recording-btn{background:#c62828!important}.recording-label{color:#c62828;align-items:center;gap:.25rem;font-size:.75rem;display:flex;position:absolute;top:-1.25rem;right:1rem}.media-menu{border:1px solid var(--border);z-index:20;background:#fff;border-radius:12px;flex-direction:column;min-width:160px;display:flex;position:absolute;bottom:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #0000001f}.media-menu button{width:100%;height:auto;color:inherit;background:#fff;border-radius:0;justify-content:flex-start;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.media-menu button:hover{background:#0000000a}.schedule-dialog{z-index:50;background:#0006;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.schedule-card{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(360px,100%);padding:1rem}.schedule-card h3{margin:0 0 .75rem}.schedule-card input{border:1px solid var(--border);width:100%;font:inherit;border-radius:10px;padding:.55rem .75rem}.schedule-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.schedule-actions button{border-radius:10px;width:auto;height:auto;padding:.45rem .85rem}.schedule-actions button:first-child{color:inherit;border:1px solid var(--border);background:#fff}.update-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0d1f1473;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.update-modal{border:1px solid var(--border);text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:1.5rem;position:relative;box-shadow:0 24px 64px #2d6a4f2e}.update-modal-close{background:var(--surface);color:var(--muted);cursor:pointer;border:none;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:.85rem;right:.85rem}.update-modal-icon{border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto .85rem;font-size:1.25rem;font-weight:800;display:grid}.update-modal-icon.loading,.update-modal-icon.success{color:var(--primary);background:linear-gradient(135deg,#2e7d521f,#c9a84c1f)}.update-modal-icon.error{color:#b42318;background:#fff5f5}.update-modal h2{margin:0 0 .35rem;font-size:1.25rem}.update-modal-version{color:var(--primary);margin:0 0 .75rem;font-weight:700}.update-modal-sub{color:var(--muted);margin:0 0 1rem;line-height:1.5}.update-modal-notes{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 1rem;padding:.85rem 1rem}.update-modal-notes strong{margin-bottom:.35rem;display:block}.update-modal-notes p{color:var(--fg);margin:0;line-height:1.5}.update-modal-actions{flex-direction:column;gap:.5rem;display:flex}.update-modal-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.update-modal-btn.primary{color:#fff;background:linear-gradient(90deg,#2d6a4f,#3a7d55,#d4af37)}.update-modal-btn.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.update-modal-progress{text-align:left;margin:0 0 1rem}.update-modal-progress-bar{background:linear-gradient(90deg,#2d6a4f,#d4af37);border-radius:999px;height:8px;margin-bottom:.35rem;transition:width .2s}.update-modal-progress span{color:var(--muted);font-size:.82rem}.settings-page{padding-bottom:1.5rem}.settings-page-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:.5rem;padding:1rem 1rem .75rem;display:grid}.settings-page-header h1{text-align:center;margin:0;font-size:1.2rem}.settings-back-btn,.settings-header-spacer{width:44px;height:44px}.settings-back-btn{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid}.settings-header-action{justify-self:end}.settings-page-body{max-width:560px;margin:0 auto;padding:0 1rem 1rem}.settings-intro{color:var(--muted);margin:0 0 1rem;font-size:.92rem;line-height:1.45}.settings-notice{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:14px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.9rem 1rem;font-size:.85rem;line-height:1.45;display:flex}.settings-saved-toast{z-index:200;background:var(--primary);color:var(--primary-fg);border-radius:999px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.settings-switch-row{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.settings-switch-icon{color:var(--primary);flex-shrink:0}.settings-switch-text{flex:1;min-width:0}.settings-switch-title{font-weight:600;display:block}.settings-switch-subtitle{color:var(--muted);margin-top:.1rem;font-size:.78rem;display:block}.settings-switch-input{width:44px;height:24px;accent-color:var(--primary);flex-shrink:0}.settings-option-card{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:1rem;display:flex}.settings-option-card.selected{border-color:var(--primary);border-width:2px;padding:calc(1rem - 1px)}.settings-option-swatches{gap:.35rem;display:flex}.settings-option-swatch{border:1px solid var(--border);border-radius:50%;width:22px;height:22px}.settings-option-text{flex:1}.settings-option-title{font-weight:700;display:block}.settings-option-subtitle{color:var(--muted);font-size:.78rem;display:block}.settings-option-check{border:2px solid var(--muted);border-radius:50%;width:22px;height:22px}.settings-option-check.on{border-color:var(--primary);background:radial-gradient(circle at center, var(--primary) 45%, transparent 46%)}.settings-section-title{margin:1.5rem 0 .75rem;font-size:1rem}.settings-danger-card{cursor:pointer;text-align:left;width:100%;font:inherit;background:#fff5f5;border:1px solid #f5c2c2;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.settings-danger-icon{color:#b42318}.settings-danger-title{color:#b42318;font-weight:600;display:block}.settings-danger-subtitle{color:#b42318;opacity:.85;font-size:.78rem;display:block}.settings-danger-spinner{border:2px solid #f5c2c2;border-top-color:#b42318;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-field{color:var(--muted);flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.settings-field input,.settings-field textarea{border:1px solid var(--border);background:var(--input);color:var(--fg);font:inherit;border-radius:14px;padding:.75rem .85rem;font-weight:400}.settings-cache-row{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.settings-cache-row-text{flex:1;min-width:0}.settings-cache-row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.settings-cache-row-subtitle{color:var(--muted);font-size:.78rem;display:block}.settings-cache-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.settings-empty{text-align:center;color:var(--muted);padding:2rem 0}.settings-clear-link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;font-weight:600}.legal-tabs{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:.35rem;margin-bottom:1rem;padding:.35rem;display:flex}.legal-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:.65rem .5rem;font-size:.82rem;font-weight:500}.legal-tab.active{background:var(--primary);color:var(--primary-fg);font-weight:700}.legal-body{white-space:pre-wrap;font-size:.9rem;line-height:1.55}.help-dialog-backdrop{z-index:100;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.help-dialog{background:var(--bg);border-radius:16px;width:min(100%,360px);padding:1.25rem}.help-dialog h3{align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.help-dialog p{color:var(--muted);margin:0;line-height:1.5}.help-dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.help-dialog a{color:var(--primary);font-weight:600}.profile-page-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.profile-edit-toggle{width:44px;height:44px;color:var(--primary);cursor:pointer;background:#2d6a4f1f;border:none;border-radius:12px;place-items:center;display:inline-grid}.profile-body{max-width:560px;margin:0 auto;padding:0 1rem 1.5rem}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;margin:0 auto 1rem;padding:0;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px}.profile-avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-size:2.25rem;font-weight:800;display:inline-grid}.profile-avatar.placeholder.large{width:280px;height:280px;font-size:4rem}.profile-avatar-hint{color:var(--primary);font-size:.8rem;font-weight:600}.profile-name-btn{cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin:0 0 .5rem;padding:0;display:block}.profile-name-btn h2,.profile-name-static{margin:0;font-size:1.4rem}.profile-contact{text-align:center;margin-bottom:1rem}.profile-contact p{margin:.15rem 0}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.8rem}.profile-bio-section{margin:1rem 0 1.25rem}.bio-card{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:14px;width:100%;padding:.9rem 1rem}.bio-view{cursor:pointer;font:inherit;color:inherit;align-items:flex-start;gap:.5rem;display:flex}.bio-text{flex:1;font-size:.95rem;line-height:1.45}.bio-text.placeholder{color:var(--muted);font-style:italic}.bio-edit-icon{color:var(--muted);opacity:.7;flex-shrink:0;margin-top:.15rem}.bio-edit textarea{border:1px solid var(--border);background:var(--input);resize:vertical;border-radius:12px;width:100%;padding:.75rem}.bio-edit-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.bio-save-btn{width:auto;padding:.5rem 1rem}.profile-edit-btn{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}.profile-edit-form{flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem;display:flex}.field-label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.field-label input,.field-label textarea{border:1px solid var(--border);background:var(--input);color:var(--fg);border-radius:14px;padding:.75rem .85rem}.field-label textarea{resize:vertical}.settings{margin-top:.5rem}.settings-tile{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.settings-tile.destructive .settings-tile-title{color:#b42318}.settings-tile-icon{color:var(--primary);flex-shrink:0;place-items:center;display:inline-grid}.settings-tile.destructive .settings-tile-icon{color:#b42318}.settings-tile-text{flex:1;min-width:0}.settings-tile-title{font-weight:600;display:block}.settings-tile-subtitle{color:var(--muted);margin-top:.1rem;font-size:.78rem;display:block}.settings-tile-chevron{color:var(--muted);flex-shrink:0}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-modal-backdrop{z-index:100;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.profile-modal{background:var(--bg);text-align:center;border-radius:16px;width:min(100%,320px);padding:1rem}.avatar-viewer-img{object-fit:cover;border-radius:16px;width:280px;max-width:100%;height:280px}.avatar-viewer-actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.help-modal h3{margin:0 0 .75rem}.help-modal p{text-align:left;line-height:1.5}.help-modal a{color:var(--primary);font-weight:600}.help-modal .btn-primary{margin-top:1rem}.story-viewer-backdrop{z-index:240;background:#0d1f14;flex-direction:column;display:flex;position:fixed;inset:0}.story-viewer-top{color:#fff;justify-content:space-between;align-items:center;padding:1rem;display:flex}.story-viewer-top button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.story-progress-row{gap:4px;padding:.65rem .75rem 0;display:flex}.story-progress-track{background:#ffffff40;border-radius:999px;flex:1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;height:100%;transition:width 50ms linear}.story-viewer-user{align-items:center;gap:.5rem;display:flex}.story-viewer-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.story-viewer-avatar.placeholder{background:#fff3;place-items:center;font-weight:700;display:grid}.story-viewer-footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem 1.25rem;display:flex}.story-reactions{justify-content:center;gap:.35rem;display:flex}.story-reactions button{cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;padding:.35rem .55rem;font-size:1.1rem}.story-reactions button.active{background:#ffffff59;outline:2px solid #fff}.story-reply-form{gap:.5rem;display:flex}.story-reply-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;outline:none;flex:1;padding:.55rem .85rem}.story-reply-form input::placeholder{color:#ffffff8c}.story-reply-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.story-reply-notice{text-align:center;color:#ffffffd9;margin:0;font-size:.8rem}.story-open-chat{color:#ffffffbf;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.story-viewer-body{flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:0 .5rem 1rem;display:grid}.story-slide{flex-direction:column;justify-content:center;align-items:center;max-height:calc(100vh - 120px);display:flex}.story-media{object-fit:contain;border-radius:16px;max-width:100%;max-height:70vh}.story-text{color:#fff;border-radius:16px;place-items:center;width:min(360px,100%);min-height:280px;padding:1.5rem;display:grid}.story-text p{text-align:center;white-space:pre-wrap;margin:0;font-size:1.25rem;line-height:1.5}.story-caption{color:#ffffffd9;text-align:center;margin:.75rem 0 0}.story-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.story-nav.prev{visibility:hidden}.story-nav.prev:not(:disabled){visibility:visible}.stories-page .greeting{color:var(--muted);margin:0 0 .15rem;font-size:.8125rem;font-weight:500}.stories-header{justify-content:space-between;align-items:flex-end;gap:1rem;padding-right:1rem;display:flex}.stories-header-actions{align-items:center;gap:.5rem;display:flex}.stories-notif-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid;position:relative}.stories-notif-badge{color:#fff;text-align:center;background:#d4af37;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.stories-add-btn.inline{margin-top:1rem}.story-ring-avatar.img{object-fit:cover;color:#0000}.story-type-tabs{gap:.35rem;margin-bottom:.85rem;display:flex}.story-type-tabs button{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.45rem;display:inline-flex}.story-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.story-bg-picker{margin-bottom:.85rem}.story-bg-picker span{color:var(--primary);margin-bottom:.35rem;font-weight:700;display:block}.story-bg-swatches{gap:.35rem;display:flex}.story-bg-swatches button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.story-bg-swatches button.selected{border-color:var(--primary);outline:2px solid #2d6a4f40}.story-media-picks{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.story-media-picks button{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:10px;align-items:center;gap:.35rem;padding:.55rem .75rem;display:inline-flex}.story-file-name{width:100%;color:var(--muted);margin:0;font-size:.85rem}.story-compose-option input,.story-compose-option select{border:1px solid var(--border);font:inherit;color:var(--fg);border-radius:12px;padding:.65rem .75rem;font-weight:400}.stories-add-btn{background:var(--primary);color:#fff;font-weight:700;font:inherit;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .85rem;display:inline-flex}.stories-empty{border:1px solid var(--border);text-align:center;background:#ffffffd9;border-radius:16px;margin:2rem 1rem;padding:1.5rem}.stories-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.story-rings{gap:.85rem;padding:0 1rem 1rem;display:flex;overflow-x:auto}.story-ring{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:.35rem;width:84px;display:flex}.story-ring-avatar{width:64px;height:64px;color:var(--primary);background:var(--secondary);border:3px solid #0000;border-radius:50%;place-items:center;font-weight:800;display:grid}.story-ring.unviewed .story-ring-avatar{border-color:var(--primary);box-shadow:0 0 0 2px #2d6a4f26}.story-ring.viewed .story-ring-avatar{border-color:var(--border)}.story-ring-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.story-composer-backdrop{z-index:220;background:#0d1f1473;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.story-composer{border:1px solid var(--border);background:#fff;border-radius:18px;width:min(420px,100%);padding:1.25rem}.story-composer h2{margin:0 0 1rem}.story-compose-option{color:var(--primary);flex-direction:column;gap:.5rem;margin-bottom:.85rem;font-weight:700;display:flex}.story-compose-option textarea,.story-compose-option input[type=file]{font:inherit;color:var(--fg);font-weight:400}.story-compose-option textarea{border:1px solid var(--border);border-radius:12px;padding:.75rem}.story-compose-error{color:#b42318}.story-composer button[type=submit]{background:var(--primary);color:#fff;width:100%;font-weight:700;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.85rem}.call-picker-modal{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:min(440px,100%);max-height:min(80vh,560px);display:flex;overflow:hidden}.call-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.call-picker-header h2{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.call-picker-search{border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;margin:.75rem 1rem;padding:.55rem .75rem;display:flex}.call-picker-search input{font:inherit;border:none;outline:none;flex:1}.call-picker-list{margin:0;padding:0 .75rem 1rem;list-style:none;overflow-y:auto}.call-picker-row{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem;display:flex}.call-picker-row:hover{background:#0000000a}.call-picker-row img,.call-picker-row .avatar-placeholder{object-fit:cover;border-radius:50%;width:40px;height:40px}.avatar-placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-weight:700;display:grid}.call-picker-empty{text-align:center;color:var(--muted);padding:1.5rem}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none}.modal-backdrop{z-index:200;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.calls-page .greeting{color:var(--muted);margin:0 0 .15rem;font-size:.8125rem;font-weight:500}.calls-actions{grid-template-columns:1fr 1fr;gap:.65rem;padding:0 1rem .5rem;display:grid}.calls-action{border:1px solid var(--border);color:var(--primary);font-weight:700;font:inherit;cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;display:inline-flex}.calls-action.primary{background:var(--primary);color:#fff;border-color:#0000}.calls-action:disabled{opacity:.55;cursor:not-allowed}.calls-page-header{justify-content:space-between;align-items:flex-end;gap:1rem;padding-right:1rem;display:flex}.calls-missed-pill{color:#b54708;background:#fff8f0;border:1px solid #fecdca;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.calls-secondary-actions{flex-wrap:wrap;gap:.5rem;padding:0 1rem .75rem;display:flex}.calls-secondary-actions button{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .75rem;display:inline-flex}.calls-notice{color:var(--primary);margin:0 1rem .75rem;font-size:.85rem}.calls-search{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:.5rem;margin:0 1rem .75rem;padding:.55rem .75rem;display:flex}.calls-search input{font:inherit;border:none;outline:none;flex:1}.calls-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 1rem .5rem;font-size:.85rem}.calls-contacts{gap:.5rem;padding:0 1rem .75rem;display:flex;overflow-x:auto}.calls-contact-chip{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.35rem .65rem .35rem .35rem;display:inline-flex}.calls-contact-chip img,.calls-contact-chip span{object-fit:cover;background:var(--secondary);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.call-row{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:none}.calls-modal-backdrop{z-index:220;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.calls-modal{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:.65rem;width:min(420px,100%);padding:1.25rem;display:flex}.calls-modal h2{margin:0}.calls-link-row{background:var(--input);word-break:break-all;border-radius:10px;margin:0;padding:.55rem .75rem;font-size:.85rem}.calls-link-actions{gap:.5rem;display:flex}.calls-link-actions button{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:10px;align-items:center;gap:.25rem;padding:.45rem .65rem;display:inline-flex}.calls-modal input,.calls-modal select{border:1px solid var(--border);font:inherit;border-radius:10px;padding:.55rem .75rem}.calls-modal-primary{background:var(--primary);color:#fff;cursor:pointer;font-weight:700;font:inherit;border:none;border-radius:12px;padding:.75rem}.calls-note{padding:0 1rem .75rem;font-size:.85rem}.calls-filters{gap:.5rem;padding:0 1rem .75rem;display:flex}.calls-filter{border:1px solid var(--border);color:var(--fg);font-weight:600;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.45rem .85rem}.calls-filter.active{background:var(--secondary);color:var(--primary);border-color:#0000}.calls-empty{border:1px solid var(--border);text-align:center;background:#ffffffd9;border-radius:16px;margin:1rem;padding:1.5rem}.calls-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.calls-list{flex-direction:column;gap:.5rem;margin:0;padding:0 1rem 1rem;list-style:none;display:flex}.call-row{border:1px solid var(--border);background:#ffffffeb;border-radius:14px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.call-row.missed{background:#fff8f0}.call-icon{background:var(--secondary);width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.call-row.missed .call-icon{color:#b54708}.call-meta{min-width:0}.call-meta strong{display:block}.call-meta span{font-size:.85rem}.call-room-page{color:#fff;background:#0d1f14;flex-direction:column;min-height:100vh;display:flex}.call-room-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.call-room-header h1{margin:0;font-size:1.1rem}.call-room-header p{color:#ffffffb3;margin:.15rem 0 0;font-size:.8rem}.call-room-header .back-btn{color:#fff;background:#ffffff1f;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.call-room-stage{flex:1;place-items:center;min-height:50vh;display:grid;position:relative}.remote-video{width:100%;height:100%;min-height:320px}.remote-video video{object-fit:cover;width:100%;height:100%}.local-video{border:2px solid #ffffff59;border-radius:12px;width:120px;height:160px;position:absolute;bottom:1rem;right:1rem;overflow:hidden}.local-video.hidden{opacity:.3}.voice-call-placeholder{text-align:center}.voice-call-placeholder span{background:#ffffff1f;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:grid}.call-room-controls{justify-content:center;gap:1rem;padding:1.25rem 1rem 2rem;display:flex}.call-room-controls button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.call-room-controls button.active{background:#ffffff59}.call-room-controls .end-call{background:#c62828}.call-detail-page{max-width:640px;margin:0 auto;padding:1rem 1rem 2rem}.call-detail-header h1{margin:.5rem 0 1rem}.back-link{color:var(--primary);align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.call-detail-top{align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.call-detail-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.call-detail-avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-size:1.25rem;font-weight:700;display:grid}.call-detail-top p{color:var(--muted);margin:.15rem 0 0}.call-detail-rows{margin:0 0 1.25rem}.call-detail-rows div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.call-detail-rows dt{color:var(--muted)}.call-detail-rows dd{margin:0;font-weight:600}.call-participants{margin:0 0 1.25rem;padding:0;list-style:none}.call-participants li{padding:.35rem 0}.call-detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.call-detail-actions button{border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:12px;align-items:center;gap:.35rem;padding:.65rem .85rem;display:inline-flex}.share-notice{color:var(--primary);margin-top:.75rem;font-size:.85rem}.page-pad{padding:2rem 1rem}.center{text-align:center}.landing-page{--bg:#f8f6f0;--bg-dark:#0d1f14;--green-deep:#1a4a2e;--green-mid:#2e7d52;--green-light:#4caf80;--gold:#c9a84c;--gold-light:#e8c96a;--gold-pale:#f5e9c0;--blue:#2563a8;--blue-light:#5b9bd5;--blue-pale:#dceeff;--white:#fff;--cream:#fdf8ef;--text-dark:#0d1f14;--text-mid:#2e4a3a;--text-muted:#6b8576;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;background:var(--bg);color:var(--text-dark);font-family:Inter,DM Sans,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.6;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page .lp-navbar{z-index:100;justify-content:space-between;align-items:center;padding:24px 80px;display:flex;position:absolute;top:0;left:0;right:0}.landing-page .lp-nav-logo{align-items:center;gap:10px;display:flex}.landing-page .lp-nav-logo-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;height:38px}.landing-page .lp-nav-logo-text{color:var(--white);letter-spacing:-.3px;font-size:20px;font-weight:700}.landing-page .lp-nav-links{align-items:center;gap:36px;display:flex}.landing-page .lp-nav-link{color:#ffffffd1;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:500}.landing-page .lp-nav-cta{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--green-deep);border-radius:var(--radius-xl);white-space:nowrap;cursor:pointer;padding:10px 24px;font-size:14px;font-weight:700}.landing-page .lp-hero{background:linear-gradient(160deg, var(--green-deep) 0%, #0f3320 40%, #0a1a2e 100%);align-items:center;gap:40px;min-height:820px;padding:120px 80px 80px;display:flex;position:relative;overflow:hidden}.landing-page .lp-hero-bg-orb-1{pointer-events:none;background:radial-gradient(circle,#4eaf802e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;left:-100px}.landing-page .lp-hero-bg-orb-2{pointer-events:none;background:radial-gradient(circle,#c9a84c26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-80px;right:200px}.landing-page .lp-hero-bg-orb-3{pointer-events:none;background:radial-gradient(circle,#2563a833 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:100px;right:-80px}.landing-page .lp-hero-grid-lines{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.landing-page .lp-hero-content{z-index:10;flex:1;max-width:580px;position:relative}.landing-page .lp-hero-badge{border-radius:var(--radius-xl);background:#c9a84c26;border:1px solid #c9a84c59;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;display:inline-flex}.landing-page .lp-hero-badge span{color:var(--gold-light);letter-spacing:.5px;font-size:12px;font-weight:600}.landing-page .lp-hero-title{letter-spacing:-2px;color:var(--white);margin:0 0 24px;font-size:clamp(2.5rem,5vw,64px);font-weight:800;line-height:1.08}.landing-page .lp-highlight-green{background:linear-gradient(135deg, var(--green-light), #8de6b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .lp-highlight-gold{background:linear-gradient(135deg, var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .lp-hero-sub{color:#ffffffa6;max-width:480px;margin:0 0 40px;font-size:17px;line-height:1.7}.landing-page .lp-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.landing-page .lp-btn-primary-hero{background:linear-gradient(135deg, var(--green-mid), var(--green-light));color:var(--white);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.landing-page .lp-btn-secondary-hero{color:var(--white);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.landing-page .lp-hero-stats{flex-wrap:wrap;gap:40px;margin-top:52px;display:flex}.landing-page .lp-hero-stat-value{color:var(--white);letter-spacing:-.5px;font-size:28px;font-weight:800}.landing-page .lp-hero-stat-label{color:#ffffff80;margin-top:2px;font-size:12px;font-weight:500}.landing-page .lp-hero-visual{flex:1;justify-content:center;align-items:center;min-height:620px;display:flex;position:relative}.landing-page .lp-phone-3d-wrap{width:320px;height:620px;position:relative}.landing-page .lp-phone-outer{background:linear-gradient(160deg,#1e3a28 0%,#0d1f14 100%);border:2px solid #4eaf804d;border-radius:48px;width:300px;height:600px;position:absolute;top:0;left:10px;overflow:hidden;transform:perspective(900px)rotateY(-10deg)rotateX(4deg);box-shadow:0 0 0 1px #c9a84c1f,0 40px 80px #00000080,0 0 60px #4eaf801a,inset 0 1px #ffffff14}.landing-page .lp-phone-screen{background:linear-gradient(160deg,#0f2a1c 0%,#0a1820 100%);border-radius:38px;position:absolute;inset:12px;overflow:hidden}.landing-page .lp-phone-notch{background:#0d1f14;border-radius:0 0 14px 14px;width:80px;height:22px;margin:0 auto}.landing-page .lp-phone-screen-content{padding:8px 14px 14px}.landing-page .lp-phone-msg-row{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.landing-page .lp-phone-msg-row.right{flex-direction:row-reverse}.landing-page .lp-phone-avatar-sm{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.landing-page .lp-phone-avatar-sm img{object-fit:cover;width:100%;height:100%}.landing-page .lp-phone-bubble{color:#ffffffe6;border-radius:16px;max-width:160px;padding:8px 12px;font-size:10px;line-height:1.4}.landing-page .lp-phone-bubble.received{background:#2e7d5259;border-bottom-left-radius:4px}.landing-page .lp-phone-bubble.sent{background:linear-gradient(135deg,#c9a84c66,#c9a84c40);border-bottom-right-radius:4px}.landing-page .lp-phone-time{color:#ffffff59;text-align:right;margin-top:2px;font-size:8px}.landing-page .lp-phone-time.left{text-align:left}.landing-page .lp-phone-status-bar{color:#fff9;justify-content:space-between;padding:6px 16px 4px;font-size:9px;display:flex}.landing-page .lp-phone-chat-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.landing-page .lp-phone-chat-name{color:var(--white);font-size:11px;font-weight:700}.landing-page .lp-phone-online-dot{background:var(--green-light);border-radius:50%;width:6px;height:6px;margin-left:auto}.landing-page .lp-phone-input-bar{background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;display:flex}.landing-page .lp-phone-input-bar span{color:#ffffff40;flex:1;font-size:10px}.landing-page .lp-phone-float{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 8px 32px #0000004d}.landing-page .lp-phone-float-1{background:linear-gradient(135deg,#c9a84c33,#c9a84c14);border:1px solid #c9a84c4d;top:40px;right:-60px}.landing-page .lp-phone-float-2{background:linear-gradient(135deg,#2563a840,#2563a81a);border:1px solid #5b9bd54d;bottom:100px;left:-80px}.landing-page .lp-phone-float-3{background:linear-gradient(135deg,#2e7d5240,#2e7d521a);border:1px solid #4eaf804d;gap:8px;padding:10px 14px;bottom:240px;right:-70px}.landing-page .lp-float-label{color:#ffffffd9;white-space:nowrap;font-size:11px;font-weight:600}.landing-page .lp-float-sub{color:#ffffff80;white-space:nowrap;font-size:9px}.landing-page .lp-float-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.landing-page .lp-float-icon.blue{background:linear-gradient(135deg, var(--blue), var(--blue-light))}.landing-page .lp-float-icon.green{background:linear-gradient(135deg, var(--green-mid), var(--green-light))}.landing-page .lp-section-eyebrow{align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.landing-page .lp-eyebrow-dot{background:linear-gradient(135deg, var(--green-mid), var(--gold));border-radius:50%;width:8px;height:8px}.landing-page .lp-eyebrow-dot.gold{background:linear-gradient(135deg, var(--gold), var(--gold-light))}.landing-page .lp-eyebrow-text{letter-spacing:1.5px;color:var(--green-mid);text-transform:uppercase;font-size:12px;font-weight:700}.landing-page .lp-eyebrow-text-light{letter-spacing:1.5px;color:var(--gold-light);text-transform:uppercase;font-size:12px;font-weight:700}.landing-page .lp-section-title{letter-spacing:-1.5px;color:var(--text-dark);margin:0 0 16px;font-size:clamp(2rem,4vw,48px);font-weight:800;line-height:1.1}.landing-page .lp-section-title-light{letter-spacing:-1.5px;color:var(--white);margin:0 0 16px;font-size:clamp(2rem,4vw,48px);font-weight:800;line-height:1.1}.landing-page .lp-section-subtitle{color:var(--text-muted);max-width:520px;margin:0;font-size:16px;line-height:1.7}.landing-page .lp-section-subtitle-light{color:#fff9;margin:0 0 40px;font-size:16px;line-height:1.7}.landing-page .lp-features{background:var(--cream);padding:120px 80px}.landing-page .lp-features-header{margin-bottom:64px}.landing-page .lp-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-page .lp-feature-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid #0000000f;padding:32px;position:relative;overflow:hidden}.landing-page .lp-feature-card:before{content:"";background:linear-gradient(90deg, var(--green-mid), var(--gold));opacity:0;height:3px;position:absolute;top:0;left:0;right:0}.landing-page .lp-feature-card.accent:before{opacity:1}.landing-page .lp-feature-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.landing-page .lp-fi-green{color:var(--green-mid);background:linear-gradient(135deg,#2e7d521f,#4caf8014)}.landing-page .lp-fi-gold{color:var(--gold);background:linear-gradient(135deg,#c9a84c26,#e8c96a14)}.landing-page .lp-fi-blue{color:var(--blue);background:linear-gradient(135deg,#2563a81f,#5b9bd514)}.landing-page .lp-feature-name{color:var(--text-dark);margin-bottom:10px;font-size:17px;font-weight:700}.landing-page .lp-feature-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.landing-page .lp-social-section{background:linear-gradient(160deg, var(--green-deep) 0%, #0f2e20 50%, #0a1a2e 100%);padding:120px 80px;position:relative;overflow:hidden}.landing-page .lp-social-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c14 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-100px}.landing-page .lp-social-inner{z-index:2;align-items:center;gap:80px;display:flex;position:relative}.landing-page .lp-social-left,.landing-page .lp-social-right,.landing-page .lp-calls-left,.landing-page .lp-calls-right{flex:1}.landing-page .lp-social-feature-list{flex-direction:column;gap:20px;display:flex}.landing-page .lp-social-feature-item{align-items:flex-start;gap:16px;display:flex}.landing-page .lp-sfi-icon{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.landing-page .lp-sfi-name{color:var(--white);margin-bottom:4px;font-size:15px;font-weight:600}.landing-page .lp-sfi-desc{color:#ffffff8c;margin:0;font-size:13px;line-height:1.5}.landing-page .lp-feed-mockup{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;gap:16px;padding:20px;display:flex}.landing-page .lp-story-row{gap:12px;margin-bottom:8px;display:flex;overflow-x:auto}.landing-page .lp-story-item{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.landing-page .lp-story-ring{background:linear-gradient(135deg, var(--green-light), var(--gold));border-radius:50%;width:52px;height:52px;padding:2px}.landing-page .lp-story-ring.muted{background:#ffffff1a}.landing-page .lp-story-inner{border:2px solid var(--green-deep);border-radius:50%;width:100%;height:100%;overflow:hidden}.landing-page .lp-story-inner.add{color:#fff6;background:#ffffff0d;justify-content:center;align-items:center;display:flex}.landing-page .lp-story-inner img{object-fit:cover;width:100%;height:100%}.landing-page .lp-story-name{color:#ffffff8c;white-space:nowrap;font-size:10px}.landing-page .lp-feed-post{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff0f;padding:16px}.landing-page .lp-feed-post-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.landing-page .lp-feed-post-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.landing-page .lp-feed-post-avatar img{object-fit:cover;width:100%;height:100%}.landing-page .lp-feed-post-name{color:#ffffffe6;font-size:13px;font-weight:600}.landing-page .lp-feed-post-time{color:#ffffff59;font-size:11px}.landing-page .lp-feed-post-text{color:#ffffffb3;margin:0 0 12px;font-size:13px;line-height:1.5}.landing-page .lp-feed-post-actions{gap:20px;display:flex}.landing-page .lp-feed-action{color:#ffffff73;align-items:center;gap:6px;font-size:12px;display:flex}.landing-page .lp-feed-action.highlight{color:var(--gold-light)}.landing-page .lp-calls-section{background:var(--cream);padding:120px 80px}.landing-page .lp-calls-inner{align-items:center;gap:80px;display:flex}.landing-page .lp-spec-list{flex-direction:column;gap:16px;display:flex}.landing-page .lp-spec-item{background:var(--bg);border-radius:var(--radius-md);border:1px solid #0000000d;align-items:center;gap:14px;padding:16px 20px;display:flex}.landing-page .lp-spec-check{background:linear-gradient(135deg, var(--green-mid), var(--green-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.landing-page .lp-spec-label{color:var(--text-dark);font-size:14px;font-weight:600}.landing-page .lp-call-ui-mock{background:linear-gradient(160deg,#0d1f14,#0a1a2e);border:1px solid #4eaf8033;border-radius:32px;flex-direction:column;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003}.landing-page .lp-call-ui-mock:before{content:"";background:radial-gradient(circle,#4eaf8026 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.landing-page .lp-call-type-label{letter-spacing:1px;color:var(--green-light);text-transform:uppercase;z-index:2;margin-bottom:28px;font-size:12px;font-weight:600;position:relative}.landing-page .lp-call-avatar-ring{background:linear-gradient(135deg, var(--green-mid), var(--gold));z-index:2;border-radius:50%;width:100px;height:100px;margin-bottom:20px;padding:3px;position:relative}.landing-page .lp-call-avatar-inner{border:3px solid #0d1f14;border-radius:50%;width:100%;height:100%;overflow:hidden}.landing-page .lp-call-avatar-inner img{object-fit:cover;width:100%;height:100%}.landing-page .lp-call-name{color:var(--white);z-index:2;margin-bottom:6px;font-size:22px;font-weight:700;position:relative}.landing-page .lp-call-status{color:#ffffff80;z-index:2;margin-bottom:40px;font-size:13px;position:relative}.landing-page .lp-call-wave{z-index:2;align-items:center;gap:4px;margin-bottom:40px;display:flex;position:relative}.landing-page .lp-wave-bar{background:linear-gradient(to top, var(--green-mid), var(--green-light));border-radius:2px;width:4px}.landing-page .lp-call-controls{z-index:2;gap:20px;display:flex;position:relative}.landing-page .lp-call-btn{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.landing-page .lp-call-btn-mute,.landing-page .lp-call-btn-speaker{color:#fffc;background:#ffffff1a}.landing-page .lp-call-btn-end{color:#fff;background:#d94040}.landing-page .lp-specs-section{background:var(--white);padding:120px 80px}.landing-page .lp-specs-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.landing-page .lp-specs-list{margin-top:48px}.landing-page .lp-gradient-card{background:linear-gradient(160deg, var(--green-deep) 0%, #0f2e20 50%, #0a1a2e 100%);border-radius:32px;padding:52px 48px;position:relative;overflow:hidden}.landing-page .lp-gradient-card:before{content:"";background:radial-gradient(circle,#c9a84c1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-80px}.landing-page .lp-gradient-card-eyebrow{letter-spacing:1px;color:var(--gold-light);text-transform:uppercase;z-index:2;margin-bottom:16px;font-size:12px;font-weight:700;position:relative}.landing-page .lp-gradient-card-title{color:var(--white);letter-spacing:-1px;z-index:2;margin:0 0 20px;font-size:clamp(1.75rem,3vw,36px);font-weight:800;line-height:1.15;position:relative}.landing-page .lp-gradient-card-text{color:#fff9;z-index:2;margin:0 0 36px;font-size:15px;line-height:1.7;position:relative}.landing-page .lp-apk-btn{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--green-deep);border-radius:var(--radius-xl);cursor:pointer;z-index:2;white-space:nowrap;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.landing-page .lp-platform-badges{z-index:2;flex-wrap:wrap;gap:12px;margin-top:20px;display:flex;position:relative}.landing-page .lp-platform-badge{color:#ffffffbf;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.landing-page .lp-testimonials{background:var(--bg);padding:120px 80px}.landing-page .lp-testimonials-header{margin-bottom:64px}.landing-page .lp-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-page .lp-testi-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid #0000000f;padding:32px}.landing-page .lp-testi-stars{gap:4px;margin-bottom:16px;display:flex}.landing-page .lp-star{color:var(--gold);font-size:14px}.landing-page .lp-testi-quote{color:var(--text-mid);margin:0 0 20px;font-size:14px;font-style:italic;line-height:1.7}.landing-page .lp-testi-author{align-items:center;gap:12px;display:flex}.landing-page .lp-testi-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.landing-page .lp-testi-avatar img{object-fit:cover;width:100%;height:100%}.landing-page .lp-testi-name{color:var(--text-dark);font-size:13px;font-weight:700}.landing-page .lp-testi-role{color:var(--text-muted);font-size:12px}.landing-page .lp-cta-section{background:linear-gradient(160deg, var(--green-deep) 0%, #0f2e20 40%, #0a1a2e 100%);text-align:center;padding:120px 80px;position:relative;overflow:hidden}.landing-page .lp-cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#4eaf801a 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page .lp-cta-section:after{content:"";background:radial-gradient(circle,#c9a84c14 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.landing-page .lp-cta-inner{z-index:2;max-width:700px;margin:0 auto;position:relative}.landing-page .lp-cta-badge{border-radius:var(--radius-xl);color:var(--gold-light);letter-spacing:.5px;background:#c9a84c26;border:1px solid #c9a84c4d;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.landing-page .lp-cta-title{color:var(--white);letter-spacing:-1.5px;margin:0 0 20px;font-size:clamp(2.25rem,5vw,56px);font-weight:800;line-height:1.08}.landing-page .lp-cta-sub{color:#fff9;margin:0 0 44px;font-size:17px;line-height:1.7}.landing-page .lp-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-page .lp-cta-btn-main{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--green-deep);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:700;display:inline-flex}.landing-page .lp-cta-btn-ghost{color:var(--white);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;display:inline-flex}.landing-page .lp-cta-motto{color:#ffffff59;margin-top:48px;font-size:16px;font-style:italic}.landing-page .lp-footer{background:#080f0a;padding:60px 80px 40px}.landing-page .lp-footer-top{flex-wrap:wrap;justify-content:space-between;gap:60px;margin-bottom:48px;display:flex}.landing-page .lp-footer-brand{flex:1.5;min-width:200px}.landing-page .lp-footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.landing-page .lp-footer-logo-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.landing-page .lp-footer-logo-text{color:var(--white);font-size:17px;font-weight:700}.landing-page .lp-footer-tagline{color:#fff6;max-width:280px;margin:0;font-size:13px;line-height:1.7}.landing-page .lp-footer-col-title{letter-spacing:1px;color:#ffffff80;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:700}.landing-page .lp-footer-links{flex-direction:column;gap:10px;display:flex}.landing-page .lp-footer-link{color:#ffffff73;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.landing-page .lp-footer-bottom{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;display:flex}.landing-page .lp-footer-copy{color:#ffffff4d;margin:0;font-size:12px}.landing-page .lp-footer-social{gap:12px;display:flex}.landing-page .lp-footer-social-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}@media (width<=1100px){.landing-page .lp-hero{flex-direction:column;min-height:auto;padding:100px 40px 60px}.landing-page .lp-hero-visual{min-height:auto;margin-top:20px}.landing-page .lp-phone-float-1,.landing-page .lp-phone-float-2,.landing-page .lp-phone-float-3{display:none}.landing-page .lp-social-inner,.landing-page .lp-calls-inner{flex-direction:column;gap:48px}.landing-page .lp-specs-inner{grid-template-columns:1fr;gap:48px}.landing-page .lp-features-grid,.landing-page .lp-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-page .lp-navbar{padding:16px 20px}.landing-page .lp-nav-links{display:none}.landing-page .lp-hero,.landing-page .lp-features,.landing-page .lp-social-section,.landing-page .lp-calls-section,.landing-page .lp-specs-section,.landing-page .lp-testimonials,.landing-page .lp-cta-section,.landing-page .lp-footer{padding-left:24px;padding-right:24px}.landing-page .lp-features,.landing-page .lp-social-section,.landing-page .lp-calls-section,.landing-page .lp-specs-section,.landing-page .lp-testimonials,.landing-page .lp-cta-section{padding-top:80px;padding-bottom:80px}.landing-page .lp-features-grid,.landing-page .lp-testimonials-grid{grid-template-columns:1fr}.landing-page .lp-phone-3d-wrap{transform-origin:top;transform:scale(.85)}}.splash-page{background:#fff8eb;flex-direction:column;min-height:100vh;display:flex}.splash-hero{flex:1.2;justify-content:center;align-items:flex-start;padding-top:.75rem;display:flex;overflow:hidden}.splash-art{object-fit:contain;object-position:top center;width:110%;max-width:520px}.splash-copy{flex-direction:column;flex:1;padding:0 1.5rem 1.5rem;display:flex}.splash-emojis{gap:.5rem;margin-bottom:.35rem;font-size:1.375rem;display:flex}.splash-title{color:var(--fg);margin:0 0 .65rem;font-size:clamp(1.85rem,6vw,2.125rem);font-weight:800;line-height:1.1}.splash-title .accent{color:var(--primary)}.splash-social-proof{align-items:center;gap:.65rem;margin-bottom:auto;padding-bottom:1rem;display:flex}.splash-avatars{flex-shrink:0;display:flex}.splash-avatars span{background:var(--primary);border:2px solid #fff8eb;border-radius:50%;width:28px;height:28px;margin-left:-10px}.splash-avatars span:first-child{background:#2d6a4f;margin-left:0}.splash-avatars span:nth-child(2){background:#d4af37}.splash-avatars span:nth-child(3){background:#40916c}.splash-avatars span:nth-child(4){background:#1b4332}.splash-social-proof p{color:var(--primary);margin:0;font-size:.8125rem;font-weight:700;line-height:1.35}.splash-primary-btn,.splash-secondary-btn{text-align:center;border-radius:12px;width:100%;padding:.95rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}.splash-primary-btn{color:#fff;background:linear-gradient(90deg,#2d6a4f,#3a7d55,#d4af37);margin-bottom:.65rem;box-shadow:0 4px 12px #2d6a4f59}.splash-secondary-btn{color:var(--fg);background:#fff;border:1.5px solid #d4af37}.incoming-call-banner{z-index:300;width:min(420px,100% - 1.5rem);position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.incoming-call-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 12px 32px #0000002e}.incoming-call-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.incoming-call-avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-weight:700;display:grid}.incoming-call-meta{flex:1;min-width:0}.incoming-call-meta strong{display:block}.incoming-call-meta span{color:var(--muted);font-size:.85rem}.incoming-call-actions{gap:.5rem;display:flex}.incoming-call-actions button{cursor:pointer;color:#fff;border:none;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.incoming-call-actions .decline{background:#c62828}.incoming-call-actions .accept{background:#2e7d32}.incoming-call-actions button:disabled{opacity:.6;cursor:wait}:root{--bg:#fefcf8;--fg:#1c1917;--border:#e7ded4;--input:#f5f0e8;--primary:#2d6a4f;--primary-fg:#fff;--brand-green:#2d6a4f;--secondary:#d8edd9;--muted:#736357;--surface:#f5f0e8;--card:#ffffffeb;--accent:#e07b39;color:var(--fg);background:linear-gradient(180deg, #eaf4ec 0%, var(--bg) 50%, #fff8eb 100%);min-height:100vh;font-family:DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}[data-theme=dark]{--bg:#12100e;--fg:#f5f0e8;--border:#3a342e;--input:#2a2622;--primary:#2d6a4f;--primary-fg:#fff;--secondary:#1e3d2f;--muted:#c4b5a5;--surface:#1e1b18;--card:#1e1b18;--accent:#e07b39;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(180deg, #0f1712 0%, var(--bg) 50%, #1a1510 100%)}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.muted{color:var(--muted)}.center{text-align:center;padding:2rem 1rem}.loading-screen{min-height:100vh;color:var(--primary);place-items:center;font-weight:600;display:grid}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar.placeholder{background:var(--secondary);color:var(--primary);place-items:center;font-weight:700;display:grid}.page-header{padding:1.25rem 1rem .75rem}.page-header h1{margin:0;font-size:1.5rem}.page{padding-bottom:1rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2d6a4f,#3a7d55,#d4af37);border:none;border-radius:12px;width:100%;padding:.85rem 1rem;font-weight:600}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-weight:500}.btn-danger{color:#b42318;cursor:pointer;background:#fff5f5;border:1px solid #f5c2c2;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:calc(100% - 2rem);margin:1.5rem 1rem;padding:.85rem;font-weight:600;display:flex}.error-text{color:#b42318;margin:0;font-size:.9rem}