:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#16201c;--muted:#7c8a84;--bg:#f1f3f0;--card:#fff;--border:#d6dcd4;--accent:#3e6259;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}#root{flex-direction:column;height:100vh;display:flex}button,input{font:inherit}.page{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:16px;display:flex}.center{flex:1;justify-content:center;align-items:center;display:flex}h1{margin:8px 0 2px;font-size:26px}.subtitle{color:var(--muted);margin:0 0 20px;font-size:13px}.field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:13px}.field input{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:12px;font-size:15px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:8px 0;font-weight:600}.error{color:#b3382c;margin:-6px 0 14px;font-size:13px}.card{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:16px;display:flex}.card .dot{border-radius:6px;flex-shrink:0;width:12px;height:12px}.card .name{font-weight:600}.card .meta{color:var(--muted);margin-top:2px;font-size:13px}.nav{border-bottom:1px solid var(--border);background:var(--card);display:flex}.nav a{text-align:center;color:var(--muted);flex:1;padding:14px 0;font-size:13px;font-weight:600;text-decoration:none}.nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.placeholder{color:var(--muted);text-align:center;margin-top:60px}.page-full{flex:1;min-height:0;display:flex}.messages-shell{flex:1;width:100%;min-height:0;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:12px}.conv-list{border-right:1px solid var(--border);background:var(--card);flex-shrink:0;width:320px;overflow-y:auto}.conv-list-header{border-bottom:1px solid var(--border);padding:16px}.conv-list-header h2{margin:0;font-size:20px}.conv-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.conv-row:hover{background:var(--bg)}.conv-row.active{background:#e7ece6}.conv-row-body{flex-direction:column;flex:1;min-width:0;display:flex}.conv-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.conv-row-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conv-row-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;display:flex}.conv-row-close{cursor:pointer;display:none}.conv-row:hover .conv-row-close{display:inline}.unread-badge{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:flex}.thread{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.thread-header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.thread-title{font-weight:700}.thread-scroll{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex;overflow-y:auto}.date-separator{text-align:center;margin:14px 0 6px}.date-separator span{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:3px 10px;font-size:12px}.msg-row{align-items:flex-end;gap:8px;display:flex}.msg-row.mine{justify-content:flex-end}.bubble-wrap{align-items:flex-end;gap:6px;max-width:60%;display:flex;position:relative}.msg-row.mine .bubble-wrap{flex-direction:row-reverse}.bubble{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 10px}.bubble.mine{background:var(--accent);border-color:var(--accent);color:#fff}.bubble-author{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:700}.bubble.mine .bubble-author{color:#fff}.reply-preview{border-left:2px solid var(--muted);opacity:.85;margin-bottom:4px;padding-left:6px;font-size:12px;font-style:italic}.bubble-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.4}.bubble-time-row{justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;display:flex}.bubble-time{color:var(--muted);font-size:10px}.bubble.mine .bubble-time{color:#ffffffbf}.receipt-gray{color:var(--muted);font-size:10px;font-weight:700}.receipt-read{color:#4f97ac;font-size:10px;font-weight:700}.bubble.mine .receipt-gray{color:#fff9}.reaction-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-chip{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1px 6px;font-size:12px}.reaction-chip.mine{border-color:var(--accent)}.msg-actions{gap:2px;display:none}.bubble-wrap:hover .msg-actions{display:flex}.msg-actions button{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:26px;height:26px;font-size:13px}.reaction-picker{background:var(--card);border:1px solid var(--border);z-index:5;border-radius:10px;gap:2px;padding:4px;display:flex;position:absolute;bottom:100%;box-shadow:0 2px 6px #0000001a}.msg-row.mine .reaction-picker{right:0}.reaction-picker button{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px}.read-by,.typing{color:var(--muted);text-align:right;margin:0;font-size:11px}.typing{text-align:left;font-style:italic}.reply-bar{border-top:1px solid var(--border);background:#eef1ed;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;font-style:italic;display:flex}.reply-bar button{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:14px}.input-row{border-top:1px solid var(--border);background:var(--card);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.input-row textarea{resize:none;border:1px solid var(--border);border-radius:10px;flex:1;max-height:100px;padding:9px 12px;font-family:inherit;font-size:14px}.feed-page{flex-direction:column;flex:1;display:flex}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 0;display:flex}.toggle{background:var(--bg);border-radius:10px;padding:2px;display:flex}.toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.toggle button.active{background:var(--card);color:var(--ink)}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.gallery-tile{aspect-ratio:4/5;cursor:pointer;background:var(--border);border:none;border-radius:4px;padding:0;position:relative;overflow:hidden}.gallery-tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-placeholder{background:#e6eae4;width:100%;height:100%}.tile-video{background:#000;width:100%;height:100%;position:relative}.tile-video img{opacity:.85}.tile-video-badge{color:#fff;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed-scroll{flex-direction:column;gap:14px;padding-bottom:40px;display:flex}.post-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.post-card-header{align-items:center;gap:10px;padding:12px;display:flex}.post-card-author{flex:1;font-size:14px;font-weight:700}.post-card-menu{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:14px}.post-card-caption{margin:0;padding:10px 12px 0;font-size:14px;line-height:1.4}.post-card-comments{flex-direction:column;gap:4px;padding:6px 12px 0;display:flex}.post-card-comment{margin:0;font-size:13px;line-height:1.4}.post-card-input{border-top:1px solid var(--border);margin:10px 0 0;padding:10px 12px}.post-card-input input{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:8px 12px;font-size:14px}.reaction-bar{flex-wrap:wrap;gap:6px;padding:10px 12px 0;display:flex}.carousel{background:#000;width:100%}.carousel-frame{aspect-ratio:4/5;width:100%;position:relative}.carousel-frame img,.carousel-frame video{object-fit:cover;width:100%;height:100%;display:block}.carousel-placeholder{background:#1c1f1d;width:100%;height:100%}.carousel-arrow{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}.carousel-dots{justify-content:center;gap:4px;display:flex;position:absolute;bottom:8px;left:0;right:0}.carousel-dot{background:#ffffff80;border-radius:50%;width:5px;height:5px}.carousel-dot.active{background:#fff}.new-post-header{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.media-row{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.thumb{flex-shrink:0;width:90px;height:90px;position:relative}.thumb img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.thumb-video{color:#fff;background:#000;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.thumb-remove{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;font-size:12px;font-weight:700;position:absolute;top:-6px;right:-6px}.add-tile{border:1px dashed var(--border);background:var(--card);width:90px;height:90px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;font-size:28px}.new-post-caption{background:var(--card);border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;min-height:90px;margin-top:20px;padding:12px;font-family:inherit;font-size:15px}