@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--clr-bg-app: #eef1f5;--clr-bg-screen: #f9fafb;--clr-bg-card: #ffffff;--clr-bg-input: #f0f2f6;--clr-bg-bubble-in: #f0f2f6;--clr-bg-bubble-out: #e8f8f0;--clr-green: #19d47a;--clr-green-mid: #00c964;--clr-green-dark: #00a853;--clr-green-dim: rgba(25, 212, 122, .12);--clr-blue: #0b90ff;--clr-blue-dim: rgba(11, 144, 255, .12);--clr-purple: #7c4dff;--clr-purple-dim: rgba(124, 77, 255, .12);--clr-red: #ff3b5c;--clr-red-dim: rgba(255, 59, 92, .1);--clr-text-primary: #0d0f12;--clr-text-secondary: #4a5568;--clr-text-muted: #94a3b8;--clr-text-light: #cbd5e1;--clr-border: rgba(0,0,0,.06);--clr-border-mid: rgba(0,0,0,.09);--clr-divider: rgba(0,0,0,.05);--grad-brand: linear-gradient(135deg, #19d47a 0%, #0b90ff 100%);--grad-brand-soft: linear-gradient(135deg, rgba(25,212,122,.18) 0%, rgba(11,144,255,.08) 100%);--grad-card-shine: linear-gradient(135deg, #ffffff 0%, #f7f9fb 100%);--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-xl: 0 20px 60px rgba(0,0,0,.14);--shadow-green: 0 6px 24px rgba(25, 212, 122, .38);--shadow-blue: 0 6px 24px rgba(11, 144, 255, .32);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--clr-bg-app);color:var(--clr-text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(25,212,122,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(11,144,255,.07) 0%,transparent 60%)}button{cursor:pointer;font-family:inherit}input{font-family:inherit}#app{width:390px;height:844px;max-height:96vh;background:var(--clr-bg-screen);border-radius:50px;box-shadow:var(--shadow-xl),0 0 0 8px #ffffffe6;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.07)}#app:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:34px;background:#0d0f12;border-radius:20px;z-index:200}.mobile-status-bar{height:50px;padding:0 22px 0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;flex-shrink:0}.status-time{font-size:15px;font-weight:800;color:var(--clr-text-primary);letter-spacing:-.3px}.status-icons{display:flex;align-items:center;gap:5px;color:var(--clr-text-primary)}.screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--clr-bg-screen);padding-bottom:74px;animation:screenFadeIn .28s var(--t-slow)}.screen::-webkit-scrollbar{display:none}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-header-bar{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--clr-border);background:#f9fafbe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;position:sticky;top:0;z-index:30}.screen-title{font-size:17px;font-weight:800;color:var(--clr-text-primary);letter-spacing:-.4px}.btn-icon-back{width:36px;height:36px;background:#0000000a;border:none;border-radius:50%;color:var(--clr-text-primary);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.btn-icon-back:active{background:#00000014;transform:scale(.94)}.btn-more-dots{width:32px;height:32px;background:transparent;border:none;color:var(--clr-text-secondary);font-size:18px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);transition:background var(--t-fast)}.btn-more-dots:active{background:#0000000d}.section-subtitle{font-size:13px;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.onboarding-screen{background:#fff;padding:0 22px 28px;display:flex;flex-direction:column;padding-bottom:28px!important}.onboarding-hero{display:flex;flex-direction:column;align-items:center;padding-top:10px;text-align:center}.hero-mesh-graphic{position:relative;width:170px;height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.hero-mesh-graphic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 2px at 22% 18%,rgba(25,212,122,.55) 0%,transparent 70%),radial-gradient(circle 2px at 78% 20%,rgba(25,212,122,.4) 0%,transparent 70%),radial-gradient(circle 2px at 12% 50%,rgba(11,144,255,.4) 0%,transparent 70%),radial-gradient(circle 2px at 88% 50%,rgba(11,144,255,.4) 0%,transparent 70%),radial-gradient(circle 2px at 20% 80%,rgba(25,212,122,.35) 0%,transparent 70%),radial-gradient(circle 2px at 80% 78%,rgba(124,77,255,.4) 0%,transparent 70%),radial-gradient(circle 2px at 50% 8%,rgba(25,212,122,.3) 0%,transparent 70%),radial-gradient(circle 2px at 50% 92%,rgba(11,144,255,.3) 0%,transparent 70%),radial-gradient(circle 1.5px at 36% 28%,rgba(25,212,122,.3) 0%,transparent 70%),radial-gradient(circle 1.5px at 64% 30%,rgba(11,144,255,.3) 0%,transparent 70%),radial-gradient(circle 1.5px at 32% 70%,rgba(124,77,255,.3) 0%,transparent 70%),radial-gradient(circle 1.5px at 68% 72%,rgba(25,212,122,.3) 0%,transparent 70%);border-radius:50%;animation:dotPulse 4s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.hero-center-node{width:78px;height:78px;border-radius:50%;background:var(--grad-brand);box-shadow:var(--shadow-green),0 0 0 6px #19d47a1a;display:flex;align-items:center;justify-content:center;z-index:5;animation:centerPulse 3s ease-in-out infinite}@keyframes centerPulse{0%,to{box-shadow:var(--shadow-green),0 0 0 6px #19d47a1a}50%{box-shadow:var(--shadow-green),0 0 0 12px #19d47a0f}}.hero-orbit-ring{position:absolute;border-radius:50%;border-style:dashed}.ring-1{width:108px;height:108px;border:1.5px dashed rgba(25,212,122,.3);animation:spin 22s linear infinite}.ring-2{width:138px;height:138px;border:1px dashed rgba(11,144,255,.22);animation:spin 30s linear infinite reverse}.ring-3{width:168px;height:168px;border:1px dashed rgba(124,77,255,.14)}@keyframes spin{to{transform:rotate(360deg)}}.floating-node{position:absolute;width:34px;height:34px;background:#fff;border-radius:50%;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;z-index:6;animation:floatBob 4s ease-in-out infinite}.floating-node.node-1{top:8px;left:12px;animation-delay:0s}.floating-node.node-2{bottom:8px;right:6px;animation-delay:-1.3s}.floating-node.node-3{top:52px;right:-2px;animation-delay:-2.6s}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.onboarding-title{font-size:34px;font-weight:900;color:var(--clr-text-primary);letter-spacing:-1px;line-height:1.05;margin-bottom:10px}.onboarding-subtitle{font-size:16px;line-height:1.45;color:var(--clr-text-secondary);font-weight:500}.highlight-green{color:var(--clr-green-dark);font-weight:700}.highlight-blue{color:var(--clr-blue);font-weight:700}.onboarding-cards{display:flex;flex-direction:column;gap:10px;margin:22px 0 18px}.feature-card{background:#fff;border-radius:var(--r-lg);padding:14px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--clr-border);box-shadow:var(--shadow-xs);transition:transform var(--t-fast),box-shadow var(--t-fast)}.feature-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.feature-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-green{background:var(--clr-green-dim);color:var(--clr-green-dark)}.icon-blue{background:var(--clr-blue-dim);color:var(--clr-blue)}.icon-purple{background:var(--clr-purple-dim);color:var(--clr-purple)}.feature-title{font-size:14px;font-weight:700;color:var(--clr-text-primary);margin-bottom:2px}.feature-desc{font-size:12.5px;color:var(--clr-text-secondary);line-height:1.4}.onboarding-pagination{display:flex;justify-content:center;gap:6px;margin-bottom:22px}.dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--clr-text-light);transition:all var(--t-normal)}.dot.active{width:22px;background:var(--clr-green)}.onboarding-footer{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-get-started{width:100%;height:58px;background:var(--grad-brand);border:none;border-radius:var(--r-pill);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-green);transition:transform var(--t-fast),box-shadow var(--t-fast);letter-spacing:-.2px}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 10px 32px #19d47a73}.btn-get-started:active{transform:scale(.97)}.built-tag{font-size:13px;color:var(--clr-text-muted);font-weight:500}.home-feed-screen{background:var(--clr-bg-screen)}.feed-header-bar{padding:10px 16px 12px;display:flex;justify-content:space-between;align-items:center;background:#f9fafbf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border);flex-shrink:0;position:sticky;top:0;z-index:30}.app-brand-group{display:flex;align-items:center;gap:11px}.app-logo-badge{width:42px;height:42px;border-radius:50%;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #19d47a4d;flex-shrink:0}.app-title{font-size:20px;font-weight:900;color:var(--clr-text-primary);letter-spacing:-.6px;line-height:1.1}.header-subnet-row{display:flex;align-items:center;gap:5px;margin-top:1px}.online-dot-green{width:7px;height:7px;border-radius:50%;background:var(--clr-green);box-shadow:0 0 0 2px #19d47a33;animation:pulseDot 2.2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 0 2px #19d47a33}50%{box-shadow:0 0 0 4px #19d47a1f}}.nearby-peers-text{font-size:12.5px;font-weight:600;color:var(--clr-text-secondary)}.mesh-selector-btn{background:transparent;border:none;font-size:11.5px;color:var(--clr-text-muted);display:flex;align-items:center;gap:2px;margin-top:1px;padding:0;transition:color var(--t-fast)}.mesh-selector-btn:hover{color:var(--clr-text-secondary)}.header-action-plus{width:42px;height:42px;border-radius:50%;background:var(--grad-brand);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-green);transition:transform var(--t-fast),box-shadow var(--t-fast);flex-shrink:0}.header-action-plus:hover{transform:scale(1.06)}.header-action-plus:active{transform:scale(.94)}.stories-scroll-container{padding:14px 0 14px 16px;overflow-x:auto;border-bottom:1px solid var(--clr-border);flex-shrink:0}.stories-scroll-container::-webkit-scrollbar{display:none}.stories-row{display:flex;gap:16px;align-items:flex-start;padding-right:16px}.story-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;transition:transform var(--t-fast)}.story-item:active{transform:scale(.94)}.story-avatar-wrap{width:64px;height:64px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.story-avatar-wrap.active-ring{background:conic-gradient(from 180deg,var(--clr-green) 0%,var(--clr-blue) 50%,var(--clr-purple) 100%);padding:2.5px}.story-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #ffffff}.your-story .story-avatar-wrap{background:#0000000d}.your-story .story-avatar{border:2px solid rgba(0,0,0,.04)}.add-story-badge{position:absolute;bottom:1px;right:1px;width:22px;height:22px;background:var(--clr-green);border-radius:50%;border:2.5px solid #ffffff;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #19d47a66}.online-status-dot{position:absolute;bottom:3px;right:3px;width:11px;height:11px;background:var(--clr-green);border-radius:50%;border:2px solid #ffffff}.story-label{font-size:11.5px;font-weight:600;color:var(--clr-text-secondary);max-width:64px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-more .story-avatar-wrap.more-wrap{background:#0000000d;color:var(--clr-text-secondary)}.feed-tabs-row{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--clr-border);flex-shrink:0;background:var(--clr-bg-screen)}.feed-tab-btn{padding:7px 16px;border-radius:var(--r-pill);background:transparent;border:none;font-size:13.5px;font-weight:600;color:var(--clr-text-muted);transition:all var(--t-fast);white-space:nowrap}.feed-tab-btn:hover{color:var(--clr-text-secondary);background:#0000000a}.feed-tab-btn.active{background:var(--clr-green-dim);color:var(--clr-green-dark);font-weight:700}.posts-stream{display:flex;flex-direction:column;gap:10px;padding:12px 14px 16px}.feed-post-card{background:#fff;border-radius:var(--r-xl);padding:14px 14px 10px;box-shadow:var(--shadow-xs);border:1px solid var(--clr-border);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast);overflow:hidden}.feed-post-card:hover{box-shadow:var(--shadow-sm)}.feed-post-card:active{transform:scale(.99)}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.post-author-group{display:flex;align-items:center;gap:10px}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.05);flex-shrink:0}.author-name{font-size:14.5px;font-weight:700;color:var(--clr-text-primary);letter-spacing:-.2px}.post-time-dist{font-size:12px;color:var(--clr-text-muted);margin-top:1px;font-weight:500}.post-text-content{font-size:14.5px;line-height:1.5;color:var(--clr-text-primary);margin-bottom:10px;font-weight:400}.post-media-container{border-radius:var(--r-lg);overflow:hidden;position:relative;margin:0 -2px 10px}.carousel-layout{height:220px}.post-main-image{width:100%;height:100%;object-fit:cover;display:block}.carousel-count-badge{position:absolute;top:10px;right:10px;background:#0000008a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);letter-spacing:.3px}.photo-grid-3{display:grid;grid-template-columns:1.45fr 1fr;gap:3px;height:200px}.grid-left-main img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-md) 0 0 var(--r-md)}.grid-right-stack{display:grid;grid-template-rows:1fr 1fr;gap:3px;height:100%}.grid-right-stack>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0 var(--r-md) 0 0}.grid-overlay-item{position:relative}.grid-overlay-item>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0 0 var(--r-md) 0}.overlay-more-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800;border-radius:0 0 var(--r-md) 0}.post-actions-row{display:flex;align-items:center;gap:0;padding-top:4px;border-top:1px solid var(--clr-divider);margin-top:4px}.action-btn{background:transparent;border:none;display:flex;align-items:center;gap:5px;color:var(--clr-text-secondary);font-size:13px;font-weight:600;padding:8px 12px 8px 6px;border-radius:var(--r-sm);transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.action-btn:hover{background:#0000000a}.action-btn:active{transform:scale(.92)}.action-btn.liked{color:var(--clr-red)}.action-btn.btn-bookmark.active{color:var(--clr-text-primary)}.action-btn.btn-bookmark{margin-left:auto;padding-right:6px}.action-count{font-size:13px;font-weight:600}.ed25519-sig-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--clr-text-muted);padding-top:8px;padding-bottom:2px;font-weight:500}.shield-icon{font-size:11px}.post-detail-screen{background:#fff}.detail-scroll-area{flex:1;overflow-y:auto;padding:16px 16px 0}.detail-scroll-area::-webkit-scrollbar{display:none}.author-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.author-left{display:flex;align-items:center;gap:10px}.avatar-ring-green{position:relative;width:50px;height:50px;border-radius:50%;padding:2.5px;background:conic-gradient(from 180deg,var(--clr-green) 0%,var(--clr-blue) 100%)}.avatar-ring-green .author-avatar{width:100%;height:100%;border:2.5px solid #ffffff}.online-dot-sub{position:absolute;bottom:2px;right:2px;width:11px;height:11px;background:var(--clr-green);border-radius:50%;border:2px solid #ffffff}.author-titles .author-name{font-size:15px}.meta-sub{font-size:12px;color:var(--clr-text-muted);font-weight:500;margin-top:1px}.transport-tag-pill{display:flex;align-items:center;gap:5px;background:var(--clr-green-dim);color:var(--clr-green-dark);font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:var(--r-pill);white-space:nowrap}.post-detail-text{font-size:15.5px;line-height:1.55;color:var(--clr-text-primary);margin-bottom:14px;font-weight:400;white-space:pre-line}.detail-carousel-container{position:relative;height:260px;border-radius:var(--r-xl);overflow:hidden;margin:0 -4px 12px;box-shadow:var(--shadow-sm)}.detail-main-img{width:100%;height:100%;object-fit:cover;display:block}.carousel-dots-row{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px}.carousel-dots-row .dot{background:#ffffff80}.carousel-dots-row .dot.active{background:var(--clr-green);width:16px}.comments-section{padding:16px 0 20px;border-top:1px solid var(--clr-border);margin-top:8px}.comments-count-title{font-size:15px;font-weight:800;color:var(--clr-text-primary);letter-spacing:-.3px;margin-bottom:14px}.comments-list{display:flex;flex-direction:column;gap:14px}.comment-item{display:flex;align-items:flex-start;gap:10px}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(0,0,0,.05)}.comment-body-wrap{flex:1}.comment-author-header{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.comment-author-name{font-size:13.5px;font-weight:700;color:var(--clr-text-primary)}.comment-meta{font-size:11.5px;color:var(--clr-text-muted);font-weight:500}.comment-text{font-size:13.5px;color:var(--clr-text-primary);line-height:1.45}.comment-heart-btn{background:transparent;border:none;color:var(--clr-text-muted);padding:4px;border-radius:50%;transition:color var(--t-fast),transform var(--t-fast);flex-shrink:0;margin-top:2px}.comment-heart-btn:active{transform:scale(1.2);color:var(--clr-red)}.comment-input-bar{position:sticky;bottom:74px;left:0;right:0;height:64px;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--clr-border);padding:0 14px;display:flex;align-items:center;gap:10px;z-index:40}.user-self-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.05)}.comment-input-field{flex:1;height:40px;background:var(--clr-bg-input);border:none;border-radius:var(--r-pill);padding:0 16px;font-size:14px;color:var(--clr-text-primary);outline:none;transition:box-shadow var(--t-fast)}.comment-input-field:focus{box-shadow:0 0 0 2px #19d47a47}.comment-input-field::placeholder{color:var(--clr-text-muted)}.btn-send-comment{width:38px;height:38px;background:var(--clr-green);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #19d47a61;transition:transform var(--t-fast),box-shadow var(--t-fast)}.btn-send-comment:active{transform:scale(.92)}.chat-screen{background:#fff}.chat-header-bar{height:60px}.chat-group-info{display:flex;align-items:center;gap:10px}.chat-group-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.06)}.chat-title{font-size:16px;font-weight:800;letter-spacing:-.3px}.chat-sub-row{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--clr-text-muted);font-weight:500;margin-top:1px}.dot-sep{color:var(--clr-text-light)}.connected-green{color:var(--clr-green-dark);font-weight:700}.header-right-actions{display:flex;align-items:center;gap:8px}.btn-header-action{width:36px;height:36px;background:#0000000a;border:none;border-radius:50%;color:var(--clr-text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.btn-header-action:active{background:#00000014}.mesh-banner-container{padding:8px 14px 4px;flex-shrink:0}.mesh-banner-card{background:var(--clr-green-dim);border:1px solid rgba(25,212,122,.2);border-radius:var(--r-lg);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background var(--t-fast)}.mesh-banner-card:hover{background:#19d47a2e}.mesh-banner-left{display:flex;align-items:center;gap:10px}.mesh-banner-icon-bg{width:34px;height:34px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center}.mesh-banner-title{font-size:13.5px;font-weight:700;color:var(--clr-text-primary)}.mesh-banner-sub{font-size:11.5px;color:var(--clr-text-secondary);margin-top:1px}.chat-scroll-area{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:12px}.chat-scroll-area::-webkit-scrollbar{display:none}.chat-msg-row{display:flex;gap:8px;max-width:82%}.msg-received{align-self:flex-start}.msg-sent{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-end;border:1.5px solid rgba(0,0,0,.05)}.msg-received-wrap,.msg-sent-wrap{display:flex;flex-direction:column;gap:3px}.msg-author-header{font-size:11.5px;display:flex;align-items:center;gap:5px;padding:0 4px}.msg-author-name{font-weight:700;color:var(--clr-text-primary)}.msg-time{color:var(--clr-text-muted);font-weight:500}.chat-bubble{padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;font-weight:400;max-width:100%;word-break:break-word}.bubble-white{background:var(--clr-bg-bubble-in);color:var(--clr-text-primary);border-top-left-radius:5px}.bubble-green{background:var(--clr-bg-bubble-out);color:var(--clr-text-primary);border-top-right-radius:5px;border:1px solid rgba(25,212,122,.15)}.chat-media-attachment{border-radius:16px;overflow:hidden;max-width:230px;box-shadow:var(--shadow-xs)}.chat-attachment-img{width:100%;height:170px;object-fit:cover;display:block}.reaction-pill{display:inline-flex;align-items:center;gap:3px;background:#fff;box-shadow:var(--shadow-sm);border-radius:var(--r-pill);padding:3px 9px;font-size:12px;font-weight:700;margin-top:-6px;margin-left:8px;width:fit-content;border:1px solid var(--clr-border)}.delivery-status-row{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--clr-text-muted);padding:0 4px;font-weight:500}.delivery-text{color:var(--clr-green-dark);font-weight:600}.chat-input-container{position:sticky;bottom:74px;left:0;right:0;height:66px;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--clr-border);padding:0 14px;display:flex;align-items:center;gap:8px;z-index:40}.btn-attachment-plus{width:40px;height:40px;background:var(--clr-bg-input);border:none;border-radius:50%;color:var(--clr-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t-fast)}.btn-attachment-plus:active{background:#0000001a}.chat-text-input{flex:1;height:42px;background:var(--clr-bg-input);border:none;border-radius:var(--r-pill);padding:0 16px;font-size:14px;color:var(--clr-text-primary);outline:none;transition:box-shadow var(--t-fast)}.chat-text-input:focus{box-shadow:0 0 0 2px #19d47a47}.chat-text-input::placeholder{color:var(--clr-text-muted)}.btn-chat-mic-send{width:42px;height:42px;background:var(--clr-green);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #19d47a66;flex-shrink:0;transition:transform var(--t-fast),box-shadow var(--t-fast)}.btn-chat-mic-send:active{transform:scale(.92)}.bottom-nav-bar{position:absolute;bottom:0;left:0;right:0;height:74px;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--clr-border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px;z-index:100}.nav-tab-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;color:var(--clr-text-muted);border-radius:var(--r-md);transition:color var(--t-fast),transform var(--t-fast);position:relative;flex:1}.nav-tab-item:active{transform:scale(.9)}.nav-tab-item.active{color:var(--clr-green-dark)}.nav-icon-wrap{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:10px;font-weight:600;letter-spacing:.2px}.badge-dot-green,.badge-dot-blue{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.96)}.badge-dot-green{background:var(--clr-green)}.badge-dot-blue{background:var(--clr-blue)}.people-screen,.profile-screen,.notifications-screen{padding:0 0 16px}.online-pill-badge{background:var(--clr-green-dim);color:var(--clr-green-dark);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill)}.radar-visual-card{margin:14px;height:160px;background:radial-gradient(circle,rgba(25,212,122,.08) 0%,rgba(11,144,255,.04) 60%,transparent 100%);border-radius:var(--r-xl);border:1px solid var(--clr-border);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.radar-circle{position:absolute;border-radius:50%}.ring-outer{width:140px;height:140px;border:1px dashed rgba(25,212,122,.18)}.ring-mid{width:92px;height:92px;border:1px solid rgba(11,144,255,.18)}.ring-inner{width:44px;height:44px;border:1px solid rgba(25,212,122,.28)}.radar-center{font-size:22px;z-index:2}.radar-sweep{position:absolute;width:140px;height:140px;border-radius:50%;background:conic-gradient(from 0deg,transparent 80%,rgba(25,212,122,.25) 100%);animation:radarSpin 3s linear infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}.peers-list-container{padding:0 14px}.peer-cards-stack{display:flex;flex-direction:column;gap:10px}.peer-device-card{background:#fff;border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-xs);border:1px solid var(--clr-border);display:flex;justify-content:space-between;align-items:center;transition:box-shadow var(--t-fast)}.peer-device-card:hover{box-shadow:var(--shadow-sm)}.peer-left-info{display:flex;align-items:center;gap:10px}.peer-avatar-wrap{width:40px;height:40px;border-radius:50%;background:var(--grad-brand);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.status-pulse-green{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--clr-green);border-radius:50%;border:2px solid #ffffff;animation:pulseDot 2s ease-in-out infinite}.peer-mesh-id{font-size:13.5px;font-weight:700;color:var(--clr-text-primary);letter-spacing:-.2px}.peer-tech-tag{font-size:11.5px;color:var(--clr-text-muted);font-weight:500;margin-top:1px}.peer-right-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.distance-badge{font-size:11.5px;font-weight:700;color:var(--clr-green-dark)}.btn-handshake{background:#19d47a1a;border:1px solid rgba(25,212,122,.25);color:var(--clr-green-dark);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);transition:background var(--t-fast),transform var(--t-fast)}.btn-handshake:active{background:#19d47a33;transform:scale(.96)}.profile-scroll-area{padding:14px;display:flex;flex-direction:column;gap:12px}.identity-profile-card{background:#fff;border-radius:var(--r-xl);padding:18px;box-shadow:var(--shadow-xs);border:1px solid var(--clr-border)}.identity-profile-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar-large{width:52px;height:52px;border-radius:50%;background:var(--grad-brand);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-green)}.mesh-handle{font-family:var(--font);font-size:13px;font-weight:700;color:var(--clr-green-dark);letter-spacing:-.2px;word-break:break-all}.accountless-badge{font-size:11.5px;color:var(--clr-text-muted);font-weight:500;margin-top:2px}.identity-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--clr-bg-input);padding:12px;border-radius:var(--r-md)}.detail-item{display:flex;flex-direction:column;gap:3px}.label{font-size:10.5px;color:var(--clr-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.value-code{font-size:11.5px;color:var(--clr-text-secondary);font-weight:600;word-break:break-all}.value-secure{font-size:12px;color:var(--clr-green-dark);font-weight:700}.value-number{font-size:13px;font-weight:800;color:var(--clr-text-primary)}.value-text{font-size:12px;color:var(--clr-text-secondary);font-weight:600}.settings-group-card{background:#fff;border-radius:var(--r-xl);padding:16px 18px;box-shadow:var(--shadow-xs);border:1px solid var(--clr-border);display:flex;flex-direction:column;gap:12px}.settings-title{font-size:14px;font-weight:800;letter-spacing:-.2px;color:var(--clr-text-primary)}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--clr-text-secondary);font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--clr-divider)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.status-green-text{color:var(--clr-green-dark);font-weight:700;font-size:12.5px}.status-blue-text{color:var(--clr-blue);font-weight:700;font-size:12.5px}.status-purple-text{color:var(--clr-purple);font-weight:700;font-size:12.5px}.btn-text-action{background:transparent;border:none;font-size:13.5px;font-weight:700;color:var(--clr-blue)}.notifications-list{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.notif-card{background:#fff;border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-xs);border:1px solid var(--clr-border);display:flex;gap:12px;align-items:flex-start;transition:background var(--t-fast)}.notif-card:hover{background:#fdfdfe}.notif-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.notif-content{display:flex;flex-direction:column}.notif-content p{font-size:13.5px;color:var(--clr-text-primary);line-height:1.4;font-weight:400}.notif-time{font-size:11.5px;color:var(--clr-text-muted);margin-top:4px;font-weight:500}