@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--color-facebook-blue:#3b5998;--color-system-blue:#0a84ff;--color-mesh-blue:#9bb5ff;--color-system-gray6:#1c1c1e;--color-white:#fff;--color-background:var(--color-white);--color-text-primary:var(--color-facebook-blue);--color-text-secondary:#3b5998cc;--color-text-tertiary:#3b599899;--color-accent:var(--color-facebook-blue);--color-surface:#3b59980d;--color-border:#3b599833;--font-primary:ui-monospace,"SF Mono","SFMono-Regular","Menlo","Monaco",monospace;--font-mono:ui-monospace,"SF Mono","SFMono-Regular","Menlo","Monaco",monospace;--font-size-body:0.75rem;--font-size-secondary:0.875rem;--font-size-header:1rem;--font-size-large:1.125rem;--font-size-display:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #0000001a}:root[data-theme=dark]{--color-background:var(--color-system-gray6);--color-text-primary:var(--color-system-blue);--color-text-secondary:#0a84ffcc;--color-text-tertiary:#0a84ff99;--color-accent:var(--color-system-blue);--color-surface:#ffffff0d;--color-border:#ffffff1a}.font-primary{font-family:var(--font-primary)}.font-mono{font-family:var(--font-mono)}.text-body{font-size:var(--font-size-body)}.text-body,.text-secondary{font-weight:var(--font-weight-regular)}.text-secondary{font-size:var(--font-size-secondary)}.text-header{font-size:var(--font-size-header);font-weight:var(--font-weight-semibold)}.text-large{font-size:var(--font-size-large);font-weight:var(--font-weight-medium)}.text-display{font-size:var(--font-size-display)}.font-regular,.text-display{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-primary);line-height:1.2;transition:background-color .2s ease,color .2s ease}code{font-family:var(--font-mono)}[data-theme] .composer-input,[data-theme] .message-item,[data-theme] .post-item,[data-theme] .send-button,body{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.feed-view{padding:0;width:100%}.feed-status{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.status-text{font-size:var(--font-size-secondary);font-style:italic;margin:0}.status-text,.status-time{color:var(--color-text-tertiary);font-family:var(--font-mono)}.status-time{font-size:var(--font-size-body);margin:var(--spacing-xs) 0 0 0}.feed-posts,.post-item{background-color:var(--color-background)}.post-item{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.post-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.post-avatar{background-color:var(--color-accent);border-radius:50%;color:var(--color-white);flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-header);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.post-avatar,.post-meta{align-items:center;display:flex}.post-meta{flex:1 1;gap:var(--spacing-sm)}.post-author{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-header);font-weight:var(--font-weight-medium)}.post-timestamp{font-size:var(--font-size-secondary)}.post-more,.post-timestamp{color:var(--color-text-secondary);font-family:var(--font-mono)}.post-more{background:none;border:none;cursor:pointer;font-size:var(--font-size-header);margin-left:auto;padding:0}.post-more:hover{opacity:.7}.post-content{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-header);line-height:1.2;margin:0 0 var(--spacing-lg) 0;padding-left:56px}.post-actions{display:flex;gap:var(--spacing-xl);padding-left:56px}.action-button{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm);transition:background-color .2s ease}.action-button:hover{background-color:var(--color-surface)}.action-icon{color:var(--color-text-secondary);font-size:var(--font-size-large)}.app{display:flex;flex-direction:column;height:100vh}.chat-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:0 16px;width:100%}.message-list{padding:16px 0}.message-item{background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.message-sender{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.message-content{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-secondary);line-height:1.2;margin:0}.message-composer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0}.message-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-header);font-weight:var(--font-weight-regular);padding:var(--spacing-lg);width:100%}.message-input:focus{border-color:var(--color-accent);outline:none}.send-button{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-white);float:right;font-family:var(--font-mono);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.send-button:hover{opacity:.9}.location-channels{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0}.channel-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--spacing-lg);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-secondary);font-weight:var(--font-weight-regular);margin-bottom:var(--spacing-sm);margin-right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg)}.channel-button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.channel-button:hover{background:var(--color-text-secondary);opacity:.8}.chat-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.chat-header h2{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);margin:0}.connection-status{font-size:14px}.status-connected{color:#28a745}.status-disconnected{color:#dc3545}.error-banner{background:#dc35451a;border:1px solid #dc3545;border-radius:8px;margin:16px;padding:12px 16px}.error-banner p{color:#dc3545;margin:0 0 8px}.error-banner button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.error-banner button:hover{background:#c82333}.error-banner button:disabled{background:#6c757d;cursor:not-allowed}.message-list{flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto;padding:16px}.message-list.empty{align-items:center;display:flex;justify-content:center}.empty-state{color:#ffffffb3;text-align:center}.empty-state p{margin:8px 0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.message-geohash,.message-timestamp{color:#fff9;font-size:12px}.message-geohash{margin-top:4px}.composer-error{background:#dc35451a;border:1px solid #dc3545;border-radius:4px;margin-bottom:8px;padding:8px 12px}.composer-error p{color:#dc3545;font-size:14px;margin:0}.composer-form{display:flex;flex-direction:column}.composer-input-container{align-items:flex-end;display:flex;gap:12px}.composer-input{background:#ffffff0d;border:1px solid #3b599833;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:16px;line-height:1.4;max-height:120px;min-height:40px;padding:8px 12px;resize:none}.composer-input:focus{border-color:#007bff;outline:none}.composer-input.over-limit{border-color:#dc3545}.composer-input:disabled{cursor:not-allowed;opacity:.6}.composer-actions{align-items:center;display:flex;flex-direction:column;gap:4px}.character-count{color:#fff9;font-size:12px}.character-count.near-limit{color:#ffc107}.character-count.over-limit{color:#dc3545}.send-button{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#ffffff1a;cursor:not-allowed}.composer-footer{margin-top:8px;text-align:center}.composer-tip{color:#ffffff80;font-size:12px;margin:0}.channels-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.channels-header h3{color:#fff;margin:0}.location-button{background:#ffffff1a;border:1px solid #3b599833;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.location-button:hover:not(:disabled){background:#3b599833}.location-button:disabled{cursor:not-allowed;opacity:.6}.channels-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.channel-button{background:#ffffff1a;border:1px solid #3b599833;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;text-align:left;transition:all .2s}.channel-button:hover{background:#3b599833}.channel-button.active{background:#007bff;border-color:#007bff}.channel-name{font-weight:500;margin-bottom:2px}.channel-description{color:#ffffffb3;font-size:12px}.channels-info{background:#ffffff0d;border-radius:8px;color:#fffc;font-size:14px;padding:12px}.channels-info p{line-height:1.4;margin:0}@media (max-width:768px){.chat-container{padding:0 8px}.channels-list{flex-direction:column}.channel-button{width:100%}.composer-input-container{align-items:stretch;flex-direction:column}.composer-actions{align-items:center;flex-direction:row;justify-content:space-between;margin-top:8px}.send-button{border-radius:4px;height:auto;padding:8px 16px;width:auto}}.App{flex-direction:column;margin:0 auto;max-width:414px;min-height:100vh}.App,.app-header{background-color:var(--color-background);display:flex}.app-header{align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:var(--spacing-lg)}.header-left .app-title{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin:0;text-align:left}.header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.header-icon{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:1.2em;padding:var(--spacing-xs);transition:opacity .2s ease}.header-icon:hover{opacity:.7}.friends-count{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-secondary);margin-left:calc(var(--spacing-xs)*-1)}.app-main{flex:1 1;overflow-y:auto}
/*# sourceMappingURL=main.c1ce62e9.css.map*/