:root{--bg:#f0f2f5;--card:#fff;--text:#000;--muted:#65676b;--line:#e5e7eb;--primary:#0f766e;--primary-strong:#115e59;--danger:#b42318;--shadow:0 1px 2px #0000001a}*{box-sizing:border-box}body{background:#f0f2f5;background:var(--bg);color:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0}#root,.page-shell,body{min-height:100vh}.page-shell{align-items:flex-start;display:flex;justify-content:center;padding:0}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow);margin:20px;padding:24px;width:min(600px,100%)}.main-container{background:#f0f2f5;background:var(--bg);display:flex;min-height:100vh;width:100%}.sidebar{background:#fff;background:var(--card);border-right:1px solid #e5e7eb;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:16px;position:sticky;top:0;width:280px}.brand-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px}.nav-btn{background:#0000;border:none;border-radius:8px;color:#000;color:var(--text);cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;text-align:left;transition:background .2s}.nav-btn:hover{background:#f0f2f5}.nav-btn.active{background:#e7f3f2;color:#0f766e;color:var(--primary)}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.content{flex:1 1;margin:0 auto;max-width:600px;padding:20px;width:100%}.tagline{color:#65676b;color:var(--muted);margin:10px 0 20px}.auth-box{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:16px}.auth-box h3{font-size:16px;margin:0 0 12px}.field-group{grid-gap:8px;display:grid;gap:8px;margin-bottom:12px}.input{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:15px;outline:none;padding:10px 12px;width:100%}.input:focus{border-color:#0f766e;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{border:0;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 16px}button:disabled{cursor:not-allowed;opacity:.55}.primary-btn{background:#0f766e;background:var(--primary);color:#fff;transition:background .2s}.primary-btn:hover:not(:disabled){background:#115e59;background:var(--primary-strong)}.secondary-btn{background:#f0f2f5;color:#000;color:var(--text);transition:background .2s}.secondary-btn:hover:not(:disabled){background:#e4e6eb}.composer-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:16px}.composer-card h3{font-size:16px;margin:0 0 12px}.composer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.video-upload-label{background:#f0f2f5;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background .2s}.video-upload-label:hover{background:#e4e6eb}.video-selected{color:#0f766e;color:var(--primary);font-size:13px;font-weight:600}.feed{display:flex;flex-direction:column;gap:12px}.post-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:12px}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.post-author{font-size:15px;font-weight:600;margin:0}.post-timestamp{color:#65676b;color:var(--muted);font-size:13px;margin:4px 0 0}.post-text{font-size:15px;line-height:1.4;margin:8px 0}.post-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--line);display:flex;font-size:13px;gap:16px;margin-top:8px;padding-top:8px}.post-stat{color:#65676b;color:var(--muted);cursor:pointer;transition:color .2s}.post-stat:hover{color:#0f766e;color:var(--primary)}.profile-container{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;padding:20px}.profile-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.profile-info{flex:1 1}.profile-info h2{font-size:24px;margin:0 0 4px}.profile-email{color:#65676b;color:var(--muted);font-size:14px;margin:0 0 8px}.profile-bio{font-size:15px;margin:0 0 12px}.profile-stats{display:flex;font-size:14px;font-weight:600;gap:16px}.edit-profile-box{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.posts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.explore-container h2{margin:0 0 20px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.user-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:8px;padding:16px;text-align:center}.user-avatar{align-items:center;background:#0f766e;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.user-card h4{font-size:15px;margin:0 0 8px}.user-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 8px;overflow:hidden}.user-bio,.user-followers{color:#65676b;color:var(--muted);font-size:13px}.user-followers{font-weight:600;margin:0 0 12px}.error-text{color:#b42318;color:var(--danger);font-size:14px;font-weight:600;margin:10px 0 0}.muted{color:#65676b;color:var(--muted)}@media (max-width:768px){.main-container{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);border-right:none;height:auto;position:relative;width:100%}.nav-menu{flex-direction:row}.nav-btn{flex:1 1;text-align:center}.sidebar-footer{display:none;margin-top:16px}.content{max-width:100%;padding:12px}.posts-grid,.users-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:640px){.card{border-radius:0;margin:0}.brand-title{font-size:24px}.nav-btn{font-size:14px;padding:10px 12px}.composer-controls{flex-direction:column}.video-upload-label{text-align:center;width:100%}}
/*# sourceMappingURL=main.3ae7d869.css.map*/